增加选择人员列表功能

src/views/enforceflow/enforceflow.vue

@@ -6,7 +6,7 @@
       </el-form-item>
       <el-form-item label="所属医院：">
         <el-select size="mini" clearable filterable v-model="formInline.hname" placeholder="请选择医院">
-          <el-option v-for="(item,index) in hnos" :label="item.dictLabel" :value="item.dictValue"></el-option>
+          <el-option v-for="(item,index) in hnos" :label="item.dictLabel" :value="item.dictValue" :key="index"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="所属系统：">
@@ -87,9 +87,13 @@
         <el-form-item label="实施项目名称:">
           <el-input size="mini" v-model="editForm.name"></el-input>
         </el-form-item>
-        <el-form-item label="实施负责人:">
-          <el-input size="mini" v-model="editForm.enforcer"></el-input>
+        <el-form-item label="实施负责人:" prop="recorder" >
+          <el-input size="mini" v-model="editForm.enforcer" readonly="true"
+                    @keyup.enter.native="openUsers1()">
+            <el-button @click="openUsers1()" icon="el-icon-search" slot="append"></el-button>
+          </el-input>
         </el-form-item>
+
         <el-form-item label="实施医院:">
           <el-select size="mini" clearable filterable v-model="editForm.hname" placeholder="请选择医院">
             <el-option v-for="(item,index) in hnos" :label="item.dictLabel" :value="item.dictValue"></el-option>
@@ -122,6 +126,21 @@
       </div>
     </el-dialog>
 
+    <el-dialog title="选择人员" :visible.sync="users1Visble" width="30%" @click="closeUser1Dialog"
+               :close-on-click-modal="false">
+      <el-tree
+        ref="dept1"
+        :data="userList"
+        node-key="id"
+        :props="{label:'name'}" default-expand-all="true">
+      </el-tree>
+      <div slot="footer" class="dialog-footer">
+        <el-button size="mini" @click="closeUser1Dialog">取消</el-button>
+        <el-button size="mini" type="primary" class="title" @click="submitUser1Form('editForm')">确定</el-button>
+      </div>
+    </el-dialog>
+
+
     <el-dialog title="启动实施流程" :visible.sync="editEnforceFormVisible" width="45%" @click="closeEnforceDialog"
                :close-on-click-modal="false">
       <el-form label-width="120px" :model="enforceForm" size="mini">
@@ -320,7 +339,9 @@ export default {
       },
       enforceFLows: [],
       maxStep: 0,
-      enforceTableData: []
+      enforceTableData: [],
+      users1Visble: false,
+      users1Flag: '',
     }
   },
   // 注册组件
@@ -485,6 +506,32 @@ export default {
     },
     enforceFlowDialog() {
       this.enforceFlowVisble = false
+    },
+    closeUser1Dialog(){
+      this.users1Visble=false
+    },
+    openUsers1(){
+      this.users1Visble=true
+    },
+    submitUser1Form(){
+      let node = this.$refs.dept1.getCurrentNode();
+      if (node === undefined || node === null) {
+        this.$message({
+          message: '请选择数据!',
+          type: 'warning'
+        });
+        return;
+      }
+      if (node.type !== 'u') {
+        this.$message({
+          message: '请选择人员!',
+          type: 'warning'
+        });
+        return;
+      }
+      this.editForm.enforcer = node.name
+     // this.enforceForm.directorId = node.id
+      this.closeUser1Dialog();
     }