elink-star
/
epdc-admin-luzhou
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

【项目管理所属部门查询添加部门类型联动】-王公峰-2020-10-29

updateDept
wanggongfeng 5 years ago
parent
f698a266ac
commit
8db21a8b0e
3 changed files with 416 additions and 318 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 45
      src/views/modules/events/item-close-list.vue
  2. 46
      src/views/modules/events/item-deal-list.vue
  3. 37
      src/views/modules/events/item-end-list.vue

45
src/views/modules/events/item-close-list.vue
View File

@ -6,6 +6,12 @@
:model="dataForm"
@keyup.enter.native="getDataListSearch()"
>
<el-form-item label="部门类型" prop="deptType" label-width="100px">
<el-select v-model="dataForm.deptType" placeholder="部门类型" clearable @change="selectModel($event)" style="width:250px;">
<el-option v-for="item in deptTypeArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="所属机构" label-width="100px">
<el-cascader
v-model="ids"
@ -25,16 +31,16 @@
style="width:250px;"
></el-input>
</el-form-item>
<el-form-item label="项目内容" prop="itemCode">
<br>
<el-form-item label="项目内容" prop="itemCode" label-width="100px">
<el-input
v-model="dataForm.itemContent"
placeholder="请输入项目内容"
clearable
@keyup.native="btKeyUpItemContent"
style="width:200px;"
style="width:250px;"
></el-input>
</el-form-item>
<br>
<el-form-item label="提交人" prop="itemCode" label-width="100px">
<el-input
v-model="dataForm.nickName"
@ -44,7 +50,7 @@
style="width:250px;"
></el-input>
</el-form-item>
<el-form-item label="提交人手机号" prop="itemCode">
<el-form-item label="提交人手机号" prop="itemCode" label-width="100px">
<el-input
v-model="dataForm.mobile"
placeholder="请输入提交人手机号"
@ -234,10 +240,12 @@
itemCode: '',
itemContent: '',
nickName: '',
mobile: ''
mobile: '',
deptType: ''
},
ids: [],
options: [],
deptTypeArr: [],
detailVisible: false,
pickerBeginDateBefore: {
disabledDate: (time) => {
@ -262,6 +270,8 @@
},
created: function () {
this.getOptions()
// 部门类型下拉框赋值
this.getdeptTypeArrInfo('sys_deptType')
},
watch: {
ids: function (val) {
@ -293,8 +303,9 @@
this.$router.push({path: '/events-item-close', query: {id: id}})
},
getOptions() {
let param = {deptType:this.dataForm.deptType}
this.$http
.get(`/sys/user/deptOptions/getByLoginUser`)
.post(`/sys/user/deptOptions/getByLoginUserNew`,param)
.then(({data: res}) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
@ -304,6 +315,28 @@
.catch(() => {
})
},
// 参数名称取值变化事件
selectModel (id) {
this.dataForm.deptType = ''
this.deptTypeArr.find((item) => {
if (item.dictValue === id) {
this.dataForm.deptType = item.dictValue
}
})
this.ids = []
this.getOptions()
},
// 获取部门类型类型下拉信息
getdeptTypeArrInfo (dictType) {
this.$http.get(`/sys/dict/listSimple/` + dictType).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
if (dictType === 'sys_deptType') {
this.deptTypeArr = res.data
}
}).catch(() => {})
},
btKeyUpItemCode (e) {
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
this.dataForm.itemCode = e.target.value

46
src/views/modules/events/item-deal-list.vue
View File

@ -6,6 +6,12 @@
:model="dataForm"
@keyup.enter.native="getDataListSearch()"
>
<el-form-item label="部门类型" prop="deptType" label-width="100px">
<el-select v-model="dataForm.deptType" placeholder="部门类型" clearable @change="selectModel($event)" style="width:250px;">
<el-option v-for="item in deptTypeArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="所属机构" label-width="100px">
<el-cascader
v-model="ids"
@ -25,16 +31,16 @@
style="width:250px;"
></el-input>
</el-form-item>
<el-form-item label="项目内容" prop="itemCode">
<br>
<el-form-item label="项目内容" prop="itemCode" label-width="100px">
<el-input
v-model="dataForm.itemContent"
placeholder="请输入项目内容"
clearable
@keyup.native="btKeyUpItemContent"
style="width:200px;"
style="width:250px;"
></el-input>
</el-form-item>
<br>
<el-form-item label="提交人" prop="itemCode" label-width="100px">
<el-input
v-model="dataForm.nickName"
@ -44,7 +50,7 @@
style="width:250px;"
></el-input>
</el-form-item>
<el-form-item label="提交人手机号" prop="itemCode">
<el-form-item label="提交人手机号" prop="itemCode" label-width="100px">
<el-input
v-model="dataForm.mobile"
placeholder="请输入提交人手机号"
@ -234,11 +240,12 @@
itemCode: '',
itemContent: '',
nickName: '',
mobile: ''
mobile: '',
deptType: ''
},
ids: [],
options: [],
deptTypeArr: [],
pickerBeginDateBefore: {
disabledDate: (time) => {
let beginDateVal = this.dataForm.endTime;
@ -262,6 +269,8 @@
},
created: function () {
this.getOptions()
// 部门类型下拉框赋值
this.getdeptTypeArrInfo('sys_deptType')
},
watch: {
ids: function (val) {
@ -293,8 +302,9 @@
this.$router.push({path: '/events-item-deal', query: {id: id}})
},
getOptions() {
let param = {deptType:this.dataForm.deptType}
this.$http
.get(`/sys/user/deptOptions/getByLoginUser`)
.post(`/sys/user/deptOptions/getByLoginUserNew`,param)
.then(({data: res}) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
@ -304,6 +314,28 @@
.catch(() => {
})
},
// 参数名称取值变化事件
selectModel (id) {
this.dataForm.deptType = ''
this.deptTypeArr.find((item) => {
if (item.dictValue === id) {
this.dataForm.deptType = item.dictValue
}
})
this.ids = []
this.getOptions()
},
// 获取部门类型类型下拉信息
getdeptTypeArrInfo (dictType) {
this.$http.get(`/sys/dict/listSimple/` + dictType).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
if (dictType === 'sys_deptType') {
this.deptTypeArr = res.data
}
}).catch(() => {})
},
btKeyUpItemCode (e) {
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
this.dataForm.itemCode = e.target.value

37
src/views/modules/events/item-end-list.vue
View File

@ -6,6 +6,12 @@
:model="dataForm"
@keyup.enter.native="getDataListSearch()"
>
<el-form-item label="部门类型" prop="deptType" label-width="100px">
<el-select v-model="dataForm.deptType" placeholder="部门类型" clearable @change="selectModel($event)" style="width:250px;">
<el-option v-for="item in deptTypeArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="所属机构" label-width="100px">
<el-cascader
v-model="ids"
@ -239,11 +245,13 @@
itemCode: '',
itemContent: '',
nickName: '',
mobile: ''
mobile: '',
deptType: ''
},
detailVisible: false,
ids: [],
options: [],
deptTypeArr: [],
pickerBeginDateBefore: {
disabledDate: (time) => {
let beginDateVal = this.dataForm.endTime;
@ -267,6 +275,8 @@
},
created: function () {
this.getOptions()
// 部门类型下拉框赋值
this.getdeptTypeArrInfo('sys_deptType')
},
watch: {
ids: function (val) {
@ -298,8 +308,9 @@
this.$router.push({path: '/events-item-end', query: {id: id}})
},
getOptions() {
let param = {deptType:this.dataForm.deptType}
this.$http
.get(`/sys/user/deptOptions/getByLoginUser`)
.post(`/sys/user/deptOptions/getByLoginUserNew`,param)
.then(({data: res}) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
@ -309,6 +320,28 @@
.catch(() => {
})
},
// 参数名称取值变化事件
selectModel (id) {
this.dataForm.deptType = ''
this.deptTypeArr.find((item) => {
if (item.dictValue === id) {
this.dataForm.deptType = item.dictValue
}
})
this.ids = []
this.getOptions()
},
// 获取部门类型类型下拉信息
getdeptTypeArrInfo (dictType) {
this.$http.get(`/sys/dict/listSimple/` + dictType).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
if (dictType === 'sys_deptType') {
this.deptTypeArr = res.data
}
}).catch(() => {})
},
btKeyUpItemCode (e) {
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
this.dataForm.itemCode = e.target.value

Write Preview
Loading…
Cancel
Save