官网提交bug

src/components/layout/header/mock.js

@@ -624,6 +624,13 @@ export const nav = [
                             { name: "我要申请药品追溯码" },
                         ],
                     },
+                    {
+                        id: uuid("gs_nav"),
+                        name: "GS1 UDI专区   一站式服务",
+                        index: 2,
+                        link: "https://v4.gds.org.cn/#/udi/anccOpen",
+                        
+                    },
                 ],
             },
             {

src/main.js

@@ -6,7 +6,7 @@ import store from "./vuex/store";
 import $ from "jquery";
 import "./assets/css/_reset.css";
 // import "./assets/css/main.scss";
-import 'bootstrap-icons/font/bootstrap-icons.scss'
+import 'bootstrap-icons/font/bootstrap-icons.css'
 import "./assets/css/layout.scss";
 import "./plugins/element.js";
 import "./plugins/qrcode.js";

src/views/Business/copms/fzzx.vue

@@ -25,14 +25,14 @@ export default {
 </script>
 <style lang="scss">
 .fzzx2 {
-  @media screen and(min-width: 992px) {
+  @media screen and (min-width: 992px) {
     .row {
       &:nth-child(odd) {
         background: rgba(242, 99, 53, 0.04);
       }
     }
   }
-  @media screen and(max-width: 992px) {
+  @media screen and (max-width: 992px) {
     .row {
       &:nth-child(odd) {
         div:nth-child(odd) {

src/views/Business/index.vue

@@ -702,6 +702,12 @@ export default {
               path: "/Business/ypzs",
               active: "ypzs",
             },
+            {
+              name: "GS1 UDI专区   一站式服务",
+              path: "https://v4.gds.org.cn/#/udi/anccOpen",
+              active: "",
+              type: "link",
+            },
           ],
         },
         {

src/views/Djwh/index.vue

@@ -317,7 +317,7 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(max-width: 723px) {
+  @media screen and (max-width: 723px) {
      .row{
         display:inline;
 
@@ -370,6 +370,10 @@ export default {
 html{
   background: #fff;
 }
+a{
+  text-decoration: none;
+  color: #212529;
+}
 .djwh {
   background: #fff;
    .header{
@@ -651,9 +655,8 @@ html{
             overflow: hidden;
             text-overflow: ellipsis;
             white-space:nowrap;
-            // text-decoration: underline;
             // line-height: 28px;
-            color: #0000ee;
+            color: #212529;
 
 
         }
@@ -664,6 +667,7 @@ html{
              margin-right: 10px;
              float: left;
              font-size: 10px;
+             color: #f26335;
           }
 
       }

src/views/Home/comps/notice.vue

@@ -20,7 +20,7 @@
             </div>
             <div class="notice-nr-kj">
               <p class="notice-note">
-                为应对疫情，切实减轻企业负担，协助企业复工复产、渡过难关，编码中心决定自2020年3月1日至2022年12月31日，采取阶段性降费措施。<span
+                为切实减轻企业负担，中国物品编码中心研究决定自2020年3月1日至2023年3月31日，采取阶段性降费措施。<span
                   @click="handelJump"
                   >点击查看收费公示表</span
                 >

src/views/Home/index.vue

@@ -106,7 +106,7 @@
           <div class="ywdt">
             <div class="cate">业务大厅</div>
             <div class="row">
-              <div class="col-lg-6 wbsxtcy bgWhite">
+              <div class="col-lg-6 wbsxtcy bgWhite" style="border-right: 1px solid #f0f5fa">
                 <div class="ywdt-cate ywdt-cate-bj1" style="cursor:pointer;" @click="gonoMember">
                   <span>我还不是系统成员</span>
                   <span>（企业初次申请）</span>
@@ -153,18 +153,25 @@
                 <div class="ywdt-cate ywdt-cate-bj1">
                   <span>我是医疗企业</span>
                 </div>
-                <div class="row ywdt-kj wsylqy-row">
+                <div class="row ywdt-kj wsylqy-row" style="border-right: 1px solid #f0f5fa">
+                   <!-- <div class="UDIcss">
+                    <button class="">
+                      GS1 UDI专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一站式服务
+                    </button>
+                  </div> -->
                   <div
-                    class="col-6"
+                    class="col-6 wsyllist"
                     v-for="(tmp, i) in wsylqy"
                     :key="i"
                     @click="wsylqyHandelClick(i)"
                   >
-                    <div class="ywdt-tp">
+                    <!-- <div class="ywdt-tp">
                       <img :src="tmp.ico" alt="" />
-                    </div>
+                    </div> -->
                     <div class="ywdt-bt">{{ tmp.name }}</div>
                   </div>
+                 
+                  
                 </div>
               </div>
               <div class="col-lg-6 kjywblzq bgWhite">
@@ -808,7 +815,7 @@ export default {
       wsylqy: [
         {
           ico: require("../../assets/image/home/wsylqy-ico1.png"),
-          name: "申请医疗器械唯一标识（UDI）",
+          name: "申请医疗器械唯一标识(UDI)",
           url: "/Business/UDI",
         },
         {
@@ -816,6 +823,12 @@ export default {
           name: "申请药品追溯码",
           url: "/Business/ypzs",
         },
+        {
+          ico: require("../../assets/image/home/wsylqy-ico2.png"),
+          name: "GS1 UDI 专区  一站式服务",
+          url: "https://v4.gds.org.cn/#/udi/anccOpen",
+          type: "link",
+        },
       ],
       kjywblzq: [
         {
@@ -1481,11 +1494,15 @@ export default {
     // 我是医疗企业点击事件
     wsylqyHandelClick(i) {
       console.log(i, "我是医疗企业点击事件");
-      let routeData = this.$router.resolve({
-        path: this.wsylqy[i].url,
-        query: this.wsylqy[i].query,
-      });
-      window.open(routeData.href, "_blank");
+       if (this.wsylqy[i].type === "link") {
+        window.open(this.wsylqy[i].url, "_blank");
+      } else if (this.wsylqy[i].url) {
+        let routeData = this.$router.resolve({
+          path: this.wsylqy[i].url,
+          query: this.wsylqy[i].query,
+        });
+        window.open(routeData.href, "_blank");
+      }
       // this.$router.push({
       //   path: this.wsylqy[i].url,
       //   query: this.wsylqy[i].query,
@@ -2226,7 +2243,7 @@ export default {
       border-bottom: 1px solid #c5d8ee;
     }
 
-    @media screen and(min-width: 992px) {
+    @media screen and (min-width: 992px) {
       span {
         border-right: 1px solid #e1e6f0;
       }
@@ -2833,5 +2850,37 @@ export default {
   .ywzxdfgj{
     padding: 30px 0;
   }
+  .UDIcss{
+    width: 100%;
+    height: 40px;
+    background: #f26335;
+    border-radius: 4px;
+    margin: 20px 20px 0;
+    button{
+      width: 100%;
+      height: 100%;
+      background: none;
+      border: 0;
+      color: #ffffff;
+      font-size: 16px;
+    }
+  }
+  .wsyllist{
+    display: flex;
+    align-items: center;
+    .ywdt-bt{
+      width: 100%!important;
+      padding: 0 15%;
+      border-right:1px solid #e1e6f0 ;
+     
+    }
+    &:nth-child(2) .ywdt-bt{
+      
+      border-right:none
+    }
+    // &:nth-child(3) {
+    //   border-top:1px solid #e1e6f0 ;
+    // }
+  }
 }
 </style>

src/views/Home/sousuo.vue

@@ -212,7 +212,7 @@ export default {
     @include elDateTimeRange;
     @include elDate(32px, #333, #666);
   }
-  @media screen and(min-width: 992px) {
+  @media screen and (min-width: 992px) {
     .sousuo-top-form {
       .el-input {
         width: 78%;

src/views/Home/wxcode.vue

@@ -12,7 +12,7 @@
 </template>
 
 <style lang="scss">
-@media screen and(min-width: 992px) {
+@media screen and (min-width: 992px) {
 }
 @media screen and (max-width: 992px) {
 }

src/views/Knowledge/GS1System/dwbm.vue

@@ -85,7 +85,7 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(min-width: 992px) {
+  @media screen and (min-width: 992px) {
     li{
       display: inline-block;
       padding-left: 30px;

src/views/Knowledge/GS1System/ebxml.vue

@@ -85,7 +85,7 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(min-width: 992px) {
+  @media screen and (min-width: 992px) {
     li{
       display: inline-block;
       padding-left: 30px;

src/views/Knowledge/GS1System/ewbm.vue

@@ -83,7 +83,7 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(min-width: 992px) {
+  @media screen and (min-width: 992px) {
     li{
       display: inline-block;
       padding-left: 30px;

src/views/Knowledge/GS1System/goodsEpc.vue

@@ -85,7 +85,7 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(min-width: 992px) {
+  @media screen and (min-width: 992px) {
     li{
       display: inline-block;
       padding-left: 30px;

src/views/Knowledge/GS1System/goodsGDS.vue

@@ -85,7 +85,7 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(min-width: 992px) {
+  @media screen and (min-width: 992px) {
     li{
       display: inline-block;
       padding-left: 30px;

src/views/Knowledge/GS1System/goodsGln.vue

@@ -85,7 +85,7 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(min-width: 992px) {
+  @media screen and (min-width: 992px) {
     li{
       display: inline-block;
       padding-left: 30px;

src/views/Knowledge/GS1System/goodsPosition.vue

@@ -85,7 +85,7 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(min-width: 992px) {
+  @media screen and (min-width: 992px) {
     li{
       display: inline-block;
       padding-left: 30px;

src/views/Knowledge/GS1System/gxfECR.vue

@@ -85,7 +85,7 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(min-width: 992px) {
+  @media screen and (min-width: 992px) {
     li{
       display: inline-block;
       padding-left: 30px;

src/views/Knowledge/GS1System/zxcbm.vue

@@ -86,7 +86,7 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(min-width: 992px) {
+  @media screen and (min-width: 992px) {
     li{
       display: inline-block;
       padding-left: 30px;

src/views/Knowledge/Glossary.vue

@@ -138,7 +138,7 @@ export default {
       height: 290px;
     }
   }
-  @media screen and(max-width: 992px) {
+  @media screen and (max-width: 992px) {
     .knowledge-top-form{
       width: 100%!important;
     }

src/views/Knowledge/Standard.vue

@@ -77,7 +77,7 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(min-width: 992px) {
+  @media screen and (min-width: 992px) {
     li{
       display: inline-block;
       padding-left: 30px;

src/views/Knowledge/Statute.vue

@@ -148,7 +148,7 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(min-width: 992px) {
+  @media screen and (min-width: 992px) {
     li{
       display: inline-block;
       // padding-left: 30px;

src/views/Knowledge/Statuteinfo.vue

@@ -66,10 +66,7 @@ export default {
 };
 </script>
 <style lang="scss">
-@media screen and(min-width: 992px) {
-}
-@media screen and (max-width: 992px) {
-}
+
 .showHtml {
   img {
     max-width: 100%;

src/views/Knowledge/article.vue

@@ -146,7 +146,7 @@ export default {
 };
 </script>
 <style lang="scss">
-@media screen and(min-width: 992px) {
+@media screen and (min-width: 992px) {
 }
 @media screen and (max-width: 992px) {
 }

src/views/Knowledge/index.vue

@@ -659,7 +659,7 @@ export default {
       height: 290px;
     }
   }
-  @media screen and(max-width: 992px) {
+  @media screen and (max-width: 992px) {
     .knowledge-top-form {
       width: 100% !important;
     }

src/views/Knowledge/knowledgeList.vue

@@ -477,7 +477,7 @@ export default {
     }
     
   }
-  @media screen and(max-width: 992px) {
+  @media screen and (max-width: 992px) {
   .knowledge-top-form{
     width: 100%!important;
   }

src/views/Knowledge/xts.vue

@@ -77,7 +77,7 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(min-width: 992px) {
+  @media screen and (min-width: 992px) {
     li{
       display: inline-block;
       padding-left: 30px;

src/views/Member/index.vue

@@ -67,11 +67,6 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(min-width: 992px) {
-    .listStyle{
-
-    }
-  }
   @media screen and (max-width:  992px) {
     .listStyle{
       height: auto!important;

src/views/News/ECommerce.vue

@@ -17,8 +17,8 @@
                     <span>采用GS1统一物品编码的好处</span>
                     <span class="more" @click="goList('benefit')">更多>></span>
                 </p>
-               <div class="list-style li-style">
-                   <ul >
+               <div class="list-style li-style" >
+                   <ul  @click="goList('benefit')">
                         <li >对电商平台&卖家的好处
                             <p>有了全球统一的编码标识，就相当于给产品赋予了一个通行全球的合法“身份证”，让全球的买家更加信赖……</p>
                         </li>

src/views/News/FoodSafety.vue

@@ -5,7 +5,7 @@
       <div class="videoStyle">
         <video
           controls="controls"
-          :src="`${url}/office/uploadFileResource/Movie/GS1系统在冷链物流中的应用.mp4`"
+          :src="`${url}/office/uploadFileResource/Movie/%E9%A3%9F%E5%93%81%E5%AE%89%E5%85%A8%E8%BF%BD%E6%BA%AF.mp4`"
           width="100%"
           height="100%"
           webkit-playsinline=""

src/views/News/Logistics.vue

@@ -190,6 +190,11 @@ export default {
           icon: require("../../assets/image/news/icon_changjianwenti.png"),
           title: "常见问题",
           list: [
+            {
+              name: "常见问题",
+              url: "/2021-12-18/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98.pdf",
+              flag: 4,
+            },
             // {
             //   name: "常见问题常见问题常见问题常见问题",
             // },
@@ -237,7 +242,7 @@ export default {
       } else if (item.flag === 3) {
         window.open(FILE_PREFIX2 + item.url, "_blank");
       } else if (item.flag === 4) {
-        window.open(FILE_PREFIX3 + item.url, "_blank");
+        window.open(FILE_PREFIX + item.url, "_blank");
       }
     },
   },

src/views/News/NoticeArticle.vue

@@ -68,10 +68,7 @@ export default {
 };
 </script>
 <style lang="scss">
-@media screen and(min-width: 992px) {
-}
-@media screen and (max-width: 992px) {
-}
+
 .showHtml {
   img {
     max-width: 100%;

src/views/News/Retail.vue

@@ -13,12 +13,14 @@
       </ul>
     </div>
     <div class="div2">
-      <p class="div-title">商品二维码推广工作组</p>
+      
       <div class="row">
         <div class="col-lg-5">
+          <p class="div-title">零售2027行动@二维码——GS1全球二维码迁移</p>
           <img src="../../assets/image/news/ls2.png" alt="" />
         </div>
         <div class="col-lg-7">
+          <p class="div-title" style="">商品二维码推广工作组</p>
           <div class="div2-text">
             <div class="div2-text-box"></div>
             <div class="div2-text-des">
@@ -26,13 +28,9 @@
                 商品二维码推广工作组计划组织各地编码分支机构及有意愿、有条件的品牌商、生产商、零售商和系统服务商等相关企业共同参加。
               </p>
               <p>联系人：</p>
-              <p style="font-size: 12px" class="div2-name">
-                <span>李弘凯<i class="bi bi-telephone-fill"></i
-                >010-84295522<i class="bi bi-envelope-fill"></i>lihk@ancc.org.cn</span>
-                <span>支俊凯<i class="bi bi-telephone-fill"></i>010-84295518<i
-                  class="bi bi-envelope-fill"
-                ></i
-                >zhijk@ancc.org.cn</span>
+              <p style="font-size: 12px;display: flex;flex-flow: wrap;" class="div2-name">
+                <span>李弘凯<span><i class="el-icon-phone"></i>010-84295522</span><span><i class="el-icon-message"></i>lihk@ancc.org.cn</span></span>
+                <span>支俊凯<span><i class="el-icon-phone"></i>010-84295518</span><span><i class="el-icon-message"></i>zhijk@ancc.org.cn</span></span>
               </p>
             </div>
           </div>
@@ -177,25 +175,19 @@
           <div class="div5-cnt">
             <p class="row justify-content-center">欢迎加入</p>
             <p class="row justify-content-center">
-              <span class="col-lg-3">
+              <span class="col-lg-4">
                 <img src="../../assets/image/news/icon.png" />中国ECR委员会
               </span>
-              <span class="col-lg-3">
+              <span class="col-lg-4">
                 <img src="../../assets/image/news/icon.png" />全渠道零售工作委员会
               </span>
               
               
             </p>
-            <p class="row justify-content-center">
+            <p class="row justify-content-center name-div" >
               
-              <span class="col-lg-4">李弘凯<i
-                class="bi bi-telephone-fill"
-              ></i
-              >010-84295522<i class="bi bi-envelope-fill"></i>lihk@ancc.org.cn</span>
-              <span class="col-lg-4">支俊凯<i class="bi bi-telephone-fill"></i>010-84295518<i
-                class="bi bi-envelope-fill"
-              ></i
-              >zhijk@ancc.org.cn</span>
+              <span class="col-lg-6 col-md-8" style="display: flex;flex-flow: wrap;justify-content: end;padding-right:30px">李弘凯<span><i class="el-icon-phone"></i>010-84295522</span><span><i class="el-icon-message"></i>lihk@ancc.org.cn</span></span>
+              <span class="col-lg-6 col-md-8" style="display: flex;flex-flow: wrap;justify-content: start;padding-left:30px">支俊凯<span><i class="el-icon-phone"></i>010-84295518</span><span><i class="el-icon-message"></i>zhijk@ancc.org.cn</span></span>
             </p>
           </div>
         </div>
@@ -459,6 +451,13 @@ export default {
     .div2-text-box {
       display: none;
     }
+    .name-div{
+      >span{
+        justify-content: center!important;
+        padding: 0!important;
+      }
+      
+    }
   }
 }
 </style>
@@ -546,10 +545,30 @@ export default {
   // font-family: PingFangSC-Semibold;
   white-space: nowrap;
   padding-bottom: 21px;
+
+
 }
 .div2 {
   margin-bottom: 30px;
-
+  overflow: hidden;
+  .col-lg-5{
+    padding-right: 0;
+  }
+.col-lg-7{
+   
+   .div-title{
+     width: 100%;
+    text-align: right;
+   }
+   @media screen and (max-width: 992px) {
+      
+      margin-top: 30px;
+       .div-title{
+          width: 100%;
+          text-align: left;
+        }
+    }
+  }
   img {
     width: 100%;
   }
@@ -565,10 +584,11 @@ export default {
       position: absolute;
       left: -74px;
       background: url("../../assets/image/news/ls6.png") no-repeat;
-      border-right: 24px solid #f05587;
+      background-size: 100% 100%;
+      border-right: 14px solid #f05587;
     }
     .div2-text-des {
-      padding-left: 16px;
+      padding-left: 40px;
       padding-top: 59px;
       line-height: 26px;
       font-size: 14px;
@@ -822,6 +842,7 @@ export default {
     text-align: center;
     color: #fff;
     padding-top: 30px;
+    padding-bottom: 10px;
     p {
       width: 100%;
       font-size: 14px;
@@ -842,5 +863,8 @@ export default {
       letter-spacing: 0.4000000059604645px;
     }
   }
+  .name-div{
+
+  }
 }
 </style>

src/views/News/viewsub.vue

@@ -69,12 +69,6 @@ export default {
 </script>
 <style lang="scss"  scoped>
 
-  @media screen and(min-width: 992px) {
-   
-  }
-  @media screen and (max-width:  992px) {
-   
-}
 
 </style>
 <style lang="scss" scoped>

src/views/Org/Departments.vue

@@ -36,14 +36,18 @@
         </div>
         <div class="nsjg">
           <Title :father="departments.title9"></Title>
-          <p>承担编码中心人力资源规划、管理与人才队伍建设工作，承担干部任免、岗位设置、工资管理、教育培训、职称管理及退休人员管理等工作。</p>
+          <p>负责编码中心通用物资编目与供应链融合研究、通用物资编目技术研究与标准制定、通用物资产品数据采集与处理、产品编目数据审核与整编、编目平台系统运行与维护、编目数据应用与实施，以及国家通用物资编目体系研究建设等工作。</p>
         </div>
         <div class="nsjg">
           <Title :father="departments.title10"></Title>
-          <p>承担条码收费、财务核算、预决算、内部审计、国有资产管理、分支机构条码经营管理等工作，承担科研项目经费管理工作。</p>
+          <p>承担编码中心人力资源规划、管理与人才队伍建设工作，承担干部任免、岗位设置、工资管理、教育培训、职称管理及退休人员管理等工作。</p>
         </div>
         <div class="nsjg">
           <Title :father="departments.title11"></Title>
+          <p>承担条码收费、财务核算、预决算、内部审计、国有资产管理、分支机构条码经营管理等工作，承担科研项目经费管理工作。</p>
+        </div>
+        <div class="nsjg">
+          <Title :father="departments.title12"></Title>
           <p>承担党委日常工作，负责党务、纪检监察、工青妇等工作。</p>
         </div>
       </div>
@@ -85,15 +89,18 @@ export default {
           name: '质量检测部',
         },
         title9: {
-          name: '人力资源部',
+          name: '通用物资编目研究部',
         },
         title10: {
-          name: '产品开发运营部',
+          name: '人力资源部',
         },
         title11: {
-          name: '党委办公室（纪委办公室）',
+          name: '产品开发运营部',
         },
         title12: {
+          name: '党委办公室（纪委办公室）',
+        },
+        title13: {
           name: '办公室',
         },
       },

src/views/Org/tc287-suggestion.vue

@@ -65,10 +65,7 @@ export default {
 };
 </script>
 <style lang="scss">
-@media screen and(min-width: 992px) {
-}
-@media screen and (max-width: 992px) {
-}
+
 .showHtml {
   img {
     max-width: 100%;

src/views/Sell/copms/list.vue

 <template>
   <div class="list">
     <div v-for="(tmp, i) in list" :key="i" class="row" @click="handelClick(tmp)">
-      <div class="col-lg-6 list-left">
+      <div class="col-lg-12 list-left">
         <span></span>
         <span>{{tmp.title}}</span>
       </div>

src/views/Service/QC.vue

@@ -11,7 +11,7 @@
           </p>
 
           <p>
-            国家条码质量检验检测中心向面向生产、销售、印刷企业、科研机构、质量检验机构等社会各界提供条码符号、条码胶片、条码识读设备/条码扫描器、、条码打印机/条码生成设备、条码设计软件/条码生成软件，以及其他条码相关产品的检验服务，为条码识读器、打印机、检测仪的研发提供支持，同时为社会各界提供条码检测仪的检定/校准服务，客户遍布世界多个国家和地区。
+            国家条码质量检验检测中心向面向生产、销售、印刷企业、科研机构、质量检验机构等社会各界提供条码符号、条码胶片、条码识读设备/条码扫描器、条码打印机/条码生成设备、条码设计软件/条码生成软件，以及其他条码相关产品的检验服务，为条码识读器、打印机、检测仪的研发提供支持，同时为社会各界提供条码检测仪的检定/校准服务，客户遍布世界多个国家和地区。
           </p>
 
           <p>

src/views/Service/barcode.vue

@@ -2,7 +2,7 @@
   <div class="search-content n-service barcode">
     <div class="title">一维和二维条码符号检测</div>
     <div class="body" style="padding-top: 9px">
-      <span class="barcodev-title">条码微站加入流程：</span>
+      <span class="barcodev-title">应用：</span>
       <p>
         商品条码、商品二维码、GS1通用规范（GS1 General Specifications）、医疗UDI、汽车零部件标识、追溯码、服装条码、名片二维码、物流编码等
       </p>