mark a format for pdfdata as keyword

src/config/pdfdata.js

@@ -1,338 +1,343 @@
+/**
+ *  Format:
+ *   1. keyword: "keyword1,keyword2" // use comma "," as separate the data,使用逗号,分开。
+ */
+
 const data = [
   {
     id: 1,
-    name: '川陕苏区税收大事记', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'1_dashiji',
-    date: '1932年12月-1935年4月'
+    name: "川陕苏区税收大事记",
+    describe: "描述",
+    content: "内容129192919229",
+    type: "类型",
+    link: "1_dashiji",
+    keyword: "keyword1,keyword2",
+    date: "1932年12月-1935年4月",
   },
   {
     id: 2,
-    name: '《川陕革命根据地财政经济史料选编》', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'2_shiliaoxuanbian',
-    date: '1987年6月'
+    name: "《川陕革命根据地财政经济史料选编》",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "2_shiliaoxuanbian",
+    date: "1987年6月",
   },
   {
     id: 3,
-    name: '川陕革命根据地博物馆介绍', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'3_bowuguanjieshao',
-    date: '时间不详'
+    name: "川陕革命根据地博物馆介绍",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "3_bowuguanjieshao",
+    date: "时间不详",
   },
   {
     id: 4,
-    name: '川陕革命根据地财政工作述论', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'4_gongzuolunshu',
-    date: '2016年3月'
+    name: "川陕革命根据地财政工作述论",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "4_gongzuolunshu",
+    date: "2016年3月",
   },
   {
     id: 5,
-    name: '川陕革命根据地财政体系的正规化建设', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'5_zhengguihuajianshe',
-    date: '2014年'
+    name: "川陕革命根据地财政体系的正规化建设",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "5_zhengguihuajianshe",
+    date: "2014年",
   },
   {
     id: 6,
-    name: '川陕革命根据地工商税收史料选编', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'6_shiliaoxuanbian',
-    date: '1987年'
+    name: "川陕革命根据地工商税收史料选编",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "6_shiliaoxuanbian",
+    date: "1987年",
   },
   {
     id: 7,
-    name: '川陕革命根据地货币史', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'7_huobishi',
-    date: '2003年'
+    name: "川陕革命根据地货币史",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "7_huobishi",
+    date: "2003年",
   },
   {
     id: 8,
-    name: '川陕革命根据地货币政策初探', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'8_zhengcechutan',
-    date: '2016年'
+    name: "川陕革命根据地货币政策初探",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "8_zhengcechutan",
+    date: "2016年",
   },
   {
     id: 9,
-    name: '川陕革命根据地金融事业探析', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'9_shiyeshentan',
-    date: '2012年6月'
+    name: "川陕革命根据地金融事业探析",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "9_shiyeshentan",
+    date: "2012年6月",
   },
   {
     id: 10,
-    name: '川陕革命根据地时期的武装斗争', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'10_wuzhuangdouzheng',
-    date: '2017年'
+    name: "川陕革命根据地时期的武装斗争",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "10_wuzhuangdouzheng",
+    date: "2017年",
   },
   {
     id: 11,
-    name: '川陕革命根据地县级苏维埃政权刍议', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'11_zhegnquan',
-    date: '2014年'
+    name: "川陕革命根据地县级苏维埃政权刍议",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "11_zhegnquan",
+    date: "2014年",
   },
   {
     id: 12,
-    name: '川陕革命根据地宣传工作研究', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'12_gongzuoyanjiu',
-    date: '2015年3月'
+    name: "川陕革命根据地宣传工作研究",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "12_gongzuoyanjiu",
+    date: "2015年3月",
   },
   {
     id: 13,
-    name: '川陕省苏维埃政府邮票', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'13_youpiao',
-    date: '2015年2月'
+    name: "川陕省苏维埃政府邮票",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "13_youpiao",
+    date: "2015年2月",
   },
   {
     id: 14,
-    name: '川陕苏区的石刻标语', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'14_shyikebiaoyu',
-    date: '时间不详'
+    name: "川陕苏区的石刻标语",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "14_shyikebiaoyu",
+    date: "时间不详",
   },
   {
     id: 15,
-    name: '川陕苏区的税收', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'15_shuishou',
-    date: '2006年10月'
+    name: "川陕苏区的税收",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "15_shuishou",
+    date: "2006年10月",
   },
   {
     id: 16,
-    name: '川陕苏区的通江银耳贸易研究', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'16_maoyiyanjiu',
-    date: '2017年3月17日'
+    name: "川陕苏区的通江银耳贸易研究",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "16_maoyiyanjiu",
+    date: "2017年3月17日",
   },
   {
     id: 17,
-    name: '川陕苏区钱币', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'17_suquqianbi',
-    date: '1996年'
+    name: "川陕苏区钱币",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "17_suquqianbi",
+    date: "1996年",
   },
   {
     id: 18,
-    name: '川陕苏区时期经济政策与经济工作的特点分析', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'18_tedianfenxi',
-    date: '2018年7月16日'
+    name: "川陕苏区时期经济政策与经济工作的特点分析",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "18_tedianfenxi",
+    date: "2018年7月16日",
   },
   {
     id: 19,
-    name: '川陕苏区土地革命述评', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'19_gemingshuping',
-    date: '2014年1月29日'
+    name: "川陕苏区土地革命述评",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "19_gemingshuping",
+    date: "2014年1月29日",
   },
   {
     id: 20,
-    name: '川陕苏维埃铜币', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'20_tongbi',
-    date: '时间不详'
+    name: "川陕苏维埃铜币",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "20_tongbi",
+    date: "时间不详",
   },
   {
     id: 21,
-    name: '对川陕苏区税收问题的研考', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'21_yankao',
-    date: '1994年'
+    name: "对川陕苏区税收问题的研考",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "21_yankao",
+    date: "1994年",
   },
   {
     id: 22,
-    name: '斧头劈开新世界  镰刀割断旧乾坤', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'22_futou',
-    date: '时间不详'
+    name: "斧头劈开新世界  镰刀割断旧乾坤",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "22_futou",
+    date: "时间不详",
   },
   {
     id: 23,
-    name: '红色税收——创建新中国时期中共税收政策的发展', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'23_hongseshuishou',
-    date: '时间不详'
+    name: "红色税收——创建新中国时期中共税收政策的发展",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "23_hongseshuishou",
+    date: "时间不详",
   },
   {
     id: 24,
-    name: '红色税收资源在税务系统党员干部思想政治教育中的优势和思考', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'24_youshisikao',
-    date: '2019年2月'
+    name: "红色税收资源在税务系统党员干部思想政治教育中的优势和思考",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "24_youshisikao",
+    date: "2019年2月",
   },
   {
     id: 25,
-    name: '红四方面军入川与川陕革命根据地的创建', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'25_genjudichuangjian',
-    date: '2002年'
+    name: "红四方面军入川与川陕革命根据地的创建",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "25_genjudichuangjian",
+    date: "2002年",
   },
   {
     id: 26,
-    name: '论川陕革命根据地宣传策略', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'26_xuanchuancehlue',
-    date: '2009年11月'
+    name: "论川陕革命根据地宣传策略",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "26_xuanchuancehlue",
+    date: "2009年11月",
   },
   {
     id: 27,
-    name: '略论川陕苏区的经济报道工作', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'27_baodaogongzuo',
-    date: '2017年'
+    name: "略论川陕苏区的经济报道工作",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "27_baodaogongzuo",
+    date: "2017年",
   },
   {
     id: 28,
-    name: '南充川陕革命根据地的重要组成部分', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'28_zuchengbufen',
-    date: '2017年'
+    name: "南充川陕革命根据地的重要组成部分",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "28_zuchengbufen",
+    date: "2017年",
   },
   {
     id: 29,
-    name: '浅析川陕苏区税收政策的特征', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'29_zhengcetezheng',
-    date: '2013年6月13日'
+    name: "浅析川陕苏区税收政策的特征",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "29_zhengcetezheng",
+    date: "2013年6月13日",
   },
   {
     id: 30,
-    name: '试论川陕苏区的利民政策及其历史启示', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'30_lishiqishi',
-    date: '2007年2月'
+    name: "试论川陕苏区的利民政策及其历史启示",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "30_lishiqishi",
+    date: "2007年2月",
   },
   {
     id: 31,
-    name: '土地革命、反对富农与苏维埃政权改造——川陕苏区政权建设的思考', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'31_jianshesikao',
-    date: '2015年'
+    name: "土地革命、反对富农与苏维埃政权改造——川陕苏区政权建设的思考",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "31_jianshesikao",
+    date: "2015年",
   },
   {
     id: 32,
-    name: '为民务实_川陕苏区根据地治理的重要特点', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'32_zhongyaotedian ',
-    date: '2014年'
+    name: "为民务实_川陕苏区根据地治理的重要特点",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "32_zhongyaotedian ",
+    date: "2014年",
   },
   {
     id: 33,
-    name: '再论川陕苏区的戒烟运动', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'33_jieyanyundong',
-    date: '2016年9月25日'
+    name: "再论川陕苏区的戒烟运动",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "33_jieyanyundong",
+    date: "2016年9月25日",
   },
   {
     id: 34,
-    name: '中央苏区税收的地位及其局限性', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'34_juxianxing',
-    date: '2005年10月10日'
+    name: "中央苏区税收的地位及其局限性",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "34_juxianxing",
+    date: "2005年10月10日",
   },
   {
     id: 35,
-    name: '中央苏区税收史陈列馆', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'35_chenlieguan',
-    date: '2008年'
+    name: "中央苏区税收史陈列馆",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "35_chenlieguan",
+    date: "2008年",
   },
   {
     id: 36,
-    name: '中央苏区税收制度的创立、特点及启示', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'36_tedianqishi',
-    date: '2002年6月5日'
+    name: "中央苏区税收制度的创立、特点及启示",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "36_tedianqishi",
+    date: "2002年6月5日",
   },
   {
     id: 37,
-    name: '中央苏区税收制度与根据地土地革命', 
-    describe: '描述',
-    content: '内容',
-    type:'类型',
-    link:'37_tudigeming',
-    date: '2012年'
-  }
-
-]
+    name: "中央苏区税收制度与根据地土地革命",
+    describe: "描述",
+    content: "内容",
+    type: "类型",
+    link: "37_tudigeming",
+    date: "2012年",
+  },
+];
 
-export default { data }
+export default { data };

src/views/spirit/index.vue

@@ -30,15 +30,6 @@
           </div>
           <div :slot="'content'" v-html="activeItem.content"></div>
         </Article>
-        <div style="width:800px;height:900px">
-          <!-- <embed
-            src="http://www.africau.edu/images/default/sample.pdf"
-            type="application/pdf"
-            width="100%"
-            height="100%"
-          /> -->
-          <div class="pdf_test"></div>
-        </div>
       </div>
     </div>
   </div>
@@ -163,6 +154,7 @@ export default {
     async getNews() {
       this.list = data.data;
       console.log("dasdas", this.list);
+
       this.list.forEach((item) => {
         if (item.id == this.activeId) {
           this.activeItem = item;