commit

src/main/resources/views/platform/zhgh/democratic/teachercongress/delegation/headForm.js

@@ -1,10 +1,12 @@
 const HEAD_FORM_TEMPLATE = {
+    /*language=HTML*/
     template: `
         <el-dialog title="设置团长" :visible.sync="headDialogFormVisible" width="700px" :close-on-click-modal="false">
             <el-form :model="formData" ref="headFormRef" size="small" label-width="120px" :rules="formRules">
                 <el-form-item prop="sessionId" label="教代会">
                     <el-select v-model="formData.sessionId" disabled>
-                            <el-option v-for="item in sessionOptions" :label="item.fullName" :value="item.id" :key="item.id"></el-option>
+                        <el-option v-for="item in sessionOptions" :label="item.fullName" :value="item.id"
+                                   :key="item.id"></el-option>
                     </el-select>
                 </el-form-item>
                 <el-form-item prop="userId" label="团长">
@@ -20,16 +22,15 @@ const HEAD_FORM_TEMPLATE = {
                                  style="width: 100%"></user-select>
                 </el-form-item>
                 <el-form-item prop="viceUserId" label="副团长">
-                        <user-select v-model="formData.viceUserId"
+                    <el-select v-model="formData.viceUserIds" multiple placeholder="请输入工号或者姓名"
-                                     v-if="headDialogFormVisible"
+                               :remote-method="viceUserSelectUser" remote clearable filterable style="width: 100%">
-                                     api="/platform/teacherCongress/delegation/notHeadUser"
+                        <el-option
-                                     :api_params="{sessionId:formData.sessionId,delegationId:formData.delegationId}"
+                                v-for="item in viceHeadOptions"
-                                     api_input_key_name="keyWord"
+                                :key="item.userId"
-                                     :option_list="viceHeadOptions"
+                                :label="item.userName + item.loginName + '(' + item.unitName + ')'"
-                                     option_value="userId"
+                                :value="item.userId">
-                                     :option_label_func="(item)=>{return item.userName + item.loginName + '(' + item.unitName + ')'}"
+                        </el-option>
-                                     placeholder="请输入工号或者姓名"
+                    </el-select>
-                                     style="width: 100%"></user-select>
                 </el-form-item>
                 <el-form-item prop="contactUserId" label="联络人">
                     <user-select v-model="formData.contactUserId"
@@ -70,6 +71,17 @@ const HEAD_FORM_TEMPLATE = {
         }
     },
     methods: {
+        viceUserSelectUser(query) {
+            if (query !== "") {
+                $.get("/platform/teacherCongress/delegation/notHeadUser", {
+                    "keyWord": query,
+                    "sessionId": this.formData.sessionId,
+                    "delegationId": this.formData.delegationId
+                }).then((res) => {
+                    this.viceHeadOptions = res.data
+                })
+            }
+        },
         onOpen(delegationId, sessionId) {
             if (!delegationId || !sessionId) {
                 return
@@ -102,8 +114,9 @@ const HEAD_FORM_TEMPLATE = {
             }).then((res) => {
                 if (res.code === 0) {
                     if (res.data) {
-                        this.viceHeadOptions = [res.data]
+                        this.viceHeadOptions = res.data
-                        this.$set(this.formData, "viceUserId", res.data.userId)
+
+                        this.$set(this.formData, "viceUserIds", res.data.map(v=>v.userId))
                     }
                 }
             })
@@ -123,7 +136,9 @@ const HEAD_FORM_TEMPLATE = {
         doSubmitHead() {
             this.$refs.headFormRef.validate((valid) => {
                 if (valid) {
-                    this.$axios.post("/platform/teacherCongress/delegation/insertHead", this.formData).then((res) => {
+                    let formData = clone(this.formData)
+                    if (formData.viceUserIds) formData.viceUserIds = JSON.stringify(formData.viceUserIds)
+                    this.$axios.post("/platform/teacherCongress/delegation/insertHead", formData).then((res) => {
                         if (res.code === 0) {
                             this.headDialogFormVisible = false
                             this.$message.success(res.msg)