1

src/views/service/index.vue

@@ -63,7 +63,58 @@ export default {
       // 高企政策服务-列表
       oneList: [
         {
-          company: '11111',
+          type: '研发补贴',
+          company: '申请单位',
+          apply_personal: '申请人',
+          phone: '13678943258',
+        },
+        {
+          type: '研发补贴',
+          company: '申请单位',
+          apply_personal: '申请人',
+          phone: '13678943258',
+        },
+        {
+          type: '研发补贴',
+          company: '申请单位',
+          apply_personal: '申请人',
+          phone: '13678943258',
+        },
+        {
+          type: '研发补贴',
+          company: '申请单位',
+          apply_personal: '申请人',
+          phone: '13678943258',
+        },
+        {
+          type: '研发补贴',
+          company: '申请单位',
+          apply_personal: '申请人',
+          phone: '13678943258',
+        },
+        {
+          type: '研发补贴',
+          company: '申请单位',
+          apply_personal: '申请人',
+          phone: '13678943258',
+        },
+        {
+          type: '研发补贴',
+          company: '申请单位',
+          apply_personal: '申请人',
+          phone: '13678943258',
+        },
+        {
+          type: '研发补贴',
+          company: '申请单位',
+          apply_personal: '申请人',
+          phone: '13678943258',
+        },
+        {
+          type: '研发补贴',
+          company: '申请单位',
+          apply_personal: '申请人',
+          phone: '13678943258',
         },
       ],
     };

src/views/service/parts/list.vue

@@ -4,7 +4,20 @@
       <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 :span="24" class="top">
+              <el-col :span="20" class="company textOver">
+                {{ item.company }}
+              </el-col>
+              <el-col :span="4" class="date">
+                <!-- {{ getDate(item.meta.createdAt) }} -->
+                2021-01-01
+              </el-col>
+            </el-col>
+            <el-col :span="24" class="other">
+              <el-col :span="12" class="text">
+                申请类型:<span>{{ item.type }}</span>
+              </el-col>
+            </el-col>
           </el-col>
         </el-col>
       </el-col>
@@ -13,6 +26,7 @@
 </template>
 
 <script>
+const moment = require('moment');
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'list',
@@ -29,7 +43,12 @@ export default {
     return {};
   },
   created() {},
-  methods: {},
+  methods: {
+    getDate(date) {
+      let newDate = moment(date).format('YYYY-MM-DD');
+      if (newDate) return newDate;
+    },
+  },
   computed: {
     ...mapState(['user']),
   },
@@ -46,4 +65,34 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  padding: 5px;
+  .one {
+    height: 430px;
+    overflow: hidden;
+    .list {
+      padding: 8px 0;
+      border-bottom: 1px dashed #ccc;
+      .top {
+        margin: 0 0 5px 0;
+        .company {
+          font-size: 16px;
+        }
+        .date {
+          font-size: 16px;
+        }
+      }
+      .other {
+        .text {
+          font-size: 14px;
+          color: #666;
+          span {
+            color: #000;
+          }
+        }
+      }
+    }
+  }
+}
+</style>