2022-11-16bug更改

.env.development

 NODE_ENV = "development"
 VUE_APP_CURRENTMODE = "development"
-VUE_APP_HOST_URL = "http://81.68.189.225:9091"
+VUE_APP_HOST_URL = "http://wudi.natapp1.cc"
 VUE_APP_API_URL = "/"
 VUE_APP_GDS_URL = "/gds"
 VUE_APP_LOG = true

.env.test

 NODE_ENV = "production"
 VUE_APP_CURRENTMODE = "test"
-VUE_APP_HOST_URL = "http://81.68.189.225:9091"
-VUE_APP_API_URL = "http://81.68.189.225:9091"
+VUE_APP_HOST_URL = "http://wudi.natapp1.cc"
+VUE_APP_API_URL = "http://wudi.natapp1.cc"
 VUE_APP_GDS_URL = "http://data-studio.gds.org.cn"
 VUE_APP_CHINATM_URL = "http://81.68.189.225:8080/chinatm"
 VUE_APP_LOG = false

src/components/layout/footer.vue

@@ -34,7 +34,7 @@
             </div>
           </div>
           <div class="address">
-            地址：北京市东城区安定门外大街138号皇城国际大厦座3-6层<span>|</span>邮编：100011
+            地址：北京市东城区安定门外大街138号皇城国际大厦B座3-6层<span>|</span>邮编：100011
           </div>
         </div>
         <div class="col-lg-3">

src/views/Business/2dcode.vue

@@ -2,6 +2,15 @@
   <div class="guide">
     <div class="guide-msg container">
       <Title :father="wyscspewm.title1"></Title>
+      <div class="videoStyle">
+        <video
+          controls="controls"
+          :src="`${url}/office/uploadFileResource/Movie/二维码的应用.mp4`"
+          width="100%"
+          height="100%"
+          webkit-playsinline=""
+        ></video>
+      </div>
       <p style="text-indent: 28px; font-size: 14px">
         <a href="http://www.2dcode.org/" target="_blank">商品二维码</a>（Two
         Dimensional Code for
@@ -90,16 +99,28 @@ export default {
           name: "我要生成商品二维码",
         },
       },
+      url:process.env.VUE_APP_HOST_URL
     };
   },
 };
 </script>
 <style lang="scss" scoped>
+@media screen and (max-width: 992px) {
+    .videoStyle {
+      width: 100% !important;
+      height: 200px !important;
+    }
+  }
 .guide {
   @include module-box;
   .guide-msg {
     margin: 30px 0;
     font-size: 14px;
+    .videoStyle{
+      text-align: center;
+      width: 80%;
+      margin: 0 auto;
+    }
     .msg-title {
       color: #008dbd;
       margin-bottom: 20px;

src/views/Business/Code1.vue

@@ -123,6 +123,15 @@
         />
       </div>
       <div class="msg-title" ref="1-3">第三步：条码符号的设计</div>
+      <div class="videoStyle">
+        <video
+          controls="controls"
+          :src="`${urlDown}/office/uploadFileResource/Movie/商品条码尺寸和颜色选择.mp4`"
+          width="100%"
+          height="100%"
+          webkit-playsinline=""
+        ></video>
+      </div>
       <p class="paddingBottom10">
         EAN/UPC条码符号的放大系数一般在0.80～2.00的范围内选择。条码符号随放大系数的变化而放大或缩小。具体尺寸要求见GB
         12904-2003。当放大系数为1.00时，EAN-13与EAN-8商品条码的主要尺寸如图6、图7所示。
@@ -220,6 +229,7 @@ export default {
         name: "零售商品",
         ico: "",
       },
+      urlDown:''
     };
   },
   watch: {
@@ -239,6 +249,9 @@ export default {
       immediate: true,
     },
   },
+   created(){
+    this.urlDown = process.env.VUE_APP_HOST_URL;
+  },
   mounted() {
     if (this.$route.query.id) {
       setTimeout(() => {
@@ -250,11 +263,22 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+ @media screen and (max-width: 992px) {
+    .videoStyle {
+      width: 100% !important;
+      height: 200px !important;
+    }
+  }
 .guide {
   @include module-box;
   .guide-msg {
     margin: 20px 0;
     font-size: 14px;
+    .videoStyle{
+      text-align: center;
+      width: 80%;
+      margin: 0 auto;
+    }
     .msg-title {
       color: #008dbd;
       margin: 15px 0;

src/views/Business/Code2.vue

@@ -2,6 +2,15 @@
   <div class="guide">
     <cate :father="flsspCate"></cate>
     <div class="guide-msg container">
+      <div class="videoStyle">
+        <video
+          controls="controls"
+          :src="`${urlDown}/office/uploadFileResource/Movie/常见的商品条码.mp4`"
+          width="100%"
+          height="100%"
+          webkit-playsinline=""
+        ></video>
+      </div>
       <div class="msg-title" ref="2-1">第一步：非零售商品的标识代码</div>
       <p class="paddingBottom10">
         非零售商品，主要是指不通过POS扫描结算的用于配送、仓储或批发等操作的商品。一个装有24条香烟的纸箱、一个装有40箱香烟的托盘都可以作为一个非零售商品进行批发、配送。
@@ -139,6 +148,7 @@ export default {
         name: "非零售商品",
         ico: "",
       },
+      urlDown:''
     };
   },
   watch: {
@@ -158,6 +168,9 @@ export default {
       immediate: true,
     },
   },
+   created(){
+    this.urlDown = process.env.VUE_APP_HOST_URL;
+  },
   mounted() {
     if (this.$route.query.id) {
       setTimeout(() => {
@@ -170,11 +183,22 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+  @media screen and (max-width: 992px) {
+    .videoStyle {
+      width: 100% !important;
+      height: 200px !important;
+    }
+  }
 .guide {
   @include module-box;
   .guide-msg {
     margin: 20px 0;
     font-size: 14px;
+    .videoStyle{
+      text-align: center;
+      width: 80%;
+      margin: 0 auto;
+    }
     .msg-title {
       color: #008dbd;
       margin: 15px 0;

src/views/Business/Faq.vue

@@ -66,7 +66,7 @@ export default {
       },
       pageParams: {
         currPage: 1,
-        pageSize: 10,
+        pageSize: 20,
         total: 0,
       },
       list: [
@@ -161,6 +161,7 @@ export default {
     },
     // 接收分页子组件传过来的值
     receivePagesChild(val) {
+      console.log(val)
       this.pageParams.currentPage = val;
       this.getFaqListByTypeName();
     },
@@ -181,8 +182,8 @@ export default {
       const params = {
         typeName: this.search.typeName,
         cxnr: this.search.name,
-        pageNo: this.pageParams.currPage,
-        pageSize: this.pageParams.pageSize,
+        'pager.pageNo': this.pageParams.currentPage,
+        'pager.pageSize': this.pageParams.pageSize,
       };
       const businessGetFaqListByTypeNameRes =
         await this.$api.business.businessGetFaqListByTypeName(params);

src/views/Business/FoodSafety.vue

@@ -5,6 +5,15 @@
         <div class="register-top register-cont">
           <div class="container">
             <Title :father="FoodSafety.title1"></Title>
+            <div class="videoStyle">
+              <video
+                controls="controls"
+                :src="`${urlDown}/office/uploadFileResource/Movie/追溯环节中应用的不同条码.mp4`"
+                width="100%"
+                height="100%"
+                webkit-playsinline=""
+              ></video>
+            </div>
             <p>
               <strong>一、为什么要追溯？</strong>
             </p>
@@ -123,11 +132,21 @@ export default {
         name: "在线查询工具",
         ico: require("../../assets/image/business/icon_gongju.png"),
       },
+      urlDown:''
     };
   },
+   created(){
+    this.urlDown = process.env.VUE_APP_HOST_URL;
+  },
 };
 </script>
 <style lang="scss" scoped>
+ @media screen and (max-width: 992px) {
+    .videoStyle {
+      width: 100% !important;
+      height: 200px !important;
+    }
+  }
 .register {
   .register-cont {
     @include module-box;
@@ -142,6 +161,11 @@ export default {
       color: #008dbd;
       text-decoration: none;
     }
+     .videoStyle{
+      text-align: center;
+      width: 80%;
+      margin: 0 auto;
+    }
   }
   .register-top {
     padding: 20px 0;

src/views/Business/Guide1.vue

@@ -2,6 +2,15 @@
   <div class="guide">
     <cate :father="wysqsptmCate"></cate>
     <div class="guide-msg container">
+      <div class="videoStyle">
+        <video
+          controls="controls"
+          :src="`${url}/office/uploadFileResource/Movie/商品条码注册流程.mp4`"
+          width="100%"
+          height="100%"
+          webkit-playsinline=""
+        ></video>
+      </div>
       <div class="msg-title" ref="1-1">企业申请商品条码资格：</div>
       <p
         style="
@@ -157,6 +166,7 @@ export default {
         ico: "",
       },
       url: '',
+      
     };
   },
   watch: {
@@ -192,6 +202,12 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+ @media screen and (max-width: 992px) {
+    .videoStyle {
+      width: 100% !important;
+      height: 200px !important;
+    }
+  }
 p {
   line-height: 28px;
 }
@@ -200,6 +216,11 @@ p {
   .guide-msg {
     margin: 20px 0;
     font-size: 14px;
+     .videoStyle{
+      text-align: center;
+      width: 80%;
+      margin: 0 auto;
+    }
     .msg-title {
       color: #008dbd;
       margin: 15px 0;

src/views/Business/Guide3.vue

@@ -6,6 +6,15 @@
       >
     </cate>
     <div class="guide-msg container">
+      <div class="videoStyle">
+        <video
+          controls="controls"
+          :src="`${urlDown}/office/uploadFileResource/Movie/产品信息通报流程.mp4`"
+          width="100%"
+          height="100%"
+          webkit-playsinline=""
+        ></video>
+      </div>
       <div class="msg-title" ref="3-1">通报商品信息方法及提交内容：</div>
       <p>
         <b>登录平台</b>
@@ -93,6 +102,7 @@ export default {
         name: "我要通报编码信息",
         ico: "",
       },
+      urlDown:''
     };
   },
   watch: {
@@ -115,6 +125,9 @@ export default {
   computed: {
     ...mapState(["urls"]),
   },
+   created(){
+    this.urlDown = process.env.VUE_APP_HOST_URL;
+  },
   mounted() {
     if (this.$route.query.id) {
       setTimeout(() => {
@@ -131,6 +144,12 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+ @media screen and (max-width: 992px) {
+    .videoStyle {
+      width: 100% !important;
+      height: 200px !important;
+    }
+  }
 .guide {
   @include module-box;
   .ljtb-btn {
@@ -144,6 +163,11 @@ export default {
   .guide-msg {
     margin: 20px 0;
     font-size: 14px;
+     .videoStyle{
+      text-align: center;
+      width: 80%;
+      margin: 0 auto;
+    }
     .msg-title {
       color: #008dbd;
       margin: 15px 0;

src/views/Business/Guide4.vue

@@ -2,6 +2,15 @@
   <div class="guide">
     <cate :father="wxgxCate"></cate>
     <div class="guide-msg container">
+      <div class="videoStyle">
+        <video
+          controls="controls"
+          :src="`${urlDown}/office/uploadFileResource/Movie/商品信息与微信共享.mp4`"
+          width="100%"
+          height="100%"
+          webkit-playsinline=""
+        ></video>
+      </div>
       <div class="msg-title" ref="4-1">微信共享：</div>
       <p
         style="
@@ -80,6 +89,7 @@ export default {
         name: "微信共享",
         ico: "",
       },
+      urlDown:''
     };
   },
   watch: {
@@ -107,14 +117,28 @@ export default {
       }, 100);
     }
   },
+   created(){
+    this.urlDown = process.env.VUE_APP_HOST_URL;
+  },
 };
 </script>
 <style lang="scss" scoped>
+ @media screen and (max-width: 992px) {
+    .videoStyle {
+      width: 100% !important;
+      height: 200px !important;
+    }
+  }
 .guide {
   @include module-box;
   .guide-msg {
     margin: 20px 0;
     font-size: 14px;
+     .videoStyle{
+      text-align: center;
+      width: 80%;
+      margin: 0 auto;
+    }
     .msg-title {
       color: #008dbd;
       margin: 15px 0;

src/views/Business/index.vue

@@ -56,6 +56,7 @@ export default {
                       name: "1.企业申请商品条码资格",
                       path: "/Business/Guide1",
                       active: "",
+                      icon:true,
                       query: {
                         id: "1-1",
                       },
@@ -187,6 +188,7 @@ export default {
                       name: "1.通报商品信息方法及提交内容",
                       path: "/Business/Guide3",
                       active: "",
+                      icon:true,
                       query: {
                         id: "3-1",
                       },
@@ -212,6 +214,7 @@ export default {
                       name: "1.微信共享",
                       path: "/Business/Guide4",
                       active: "",
+                      icon:true,
                       query: {
                         id: "4-1",
                       },
@@ -570,6 +573,7 @@ export default {
                       name: "条码符号的设计",
                       path: "/Business/Code1",
                       active: "",
+                      icon:true,
                       query: {
                         id: "1-3",
                       },
@@ -595,6 +599,7 @@ export default {
                       name: "非零售商品的标识代码",
                       path: "/Business/Code2",
                       active: "",
+                      icon:true,
                       query: {
                         id: "2-1",
                       },
@@ -660,11 +665,13 @@ export default {
             {
               name: "我要生成商品二维码",
               path: "/Business/2dcode",
+              icon:true,
               active: "2dcode",
             },
             {
               name: "我要追溯",
               path: "/Business/FoodSafety",
+              icon:true,
               active: "FoodSafety",
             },
             {

src/views/Djwh/index.vue

@@ -16,17 +16,18 @@
               <div class="row-left " >
                 <div class="left-img">
                   <div class="border-div">
-                      <a href="https://www.12371.cn/special/19jlzqh/">
+                      <a href="http://www.gov.cn/zhuanti/zggcddescqgdbdh/index.htm" target="blank">
                         <img src="../../assets/image/djwh/ssjwzqh.jpg" alt="">
                       </a>
-                      <a href="http://www.samr.gov.cn/zt/bwcx/">
+                      <!-- <a href="http://www.samr.gov.cn/zt/bwcx/">
                         <img src="../../assets/image/djwh/19thpic1.jpg" alt="">
-                      </a>
+                      </a> -->
                   </div>
 
                 </div>
                 <div class=" middle-header" >
-                  <div class="border-div ">
+                  <!-- 热点关注 -->
+                  <!-- <div class="border-div ">
                     <a href="http://www.samr.gov.cn/zt/bwcx/">
                         <img src="../../assets/image/djwh/tt_pho.gif" alt="">
                       </a>
@@ -37,7 +38,7 @@
                       </div>
 
 
-                  </div>
+                  </div> -->
                   <div class="border-div  list-style">
                       <div class="middle-title">
                         <h4>活动报道</h4>
@@ -83,14 +84,18 @@
                     </div>
                 </div>
                 <div class=" foottp"  style="overflow:hidden;">
-                  <img src="../../assets/image/djwh/19th.gif" alt="">
+                  <!-- <img src="../../assets/image/djwh/19th.gif" alt=""> -->
+                  <a href="https://www.samr.gov.cn/zt/20djs/" target="blank">
+                    <img src="../../assets/image/djwh/buttom.jpg" alt="">
+                  </a>
+                  
                 </div>
             
               </div>
           </div>
           
           <div class=" right-con">
-            <div class="border-div  list-style">
+            <!-- <div class="border-div  list-style">
                     <div class="middle-title">
                       <h4>党的十九大文件</h4>
 
@@ -108,7 +113,7 @@
                         </ul>
                     </div>
 
-                </div>
+                </div> -->
                 <div class="border-div  list-style">
                     <div class="middle-title">
                       <h4>中央和总局精神</h4>
@@ -134,10 +139,10 @@
                 <div class="border-div  list-style xglj">
                     <div class="middle-title">
                       <h4>相关链接</h4>
-                      <a href="http://www.12371.cn/special/xg19thjs/"> <img src="../../assets/image/djwh/19th_rmw.jpg" alt=""></a>
-                        <a href="http://www.samr.gov.cn/zt/fdqh/"> <img src="../../assets/image/djwh/dsxx.jpg" alt=""></a>
-                        <a href="http://lxyz.12371.cn"> <img src="../../assets/image/djwh/lxyz_xxjyw.png" alt=""></a>
-                        <a href="http://lxyz.people.cn/GB/index.html"> <img src="../../assets/image/djwh/lxyz_rmw.png" alt=""></a>
+                      <a href="https://www.12371.cn/special/xy20d/" target="blank"> <img src="../../assets/image/djwh/19th_rmw.jpg" alt=""></a>
+                        <a href="http://www.samr.gov.cn/zt/fdqh/"  target="blank"> <img src="../../assets/image/djwh/dsxx.jpg" alt=""></a>
+                        <a href="http://lxyz.12371.cn"  target="blank"> <img src="../../assets/image/djwh/lxyz_xxjyw.png" alt=""></a>
+                        <a href="http://lxyz.people.cn/GB/index.html"  target="blank"> <img src="../../assets/image/djwh/lxyz_rmw.png" alt=""></a>
                     </div>
                     <div class="middle-list">
 
@@ -186,8 +191,8 @@ export default {
     this.initListFn(3,435).then(function(result) {
        that.hotList = result
     })
-    // 活动报道
-    this.initListFn(8,428).then(function(result) {
+    // 活动报道(显示：新版4个  老版本8个)
+    this.initListFn(4,428).then(function(result) {
        that.reportList = result
     })
     //党史
@@ -381,7 +386,7 @@ html{
         a{
           line-height: 20px;
           font-size: 16px;
-          text-decoration: underline;
+          // text-decoration: underline;
           color:#fff;
         }
      }
@@ -441,6 +446,12 @@ html{
 
         }
       }
+      .border-div:last-child{
+        padding:0px;
+        height: auto!important;
+        margin: 0;
+      
+      }
 
       .middle-title{
         background: linear-gradient(#fff, #ccc 30%, #f6f6f6);
@@ -515,8 +526,10 @@ html{
      margin-top: 10px;
 
      img{
-       padding:0 5px 5px 5px;
+       padding:0 5px 0px 5px;
        width: 100%;
+       height: 190px;
+       margin-bottom: 10px;
      }
    }
 
@@ -626,7 +639,7 @@ html{
             overflow: hidden;
             text-overflow: ellipsis;
             white-space:nowrap;
-            text-decoration: underline;
+            // text-decoration: underline;
             // line-height: 28px;
             color: #0000ee;
 

src/views/Home/index.vue

@@ -385,7 +385,7 @@
                 <div class="djwh-tp">
                   <a href="/djwh" target="blank"
                     ><img
-                      src="../../assets/image/home/dangjianwenhua.png"
+                      src="../../assets/image/home/djwh.jpg"
                       alt=""
                   /></a>
                 </div>
@@ -1763,6 +1763,9 @@ export default {
       > div {
         width: 100%;
       }
+      img{
+        height: auto!important;
+      }
     }
     .pc {
       display: none;
@@ -2441,6 +2444,13 @@ export default {
       // font-family: PingFangSC-Medium, PingFang SC;
       font-weight: 600;
       cursor: pointer;
+      overflow: hidden;
+      text-overflow: ellipsis;  
+      white-space:nowrap;
+
+    }
+    img{
+      height: 166px;
     }
 
     .home-bottom-cont {

src/views/News/ECommerce.vue

@@ -51,8 +51,8 @@
                     <span class="more" @click="goList('videoList')">更多>></span>
                 </p>
                
-               <img src="../../assets/image/news/dzsw2.png" alt="">
-                <!-- <video controls="controls" src=""  width="100%" height="100%" webkit-playsinline=""></video> -->
+               <!-- <img src="../../assets/image/news/dzsw2.png" alt="" style="width:100%"> -->
+                <video controls="controls" :src="`${urlDown}/office/uploadFileResource/Movie/条码在电子商务中的作用.mp4`"  width="100%" height="100%" webkit-playsinline=""></video>
             </div>
         </div>
         <div class="col-lg-6 lunbo ">
@@ -165,6 +165,7 @@ export default {
     this.initListFn(this.tableResult.currPage);
     this.spListFn()
     this.urlDown = process.env.VUE_APP_HOST_URL;
+    
   },
   mounted() {
     // 面包屑单独处理

src/views/News/FoodSafety.vue

@@ -2,6 +2,15 @@
   <div class="composite">
     <cate :father="bzkydtCate"></cate>
     <div class="container">
+      <div class="videoStyle">
+        <video
+          controls="controls"
+          :src="`${url}/office/uploadFileResource/Movie/GS1系统在冷链物流中的应用.mp4`"
+          width="100%"
+          height="100%"
+          webkit-playsinline=""
+        ></video>
+      </div>
       <p><a href="http://www.chinatrace.org/" target="_blank"><img src="../../assets/image/news/spaqzs.jpg" alt=""></a></p>
       <p>近年来国内外食品安全事件不断发生，引起各国政府、企业和消费者的共同关注。追溯作为保障食品安全的一种重要手段，受到各国政府、行业组织和企业的高度重视。</p>
       <p>自2000年开始，中国物品编码中心在国内外率先开展国内外的追溯政策、法规和标准的技术跟踪与研究，并把追溯概念引入中国，经过十几年的努力，在标准制定、项目建设、应用推广等方面都取得了一定的成绩，承担了《重要产品追溯 追溯码编码规范》等多个追溯国家标准和行业标准的制订工作，建成国家食品（产品）安全追溯平台，开展对外追溯合作，有效地推进了我国追溯体系建设的完善。</p>
@@ -202,6 +211,12 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+@media screen and (max-width: 992px) {
+    .videoStyle {
+      width: 100% !important;
+      height: 200px !important;
+    }
+  }
 .composite {
   @include module-box;
   ul {
@@ -209,6 +224,11 @@ export default {
     margin: 0;
   }
   .container{
+    .videoStyle{
+      text-align: center;
+      width: 80%;
+      margin: 20px auto 5px;
+    }
     img{
       width: 40%;
       height: auto;

src/views/News/Health.vue

@@ -35,45 +35,34 @@ export default {
     return {
       typeList: [
         {
-          icon: require("../../assets/image/news/ylws1.png"),
-          title: "政策法规",
-          list: ["药品", "医疗器械"],
+          icon: require("../../assets/image/news/ylws1.jpg"),
+          title: "医疗政策",
+          list: [],
         },
         {
-          icon: require("../../assets/image/news/ylws2.png"),
-          title: "追溯",
-          list: ["EPCIS", "药品追溯"],
+          icon: require("../../assets/image/news/ylws2.jpg"),
+          title: "跟踪追溯",
+          list: [],
         },
         {
-          icon: require("../../assets/image/news/ylws3.png"),
+          icon: require("../../assets/image/news/ylws3.jpg"),
           title: "医疗机构",
-          list: ["标准实施十步走", "优秀案例", "GS1医疗奖"],
+          list: [],
         },
         {
-          icon: require("../../assets/image/news/ylws4.png"),
-          title: "GS1标准与解决方案",
-          list: ["GS1如何帮助解决方案提供商"],
+          icon: require("../../assets/image/news/ylws4.jpg"),
+          title: "解决方案",
+          list: [],
         },
         {
           icon: require("../../assets/image/news/ylws5.png"),
-          title: "GS1医疗标准",
-          list: ["用于医疗的GS1标准", "临床试验标准"],
+          title: "医疗标准",
+          list: [],
         },
         {
-          icon: require("../../assets/image/news/ylws6.png"),
-          title: "应用案例",
-          list: [
-            "报告",
-            "案例",
-            "立场书",
-            "报告",
-            "案例",
-            "立场书",
-            "报告",
-            "案例",
-            "立场书",
-            "报告",
-          ],
+          icon: require("../../assets/image/news/ylws6.jpg"),
+          title: "参考资料",
+          list: [],
         },
       ],
       medicalData: [],
@@ -150,6 +139,7 @@ export default {
       margin-bottom: 30px;
       border-top: 5px solid #00b6de;
       transition: all 0.22s;
+      
       &:hover {
         transform: translateY(-10px);
         box-shadow: 0px 4px 15px 2px rgba(4, 64, 141, 0.08);
@@ -159,6 +149,7 @@ export default {
       }
       img {
         width: 100%;
+        height: 194.8px;
       }
       .health-li-bt {
         width: 90%;
@@ -174,6 +165,10 @@ export default {
           font-size: 14px;
           color: #00b6de;
           cursor: pointer;
+          overflow: hidden;
+          text-overflow: ellipsis;  
+          white-space:nowrap;
+          cursor: pointer;
         }
         .listyle::before {
           content: "\25CF";

src/views/News/main.vue

@@ -105,11 +105,13 @@ export default {
               name: "食品安全追溯",
               path: "/News/FoodSafety",
               active: "FoodSafety",
+              icon:true
             },
             {
               name: "电子商务",
               path: "/News/ECommerce",
               active: "ECommerce",
+              icon:true
             },
             {
               name: "移动商务",

src/views/comps/left2.vue

@@ -21,12 +21,13 @@
                   active:
                     tmpB.active === currentName ||
                     hasRouteQuery($route.query, tmpB.query),
+                   
                 }"
                 v-for="(tmpB, ii) in tmpA.children"
                 :key="ii"
                 @click="jump(tmpB)"
-                class="overflow-class"
-                >{{ tmpB.name }}</el-menu-item>
+                class='overflow-class'
+                >{{ tmpB.name }}<span v-if="tmpB.icon" class="iconClass"></span></el-menu-item>
             </el-menu-item-group>
           </el-submenu>
         </template>
@@ -162,12 +163,29 @@ export default {
         top: 15px;
         right: 15px;
       }
+      .iconClass{
+        display: inline-block;
+        width: 19px;
+        height: 19px;
+        background-image:  url('../../assets/image/videoGray.png');
+        background-size: 100%;
+        margin-top: -3px;
+        margin-left: 5px;
+
+      }
       &:hover,
       &.active {
         color: #f26335;
         background: $side-menu-active-color;
         border-right: 3px solid #f26335;
+        .iconClass{
+        background-image:  url('../../assets/image/video.png');
+
       }
+
+      }
+      
+   
     }
   }
 }