配合申请列表

src/views/chain/coordinationManage/applyCooperation.vue

@@ -8,6 +8,7 @@
         :data="dataList"
         :height="tableHeight"
         v-loading="loading"
+        :span-method="arraySpanMethod"
       >
         <el-table-column
           type="index"
@@ -19,32 +20,37 @@
           label="产业链名称"
           align="center"
           min-width="200"
+          prop="name"
         ></el-table-column>
         <el-table-column
           label="类型"
           align="center"
           min-width="200"
-          prop="type"
+          prop="industryType"
         ></el-table-column>
         <el-table-column
           label="指标名称"
           align="center"
           min-width="200"
+          prop="content"
         ></el-table-column>
         <el-table-column
           label="分值"
           align="center"
           width="100"
+          prop="points"
         ></el-table-column>
         <el-table-column
           label="牵头部门"
           align="center"
           width="180"
+          prop="leaderDeptName"
         ></el-table-column>
         <el-table-column
           label="配合部门"
           align="center"
           width="180"
+          prop="cooperateDeptName"
         ></el-table-column>
         <el-table-column label="操作" align="center" width="100">
           <el-link
@@ -84,7 +90,7 @@
           @closed="form = {}"
         >
           <el-form-item label="申请理由：">
-            <el-input type="textarea" placeholder="请输入申请理由" :rows="5"></el-input>
+            <el-input type="textarea" placeholder="请输入申请理由" :rows="5" v-model="form.note"></el-input>
           </el-form-item>
         </el-form>
         <div slot="footer">
@@ -100,12 +106,22 @@
 
 <script>
 import search from "../search";
+import api from '@/api/chain/assessmentContent'
+import { mergeSpan } from "@/utils/mixin";
 export default {
   components: {
     search,
   },
+  mixins: [
+    mergeSpan([
+      { name: "name", col: [1] },
+      { name: "industryType", col: [2] },
+    ]),
+  ],
   data() {
     return {
+      searchParams: {},
+      startList: [],
       dataList: [],
       count: 0,
       page: {
@@ -120,9 +136,38 @@ export default {
       showEdit: false,
     };
   },
+  created(){
+    this.getDataList();
+  }, 
   methods: {
     getDataList() {
-
+       api.getList(Object.assign({},this.searchParams)).then(res=>{
+        this.startList = res.data.data
+        let data = res.data.data
+        let list = []
+        let obj = {}
+        let name = ''
+        data.forEach((item, index)=> {
+          let name = item.name
+          let industryType = ''
+          item.children.forEach((item, $index)=> {
+            industryType = item.name
+            item.children.forEach((item, $index)=> {
+              // console.log(item);
+              obj = item
+              obj.name = name
+              obj.industryType = industryType
+              list.push(obj)
+            })
+          })
+        })
+        // console.log(list);
+        this.dataList = this.reduceData(list)
+      }).catch(e=>{
+        // this.dataList=[];
+      }).finally(()=>{
+        this.loading=false;
+      })
     },
     edit() {
       this.showEdit = true;