更新

src/router/index.js

@@ -142,6 +142,12 @@ const live = [
         name: 'live_service',
         component: () => import('../views/service/index.vue'),
       },
+      {
+        path: '/live/service/list',
+        meta: { title: '创新服务', subSite: true },
+        name: 'live_service_list',
+        component: () => import('../views/service/list.vue'),
+      },
       {
         path: '/service/recommend',
         meta: { title: '智慧推荐', subSite: true },

src/views/service/index.vue

@@ -9,7 +9,7 @@
                 <el-col class="lefttop" :span="24"><span class="title"> |</span> 本地服务</el-col>
                 <ul>
                   <li class="zhengwuList" v-for="(item, index) in zhengwuList" :key="index">
-                    <a @click="bendiservice(item)">
+                    <a @click="$router.push({ path: '/live/service/list', query: { name: item.title } })">
                       <el-image style="width:64px;height:64px;" :src="item.pic"></el-image>
                       <p>{{ item.title }}</p>
                     </a>
@@ -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="bendiservice(item)">
+                    <a>
                       <el-image style="width:64px;height:64px;" :src="item.pic"></el-image>
                       <p>{{ item.title }}</p>
                     </a>
@@ -142,34 +142,6 @@ export default {
   methods: {
     bendiservice(item) {
       console.log(item);
-      if (item.title == '智慧推荐') {
-        this.$router.push({ path: '/service/recommend' });
-      } else if (item.title == '展会管理') {
-        console.log('d');
-        if (this.user.role == 2 || this.user.role == 3) {
-          this.$router.push({ path: '/enterprise/appointment' });
-        } else if (this.user == undefined) {
-          this.$router.push({ path: '/login' });
-        } else {
-          this.$router.push({ path: '/login' });
-        }
-      } else if (item.title == '科技评估') {
-        this.$router.push({ path: '/service/assess' });
-      } else if (item.title == '合同在线') {
-        this.$router.push({ path: '/service/contract' });
-      } else if (item.title == '信誉认证') {
-        this.$router.push({ path: '/service/credit' });
-      } else if ((item.title = '绩效评价')) {
-        this.$router.push({ path: '/service/performance' });
-      } else if (item.title == '知识产权') {
-      } else if (item.title == '项目申报') {
-      } else if (item.title == '科技金融') {
-      } else if (item.title == '科技文献') {
-      } else if (item.title == '科技孵化') {
-      } else if (item.title == '成果登记') {
-      } else if (item.title == '技术合同') {
-      } else if (item.title == '高企认定') {
-      }
     },
   },
   computed: {

src/views/service/list.vue

@@ -0,0 +1,39 @@
+<template>
+  <div id="list">
+    <el-row>
+      <div class="w_1200">
+        <el-col :span="24" class="main">
+          <el-col :span="4" class="menu">
+            左側
+          </el-col>
+          <el-col :span="20" class="info">
+            右側
+          </el-col>
+        </el-col>
+      </div>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'list',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 80%;
+  margin: 0 auto;
+}
+.main {
+  min-height: 600px;
+  margin: 30px 0;
+}
+</style>