c-zhouhf1/zhgh_hgu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
c-zhouhf1
2025-12-29 13:41:38 +08:00
parent f60be6a873
commit 58793b29ca
1 changed files with 68 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/views/platform/zhgh/democratic/teachercongress/delegation/headForm.js
+68 -53
View File
@@ -1,55 +1,56 @@
const HEAD_FORM_TEMPLATE = { const HEAD_FORM_TEMPLATE = {
/*language=HTML*/
template: ` template: `
<el-dialog title="设置团长" :visible.sync="headDialogFormVisible" width="700px" :close-on-click-modal="false"> <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 :model="formData" ref="headFormRef" size="small" label-width="120px" :rules="formRules">
<el-form-item prop="sessionId" label="教代会"> <el-form-item prop="sessionId" label="教代会">
<el-select v-model="formData.sessionId" disabled> <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"
</el-select> :key="item.id"></el-option>
</el-form-item> </el-select>
<el-form-item prop="userId" label="团长"> </el-form-item>
<user-select v-model="formData.userId" <el-form-item prop="userId" label="团长">
v-if="headDialogFormVisible" <user-select v-model="formData.userId"
api="/platform/teacherCongress/delegation/notHeadUser" v-if="headDialogFormVisible"
:api_params="{sessionId:formData.sessionId,delegationId:formData.delegationId}" api="/platform/teacherCongress/delegation/notHeadUser"
api_input_key_name="keyWord" :api_params="{sessionId:formData.sessionId,delegationId:formData.delegationId}"
:option_list="headOptions" api_input_key_name="keyWord"
option_value="userId" :option_list="headOptions"
:option_label_func="(item)=>{return item.userName + item.loginName + '(' + item.unitName + ')'}" option_value="userId"
placeholder="请输入工号或者姓名" :option_label_func="(item)=>{return item.userName + item.loginName + '(' + item.unitName + ')'}"
style="width: 100%"></user-select> placeholder="请输入工号或者姓名"
</el-form-item> style="width: 100%"></user-select>
<el-form-item prop="viceUserId" label="副团长"> </el-form-item>
<user-select v-model="formData.viceUserId" <el-form-item prop="viceUserId" label="副团长">
v-if="headDialogFormVisible" <el-select v-model="formData.viceUserIds" multiple placeholder="请输入工号或者姓名"
api="/platform/teacherCongress/delegation/notHeadUser" :remote-method="viceUserSelectUser" remote clearable filterable style="width: 100%">
:api_params="{sessionId:formData.sessionId,delegationId:formData.delegationId}" <el-option
api_input_key_name="keyWord" v-for="item in viceHeadOptions"
:option_list="viceHeadOptions" :key="item.userId"
option_value="userId" :label="item.userName + item.loginName + '(' + item.unitName + ')'"
:option_label_func="(item)=>{return item.userName + item.loginName + '(' + item.unitName + ')'}" :value="item.userId">
placeholder="请输入工号或者姓名" </el-option>
style="width: 100%"></user-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="contactUserId" label="联络人"> <el-form-item prop="contactUserId" label="联络人">
<user-select v-model="formData.contactUserId" <user-select v-model="formData.contactUserId"
v-if="headDialogFormVisible" v-if="headDialogFormVisible"
api="/platform/teacherCongress/delegation/notHeadUser" api="/platform/teacherCongress/delegation/notHeadUser"
:api_params="{sessionId:formData.sessionId,delegationId:formData.delegationId}" :api_params="{sessionId:formData.sessionId,delegationId:formData.delegationId}"
api_input_key_name="keyWord" api_input_key_name="keyWord"
:option_list="contactOptions" :option_list="contactOptions"
option_value="userId" option_value="userId"
:option_label_func="(item)=>{return item.userName + item.loginName + '(' + item.unitName + ')'}" :option_label_func="(item)=>{return item.userName + item.loginName + '(' + item.unitName + ')'}"
placeholder="请输入工号或者姓名" placeholder="请输入工号或者姓名"
style="width: 100%"></user-select> style="width: 100%"></user-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="headDialogFormVisible = false">取 消</el-button> <el-button @click="headDialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="doSubmitHead">确 定</el-button> <el-button type="primary" @click="doSubmitHead">确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>
`, `,
data() { data() {
return { return {
formData: {}, formData: {},
@@ -70,6 +71,17 @@ const HEAD_FORM_TEMPLATE = {
} }
}, },
methods: { 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) { onOpen(delegationId, sessionId) {
if (!delegationId || !sessionId) { if (!delegationId || !sessionId) {
return return
@@ -102,8 +114,9 @@ const HEAD_FORM_TEMPLATE = {
}).then((res) => { }).then((res) => {
if (res.code === 0) { if (res.code === 0) {
if (res.data) { 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() { doSubmitHead() {
this.$refs.headFormRef.validate((valid) => { this.$refs.headFormRef.validate((valid) => {
if (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) { if (res.code === 0) {
this.headDialogFormVisible = false this.headDialogFormVisible = false
this.$message.success(res.msg) this.$message.success(res.msg)