修改渲染方式

src/views/chain/coordinationManage/applyCooperation.vue

@@ -45,13 +45,21 @@
           align="center"
           width="180"
           prop="leaderDeptName"
-        ></el-table-column>
+        >
+          <template slot-scope="{ row }">
+            <pre>{{ row.leaderDeptList | formatList }}</pre>
+          </template>
+        </el-table-column>
         <el-table-column
           label="配合部门"
           align="center"
           width="180"
           prop="cooperateDeptName"
-        ></el-table-column>
+        >
+          <template slot-scope="{ row }">
+            <pre>{{ row.cooperateDeptList | formatList }}</pre>
+          </template>
+        </el-table-column>
         <el-table-column label="操作" align="center" width="100">
           <template slot-scope="{ row }">
             <el-link
@@ -212,6 +220,13 @@ export default {
         });
     },
   },
+  filters: {
+    formatList(val) {
+      if (val) {
+        return val.join("\n");
+      }
+    },
+  },
 };
 </script>
 

src/views/chain/coordinationManage/approvalCooperation.vue

@@ -60,15 +60,23 @@
         <el-table-column
           label="牵头部门"
           align="center"
-          width="150"
-          prop="leaderDeptList"
-        ></el-table-column>
+          width="180"
+          prop="leaderDeptName"
+        >
+          <template slot-scope="{ row }">
+            <pre>{{ row.leaderDeptList | formatList }}</pre>
+          </template>
+        </el-table-column>
         <el-table-column
           label="配合部门"
           align="center"
-          width="150"
-          prop="cooperateDeptList"
-        ></el-table-column>
+          width="180"
+          prop="cooperateDeptName"
+        >
+          <template slot-scope="{ row }">
+            <pre>{{ row.cooperateDeptList | formatList }}</pre>
+          </template>
+        </el-table-column>
         <el-table-column label="操作" align="center" min-width="120">
           <template slot-scope="{ row }">
             <el-link @click="edit(row, true)" type="primary" :underline="false"

src/views/chain/coordinationManage/cooperateList.vue

@@ -57,18 +57,26 @@
           width="80"
           prop="points"
         ></el-table-column>
-        <el-table-column
+         <el-table-column
           label="牵头部门"
           align="center"
-          width="150"
-          prop="leaderDeptList"
-        ></el-table-column>
+          width="180"
+          prop="leaderDeptName"
+        >
+          <template slot-scope="{ row }">
+            <pre>{{ row.leaderDeptList | formatList }}</pre>
+          </template>
+        </el-table-column>
         <el-table-column
           label="配合部门"
           align="center"
-          width="150"
-          prop="cooperateDeptList"
-        ></el-table-column>
+          width="180"
+          prop="cooperateDeptName"
+        >
+          <template slot-scope="{ row }">
+            <pre>{{ row.cooperateDeptList | formatList }}</pre>
+          </template>
+        </el-table-column>
         <el-table-column label="操作" align="center" min-width="120">
           <template slot-scope="{ row }">
             <el-link type="primary" v-if="row.status == 0">审核中</el-link>