|
|
|
@ -1,358 +1,357 @@ |
|
|
|
<template> |
|
|
|
<div class="resi-container"> |
|
|
|
<el-card ref="searchCard" |
|
|
|
class="search-card"> |
|
|
|
<el-form ref="searchForm" |
|
|
|
:inline="true" |
|
|
|
<div class="div_main"> |
|
|
|
<div ref="searchForm" |
|
|
|
class="div_search"> |
|
|
|
|
|
|
|
<el-form :inline="true" |
|
|
|
:model="fmData" |
|
|
|
:label-width="'100px'" |
|
|
|
class="demo-form-inline"> |
|
|
|
<div> |
|
|
|
<el-form-item prop="gridId" |
|
|
|
label="所属网格"> |
|
|
|
<div class="resi-cell-value"> |
|
|
|
<el-select v-model.trim="fmData.gridId" |
|
|
|
placeholder="请选择网格" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select" |
|
|
|
@change="handleChangeGrid"> |
|
|
|
<el-option v-for="item in optionsG" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</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="fmData.villageId" |
|
|
|
placeholder="请选择小区" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select" |
|
|
|
@change="handleChangeV"> |
|
|
|
<el-option v-for="item in optionsV" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="buildId"> |
|
|
|
<el-select v-model.trim="fmData.buildId" |
|
|
|
placeholder="楼号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
:disabled="changeVDisabled" |
|
|
|
class="resi-cell-select resi-cell-select-middle" |
|
|
|
@change="handleChangeB"> |
|
|
|
<el-option v-for="item in optionsB" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="unitId"> |
|
|
|
<el-select v-model.trim="fmData.unitId" |
|
|
|
placeholder="单元" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
:disabled="changeBDisabled" |
|
|
|
class="resi-cell-select resi-cell-select-middle" |
|
|
|
@change="handleChangeD"> |
|
|
|
<el-option v-for="item in optionsD" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="homeId"> |
|
|
|
<el-select v-model.trim="fmData.homeId" |
|
|
|
placeholder="房号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
:disabled="changeDDisabled" |
|
|
|
class="resi-cell-select resi-cell-select-middle"> |
|
|
|
<el-option v-for="item in optionsH" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
:label-width="'100px'"> |
|
|
|
|
|
|
|
<el-form-item prop="gridId" |
|
|
|
label="所属网格"> |
|
|
|
|
|
|
|
<el-select v-model.trim="fmData.gridId" |
|
|
|
placeholder="请选择网格" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="item_width_normal" |
|
|
|
@change="handleChangeGrid"> |
|
|
|
<el-option v-for="item in optionsG" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="所属房屋"> |
|
|
|
|
|
|
|
<el-select v-model.trim="fmData.villageId" |
|
|
|
placeholder="请选择小区" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="item_width_communitycascader" |
|
|
|
@change="handleChangeV"> |
|
|
|
<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="fmData.buildId" |
|
|
|
placeholder="楼号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
:disabled="changeVDisabled" |
|
|
|
class="item_width_buildcascader" |
|
|
|
style="margin-left:5px" |
|
|
|
@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="fmData.unitId" |
|
|
|
placeholder="单元" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
:disabled="changeBDisabled" |
|
|
|
class="item_width_buildcascader" |
|
|
|
style="margin-left:5px" |
|
|
|
@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="fmData.homeId" |
|
|
|
placeholder="房号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
:disabled="changeDDisabled" |
|
|
|
class="item_width_buildcascader" |
|
|
|
style="margin-left:5px"> |
|
|
|
<el-option v-for="item in optionsH" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="姓名" |
|
|
|
prop="name"> |
|
|
|
<el-input v-model="fmData.name" |
|
|
|
class="item_width_normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="手机号" |
|
|
|
prop="mobile"> |
|
|
|
<el-input v-model="fmData.mobile" |
|
|
|
class="item_width_normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="证件号" |
|
|
|
prop="idCard"> |
|
|
|
<el-input v-model="fmData.idCard" |
|
|
|
class="item_width_normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="迁入时间" |
|
|
|
prop="startTime"> |
|
|
|
<el-date-picker v-model="rangeTime" |
|
|
|
type="daterange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
class="item_width_daterange2"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="享受福利" |
|
|
|
prop="remark"> |
|
|
|
<el-select v-model.trim="fmData.isWeifare" |
|
|
|
placeholder="享受福利" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="item_width_normal"> |
|
|
|
<el-option v-for="item in optionsWelfare" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<div class="div_search_btn"> |
|
|
|
<el-button class="diy-button--white" |
|
|
|
size="small" |
|
|
|
@click="resetForm('searchForm')">重置</el-button> |
|
|
|
<el-button style="margin-left:10px" |
|
|
|
size="small" |
|
|
|
class="diy-button--blue" |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
|
|
|
|
<div> |
|
|
|
<el-form-item label="姓名" |
|
|
|
prop="name"> |
|
|
|
<el-input v-model="fmData.name" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="手机号" |
|
|
|
prop="mobile"> |
|
|
|
<el-input v-model="fmData.mobile" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="证件号" |
|
|
|
prop="idCard"> |
|
|
|
<el-input v-model="fmData.idCard" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-form-item label="迁入时间" |
|
|
|
prop="startTime"> |
|
|
|
<el-date-picker v-model="rangeTime" |
|
|
|
type="daterange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="享受福利" |
|
|
|
prop="remark"> |
|
|
|
<el-select v-model.trim="fmData.isWeifare" |
|
|
|
placeholder="享受福利" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="width: 120px" |
|
|
|
class="resi-cell-select"> |
|
|
|
<el-option v-for="item in optionsWelfare" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item> |
|
|
|
<el-button class="diy-button--search" |
|
|
|
size="small" |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
<el-button class="diy-button--reset" |
|
|
|
size="small" |
|
|
|
@click="resetForm('searchForm')">重置</el-button> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
</el-card> |
|
|
|
<el-card class="resi-card-table"> |
|
|
|
<div class="resi-row-btn"> |
|
|
|
<el-button class="diy-button--add" |
|
|
|
size="small" |
|
|
|
@click="handleAdd">迁入登记</el-button> |
|
|
|
<el-button v-if="false" |
|
|
|
class="diy-button--export" |
|
|
|
size="small" |
|
|
|
@click="handleExportModule('room')">下载模板</el-button> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" |
|
|
|
v-if="false" |
|
|
|
ref="upload" |
|
|
|
class="upload-btn" |
|
|
|
action="uploadUlr" |
|
|
|
:limit="1" |
|
|
|
:accept="'.xls,.xlsx'" |
|
|
|
:with-credentials="true" |
|
|
|
:show-file-list="false" |
|
|
|
:auto-upload="true" |
|
|
|
:on-progress="handleProgress" |
|
|
|
:on-success="handleExcelSuccess" |
|
|
|
:before-upload="beforeExcelUpload" |
|
|
|
:http-request="uploadHttpRequest"> |
|
|
|
<el-button size="small" |
|
|
|
class="diy-button--delete" |
|
|
|
:loading="importLoading">{{ importBtnTitle }}</el-button> |
|
|
|
</el-upload> |
|
|
|
|
|
|
|
<el-button @click="handleChu" |
|
|
|
class="diy-button--reset" |
|
|
|
size="small">导出</el-button> |
|
|
|
</div> |
|
|
|
<div class="div_table"> |
|
|
|
<div class="div_btn"> |
|
|
|
<div class="div_btn_left"> |
|
|
|
<el-button class="diy-button--blue" |
|
|
|
icon="el-icon-plus" |
|
|
|
size="small" |
|
|
|
@click="handleAdd">迁入登记</el-button> |
|
|
|
<el-button v-if="false" |
|
|
|
class="diy-button--white" |
|
|
|
size="small" |
|
|
|
@click="handleExportModule('room')">下载模板</el-button> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" |
|
|
|
v-if="false" |
|
|
|
ref="upload" |
|
|
|
class="upload-btn" |
|
|
|
action="uploadUlr" |
|
|
|
:limit="1" |
|
|
|
:accept="'.xls,.xlsx'" |
|
|
|
:with-credentials="true" |
|
|
|
:show-file-list="false" |
|
|
|
:auto-upload="true" |
|
|
|
:on-progress="handleProgress" |
|
|
|
:on-success="handleExcelSuccess" |
|
|
|
:before-upload="beforeExcelUpload" |
|
|
|
:http-request="uploadHttpRequest"> |
|
|
|
<el-button size="small" |
|
|
|
class="diy-button--white" |
|
|
|
:loading="importLoading">{{ importBtnTitle }}</el-button> |
|
|
|
</el-upload> |
|
|
|
|
|
|
|
<el-button @click="handleChu" |
|
|
|
class="diy-button--white" |
|
|
|
size="small">导出</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-table :data="tableData" |
|
|
|
border |
|
|
|
style="width: 100%" |
|
|
|
class="resi-table" |
|
|
|
:height="tableHeight"> |
|
|
|
<el-table-column label="序号" |
|
|
|
fixed="left" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" /> |
|
|
|
|
|
|
|
<el-table-column prop="name" |
|
|
|
width="100" |
|
|
|
fixed="left" |
|
|
|
label="姓名" |
|
|
|
align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<a class="name-a" |
|
|
|
@click="handleWatch(scope.$index)"> |
|
|
|
{{ scope.row.name }} |
|
|
|
</a> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="gridName" |
|
|
|
align="center" |
|
|
|
label="所属网格" |
|
|
|
min-width="160" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="allName" |
|
|
|
label="所属房屋" |
|
|
|
align="center" |
|
|
|
min-width="160" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
|
|
|
|
<el-table-column prop="mobile" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
label="手机号"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="idCard" |
|
|
|
align="center" |
|
|
|
min-width="160" |
|
|
|
label="证件号"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="genderName" |
|
|
|
align="center" |
|
|
|
width="60" |
|
|
|
label="性别"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="age" |
|
|
|
align="center" |
|
|
|
width="60" |
|
|
|
label="年龄"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="inTime" |
|
|
|
align="center" |
|
|
|
min-width="140" |
|
|
|
label="迁入时间"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="inReason" |
|
|
|
align="center" |
|
|
|
label="迁入原因" |
|
|
|
min-width="160" |
|
|
|
show-overflow-tooltip> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="sourceAddress" |
|
|
|
min-width="160" |
|
|
|
align="center" |
|
|
|
label="由何地迁入"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="moveNumber" |
|
|
|
min-width="160" |
|
|
|
align="center" |
|
|
|
label="迁移证号码"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="householderName" |
|
|
|
min-width="100" |
|
|
|
align="center" |
|
|
|
label="户主姓名"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="householderRelationName" |
|
|
|
align="center" |
|
|
|
min-width="100" |
|
|
|
label="与户主关系"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column fixed="right" |
|
|
|
label="操作" |
|
|
|
align="center" |
|
|
|
width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button v-if="false" |
|
|
|
@click="handleWatch(scope.$index)" |
|
|
|
type="text" |
|
|
|
size="small">查看</el-button> |
|
|
|
|
|
|
|
<el-button @click="handleEdit(scope.$index)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--edit">修改</el-button> |
|
|
|
|
|
|
|
<el-button @click="handleChangeRecord(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail">变更记录</el-button> |
|
|
|
|
|
|
|
<el-popconfirm v-if="false" |
|
|
|
title="删除之后无法回复，确认删除？" |
|
|
|
@onConfirm="handleDel(scope.row, scope.$index)" |
|
|
|
@confirm="handleDel(scope.row, scope.$index)"> |
|
|
|
<el-button slot="reference" |
|
|
|
<div class="div_table_item"> |
|
|
|
<el-table :data="tableData" |
|
|
|
border |
|
|
|
style="width: 100%" |
|
|
|
:height="tableHeight"> |
|
|
|
<el-table-column label="序号" |
|
|
|
fixed="left" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" /> |
|
|
|
|
|
|
|
<el-table-column prop="name" |
|
|
|
width="100" |
|
|
|
fixed="left" |
|
|
|
label="姓名" |
|
|
|
align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<a class="name-a" |
|
|
|
@click="handleWatch(scope.$index)"> |
|
|
|
{{ scope.row.name }} |
|
|
|
</a> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="gridName" |
|
|
|
align="center" |
|
|
|
label="所属网格" |
|
|
|
min-width="160" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="allName" |
|
|
|
label="所属房屋" |
|
|
|
align="center" |
|
|
|
min-width="160" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
|
|
|
|
<el-table-column prop="mobile" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
label="手机号"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="idCard" |
|
|
|
align="center" |
|
|
|
min-width="160" |
|
|
|
label="证件号"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="genderName" |
|
|
|
align="center" |
|
|
|
width="60" |
|
|
|
label="性别"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="age" |
|
|
|
align="center" |
|
|
|
width="60" |
|
|
|
label="年龄"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="inTime" |
|
|
|
align="center" |
|
|
|
min-width="140" |
|
|
|
label="迁入时间"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="inReason" |
|
|
|
align="center" |
|
|
|
label="迁入原因" |
|
|
|
min-width="160" |
|
|
|
show-overflow-tooltip> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="sourceAddress" |
|
|
|
min-width="160" |
|
|
|
align="center" |
|
|
|
label="由何地迁入"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="moveNumber" |
|
|
|
min-width="160" |
|
|
|
align="center" |
|
|
|
label="迁移证号码"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="householderName" |
|
|
|
min-width="100" |
|
|
|
align="center" |
|
|
|
label="户主姓名"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="householderRelationName" |
|
|
|
align="center" |
|
|
|
min-width="100" |
|
|
|
label="与户主关系"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column fixed="right" |
|
|
|
label="操作" |
|
|
|
align="center" |
|
|
|
width="190"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button v-if="false" |
|
|
|
@click="handleWatch(scope.$index)" |
|
|
|
type="text" |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small">查看</el-button> |
|
|
|
|
|
|
|
<el-button @click="handleEdit(scope.$index)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--delete" |
|
|
|
style="margin-left: 10px">删除</el-button> |
|
|
|
</el-popconfirm> |
|
|
|
<el-popconfirm v-if="true" |
|
|
|
title="删除之后无法回复，确认删除？" |
|
|
|
@onConfirm="handleDelNew(scope.row)" |
|
|
|
@confirm="handleDelNew(scope.row)"> |
|
|
|
<el-button slot="reference" |
|
|
|
class="div-table-button--blue">修改</el-button> |
|
|
|
|
|
|
|
<el-button @click="handleChangeRecord(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--delete" |
|
|
|
style="margin-left: 10px">删除</el-button> |
|
|
|
</el-popconfirm> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<div> |
|
|
|
<el-pagination @size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(pageSize)" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
:total="total"> |
|
|
|
</el-pagination> |
|
|
|
class="div-table-button--blue">变更记录</el-button> |
|
|
|
|
|
|
|
<el-popconfirm v-if="false" |
|
|
|
title="删除之后无法回复，确认删除？" |
|
|
|
@onConfirm="handleDel(scope.row, scope.$index)" |
|
|
|
@confirm="handleDel(scope.row, scope.$index)"> |
|
|
|
<el-button slot="reference" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--delete" |
|
|
|
style="margin-left: 10px">删除</el-button> |
|
|
|
</el-popconfirm> |
|
|
|
<el-popconfirm v-if="true" |
|
|
|
title="删除之后无法回复，确认删除？" |
|
|
|
@onConfirm="handleDelNew(scope.row)" |
|
|
|
@confirm="handleDelNew(scope.row)"> |
|
|
|
<el-button slot="reference" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--blue" |
|
|
|
style="margin-left: 10px">删除</el-button> |
|
|
|
</el-popconfirm> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<div> |
|
|
|
<el-pagination @size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(pageSize)" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
:total="total"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 修改弹出框 --> |
|
|
|
<el-dialog :visible.sync="formShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="formTitle" |
|
|
|
width="850px" |
|
|
|
width="670px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="handleClose"> |
|
|
|
@ -367,7 +366,7 @@ |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="'迁入详情'" |
|
|
|
width="850px" |
|
|
|
width="670px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="detailFormCancle"> |
|
|
|
@ -399,7 +398,7 @@ import detailForm from './detail' |
|
|
|
import axios from 'axios' |
|
|
|
|
|
|
|
export default { |
|
|
|
components: { editForm, detailForm, resiChangeRecord}, |
|
|
|
components: { editForm, detailForm, resiChangeRecord }, |
|
|
|
data () { |
|
|
|
return { |
|
|
|
openSearch: false, |
|
|
|
@ -451,7 +450,7 @@ export default { |
|
|
|
|
|
|
|
searchH: 0, |
|
|
|
tableHeight: 0, |
|
|
|
changeRecordShow: false, |
|
|
|
changeRecordShow: false, |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
@ -500,21 +499,22 @@ export default { |
|
|
|
this.getGridList() |
|
|
|
this.getValiheList() |
|
|
|
this.getTableData() |
|
|
|
this.searchH = this.$refs.searchCard.$el.offsetHeight + 270 |
|
|
|
console.log('searchH----', this.$refs.searchCard.$el.offsetHeight) |
|
|
|
|
|
|
|
this.searchH = this.$refs.searchForm.offsetHeight + 300 |
|
|
|
console.log('searchH----', this.$refs.searchForm.offsetHeight) |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
diaClose () { |
|
|
|
this.changeRecordShow = false |
|
|
|
}, |
|
|
|
//变更记录 |
|
|
|
async handleChangeRecord (row) { |
|
|
|
this.changeRecordShow = true |
|
|
|
diaClose () { |
|
|
|
this.changeRecordShow = false |
|
|
|
}, |
|
|
|
//变更记录 |
|
|
|
async handleChangeRecord (row) { |
|
|
|
this.changeRecordShow = true |
|
|
|
|
|
|
|
await nextTick(200) |
|
|
|
await nextTick(200) |
|
|
|
|
|
|
|
this.$refs.ref_changerecord.initForm(row) |
|
|
|
}, |
|
|
|
this.$refs.ref_changerecord.initForm(row) |
|
|
|
}, |
|
|
|
handleClearVillage () { |
|
|
|
this.fmData.buildId = '' |
|
|
|
this.fmData.homeId = '' |
|
|
|
@ -938,19 +938,19 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async handleDelNew (rowData) { |
|
|
|
const url = "/epmetuser/icMoveIn/deleteById"; |
|
|
|
let params = { |
|
|
|
id: rowData.moveInId |
|
|
|
} |
|
|
|
const { data, code, msg } = await requestPost(url,params); |
|
|
|
if (code === 0) { |
|
|
|
this.$message.success("删除成功！"); |
|
|
|
this.getTableData(); |
|
|
|
} else { |
|
|
|
this.$message.success("操作失败！"); |
|
|
|
} |
|
|
|
}, |
|
|
|
async handleDelNew (rowData) { |
|
|
|
const url = "/epmetuser/icMoveIn/deleteById"; |
|
|
|
let params = { |
|
|
|
id: rowData.moveInId |
|
|
|
} |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
if (code === 0) { |
|
|
|
this.$message.success("删除成功！"); |
|
|
|
this.getTableData(); |
|
|
|
} else { |
|
|
|
this.$message.success("操作失败！"); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async getTableData () { |
|
|
|
const url = '/epmetuser/icMoveIn/list' |
|
|
|
@ -976,85 +976,5 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "@/assets/scss/buttonstyle.scss"; |
|
|
|
|
|
|
|
.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; |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-card-table { |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
.resi-row-btn { |
|
|
|
margin-bottom: 13px; |
|
|
|
.upload-btn { |
|
|
|
display: inline-block; |
|
|
|
margin: 0 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.resi-btns { |
|
|
|
margin-top: 20px; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.resi-container .resi-card { |
|
|
|
position: relative; |
|
|
|
overflow: visible; |
|
|
|
} |
|
|
|
|
|
|
|
.demo-form-inline { |
|
|
|
// display: flex; |
|
|
|
// align-items: center; |
|
|
|
// margin-bottom: 20px; |
|
|
|
|
|
|
|
.resi-cell-label { |
|
|
|
flex-shrink: 0; |
|
|
|
min-width: 0; |
|
|
|
box-sizing: border-box; |
|
|
|
margin-right: 15px; |
|
|
|
// text-align: right; |
|
|
|
// line-height: 32; |
|
|
|
} |
|
|
|
.resi-cell-label1 { |
|
|
|
width: max-content; |
|
|
|
} |
|
|
|
.resi-cell-value-radio { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
min-height: 32px; |
|
|
|
} |
|
|
|
.resi-cell-input { |
|
|
|
width: 200px; |
|
|
|
} |
|
|
|
.resi-cell--daterange { |
|
|
|
max-width: 260px; |
|
|
|
} |
|
|
|
.resi-cell-select { |
|
|
|
width: 200px; |
|
|
|
box-sizing: border-box; |
|
|
|
margin-right: 10px; |
|
|
|
&-middle { |
|
|
|
width: 120px; |
|
|
|
} |
|
|
|
&-small { |
|
|
|
width: 88px; |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-cell-select:last-child { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.mt10 { |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
@import "@/assets/scss/modules/management/list-main.scss"; |
|
|
|
</style> |
|
|
|
|
dai
3 years ago