|
|
@ -4,6 +4,20 @@ |
|
|
|
<el-row class="resi-row-box" :class="!isArrow && 'resi-row-more'"> |
|
|
|
<el-row v-if="showGrid" class="resi-row"> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-label">所属组织</div> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
<el-cascader class="customer_cascader" |
|
|
|
ref="myCascader" |
|
|
|
v-model="agencyIdArray" |
|
|
|
:options="orgOptions" |
|
|
|
:props="orgOptionProps" |
|
|
|
:show-all-levels="false" |
|
|
|
@change="handleChangeAgency"></el-cascader> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<!-- <el-col :span="6"> |
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-label">所属网格</div> |
|
|
|
<div class="resi-cell-value"> |
|
|
@ -25,7 +39,7 @@ |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-col>--> |
|
|
|
<el-col :span="18"> |
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-label">所属房屋</div> |
|
|
@ -285,6 +299,14 @@ export default { |
|
|
|
UNIT_ID: '', |
|
|
|
HOME_ID: '' |
|
|
|
} |
|
|
|
let orgOptionProps = { |
|
|
|
multiple: false, |
|
|
|
value: 'agencyId', |
|
|
|
label: 'agencyName', |
|
|
|
children: 'subAgencyList', |
|
|
|
checkStrictly: true |
|
|
|
} |
|
|
|
|
|
|
|
return { |
|
|
|
pageLoading: false, |
|
|
|
openSearch: false, |
|
|
@ -293,10 +315,14 @@ export default { |
|
|
|
optionsH: [], |
|
|
|
optionsD: [], |
|
|
|
optionsG: [], |
|
|
|
orgOptions: [], |
|
|
|
orgOptionProps, |
|
|
|
agencyIdArray:[], |
|
|
|
value: '', |
|
|
|
itemList, |
|
|
|
fixedList: [], |
|
|
|
fixedForm: { |
|
|
|
AGENCY_ID: '', |
|
|
|
GRID_ID: '', |
|
|
|
VILLAGE_ID: '', |
|
|
|
BUILD_ID: '', |
|
|
@ -306,6 +332,7 @@ export default { |
|
|
|
constForm, |
|
|
|
form: { |
|
|
|
...form, |
|
|
|
AGENCY_ID: '', |
|
|
|
GRID_ID: '', |
|
|
|
VILLAGE_ID: '', |
|
|
|
BUILD_ID: '', |
|
|
@ -343,6 +370,10 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
|
|
|
|
queryType:{ |
|
|
|
'AGENCY_ID':'like' |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
@ -391,7 +422,7 @@ export default { |
|
|
|
created() { |
|
|
|
// this.initForm() |
|
|
|
// console.log('formcccc---', this.form) |
|
|
|
|
|
|
|
this.getOrgTreeList() |
|
|
|
this.getGridList() |
|
|
|
this.getValiheList() |
|
|
|
if (this.columnName) this.handleChangeForm(this.columnName) |
|
|
@ -430,9 +461,11 @@ export default { |
|
|
|
else this.form[n] = '' |
|
|
|
|
|
|
|
} |
|
|
|
this. agencyIdArray=[] |
|
|
|
// let arr3 = [...arr1, ...arr] |
|
|
|
this.$emit('search', []) |
|
|
|
// this.handleSearch() |
|
|
|
// this.orgOptions = []; |
|
|
|
}, |
|
|
|
handleSearch() { |
|
|
|
// console.log('formmmmm---', this.form) |
|
|
@ -474,6 +507,28 @@ export default { |
|
|
|
this.form.BIRTHDAY = [s, e] |
|
|
|
} |
|
|
|
}, |
|
|
|
handleChangeAgency(val) { |
|
|
|
let obj = this.$refs["myCascader"].getCheckedNodes()[0].data |
|
|
|
if (obj) { |
|
|
|
if(obj.level === 'grid'){ |
|
|
|
this.form.GRID_ID = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; |
|
|
|
this.form.AGENCY_ID='' |
|
|
|
}else{ |
|
|
|
this.form.AGENCY_ID = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; |
|
|
|
this.form.GRID_ID = '' |
|
|
|
} |
|
|
|
|
|
|
|
}else{ |
|
|
|
this.form.AGENCY_ID='' |
|
|
|
this.form.GRID_ID = '' |
|
|
|
} |
|
|
|
|
|
|
|
this.form.VILLAGE_ID = '' |
|
|
|
this.form.BUILD_ID = '' |
|
|
|
this.form.UNIT_ID = '' |
|
|
|
this.form.HOME_ID = '' |
|
|
|
this.getValiheList() |
|
|
|
}, |
|
|
|
handleChangeGrid(val) { |
|
|
|
console.log('val', val) |
|
|
|
this.form.VILLAGE_ID = '' |
|
|
@ -503,6 +558,7 @@ export default { |
|
|
|
// 监听基础form |
|
|
|
handleChangeForm(val) { |
|
|
|
for (let n in this.fixedForm) { |
|
|
|
|
|
|
|
if (n === val) { |
|
|
|
if (this.fixedList.length > 0) { |
|
|
|
let _item = {} |
|
|
@ -515,7 +571,7 @@ export default { |
|
|
|
console.log('fixedList----val', this.fixedList) |
|
|
|
} else { |
|
|
|
_item = { |
|
|
|
queryType: 'equal', |
|
|
|
queryType: this.queryType[val]?this.queryType[val]:'equal',//'equal', |
|
|
|
tableName: 'ic_resi_user', |
|
|
|
columnName: val, |
|
|
|
columnValue: [this.form[val]] |
|
|
@ -527,7 +583,7 @@ export default { |
|
|
|
if (Object.keys(_item).length > 0 && !hasVal) this.fixedList.push(_item) |
|
|
|
} else { |
|
|
|
this.$set(this.fixedList, 0, { |
|
|
|
queryType: 'equal', |
|
|
|
queryType: this.queryType[val]?this.queryType[val]:'equal',//'equal', |
|
|
|
tableName: 'ic_resi_user', |
|
|
|
columnName: val, |
|
|
|
columnValue: [this.form[val]] |
|
|
@ -540,6 +596,23 @@ export default { |
|
|
|
if (item.columnName === val) item.isChange = true |
|
|
|
}) |
|
|
|
}, |
|
|
|
getOrgTreeList() { |
|
|
|
const { user } = this.$store.state |
|
|
|
this.$http |
|
|
|
.post('/gov/org/customeragency/agencygridtree', {}) |
|
|
|
.then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg) |
|
|
|
} else { |
|
|
|
console.log('获取组织树成功', res.data) |
|
|
|
this.orgOptions=[] |
|
|
|
this.orgOptions .push( res.data) |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
return this.$message.error('网络错误') |
|
|
|
}) |
|
|
|
}, |
|
|
|
getGridList() { |
|
|
|
const { user } = this.$store.state |
|
|
|
this.$http |
|
|
@ -561,7 +634,7 @@ export default { |
|
|
|
this.$http |
|
|
|
.post('/gov/org/icneighborhood/neighborhoodoption', { |
|
|
|
gridId: this.form.GRID_ID, |
|
|
|
agencyId: '' |
|
|
|
agencyId: this.form.AGENCY_ID, |
|
|
|
// agencyId: user.agencyId |
|
|
|
}) |
|
|
|
.then(({ data: res }) => { |
|
|
|