修改

src/views/meeting/list/index.vue

@@ -1,16 +1,8 @@
 <template>
     <div class="app-container">
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-        <el-form-item label="岗位编码" prop="code">
-          <el-input v-model="queryParams.code" placeholder="请输入岗位编码" clearable @keyup.enter.native="handleQuery"/>
-        </el-form-item>
-        <el-form-item label="岗位名称" prop="name">
-          <el-input v-model="queryParams.name" placeholder="请输入岗位名称" clearable @keyup.enter.native="handleQuery"/>
-        </el-form-item>
-        <el-form-item label="状态" prop="status">
-          <el-select v-model="queryParams.status" placeholder="岗位状态" clearable>
-            <el-option v-for="dict in statusDictDatas" :key="parseInt(dict.value)" :label="dict.label" :value="parseInt(dict.value)"/>
-          </el-select>
+        <el-form-item label="会议室名称" prop="groomName">
+          <el-input v-model="queryParams.groomName" placeholder="请输入会议室名称" clearable @keyup.enter.native="handleQuery"/>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
@@ -23,24 +15,18 @@
           <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
                      v-hasPermi="['system:post:create']">新增</el-button>
         </el-col>
-        <el-col :span="1.5">
+        <!-- <el-col :span="1.5">
           <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
                      v-hasPermi="['system:post:export']">导出</el-button>
-        </el-col>
+        </el-col> -->
         <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
       </el-row>
   
       <el-table v-loading="loading" :data="postList">
-        <el-table-column label="岗位编号" align="center" prop="id" />
-        <el-table-column label="岗位编码" align="center" prop="code" />
-        <el-table-column label="岗位名称" align="center" prop="name" />
-        <el-table-column label="岗位排序" align="center" prop="sort" />
-        <el-table-column label="状态" align="center" prop="status">
-          <template v-slot="scope">
-            <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status"/>
-          </template>
-        </el-table-column>
-        <el-table-column label="创建时间" align="center" prop="createTime" width="180">
+        <el-table-column label="会议室名称" align="center" prop="groomName" />
+        <el-table-column label="容纳人数" align="center" prop="groomSize" />
+        <el-table-column label="管理员" align="center" prop="administratorName" />
+        <el-table-column label="添加时间" align="center" prop="createTime" width="180">
           <template v-slot="scope">
             <span>{{ parseTime(scope.row.createTime) }}</span>
           </template>
@@ -61,23 +47,15 @@
       <!-- 添加或修改岗位对话框 -->
       <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
         <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-          <el-form-item label="岗位名称" prop="name">
-            <el-input v-model="form.name" placeholder="请输入岗位名称" />
-          </el-form-item>
-          <el-form-item label="岗位编码" prop="code">
-            <el-input v-model="form.code" placeholder="请输入编码名称" />
-          </el-form-item>
-          <el-form-item label="岗位顺序" prop="sort">
-            <el-input-number v-model="form.sort" controls-position="right" :min="0" />
+          <el-form-item label="会议室名称" prop="groomName">
+            <el-input v-model="form.groomName" placeholder="请输入会议室名称" />
           </el-form-item>
-          <el-form-item label="岗位状态" prop="status">
-            <el-radio-group v-model="form.status">
-              <el-radio v-for="dict in statusDictDatas" :key="parseInt(dict.value)" :label="parseInt(dict.value)">
-                {{dict.label}}</el-radio>
-            </el-radio-group>
+          <el-form-item label="容纳人数" prop="groomSize">
+            <el-input-number v-model="form.groomSize" controls-position="right" :min="0" />
+            
           </el-form-item>
-          <el-form-item label="备注" prop="remark">
-            <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
+          <el-form-item label="管理员" prop="administratorName">
+            <el-input v-model="form.administratorName" placeholder="请选择管理员" readonly @click.native="openSingle" />
           </el-form-item>
         </el-form>
         <div slot="footer" class="dialog-footer">
@@ -85,19 +63,25 @@
           <el-button @click="cancel">取 消</el-button>
         </div>
       </el-dialog>
+      <PeopleSelect ref="peopleSelect" type="single" :isCheck="true" :open="singlePeopleOpen" @cancel="singlePeopleOpen = false"
+      @submit="submitSingle"></PeopleSelect>
     </div>
   </template>
   
   <script>
   import { listPost, getPost, delPost, addPost, updatePost, exportPost } from "@/api/meeting";
-  
+  import PeopleSelect from "@/components/PeopleSelect/index.vue";
   import {CommonStatusEnum} from '@/utils/constants'
   import { getDictDatas, DICT_TYPE } from '@/utils/dict'
   
   export default {
     name: "SystemPost",
+    components: {
+    PeopleSelect,
+  },
     data() {
       return {
+        singlePeopleOpen: false,
         // 遮罩层
         loading: true,
         // 导出遮罩层
@@ -116,22 +100,20 @@
         queryParams: {
           pageNo: 1,
           pageSize: 10,
-          code: undefined,
-          name: undefined,
-          status: undefined
+          groomName: undefined,
         },
         // 表单参数
         form: {},
         // 表单校验
         rules: {
-          name: [
-            { required: true, message: "岗位名称不能为空", trigger: "blur" }
+          groomName: [
+            { required: true, message: "会议室名称不能为空", trigger: "blur" }
           ],
-          code: [
-            { required: true, message: "岗位编码不能为空", trigger: "blur" }
+          groomSize: [
+            { required: true, message: "容纳人数不能为空", trigger: "blur" }
           ],
-          sort: [
-            { required: true, message: "岗位顺序不能为空", trigger: "blur" }
+          administratorName: [
+            { required: true, message: "管理员不能为空", trigger: "blur" }
           ]
         },
   
@@ -145,6 +127,17 @@
       this.getList();
     },
     methods: {
+       //打开选人弹窗
+   openSingle() {
+      this.singlePeopleOpen = true;
+    },
+    submitSingle(peopleList,nikeNamelist,userIdList) {
+      console.log(peopleList);
+      console.log(nikeNamelist);
+      this.form.administratorId = userIdList.join();
+      this.form.administratorName = nikeNamelist.join();
+      this.singlePeopleOpen = false;
+    },
       /** 查询岗位列表 */
       getList() {
         this.loading = true;
@@ -162,12 +155,10 @@
       // 表单重置
       reset() {
         this.form = {
-          id: undefined,
-          code: undefined,
-          name: undefined,
-          sort: 0,
-          status: CommonStatusEnum.ENABLE,
-          remark: undefined
+          groomName: undefined,
+          groomSize: 0,
+          administratorName: undefined,
+          administratorId: undefined
         };
         this.resetForm("form");
       },
@@ -185,7 +176,7 @@
       handleAdd() {
         this.reset();
         this.open = true;
-        this.title = "添加岗位";
+        this.title = "添加会议室";
       },
       /** 修改按钮操作 */
       handleUpdate(row) {
@@ -194,7 +185,7 @@
         getPost(id).then(response => {
           this.form = response.data;
           this.open = true;
-          this.title = "修改岗位";
+          this.title = "修改会议室";
         });
       },
       /** 提交按钮 */
@@ -220,7 +211,7 @@
       /** 删除按钮操作 */
       handleDelete(row) {
         const ids = row.id;
-        this.$modal.confirm('是否确认删除岗位编号为"' + ids + '"的数据项?').then(function() {
+        this.$modal.confirm('是否确认删除会议室编号为"' + ids + '"的数据项?').then(function() {
             return delPost(ids);
           }).then(() => {
             this.getList();
@@ -230,11 +221,11 @@
       /** 导出按钮操作 */
       handleExport() {
         const queryParams = this.queryParams;
-        this.$modal.confirm('是否确认导出所有岗位数据项?').then(() => {
+        this.$modal.confirm('是否确认导出所有会议室数据项?').then(() => {
             this.exportLoading = true;
             return exportPost(queryParams);
           }).then(response => {
-            this.$download.excel(response, '岗位数据.xls');
+            this.$download.excel(response, '会议室数据.xls');
             this.exportLoading = false;
         }).catch(() => {});
       }