提交树形搜索

sgzb-ui/src/views/base/comeAndGo/people.vue

@@ -30,7 +30,14 @@
       </el-col>
       <!--用户数据-->
       <el-col :span="20" :xs="24">
-        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+        <el-form
+          :model="queryParams"
+          ref="queryForm"
+          size="small"
+          :inline="true"
+          v-show="showSearch"
+          label-width="100px"
+        >
           <el-form-item label="单位名称" prop="unitName">
             <el-input
               v-model="queryParams.unitName"
@@ -41,8 +48,16 @@
             />
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+            <el-button
-            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</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>
 
@@ -54,9 +69,10 @@
               icon="el-icon-plus"
               size="mini"
               @click="handleSave"
-            >保存</el-button>
+              >保存</el-button
+            >
           </el-col>
-         
+
           <el-col :span="1.5">
             <el-button
               type="info"
@@ -64,7 +80,8 @@
               icon="el-icon-upload2"
               size="mini"
               @click="handleImport"
-            >导入</el-button>
+              >导入</el-button
+            >
           </el-col>
           <!-- <el-col :span="1.5">
             <el-button
@@ -75,22 +92,68 @@
               @click="handleExport"
             >导出</el-button>
           </el-col> -->
-          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
+          <right-toolbar
+            :showSearch.sync="showSearch"
+            @queryTable="getList"
+            :columns="columns"
+          ></right-toolbar>
         </el-row>
 
-        <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
+        <el-table
-          <el-table-column type="selection" width="50" align="center" prop="userName"/>
+          v-loading="loading"
-          <el-table-column label="单位名称" align="center" key="unitName" prop="unitName"  />
+          :data="userList"
-          <el-table-column label="单位类型" align="center" key="typeName" prop="typeName"  />
+          @selection-change="handleSelectionChange"
-          <el-table-column label="所属上级" align="center" key="deptName" prop="deptName" :show-overflow-tooltip="true" />
+        >
-          <el-table-column label="联系人" align="center" key="linkMan" prop="linkMan"   :show-overflow-tooltip="true" />
+          <el-table-column
-          <el-table-column label="联系电话" align="center" key="telphone" prop="telphone" width="120" />
+            type="selection"
-          <el-table-column label="管理人员" align="center" key="userName" prop="userName"  >
+            width="50"
+            align="center"
+            prop="userName"
+          />
+          <el-table-column
+            label="单位名称"
+            align="center"
+            key="unitName"
+            prop="unitName"
+          />
+          <el-table-column
+            label="单位类型"
+            align="center"
+            key="typeName"
+            prop="typeName"
+          />
+          <el-table-column
+            label="所属上级"
+            align="center"
+            key="deptName"
+            prop="deptName"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            label="联系人"
+            align="center"
+            key="linkMan"
+            prop="linkMan"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            label="联系电话"
+            align="center"
+            key="telphone"
+            prop="telphone"
+            width="120"
+          />
+          <el-table-column
+            label="管理人员"
+            align="center"
+            key="userName"
+            prop="userName"
+          >
             <!-- <template slot-scope="scope">
            
             </template> -->
           </el-table-column>
-          
+
           <el-table-column
             label="操作"
             align="center"
@@ -103,14 +166,14 @@
                 type="text"
                 icon="el-icon-delete"
                 @click="handleDelete(scope.row)"
-              >解绑</el-button>
+                >解绑</el-button
-            
+              >
             </template>
           </el-table-column>
         </el-table>
 
         <pagination
-          v-show="total>0"
+          v-show="total > 0"
           :total="total"
           :page.sync="queryParams.pageNum"
           :limit.sync="queryParams.pageSize"
@@ -125,36 +188,71 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="用户昵称" prop="nickName">
-              <el-input v-model="form.nickName" placeholder="请输入用户昵称" maxlength="30" />
+              <el-input
+                v-model="form.nickName"
+                placeholder="请输入用户昵称"
+                maxlength="30"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <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-col>
         </el-row>
         <el-row>
           <el-col :span="12">
             <el-form-item label="手机号码" prop="phonenumber">
-              <el-input v-model="form.phonenumber" placeholder="请输入手机号码" maxlength="11" />
+              <el-input
+                v-model="form.phonenumber"
+                placeholder="请输入手机号码"
+                maxlength="11"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="邮箱" prop="email">
-              <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
+              <el-input
+                v-model="form.email"
+                placeholder="请输入邮箱"
+                maxlength="50"
+              />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="12">
-            <el-form-item v-if="form.userId == undefined" label="用户名称" prop="userName">
+            <el-form-item
-              <el-input v-model="form.userName" placeholder="请输入用户名称" maxlength="30" />
+              v-if="form.userId == undefined"
+              label="用户名称"
+              prop="userName"
+            >
+              <el-input
+                v-model="form.userName"
+                placeholder="请输入用户名称"
+                maxlength="30"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item v-if="form.userId == undefined" label="用户密码" prop="password">
+            <el-form-item
-              <el-input v-model="form.password" placeholder="请输入用户密码" type="password" maxlength="20" show-password/>
+              v-if="form.userId == undefined"
+              label="用户密码"
+              prop="password"
+            >
+              <el-input
+                v-model="form.password"
+                placeholder="请输入用户密码"
+                type="password"
+                maxlength="20"
+                show-password
+              />
             </el-form-item>
           </el-col>
         </el-row>
@@ -178,7 +276,8 @@
                   v-for="dict in dict.type.sys_normal_disable"
                   :key="dict.value"
                   :label="dict.value"
-                >{{dict.label}}</el-radio>
+                  >{{ dict.label }}</el-radio
+                >
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -186,7 +285,11 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="岗位">
-              <el-select v-model="form.postIds" multiple placeholder="请选择岗位">
+              <el-select
+                v-model="form.postIds"
+                multiple
+                placeholder="请选择岗位"
+              >
                 <el-option
                   v-for="item in postOptions"
                   :key="item.postId"
@@ -199,7 +302,11 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="角色">
-              <el-select v-model="form.roleIds" multiple placeholder="请选择角色">
+              <el-select
+                v-model="form.roleIds"
+                multiple
+                placeholder="请选择角色"
+              >
                 <el-option
                   v-for="item in roleOptions"
                   :key="item.roleId"
@@ -214,7 +321,11 @@
         <el-row>
           <el-col :span="24">
             <el-form-item label="备注">
-              <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
+              <el-input
+                v-model="form.remark"
+                type="textarea"
+                placeholder="请输入内容"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -226,7 +337,12 @@
     </el-dialog>
 
     <!-- 用户导入对话框 -->
-    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
+    <el-dialog
+      :title="upload.title"
+      :visible.sync="upload.open"
+      width="400px"
+      append-to-body
+    >
       <el-upload
         ref="upload"
         :limit="1"
@@ -243,10 +359,17 @@
         <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
         <div class="el-upload__tip text-center" slot="tip">
           <div class="el-upload__tip" slot="tip">
-            <el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
+            <el-checkbox v-model="upload.updateSupport" />
+            是否更新已经存在的用户数据
           </div>
           <span>仅允许导入xls、xlsx格式文件。</span>
-          <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate">下载模板</el-link>
+          <el-link
+            type="primary"
+            :underline="false"
+            style="font-size: 12px; vertical-align: baseline"
+            @click="importTemplate"
+            >下载模板</el-link
+          >
         </div>
       </el-upload>
       <div slot="footer" class="dialog-footer">
@@ -259,7 +382,7 @@
 
 <script>
 import { listUser, getUser, delUser, addUser, updateUser, resetUserPwd, changeUserStatus, deptTreeSelect } from "@/api/system/user";
-import { getUserList,getTypeList,unitPersonAll,delUnitPerson } from "@/api/base/base";
+import { getUserList, getTypeList, unitPersonAll, delUnitPerson } from "@/api/base/base";
 
 
 import { getToken } from "@/utils/auth";
@@ -329,7 +452,7 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        unitName:undefined
+        unitName: undefined
       },
       // 列信息
       columns: [
@@ -380,15 +503,15 @@ export default {
   created() {
     this.getList();
     this.getUserList()
-   
+
   },
   methods: {
     /** 查询人员列表 */
-    getUserList(){
+    getUserList() {
-      getUserList({userName:this.userName}).then(response => {
+      getUserList({ userName: this.userName }).then(response => {
-          this.deptOptions = response.rows;
+        this.deptOptions = response.rows;
-          // this.total = response.total;
+        // this.total = response.total;
-        }
+      }
       );
     },
 
@@ -396,10 +519,10 @@ export default {
     getList() {
       this.loading = true;
       getTypeList(this.queryParams).then(response => {
-          this.userList = response.rows;
+        this.userList = response.rows;
-          this.total = response.total;
+        this.total = response.total;
-          this.loading = false;
+        this.loading = false;
-        }
+      }
       );
     },
     /** 查询部门下拉树结构 */
@@ -466,23 +589,23 @@ export default {
     },
     /** 新增按钮操作 */
     handleSave() {
-      console.log(this.chosenUserId,'chosenUserId')
+      console.log(this.chosenUserId, 'chosenUserId')
-      console.log(this.ids,'ids')
+      console.log(this.ids, 'ids')
       let param = {
-        userId:this.chosenUserId,
+        userId: this.chosenUserId,
-        unitId:this.ids[0]
+        unitId: this.ids[0]
       }
       unitPersonAll(param).then(response => {
-        if(response.code == 200){
+        if (response.code == 200) {
-                this.$message({
+          this.$message({
-                  message: '操作成功',
+            message: '操作成功',
-                  type: 'success'
+            type: 'success'
-                })
+          })
-                this.getList();
+          this.getList();
-              }
+        }
       });
     },
-    
+
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
@@ -498,9 +621,9 @@ export default {
         this.form.password = "";
       });
     },
-    
+
     /** 提交按钮 */
-    submitForm: function() {
+    submitForm: function () {
       this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.form.userId != undefined) {
@@ -522,12 +645,12 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const unitId = row.unitId || this.ids;
-      this.$modal.confirm('是否确认解绑用户吗？').then(function() {
+      this.$modal.confirm('是否确认解绑用户吗？').then(function () {
         return delUnitPerson(unitId);
       }).then(() => {
         this.getList();
         this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      }).catch(() => { });
     },
     /** 导出按钮操作 */
     handleExport() {