1

src/views/service/index.vue

@@ -12,7 +12,10 @@
             </el-col>
           </el-col>
           <el-col :span="24" class="common two">
-            <el-col :span="12" class="left"><top topText="高企政策服务"></top>高企政策服务</el-col>
+            <el-col :span="12" class="left"
+              ><top topText="高企政策服务"></top>
+              <list type="1" :list="oneList"></list>
+            </el-col>
             <el-col :span="12" class="left"><top topText="创新劵服务"></top>创新劵服务</el-col>
           </el-col>
           <el-col :span="24" class="common thr">
@@ -40,12 +43,13 @@
 
 <script>
 import top from './parts/top.vue';
+import list from './parts/list.vue';
 import { btnList } from './btnList.js';
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'index',
   props: {},
-  components: { top },
+  components: { top, list },
   data: function () {
     return {
       list: btnList,
@@ -56,6 +60,12 @@ export default {
         phone: [{ required: true, message: '请输入用户账号', trigger: 'blur' }],
         password: [{ required: true, message: '请输入登录密码', trigger: 'blur' }],
       },
+      // 高企政策服务-列表
+      oneList: [
+        {
+          company: '11111',
+        },
+      ],
     };
   },
   created() {},

src/views/service/parts/list.vue

@@ -0,0 +1,49 @@
+<template>
+  <div id="list">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="one" v-if="type == '1'">
+          <el-col :span="24" class="list" v-for="(item, index) in list" :key="index">
+            {{ item.company }}
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'list',
+  props: {
+    type: {
+      type: String,
+    },
+    list: {
+      type: Array,
+    },
+  },
+  components: {},
+  data: function () {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>