修改业态为多选

src/views/riskProject/add/index.vue

@@ -25,7 +25,7 @@
         <van-button style="color: #cccc; background-color: #f0f1f5" icon="plus" type="info" native-type="button"
           @click="createProject" />
       </div>
-      <van-field required name="projectBusiness" v-model="form.projectBusiness" label="业态" placeholder="请选择业态"
+      <van-field required name="projectBusiness" :value="form.projectBusiness" label="业态" placeholder="请选择业态"
         :rules="[{ required: true, message: '业态不能为空' }]" readonly @click="selectBusiness" />
       <van-field required name="businessStatus" label="经营状态" placeholder="请选择"
         :rules="[{ required: true, message: '经营状态不能为空' }]">
@@ -37,9 +37,9 @@
         </template>
       </van-field>
       <van-field required name="propertyManagement" label="是否为物业" placeholder="请选择" :rules="[{
-        validator: (val) => val == '',
-        message: '是否为物业不能为空'
-      }]">
+      validator: (val) => val == '',
+      message: '是否为物业不能为空'
+    }]">
         <template #input>
           <van-radio-group v-model="form.propertyManagement" direction="horizontal">
             <van-radio :name="true">是</van-radio>
@@ -84,8 +84,8 @@
       <van-field :value="form.startTime" readonly required name="startTime" label="任务开始时间" placeholder="请选择"
         @click="selectBeginTime('startTime')" :rules="[{ required: true, message: '任务开始时间不能为空' }]" />
 
-      <van-field :value="form.endTime" readonly required name="endTime" label="任务结束时间" @click="selectBeginTime('endTime')"
-        placeholder="请选择" :rules="[{ required: true, message: '任务结束时间不能为空' }]" />
+      <van-field :value="form.endTime" readonly required name="endTime" label="任务结束时间"
+        @click="selectBeginTime('endTime')" placeholder="请选择" :rules="[{ required: true, message: '任务结束时间不能为空' }]" />
 
       <!-- <van-popup v-model="showControl" position="bottom">
                 <van-picker
@@ -121,7 +121,8 @@
       <van-popup v-model="riskModel" position="bottom" :style="{ height: '100%' }">
         <div class="van-picker__toolbar" style="position: absolute; width: 100%; top: 0">
           <button type="button" class="van-picker__cancel" v-on:click="riskModel = false">
-            取消</button><button type="button" class="van-picker__confirm" @click="onRiskList(riskList)">
+            取消</button>
+          <button type="button" class="van-picker__confirm" @click="onRiskList(riskList)">
             确认
           </button>
         </div>
@@ -129,7 +130,8 @@
           <van-checkbox-group v-model="riskList" ref="checkboxGroup" class="building-select"
             style="width: 100%; font-size: 18px">
             <van-checkbox shape="square" style="margin: 10px 0px" v-for="item in riskModelList" :key="item.id"
-              :name="item">{{ item[filedName] }}</van-checkbox>
+              :name="item">{{
+      item[filedName] }}</van-checkbox>
           </van-checkbox-group>
         </div>
         <div style="display: flex; justify-content: space-around">
@@ -143,10 +145,10 @@
         <div class="van-picker__toolbar" style="position: absolute; width: 100%; top: 0">
           <button type="button" class="van-picker__cancel" v-on:click="
                                                                 {
-            form.deptId = 0;
-            projectDept = false;
-          }
-            ">
+      form.deptId = 0;
+      projectDept = false;
+    }
+      ">
             取消</button><button type="button" class="van-picker__confirm" @click="closeDept">
             确认
           </button>
@@ -305,10 +307,7 @@ export default {
       this.form.projectBusiness = value.dictLabel;
     },
     selectBusiness() {
-      this.business.show = true;
-      if (this.business.columns.length) {
-        return;
-      }
+      this.filedName = 'dictLabel'
       this.$toast.loading({
         message: "加载中...",
         forbidClick: true,
@@ -317,8 +316,12 @@ export default {
       });
       getFun(`/risk/plan/dict/data/list?dictType=risk_project_business`)
         .then((res) => {
+          // this.$toast.clear();
+          // this.business.columns = res.data;
+          this.riskModelList = res.data;
+          // 对数据进行赋值
           this.$toast.clear();
-          this.business.columns = res.data;
+          this.riskModel = true;
         })
         .catch(() => {
           this.$toast.clear();
@@ -422,9 +425,11 @@ export default {
       if (this.filedName == "nickName") {
         this.form.workUserIds = this.filterField("userId", value).join();
         this.form.workUserNames = this.filterField("nickName", value).join();
-      } else {
+      } else if (this.filedName == 'name') {
         this.form.buildingIds = this.filterField("id", value).join();
         this.form.buildingNames = this.filterField("name", value).join();
+      } else if (this.filedName == 'dictLabel') {
+        this.form.projectBusiness = this.filterField("dictLabel", value).join();
       }
       this.riskList = [];
       this.riskModel = false;