|
|
|
@ -1,109 +1,90 @@ |
|
|
|
<template> |
|
|
|
<div class="mod-change__changeRelocation} resi-container"> |
|
|
|
<el-card ref="searchCard" class="search-card"> |
|
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()" label-width="70px"> |
|
|
|
<div class="div_main"> |
|
|
|
<div ref="searchForm" |
|
|
|
class="div_search"> |
|
|
|
<el-form :inline="true" |
|
|
|
:model="dataForm" |
|
|
|
@keyup.enter.native="getDataList()" |
|
|
|
label-width="100px"> |
|
|
|
<el-form-item label="所属网格" |
|
|
|
prop="gridId"> |
|
|
|
<el-select |
|
|
|
v-model.trim="dataForm.gridId" |
|
|
|
<el-select v-model.trim="dataForm.gridId" |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
@change="handleChangeGrid" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsG" |
|
|
|
class="item_width_normal" |
|
|
|
@change="handleChangeGrid"> |
|
|
|
<el-option v-for="item in optionsG" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="迁往何地" > |
|
|
|
<div class="resi-cell-value"> |
|
|
|
<div class="resi-cell-col"> |
|
|
|
<el-form-item prop="villageId"> |
|
|
|
<el-select |
|
|
|
v-model.trim="dataForm.villageId" |
|
|
|
<el-form-item label="迁往何地"> |
|
|
|
|
|
|
|
<el-select v-model.trim="dataForm.villageId" |
|
|
|
placeholder="请选择小区" |
|
|
|
clearable |
|
|
|
class="item_width_communitycascader" |
|
|
|
@clear="handleClearVillage" |
|
|
|
@change="handleChangeV" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsV" |
|
|
|
@change="handleChangeV"> |
|
|
|
<el-option v-for="item in optionsV" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="buildId"> |
|
|
|
<el-select |
|
|
|
v-model.trim="dataForm.buildId" |
|
|
|
|
|
|
|
<el-select v-model.trim="dataForm.buildId" |
|
|
|
placeholder="楼号" |
|
|
|
clearable |
|
|
|
style="width: 120px;" |
|
|
|
class="item_width_buildcascader" |
|
|
|
style="margin-left:5px" |
|
|
|
:disabled="changeVDisabled" |
|
|
|
@clear="handleClearBuild" |
|
|
|
@change="handleChangeB" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsB" |
|
|
|
@change="handleChangeB"> |
|
|
|
<el-option v-for="item in optionsB" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="unitId"> |
|
|
|
<el-select |
|
|
|
v-model.trim="dataForm.unitId" |
|
|
|
|
|
|
|
<el-select v-model.trim="dataForm.unitId" |
|
|
|
:disabled="changeBDisabled" |
|
|
|
placeholder="单元" |
|
|
|
clearable |
|
|
|
style="width: 120px;" |
|
|
|
class="item_width_buildcascader" |
|
|
|
style="margin-left:5px" |
|
|
|
@click="handleClearDan" |
|
|
|
@change="handleChangeD" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsD" |
|
|
|
@change="handleChangeD"> |
|
|
|
<el-option v-for="item in optionsD" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="homeId"> |
|
|
|
<el-select |
|
|
|
v-model.trim="dataForm.homeId" |
|
|
|
|
|
|
|
<el-select v-model.trim="dataForm.homeId" |
|
|
|
:disabled="changeDDisabled" |
|
|
|
placeholder="房号" |
|
|
|
clearable |
|
|
|
style="width: 120px;" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsH" |
|
|
|
class="item_width_buildcascader" |
|
|
|
style="margin-left:5px"> |
|
|
|
<el-option v-for="item in optionsH" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<br/> |
|
|
|
<el-form-item label="姓名" |
|
|
|
prop="name"> |
|
|
|
<el-input v-model="dataForm.name" |
|
|
|
size="small" |
|
|
|
class="list_item_width_1" |
|
|
|
class="item_width_normal" |
|
|
|
clearable |
|
|
|
placeholder="请输入姓名"> |
|
|
|
</el-input> |
|
|
|
@ -112,7 +93,7 @@ |
|
|
|
prop="idCard"> |
|
|
|
<el-input v-model="dataForm.idCard" |
|
|
|
size="small" |
|
|
|
class="list_item_width_1" |
|
|
|
class="item_width_normal" |
|
|
|
clearable |
|
|
|
placeholder="请输入证件号"> |
|
|
|
</el-input> |
|
|
|
@ -121,49 +102,72 @@ |
|
|
|
prop="mobile"> |
|
|
|
<el-input v-model="dataForm.mobile" |
|
|
|
size="small" |
|
|
|
class="list_item_width_1" |
|
|
|
class="item_width_normal" |
|
|
|
clearable |
|
|
|
placeholder="请输入手机"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
|
|
|
|
<el-form-item label="迁出时间" |
|
|
|
prop="startTime"> |
|
|
|
<el-date-picker v-model="timeRange" |
|
|
|
type="daterange" |
|
|
|
clearable |
|
|
|
size="small" |
|
|
|
class="item_width_daterange2" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="选择日期" |
|
|
|
end-placeholder="选择日期" |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="享受福利" prop="isWelfare"> |
|
|
|
<el-select v-model="dataForm.isWelfare" placeholder="请选择" clearable> |
|
|
|
<el-option v-for="item in isWelfareArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> |
|
|
|
<el-form-item label="享受福利" |
|
|
|
prop="isWelfare"> |
|
|
|
<el-select v-model="dataForm.isWelfare" |
|
|
|
placeholder="请选择" |
|
|
|
class="item_width_normal" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in isWelfareArr" |
|
|
|
:key="item.dictValue" |
|
|
|
:label="item.dictName" |
|
|
|
:value="item.dictValue"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
|
|
|
|
<div class="div_search_btn"> |
|
|
|
<el-button class="diy-button--white" |
|
|
|
size="small" |
|
|
|
@click="resetForm">重置</el-button> |
|
|
|
<el-button style="margin-left:10px" |
|
|
|
size="small" |
|
|
|
class="diy-button--blue" |
|
|
|
@click="getDataList">查询</el-button> |
|
|
|
|
|
|
|
</div> |
|
|
|
<!-- <el-form-item> |
|
|
|
<el-button type="primary" size="small" @click="getDataList()">{{ $t('query') }}</el-button> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button class="diy-button--reset" size="small" @click="resetForm">重置</el-button> |
|
|
|
</el-form-item> |
|
|
|
<!--<el-form-item>--> |
|
|
|
<!--<el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>--> |
|
|
|
<!--</el-form-item>--> |
|
|
|
<!-- <el-form-item>--> |
|
|
|
<!-- <el-button type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>--> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
</el-form-item> --> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
</el-card> |
|
|
|
<el-card class="resi-card-table"> |
|
|
|
<div class="resi-row-btn"> |
|
|
|
<el-button type="warning" size="small" class="diy-button--reset" @click="exportHandle()">{{ $t('export') }}</el-button> |
|
|
|
</div> |
|
|
|
<el-table class="resi-table" v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> |
|
|
|
<div class="div_table"> |
|
|
|
<div class="div_btn"> |
|
|
|
<div class="div_btn_left"> |
|
|
|
<el-button size="small" |
|
|
|
class="diy-button--white" |
|
|
|
@click="exportHandle()">{{ $t('export') }}</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-table v-loading="dataListLoading" |
|
|
|
:data="dataList" |
|
|
|
border |
|
|
|
:height="tableHeight" |
|
|
|
@selection-change="dataListSelectionChangeHandle" |
|
|
|
class="div_table_item"> |
|
|
|
<!--<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>--> |
|
|
|
<el-table-column label="序号" |
|
|
|
type="index" |
|
|
|
@ -171,17 +175,55 @@ |
|
|
|
align="center" |
|
|
|
width="50"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" label="姓名" header-align="center" align="center" min-width="120" show-overflow-tooltip> |
|
|
|
<el-table-column prop="name" |
|
|
|
label="姓名" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
min-width="120" |
|
|
|
show-overflow-tooltip> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button @click="handleLook(scope.row)" type="text" size="small" class="btn-color-look">{{scope.row.name}}</el-button> |
|
|
|
<el-button @click="handleLook(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="btn-color-look">{{scope.row.name}}</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="agencyName" label="所属网格" header-align="center" align="center" min-width="120" show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="oldAddress" label="所属房屋" header-align="center" align="center" min-width="120" show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="ownerName" label="户主姓名" header-align="center" align="center" min-width="100" show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="mobile" label="手机号" header-align="center" align="center" min-width="120" show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="idCard" label="证件号" header-align="center" align="center" min-width="120" show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="gender" label="性别" header-align="center" align="center" min-width="70" show-overflow-tooltip> |
|
|
|
<el-table-column prop="agencyName" |
|
|
|
label="所属网格" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
min-width="120" |
|
|
|
show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="oldAddress" |
|
|
|
label="所属房屋" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
min-width="120" |
|
|
|
show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="ownerName" |
|
|
|
label="户主姓名" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
min-width="100" |
|
|
|
show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="mobile" |
|
|
|
label="手机号" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
min-width="120" |
|
|
|
show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="idCard" |
|
|
|
label="证件号" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
min-width="120" |
|
|
|
show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="gender" |
|
|
|
label="性别" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
min-width="70" |
|
|
|
show-overflow-tooltip> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ |
|
|
|
scope.row.gender == '2' |
|
|
|
@ -190,19 +232,39 @@ |
|
|
|
}} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="age" label="年龄" header-align="center" align="center" min-width="90" show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="outOfTime" label="迁出时间" header-align="center" align="center" min-width="120" show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="reason" label="迁出原因" header-align="center" align="center" min-width="100" show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="address" label="迁往何地" header-align="center" align="center" min-width="120" show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="age" |
|
|
|
label="年龄" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
min-width="90" |
|
|
|
show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="outOfTime" |
|
|
|
label="迁出时间" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
min-width="120" |
|
|
|
show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="reason" |
|
|
|
label="迁出原因" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
min-width="100" |
|
|
|
show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="address" |
|
|
|
label="迁往何地" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
min-width="120" |
|
|
|
show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column fixed="right" |
|
|
|
label="操作" |
|
|
|
align="center" |
|
|
|
width="120"> |
|
|
|
width="140"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button @click="handleChangeRecord(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail">变更记录</el-button> |
|
|
|
class="div-table-button--blue">变更记录</el-button> |
|
|
|
<el-popconfirm v-if="scope.row.status !== '0'" |
|
|
|
title="确认恢复？" |
|
|
|
@onConfirm="handleRecovery(scope.row)" |
|
|
|
@ -210,14 +272,12 @@ |
|
|
|
<el-button slot="reference" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--delete" |
|
|
|
style="margin-left: 10px">恢复</el-button> |
|
|
|
class="div-table-button--blue">恢复</el-button> |
|
|
|
</el-popconfirm> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<el-pagination |
|
|
|
:current-page="page" |
|
|
|
<el-pagination :current-page="page" |
|
|
|
:page-sizes="[10, 20, 50, 100]" |
|
|
|
:page-size="limit" |
|
|
|
:total="total" |
|
|
|
@ -225,9 +285,11 @@ |
|
|
|
@size-change="pageSizeChangeHandle" |
|
|
|
@current-change="pageCurrentChangeHandle"> |
|
|
|
</el-pagination> |
|
|
|
</el-card> |
|
|
|
</div> |
|
|
|
<!-- 弹窗, 新增 / 修改 --> |
|
|
|
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
|
|
|
<add-or-update v-if="addOrUpdateVisible" |
|
|
|
ref="addOrUpdate" |
|
|
|
@refreshDataList="getDataList"></add-or-update> |
|
|
|
<people-more v-if="showedPeopleMoreInfo && lookInfo.userId" |
|
|
|
:userId="lookInfo.userId" |
|
|
|
:gridName="lookInfo.gridName" |
|
|
|
@ -252,6 +314,7 @@ import peopleMore from "@/views/modules/shequ/cpts/people-more"; |
|
|
|
import nextTick from 'dai-js/tools/nextTick' |
|
|
|
import resiChangeRecord from '../../../components/resiChangeRecord.vue' |
|
|
|
import { requestPost } from "@/js/dai/request"; |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
export default { |
|
|
|
mixins: [mixinViewModule], |
|
|
|
data () { |
|
|
|
@ -291,7 +354,10 @@ export default { |
|
|
|
{ dictValue: '0', dictName: '否' }, |
|
|
|
{ dictValue: '1', dictName: '是' } |
|
|
|
], |
|
|
|
changeRecordShow: false |
|
|
|
changeRecordShow: false, |
|
|
|
|
|
|
|
searchH: 0, |
|
|
|
tableHeight: 0, |
|
|
|
} |
|
|
|
}, |
|
|
|
components: { |
|
|
|
@ -300,19 +366,27 @@ export default { |
|
|
|
resiChangeRecord |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
changeVDisabled() { |
|
|
|
...mapGetters(['clientHeight', 'iframeHeight']), |
|
|
|
changeVDisabled () { |
|
|
|
return !this.dataForm.villageId |
|
|
|
}, |
|
|
|
changeBDisabled() { |
|
|
|
changeBDisabled () { |
|
|
|
return !this.dataForm.buildId |
|
|
|
}, |
|
|
|
changeDDisabled() { |
|
|
|
changeDDisabled () { |
|
|
|
return !this.dataForm.unitId |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
}, |
|
|
|
created () { |
|
|
|
this.getGridList() |
|
|
|
this.getValiheList() |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
mounted () { |
|
|
|
this.searchH = this.$refs.searchForm.offsetHeight + 290 |
|
|
|
console.log('searchH----', this.$refs.searchForm.offsetHeight) |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
timeRange (val) { |
|
|
|
@ -323,6 +397,15 @@ export default { |
|
|
|
this.dataForm.startTime = ''; |
|
|
|
this.dataForm.endTime = ''; |
|
|
|
} |
|
|
|
}, |
|
|
|
searchH () { |
|
|
|
const h = this.clientHeight - this.searchH + this.iframeHeight |
|
|
|
const _h = this.clientHeight - this.searchH |
|
|
|
console.log('computed-searchH---_h', _h) |
|
|
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
this.tableHeight = this.$store.state.inIframe ? h : _h |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
@ -333,7 +416,7 @@ export default { |
|
|
|
let params = { |
|
|
|
id: rowData.id |
|
|
|
} |
|
|
|
const { data, code, msg } = await requestPost(url,params); |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
if (code === 0) { |
|
|
|
this.$message.success("恢复成功！"); |
|
|
|
this.getDataList(); |
|
|
|
@ -381,49 +464,49 @@ export default { |
|
|
|
}) |
|
|
|
}, |
|
|
|
async handleLook (row) { |
|
|
|
if(row.agencyId !== ''){ |
|
|
|
if (row.agencyId !== '') { |
|
|
|
const url = '/gov/org/grid/griddetail' |
|
|
|
let params = { |
|
|
|
gridId : row.agencyId, |
|
|
|
gridId: row.agencyId, |
|
|
|
} |
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
if(code === 0){ |
|
|
|
if (code === 0) { |
|
|
|
this.lookInfo.gridName = data.gridName |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
} |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
this.lookInfo.gridName = '' |
|
|
|
} |
|
|
|
this.lookInfo.userId = row.icUserId |
|
|
|
this.showedPeopleMoreInfo = true |
|
|
|
}, |
|
|
|
handleCancleLook() { |
|
|
|
handleCancleLook () { |
|
|
|
this.lookInfo.userId = '' |
|
|
|
this.lookInfo.gridName = '' |
|
|
|
this.showedPeopleMoreInfo = false |
|
|
|
}, |
|
|
|
resetForm(formName) { |
|
|
|
for(const n in this.dataForm) { |
|
|
|
resetForm (formName) { |
|
|
|
for (const n in this.dataForm) { |
|
|
|
this.dataForm[n] = '' |
|
|
|
} |
|
|
|
this.timeRange = '' |
|
|
|
this.getDataList() |
|
|
|
}, |
|
|
|
handleClearVillage() { |
|
|
|
handleClearVillage () { |
|
|
|
this.dataForm.buildId = '' |
|
|
|
this.dataForm.homeId = '' |
|
|
|
}, |
|
|
|
handleClearBuild() { |
|
|
|
handleClearBuild () { |
|
|
|
this.dataForm.buildId = '' |
|
|
|
this.dataForm.unitId = '' |
|
|
|
this.dataForm.homeId = '' |
|
|
|
}, |
|
|
|
handleClearDan() { |
|
|
|
handleClearDan () { |
|
|
|
this.dataForm.unitId = '' |
|
|
|
this.dataForm.homeId = '' |
|
|
|
}, |
|
|
|
handleChangeGrid(val) { |
|
|
|
handleChangeGrid (val) { |
|
|
|
console.log('val', val) |
|
|
|
this.dataForm.villageId = '' |
|
|
|
this.dataForm.buildId = '' |
|
|
|
@ -431,7 +514,7 @@ export default { |
|
|
|
this.dataForm.homeId = '' |
|
|
|
this.getValiheList() |
|
|
|
}, |
|
|
|
getGridList() { |
|
|
|
getGridList () { |
|
|
|
const { user } = this.$store.state |
|
|
|
this.$http |
|
|
|
.post('/gov/org/customergrid/gridoption', { agencyId: user.agencyId, purpose: 'query' }) |
|
|
|
@ -447,7 +530,7 @@ export default { |
|
|
|
return this.$message.error('网络错误') |
|
|
|
}) |
|
|
|
}, |
|
|
|
getValiheList() { |
|
|
|
getValiheList () { |
|
|
|
const { user } = this.$store.state |
|
|
|
this.$http |
|
|
|
.post('/gov/org/icneighborhood/neighborhoodoption', { |
|
|
|
@ -467,7 +550,7 @@ export default { |
|
|
|
return this.$message.error('网络错误') |
|
|
|
}) |
|
|
|
}, |
|
|
|
getBuildList() { |
|
|
|
getBuildList () { |
|
|
|
this.$http |
|
|
|
.post('/gov/org/icbuilding/buildingoption', { |
|
|
|
neighborHoodId: this.dataForm.villageId |
|
|
|
@ -484,7 +567,7 @@ export default { |
|
|
|
return this.$message.error('网络错误') |
|
|
|
}) |
|
|
|
}, |
|
|
|
getUniList() { |
|
|
|
getUniList () { |
|
|
|
this.$http |
|
|
|
.post('/gov/org/icbuildingunit/unitoption', { |
|
|
|
buildingId: this.dataForm.buildId |
|
|
|
@ -501,7 +584,7 @@ export default { |
|
|
|
return this.$message.error('网络错误') |
|
|
|
}) |
|
|
|
}, |
|
|
|
getHouseList() { |
|
|
|
getHouseList () { |
|
|
|
this.$http |
|
|
|
.post('/gov/org/ichouse/houseoption', { unitId: this.dataForm.unitId }) |
|
|
|
.then(({ data: res }) => { |
|
|
|
@ -516,20 +599,20 @@ export default { |
|
|
|
return this.$message.error('网络错误') |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleChangeV(val) { |
|
|
|
handleChangeV (val) { |
|
|
|
console.log('val', val) |
|
|
|
this.dataForm.buildId = '' |
|
|
|
this.dataForm.unitId = '' |
|
|
|
this.dataForm.homeId = '' |
|
|
|
this.getBuildList() |
|
|
|
}, |
|
|
|
handleChangeB(val) { |
|
|
|
handleChangeB (val) { |
|
|
|
console.log('val', val) |
|
|
|
this.dataForm.unitId = '' |
|
|
|
this.dataForm.homeId = '' |
|
|
|
this.getUniList() |
|
|
|
}, |
|
|
|
handleChangeD(val) { |
|
|
|
handleChangeD (val) { |
|
|
|
console.log('val', val) |
|
|
|
this.dataForm.homeId = '' |
|
|
|
this.getHouseList() |
|
|
|
@ -538,76 +621,5 @@ export default { |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "@/assets/scss/buttonstyle.scss"; |
|
|
|
/deep/.el-form-item__label { |
|
|
|
width: 80px !important; |
|
|
|
} |
|
|
|
.resi-container .resi-card-table { |
|
|
|
::v-deep .el-table th { |
|
|
|
color: #fff; |
|
|
|
background-color: rgba(33, 149, 254, 1); |
|
|
|
// border-right: 1px solid rgba(33, 149, 254, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-table { |
|
|
|
::v-deep .el-button--text { |
|
|
|
text-decoration: underline; |
|
|
|
} |
|
|
|
::v-deep .btn-color-del { |
|
|
|
margin-left: 10px; |
|
|
|
color: rgba(213, 16, 16, 1); |
|
|
|
} |
|
|
|
::v-deep .btn-color-edit { |
|
|
|
color: rgba(0, 167, 169, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
.form-wr { |
|
|
|
.input-width { |
|
|
|
width: 260px; |
|
|
|
|
|
|
|
} |
|
|
|
.input-width-textarea { |
|
|
|
width: 500px; |
|
|
|
} |
|
|
|
.imsg-list { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
.imgs-item { |
|
|
|
position: relative; |
|
|
|
margin-right: 10px; |
|
|
|
.el-icon-delete { |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
right: 0; |
|
|
|
font-size: 18px; |
|
|
|
color: red; |
|
|
|
z-index: 3; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.div-content { |
|
|
|
width: 100%; |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
.resi-row-btn { |
|
|
|
display: flex; |
|
|
|
margin-bottom: 13px; |
|
|
|
.el-button { |
|
|
|
margin-left: 10px; |
|
|
|
border: 0; |
|
|
|
} |
|
|
|
// .el-button--success { |
|
|
|
// background: rgba(34, 193, 195, 1); |
|
|
|
// } |
|
|
|
// .el-button--warning { |
|
|
|
// background: rgba(254, 179, 73, 1); |
|
|
|
// } |
|
|
|
// .el-button--danger { |
|
|
|
// background: rgba(254, 98, 82, 1); |
|
|
|
// } |
|
|
|
} |
|
|
|
@import "@/assets/scss/modules/management/list-main.scss"; |
|
|
|
</style> |
|
|
|
|
jiangyy
3 years ago