|
|
@ -1,142 +1,153 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div> |
|
|
<div> |
|
|
<div class="dialog-h-content scroll-h"> |
|
|
<div class="dialog-h-content scroll-h"> |
|
|
<el-form ref="ref_form" |
|
|
<el-form |
|
|
:inline="false" |
|
|
ref="ref_form" |
|
|
:model="dataForm" |
|
|
:inline="false" |
|
|
:rules="dataRule" |
|
|
:model="dataForm" |
|
|
label-width="150px" |
|
|
:rules="dataRule" |
|
|
class="g-edit-form"> |
|
|
label-width="150px" |
|
|
|
|
|
class="g-edit-form" |
|
|
<el-form-item label="当前组织" |
|
|
> |
|
|
style="display: block"> |
|
|
<el-form-item label="当前组织" style="display: block"> |
|
|
<span>{{ gridName }}</span> |
|
|
<span>{{ gridName }}</span> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="姓名" |
|
|
<el-form-item label="姓名" style="display: block"> |
|
|
style="display: block"> |
|
|
|
|
|
<span>{{ dataForm.name }}</span> |
|
|
<span>{{ dataForm.name }}</span> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="迁出时间" |
|
|
<el-form-item label="迁出时间" prop="outOfTime"> |
|
|
prop="outOfTime"> |
|
|
<el-date-picker |
|
|
<el-date-picker v-model="dataForm.outOfTime" |
|
|
v-model="dataForm.outOfTime" |
|
|
type="date" |
|
|
type="date" |
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
format="yyyy-MM-dd" |
|
|
format="yyyy-MM-dd" |
|
|
placeholder="选择日期" |
|
|
placeholder="选择日期" |
|
|
class="u-edit-width-normal" |
|
|
class="u-edit-width-normal" |
|
|
:clearable="false"> |
|
|
:clearable="false" |
|
|
|
|
|
> |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="迁出类型" |
|
|
<el-form-item label="迁出类型" prop="type" style="display: block"> |
|
|
prop="type" |
|
|
|
|
|
style="display: block"> |
|
|
|
|
|
<el-radio-group v-model="dataForm.type"> |
|
|
<el-radio-group v-model="dataForm.type"> |
|
|
|
|
|
<el-radio :label="'in'">{{ |
|
|
<el-radio :label="'in'">{{'迁往'+rootAgency.organizationName+'内其他区域'}}</el-radio> |
|
|
"迁往" + rootAgency.organizationName + "内其他区域" |
|
|
|
|
|
}}</el-radio> |
|
|
<el-radio :label="'out'">其他</el-radio> |
|
|
<el-radio :label="'out'">其他</el-radio> |
|
|
|
|
|
|
|
|
</el-radio-group> |
|
|
</el-radio-group> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<template v-if="dataForm.type==='in'"> |
|
|
<template v-if="dataForm.type === 'in'"> |
|
|
<el-form-item label="迁出至" |
|
|
<el-form-item label="迁出至" prop="agencyId"> |
|
|
prop='agencyId'> |
|
|
<el-cascader |
|
|
<el-cascader ref="myCascader" |
|
|
ref="myCascader" |
|
|
v-model="agencyIdArray" |
|
|
v-model="agencyIdArray" |
|
|
class="u-edit-width-normal" |
|
|
class="u-edit-width-normal" |
|
|
:key="iscascaderShow" |
|
|
:key="iscascaderShow" |
|
|
:options="casOptions" |
|
|
:options="casOptions" |
|
|
:props="optionProps" |
|
|
:props="optionProps" |
|
|
@change="handleChangeAgency" |
|
|
@change="handleChangeAgency" |
|
|
clearable></el-cascader> |
|
|
clearable |
|
|
|
|
|
></el-cascader> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="所属家庭" |
|
|
<el-form-item label="所属家庭" prop="villageId"> |
|
|
prop="villageId"> |
|
|
|
|
|
|
|
|
|
|
|
<div> |
|
|
<div> |
|
|
|
|
|
<el-select |
|
|
<el-select v-model.trim="dataForm.villageId" |
|
|
v-model.trim="dataForm.villageId" |
|
|
placeholder="请选择小区" |
|
|
placeholder="请选择小区" |
|
|
clearable |
|
|
clearable |
|
|
class="u-edit-width-normal" |
|
|
class="u-edit-width-normal" |
|
|
@change="handleChangeCommunity($event)"> |
|
|
@change="handleChangeCommunity($event)" |
|
|
<el-option v-for="item in communityList" |
|
|
> |
|
|
:key="item.value" |
|
|
<el-option |
|
|
:label="item.label" |
|
|
v-for="item in communityList" |
|
|
:value="item.value"> |
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value" |
|
|
|
|
|
> |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
<div style="margin-top:5px"> |
|
|
<div style="margin-top: 5px"> |
|
|
|
|
|
<el-select |
|
|
<el-select v-model.trim="dataForm.buildId" |
|
|
v-model.trim="dataForm.buildId" |
|
|
placeholder="楼号" |
|
|
placeholder="楼号" |
|
|
clearable |
|
|
clearable |
|
|
class="u-edit-width-build" |
|
|
class="u-edit-width-build" |
|
|
@change="handleChangeBuilding($event)"> |
|
|
@change="handleChangeBuilding($event)" |
|
|
<el-option v-for="item in buildingList" |
|
|
> |
|
|
:key="item.value" |
|
|
<el-option |
|
|
:label="item.label" |
|
|
v-for="item in buildingList" |
|
|
:value="item.value"> |
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value" |
|
|
|
|
|
> |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
|
|
|
|
|
|
<el-select v-model.trim="dataForm.unitId" |
|
|
<el-select |
|
|
placeholder="单元" |
|
|
v-model.trim="dataForm.unitId" |
|
|
clearable |
|
|
placeholder="单元" |
|
|
style="margin-left: 10px;" |
|
|
clearable |
|
|
class="u-edit-width-build" |
|
|
style="margin-left: 10px" |
|
|
@change="handleChangeUnit($event)"> |
|
|
class="u-edit-width-build" |
|
|
<el-option v-for="item in unitList" |
|
|
@change="handleChangeUnit($event)" |
|
|
:key="item.value" |
|
|
> |
|
|
:label="item.label" |
|
|
<el-option |
|
|
:value="item.value"> |
|
|
v-for="item in unitList" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value" |
|
|
|
|
|
> |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
|
|
|
|
|
|
<el-select v-model.trim="dataForm.homeId" |
|
|
<el-select |
|
|
placeholder="房号" |
|
|
v-model.trim="dataForm.homeId" |
|
|
clearable |
|
|
placeholder="房号" |
|
|
style="margin-left: 10px;" |
|
|
clearable |
|
|
class="u-edit-width-build" |
|
|
style="margin-left: 10px" |
|
|
@change="handleChangeHome($event)"> |
|
|
class="u-edit-width-build" |
|
|
<el-option v-for="item in roomList" |
|
|
@change="handleChangeHome($event)" |
|
|
:key="item.value" |
|
|
> |
|
|
:label="item.label" |
|
|
<el-option |
|
|
:value="item.value"> |
|
|
v-for="item in roomList" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value" |
|
|
|
|
|
> |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
</template> |
|
|
</template> |
|
|
<div v-if="dataForm.type==='out'"> |
|
|
<div v-if="dataForm.type === 'out'"> |
|
|
<el-form-item label="外迁详细地址" |
|
|
<el-form-item label="外迁详细地址" prop="address"> |
|
|
prop="address"> |
|
|
<el-input |
|
|
<el-input type="textarea" |
|
|
type="textarea" |
|
|
:autosize="{ minRows: 2, maxRows: 7}" |
|
|
:autosize="{ minRows: 2, maxRows: 7 }" |
|
|
:rows="5" |
|
|
:rows="5" |
|
|
resize="none" |
|
|
resize="none" |
|
|
class="u-edit-width-normal" |
|
|
class="u-edit-width-normal" |
|
|
placeholder='请输入外迁详细地址' |
|
|
placeholder="请输入外迁详细地址" |
|
|
v-model="dataForm.address"> |
|
|
v-model="dataForm.address" |
|
|
|
|
|
> |
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</div> |
|
|
</div> |
|
|
<el-form-item label="迁出原因" |
|
|
<el-form-item label="迁出原因" prop="reason"> |
|
|
prop="reason"> |
|
|
<el-input |
|
|
<el-input type="textarea" |
|
|
type="textarea" |
|
|
:autosize="{ minRows: 4, maxRows: 7}" |
|
|
:autosize="{ minRows: 4, maxRows: 7 }" |
|
|
:rows="5" |
|
|
:rows="5" |
|
|
resize="none" |
|
|
resize="none" |
|
|
class="u-edit-width-normal" |
|
|
class="u-edit-width-normal" |
|
|
placeholder='请输入迁出原因' |
|
|
placeholder="请输入迁出原因" |
|
|
v-model="dataForm.reason"> |
|
|
v-model="dataForm.reason" |
|
|
|
|
|
> |
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<!-- <el-form-item label="" |
|
|
<!-- <el-form-item label="" |
|
|
@ -144,31 +155,30 @@ |
|
|
<el-checkbox v-model="dataForm.welfareFlag">享受福利</el-checkbox> |
|
|
<el-checkbox v-model="dataForm.welfareFlag">享受福利</el-checkbox> |
|
|
</el-form-item> --> |
|
|
</el-form-item> --> |
|
|
</el-form> |
|
|
</el-form> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div class="m-edit-btn"> |
|
|
<div class="m-edit-btn"> |
|
|
<el-button size="small" |
|
|
<el-button size="small" @click="handleCancle">取 消</el-button> |
|
|
@click="handleCancle">取 消</el-button> |
|
|
<el-button |
|
|
<el-button type="primary" |
|
|
type="primary" |
|
|
size="small" |
|
|
size="small" |
|
|
class="diy-button--blue" |
|
|
class="diy-button--blue" |
|
|
:disabled="btnDisable" |
|
|
:disabled="btnDisable" |
|
|
@click="handleComfirm">保 存</el-button> |
|
|
@click="handleComfirm" |
|
|
|
|
|
>保 存</el-button |
|
|
|
|
|
> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import util from '@js/util.js'; |
|
|
import util from "@js/util.js"; |
|
|
import { Loading } from 'element-ui' // 引入Loading服务 |
|
|
import { Loading } from "element-ui"; // 引入Loading服务 |
|
|
import { requestPost, requestGet } from '@/js/dai/request' |
|
|
import { requestPost, requestGet } from "@/js/dai/request"; |
|
|
|
|
|
|
|
|
let loading // 加载动画 |
|
|
let loading; // 加载动画 |
|
|
export default { |
|
|
export default { |
|
|
data () { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
|
|
|
|
|
|
btnDisable: false, |
|
|
btnDisable: false, |
|
|
communityList: [], |
|
|
communityList: [], |
|
|
buildingList: [], |
|
|
buildingList: [], |
|
|
@ -176,37 +186,37 @@ export default { |
|
|
roomList: [], |
|
|
roomList: [], |
|
|
|
|
|
|
|
|
dataForm: { |
|
|
dataForm: { |
|
|
icUserId: '', // 被调动人ID |
|
|
icUserId: "", // 被调动人ID |
|
|
type: 'in',//操作类型【客户外out,客户内in】 |
|
|
type: "in", //操作类型【客户外out,客户内in】 |
|
|
agencyId: '',//调动到的组织Id |
|
|
agencyId: "", //调动到的组织Id |
|
|
gridId: '',//调动到的网格Id |
|
|
gridId: "", //调动到的网格Id |
|
|
gridName: '', |
|
|
gridName: "", |
|
|
villageId: '',//调动到的小区ID |
|
|
villageId: "", //调动到的小区ID |
|
|
villageName: '', |
|
|
villageName: "", |
|
|
buildId: '',//调动到的楼宇Id |
|
|
buildId: "", //调动到的楼宇Id |
|
|
buildName: '', |
|
|
buildName: "", |
|
|
unitId: '',//调动到的单元Id |
|
|
unitId: "", //调动到的单元Id |
|
|
unitName: '', |
|
|
unitName: "", |
|
|
homeId: '', //调动到的房屋Id |
|
|
homeId: "", //调动到的房屋Id |
|
|
homeName: '', |
|
|
homeName: "", |
|
|
transferTime: '', //调动时间【日期类型】 |
|
|
transferTime: "", //调动时间【日期类型】 |
|
|
reason: '', //备注 |
|
|
reason: "", //备注 |
|
|
customerId: '', |
|
|
customerId: "", |
|
|
oldHome: '', |
|
|
oldHome: "", |
|
|
oldDept: '', |
|
|
oldDept: "", |
|
|
oldAddress: '', |
|
|
oldAddress: "", |
|
|
ownerName: '', |
|
|
ownerName: "", |
|
|
name: '', |
|
|
name: "", |
|
|
gender: '', |
|
|
gender: "", |
|
|
age: '', |
|
|
age: "", |
|
|
address: '', |
|
|
address: "", |
|
|
outOfTime: '', |
|
|
outOfTime: "", |
|
|
welfareFlag: false |
|
|
welfareFlag: false, |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
customerId: '',//客户id |
|
|
customerId: "", //客户id |
|
|
userId: '',//操作人员id |
|
|
userId: "", //操作人员id |
|
|
gridName: '', |
|
|
gridName: "", |
|
|
rootAgency: {}, |
|
|
rootAgency: {}, |
|
|
|
|
|
|
|
|
casOptions: [], |
|
|
casOptions: [], |
|
|
@ -216,320 +226,303 @@ export default { |
|
|
|
|
|
|
|
|
optionProps: { |
|
|
optionProps: { |
|
|
multiple: false, |
|
|
multiple: false, |
|
|
value: 'agencyId', |
|
|
value: "agencyId", |
|
|
label: 'agencyName', |
|
|
label: "agencyName", |
|
|
children: 'subAgencyList', |
|
|
children: "subAgencyList", |
|
|
// checkStrictly: true |
|
|
// checkStrictly: true |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
selGrid: {}, |
|
|
selGrid: {}, |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
components: { |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
mounted () { |
|
|
|
|
|
}, |
|
|
}, |
|
|
|
|
|
components: {}, |
|
|
|
|
|
mounted() {}, |
|
|
computed: { |
|
|
computed: { |
|
|
dataRule () { |
|
|
dataRule() { |
|
|
return { |
|
|
return { |
|
|
type: [ |
|
|
type: [ |
|
|
{ required: true, message: '操作类型不能为空', trigger: 'blur' }, |
|
|
{ required: true, message: "操作类型不能为空", trigger: "blur" }, |
|
|
], |
|
|
], |
|
|
agencyId: [ |
|
|
agencyId: [ |
|
|
{ required: true, message: '所选组织不能为空', trigger: 'blur' } |
|
|
{ required: true, message: "所选组织不能为空", trigger: "blur" }, |
|
|
], |
|
|
], |
|
|
villageId: [ |
|
|
villageId: [ |
|
|
{ required: true, message: '所属家庭不能为空', trigger: 'blur' } |
|
|
{ required: true, message: "所属家庭不能为空", trigger: "blur" }, |
|
|
], |
|
|
], |
|
|
address: [ |
|
|
address: [ |
|
|
{ required: true, message: '外迁详细地址不能为空', trigger: 'blur' } |
|
|
{ required: true, message: "外迁详细地址不能为空", trigger: "blur" }, |
|
|
], |
|
|
], |
|
|
outOfTime: [ |
|
|
outOfTime: [ |
|
|
{ required: true, message: '迁出时间不能为空', trigger: 'blur' } |
|
|
{ required: true, message: "迁出时间不能为空", trigger: "blur" }, |
|
|
] |
|
|
], |
|
|
|
|
|
}; |
|
|
} |
|
|
|
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
async initForm (row) { |
|
|
async initForm(row) { |
|
|
|
|
|
|
|
|
this.customerId = localStorage.getItem("customerId"); |
|
|
this.customerId = localStorage.getItem("customerId"); |
|
|
|
|
|
|
|
|
this.$refs.ref_form.resetFields(); |
|
|
this.$refs.ref_form.resetFields(); |
|
|
|
|
|
|
|
|
// this.icUserId = row.icResiUserId |
|
|
// this.icUserId = row.icResiUserId |
|
|
this.gridName = row.GRID_ID |
|
|
this.gridName = row.gridName; |
|
|
this.dataForm.icUserId = row.icResiUserId |
|
|
this.dataForm.icUserId = row.resiId; |
|
|
|
|
|
|
|
|
// 添加参数 |
|
|
// 添加参数 |
|
|
if (row.DOOR_NAME !== null && row.DOOR_NAME !== '' && row.DOOR_NAME !== undefined) { |
|
|
if ( |
|
|
this.dataForm.oldHome = row.DOOR_NAME |
|
|
row.homeName !== null && |
|
|
|
|
|
row.homeName !== "" && |
|
|
|
|
|
row.homeName !== undefined |
|
|
|
|
|
) { |
|
|
|
|
|
this.dataForm.oldHome = row.homeName; |
|
|
} else { |
|
|
} else { |
|
|
this.dataForm.oldHome = '' |
|
|
this.dataForm.oldHome = ""; |
|
|
} |
|
|
} |
|
|
this.dataForm.customerId = this.customerId |
|
|
this.dataForm.customerId = this.customerId; |
|
|
this.dataForm.idCard = row.ID_CARD |
|
|
this.dataForm.idCard = row.idNum; |
|
|
this.dataForm.mobile = row.MOBILE |
|
|
this.dataForm.mobile = row.mobile; |
|
|
|
|
|
|
|
|
await this.loadHouseInfo(row.HOME_ID_VALUE) |
|
|
await this.loadHouseInfo(row.homeId); |
|
|
|
|
|
|
|
|
this.dataForm.name = row.NAME |
|
|
this.dataForm.name = row.name; |
|
|
this.dataForm.gender = row.GENDER |
|
|
this.dataForm.gender = row.gender; |
|
|
this.dataForm.age = '' |
|
|
this.dataForm.age = ""; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
await this.loadRootAgency() |
|
|
|
|
|
await this.getAgencylist() |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
await this.loadRootAgency(); |
|
|
|
|
|
await this.getAgencylist(); |
|
|
}, |
|
|
}, |
|
|
async loadHouseInfo (homeIdValue) { |
|
|
|
|
|
const url = "/gov/org/ichouse/" + homeIdValue |
|
|
async loadHouseInfo(homeIdValue) { |
|
|
const { data, code, msg } = await requestGet(url) |
|
|
const url = "/gov/org/ichouse/" + homeIdValue; |
|
|
|
|
|
const { data, code, msg } = await requestGet(url); |
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
this.dataForm.oldDept = '' |
|
|
this.dataForm.oldDept = ""; |
|
|
this.dataForm.oldAddress = data.houseName |
|
|
this.dataForm.oldAddress = data.houseName; |
|
|
this.dataForm.ownerName = data.ownerName |
|
|
this.dataForm.ownerName = data.ownerName; |
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(msg) |
|
|
this.$message.error(msg); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
//根据人员id获取根组织信息 |
|
|
//根据人员id获取根组织信息 |
|
|
async loadRootAgency () { |
|
|
async loadRootAgency() { |
|
|
|
|
|
await this.$http |
|
|
await this.$http.post('/gov/org/agency/customerrootagency/' + this.customerId).then(({ data: res }) => { |
|
|
.post("/gov/org/agency/customerrootagency/" + this.customerId) |
|
|
if (res.code !== 0) { |
|
|
.then(({ data: res }) => { |
|
|
return this.$message.error(res.msg) |
|
|
if (res.code !== 0) { |
|
|
} |
|
|
return this.$message.error(res.msg); |
|
|
|
|
|
} |
|
|
if (res.data) { |
|
|
|
|
|
this.rootAgency = res.data |
|
|
|
|
|
} |
|
|
|
|
|
}).catch(() => { }) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (res.data) { |
|
|
|
|
|
this.rootAgency = res.data; |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
.catch(() => {}); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async getAgencylist () { |
|
|
async getAgencylist() { |
|
|
|
|
|
const url = "/gov/org/customeragency/rootagencygridtree"; |
|
|
const url = '/gov/org/customeragency/rootagencygridtree' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const params = { |
|
|
const params = { |
|
|
agencyId: this.rootAgency.id |
|
|
agencyId: this.rootAgency.id, |
|
|
} |
|
|
}; |
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
++this.iscascaderShow |
|
|
++this.iscascaderShow; |
|
|
this.casOptions = [] |
|
|
this.casOptions = []; |
|
|
this.agencyIdArray.length = [] |
|
|
this.agencyIdArray.length = []; |
|
|
|
|
|
|
|
|
if (data) { |
|
|
if (data) { |
|
|
let treeData = [data] |
|
|
let treeData = [data]; |
|
|
this.resolveAgencyTree(treeData) |
|
|
this.resolveAgencyTree(treeData); |
|
|
this.casOptions.push(data) |
|
|
this.casOptions.push(data); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(msg) |
|
|
this.$message.error(msg); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
resolveAgencyTree (treeData) { |
|
|
resolveAgencyTree(treeData) { |
|
|
treeData.forEach(element => { |
|
|
treeData.forEach((element) => { |
|
|
if (!element.subAgencyList || element.subAgencyList.length === 0) {//不存在下级，且level=grid的是true |
|
|
if (!element.subAgencyList || element.subAgencyList.length === 0) { |
|
|
|
|
|
//不存在下级，且level=grid的是true |
|
|
|
|
|
|
|
|
if (element.level === 'grid') { |
|
|
if (element.level === "grid") { |
|
|
element.disabled = false |
|
|
element.disabled = false; |
|
|
} else { |
|
|
} else { |
|
|
element.disabled = true |
|
|
element.disabled = true; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} else { |
|
|
} else { |
|
|
this.resolveAgencyTree(element.subAgencyList) |
|
|
this.resolveAgencyTree(element.subAgencyList); |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
handleChangeAgency () { |
|
|
handleChangeAgency() { |
|
|
console.log(this.$refs["myCascader"].getCheckedNodes()[0].data) |
|
|
console.log(this.$refs["myCascader"].getCheckedNodes()[0].data); |
|
|
this.selGrid = this.$refs["myCascader"].getCheckedNodes()[0].data |
|
|
this.selGrid = this.$refs["myCascader"].getCheckedNodes()[0].data; |
|
|
this.dataForm.agencyId = this.selGrid.pid |
|
|
this.dataForm.agencyId = this.selGrid.pid; |
|
|
this.dataForm.gridId = this.selGrid.agencyId |
|
|
this.dataForm.gridId = this.selGrid.agencyId; |
|
|
this.dataForm.gridName = this.selGrid.agencyName |
|
|
this.dataForm.gridName = this.selGrid.agencyName; |
|
|
this.loadCommunityList() |
|
|
this.loadCommunityList(); |
|
|
this.dataForm.villageId = ''//调动到的小区ID |
|
|
this.dataForm.villageId = ""; //调动到的小区ID |
|
|
this.dataForm.villageName = '' |
|
|
this.dataForm.villageName = ""; |
|
|
this.dataForm.buildId = ''//调动到的楼宇Id |
|
|
this.dataForm.buildId = ""; //调动到的楼宇Id |
|
|
this.dataForm.buildName = '' |
|
|
this.dataForm.buildName = ""; |
|
|
this.dataForm.unitId = ''//调动到的单元Id |
|
|
this.dataForm.unitId = ""; //调动到的单元Id |
|
|
this.dataForm.unitName = '' |
|
|
this.dataForm.unitName = ""; |
|
|
this.dataForm.homeId = '' //调动到的房屋Id |
|
|
this.dataForm.homeId = ""; //调动到的房屋Id |
|
|
this.dataForm.homeName = '' |
|
|
this.dataForm.homeName = ""; |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async loadCommunityList () { |
|
|
async loadCommunityList() { |
|
|
const url = '/gov/org/icneighborhood/neighborhoodoption' |
|
|
const url = "/gov/org/icneighborhood/neighborhoodoption"; |
|
|
|
|
|
|
|
|
let params = { |
|
|
let params = { |
|
|
gridId: this.dataForm.gridId, |
|
|
gridId: this.dataForm.gridId, |
|
|
agencyId: this.dataForm.agencyId |
|
|
agencyId: this.dataForm.agencyId, |
|
|
} |
|
|
}; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
this.communityList = [] |
|
|
this.communityList = []; |
|
|
this.communityList = [...data] |
|
|
this.communityList = [...data]; |
|
|
|
|
|
|
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(msg) |
|
|
this.$message.error(msg); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async handleChangeCommunity (id) { |
|
|
async handleChangeCommunity(id) { |
|
|
// 小区 |
|
|
// 小区 |
|
|
this.communityList.find((item) => { |
|
|
this.communityList.find((item) => { |
|
|
if (item.value === id) { |
|
|
if (item.value === id) { |
|
|
this.dataForm.villageName = item.label |
|
|
this.dataForm.villageName = item.label; |
|
|
} |
|
|
} |
|
|
}) |
|
|
}); |
|
|
|
|
|
|
|
|
const url = '/gov/org/icbuilding/buildingoption' |
|
|
const url = "/gov/org/icbuilding/buildingoption"; |
|
|
|
|
|
|
|
|
let params = { |
|
|
let params = { |
|
|
neighborHoodId: this.dataForm.villageId |
|
|
neighborHoodId: this.dataForm.villageId, |
|
|
} |
|
|
}; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
this.buildingList = [] |
|
|
this.buildingList = []; |
|
|
this.buildingList = [...data] |
|
|
this.buildingList = [...data]; |
|
|
this.dataForm.buildId = ''//调动到的楼宇Id |
|
|
this.dataForm.buildId = ""; //调动到的楼宇Id |
|
|
this.dataForm.unitId = ''//调动到的单元Id |
|
|
this.dataForm.unitId = ""; //调动到的单元Id |
|
|
this.dataForm.homeId = '' //调动到的房屋Id |
|
|
this.dataForm.homeId = ""; //调动到的房屋Id |
|
|
|
|
|
|
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(msg) |
|
|
this.$message.error(msg); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async handleChangeBuilding (id) { |
|
|
async handleChangeBuilding(id) { |
|
|
|
|
|
|
|
|
// 楼号 |
|
|
// 楼号 |
|
|
this.buildingList.find((item) => { |
|
|
this.buildingList.find((item) => { |
|
|
if (item.value === id) { |
|
|
if (item.value === id) { |
|
|
this.dataForm.buildName = item.label |
|
|
this.dataForm.buildName = item.label; |
|
|
} |
|
|
} |
|
|
}) |
|
|
}); |
|
|
|
|
|
|
|
|
const url = '/gov/org/icbuildingunit/unitoption' |
|
|
const url = "/gov/org/icbuildingunit/unitoption"; |
|
|
|
|
|
|
|
|
let params = { |
|
|
let params = { |
|
|
buildingId: this.dataForm.buildId |
|
|
buildingId: this.dataForm.buildId, |
|
|
} |
|
|
}; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
this.unitList = [] |
|
|
this.unitList = []; |
|
|
this.unitList = [...data] |
|
|
this.unitList = [...data]; |
|
|
this.dataForm.unitId = ''//调动到的单元Id |
|
|
this.dataForm.unitId = ""; //调动到的单元Id |
|
|
this.dataForm.homeId = '' //调动到的房屋Id |
|
|
this.dataForm.homeId = ""; //调动到的房屋Id |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(msg) |
|
|
this.$message.error(msg); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async handleChangeUnit (id) { |
|
|
async handleChangeUnit(id) { |
|
|
// 单元号 |
|
|
// 单元号 |
|
|
this.unitList.find((item) => { |
|
|
this.unitList.find((item) => { |
|
|
if (item.value === id) { |
|
|
if (item.value === id) { |
|
|
this.dataForm.unitName = item.label |
|
|
this.dataForm.unitName = item.label; |
|
|
} |
|
|
} |
|
|
}) |
|
|
}); |
|
|
|
|
|
|
|
|
const url = '/gov/org/ichouse/houseoption' |
|
|
const url = "/gov/org/ichouse/houseoption"; |
|
|
|
|
|
|
|
|
let params = { |
|
|
let params = { |
|
|
unitId: this.dataForm.unitId |
|
|
unitId: this.dataForm.unitId, |
|
|
} |
|
|
}; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
this.roomList = [] |
|
|
this.roomList = []; |
|
|
this.roomList = [...data] |
|
|
this.roomList = [...data]; |
|
|
this.dataForm.homeId = '' //调动到的房屋Id |
|
|
this.dataForm.homeId = ""; //调动到的房屋Id |
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(msg) |
|
|
this.$message.error(msg); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async handleChangeHome (id) { |
|
|
async handleChangeHome(id) { |
|
|
// 房屋号 |
|
|
// 房屋号 |
|
|
this.roomList.find((item) => { |
|
|
this.roomList.find((item) => { |
|
|
if (item.value === id) { |
|
|
if (item.value === id) { |
|
|
this.dataForm.homeName = item.label |
|
|
this.dataForm.homeName = item.label; |
|
|
} |
|
|
} |
|
|
}) |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async handleComfirm () { |
|
|
async handleComfirm() { |
|
|
this.btnDisable = true |
|
|
this.btnDisable = true; |
|
|
setTimeout(() => { |
|
|
setTimeout(() => { |
|
|
this.btnDisable = false |
|
|
this.btnDisable = false; |
|
|
}, 2000) |
|
|
}, 2000); |
|
|
this.$refs['ref_form'].validate((valid, messageObj) => { |
|
|
this.$refs["ref_form"].validate((valid, messageObj) => { |
|
|
if (!valid) { |
|
|
if (!valid) { |
|
|
// app.util.validateRule(messageObj) |
|
|
// app.util.validateRule(messageObj) |
|
|
console.log('error submit!') |
|
|
console.log("error submit!"); |
|
|
|
|
|
|
|
|
} else { |
|
|
} else { |
|
|
if (this.dataForm.type === 'in') { |
|
|
if (this.dataForm.type === "in") { |
|
|
if (!this.dataForm.buildId) { |
|
|
if (!this.dataForm.buildId) { |
|
|
this.$message.warning('楼栋') |
|
|
this.$message.warning("楼栋"); |
|
|
return false |
|
|
return false; |
|
|
} |
|
|
} |
|
|
if (!this.dataForm.unitId) { |
|
|
if (!this.dataForm.unitId) { |
|
|
this.$message.warning('请选择单元') |
|
|
this.$message.warning("请选择单元"); |
|
|
return false |
|
|
return false; |
|
|
} |
|
|
} |
|
|
if (!this.dataForm.homeId) { |
|
|
if (!this.dataForm.homeId) { |
|
|
this.$message.warning('请选择房间') |
|
|
this.$message.warning("请选择房间"); |
|
|
return false |
|
|
return false; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
this.saveForm() |
|
|
this.saveForm(); |
|
|
} |
|
|
} |
|
|
|
|
|
}); |
|
|
}) |
|
|
|
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async saveForm () { |
|
|
async saveForm() { |
|
|
|
|
|
|
|
|
// saveOutOfInfo |
|
|
// saveOutOfInfo |
|
|
const url = '/epmetuser/changeRelocation/moveOutHome' |
|
|
const url = "/epmetuser/changeRelocation/moveOutHome"; |
|
|
let noData = new Date() |
|
|
let noData = new Date(); |
|
|
noData = util.dateFormatter(noData, 'time') |
|
|
noData = util.dateFormatter(noData, "time"); |
|
|
this.dataForm.transferTime = noData |
|
|
this.dataForm.transferTime = noData; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, this.dataForm) |
|
|
const { data, code, msg } = await requestPost(url, this.dataForm); |
|
|
|
|
|
|
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
this.$message.success('操作成功') |
|
|
this.$message.success("操作成功"); |
|
|
this.handleCancle() |
|
|
this.handleCancle(); |
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(msg) |
|
|
this.$message.error(msg); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// async saveForm () { |
|
|
// async saveForm () { |
|
|
@ -550,54 +543,52 @@ export default { |
|
|
// } |
|
|
// } |
|
|
// }, |
|
|
// }, |
|
|
|
|
|
|
|
|
handleCancle () { |
|
|
handleCancle() { |
|
|
this.resetData() |
|
|
this.resetData(); |
|
|
this.$emit('dialogCancle') |
|
|
this.$emit("dialogCancle"); |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
resetData () { |
|
|
resetData() { |
|
|
this.dataForm = { |
|
|
this.dataForm = { |
|
|
icUserId: '', // 被调动人ID |
|
|
icUserId: "", // 被调动人ID |
|
|
type: 'in',//操作类型【客户外out,客户内in】 |
|
|
type: "in", //操作类型【客户外out,客户内in】 |
|
|
agencyId: '',//调动到的组织Id |
|
|
agencyId: "", //调动到的组织Id |
|
|
gridId: '',//调动到的网格Id |
|
|
gridId: "", //调动到的网格Id |
|
|
villageId: '',//调动到的小区ID |
|
|
villageId: "", //调动到的小区ID |
|
|
buildId: '',//调动到的楼宇Id |
|
|
buildId: "", //调动到的楼宇Id |
|
|
unitId: '',//调动到的单元Id |
|
|
unitId: "", //调动到的单元Id |
|
|
homeId: '', //调动到的房屋Id |
|
|
homeId: "", //调动到的房屋Id |
|
|
transferTime: '', //调动时间【日期类型】 |
|
|
transferTime: "", //调动时间【日期类型】 |
|
|
reason: '', //备注 |
|
|
reason: "", //备注 |
|
|
outOfTime: '', |
|
|
outOfTime: "", |
|
|
welfareFlag: false |
|
|
welfareFlag: false, |
|
|
} |
|
|
}; |
|
|
|
|
|
|
|
|
this.customerId = ''//客户id |
|
|
this.customerId = ""; //客户id |
|
|
this.userId = ''//操作人员id |
|
|
this.userId = ""; //操作人员id |
|
|
this.gridName = '' |
|
|
this.gridName = ""; |
|
|
this.rootAgency = {} |
|
|
this.rootAgency = {}; |
|
|
|
|
|
|
|
|
this.selGrid = {} |
|
|
this.selGrid = {}; |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
// 开启加载动画 |
|
|
// 开启加载动画 |
|
|
startLoading () { |
|
|
startLoading() { |
|
|
loading = Loading.service({ |
|
|
loading = Loading.service({ |
|
|
lock: true, // 是否锁定 |
|
|
lock: true, // 是否锁定 |
|
|
text: '正在加载……', // 加载中需要显示的文字 |
|
|
text: "正在加载……", // 加载中需要显示的文字 |
|
|
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|
|
background: "rgba(0,0,0,.7)", // 背景颜色 |
|
|
}) |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
// 结束加载动画 |
|
|
// 结束加载动画 |
|
|
endLoading () { |
|
|
endLoading() { |
|
|
// clearTimeout(timer); |
|
|
// clearTimeout(timer); |
|
|
if (loading) { |
|
|
if (loading) { |
|
|
loading.close() |
|
|
loading.close(); |
|
|
} |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
props: {} |
|
|
props: {}, |
|
|
} |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
@import "@/assets/scss/modules/management/edit-main.scss"; |
|
|
@import "@/assets/scss/modules/management/edit-main.scss"; |
|
|
|
jiangyy
3 years ago