419 lines
22 KiB
HTML
419 lines
22 KiB
HTML
<!--#
|
||
layout("/layouts/platform.html"){
|
||
#-->
|
||
<style>
|
||
.el-select {
|
||
width: 100%;
|
||
}
|
||
</style>
|
||
<div id="app" v-cloak>
|
||
<guava>
|
||
<el-card>
|
||
<template #header>
|
||
<el-row type="flex" justify="space-between">
|
||
<h3>{{isEdit?'修改登记':'荣誉登记'}}</h3>
|
||
</el-row>
|
||
</template>
|
||
<el-form :model="formData" label-width="120px">
|
||
<el-row type="flex" :gutter="20">
|
||
<el-col :span="24">
|
||
<el-form-item label="荣誉类型" prop="honorType">
|
||
<el-select v-model="formData.honorType" @change="honorTypeChange">
|
||
<el-option v-for="o in honorTypeList"
|
||
:key="o.id"
|
||
:label="o.name"
|
||
:value="o.id"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<el-collapse v-model="collapse">
|
||
<el-collapse-item title="" name="basic">
|
||
<template slot="title">
|
||
<div class="text-primary" style="width: 100%">
|
||
基础信息
|
||
</div>
|
||
</template>
|
||
<template v-if="formData.honorType===HonorApi.honor_single_id">
|
||
<el-row type="flex" :gutter="20">
|
||
<el-col :span="24" prop="userId">
|
||
<el-form-item label="姓名" v-if="isEdit" prop="userName">
|
||
<el-input v-model="formData.userName" readonly></el-input>
|
||
</el-form-item>
|
||
<el-form-item v-else prop="userId" label="获奖人员">
|
||
<el-select
|
||
style="width: 100%"
|
||
v-model="formData.userId"
|
||
filterable
|
||
clearable
|
||
remote
|
||
reserve-keyword
|
||
placeholder="请输入姓名或工号查找"
|
||
:remote-method="userRemoteMethod"
|
||
:loading="userLoading"
|
||
@change="userChange">
|
||
<el-option
|
||
v-for="item in userOptions"
|
||
:key="item.id"
|
||
:label="item.username+'（'+item.loginname+'）'"
|
||
:value="item.id">
|
||
</el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
|
||
<el-row type="flex" :gutter="20">
|
||
<el-col :span="12">
|
||
<el-form-item label="所属单位" prop="unitId">
|
||
<el-select placeholder="所属单位" v-model="formData.unitId" clearable
|
||
style="width: 100%;"
|
||
clearable="true"
|
||
filterable="true">
|
||
<el-option v-for="item in units"
|
||
:label="item.name"
|
||
:value="item.id"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="所属工会" prop="unionId">
|
||
<el-select placeholder="所属工会" v-model="formData.unionId" clearable
|
||
style="width: 100%;"
|
||
clearable="true"
|
||
filterable="true">
|
||
<el-option v-for="item in unions"
|
||
:label="item.unionname"
|
||
:value="item.id"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
|
||
<el-row type="flex" :gutter="20">
|
||
<el-col :span="12">
|
||
<el-form-item label="性别" prop="userSex">
|
||
<el-radio-group v-model="formData.userSex">
|
||
<el-radio-button label="男"></el-radio-button>
|
||
<el-radio-button label="女"></el-radio-button>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="在职状态" prop="jobStatus">
|
||
<el-input v-model="formData.jobStatus"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
|
||
<el-row type="flex" :gutter="20">
|
||
<el-col :span="12">
|
||
<el-form-item label="职务" prop="post">
|
||
<el-input v-model="formData.post"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="职称" prop="title">
|
||
<el-input v-model="formData.title"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
|
||
<el-row type="flex" :gutter="20">
|
||
<el-col :span="12">
|
||
<el-form-item label="生日" prop="birthday">
|
||
<el-date-picker
|
||
style="width: 100%"
|
||
v-model="formData.birthday"
|
||
type="date"
|
||
value-format="yyyy-MM-dd"
|
||
placeholder="选择日期">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="工作时间" prop="workDate">
|
||
<el-date-picker
|
||
style="width: 100%"
|
||
v-model="formData.workDate"
|
||
type="date"
|
||
value-format="yyyy-MM-dd"
|
||
placeholder="选择日期">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</template>
|
||
<template v-else>
|
||
<el-row type="flex">
|
||
<el-col :span="12">
|
||
<el-form-item label="获奖单位" prop="unitName">
|
||
<el-select placeholder="获奖单位" v-model="formData.unitName" style="width: 100%;"
|
||
clearable="true"
|
||
filterable
|
||
allow-create>
|
||
<el-option v-for="item in units"
|
||
:label="item.name"
|
||
:value="item.name"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
|
||
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="所属工会" prop="unionId">
|
||
<el-select placeholder="所属工会" v-model="formData.unionId" style="width: 100%;"
|
||
clearable="true"
|
||
filterable="true">
|
||
<el-option v-for="item in unions"
|
||
:label="item.unionname"
|
||
:value="item.id"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
|
||
</el-row>
|
||
<el-row type="flex">
|
||
<el-col :span="8">
|
||
<el-form-item label="单位负责人" prop="unitLeader">
|
||
<el-input v-model="formData.unitLeader"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<el-form-item label="单位人数" prop="unitPeopleNum">
|
||
<el-input-number v-model="formData.unitPeopleNum" :min="0"
|
||
:max="2000" style="width: 100%"></el-input-number>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<el-form-item label="女职工人员" prop="unitFemalePeopleNum">
|
||
<el-input-number
|
||
v-model.number="formData.unitFemalePeopleNum" :min="0"
|
||
:max="2000" style="width: 100%"></el-input-number>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</template>
|
||
</el-collapse-item>
|
||
<el-collapse-item title="获奖信息" name="prize">
|
||
<template slot="title">
|
||
<div class="text-primary" style="width: 100%">
|
||
获奖信息
|
||
</div>
|
||
</template>
|
||
<template>
|
||
<el-row type="flex" :gutter="20">
|
||
<el-col :span="12">
|
||
<el-form-item label="奖项" prop="prize">
|
||
<el-select v-model="formData.prize">
|
||
<el-option v-for="o in honorPrizeList"
|
||
:key="o.id"
|
||
:label="o.name"
|
||
:value="o.id"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="奖项说明" prop="prizeDesc">
|
||
<el-input v-model="formData.prizeDesc" maxlength="100"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<el-row type="flex" :gutter="20">
|
||
<el-col :span="12" v-if="formData.honorType==HonorApi.honor_list_id">
|
||
<el-form-item label="参加比赛名称" prop="gameName">
|
||
<el-input v-model="formData.gameName" maxlength="100"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="级别">
|
||
<el-select v-model="formData.honorLevel" placeholder="">
|
||
<el-option v-for="o in honorLevelList"
|
||
:key="o.id"
|
||
:label="o.name"
|
||
:value="o.id"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
|
||
</el-row>
|
||
|
||
<el-row type="flex" :gutter="20">
|
||
<el-col :span="12">
|
||
<el-form-item label="授予单位" prop="grantUnit">
|
||
<el-input v-model="formData.grantUnit"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="授予时间">
|
||
<el-date-picker
|
||
style="width: 100%"
|
||
v-model="formData.grantDate"
|
||
type="date"
|
||
value-format="yyyy-MM-dd"
|
||
placeholder="选择日期">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<el-row type="flex" :gutter="20">
|
||
<el-col :span="12">
|
||
<el-form-item label="存档情况" prop="archiveStatus">
|
||
<el-input v-model="formData.archiveStatus"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="获奖材料" prop="awardMaterials">
|
||
<el-select v-model="formData.awardMaterials" multiple>
|
||
<el-option v-for="o in honorAwardList"
|
||
:key="o.id"
|
||
:label="o.name"
|
||
:value="o.id"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<el-col :span="24">
|
||
<el-form-item label="附件" prop="files">
|
||
<file-upload card :files.sync="formData.files"></file-upload>
|
||
|
||
</el-form-item>
|
||
</el-col>
|
||
</template>
|
||
</el-collapse-item>
|
||
</el-collapse>
|
||
|
||
</el-form>
|
||
<el-row class="m20 text-right">
|
||
<el-button type="primary" @click="doSubmit">提交</el-button>
|
||
</el-row>
|
||
</el-card>
|
||
</guava>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
const vue = new Vue({
|
||
el: '#app',
|
||
data() {
|
||
return {
|
||
units: [],
|
||
unions: [],
|
||
honorTypeList: [],
|
||
honorLevelList: [],
|
||
honorAwardList: [],
|
||
honorPrizeList: [],
|
||
collapse: ['basic', 'prize'],
|
||
formData: {},
|
||
userLoading: false,
|
||
userOptions: [],
|
||
isEdit: GetQueryString("id") && GetQueryString("id") !== ''
|
||
}
|
||
},
|
||
components: {
|
||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||
},
|
||
methods: {
|
||
async userChange() {
|
||
const user = await queryUserById(this.formData.userId)
|
||
this.setFormData(user)
|
||
},
|
||
setFormData(user) {
|
||
this.$set(this.formData, "userSex", user[0].sex)
|
||
this.$set(this.formData, "userName", user[0].username)
|
||
this.$set(this.formData, "unitId", user[0].unitid)
|
||
this.$set(this.formData, "unionId", user[0].unionid)
|
||
this.$set(this.formData, "birthday", user[0].birthday)
|
||
this.$set(this.formData, "title", user[0].jobTitle)
|
||
this.$set(this.formData, "post", user[0].position)
|
||
this.$set(this.formData, "unionName", user[0].unionname)
|
||
this.$set(this.formData, "unitName", user[0].unitname)
|
||
this.$set(this.formData, "jobStatus", user[0].userState)
|
||
},
|
||
async userRemoteMethod(query) {
|
||
if (query) {
|
||
this.userLoading = true
|
||
const arr = await searchUser(query)
|
||
this.userOptions = arr
|
||
this.userLoading = false
|
||
}
|
||
},
|
||
async initData() {
|
||
this.honorTypeList = await HonorApi.getHonorType()
|
||
if (this.honorTypeList) {
|
||
this.formData = {
|
||
honorType: this.honorTypeList[0].id
|
||
}
|
||
this.honorPrizeList = await HonorApi.getHonorPrize(this.formData.honorType)
|
||
}
|
||
this.honorLevelList = await HonorApi.getHonorLevel()
|
||
this.honorAwardList = await HonorApi.getHonorAwardType()
|
||
this.units = await getUnits(null)
|
||
this.unions = await getUnions(null)
|
||
},
|
||
async honorTypeChange(val) {
|
||
this.$set(this.formData, "prize", null)
|
||
this.honorPrizeList = await HonorApi.getHonorPrize(val)
|
||
},
|
||
async doSubmit() {
|
||
this.formData.awardMaterials = JSON.stringify(this.formData.awardMaterials)
|
||
this.formData.files = JSON.stringify(this.formData.files)
|
||
const resp = await $.post(loc() + '/doSubmit', this.formData)
|
||
requestLaterFun(resp, () => {
|
||
this.$notify.success({title: '成功', message: resp.msg});
|
||
this.initData()
|
||
//window.location.href = "/platform/honor/manage"
|
||
}, () => {
|
||
this.$notify.error({title: '失败', message: resp.msg});
|
||
})
|
||
},
|
||
async findData(id) {
|
||
const resp = await $.post(loc() + '/findData', {id: id})
|
||
const data1 = clone(resp.data.data)
|
||
this.honorPrizeList = await HonorApi.getHonorPrize(resp.data.data.honorType)
|
||
this.formData = resp.data.data
|
||
if (this.formData.userId && this.formData.userId !== '') {
|
||
const user = await queryUserById(this.formData.userId)
|
||
this.setFormData(user)
|
||
} else {
|
||
this.$set(this.formData, 'userName', this.formData.userName)
|
||
}
|
||
this.$set(this.formData, "prize", data1.prize)
|
||
this.$set(this.formData, "honorLevel", data1.honorLevel)
|
||
this.$set(this.formData, "political", data1.political)
|
||
this.$set(this.formData, "post", data1.post)
|
||
}
|
||
},
|
||
watch: {
|
||
"formData.prize"(newVal) {
|
||
if (newVal && newVal !== null) {
|
||
this.$set(this.formData, "honorLevel", this.honorPrizeList.find(v => v.id === newVal).level)
|
||
}
|
||
},
|
||
"formData.unitName"(newVal) {
|
||
const isExist = this.units.some(v => v.name == newVal)
|
||
if (isExist) {
|
||
const unionId = this.units.find(v => v.name == newVal).unionid
|
||
this.$set(this.formData, "unionId", unionId ? unionId : "")
|
||
} else {
|
||
this.$set(this.formData, "unionId", "")
|
||
}
|
||
}
|
||
},
|
||
async created() {
|
||
await this.initData()
|
||
if (GetQueryString("id") !== '') {
|
||
await this.findData(GetQueryString("id"))
|
||
}
|
||
|
||
|
||
}
|
||
})
|
||
</script>
|
||
<!--#
|
||
}
|
||
#--> |