flat: 暂存，add tanlents + loading style

src/views/tenant/main/serve/index.vue

@@ -142,6 +142,14 @@
              @click="pauseServe(row)"
             >关闭</el-button>
           </template>
+          <template slot="talentsNamesForm" slot-scope="{row}">
+            <el-button type="text"
+                       v-if="row.status == 1"
+                       icon="el-icon-video-pause"
+                       size="small"
+                       @click="pauseServe(row)"
+            >关闭</el-button>
+          </template>
           <!--/父子表-->
         </avue-crud>
 
@@ -334,7 +342,8 @@ import {
   getMatchWorkStation,
   getMatchPolicy,
   getMatchServeList,
-  getListAllPolicy
+  getListAllPolicy,
+  getListAllTalents
 } from "@/api/tenant/serve";
 import { detail as missionDetail } from "@/api/tenant/mission";
 import { detail as workDetail } from "@/api/tenant/postzp";
@@ -454,6 +463,7 @@ export default {
       excelForm: { isCovered: 1 },
       listAllPolicyTree: [],
       selectPolicyTree: [],
+      talentsList: []
     };
   },
   components: { addGroups, transferGroups, Resume, ied, missionView, workView, Tinymce, PushService},
@@ -508,6 +518,7 @@ export default {
           callback();
         }
       };
+      console.log(self.talentsList)
       return {
         height: "auto",
         dialogWidth: "60%",
@@ -611,13 +622,27 @@ export default {
             slot: true,
             formslot: true,
           },
+          {
+            label: "重点人群",
+            prop: "talentsGroupId",
+            type: "select",
+            multiple: true,
+            hide: true,
+            display: true,
+            dicData: self.talentsList,
+            props: {
+              label: "groupName",
+              value: "id"
+            },
+            span: 24,
+          },
           {
             label: "服务状态",
             prop: "status",
             display: false,
+            span: 24,
             slot: true,
           },
-
           {
             label: "备注",
             prop: "remarks",
@@ -909,8 +934,15 @@ export default {
     // this.getWorkTypes();
     this.getLabelList();
     this.getListAllPolicyTree()
+    this.ListAllTalents()
   },
   methods: {
+    async ListAllTalents() {
+      let resData = await getListAllTalents()
+      if(resData.data.code === 200) {
+        this.talentsList = resData.data.data
+      }
+    },
     selectPushService(row) {
       console.log('点击')
       this.selectPushServiceData = deepClone(row)
@@ -1169,6 +1201,7 @@ export default {
           serveLabels: row.serveLabels,
           remarks: row.remarks,
           policyIds:  this.selectPolicyTree.map((item) => item[1]).join(','),
+          talentsGroupId: row.talentsGroupId.join(',')
       }
       add(params).then(
         () => {
@@ -1196,6 +1229,7 @@ export default {
         serveLabels: row.serveLabels,
         remarks: row.remarks,
         policyIds:  this.selectPolicyTree.map((item) => item[1]).join(','),
+        talentsGroupId: row.talentsGroupId.join(',')
       }).then(
         () => {
           done();
@@ -1426,7 +1460,10 @@ export default {
       ).then((res) => {
         const data = res.data.data;
         this.page.total = data.total;
-        this.data = data.records;
+        console.log( data.records)
+        this.data = data.records.map((item) => ({
+          ...item, talentsGroupId: item.talentsGroupId.split(',')
+        }));
         this.loading = false;
         this.selectionClear();
       });