修改业态为多选

src/views/ledger/project/index.vue

 <template>
   <div class="app-container">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="68px"
-    >
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="项目名称" prop="name">
-        <el-input
-          v-model="queryParams.name"
-          placeholder="请输入项目名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.name" placeholder="请输入项目名称" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="经营状态" prop="businessStatus">
-        <el-input
-          v-model="queryParams.businessStatus"
-          placeholder="请输入经营状态"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.businessStatus" placeholder="请输入经营状态" clearable
+          @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="项目业态" prop="business">
-        <el-select
-          v-model="queryParams.business"
-          placeholder="请选择项目业态"
-          clearable
-        >
-          <el-option
-            v-for="dict in dict.type.risk_project_business"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
+        <el-select v-model="queryParams.business" placeholder="请选择项目业态" clearable multiple>
+          <el-option v-for="dict in dict.type.risk_project_business" :key="dict.value" :label="dict.label"
+            :value="dict.value" />
         </el-select>
       </el-form-item>
 
       <el-form-item label="所属区域" prop="deptId">
-        <treeselect
-          v-model="queryParams.deptId"
-          :options="deptOptions"
-          :show-count="true"
-          placeholder="请选择所属区域"
-          style="width: 250px"
-        />
+        <treeselect v-model="queryParams.deptId" :options="deptOptions" :show-count="true" placeholder="请选择所属区域"
+          style="width: 250px" />
       </el-form-item>
       <el-form-item label="所在城市" prop="city">
-        <el-input
-          v-model="queryParams.city"
-          placeholder="请输入所在城市"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.city" placeholder="请输入所在城市" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="详细地址" prop="address">
-        <el-input
-          v-model="queryParams.address"
-          placeholder="请输入详细地址"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.address" placeholder="请输入详细地址" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="物业" prop="propertyManagement">
-        <el-select
-          v-model="queryParams.propertyManagement"
-          placeholder="请选择是否为物业"
-          clearable
-        >
+        <el-select v-model="queryParams.propertyManagement" placeholder="请选择是否为物业" clearable>
           <el-option key="1" label="是" value="true" />
           <el-option key="0" label="否" value="false" />
         </el-select>
       </el-form-item>
       <el-form-item label="状态" prop="status">
-        <el-select
-          v-model="queryParams.status"
-          placeholder="请选择状态"
-          clearable
-        >
-          <el-option
-            v-for="dict in dict.type.sys_normal_disable"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
+        <el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
+          <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
+            :value="dict.value" />
         </el-select>
       </el-form-item>
 
       <el-form-item>
-        <el-button
-          type="primary"
-          icon="el-icon-search"
-          size="mini"
-          @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-          >重置</el-button
-        >
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['system:ledgerProject:add']"
-          >新增</el-button
-        >
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+          v-hasPermi="['system:ledgerProject:add']">新增</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['system:ledgerProject:edit']"
-          >修改</el-button
-        >
+        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
+          v-hasPermi="['system:ledgerProject:edit']">修改</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['system:ledgerProject:remove']"
-          >删除</el-button
-        >
+        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
+          v-hasPermi="['system:ledgerProject:remove']">删除</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['system:ledgerProject:export']"
-          >导出</el-button
-        >
+        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
+          v-hasPermi="['system:ledgerProject:export']">导出</el-button>
       </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table
-      v-loading="loading"
-      :data="projectList"
-      @selection-change="handleSelectionChange"
-    >
+    <el-table v-loading="loading" :data="projectList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="序号" align="center">
         <template slot-scope="scope">
@@ -175,99 +79,49 @@
       <el-table-column label="详细地址" align="center" prop="address" />
       <el-table-column label="状态" align="center" prop="status">
         <template slot-scope="scope">
-          <dict-tag
-            :options="dict.type.sys_normal_disable"
-            :value="scope.row.status"
-          />
+          <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status" />
         </template>
       </el-table-column>
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-      >
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['system:ledgerProject:edit']"
-            >修改</el-button
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['system:ledgerProject:remove']"
-            >删除</el-button
-          >
-           <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-setting"
-            @click="empower(scope.row)"
-            >授权</el-button
-          >
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
+            v-hasPermi="['system:ledgerProject:edit']">修改</el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
+            v-hasPermi="['system:ledgerProject:remove']">删除</el-button>
+          <el-button size="mini" type="text" icon="el-icon-setting" @click="empower(scope.row)">授权</el-button>
         </template>
       </el-table-column>
     </el-table>
 
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
 
     <!-- 添加或修改基础数据-项目对话框 -->
-    <el-dialog :title="title" :visible.sync="open" :width="title == '选择用户授权'? '70%' : '500px'" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" :width="title == '选择用户授权' ? '70%' : '500px'" append-to-body>
       <div v-if="title == '选择用户授权'">
         <el-form :model="queryUserParams" ref="queryForm" size="small" :inline="true" label-width="68px">
           <el-form-item label="用户名称" prop="userName">
-            <el-input
-              v-model="queryUserParams.userName"
-              placeholder="请输入用户名称"
-              clearable
-              style="width: 240px"
-              @keyup.enter.native="handleUserQuery"
-            />
+            <el-input v-model="queryUserParams.userName" placeholder="请输入用户名称" clearable style="width: 240px"
+              @keyup.enter.native="handleUserQuery" />
           </el-form-item>
           <el-form-item>
             <el-button type="primary" icon="el-icon-search" size="mini" @click="handleUserQuery">搜索</el-button>
             <el-button icon="el-icon-refresh" size="mini" @click="resetUserQuery">重置</el-button>
           </el-form-item>
         </el-form>
-         <el-table v-loading="loading" :data="userList" >
+        <el-table v-loading="loading" :data="userList">
           <el-table-column label="用户编号" align="center" key="userId" prop="userId" width="80" />
-          <el-table-column label="用户名称" align="center" key="userName" prop="userName" :show-overflow-tooltip="true"/>
+          <el-table-column label="用户名称" align="center" key="userName" prop="userName" :show-overflow-tooltip="true" />
           <el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" :show-overflow-tooltip="true" />
           <el-table-column label="岗位" align="center" key="postName" prop="postName" :show-overflow-tooltip="true" />
-          <el-table-column
-            label="操作"
-            align="center"
-            width="160"
-            class-name="small-padding fixed-width"
-          >
+          <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
             <template slot-scope="scope">
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-edit"
-                @click="empowerUser(scope.row)"
-              >授权</el-button>
+              <el-button size="mini" type="text" icon="el-icon-edit" @click="empowerUser(scope.row)">授权</el-button>
             </template>
           </el-table-column>
         </el-table>
-        <pagination
-          v-show="userTotal>0"
-          :total="userTotal"
-          :page.sync="queryUserParams.pageNum"
-          :limit.sync="queryUserParams.pageSize"
-          @pagination="getUserList"
-        />
+        <pagination v-show="userTotal > 0" :total="userTotal" :page.sync="queryUserParams.pageNum"
+          :limit.sync="queryUserParams.pageSize" @pagination="getUserList" />
       </div>
       <div v-else>
         <el-form ref="form" :model="form" :rules="rules" label-width="84px">
@@ -278,22 +132,13 @@
             <el-input v-model="form.type" placeholder="请输入项目类型" />
           </el-form-item>
           <el-form-item label="项目业态" prop="business">
-            <el-select v-model="form.business" placeholder="请选择项目业态">
-              <el-option
-                v-for="dict in dict.type.risk_project_business"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              ></el-option>
+            <el-select v-model="form.business" multiple placeholder="请选择项目业态">
+              <el-option v-for="dict in dict.type.risk_project_business" :key="dict.value" :label="dict.label"
+                :value="dict.value"></el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="所属区域" prop="deptId">
-            <treeselect
-              v-model="form.deptId"
-              :options="deptOptions"
-              :show-count="true"
-              placeholder="请选择所属区域"
-            />
+            <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择所属区域" />
           </el-form-item>
           <el-form-item label="所在城市" prop="city">
             <el-input v-model="form.city" placeholder="请输入所在城市" />
@@ -303,12 +148,8 @@
           </el-form-item>
           <el-form-item label="状态" prop="status">
             <el-select v-model="form.status" placeholder="请选择状态">
-              <el-option
-                v-for="dict in dict.type.sys_normal_disable"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              ></el-option>
+              <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
+                :value="dict.value"></el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="经营状态" prop="businessStatus">
@@ -333,7 +174,7 @@
     <el-dialog title="授权" :visible.sync="powerOpen" width="70%" append-to-body>
       <div style="min-height:100px;padding-top:10px;">
         <el-radio-group v-model="userPost">
-          <el-radio v-for="(item, index) in postList" :key="index" :label="item.postId">{{item.postName}}</el-radio>
+          <el-radio v-for="(item, index) in postList" :key="index" :label="item.postId">{{ item.postName }}</el-radio>
         </el-radio-group>
       </div>
       <div slot="footer" class="dialog-footer">
@@ -384,7 +225,7 @@ export default {
       showSearch: true,
       // 总条数
       total: 0,
-      userTotal:0,
+      userTotal: 0,
       // 基础数据-项目表格数据
       projectList: [],
       // 部门树选项
@@ -408,10 +249,10 @@ export default {
         source: null,
         status: null,
       },
-      queryUserParams:{
+      queryUserParams: {
         pageNum: 1,
         pageSize: 10,
-        projectId:undefined,
+        projectId: undefined,
         userName: undefined,
       },
       // 表单参数
@@ -420,10 +261,10 @@ export default {
       },
       // 表单校验
       rules: {},
-      projectId:'',
-      userPost:null,
-      postList:[],
-      userInfoData:{}
+      projectId: '',
+      userPost: null,
+      postList: [],
+      userInfoData: {}
     };
   },
   watch: {
@@ -437,11 +278,11 @@ export default {
     this.getDeptTree();
   },
   methods: {
-    handleUserQuery(){
+    handleUserQuery() {
       this.queryUserParams.pageNum = 1;
       this.getUserList();
     },
-    resetUserQuery(){
+    resetUserQuery() {
       this.dateRange = [];
       this.queryUserParams.userName = undefined;
       this.resetForm("queryUserParams");
@@ -535,6 +376,9 @@ export default {
       const id = row.id || this.ids;
       getProject(id).then((response) => {
         this.form = response.data;
+        if (this.form.business) {
+          this.form.business = this.form.business.split(',')
+        }
         this.open = true;
         this.title = "修改基础数据-项目";
       });
@@ -543,6 +387,7 @@ export default {
     submitForm() {
       this.$refs["form"].validate((valid) => {
         if (valid) {
+          this.form.business = this.form.business.join(',');
           if (this.form.id != null) {
             updateProject(this.form).then((response) => {
               this.$modal.msgSuccess("修改成功");
@@ -571,23 +416,23 @@ export default {
           this.getList();
           this.$modal.msgSuccess("删除成功");
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     // 授权
-    empower(row){
+    empower(row) {
       this.title = "选择用户授权";
       this.projectId = row.id
       this.getUserList()
       this.open = true;
     },
     // 授权用户
-    empowerUser(row){
+    empowerUser(row) {
       this.userInfoData = row
       this.userPost = Number(row.postId)
       this.getPostList()
       this.powerOpen = true;
     },
-    getPostList(){
+    getPostList() {
       this.loading = true;
       let params = {
         pageNum: 1,
@@ -599,16 +444,16 @@ export default {
         this.loading = false;
       });
     },
-    cancelPower(){
+    cancelPower() {
       this.powerOpen = false;
       this.userPost = null
     },
-    submitPowerForm(){
+    submitPowerForm() {
       let params = {
-        id : this.userInfoData.projectUserPostId,
-        projectId : this.projectId,
-        userId : this.userInfoData.userId,
-        postId : this.userPost
+        id: this.userInfoData.projectUserPostId,
+        projectId: this.projectId,
+        userId: this.userInfoData.userId,
+        postId: this.userPost
       }
       saveUserPost(params).then(response => {
         this.$modal.msgSuccess("配置成功");