修改首页质检中心列表跳转定位

src/views/Business/Guide1.vue

@@ -163,6 +163,7 @@ export default {
       handler(val) {
         this.$nextTick(() => {
           Object.keys(this.$refs).forEach((key) => {
+            console.log(this.$refs[key], "this.$refs");
             this.$refs[key].setAttribute("class", "msg-title");
           });
           const top = this.$refs[val.query.id].offsetTop;

src/views/Home/comps/other-list.vue

@@ -3,20 +3,24 @@
     <div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg(tmp)">
       <div class="col li">
         <span></span>
-        <span :title="tmp.name">{{tmp.name}}</span>
+        <span :title="tmp.name">{{ tmp.name }}</span>
       </div>
     </div>
   </div>
 </template>
 <script>
 export default {
-  props: ['list'],
+  props: ["list"],
   methods: {
     handelMsg(obj) {
-      window.open(obj.url, '_blank');
+      let routeData = this.$router.resolve({
+        path: obj.url,
+        query: obj.query,
+      });
+      window.open(routeData.href, "_blank");
     },
   },
-}
+};
 </script>
 <style lang="scss" scoped>
 .list {
@@ -33,7 +37,7 @@ export default {
       display: flex;
       align-items: center;
       font-size: 14px;
-      color: #7E8EA9;
+      color: #7e8ea9;
       @include ellipsis;
       span {
         display: inline-block;

src/views/Home/index.vue

@@ -923,54 +923,93 @@ export default {
           {
             name: "国家射频识别产品质量检验检测中心",
             url: '/Org/Sites',
+            query: {
+              id: '1-1'
+            }
           },
           {
             name: "国家条码质量检验检测中心",
             url: '/Org/Sites',
+            query: {
+              id: '1-2'
+            }
           },
           {
             name: "中国自动识别技术协会",
             url: '/Org/Sites',
+            query: {
+              id: '1-3'
+            }
           },
           {
             name: "中国条码技术与应用协会",
             url: '/Org/Sites',
+            query: {
+              id: '1-4'
+            }
           },
           {
             name: "《中国自动识别技术》杂志社电子版",
             url: '/Org/Sites',
+            query: {
+              id: '1-5'
+            }
           },
           {
             name: "中国ECR委员会",
             url: '/Org/Sites',
+            query: {
+              id: '1-6'
+            }
           },
           {
             name: "全国物品编码标准化技术委员会",
             url: '/Org/Sites',
+            query: {
+              id: '1-7'
+            }
           },
           {
             name: "全国物流信息管理标准化技术委员会",
             url: '/Org/Sites',
+            query: {
+              id: '1-8'
+            }
           },
           {
             name: "全国自动识别与数据采集分委员会",
             url: '/Org/Sites',
+            query: {
+              id: '1-9'
+            }
           },
           {
             name: "物联网标识工作组",
             url: '/Org/Sites',
+            query: {
+              id: '1-10'
+            }
           },
           {
             name: "全球产品电子代码中国管理中心",
             url: '/Org/Sites',
+            query: {
+              id: '1-11'
+            }
           },
           {
             name: "中国UNSPSC动态维护管理中心",
             url: '/Org/Sites',
+            query: {
+              id: '1-12'
+            }
           },
           {
             name: "北京东方捷码科技开发中心",
             url: '/Org/Sites',
+            query: {
+              id: '1-13'
+            }
           },
         ],
       },

src/views/comps/title.vue

 <template>
-  <div class="zxcxgj-title">
-    <span></span>{{ father.name }}
-  </div>
+  <div class="zxcxgj-title"><span></span>{{ father.name }}</div>
 </template>
 <script>
 export default {
@@ -11,7 +9,7 @@ export default {
 <style lang="scss">
 .zxcxgj-title {
   font-size: 16px;
-  color: #04408d;
+  color: #008dbd;
   border-bottom: 1px solid #c5d8ee;
   padding: 14px 0;
   display: flex;
@@ -25,5 +23,8 @@ export default {
     border-radius: 50%;
     margin-right: 10px;
   }
+  &.actived {
+    color: #04408d;
+  }
 }
 </style>
\ No newline at end of file