|
|
@ -2,7 +2,7 @@ |
|
|
|
<div class="div_form"> |
|
|
|
<div class="form"> |
|
|
|
<h4>智能导出/导出设置</h4> |
|
|
|
<el-form ref="form" :model="form" > |
|
|
|
<el-form ref="form" > |
|
|
|
<el-form-item required label="报表名称" autocomplete="off" > |
|
|
|
<el-input v-model="form.name" size="mini" style="width: 40%; margin-left: 30px"></el-input> |
|
|
|
</el-form-item> |
|
|
@ -10,66 +10,34 @@ |
|
|
|
<el-form :inline="true" class="header_form_box" :model="form" size="mini" |
|
|
|
:label-width="'105px'"> |
|
|
|
<el-form-item style="margin-bottom: 10px;" class="tableList" label="所属组织"> |
|
|
|
<el-cascader class="u-item-width-normal" size="small" ref="myCascader" v-model="form.agencyId" |
|
|
|
<el-cascader class="u-item-width-normal" size="small" ref="myCascader" v-model="form.agencyId" |
|
|
|
:options="orgOptions" :props="orgOptionProps" :show-all-levels="false" @change="handleChangeAgency" |
|
|
|
clearable></el-cascader> |
|
|
|
</el-form-item> |
|
|
|
<!-- <el-form-item style="margin-bottom: 10px;" prop="villageId" class="tableList"> |
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-value" > |
|
|
|
<span style="width:100px;text-align: right;padding-right:14px;display: inline-block; ">所属房屋:</span> |
|
|
|
<el-select v-model.trim="form.villageId" placeholder="请选择小区" size="small" filterable clearable |
|
|
|
class="u-item-width-communitycascader" @clear="handleClearVillage" @change="handleChangeV" |
|
|
|
v-el-select-loadmore="loadmore"> |
|
|
|
<el-option v-for="item in optionsV" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select v-model.trim="form.buildId" placeholder="楼号" size="small" filterable clearable |
|
|
|
style="margin-left: 5px" class="u-item-width-buildcascader" :disabled="changeVDisabled" |
|
|
|
@clear="handleClearBuild" @change="handleChangeB"> |
|
|
|
<el-option v-for="item in optionsB" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select v-model.trim="form.unitId" :disabled="changeBDisabled" placeholder="单元" size="small" |
|
|
|
filterable clearable style="margin-left: 5px" class="u-item-width-buildcascader" |
|
|
|
@click="handleClearDan" @change="handleChangeD"> |
|
|
|
<el-option v-for="item in optionsD" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select v-model.trim="form.homeId" :disabled="changeDDisabled" placeholder="房号" size="small" |
|
|
|
filterable clearable style="margin-left: 5px" class="u-item-width-buildcascader"> |
|
|
|
<el-option v-for="item in optionsH" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form-item> --> |
|
|
|
<el-form-item style="margin-bottom: 10px;" label="小区" class="tableList" > |
|
|
|
<el-select v-model.trim="form.partyFlag" class="u-item-width-normal" clearable size="small"> |
|
|
|
<template v-for="item in partyList"> |
|
|
|
<el-select v-model.trim="form.villageId" class="u-item-width-normal" clearable size="small"> |
|
|
|
<template v-for="item in optionsV"> |
|
|
|
<el-option :label='item.label' :value='item.value'> </el-option> |
|
|
|
</template> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item style="margin-bottom: 10px;" label="楼号" class="tableList"> |
|
|
|
<el-select v-model.trim="form.partyFlag" class="u-item-width-normal" clearable size="small"> |
|
|
|
<el-select v-model.trim="form.buildId" class="u-item-width-normal" clearable size="small"> |
|
|
|
<template v-for="item in partyList"> |
|
|
|
<el-option :label='item.label' :value='item.value'> </el-option> |
|
|
|
<el-option :label='item.optionsB' :value='item.value'> </el-option> |
|
|
|
</template> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item style="margin-bottom: 10px;" label="单元号" class="tableList"> |
|
|
|
<el-select v-model.trim="form.partyFlag" class="u-item-width-normal" clearable size="small"> |
|
|
|
<el-select v-model.trim="form.unitId" class="u-item-width-normal" clearable size="small"> |
|
|
|
<template v-for="item in partyList"> |
|
|
|
<el-option :label='item.label' :value='item.value'> </el-option> |
|
|
|
<el-option :label='item.optionsD' :value='item.value'> </el-option> |
|
|
|
</template> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item style="margin-bottom: 10px;" label="房屋号" class="tableList"> |
|
|
|
<el-select v-model.trim="form.partyFlag" class="u-item-width-normal" clearable size="small"> |
|
|
|
<template v-for="item in partyList"> |
|
|
|
<el-select v-model.trim="form.homeId" class="u-item-width-normal" clearable size="small"> |
|
|
|
<template v-for="item in optionsH"> |
|
|
|
<el-option :label='item.label' :value='item.value'> </el-option> |
|
|
|
</template> |
|
|
|
</el-select> |
|
|
@ -110,11 +78,11 @@ |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item style="margin-bottom: 10px;" label="籍贯"> |
|
|
|
<!-- <el-form-item style="margin-bottom: 10px;" label="籍贯"> |
|
|
|
<el-input v-model.trim="form.nativePlace" class="u-item-width-service" placeholder="请输入" clearable |
|
|
|
size="small"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> --> |
|
|
|
<el-form-item style="margin-bottom: 10px;" label="人户状况" class="tableList"> |
|
|
|
<el-select v-model.trim="form.householdSituation" class="u-item-width-normal" clearable size="small"> |
|
|
|
<template v-for="item in household"> |
|
|
@ -164,20 +132,20 @@ |
|
|
|
</template> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item class="tableList" style="margin-bottom: 10px;" label="婚姻状态"> |
|
|
|
<!-- <el-form-item class="tableList" style="margin-bottom: 10px;" label="婚姻状态"> |
|
|
|
<el-select v-model.trim="form.nation" class="u-item-width-normal" clearable size="small"> |
|
|
|
<template v-for="item in nation"> |
|
|
|
<el-option :label='item.label' :value='item.value'> </el-option> |
|
|
|
</template> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item class="tableList" style="margin-bottom: 10px;" label="宗教信仰"> |
|
|
|
</el-form-item> --> |
|
|
|
<!-- <el-form-item class="tableList" style="margin-bottom: 10px;" label="宗教信仰"> |
|
|
|
<el-select v-model.trim="form.nationality" class="u-item-width-normal" clearable size="small"> |
|
|
|
<template v-for="item in nationalityList"> |
|
|
|
<el-option :label='item.label' :value='item.value'> </el-option> |
|
|
|
</template> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> --> |
|
|
|
<el-form-item style="margin-bottom: 10px;" label="就业状态" class="tableList"> |
|
|
|
<el-select v-model.trim="form.careerStatus" class="u-item-width-normal" clearable size="small"> |
|
|
|
<template v-for="item in careerStatusList"> |
|
|
@ -198,8 +166,8 @@ |
|
|
|
</el-input> |
|
|
|
</el-form-item> --> |
|
|
|
<el-form-item class="tableList" style="margin-bottom: 10px;" label="岗位人员"> |
|
|
|
<el-select v-model.trim="form.nationality" class="u-item-width-normal" clearable size="small"> |
|
|
|
<template v-for="item in nationalityList"> |
|
|
|
<el-select v-model.trim="form.identity" class="u-item-width-normal" clearable size="small"> |
|
|
|
<template v-for="item in projectStaffList"> |
|
|
|
<el-option :label='item.label' :value='item.value'> </el-option> |
|
|
|
</template> |
|
|
|
</el-select> |
|
|
@ -266,6 +234,27 @@ export default { |
|
|
|
return { |
|
|
|
orgOptionProps, |
|
|
|
household: [], |
|
|
|
projectStaffList: [ |
|
|
|
{ |
|
|
|
label: '志愿者', |
|
|
|
value: 'VOLUNTEER_FLAG' |
|
|
|
},{ |
|
|
|
label: '网格员', |
|
|
|
value: 'GRID_MEMBER_FLAG' |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '楼长', |
|
|
|
value: 'BUILDING_CHIEF_FLAG' |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '单元长', |
|
|
|
value: 'UNIT_CHIEF_FLAG' |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '公益岗', |
|
|
|
value: 'PUBLIC_WELFARE_FLAG' |
|
|
|
} |
|
|
|
], |
|
|
|
directives: { |
|
|
|
"el-select-loadmore": { |
|
|
|
bind(el, binding) { |
|
|
@ -473,8 +462,9 @@ specialCategoryList: [ |
|
|
|
} |
|
|
|
], |
|
|
|
careerStatusList: [], |
|
|
|
pageSize:20, |
|
|
|
pageNo:1, |
|
|
|
form: { |
|
|
|
|
|
|
|
name: '', |
|
|
|
mobile: '', |
|
|
|
updateCategory: null, |
|
|
@ -684,7 +674,6 @@ specialCategoryList: [ |
|
|
|
this.getEducation() |
|
|
|
this.getNationality() |
|
|
|
this.getDictList() |
|
|
|
|
|
|
|
this.getOrgTreeList() |
|
|
|
|
|
|
|
|
|
|
@ -696,14 +685,24 @@ specialCategoryList: [ |
|
|
|
list: { |
|
|
|
type: Array, |
|
|
|
default: () => [] |
|
|
|
} |
|
|
|
}, |
|
|
|
see: { |
|
|
|
type: Object, |
|
|
|
default: () => ({}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
components: { |
|
|
|
checkBox, |
|
|
|
dragItem |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
console.log(this.list, "lk"); |
|
|
|
if(this.see.originId){ |
|
|
|
this.orgId = this.$store.state.user.agencyId; |
|
|
|
this.originId= this.see.originId, |
|
|
|
this.getList() |
|
|
|
} |
|
|
|
|
|
|
|
console.log(this.list,this.see,this.type, this.originId,"lk"); |
|
|
|
this.list.forEach(item => { |
|
|
|
this.$set(this.info, item.id, []) |
|
|
|
}) |
|
|
@ -729,6 +728,8 @@ specialCategoryList: [ |
|
|
|
await this.handleChangeB(val.id) |
|
|
|
} |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
computed:{ |
|
|
|
changeVDisabled() { |
|
|
@ -752,6 +753,38 @@ specialCategoryList: [ |
|
|
|
} |
|
|
|
, |
|
|
|
methods: { |
|
|
|
//筛选条件回显 |
|
|
|
async getList() { |
|
|
|
console.log("dskjbfdksj"); |
|
|
|
const url = "/commonservice/exportRecord/recordList"; |
|
|
|
let params = { |
|
|
|
orgId: this.orgId, |
|
|
|
pageNo: this.pageNo, |
|
|
|
pageSize: this.pageSize, |
|
|
|
originId: this.originId, |
|
|
|
}; |
|
|
|
// requestPost('/commonservice/exportRecord/recordList',params).then(res => { |
|
|
|
// console.log(res,"res"); |
|
|
|
// }); |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
if (code === 0) { |
|
|
|
this.form= JSON.parse(data.list[0].filterCriteria).searchForm |
|
|
|
console.log(JSON.parse(data.list[0].filterCriteria).exportConfig.itemList); |
|
|
|
this.rightList=JSON.parse(data.list[0].filterCriteria).exportConfig.itemList |
|
|
|
console.log(this.rightList,"this.rightList"); |
|
|
|
this.rightList.forEach(item => { |
|
|
|
item.queryItemList=item.children, |
|
|
|
item.queryItemList.forEach(item1=>{ |
|
|
|
item1.id=item1.itemId |
|
|
|
}) |
|
|
|
item.id=item.itemId |
|
|
|
}) |
|
|
|
|
|
|
|
console.log( this.form,"this.form"); |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
//获取组织 |
|
|
|
getOrgTreeList() { |
|
|
|
this.$http |
|
|
@ -770,17 +803,19 @@ specialCategoryList: [ |
|
|
|
}) |
|
|
|
}, |
|
|
|
//查询组织 |
|
|
|
handleChangeAgency(val) { |
|
|
|
console.log("otg"); |
|
|
|
async handleChangeAgency(val) { |
|
|
|
this.sarr = [] |
|
|
|
this.getLastItem( |
|
|
|
this.orgOptions, |
|
|
|
val, |
|
|
|
"agencyId" |
|
|
|
); |
|
|
|
this.form.agencyId=this.sarr[this.sarr.length - 1].agencyId |
|
|
|
console.log(this.sarr,'seee'); |
|
|
|
this.form.level = this.sarr[this.sarr.length - 1].level; |
|
|
|
this.getValiheList() |
|
|
|
this.form.agencyId = this.sarr[this.sarr.length - 1].agencyId; |
|
|
|
this.optionsV = []; |
|
|
|
this.optionsVPageNo = 1; |
|
|
|
await this.getValiheList() |
|
|
|
}, |
|
|
|
|
|
|
|
getLastItem(list, vals, key) { |
|
|
@ -875,6 +910,9 @@ specialCategoryList: [ |
|
|
|
}, |
|
|
|
//导出数据 |
|
|
|
async exportTemplate() { |
|
|
|
if(!this.form.name){ |
|
|
|
return this.$message.error("请输入模板名称") |
|
|
|
} |
|
|
|
let url = "/actual/base/residentBaseInfo/exportExcelCustom" |
|
|
|
let params = { |
|
|
|
templateId: '', |
|
|
@ -983,7 +1021,7 @@ specialCategoryList: [ |
|
|
|
this.form.homeId = '' |
|
|
|
this.getBuildList() |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
loadmore() { |
|
|
|
this.optionsVPageNo++; |
|
|
|
this.getValiheList(); |
|
|
|