更新

src/views/service/index.vue

@@ -20,7 +20,7 @@
                 <div class="lefttop"><span class="title"> |</span> 合作服务</div>
                 <ul>
                   <li class="serviceList" v-for="(item, index) in serviceList" :key="index">
-                    <a @click="serviceBtn(index)">
+                    <a @click="serviceBtn(item)">
                       <el-image style="width:64px;height:64px;" :src="item.pic"></el-image>
                       <p>{{ item.title }}</p>
                     </a>
@@ -112,7 +112,7 @@ export default {
         },
         {
           pic: require('@/assets/live/hezuo8.png'),
-          title: '高企认定',
+          title: '高企认证',
         },
       ],
       // 公众参与
@@ -140,11 +140,7 @@ export default {
   },
   created() {},
   methods: {
-    bendiserviceBtn(index) {
-      this.$message({
-        message: '功能开发中',
-      });
-    },
+    // 本地服务
     zhengwuBtn(item) {
       // if (item.title == '展会管理') {
       //   this.$router.push({ path: '/live/service/list', query: { column_name: item.title } });
@@ -156,10 +152,18 @@ export default {
       // }
       this.$router.push({ path: '/live/service/list', query: { column_name: item.title } });
     },
-    serviceBtn(index) {
+    // 合作服务
+    serviceBtn(item) {
+      this.$router.push({ path: '/live/service/list', query: { column_name: item.title, activeNames: '2' } });
+      // this.$message({
+      //   message: '功能开发中',
+      //   type: 'warning',
+      // });
+    },
+    // 公众参与
+    bendiserviceBtn(index) {
       this.$message({
         message: '功能开发中',
-        type: 'warning',
       });
     },
   },

src/views/service/list.vue

@@ -55,6 +55,54 @@
               <span v-else-if="columnName == '绩效评价'">
                 <achievements></achievements>
               </span>
+              <span v-else-if="columnName == '知识产权'">
+                <el-col :span="24" class="kaifaMain">
+                  <el-image :src="kaifaInfo.pic"></el-image>
+                  <p>{{ kaifaInfo.title }}</p>
+                </el-col>
+              </span>
+              <span v-else-if="columnName == '科技文献'">
+                <el-col :span="24" class="kaifaMain">
+                  <el-image :src="kaifaInfo.pic"></el-image>
+                  <p>{{ kaifaInfo.title }}</p>
+                </el-col>
+              </span>
+              <span v-else-if="columnName == '项目申报'">
+                <el-col :span="24" class="kaifaMain">
+                  <el-image :src="kaifaInfo.pic"></el-image>
+                  <p>{{ kaifaInfo.title }}</p>
+                </el-col>
+              </span>
+              <span v-else-if="columnName == '科技金融'">
+                <el-col :span="24" class="kaifaMain">
+                  <el-image :src="kaifaInfo.pic"></el-image>
+                  <p>{{ kaifaInfo.title }}</p>
+                </el-col>
+              </span>
+              <span v-else-if="columnName == '科技孵化'">
+                <el-col :span="24" class="kaifaMain">
+                  <el-image :src="kaifaInfo.pic"></el-image>
+                  <p>{{ kaifaInfo.title }}</p>
+                </el-col>
+              </span>
+              <span v-else-if="columnName == '成果登记'">
+                <el-col :span="24" class="kaifaMain">
+                  <el-image :src="kaifaInfo.pic"></el-image>
+                  <p>{{ kaifaInfo.title }}</p>
+                </el-col>
+              </span>
+              <span v-else-if="columnName == '技术合同'">
+                <el-col :span="24" class="kaifaMain">
+                  <el-image :src="kaifaInfo.pic"></el-image>
+                  <p>{{ kaifaInfo.title }}</p>
+                </el-col>
+              </span>
+              <span v-else-if="columnName == '高企认证'">
+                <el-col :span="24" class="kaifaMain">
+                  <el-image :src="kaifaInfo.pic"></el-image>
+                  <p>{{ kaifaInfo.title }}</p>
+                </el-col>
+              </span>
             </el-col>
           </el-col>
         </el-col>
@@ -83,7 +131,7 @@ export default {
   },
   data: () => ({
     squareImage: require('@/assets/live/square_big.png'),
-    activeNames: ['1'],
+    activeNames: '1',
     menuList: [
       { icon: 'el-icon-trophy-1', name: '智慧推荐' },
       { icon: 'el-icon-pie-chart', name: '展会管理' },
@@ -107,14 +155,26 @@ export default {
     menuIndex: '0',
     menuIndexs: '0',
     columnName: '',
+    // 功能开发中
+    kaifaInfo: {
+      pic: require('@/assets/timg.gif'),
+      title: '功能开发中',
+    },
   }),
   created() {
     this.searchInfo();
+    if (this.activeName) {
+      this.$set(this, `activeNames`, this.activeName);
+    }
+    console.log(this.activeName);
   },
   computed: {
     column_name() {
       return this.$route.query.column_name;
     },
+    activeName() {
+      return this.$route.query.activeNames;
+    },
   },
   methods: {
     searchInfo() {
@@ -124,6 +184,14 @@ export default {
       if (this.column_name == '合同在线') this.changeMenu(this.$route.query.column_name, 3);
       if (this.column_name == '信用认证') this.changeMenu(this.$route.query.column_name, 4);
       if (this.column_name == '绩效评价') this.changeMenu(this.$route.query.column_name, 5);
+      if (this.column_name == '知识产权') this.changeMenus(this.$route.query.column_name, 0);
+      if (this.column_name == '科技文献') this.changeMenus(this.$route.query.column_name, 1);
+      if (this.column_name == '项目申报') this.changeMenus(this.$route.query.column_name, 2);
+      if (this.column_name == '科技金融') this.changeMenus(this.$route.query.column_name, 3);
+      if (this.column_name == '科技孵化') this.changeMenus(this.$route.query.column_name, 4);
+      if (this.column_name == '成果登记') this.changeMenus(this.$route.query.column_name, 5);
+      if (this.column_name == '技术合同') this.changeMenus(this.$route.query.column_name, 6);
+      if (this.column_name == '高企认证') this.changeMenus(this.$route.query.column_name, 7);
     },
     changeMenu(name, index) {
       this.menuIndex = index;
@@ -138,16 +206,16 @@ export default {
       //     message: '功能开发中',
       //     type: 'warning',
       //   });
-      // }
     },
     changeMenus(name, index) {
-      // this.menuIndexs = index;
-      // this.columnName = name;
-      // this.menuColor = 'rgb(254, 149, 14)';
-      this.$message({
-        message: '功能开发中',
-        type: 'warning',
-      });
+      console.log(name, index);
+      this.menuIndexs = index;
+      this.columnName = name;
+      this.menuColor = 'rgb(254, 149, 14)';
+      // this.$message({
+      //   message: '功能开发中',
+      //   type: 'warning',
+      // });
     },
   },
 };
@@ -224,4 +292,11 @@ export default {
   font-size: 18px;
   font-weight: bold;
 }
+.kaifaMain {
+  text-align: center;
+  p {
+    font-size: 35px;
+    padding: 15px 0;
+  }
+}
 </style>