dai
4 years ago
31 changed files with 8970 additions and 960 deletions
@ -0,0 +1,649 @@ |
|||
<template> |
|||
<div class="resi-container"> |
|||
<el-card class="resi-card"> |
|||
<el-row class="resi-row-box" :class="openSearch && 'resi-row-more'"> |
|||
<el-row class="resi-row"> |
|||
<el-col :span="6"> |
|||
<div class="resi-cell"> |
|||
<div class="resi-cell-label">所属网格</div> |
|||
<div class="resi-cell-value"> |
|||
<el-select |
|||
v-model.trim="form.GRID_ID" |
|||
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> |
|||
</div> |
|||
</el-col> |
|||
<el-col :span="18"> |
|||
<div class="resi-cell"> |
|||
<div class="resi-cell-label">所属房屋</div> |
|||
<div class="resi-cell-value"> |
|||
<el-select |
|||
v-model.trim="form.VILLAGE_ID" |
|||
placeholder="请选择小区" |
|||
size="small" |
|||
clearable |
|||
class="resi-cell-select" |
|||
@clear="handleClearVillage" |
|||
@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="form.BUILD_ID" |
|||
placeholder="楼号" |
|||
size="small" |
|||
clearable |
|||
style="width: 120px;" |
|||
class="resi-cell-select" |
|||
: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.UNIT_ID" |
|||
:disabled="changeBDisabled" |
|||
placeholder="单元" |
|||
size="small" |
|||
clearable |
|||
style="width: 120px;" |
|||
class="resi-cell-select" |
|||
@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.HOME_ID" |
|||
:disabled="changeDDisabled" |
|||
placeholder="房号" |
|||
size="small" |
|||
clearable |
|||
style="width: 120px;" |
|||
class="resi-cell-select" |
|||
> |
|||
<el-option |
|||
v-for="item in optionsH" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
</div> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row |
|||
v-for="(item, index) in sliceList(formList, 4)" |
|||
:key="index" |
|||
class="resi-row" |
|||
> |
|||
<el-col v-for="n in item" :key="n.id" :span="6"> |
|||
<div class="resi-cell"> |
|||
<div class="resi-cell-label">{{ n.label }}</div> |
|||
<div |
|||
class="resi-cell-value" |
|||
:class="n.itemType === 'radio' && 'resi-cell-value-radio'" |
|||
> |
|||
<el-input |
|||
v-if="n.itemType === 'input' || n.itemType === 'textarea'" |
|||
v-model.trim="form[n.columnName]" |
|||
class="resi-cell-input" |
|||
size="small" |
|||
clearable |
|||
placeholder="请输入内容" |
|||
> |
|||
</el-input> |
|||
<template v-else-if="n.itemType === 'datepicker'"> |
|||
<el-date-picker |
|||
v-if="n.queryType === 'daterange'" |
|||
v-model.trim="form[n.columnName]" |
|||
type="daterange" |
|||
align="right" |
|||
unlink-panels |
|||
range-separator="至" |
|||
start-placeholder="开始日期" |
|||
end-placeholder="结束日期" |
|||
class="resi-cell--daterange" |
|||
size="small" |
|||
format="yyyy-MM-dd" |
|||
value-format="yyyy-MM-dd" |
|||
> |
|||
</el-date-picker> |
|||
<el-date-picker |
|||
v-else |
|||
v-model.trim="form[n.columnName]" |
|||
class="resi-cell-input" |
|||
type="date" |
|||
size="small" |
|||
clearable |
|||
format="yyyy-MM-dd" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期" |
|||
> |
|||
</el-date-picker> |
|||
</template> |
|||
<el-select |
|||
v-else-if="n.itemType === 'select' || n.itemType === 'radio'" |
|||
v-model.trim="form[n.columnName]" |
|||
placeholder="请选择" |
|||
size="small" |
|||
clearable |
|||
class="resi-cell-select" |
|||
> |
|||
<el-option |
|||
v-for="item in n.options" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
<el-cascader |
|||
v-else-if="n.itemType === 'cascader'" |
|||
v-model.trim="form[n.columnName]" |
|||
:options="n.options" |
|||
:props="{ checkStrictly: true }" |
|||
clearable |
|||
size="small" |
|||
class="resi-cell-select" |
|||
> |
|||
</el-cascader> |
|||
</div> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
</el-row> |
|||
<el-row class="resi-search"> |
|||
<!-- <el-col :span="20"> |
|||
<el-button type="primary" size="mini">查询</el-button> |
|||
</el-col> --> |
|||
<el-col :span="24"> |
|||
<el-button type="primary" size="small" @click="handleSearch">查询</el-button> |
|||
<el-button class="diy-button--reset" size="small" @click="resetForm">重置</el-button> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="resi-down" @click="handleOpenSearch"> |
|||
<img v-if="openSearch" src="../../assets/img/arrow-up.png" /> |
|||
<img v-else src="../../assets/img/arrow-down.png" /> |
|||
</div> |
|||
</el-card> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'ResiSearch', |
|||
props: { |
|||
formList: { |
|||
type: Array, |
|||
default: () => [] |
|||
}, |
|||
columnName: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
data() { |
|||
let initForm = (arr, columnName) => { |
|||
let _form = {} |
|||
// console.log('formInfo', obj) |
|||
// if (Object.keys(obj).length > 0) { |
|||
// _form = { ...obj } |
|||
// return _form |
|||
// } |
|||
arr.forEach((item) => { |
|||
if (columnName && columnName === item.columnName) _form[item.columnName] = '1' |
|||
else _form[item.columnName] = '' |
|||
}) |
|||
return _form |
|||
} |
|||
let form = initForm(this.formList, this.columnName) |
|||
let tempFormList = this.formList.map(item => { |
|||
|
|||
return { |
|||
...item, |
|||
isChange: this.columnName && this.columnName === item.columnName ? true : false |
|||
} |
|||
}) |
|||
let constForm = { |
|||
...form, |
|||
GRID_ID: '', |
|||
VILLAGE_ID: '', |
|||
BUILD_ID: '', |
|||
UNIT_ID: '', |
|||
HOME_ID: '' |
|||
} |
|||
return { |
|||
pageLoading: false, |
|||
openSearch: false, |
|||
optionsV: [], |
|||
optionsB: [], |
|||
optionsH: [], |
|||
optionsD: [], |
|||
optionsG: [], |
|||
value: '', |
|||
fixedList: [], |
|||
fixedForm: { |
|||
GRID_ID: '', |
|||
VILLAGE_ID: '', |
|||
BUILD_ID: '', |
|||
UNIT_ID: '', |
|||
HOME_ID: '' |
|||
}, |
|||
constForm, |
|||
form: { |
|||
...form, |
|||
GRID_ID: '', |
|||
VILLAGE_ID: '', |
|||
BUILD_ID: '', |
|||
UNIT_ID: '', |
|||
HOME_ID: '' |
|||
}, |
|||
tempFormList, |
|||
pickerOptions: { |
|||
shortcuts: [ |
|||
{ |
|||
text: '最近一周', |
|||
onClick(picker) { |
|||
const end = new Date() |
|||
const start = new Date() |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7) |
|||
picker.$emit('pick', [start, end]) |
|||
} |
|||
}, |
|||
{ |
|||
text: '最近一个月', |
|||
onClick(picker) { |
|||
const end = new Date() |
|||
const start = new Date() |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30) |
|||
picker.$emit('pick', [start, end]) |
|||
} |
|||
}, |
|||
{ |
|||
text: '最近三个月', |
|||
onClick(picker) { |
|||
const end = new Date() |
|||
const start = new Date() |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90) |
|||
picker.$emit('pick', [start, end]) |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
sliceList() { |
|||
return function (data, count) { |
|||
if (data !== undefined) { |
|||
let index = 0 |
|||
let arrTemp = [] |
|||
for (let i = 0; i < data.length; i++) { |
|||
index = parseInt(i / count) |
|||
if (arrTemp.length <= index) { |
|||
arrTemp.push([]) |
|||
} |
|||
arrTemp[index].push(data[i]) |
|||
} |
|||
return arrTemp |
|||
} |
|||
} |
|||
}, |
|||
changeVDisabled() { |
|||
return !this.form.VILLAGE_ID |
|||
}, |
|||
changeBDisabled() { |
|||
return !this.form.BUILD_ID |
|||
}, |
|||
changeDDisabled() { |
|||
return !this.form.UNIT_ID |
|||
} |
|||
}, |
|||
watch: { |
|||
form: { |
|||
handler(val, val2) { |
|||
// console.log('valpppp----', val, val2) |
|||
for (let n in val) { |
|||
if (this.constForm[n] !== val[n]) { |
|||
this.handleChangeForm(n) |
|||
console.log('nnnnnn', n) |
|||
} |
|||
} |
|||
this.constForm = { ...val } |
|||
}, |
|||
deep: true |
|||
} |
|||
}, |
|||
created() { |
|||
// this.initForm() |
|||
// console.log('formcccc---', this.form) |
|||
this.getGridList() |
|||
this.getValiheList() |
|||
if (this.columnName) this.handleChangeForm(this.columnName) |
|||
}, |
|||
methods: { |
|||
initForm() { |
|||
this.formList.forEach((item) => { |
|||
this.$set(this.form, item.columnName, '') |
|||
}) |
|||
console.log('formcccc---', this.form) |
|||
}, |
|||
handleClearVillage() { |
|||
this.form.BUILD_ID = '' |
|||
this.form.HOME_ID = '' |
|||
}, |
|||
handleClearBuild() { |
|||
this.form.BUILD_ID = '' |
|||
this.form.UNIT_ID = '' |
|||
this.form.HOME_ID = '' |
|||
}, |
|||
handleClearDan() { |
|||
this.form.UNIT_ID = '' |
|||
this.form.HOME_ID = '' |
|||
}, |
|||
resetForm(formName) { |
|||
for(const n in this.form) { |
|||
this.form[n] = '' |
|||
} |
|||
this.handleSearch() |
|||
}, |
|||
handleSearch() { |
|||
// console.log('formmmmm---', this.form) |
|||
const itemTypes = ['daterange', 'timerange'] |
|||
let arr = this.tempFormList |
|||
.filter((n) => n.isChange) |
|||
.map((item) => { |
|||
return { |
|||
queryType: item.queryType, |
|||
tableName: item.tableName, |
|||
columnName: item.columnName, |
|||
// columnValue: [] |
|||
columnValue: |
|||
itemTypes.includes(item.queryType) || |
|||
itemTypes.includes(item.itemType) |
|||
? this.form[item.columnName] |
|||
: [this.form[item.columnName].toString()] |
|||
} |
|||
}) |
|||
let arr1 = this.fixedList |
|||
.filter((n) => n.columnValue.length > 0) |
|||
.map((item) => { |
|||
return { |
|||
...item |
|||
} |
|||
}) |
|||
let arr3 = [...arr1, ...arr] |
|||
this.$emit('search', arr3) |
|||
}, |
|||
handleOpenSearch() { |
|||
this.openSearch = !this.openSearch |
|||
}, |
|||
handleChangeGrid(val) { |
|||
console.log('val', val) |
|||
this.form.VILLAGE_ID = '' |
|||
this.form.BUILD_ID = '' |
|||
this.form.UNIT_ID = '' |
|||
this.form.HOME_ID = '' |
|||
this.getValiheList() |
|||
}, |
|||
handleChangeV(val) { |
|||
console.log('val', val) |
|||
this.form.BUILD_ID = '' |
|||
this.form.UNIT_ID = '' |
|||
this.form.HOME_ID = '' |
|||
this.getBuildList() |
|||
}, |
|||
handleChangeB(val) { |
|||
console.log('val', val) |
|||
this.form.UNIT_ID = '' |
|||
this.form.HOME_ID = '' |
|||
this.getUniList() |
|||
}, |
|||
handleChangeD(val) { |
|||
console.log('val', val) |
|||
this.form.HOME_ID = '' |
|||
this.getHouseList() |
|||
}, |
|||
// 监听基础form |
|||
handleChangeForm(val) { |
|||
for (let n in this.fixedForm) { |
|||
if (n === val) { |
|||
if (this.fixedList.length > 0) { |
|||
let _item = {} |
|||
let hasVal = false |
|||
this.fixedList.forEach((item, index) => { |
|||
if (item.columnName == val) { |
|||
hasVal = true |
|||
item.columnValue[0] = this.form[val] |
|||
if (!this.form[val]) this.fixedList.splice(index, 1) |
|||
console.log('fixedList----val', this.fixedList) |
|||
} else { |
|||
_item = { |
|||
queryType: 'equal', |
|||
tableName: 'ic_resi_user', |
|||
columnName: val, |
|||
columnValue: [this.form[val]] |
|||
} |
|||
console.log('fixedList----else', _item) |
|||
// this.$set(this.fixedList, index, _item) |
|||
} |
|||
}) |
|||
if (Object.keys(_item).length > 0 && !hasVal) this.fixedList.push(_item) |
|||
} else { |
|||
this.$set(this.fixedList, 0, { |
|||
queryType: 'equal', |
|||
tableName: 'ic_resi_user', |
|||
columnName: val, |
|||
columnValue: [this.form[val]] |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
console.log('fixedList----999', this.fixedList) |
|||
this.tempFormList.forEach((item) => { |
|||
if (item.columnName === val) item.isChange = true |
|||
}) |
|||
}, |
|||
getGridList() { |
|||
const { user } = this.$store.state |
|||
this.$http |
|||
.post('/gov/org/customergrid/gridoption', { agencyId: user.agencyId, purpose: 'query' }) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsG = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getValiheList() { |
|||
const { user } = this.$store.state |
|||
this.$http |
|||
.post('/gov/org/icneighborhood/neighborhoodoption', { |
|||
gridId: this.form.GRID_ID, |
|||
agencyId: '' |
|||
// agencyId: user.agencyId |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsV = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getBuildList() { |
|||
this.$http |
|||
.post('/gov/org/icbuilding/buildingoption', { |
|||
neighborHoodId: this.form.VILLAGE_ID |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsB = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getUniList() { |
|||
this.$http |
|||
.post('/gov/org/icbuildingunit/unitoption', { |
|||
buildingId: this.form.BUILD_ID |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsD = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getHouseList() { |
|||
this.$http |
|||
.post('/gov/org/ichouse/houseoption', { unitId: this.form.UNIT_ID }) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsH = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scope> |
|||
.resi-container .resi-card { |
|||
position: relative; |
|||
overflow: visible; |
|||
} |
|||
.resi-down { |
|||
position: absolute; |
|||
left: 50%; |
|||
bottom: -10px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
width: 46px; |
|||
height: 12px; |
|||
box-sizing: border-box; |
|||
margin-left: -23rpx; |
|||
cursor: pointer; |
|||
background: #ffffff; |
|||
border-radius: 0 0 10px 10px; |
|||
img { |
|||
display: block; |
|||
} |
|||
} |
|||
.resi-row-box { |
|||
height: 104px; |
|||
overflow: hidden; |
|||
transition: height 0.5s; |
|||
} |
|||
.resi-row-more { |
|||
height: max-content; |
|||
transition: height 0.5s; |
|||
} |
|||
.resi-row { |
|||
margin-bottom: 20px; |
|||
} |
|||
.resi-search { |
|||
// padding-right: 20px; |
|||
.el-col { |
|||
text-align: right; |
|||
} |
|||
} |
|||
.resi-container .resi-cell { |
|||
display: flex; |
|||
align-items: center; |
|||
.resi-cell-label { |
|||
flex-shrink: 0; |
|||
width: 70px; |
|||
box-sizing: border-box; |
|||
margin-right: 15px; |
|||
text-align: right; |
|||
// line-height: 32; |
|||
} |
|||
.resi-cell-value-radio { |
|||
display: flex; |
|||
align-items: center; |
|||
min-height: 32px; |
|||
} |
|||
.resi-cell-input { |
|||
width: 200px; |
|||
} |
|||
.resi-cell--daterange { |
|||
width: 200px; |
|||
} |
|||
.resi-cell-select { |
|||
width: 200px; |
|||
box-sizing: border-box; |
|||
margin-right: 10px; |
|||
&-middle { |
|||
width: 130px; |
|||
} |
|||
&-small { |
|||
width: 88px; |
|||
} |
|||
} |
|||
.resi-cell-select:last-child { |
|||
margin-right: 0; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,649 @@ |
|||
<template> |
|||
<div class="resi-container"> |
|||
<el-card class="resi-card"> |
|||
<el-row class="resi-row-box" :class="openSearch && 'resi-row-more'"> |
|||
<el-row class="resi-row"> |
|||
<el-col :span="6"> |
|||
<div class="resi-cell"> |
|||
<div class="resi-cell-label">所属网格</div> |
|||
<div class="resi-cell-value"> |
|||
<el-select |
|||
v-model.trim="form.GRID_ID" |
|||
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> |
|||
</div> |
|||
</el-col> |
|||
<el-col :span="18"> |
|||
<div class="resi-cell"> |
|||
<div class="resi-cell-label">所属房屋</div> |
|||
<div class="resi-cell-value"> |
|||
<el-select |
|||
v-model.trim="form.VILLAGE_ID" |
|||
placeholder="请选择小区" |
|||
size="small" |
|||
clearable |
|||
class="resi-cell-select" |
|||
@clear="handleClearVillage" |
|||
@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="form.BUILD_ID" |
|||
placeholder="楼号" |
|||
size="small" |
|||
clearable |
|||
style="width: 120px;" |
|||
class="resi-cell-select" |
|||
: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.UNIT_ID" |
|||
:disabled="changeBDisabled" |
|||
placeholder="单元" |
|||
size="small" |
|||
clearable |
|||
style="width: 120px;" |
|||
class="resi-cell-select" |
|||
@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.HOME_ID" |
|||
:disabled="changeDDisabled" |
|||
placeholder="房号" |
|||
size="small" |
|||
clearable |
|||
style="width: 120px;" |
|||
class="resi-cell-select" |
|||
> |
|||
<el-option |
|||
v-for="item in optionsH" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
</div> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row |
|||
v-for="(item, index) in sliceList(formList, 4)" |
|||
:key="index" |
|||
class="resi-row" |
|||
> |
|||
<el-col v-for="n in item" :key="n.id" :span="6"> |
|||
<div class="resi-cell"> |
|||
<div class="resi-cell-label">{{ n.label }}</div> |
|||
<div |
|||
class="resi-cell-value" |
|||
:class="n.itemType === 'radio' && 'resi-cell-value-radio'" |
|||
> |
|||
<el-input |
|||
v-if="n.itemType === 'input' || n.itemType === 'textarea'" |
|||
v-model.trim="form[n.columnName]" |
|||
class="resi-cell-input" |
|||
size="small" |
|||
clearable |
|||
placeholder="请输入内容" |
|||
> |
|||
</el-input> |
|||
<template v-else-if="n.itemType === 'datepicker'"> |
|||
<el-date-picker |
|||
v-if="n.queryType === 'daterange'" |
|||
v-model.trim="form[n.columnName]" |
|||
type="daterange" |
|||
align="right" |
|||
unlink-panels |
|||
range-separator="至" |
|||
start-placeholder="开始日期" |
|||
end-placeholder="结束日期" |
|||
class="resi-cell--daterange" |
|||
size="small" |
|||
format="yyyy-MM-dd" |
|||
value-format="yyyy-MM-dd" |
|||
> |
|||
</el-date-picker> |
|||
<el-date-picker |
|||
v-else |
|||
v-model.trim="form[n.columnName]" |
|||
class="resi-cell-input" |
|||
type="date" |
|||
size="small" |
|||
clearable |
|||
format="yyyy-MM-dd" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期" |
|||
> |
|||
</el-date-picker> |
|||
</template> |
|||
<el-select |
|||
v-else-if="n.itemType === 'select' || n.itemType === 'radio'" |
|||
v-model.trim="form[n.columnName]" |
|||
placeholder="请选择" |
|||
size="small" |
|||
clearable |
|||
class="resi-cell-select" |
|||
> |
|||
<el-option |
|||
v-for="item in n.options" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
<el-cascader |
|||
v-else-if="n.itemType === 'cascader'" |
|||
v-model.trim="form[n.columnName]" |
|||
:options="n.options" |
|||
:props="{ checkStrictly: true }" |
|||
clearable |
|||
size="small" |
|||
class="resi-cell-select" |
|||
> |
|||
</el-cascader> |
|||
</div> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
</el-row> |
|||
<el-row class="resi-search"> |
|||
<!-- <el-col :span="20"> |
|||
<el-button type="primary" size="mini">查询</el-button> |
|||
</el-col> --> |
|||
<el-col :span="24"> |
|||
<el-button type="primary" size="small" @click="handleSearch">查询</el-button> |
|||
<el-button class="diy-button--reset" size="small" @click="resetForm">重置</el-button> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="resi-down" @click="handleOpenSearch"> |
|||
<img v-if="openSearch" src="../../assets/img/arrow-up.png" /> |
|||
<img v-else src="../../assets/img/arrow-down.png" /> |
|||
</div> |
|||
</el-card> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'DeathSearch', |
|||
props: { |
|||
formList: { |
|||
type: Array, |
|||
default: () => [] |
|||
}, |
|||
columnName: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
data() { |
|||
let initForm = (arr, columnName) => { |
|||
let _form = {} |
|||
// console.log('formInfo', obj) |
|||
// if (Object.keys(obj).length > 0) { |
|||
// _form = { ...obj } |
|||
// return _form |
|||
// } |
|||
arr.forEach((item) => { |
|||
if (columnName && columnName === item.columnName) _form[item.columnName] = '1' |
|||
else _form[item.columnName] = '' |
|||
}) |
|||
return _form |
|||
} |
|||
let form = initForm(this.formList, this.columnName) |
|||
let tempFormList = this.formList.map(item => { |
|||
|
|||
return { |
|||
...item, |
|||
isChange: this.columnName && this.columnName === item.columnName ? true : false |
|||
} |
|||
}) |
|||
let constForm = { |
|||
...form, |
|||
GRID_ID: '', |
|||
VILLAGE_ID: '', |
|||
BUILD_ID: '', |
|||
UNIT_ID: '', |
|||
HOME_ID: '' |
|||
} |
|||
return { |
|||
pageLoading: false, |
|||
openSearch: false, |
|||
optionsV: [], |
|||
optionsB: [], |
|||
optionsH: [], |
|||
optionsD: [], |
|||
optionsG: [], |
|||
value: '', |
|||
fixedList: [], |
|||
fixedForm: { |
|||
GRID_ID: '', |
|||
VILLAGE_ID: '', |
|||
BUILD_ID: '', |
|||
UNIT_ID: '', |
|||
HOME_ID: '' |
|||
}, |
|||
constForm, |
|||
form: { |
|||
...form, |
|||
GRID_ID: '', |
|||
VILLAGE_ID: '', |
|||
BUILD_ID: '', |
|||
UNIT_ID: '', |
|||
HOME_ID: '' |
|||
}, |
|||
tempFormList, |
|||
pickerOptions: { |
|||
shortcuts: [ |
|||
{ |
|||
text: '最近一周', |
|||
onClick(picker) { |
|||
const end = new Date() |
|||
const start = new Date() |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7) |
|||
picker.$emit('pick', [start, end]) |
|||
} |
|||
}, |
|||
{ |
|||
text: '最近一个月', |
|||
onClick(picker) { |
|||
const end = new Date() |
|||
const start = new Date() |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30) |
|||
picker.$emit('pick', [start, end]) |
|||
} |
|||
}, |
|||
{ |
|||
text: '最近三个月', |
|||
onClick(picker) { |
|||
const end = new Date() |
|||
const start = new Date() |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90) |
|||
picker.$emit('pick', [start, end]) |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
sliceList() { |
|||
return function (data, count) { |
|||
if (data !== undefined) { |
|||
let index = 0 |
|||
let arrTemp = [] |
|||
for (let i = 0; i < data.length; i++) { |
|||
index = parseInt(i / count) |
|||
if (arrTemp.length <= index) { |
|||
arrTemp.push([]) |
|||
} |
|||
arrTemp[index].push(data[i]) |
|||
} |
|||
return arrTemp |
|||
} |
|||
} |
|||
}, |
|||
changeVDisabled() { |
|||
return !this.form.VILLAGE_ID |
|||
}, |
|||
changeBDisabled() { |
|||
return !this.form.BUILD_ID |
|||
}, |
|||
changeDDisabled() { |
|||
return !this.form.UNIT_ID |
|||
} |
|||
}, |
|||
watch: { |
|||
form: { |
|||
handler(val, val2) { |
|||
// console.log('valpppp----', val, val2) |
|||
for (let n in val) { |
|||
if (this.constForm[n] !== val[n]) { |
|||
this.handleChangeForm(n) |
|||
console.log('nnnnnn', n) |
|||
} |
|||
} |
|||
this.constForm = { ...val } |
|||
}, |
|||
deep: true |
|||
} |
|||
}, |
|||
created() { |
|||
// this.initForm() |
|||
// console.log('formcccc---', this.form) |
|||
this.getGridList() |
|||
this.getValiheList() |
|||
if (this.columnName) this.handleChangeForm(this.columnName) |
|||
}, |
|||
methods: { |
|||
initForm() { |
|||
this.formList.forEach((item) => { |
|||
this.$set(this.form, item.columnName, '') |
|||
}) |
|||
console.log('formcccc---', this.form) |
|||
}, |
|||
handleClearVillage() { |
|||
this.form.BUILD_ID = '' |
|||
this.form.HOME_ID = '' |
|||
}, |
|||
handleClearBuild() { |
|||
this.form.BUILD_ID = '' |
|||
this.form.UNIT_ID = '' |
|||
this.form.HOME_ID = '' |
|||
}, |
|||
handleClearDan() { |
|||
this.form.UNIT_ID = '' |
|||
this.form.HOME_ID = '' |
|||
}, |
|||
resetForm(formName) { |
|||
for(const n in this.form) { |
|||
this.form[n] = '' |
|||
} |
|||
this.handleSearch() |
|||
}, |
|||
handleSearch() { |
|||
// console.log('formmmmm---', this.form) |
|||
const itemTypes = ['daterange', 'timerange'] |
|||
let arr = this.tempFormList |
|||
.filter((n) => n.isChange) |
|||
.map((item) => { |
|||
return { |
|||
queryType: item.queryType, |
|||
tableName: item.tableName, |
|||
columnName: item.columnName, |
|||
// columnValue: [] |
|||
columnValue: |
|||
itemTypes.includes(item.queryType) || |
|||
itemTypes.includes(item.itemType) |
|||
? this.form[item.columnName] |
|||
: [this.form[item.columnName].toString()] |
|||
} |
|||
}) |
|||
let arr1 = this.fixedList |
|||
.filter((n) => n.columnValue.length > 0) |
|||
.map((item) => { |
|||
return { |
|||
...item |
|||
} |
|||
}) |
|||
let arr3 = [...arr1, ...arr] |
|||
this.$emit('search', arr3) |
|||
}, |
|||
handleOpenSearch() { |
|||
this.openSearch = !this.openSearch |
|||
}, |
|||
handleChangeGrid(val) { |
|||
console.log('val', val) |
|||
this.form.VILLAGE_ID = '' |
|||
this.form.BUILD_ID = '' |
|||
this.form.UNIT_ID = '' |
|||
this.form.HOME_ID = '' |
|||
this.getValiheList() |
|||
}, |
|||
handleChangeV(val) { |
|||
console.log('val', val) |
|||
this.form.BUILD_ID = '' |
|||
this.form.UNIT_ID = '' |
|||
this.form.HOME_ID = '' |
|||
this.getBuildList() |
|||
}, |
|||
handleChangeB(val) { |
|||
console.log('val', val) |
|||
this.form.UNIT_ID = '' |
|||
this.form.HOME_ID = '' |
|||
this.getUniList() |
|||
}, |
|||
handleChangeD(val) { |
|||
console.log('val', val) |
|||
this.form.HOME_ID = '' |
|||
this.getHouseList() |
|||
}, |
|||
// 监听基础form |
|||
handleChangeForm(val) { |
|||
for (let n in this.fixedForm) { |
|||
if (n === val) { |
|||
if (this.fixedList.length > 0) { |
|||
let _item = {} |
|||
let hasVal = false |
|||
this.fixedList.forEach((item, index) => { |
|||
if (item.columnName == val) { |
|||
hasVal = true |
|||
item.columnValue[0] = this.form[val] |
|||
if (!this.form[val]) this.fixedList.splice(index, 1) |
|||
console.log('fixedList----val', this.fixedList) |
|||
} else { |
|||
_item = { |
|||
queryType: 'equal', |
|||
tableName: 'ic_resi_user', |
|||
columnName: val, |
|||
columnValue: [this.form[val]] |
|||
} |
|||
console.log('fixedList----else', _item) |
|||
// this.$set(this.fixedList, index, _item) |
|||
} |
|||
}) |
|||
if (Object.keys(_item).length > 0 && !hasVal) this.fixedList.push(_item) |
|||
} else { |
|||
this.$set(this.fixedList, 0, { |
|||
queryType: 'equal', |
|||
tableName: 'ic_resi_user', |
|||
columnName: val, |
|||
columnValue: [this.form[val]] |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
console.log('fixedList----999', this.fixedList) |
|||
this.tempFormList.forEach((item) => { |
|||
if (item.columnName === val) item.isChange = true |
|||
}) |
|||
}, |
|||
getGridList() { |
|||
const { user } = this.$store.state |
|||
this.$http |
|||
.post('/gov/org/customergrid/gridoption', { agencyId: user.agencyId, purpose: 'query' }) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsG = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getValiheList() { |
|||
const { user } = this.$store.state |
|||
this.$http |
|||
.post('/gov/org/icneighborhood/neighborhoodoption', { |
|||
gridId: this.form.GRID_ID, |
|||
agencyId: '' |
|||
// agencyId: user.agencyId |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsV = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getBuildList() { |
|||
this.$http |
|||
.post('/gov/org/icbuilding/buildingoption', { |
|||
neighborHoodId: this.form.VILLAGE_ID |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsB = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getUniList() { |
|||
this.$http |
|||
.post('/gov/org/icbuildingunit/unitoption', { |
|||
buildingId: this.form.BUILD_ID |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsD = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getHouseList() { |
|||
this.$http |
|||
.post('/gov/org/ichouse/houseoption', { unitId: this.form.UNIT_ID }) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsH = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scope> |
|||
.resi-container .resi-card { |
|||
position: relative; |
|||
overflow: visible; |
|||
} |
|||
.resi-down { |
|||
position: absolute; |
|||
left: 50%; |
|||
bottom: -10px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
width: 46px; |
|||
height: 12px; |
|||
box-sizing: border-box; |
|||
margin-left: -23rpx; |
|||
cursor: pointer; |
|||
background: #ffffff; |
|||
border-radius: 0 0 10px 10px; |
|||
img { |
|||
display: block; |
|||
} |
|||
} |
|||
.resi-row-box { |
|||
height: 104px; |
|||
overflow: hidden; |
|||
transition: height 0.5s; |
|||
} |
|||
.resi-row-more { |
|||
height: max-content; |
|||
transition: height 0.5s; |
|||
} |
|||
.resi-row { |
|||
margin-bottom: 20px; |
|||
} |
|||
.resi-search { |
|||
// padding-right: 20px; |
|||
.el-col { |
|||
text-align: right; |
|||
} |
|||
} |
|||
.resi-container .resi-cell { |
|||
display: flex; |
|||
align-items: center; |
|||
.resi-cell-label { |
|||
flex-shrink: 0; |
|||
width: 70px; |
|||
box-sizing: border-box; |
|||
margin-right: 15px; |
|||
text-align: right; |
|||
// line-height: 32; |
|||
} |
|||
.resi-cell-value-radio { |
|||
display: flex; |
|||
align-items: center; |
|||
min-height: 32px; |
|||
} |
|||
.resi-cell-input { |
|||
width: 200px; |
|||
} |
|||
.resi-cell--daterange { |
|||
width: 200px; |
|||
} |
|||
.resi-cell-select { |
|||
width: 200px; |
|||
box-sizing: border-box; |
|||
margin-right: 10px; |
|||
&-middle { |
|||
width: 130px; |
|||
} |
|||
&-small { |
|||
width: 88px; |
|||
} |
|||
} |
|||
.resi-cell-select:last-child { |
|||
margin-right: 0; |
|||
} |
|||
} |
|||
</style> |
|||
File diff suppressed because it is too large
@ -0,0 +1,841 @@ |
|||
<template> |
|||
<div> |
|||
<div class="dialog-h-content scroll-h"> |
|||
<el-form |
|||
ref="ref_form" |
|||
:inline="true" |
|||
:model="fmData" |
|||
:rules="dataRule" |
|||
:disabled="formType === 'detail'" |
|||
class="form" |
|||
> |
|||
<el-form-item |
|||
label="所属网格 " |
|||
prop="gridId" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-select |
|||
v-model.trim="fmData.gridId" |
|||
placeholder="请选择" |
|||
size="small" |
|||
clearable |
|||
class="resi-cell-select" |
|||
@change="handleChangeGrid" |
|||
style="width: 250px" |
|||
> |
|||
<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="所属房屋 " |
|||
prop="homeId" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-select |
|||
v-model.trim="fmData.villageId" |
|||
placeholder="请选择小区" |
|||
size="small" |
|||
clearable |
|||
class="resi-cell-select" |
|||
@clear="handleClearVillage" |
|||
@change="handleChangeV" |
|||
style="margin-right: 8px; width: 120px" |
|||
> |
|||
<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 |
|||
style="margin-right: 8px; width: 120px" |
|||
class="resi-cell-select" |
|||
: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="fmData.unitId" |
|||
:disabled="changeBDisabled" |
|||
placeholder="单元" |
|||
size="small" |
|||
clearable |
|||
style="margin-right: 8px; width: 120px" |
|||
class="resi-cell-select" |
|||
@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="fmData.homeId" |
|||
:disabled="changeDDisabled" |
|||
placeholder="房号" |
|||
size="small" |
|||
clearable |
|||
@change="handleChangeH" |
|||
style="width: 120px" |
|||
class="resi-cell-select" |
|||
> |
|||
<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" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-input |
|||
class="item_width_1" |
|||
maxlength="50" |
|||
show-word-limit |
|||
style="width: 200px; margin-right: 20px" |
|||
placeholder="请输入姓名 " |
|||
v-model="fmData.name" |
|||
> |
|||
</el-input> |
|||
|
|||
<el-checkbox v-model="fmData.isWelfare" true-label="1" false-label="0" |
|||
>享受福利</el-checkbox |
|||
> |
|||
<el-checkbox |
|||
v-model="fmData.isResiUser" |
|||
true-label="1" |
|||
false-label="0" |
|||
@change="checkResiAvailable" |
|||
>补充居民信息</el-checkbox |
|||
> |
|||
</el-form-item> |
|||
|
|||
<el-form-item |
|||
label="手机号" |
|||
prop="mobile" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-input |
|||
class="item_width_1" |
|||
type="number" |
|||
maxlength="50" |
|||
show-word-limit |
|||
placeholder="请输入手机号 " |
|||
v-model="fmData.mobile" |
|||
> |
|||
</el-input> |
|||
</el-form-item> |
|||
|
|||
<el-form-item |
|||
label="身份证号" |
|||
prop="idCard" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-input |
|||
class="item_width_1" |
|||
placeholder="请输入身份证号" |
|||
v-model="fmData.idCard" |
|||
@blur="handleBlurId" |
|||
></el-input> |
|||
</el-form-item> |
|||
|
|||
<el-form-item |
|||
label="性别" |
|||
prop="principalName" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-select |
|||
v-model.trim="fmData.gender" |
|||
placeholder="性别" |
|||
size="small" |
|||
clearable |
|||
style="width: 120px" |
|||
class="resi-cell-select" |
|||
> |
|||
<el-option |
|||
v-for="item in optionsGender" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
|
|||
<el-form-item |
|||
label="出生日期" |
|||
prop="birthday" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-date-picker |
|||
v-model="fmData.birthday" |
|||
type="date" |
|||
placeholder="出生日期" |
|||
value-format="yyyy-MM-dd" |
|||
> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
|
|||
<el-form-item |
|||
label="出生地" |
|||
prop="birthplace" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-input |
|||
class="item_width_1" |
|||
maxlength="50" |
|||
show-word-limit |
|||
placeholder="请输入出生地" |
|||
v-model="fmData.birthplace" |
|||
> |
|||
</el-input> |
|||
</el-form-item> |
|||
|
|||
<el-form-item |
|||
label="出生人父亲姓名" |
|||
prop="father" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-input |
|||
class="item_width_1" |
|||
maxlength="50" |
|||
show-word-limit |
|||
placeholder="请输入出生人父亲姓名" |
|||
v-model="fmData.father" |
|||
> |
|||
</el-input> |
|||
</el-form-item> |
|||
|
|||
<el-form-item |
|||
label="出生人母亲姓名" |
|||
prop="mother" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-input |
|||
class="item_width_1" |
|||
maxlength="50" |
|||
show-word-limit |
|||
placeholder="请输入出生人母亲姓名" |
|||
v-model="fmData.mother" |
|||
> |
|||
</el-input> |
|||
</el-form-item> |
|||
|
|||
<el-form-item |
|||
label="胎次" |
|||
prop="count" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-input-number |
|||
v-model="fmData.count" |
|||
:min="1" |
|||
:max="50" |
|||
label="请输入胎次" |
|||
></el-input-number> |
|||
</el-form-item> |
|||
|
|||
<el-form-item |
|||
label="申报户口日期" |
|||
prop="reportDate" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-date-picker |
|||
v-model="fmData.reportDate" |
|||
placeholder="申报户口日期" |
|||
value-format="yyyy-MM-dd" |
|||
> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
|
|||
<el-form-item |
|||
label="户主姓名" |
|||
prop="houseHolderName" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-input |
|||
class="item_width_1" |
|||
maxlength="50" |
|||
show-word-limit |
|||
placeholder="请输入户主姓名" |
|||
:disabled="fmData.alreadyHaveMaster" |
|||
v-model="fmData.houseHolderName" |
|||
> |
|||
</el-input> |
|||
</el-form-item> |
|||
|
|||
<el-form-item |
|||
label="与户主关系" |
|||
prop="houseHolderRelation" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-select |
|||
v-model.trim="fmData.houseHolderRelation" |
|||
placeholder="与户主关系" |
|||
size="small" |
|||
clearable |
|||
style="width: 120px" |
|||
class="resi-cell-select" |
|||
> |
|||
<el-option |
|||
v-for="item in optionsRelation" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
|
|||
<el-form-item |
|||
v-if="false" |
|||
label="备注" |
|||
prop="remark" |
|||
label-width="150px" |
|||
style="display: block" |
|||
> |
|||
<el-input |
|||
class="item_width_1" |
|||
type="textarea" |
|||
maxlength="500" |
|||
show-word-limit |
|||
:rows="3" |
|||
placeholder="请输入备注，不超过500字" |
|||
v-model="fmData.remark" |
|||
></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
<div class="div_btn resi-btns"> |
|||
<el-button size="small" @click="handleCancle">取 消</el-button> |
|||
<el-button |
|||
v-if="formType != 'detail'" |
|||
type="primary" |
|||
size="small" |
|||
:disabled="btnDisable" |
|||
@click="handleComfirm" |
|||
>确 定</el-button |
|||
> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from "vuex"; |
|||
import { Loading } from "element-ui"; // 引入Loading服务 |
|||
import { requestPost } from "@/js/dai/request"; |
|||
import formVltHelper from "dai-js/tools/formVltHelper"; |
|||
import { computedCard } from "@/utils/index"; |
|||
import { isCard, isMobile } from "@/utils/validate"; |
|||
|
|||
var map; |
|||
var search; |
|||
var markers; |
|||
var infoWindowList; |
|||
let loading; // 加载动画 |
|||
|
|||
function iniFmData() { |
|||
return { |
|||
gridId: "", |
|||
villageId: "", |
|||
buildId: "", |
|||
unitId: "", |
|||
homeId: "", |
|||
name: "", |
|||
mobile: "", |
|||
idCard: "", |
|||
isWelfare: "0", //福利0否，1是 |
|||
isResiUser: "0", |
|||
gender: "", |
|||
birthplace: "", |
|||
father: "", |
|||
mother: "", |
|||
count: "", |
|||
reportDate: "", |
|||
houseHolderName: "", |
|||
houseHolderRelation: "", |
|||
alreadyHaveMaster: false, |
|||
}; |
|||
} |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
formType: "add", //表单操作类型 add新增，edit编辑，detail详情 |
|||
|
|||
btnDisable: false, |
|||
|
|||
optionsV: [], |
|||
optionsB: [], |
|||
optionsH: [], |
|||
optionsD: [], |
|||
optionsG: [], |
|||
optionsGender: [ |
|||
{ |
|||
value: "1", |
|||
label: "男", |
|||
}, |
|||
{ |
|||
value: "2", |
|||
label: "女", |
|||
}, |
|||
], |
|||
optionsRelation: [], |
|||
|
|||
fmData: iniFmData(), |
|||
}; |
|||
}, |
|||
components: {}, |
|||
computed: { |
|||
dataRule() { |
|||
let checkIdCard = (rule, value, callback) => { |
|||
if (value === "") { |
|||
callback(new Error("请输入身份证")); |
|||
} else { |
|||
if (!isCard(value)) { |
|||
callback(new Error("身份证号格式不正确")); |
|||
} |
|||
callback(); |
|||
} |
|||
}; |
|||
|
|||
return { |
|||
gridId: [ |
|||
{ required: true, message: "所属网格不能为空", trigger: "blur" }, |
|||
], |
|||
homeId: [ |
|||
{ required: true, message: "所属房屋不能为空", trigger: "blur" }, |
|||
], |
|||
name: [{ required: true, message: "姓名不能为空", trigger: "blur" }], |
|||
idCard: [ |
|||
{ required: true, message: "身份证号不能为空", trigger: "blur" }, |
|||
{ required: true, validator: checkIdCard, trigger: "blur" }, |
|||
], |
|||
birthplace: [ |
|||
{ required: true, message: "出生地不能为空", trigger: "blur" }, |
|||
], |
|||
}; |
|||
}, |
|||
|
|||
changeVDisabled() { |
|||
return !this.fmData.villageId; |
|||
}, |
|||
changeBDisabled() { |
|||
return !this.fmData.buildId; |
|||
}, |
|||
changeDDisabled() { |
|||
return !this.fmData.unitId; |
|||
}, |
|||
}, |
|||
props: {}, |
|||
watch: {}, |
|||
|
|||
async mounted() { |
|||
this.getGridList(); |
|||
this.getValiheList(); |
|||
this.getRelationList(); |
|||
}, |
|||
|
|||
methods: { |
|||
async checkResiAvailable() { |
|||
const { |
|||
fmData: { idCard, isResiUser }, |
|||
} = this; |
|||
if (isResiUser == "1" && isCard(idCard)) { |
|||
const { data, code, msg } = await requestPost( |
|||
"/epmetuser/icresiuser/checkuser", |
|||
{ |
|||
idCard, |
|||
agencyId: this.$store.state.user.agencyId, |
|||
} |
|||
); |
|||
if (code === 0) { |
|||
if (!data.moveInstatus) { |
|||
this.$message({ |
|||
type: "error", |
|||
message: `请联系${data.resiAgencyName}迁出该居民后操作`, |
|||
}); |
|||
} |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
handleBlurId() { |
|||
const { sex, birth, age } = computedCard(this.fmData.idCard); |
|||
if (birth) { |
|||
this.fmData.birthday = birth; |
|||
this.fmData.gender = sex == 1 ? "1" : "2"; |
|||
this.checkResiAvailable(); |
|||
} |
|||
}, |
|||
|
|||
handleClearVillage() { |
|||
this.fmData.buildId = ""; |
|||
this.fmData.homeId = ""; |
|||
}, |
|||
handleClearBuild() { |
|||
this.fmData.buildId = ""; |
|||
this.fmData.unitId = ""; |
|||
this.fmData.homeId = ""; |
|||
}, |
|||
handleClearDan() { |
|||
this.fmData.unitId = ""; |
|||
this.fmData.homeId = ""; |
|||
}, |
|||
handleChangeGrid(val) { |
|||
console.log("val", val); |
|||
this.fmData.villageId = ""; |
|||
this.fmData.buildId = ""; |
|||
this.fmData.unitId = ""; |
|||
this.fmData.homeId = ""; |
|||
this.getValiheList(); |
|||
}, |
|||
handleChangeV(val) { |
|||
console.log("val", val); |
|||
this.fmData.buildId = ""; |
|||
this.fmData.unitId = ""; |
|||
this.fmData.homeId = ""; |
|||
this.getBuildList(); |
|||
}, |
|||
handleChangeB(val) { |
|||
console.log("val", val); |
|||
this.fmData.unitId = ""; |
|||
this.fmData.homeId = ""; |
|||
this.getUniList(); |
|||
}, |
|||
handleChangeD(val) { |
|||
console.log("val", val); |
|||
this.fmData.homeId = ""; |
|||
this.getHouseList(); |
|||
}, |
|||
handleChangeH(val) { |
|||
console.log("val", val); |
|||
this.getHouseMaster(); |
|||
}, |
|||
|
|||
getRelationList() { |
|||
const { user } = this.$store.state; |
|||
this.$http |
|||
.post("/sys/dict/data/relationship", { |
|||
formCode: "resi_base_info", |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
console.log("获取查询详情成功", res.data); |
|||
this.optionsRelation = res.data; |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
|
|||
getGridList() { |
|||
const { user } = this.$store.state; |
|||
this.$http |
|||
.post("/gov/org/customergrid/gridoption", { |
|||
agencyId: user.agencyId, |
|||
purpose: "query", |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
console.log("获取查询详情成功", res.data); |
|||
this.optionsG = res.data; |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
getValiheList() { |
|||
const { user } = this.$store.state; |
|||
this.$http |
|||
.post("/gov/org/icneighborhood/neighborhoodoption", { |
|||
gridId: this.fmData.gridId, |
|||
agencyId: "", |
|||
// agencyId: user.agencyId |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
console.log("获取查询详情成功", res.data); |
|||
this.optionsV = res.data; |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
getBuildList() { |
|||
this.$http |
|||
.post("/gov/org/icbuilding/buildingoption", { |
|||
neighborHoodId: this.fmData.villageId, |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
console.log("获取查询详情成功", res.data); |
|||
this.optionsB = res.data; |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
getUniList() { |
|||
this.$http |
|||
.post("/gov/org/icbuildingunit/unitoption", { |
|||
buildingId: this.fmData.buildId, |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
console.log("获取查询详情成功", res.data); |
|||
this.optionsD = res.data; |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
getHouseList() { |
|||
this.$http |
|||
.post("/gov/org/ichouse/houseoption", { unitId: this.fmData.unitId }) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
console.log("获取查询详情成功", res.data); |
|||
this.optionsH = res.data; |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
|
|||
getHouseMaster() { |
|||
const { homeId } = this.fmData; |
|||
if (!homeId) return (this.alreadyHaveMaster = false); |
|||
|
|||
this.$http |
|||
.post("/epmetuser/icresiuser/queryhousehold/" + homeId, {}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
console.log("获取户主信息成功", res.data); |
|||
const { name } = res.data; |
|||
if (name) { |
|||
this.fmData.houseHolderName = name; |
|||
this.alreadyHaveMaster = true; |
|||
} else { |
|||
this.alreadyHaveMaster = false; |
|||
} |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
|
|||
handleAddStaff() { |
|||
this.fmData.organizationPersonnel = [ |
|||
...this.fmData.organizationPersonnel, |
|||
{ personName: "", personPhone: "" }, |
|||
]; |
|||
}, |
|||
handleDelStaff(index) { |
|||
const { organizationPersonnel } = this.fmData; |
|||
organizationPersonnel.splice(index, 1); |
|||
this.fmData.organizationPersonnel = organizationPersonnel; |
|||
}, |
|||
|
|||
async initForm(type, row) { |
|||
this.$refs.ref_form.resetFields(); |
|||
|
|||
this.formType = type; |
|||
console.log(row); |
|||
if (row) { |
|||
this.fmData = { ...this.fmData, ...row }; |
|||
} |
|||
}, |
|||
|
|||
async handleComfirm() { |
|||
this.btnDisable = true; |
|||
setTimeout(() => { |
|||
this.btnDisable = false; |
|||
}, 10000); |
|||
this.$refs["ref_form"].validate((valid, messageObj) => { |
|||
if (!valid) { |
|||
app.util.validateRule(messageObj); |
|||
this.btnDisable = false; |
|||
} else { |
|||
if (!formVltHelper.userOrMobile(this.fmData.mobile)) { |
|||
return this.$message({ |
|||
type: "error", |
|||
message: "手机号格式有误", |
|||
}); |
|||
} |
|||
this.submit(); |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
async submit() { |
|||
let url = ""; |
|||
if (this.formType === "add") { |
|||
url = "/epmetuser/birth/save"; |
|||
} else { |
|||
url = "/epmetuser/birth/edit"; |
|||
|
|||
this.fmData.orgId = this.orgId; |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, this.fmData); |
|||
|
|||
if (code === 0) { |
|||
this.$message({ |
|||
type: "success", |
|||
message: "操作成功", |
|||
}); |
|||
this.resetData(); |
|||
this.$emit("dialogOk"); |
|||
this.btnDisable = false; |
|||
} else { |
|||
this.btnDisable = false; |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
|
|||
handleCancle() { |
|||
this.resetData(); |
|||
this.$emit("dialogCancle"); |
|||
}, |
|||
resetData() { |
|||
this.orgId = ""; |
|||
this.fmData = iniFmData(); |
|||
}, |
|||
// 开启加载动画 |
|||
startLoading() { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
text: "正在加载……", // 加载中需要显示的文字 |
|||
background: "rgba(0,0,0,.7)", // 背景颜色 |
|||
}); |
|||
}, |
|||
// 结束加载动画 |
|||
endLoading() { |
|||
// clearTimeout(timer); |
|||
if (loading) { |
|||
loading.close(); |
|||
} |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.item_width_1 { |
|||
width: 500px; |
|||
} |
|||
.item_width_2 { |
|||
width: 400px; |
|||
} |
|||
.item_width_3 { |
|||
margin-left: 10px; |
|||
width: 200px; |
|||
} |
|||
.item_width_4 { |
|||
width: 200px; |
|||
} |
|||
|
|||
.div_map { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.div_btn { |
|||
// display: flex; |
|||
// justify-content: flex-end; |
|||
} |
|||
.el-tabs { |
|||
margin: 0 20px; |
|||
} |
|||
.el-upload__tip { |
|||
color: rgb(155, 155, 155); |
|||
margin: 0; |
|||
} |
|||
.form { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.m-staffs { |
|||
width: 468px; |
|||
.item { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
margin-bottom: 7px; |
|||
} |
|||
.item-add { |
|||
} |
|||
} |
|||
</style> |
|||
|
|||
<style> |
|||
.el-dialog__body { |
|||
padding: 0 10px 20px !important; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,937 @@ |
|||
<template> |
|||
<div class="resi-container"> |
|||
<el-card ref="searchCard" class="search-card"> |
|||
<el-form |
|||
ref="searchForm" |
|||
:inline="true" |
|||
:model="fmData" |
|||
class="demo-form-inline" |
|||
> |
|||
<el-row class="resi-row"> |
|||
<el-col :span="6"> |
|||
<div class="resi-cell2"> |
|||
<div class="resi-cell2-label">所属网格</div> |
|||
<div class="resi-cell2-value"> |
|||
<el-select |
|||
v-model.trim="fmData.gridId" |
|||
placeholder="请选择" |
|||
size="small" |
|||
clearable |
|||
class="resi-cell2-select" |
|||
@change="handleChangeGrid" |
|||
> |
|||
<el-option |
|||
v-for="item in optionsG" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
</div> |
|||
</div> |
|||
</el-col> |
|||
<el-col :span="18"> |
|||
<div class="resi-cell2"> |
|||
<div class="resi-cell2-label">所属房屋</div> |
|||
<div class="resi-cell2-value"> |
|||
<el-select |
|||
v-model.trim="fmData.villageId" |
|||
placeholder="请选择小区" |
|||
size="small" |
|||
clearable |
|||
class="resi-cell2-select" |
|||
@clear="handleClearVillage" |
|||
@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 |
|||
style="width: 120px" |
|||
class="resi-cell2-select" |
|||
: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="fmData.unitId" |
|||
:disabled="changeBDisabled" |
|||
placeholder="单元" |
|||
size="small" |
|||
clearable |
|||
style="width: 120px" |
|||
class="resi-cell2-select" |
|||
@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="fmData.homeId" |
|||
:disabled="changeDDisabled" |
|||
placeholder="房号" |
|||
size="small" |
|||
clearable |
|||
style="width: 120px" |
|||
class="resi-cell2-select" |
|||
> |
|||
<el-option |
|||
v-for="item in optionsH" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
</div> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-form-item label="姓名" prop="name"> |
|||
<el-input |
|||
v-model="fmData.name" |
|||
class="resi-cell2-input" |
|||
size="small" |
|||
clearable |
|||
placeholder="请输入" |
|||
> |
|||
</el-input> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="手机号" prop="mobile"> |
|||
<el-input |
|||
v-model="fmData.mobile" |
|||
class="resi-cell2-input" |
|||
size="small" |
|||
clearable |
|||
placeholder="请输入" |
|||
> |
|||
</el-input> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="身份证号" prop="idCard"> |
|||
<el-input |
|||
v-model="fmData.idCard" |
|||
class="resi-cell2-input" |
|||
size="small" |
|||
clearable |
|||
placeholder="请输入" |
|||
> |
|||
</el-input> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="出生日期" prop="birthdayTime"> |
|||
<el-date-picker |
|||
v-model="fmData.birthdayTime" |
|||
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.welfare" |
|||
placeholder="享受福利" |
|||
size="small" |
|||
clearable |
|||
style="width: 120px" |
|||
class="resi-cell2-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> |
|||
</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 |
|||
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> |
|||
<el-table |
|||
:data="tableData" |
|||
border |
|||
style="width: 100%" |
|||
class="resi-table" |
|||
:height="maxTableHeight" |
|||
> |
|||
<el-table-column |
|||
label="序号" |
|||
fixed="left" |
|||
type="index" |
|||
align="center" |
|||
width="50" |
|||
/> |
|||
|
|||
<el-table-column prop="name" 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="所属网格" |
|||
:show-overflow-tooltip="true" |
|||
> |
|||
</el-table-column> |
|||
|
|||
<el-table-column |
|||
prop="home" |
|||
label="所属房屋" |
|||
align="center" |
|||
:show-overflow-tooltip="true" |
|||
> |
|||
</el-table-column> |
|||
|
|||
<el-table-column |
|||
prop="mobile" |
|||
width="100" |
|||
align="center" |
|||
label="手机号" |
|||
> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="idCard" align="center" label="身份证号"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="gender" align="center" label="性别"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="birthday" align="center" label="出生日期"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="birthplace" align="center" label="出生地"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column |
|||
prop="parentName" |
|||
align="center" |
|||
label="出生人父/母姓名" |
|||
> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="count" align="center" label="胎次"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="reportDate" align="center" label="申报户口日期"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="houseHolderName" align="center" label="户主姓名"> |
|||
</el-table-column> |
|||
|
|||
<el-table-column |
|||
prop="houseHolderRelation" |
|||
align="center" |
|||
label="与户主关系" |
|||
> |
|||
</el-table-column> |
|||
|
|||
<el-table-column fixed="right" label="操作" align="center" width="160"> |
|||
<template slot-scope="scope"> |
|||
<!-- <el-button |
|||
@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-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> |
|||
</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> |
|||
</el-card> |
|||
|
|||
<!-- 修改弹出框 --> |
|||
<el-dialog |
|||
:visible.sync="formShow" |
|||
:close-on-click-modal="false" |
|||
:close-on-press-escape="false" |
|||
:title="formTitle" |
|||
width="850px" |
|||
top="5vh" |
|||
class="dialog-h" |
|||
@closed="handleClose" |
|||
> |
|||
<edit-form |
|||
ref="eleEditForm" |
|||
@dialogCancle="handleClose" |
|||
@dialogOk="handleEditSuccess" |
|||
></edit-form> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { requestPost } from "@/js/dai/request"; |
|||
import nextTick from "dai-js/tools/nextTick"; |
|||
import { mapGetters } from "vuex"; |
|||
import editForm from "./cpts/edit"; |
|||
import axios from "axios"; |
|||
|
|||
export default { |
|||
components: { editForm }, |
|||
data() { |
|||
return { |
|||
openSearch: false, |
|||
|
|||
formShow: false, |
|||
formTitle: "出生登记", |
|||
|
|||
pageNo: 1, |
|||
pageSize: window.localStorage.getItem("pageSize") || 20, |
|||
total: 1, |
|||
|
|||
tableData: [], |
|||
|
|||
optionsV: [], |
|||
optionsB: [], |
|||
optionsH: [], |
|||
optionsD: [], |
|||
optionsG: [], |
|||
|
|||
optionsWelfare: [ |
|||
{ |
|||
value: "", |
|||
label: "全部", |
|||
}, |
|||
{ |
|||
value: "1", |
|||
label: "是", |
|||
}, |
|||
{ |
|||
value: "0", |
|||
label: "否", |
|||
}, |
|||
], |
|||
|
|||
fmData: { |
|||
gridId: "", |
|||
villageId: "", |
|||
buildId: "", |
|||
unitId: "", |
|||
homeId: "", |
|||
name: "", |
|||
mobile: "", |
|||
idCard: "", |
|||
welfare: "", //福利0否，1是 |
|||
birthdayStart: "", |
|||
birthdayEnd: "", |
|||
birthdayTime: ["", ""], |
|||
}, |
|||
|
|||
importBtnTitle: "导入", |
|||
importLoading: false, |
|||
|
|||
//积分记录 |
|||
scoreDiaTitle: "积分记录", |
|||
scoreDiaShow: false, |
|||
}; |
|||
}, |
|||
computed: { |
|||
maxTableHeight() { |
|||
return this.$store.state.inIframe |
|||
? this.clientHeight - 360 + this.iframeHeigh |
|||
: this.clientHeight - 360; |
|||
}, |
|||
...mapGetters(["clientHeight", "iframeHeight"]), |
|||
changeVDisabled() { |
|||
return !this.fmData.villageId; |
|||
}, |
|||
changeBDisabled() { |
|||
return !this.fmData.buildId; |
|||
}, |
|||
changeDDisabled() { |
|||
return !this.fmData.unitId; |
|||
}, |
|||
}, |
|||
watch: { |
|||
"fmData.birthdayTime": function (val) { |
|||
if (Array.isArray(val) && val.length == 2) { |
|||
this.fmData.birthdayStart = val[0]; |
|||
this.fmData.birthdayEnd = val[1]; |
|||
} else { |
|||
this.fmData.birthdayStart = ""; |
|||
this.fmData.birthdayEnd = ""; |
|||
} |
|||
}, |
|||
}, |
|||
mounted() { |
|||
this.getGridList(); |
|||
this.getValiheList(); |
|||
this.getTableData(); |
|||
}, |
|||
methods: { |
|||
handleClearVillage() { |
|||
this.fmData.buildId = ""; |
|||
this.fmData.homeId = ""; |
|||
}, |
|||
handleClearBuild() { |
|||
this.fmData.buildId = ""; |
|||
this.fmData.unitId = ""; |
|||
this.fmData.homeId = ""; |
|||
}, |
|||
handleClearDan() { |
|||
this.fmData.unitId = ""; |
|||
this.fmData.homeId = ""; |
|||
}, |
|||
handleChangeGrid(val) { |
|||
console.log("val", val); |
|||
this.fmData.villageId = ""; |
|||
this.fmData.buildId = ""; |
|||
this.fmData.unitId = ""; |
|||
this.fmData.homeId = ""; |
|||
this.getValiheList(); |
|||
}, |
|||
handleChangeV(val) { |
|||
console.log("val", val); |
|||
this.fmData.buildId = ""; |
|||
this.fmData.unitId = ""; |
|||
this.fmData.homeId = ""; |
|||
this.getBuildList(); |
|||
}, |
|||
handleChangeB(val) { |
|||
console.log("val", val); |
|||
this.fmData.unitId = ""; |
|||
this.fmData.homeId = ""; |
|||
this.getUniList(); |
|||
}, |
|||
handleChangeD(val) { |
|||
console.log("val", val); |
|||
this.fmData.homeId = ""; |
|||
this.getHouseList(); |
|||
}, |
|||
|
|||
getGridList() { |
|||
const { user } = this.$store.state; |
|||
this.$http |
|||
.post("/gov/org/customergrid/gridoption", { |
|||
agencyId: user.agencyId, |
|||
purpose: "query", |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
console.log("获取查询详情成功", res.data); |
|||
this.optionsG = res.data; |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
getValiheList() { |
|||
const { user } = this.$store.state; |
|||
this.$http |
|||
.post("/gov/org/icneighborhood/neighborhoodoption", { |
|||
gridId: this.fmData.gridId, |
|||
agencyId: "", |
|||
// agencyId: user.agencyId |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
console.log("获取查询详情成功", res.data); |
|||
this.optionsV = res.data; |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
getBuildList() { |
|||
this.$http |
|||
.post("/gov/org/icbuilding/buildingoption", { |
|||
neighborHoodId: this.fmData.villageId, |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
console.log("获取查询详情成功", res.data); |
|||
this.optionsB = res.data; |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
getUniList() { |
|||
this.$http |
|||
.post("/gov/org/icbuildingunit/unitoption", { |
|||
buildingId: this.fmData.buildId, |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
console.log("获取查询详情成功", res.data); |
|||
this.optionsD = res.data; |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
getHouseList() { |
|||
this.$http |
|||
.post("/gov/org/ichouse/houseoption", { unitId: this.fmData.unitId }) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
console.log("获取查询详情成功", res.data); |
|||
this.optionsH = res.data; |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
|
|||
async handleExportModule() { |
|||
let url = "/heart/iccommunityselforganization/import-template-download"; |
|||
|
|||
let params = {}; |
|||
await this.$http({ |
|||
method: "POST", |
|||
url, |
|||
responseType: "blob", |
|||
data: params, |
|||
}) |
|||
.then((res) => { |
|||
// this.download(res.data, title + '.xls') |
|||
if (res.headers["content-disposition"]) { |
|||
let fileName = window.decodeURI( |
|||
res.headers["content-disposition"].split(";")[1].split("=")[1] |
|||
); |
|||
console.log("filename", fileName); |
|||
let blob = new Blob([res.data], { |
|||
type: "application/vnd.ms-excel", |
|||
}); |
|||
var url = window.URL.createObjectURL(blob); |
|||
var aLink = document.createElement("a"); |
|||
aLink.style.display = "none"; |
|||
aLink.href = url; |
|||
aLink.setAttribute("download", fileName); |
|||
document.body.appendChild(aLink); |
|||
aLink.click(); |
|||
document.body.removeChild(aLink); //下载完成移除元素 |
|||
window.URL.revokeObjectURL(url); //释放掉blob对象 |
|||
} else this.$message.error("下载失败"); |
|||
}) |
|||
.catch((err) => { |
|||
console.log("err", err); |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
// 上传大图标成功 |
|||
handleExcelSuccess(res, file) { |
|||
if (res.code === 0 && res.msg === "success") { |
|||
console.log("resss---ppp", res); |
|||
} else { |
|||
this.$message.error(res.msg); |
|||
} |
|||
}, |
|||
handleProgress(event, file, fileList) { |
|||
console.log("percentage", file.percentage); |
|||
}, |
|||
|
|||
beforeExcelUpload(file) { |
|||
console.log("file", file); |
|||
const isType = file.type === "application/vnd.ms-excel"; |
|||
const isTypeComputer = |
|||
file.type === |
|||
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"; |
|||
const fileType = isType || isTypeComputer; |
|||
const isLt1M = file.size / 1024 / 1024 < 10; |
|||
if (!fileType) { |
|||
this.$message.error("上传文件只能是xls/xlsx格式！"); |
|||
} |
|||
|
|||
if (!isLt1M) { |
|||
this.$message.error("上传文件大小不能超过 10MB!"); |
|||
} |
|||
return fileType && isLt1M; |
|||
}, |
|||
async uploadHttpRequest(file) { |
|||
this.importLoading = true; |
|||
this.importBtnTitle = "正在上传中..."; |
|||
this.$message({ |
|||
showClose: true, |
|||
message: "导入中，请到系统管理-导入记录中查看进度", |
|||
duration: 0, |
|||
}); |
|||
const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加 |
|||
formData.append("file", file.file); //添加文件对象 |
|||
await this.$http |
|||
.post( |
|||
"/heart/iccommunityselforganization/importcommunityselforganization", |
|||
formData |
|||
) |
|||
.then((res) => { |
|||
console.log("res-up", res); |
|||
if (res.data.code == 0 && res.data.msg == "success") { |
|||
// this.$message.success('导入成功') |
|||
this.getTableData(); |
|||
} else this.$message.error(res.data.msg); |
|||
}) |
|||
.catch((err) => { |
|||
console.log("失败", err); |
|||
file.onError(); //上传失败的文件会从文件列表中删除 |
|||
// this.$message.error('导入失败') |
|||
}); |
|||
// axios({ |
|||
// url: |
|||
// window.SITE_CONFIG["apiURL"] + |
|||
// "/heart/iccommunityselforganization/importcommunityselforganization", |
|||
// method: "post", |
|||
// data: formData, |
|||
// // responseType: "blob", |
|||
// }) |
|||
// .then((res) => { |
|||
// this.importLoading = false; |
|||
// this.importBtnTitle = "导入"; |
|||
// console.log("resresresresresresres", res); |
|||
|
|||
// this.getTableData(); |
|||
// if (res.data.code == 0) { |
|||
// return this.$message.success(res.data.data || "导入成功"); |
|||
// } else { |
|||
// return this.$message.error(res.data.msg); |
|||
// } |
|||
// }) |
|||
// .catch((err) => { |
|||
// console.log("失败", err); |
|||
// }); |
|||
this.importLoading = false; |
|||
this.importBtnTitle = "导入"; |
|||
this.$refs.upload.clearFiles(); |
|||
}, |
|||
|
|||
handleSizeChange(val) { |
|||
console.log(`每页 ${val} 条`); |
|||
this.pageSize = val; |
|||
window.localStorage.setItem("pageSize", val); |
|||
this.getTableData(); |
|||
}, |
|||
handleCurrentChange(val) { |
|||
console.log(`当前页: ${val}`); |
|||
this.pageNo = val; |
|||
this.getTableData(); |
|||
}, |
|||
|
|||
handleClose() { |
|||
this.formShow = false; |
|||
}, |
|||
handleSearch(val) { |
|||
console.log(this.fmData); |
|||
this.pageNo = 1; |
|||
this.getTableData(); |
|||
}, |
|||
resetForm(formName) { |
|||
this.$refs[formName].resetFields(); |
|||
this.handleSearch(); |
|||
}, |
|||
async handleAdd() { |
|||
this.formShow = true; |
|||
await nextTick(); |
|||
console.log(this.$refs); |
|||
this.$refs.eleEditForm.initForm("add"); |
|||
}, |
|||
|
|||
async handleChu() { |
|||
const url = |
|||
"/heart/iccommunityselforganization/exportcommunityselforganization"; |
|||
const { pageSize, pageNo, fmData } = this; |
|||
axios({ |
|||
url: window.SITE_CONFIG["apiURL"] + url, |
|||
method: "post", |
|||
data: { |
|||
pageSize, |
|||
pageNo, |
|||
...fmData, |
|||
}, |
|||
responseType: "blob", |
|||
}) |
|||
.then((res) => { |
|||
let fileName = window.decodeURI( |
|||
res.headers["content-disposition"].split(";")[1].split("=")[1] |
|||
); |
|||
console.log("filename", fileName); |
|||
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" }); |
|||
var url = window.URL.createObjectURL(blob); |
|||
var aLink = document.createElement("a"); |
|||
aLink.style.display = "none"; |
|||
aLink.href = url; |
|||
aLink.setAttribute("download", fileName); |
|||
document.body.appendChild(aLink); |
|||
aLink.click(); |
|||
document.body.removeChild(aLink); //下载完成移除元素 |
|||
window.URL.revokeObjectURL(url); //释放掉blob对象 |
|||
}) |
|||
.catch((err) => { |
|||
console.log("获取导出情失败", err); |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
|
|||
async handleWatch(rowIndex) { |
|||
this.formShow = true; |
|||
await nextTick(); |
|||
this.$refs.eleEditForm.initForm("detail", this.tableData[rowIndex]); |
|||
}, |
|||
|
|||
async handleEdit(rowIndex) { |
|||
this.formShow = true; |
|||
await nextTick(); |
|||
this.$refs.eleEditForm.initForm("edit", this.tableData[rowIndex]); |
|||
}, |
|||
handleEditSuccess() { |
|||
this.handleClose(); |
|||
this.getTableData(); |
|||
}, |
|||
|
|||
async handleDel(rowData, rowIndex) { |
|||
console.log(rowData, rowIndex); |
|||
const url = |
|||
"/heart/iccommunityselforganization/delcommunityselforganization"; |
|||
const { tableData } = this; |
|||
|
|||
const { data, code, msg } = await requestPost(url, { |
|||
orgId: tableData[rowIndex].orgId, |
|||
}); |
|||
|
|||
if (code === 0) { |
|||
this.$message.success("删除成功！"); |
|||
this.getTableData(); |
|||
} else { |
|||
this.$message.success("操作失败！"); |
|||
} |
|||
}, |
|||
|
|||
async getTableData() { |
|||
const url = "/epmetuser/birth/page"; |
|||
const { pageSize, pageNo, fmData } = this; |
|||
const { data, code, msg } = await requestPost(url, { |
|||
pageSize, |
|||
pageNo, |
|||
...fmData, |
|||
}); |
|||
if (code === 0) { |
|||
console.log("列表请求成功！！！！！！！！！！！！！！"); |
|||
this.total = data.total || 0; |
|||
this.tableData = data.list |
|||
? data.list.map((item) => { |
|||
return item; |
|||
}) |
|||
: []; |
|||
} else { |
|||
} |
|||
}, |
|||
}, |
|||
}; |
|||
</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 .resi-cell2 { |
|||
display: flex; |
|||
align-items: center; |
|||
margin-bottom: 20px; |
|||
|
|||
.resi-cell2-label { |
|||
flex-shrink: 0; |
|||
min-width: 0; |
|||
box-sizing: border-box; |
|||
margin-right: 15px; |
|||
// text-align: right; |
|||
// line-height: 32; |
|||
} |
|||
.resi-cell2-label1 { |
|||
width: max-content; |
|||
} |
|||
.resi-cell2-value-radio { |
|||
display: flex; |
|||
align-items: center; |
|||
min-height: 32px; |
|||
} |
|||
.resi-cell2-input { |
|||
width: 200px; |
|||
} |
|||
.resi-cell2--daterange { |
|||
max-width: 260px; |
|||
} |
|||
.resi-cell2-select { |
|||
width: 200px; |
|||
box-sizing: border-box; |
|||
margin-right: 10px; |
|||
&-middle { |
|||
width: 130px; |
|||
} |
|||
&-small { |
|||
width: 88px; |
|||
} |
|||
} |
|||
.resi-cell2-select:last-child { |
|||
margin-right: 0; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,187 @@ |
|||
<template> |
|||
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> |
|||
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> |
|||
<el-form-item label="epmet用户主键" prop="userId"> |
|||
<el-input v-model="dataForm.userId" placeholder="epmet用户主键"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="姓名" prop="name"> |
|||
<el-input v-model="dataForm.name" placeholder="姓名"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="身份证" prop="idCard"> |
|||
<el-input v-model="dataForm.idCard" placeholder="身份证"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="手机号" prop="mobile"> |
|||
<el-input v-model="dataForm.mobile" placeholder="手机号"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="性别 0女 1男" prop="gender"> |
|||
<el-input v-model="dataForm.gender" placeholder="性别 0女 1男"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="类型 0 租客 1 房东" prop="type"> |
|||
<el-input v-model="dataForm.type" placeholder="类型 0 租客 1 房东"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="加入时间" prop="joinDate"> |
|||
<el-input v-model="dataForm.joinDate" placeholder="加入时间"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="加入原因" prop="joinReason"> |
|||
<el-input v-model="dataForm.joinReason" placeholder="加入原因"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="移除时间" prop="removeDate"> |
|||
<el-input v-model="dataForm.removeDate" placeholder="移除时间"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="移除原因" prop="removeReason"> |
|||
<el-input v-model="dataForm.removeReason" placeholder="移除原因"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="删除标记 0：未删除，1：已删除" prop="delFlag"> |
|||
<el-input v-model="dataForm.delFlag" placeholder="删除标记 0：未删除，1：已删除"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="乐观锁" prop="revision"> |
|||
<el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="createdBy"> |
|||
<el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="创建时间" prop="createdTime"> |
|||
<el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="更新人" prop="updatedBy"> |
|||
<el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="更新时间" prop="updatedTime"> |
|||
<el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template slot="footer"> |
|||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|||
</template> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import debounce from 'lodash/debounce' |
|||
export default { |
|||
data () { |
|||
return { |
|||
visible: false, |
|||
dataForm: { |
|||
id: '', |
|||
userId: '', |
|||
name: '', |
|||
idCard: '', |
|||
mobile: '', |
|||
gender: '', |
|||
type: '', |
|||
joinDate: '', |
|||
joinReason: '', |
|||
removeDate: '', |
|||
removeReason: '', |
|||
delFlag: '', |
|||
revision: '', |
|||
createdBy: '', |
|||
createdTime: '', |
|||
updatedBy: '', |
|||
updatedTime: '' |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule () { |
|||
return { |
|||
userId: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
name: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
idCard: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
mobile: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
gender: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
type: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
joinDate: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
joinReason: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
removeDate: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
removeReason: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
delFlag: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
revision: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
createdBy: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
createdTime: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
updatedBy: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
updatedTime: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init () { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].resetFields() |
|||
if (this.dataForm.id) { |
|||
this.getInfo() |
|||
} |
|||
}) |
|||
}, |
|||
// 获取信息 |
|||
getInfo () { |
|||
this.$http.get(`/pli/power/rentBlacklist/${this.dataForm.id}`).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.dataForm = { |
|||
...this.dataForm, |
|||
...res.data |
|||
} |
|||
}).catch(() => {}) |
|||
}, |
|||
// 表单提交 |
|||
dataFormSubmitHandle: debounce(function () { |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (!valid) { |
|||
return false |
|||
} |
|||
this.$http[!this.dataForm.id ? 'post' : 'put']('/pli/power/rentBlacklist/save', this.dataForm).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
this.visible = false |
|||
this.$emit('refreshDataList') |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
}) |
|||
}, 1000, { 'leading': true, 'trailing': false }) |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,204 @@ |
|||
<template> |
|||
<el-card shadow="never" class="aui-card--fill"> |
|||
<div class="mod-rent__rentBlacklist}"> |
|||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|||
<el-form-item label="姓名" |
|||
prop="name"> |
|||
<el-input v-model="dataForm.name" |
|||
size="small" |
|||
class="list_item_width_1" |
|||
clearable |
|||
placeholder="请输入姓名"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="身份证" |
|||
prop="idCard"> |
|||
<el-input v-model="dataForm.idCard" |
|||
size="small" |
|||
class="list_item_width_1" |
|||
clearable |
|||
placeholder="请输入身份证"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="手机" |
|||
prop="mobile"> |
|||
<el-input v-model="dataForm.mobile" |
|||
size="small" |
|||
class="list_item_width_1" |
|||
clearable |
|||
placeholder="请输入手机"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="入黑名单时间" |
|||
prop="startTime"> |
|||
<el-date-picker v-model="timeRange" |
|||
type="daterange" |
|||
clearable |
|||
size="small" |
|||
range-separator="至" |
|||
start-placeholder="选择日期" |
|||
end-placeholder="选择日期" |
|||
value-format="yyyy-MM-dd"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|||
</el-form-item> |
|||
<!-- <el-form-item>--> |
|||
<!-- <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>--> |
|||
<!-- </el-form-item>--> |
|||
</el-form> |
|||
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> |
|||
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> |
|||
<el-table-column prop="name" label="姓名" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="idCard" label="身份证号" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="mobile" label="手机" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="gender" label="性别" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="joinDate" label="入黑名单时间" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="joinReason" label="原因" header-align="center" align="center"></el-table-column> |
|||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="text" size="small" @click="removeBlacklist(scope.row.id)">解除黑名单</el-button> |
|||
<el-button @click="handleLook(scope.row)" type="text" size="small" class="btn-color-look">查看</el-button> |
|||
<!-- <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
|||
<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> --> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination |
|||
:current-page="page" |
|||
:page-sizes="[10, 20, 50, 100]" |
|||
:page-size="limit" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper" |
|||
@size-change="pageSizeChangeHandle" |
|||
@current-change="pageCurrentChangeHandle"> |
|||
</el-pagination> |
|||
<!-- 弹窗, 新增 / 修改 --> |
|||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
|||
<el-dialog |
|||
title="解除黑名单的原因" |
|||
:visible.sync="blacklistVisible" |
|||
width="40%"> |
|||
<textarea v-model="blacklistReason" placeholder="请输入解除黑名单的原因" class="blacklist-reason"></textarea> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="blacklistVisible = false">取 消</el-button> |
|||
<el-button type="primary" @click="confirmRemoveBlacklist">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
<people-more v-if="showedPeopleMoreInfo && lookInfo.userId" |
|||
:userId="lookInfo.userId" |
|||
:gridName="lookInfo.gridName" |
|||
@close="handleCancleLook" /> |
|||
</div> |
|||
</el-card> |
|||
</template> |
|||
|
|||
<script> |
|||
import mixinViewModule from '@/mixins/view-module' |
|||
import AddOrUpdate from './rentblacklist-add-or-update' |
|||
import peopleMore from "@/views/modules/shequ/cpts/people-more"; |
|||
import { requestPost } from "@/js/dai/request"; |
|||
export default { |
|||
mixins: [mixinViewModule], |
|||
data () { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/pli/power/rentBlacklist/page', |
|||
getDataListIsPage: true, |
|||
deleteURL: '/pli/power/rentBlacklist', |
|||
deleteIsBatch: true |
|||
}, |
|||
timeRange: '', |
|||
dataForm: { |
|||
id: '' |
|||
}, |
|||
blacklistVisible: false, // 解除黑名单 |
|||
blacklistReason: '', // 解除黑名单原因 |
|||
removeId: '', // 解除黑名单的人员信息id |
|||
// 显示人员详情 |
|||
showedPeopleMoreInfo: false, |
|||
lookInfo: { |
|||
userId: '', |
|||
gridName: '' |
|||
} |
|||
} |
|||
}, |
|||
watch: { |
|||
timeRange (val) { |
|||
if (Array.isArray(val) && val.length == 2) { |
|||
this.dataForm.startTime = val[0]; |
|||
this.dataForm.endTime = val[1]; |
|||
} else { |
|||
this.dataForm.startTime = ""; |
|||
this.dataForm.endTime = ""; |
|||
} |
|||
} |
|||
}, |
|||
components: { |
|||
AddOrUpdate, |
|||
peopleMore |
|||
}, |
|||
methods: { |
|||
async handleLook (row) { |
|||
if(row.gridId !== ''){ |
|||
const url = '/gov/org/grid/griddetail' |
|||
let params = { |
|||
gridId : row.gridId, |
|||
} |
|||
const { data, code, msg } = await requestPost(url, params) |
|||
if(code === 0){ |
|||
this.lookInfo.gridName = data.gridName |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}else{ |
|||
this.lookInfo.gridName = '' |
|||
} |
|||
this.lookInfo.userId = row.userId |
|||
this.showedPeopleMoreInfo = true |
|||
}, |
|||
handleCancleLook() { |
|||
this.lookInfo.userId = '' |
|||
this.lookInfo.gridName = '' |
|||
this.showedPeopleMoreInfo = false |
|||
}, |
|||
removeBlacklist (id) { |
|||
this.blacklistVisible = true |
|||
this.blacklistReason = '' |
|||
this.removeId = id |
|||
}, |
|||
confirmRemoveBlacklist () { |
|||
const params = { |
|||
id: this.removeId, |
|||
removeReason: this.blacklistReason |
|||
} |
|||
this.$http.post('/pli/power/rentBlacklist/update', params).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
this.blacklistVisible = false |
|||
this.getDataList() |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.blacklist-reason { |
|||
width: 100%; |
|||
height: 80px; |
|||
border: 1px solid #e4e4e4; |
|||
border-radius: 4px; |
|||
resize: none; |
|||
padding: 8px; |
|||
box-sizing: border-box; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,138 @@ |
|||
<template> |
|||
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> |
|||
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> |
|||
<el-form-item label="引用ID" prop="referenceId"> |
|||
<el-input v-model="dataForm.referenceId" placeholder="引用ID"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="文件地址" prop="fileUrl"> |
|||
<el-input v-model="dataForm.fileUrl" placeholder="文件地址"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="文件类型" prop="fileType"> |
|||
<el-input v-model="dataForm.fileType" placeholder="文件类型"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="删除标识 0：未删除，1：删除" prop="delFlag"> |
|||
<el-input v-model="dataForm.delFlag" placeholder="删除标识 0：未删除，1：删除"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="乐观锁" prop="revision"> |
|||
<el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="createdBy"> |
|||
<el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="创建时间" prop="createdTime"> |
|||
<el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="更新人" prop="updatedBy"> |
|||
<el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="更新时间" prop="updatedTime"> |
|||
<el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template slot="footer"> |
|||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|||
</template> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import debounce from 'lodash/debounce' |
|||
export default { |
|||
data () { |
|||
return { |
|||
visible: false, |
|||
dataForm: { |
|||
id: '', |
|||
referenceId: '', |
|||
fileUrl: '', |
|||
fileType: '', |
|||
delFlag: '', |
|||
revision: '', |
|||
createdBy: '', |
|||
createdTime: '', |
|||
updatedBy: '', |
|||
updatedTime: '' |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule () { |
|||
return { |
|||
referenceId: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
fileUrl: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
fileType: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
delFlag: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
revision: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
createdBy: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
createdTime: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
updatedBy: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
updatedTime: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init () { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].resetFields() |
|||
if (this.dataForm.id) { |
|||
this.getInfo() |
|||
} |
|||
}) |
|||
}, |
|||
// 获取信息 |
|||
getInfo () { |
|||
this.$http.get(`/pli/power/rentContractFile/${this.dataForm.id}`).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.dataForm = { |
|||
...this.dataForm, |
|||
...res.data |
|||
} |
|||
}).catch(() => {}) |
|||
}, |
|||
// 表单提交 |
|||
dataFormSubmitHandle: debounce(function () { |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (!valid) { |
|||
return false |
|||
} |
|||
this.$http[!this.dataForm.id ? 'post' : 'put']('/pli/power/rentContractFile/', this.dataForm).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
this.visible = false |
|||
this.$emit('refreshDataList') |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
}) |
|||
}, 1000, { 'leading': true, 'trailing': false }) |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,71 @@ |
|||
<template> |
|||
<el-card shadow="never" class="aui-card--fill"> |
|||
<div class="mod-rent__rentContractFile}"> |
|||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|||
<el-form-item> |
|||
<el-input v-model="dataForm.id" placeholder="id" clearable></el-input> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> |
|||
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> |
|||
<el-table-column prop="id" label="ID" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="referenceId" label="引用ID" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="fileUrl" label="文件地址" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="fileType" label="文件类型" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="delFlag" label="删除标识 0：未删除，1：删除" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="revision" label="乐观锁" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="createdBy" label="创建人" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="updatedBy" label="更新人" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="updatedTime" label="更新时间" header-align="center" align="center"></el-table-column> |
|||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
|||
<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination |
|||
:current-page="page" |
|||
:page-sizes="[10, 20, 50, 100]" |
|||
:page-size="limit" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper" |
|||
@size-change="pageSizeChangeHandle" |
|||
@current-change="pageCurrentChangeHandle"> |
|||
</el-pagination> |
|||
<!-- 弹窗, 新增 / 修改 --> |
|||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
|||
</div> |
|||
</el-card> |
|||
</template> |
|||
|
|||
<script> |
|||
import mixinViewModule from '@/mixins/view-module' |
|||
import AddOrUpdate from './rentcontractfile-add-or-update' |
|||
export default { |
|||
mixins: [mixinViewModule], |
|||
data () { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/pli/power/rentContractFile/page', |
|||
getDataListIsPage: true, |
|||
deleteURL: '/pli/power/rentContractFile', |
|||
deleteIsBatch: true |
|||
}, |
|||
dataForm: { |
|||
id: '' |
|||
} |
|||
} |
|||
}, |
|||
components: { |
|||
AddOrUpdate |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,273 @@ |
|||
<template> |
|||
<el-dialog :visible.sync="visible" :title="dataForm.flag === '1' ? '查看' : '审核'" :close-on-click-modal="false" :close-on-press-escape="false"> |
|||
<el-form :inline="true" :model="dataForm" :rules="dataRule" ref="dataForm" |
|||
@keyup.enter.native="dataFormSubmitHandle()" label-width="120px" disabled> |
|||
<div v-if="dataForm.flag === '2'"> |
|||
<div style="height: 30px;font-weight: bold;">房屋信息</div> |
|||
<el-form-item label="所属社区" prop="gridName"> |
|||
<el-input v-model="dataForm.gridName" placeholder="网格"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="所属网格" prop="gridName"> |
|||
<el-input v-model="dataForm.gridName" placeholder="所属网格"></el-input> |
|||
</el-form-item> |
|||
<br/> |
|||
<el-form-item label="房屋" prop="homeName"> |
|||
<el-input v-model="dataForm.homeName" placeholder="房屋"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="房主姓名" prop="ownerName"> |
|||
<el-input v-model="dataForm.ownerName" placeholder="房主姓名"></el-input> |
|||
</el-form-item> |
|||
<br/> |
|||
|
|||
<div style="height: 30px;font-weight: bold;">居住成员信息</div> |
|||
<el-table v-loading="dataListLoading" :data="dataForm.tenantList" border style="width: 100%"> |
|||
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
|||
<template slot-scope="scope"> |
|||
{{scope.$index+1}} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="name" label="姓名" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="yfzgx" label="与户主关系" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="mobile" label="手机" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="idCard" label="身份证号" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="imgList" label="照片" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div v-for="(item,index) in scope.row.imgList" :key="index"> |
|||
<img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="40" height="40" /> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<br/> |
|||
</div> |
|||
|
|||
<div style="height: 30px;font-weight: bold;">合同信息</div> |
|||
<div style="height: 30px;">出租人信息</div> |
|||
<el-form-item label="出租人姓名" prop="lessorName"> |
|||
<el-input v-model="dataForm.lessorName" placeholder="出租人姓名"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="出租人身份证" prop="lessorIdCard"> |
|||
<el-input v-model="dataForm.lessorIdCard" placeholder="出租人身份证"></el-input> |
|||
</el-form-item> |
|||
<br/> |
|||
<el-form-item label="出租人手机" prop="lessorMobile"> |
|||
<el-input v-model="dataForm.lessorMobile" placeholder="出租人手机"></el-input> |
|||
</el-form-item> |
|||
<br/> |
|||
|
|||
<div style="height: 30px;">承租人信息</div> |
|||
<el-form-item label="承租人姓名" prop="lesseeName"> |
|||
<el-input v-model="dataForm.lesseeName" placeholder="承租人姓名"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="承租人身份证" prop="lesseeIdCard"> |
|||
<el-input v-model="dataForm.lesseeIdCard" placeholder="承租人身份证"></el-input> |
|||
</el-form-item> |
|||
<br/> |
|||
<el-form-item label="承租人手机" prop="lesseeMobile"> |
|||
<el-input v-model="dataForm.lesseeMobile" placeholder="承租人手机"></el-input> |
|||
</el-form-item> |
|||
<br/> |
|||
|
|||
<div style="height: 30px;font-weight: bold;">合同内容</div> |
|||
<el-form-item label="签署日期" prop="signDate"> |
|||
<el-input v-model="dataForm.signDate" placeholder="签署日期"></el-input> |
|||
</el-form-item> |
|||
<br/> |
|||
<el-form-item label="合同开始日期" prop="startDate"> |
|||
<el-input v-model="dataForm.startDate" placeholder="合同开始日期"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="合同结束日期" prop="endDate"> |
|||
<el-input v-model="dataForm.endDate" placeholder="合同结束日期"></el-input> |
|||
</el-form-item> |
|||
<br/> |
|||
|
|||
<el-form-item label="合同附件" prop="fileList"> |
|||
<template slot-scope="scope"> |
|||
<label v-for="(item,index) in dataForm.fileList" :key="index"> |
|||
<img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="100" height="100" /> |
|||
</label> |
|||
</template> |
|||
</el-form-item> |
|||
|
|||
</el-form> |
|||
<template slot="footer"> |
|||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|||
<el-button v-if="dataForm.state === '0'" type="danger" @click="checkHandle('2')">{{ $t('checkBTGBtn') }}</el-button> |
|||
<el-button v-if="dataForm.state === '0'" type="primary" @click="checkHandle('1')">{{ $t('checkTGBtn') }}</el-button> |
|||
</template> |
|||
<el-dialog :visible.sync="dialogVisible" :modal="false"> |
|||
<img width="100%" :src="dialogImageUrl" alt=""> |
|||
</el-dialog> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import debounce from 'lodash/debounce' |
|||
export default { |
|||
data () { |
|||
return { |
|||
visible: false, |
|||
dataForm: { |
|||
id: '', |
|||
flag: '', |
|||
gridId: '', |
|||
gridName: '', |
|||
buildId: '', |
|||
buildName: '', |
|||
unitId: '', |
|||
unitName: '', |
|||
homeId: '', |
|||
homeName: '', |
|||
ownerName: '', |
|||
state: '', |
|||
lessorName: '', |
|||
lessorIdCard: '', |
|||
lessorMobile: '', |
|||
lesseeName: '', |
|||
lesseeIdCard: '', |
|||
lesseeMobile: '', |
|||
signDate: '', |
|||
startDate: '', |
|||
endDate: '' |
|||
}, |
|||
dataListLoading: false, |
|||
dialogVisible: false, |
|||
dialogImageUrl: '' |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule () { |
|||
return { |
|||
gridId: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
gridName: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
buildId: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
buildName: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
unitId: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
unitName: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
homeId: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
homeName: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
ownerName: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
state: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
lessorName: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
lessorIdCard: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
lessorMobile: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
lesseeName: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
lesseeIdCard: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
lesseeMobile: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
signDate: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
startDate: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
endDate: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init () { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].resetFields() |
|||
if (this.dataForm.id) { |
|||
this.getInfo() |
|||
} |
|||
}) |
|||
}, |
|||
// 查看大图 |
|||
imgShow(url){ |
|||
this.dialogImageUrl = url |
|||
this.dialogVisible = true |
|||
}, |
|||
// 获取信息 |
|||
getInfo () { |
|||
this.$http.get(`/pli/power/rentContractInfo/${this.dataForm.id}`).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.dataForm = { |
|||
...this.dataForm, |
|||
...res.data |
|||
} |
|||
}).catch(() => {}) |
|||
}, |
|||
// 审核提交方法 |
|||
checkHandle: function (type) { |
|||
const params = { |
|||
id: this.dataForm.id, |
|||
state: type |
|||
} |
|||
this.$http.post('/pli/power/rentContractInfo/review', params).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
this.visible = false |
|||
this.$emit('refreshDataList') |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
}, |
|||
// 表单提交 |
|||
dataFormSubmitHandle: debounce(function () { |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (!valid) { |
|||
return false |
|||
} |
|||
this.$http[!this.dataForm.id ? 'post' : 'put']('/pli/power/rentContractInfo/', this.dataForm).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
this.visible = false |
|||
this.$emit('refreshDataList') |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
}) |
|||
}, 1000, { 'leading': true, 'trailing': false }) |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,436 @@ |
|||
<template> |
|||
<el-card shadow="never" class="aui-card--fill"> |
|||
<div class="mod-rent__rentContractInfo}"> |
|||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|||
<el-form-item label="所属网格" label-width="100px" |
|||
prop="gridId"> |
|||
<el-select |
|||
v-model.trim="dataForm.gridId" |
|||
placeholder="请选择" |
|||
clearable |
|||
@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="所属房屋" label-width="100px"> |
|||
<div class="resi-cell-value"> |
|||
<div class="resi-cell-col"> |
|||
<el-form-item prop="villageId"> |
|||
<el-select |
|||
v-model.trim="dataForm.villageId" |
|||
placeholder="请选择小区" |
|||
clearable |
|||
@clear="handleClearVillage" |
|||
@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="dataForm.buildId" |
|||
placeholder="楼号" |
|||
clearable |
|||
style="width: 120px;" |
|||
: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-form-item> |
|||
<el-form-item prop="unitId"> |
|||
<el-select |
|||
v-model.trim="dataForm.unitId" |
|||
:disabled="changeBDisabled" |
|||
placeholder="单元" |
|||
clearable |
|||
style="width: 120px;" |
|||
@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-form-item> |
|||
<el-form-item prop="homeId"> |
|||
<el-select |
|||
v-model.trim="dataForm.homeId" |
|||
:disabled="changeDDisabled" |
|||
placeholder="房号" |
|||
clearable |
|||
style="width: 120px;" |
|||
> |
|||
<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> |
|||
<br/> |
|||
<el-form-item label="出租人" label-width="100px"> |
|||
<el-input v-model="dataForm.lessorName" placeholder='承租人' clearable @keyup.native="btKeyUpLessorName"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="出租身份证" label-width="100px"> |
|||
<el-input v-model="dataForm.lessorIdCard" placeholder='承租人身份证' clearable @keyup.native="btKeyUpLessorIdCard"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="出租手机号" label-width="100px"> |
|||
<el-input v-model="dataForm.lessorMobile" placeholder='承租人手机号' clearable @keyup.native="btKeyUpLessorMobile"></el-input> |
|||
</el-form-item> |
|||
<br/> |
|||
<el-form-item label="承租人" label-width="100px"> |
|||
<el-input v-model="dataForm.lesseeName" placeholder='承租人' clearable @keyup.native="btKeyUpLesseeName"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="承租人身份证" label-width="100px"> |
|||
<el-input v-model="dataForm.lesseeIdCard" placeholder='承租人身份证' clearable @keyup.native="btKeyUpLesseeIdCard"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="承租人手机号" label-width="100px"> |
|||
<el-input v-model="dataForm.lesseeMobile" placeholder='承租人手机号' clearable @keyup.native="btKeyUpLesseeMobile"></el-input> |
|||
</el-form-item> |
|||
<br/> |
|||
|
|||
<el-form-item label="合同到期时间" prop="endDate" label-width="100px"> |
|||
<el-select v-model="dataForm.endDate" placeholder="合同到期时间" clearable> |
|||
<el-option v-for="item in endDateArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="合同签订时间" prop="startTime" label-width="100px"> |
|||
<el-date-picker v-model="dataForm.startTime" |
|||
type="date" |
|||
:picker-options="pickerBeginDateBefore" |
|||
value-format="yyyy-MM-dd" |
|||
format="yyyy-MM-dd" |
|||
placeholder="选择日期时间" |
|||
style="width:200px" @change="changeTime"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="至" prop="endTime"> |
|||
<el-date-picker v-model="dataForm.endTime" |
|||
type="date" |
|||
:picker-options="pickerBeginDateAfter" |
|||
value-format="yyyy-MM-dd" |
|||
format="yyyy-MM-dd" |
|||
placeholder="选择日期时间" |
|||
style="width:200px" @change="changeTime"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button v-if="false" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> |
|||
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
|||
<template slot-scope="scope"> |
|||
{{scope.$index+1}} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="gridName" label="所属网格" header-align="center" align="center"></el-table-column> |
|||
<el-table-column label="所属房屋" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{scope.row.villageName}}{{scope.row.buildName}}{{scope.row.unitName}}{{scope.row.homeName}} |
|||
</template> |
|||
</el-table-column> |
|||
<!-- <el-table-column prop="buildName" label="楼号" header-align="center" align="center"></el-table-column>--> |
|||
<!-- <el-table-column prop="unitName" label="单元" header-align="center" align="center"></el-table-column>--> |
|||
<!-- <el-table-column prop="homeName" label="房屋" header-align="center" align="center"></el-table-column>--> |
|||
<el-table-column prop="lessorName" label="出租人" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="lessorMobile" label="手机号" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="lesseeName" label="承租人" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="lesseeMobile" label="手机号" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="signDate" label="合同签订时间" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="startDate" label="合同开始时间" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="endDate" label="合同结束时间" header-align="center" align="center"></el-table-column> |
|||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id,'1')">{{ $t('lookBtn') }}</el-button> |
|||
<!-- <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>--> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination |
|||
:current-page="page" |
|||
:page-sizes="[10, 20, 50, 100]" |
|||
:page-size="limit" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper" |
|||
@size-change="pageSizeChangeHandle" |
|||
@current-change="pageCurrentChangeHandle"> |
|||
</el-pagination> |
|||
<!-- 弹窗, 新增 / 修改 --> |
|||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
|||
</div> |
|||
</el-card> |
|||
</template> |
|||
|
|||
<script> |
|||
import mixinViewModule from '@/mixins/view-module' |
|||
import AddOrUpdate from './rentcontractinfo-add-or-update' |
|||
export default { |
|||
mixins: [mixinViewModule], |
|||
data: function () { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/pli/power/rentContractInfo/page', |
|||
getDataListIsPage: true, |
|||
deleteURL: '/pli/power/rentContractInfo', |
|||
deleteIsBatch: true |
|||
}, |
|||
optionsV: [], |
|||
optionsB: [], |
|||
optionsH: [], |
|||
optionsD: [], |
|||
optionsG: [], |
|||
dataForm: { |
|||
id: '', |
|||
gridId: '', |
|||
villageId: '', |
|||
buildId: '', |
|||
unitId: '', |
|||
homeId: '', |
|||
lesseeName: '', |
|||
lesseeIdCard: '', |
|||
lesseeMobile: '', |
|||
lessorName: '', |
|||
lessorIdCard: '', |
|||
lessorMobile: '', |
|||
startTime: '', |
|||
endTime: '', |
|||
endDate: '' |
|||
}, |
|||
pickerBeginDateBefore: { |
|||
disabledDate: (time) => { |
|||
let beginDateVal = this.dataForm.endTime |
|||
if (beginDateVal) { |
|||
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime() |
|||
} |
|||
} |
|||
}, |
|||
pickerBeginDateAfter: { |
|||
disabledDate: (time) => { |
|||
let EndDateVal = this.dataForm.startTime |
|||
if (EndDateVal) { |
|||
return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime() |
|||
} |
|||
} |
|||
}, |
|||
endDateArr: [ |
|||
{dictValue: '0', dictName: '近一个月'}, |
|||
{dictValue: '1', dictName: '近两个月'}, |
|||
{dictValue: '2', dictName: '近三个月'}, |
|||
{dictValue: '3', dictName: '到期的房屋合同'} |
|||
] |
|||
} |
|||
}, |
|||
components: { |
|||
AddOrUpdate |
|||
}, |
|||
created () { |
|||
this.getGridList() |
|||
this.getValiheList() |
|||
}, |
|||
computed: { |
|||
changeVDisabled() { |
|||
return !this.dataForm.villageId |
|||
}, |
|||
changeBDisabled() { |
|||
return !this.dataForm.buildId |
|||
}, |
|||
changeDDisabled() { |
|||
return !this.dataForm.unitId |
|||
} |
|||
}, |
|||
methods: { |
|||
// 新增 / 修改 |
|||
addOrUpdateHandle (id,flag) { |
|||
this.addOrUpdateVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.addOrUpdate.dataForm.id = id |
|||
this.$refs.addOrUpdate.dataForm.flag = flag |
|||
this.$refs.addOrUpdate.init() |
|||
}) |
|||
}, |
|||
btKeyUpLesseeIdCard (e) { |
|||
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|||
this.dataForm.lesseeIdCard = e.target.value |
|||
}, |
|||
btKeyUpLesseeMobile (e) { |
|||
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|||
this.dataForm.lesseeMobile = e.target.value |
|||
}, |
|||
btKeyUpLesseeName (e) { |
|||
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|||
this.dataForm.lesseeName = e.target.value |
|||
}, |
|||
btKeyUpLessorIdCard (e) { |
|||
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|||
this.dataForm.lessorIdCard = e.target.value |
|||
}, |
|||
btKeyUpLessorMobile (e) { |
|||
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|||
this.dataForm.lessorMobile = e.target.value |
|||
}, |
|||
btKeyUpLessorName (e) { |
|||
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|||
this.dataForm.lessorName = e.target.value |
|||
}, |
|||
handleClearVillage() { |
|||
this.dataForm.buildId = '' |
|||
this.dataForm.homeId = '' |
|||
}, |
|||
handleClearBuild() { |
|||
this.dataForm.buildId = '' |
|||
this.dataForm.unitId = '' |
|||
this.dataForm.homeId = '' |
|||
}, |
|||
handleClearDan() { |
|||
this.dataForm.unitId = '' |
|||
this.dataForm.homeId = '' |
|||
}, |
|||
handleChangeGrid(val) { |
|||
console.log('val', val) |
|||
this.dataForm.villageId = '' |
|||
this.dataForm.buildId = '' |
|||
this.dataForm.unitId = '' |
|||
this.dataForm.homeId = '' |
|||
this.getValiheList() |
|||
}, |
|||
getGridList() { |
|||
const { user } = this.$store.state |
|||
this.$http |
|||
.post('/gov/org/customergrid/gridoption', { agencyId: user.agencyId, purpose: 'query' }) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsG = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getValiheList() { |
|||
const { user } = this.$store.state |
|||
this.$http |
|||
.post('/gov/org/icneighborhood/neighborhoodoption', { |
|||
gridId: this.dataForm.gridId, |
|||
agencyId: '' |
|||
// agencyId: user.agencyId |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsV = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getBuildList() { |
|||
this.$http |
|||
.post('/gov/org/icbuilding/buildingoption', { |
|||
neighborHoodId: this.dataForm.villageId |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsB = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getUniList() { |
|||
this.$http |
|||
.post('/gov/org/icbuildingunit/unitoption', { |
|||
buildingId: this.dataForm.buildId |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsD = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getHouseList() { |
|||
this.$http |
|||
.post('/gov/org/ichouse/houseoption', { unitId: this.dataForm.unitId }) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsH = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
handleChangeV(val) { |
|||
console.log('val', val) |
|||
this.dataForm.buildId = '' |
|||
this.dataForm.unitId = '' |
|||
this.dataForm.homeId = '' |
|||
this.getBuildList() |
|||
}, |
|||
handleChangeB(val) { |
|||
console.log('val', val) |
|||
this.dataForm.unitId = '' |
|||
this.dataForm.homeId = '' |
|||
this.getUniList() |
|||
}, |
|||
handleChangeD(val) { |
|||
console.log('val', val) |
|||
this.dataForm.homeId = '' |
|||
this.getHouseList() |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
@ -0,0 +1,398 @@ |
|||
<template> |
|||
<el-card shadow="never" class="aui-card--fill"> |
|||
<div class="mod-rent__rentContractInfo}"> |
|||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|||
<el-form-item label="所属网格" label-width="100px" |
|||
prop="gridId"> |
|||
<el-select |
|||
v-model.trim="dataForm.gridId" |
|||
placeholder="请选择" |
|||
clearable |
|||
@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="所属房屋" label-width="100px"> |
|||
<div class="resi-cell-value"> |
|||
<div class="resi-cell-col"> |
|||
<el-form-item prop="villageId"> |
|||
<el-select |
|||
v-model.trim="dataForm.villageId" |
|||
placeholder="请选择小区" |
|||
clearable |
|||
@clear="handleClearVillage" |
|||
@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="dataForm.buildId" |
|||
placeholder="楼号" |
|||
clearable |
|||
style="width: 120px;" |
|||
: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-form-item> |
|||
<el-form-item prop="unitId"> |
|||
<el-select |
|||
v-model.trim="dataForm.unitId" |
|||
:disabled="changeBDisabled" |
|||
placeholder="单元" |
|||
clearable |
|||
style="width: 120px;" |
|||
@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-form-item> |
|||
<el-form-item prop="homeId"> |
|||
<el-select |
|||
v-model.trim="dataForm.homeId" |
|||
:disabled="changeDDisabled" |
|||
placeholder="房号" |
|||
clearable |
|||
style="width: 120px;" |
|||
> |
|||
<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> |
|||
<br/> |
|||
<el-form-item label="审核状态" prop="scanFlag" label-width="100px"> |
|||
<el-select v-model="dataForm.state" placeholder="审核状态" clearable> |
|||
<el-option v-for="item in stateArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="承租人身份证" label-width="100px"> |
|||
<el-input v-model="dataForm.lesseeIdCard" placeholder='承租人身份证' clearable @keyup.native="btKeyUpLesseeIdCard"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="承租人手机号" label-width="100px"> |
|||
<el-input v-model="dataForm.lesseeMobile" placeholder='承租人手机号' clearable @keyup.native="btKeyUpLesseeMobile"></el-input> |
|||
</el-form-item> |
|||
<br/> |
|||
<el-form-item label="承租人" label-width="100px"> |
|||
<el-input v-model="dataForm.lesseeName" placeholder='承租人' clearable @keyup.native="btKeyUpLesseeName"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="审核时间" prop="startTime" label-width="100px"> |
|||
<el-date-picker v-model="dataForm.startTime" |
|||
type="date" |
|||
:picker-options="pickerBeginDateBefore" |
|||
value-format="yyyy-MM-dd" |
|||
format="yyyy-MM-dd" |
|||
placeholder="选择日期时间" |
|||
style="width:200px" @change="changeTime"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="至" prop="endTime"> |
|||
<el-date-picker v-model="dataForm.endTime" |
|||
type="date" |
|||
:picker-options="pickerBeginDateAfter" |
|||
value-format="yyyy-MM-dd" |
|||
format="yyyy-MM-dd" |
|||
placeholder="选择日期时间" |
|||
style="width:200px" @change="changeTime"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button v-if="false" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> |
|||
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
|||
<template slot-scope="scope"> |
|||
{{scope.$index+1}} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="gridName" label="所属网格" header-align="center" align="center"></el-table-column> |
|||
<el-table-column label="所属房屋" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{scope.row.villageName}}{{scope.row.buildName}}{{scope.row.unitName}}{{scope.row.homeName}} |
|||
</template> |
|||
</el-table-column> |
|||
<!-- <el-table-column prop="buildName" label="楼号" header-align="center" align="center"></el-table-column>--> |
|||
<!-- <el-table-column prop="unitName" label="单元" header-align="center" align="center"></el-table-column>--> |
|||
<!-- <el-table-column prop="homeName" label="房屋" header-align="center" align="center"></el-table-column>--> |
|||
<el-table-column prop="lesseeName" label="承租人" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="lesseeIdCard" label="身份证" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="lesseeMobile" label="手机" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="state" label="审核状态" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-tag v-if="scope.row.state === '1'" size="small" type="success">审核通过</el-tag> |
|||
<el-tag v-else-if="scope.row.state === '2'" size="small" type="danger">审核不通过</el-tag> |
|||
<el-tag v-else size="small">未审核</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="isBlack" label="是否黑名单人员" header-align="center" align="center"></el-table-column> |
|||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<el-button v-if="scope.row.state === '0'" type="text" size="small" @click="addOrUpdateHandle(scope.row.id,'2')">{{ $t('checkBtn') }}</el-button> |
|||
<el-button v-else type="text" size="small" @click="addOrUpdateHandle(scope.row.id,'1')">{{ $t('lookBtn') }}</el-button> |
|||
<!-- <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>--> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination |
|||
:current-page="page" |
|||
:page-sizes="[10, 20, 50, 100]" |
|||
:page-size="limit" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper" |
|||
@size-change="pageSizeChangeHandle" |
|||
@current-change="pageCurrentChangeHandle"> |
|||
</el-pagination> |
|||
<!-- 弹窗, 新增 / 修改 --> |
|||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
|||
</div> |
|||
</el-card> |
|||
</template> |
|||
|
|||
<script> |
|||
import mixinViewModule from '@/mixins/view-module' |
|||
import AddOrUpdate from './rentcontractinfo-add-or-update' |
|||
export default { |
|||
mixins: [mixinViewModule], |
|||
data () { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/pli/power/rentContractInfo/page', |
|||
getDataListIsPage: true, |
|||
deleteURL: '/pli/power/rentContractInfo', |
|||
deleteIsBatch: true |
|||
}, |
|||
optionsV: [], |
|||
optionsB: [], |
|||
optionsH: [], |
|||
optionsD: [], |
|||
optionsG: [], |
|||
dataForm: { |
|||
id: '', |
|||
gridId: '', |
|||
villageId: '', |
|||
buildId: '', |
|||
unitId: '', |
|||
homeId: '', |
|||
lesseeIdCard: '', |
|||
state: '0', |
|||
lesseeMobile: '', |
|||
lesseeName: '', |
|||
startTime: '', |
|||
endTime: '' |
|||
}, |
|||
stateArr: [ |
|||
{dictValue: '0', dictName: '未审核'}, |
|||
{dictValue: '1', dictName: '审核通过'}, |
|||
{dictValue: '2', dictName: '审核不通过'} |
|||
] |
|||
} |
|||
}, |
|||
components: { |
|||
AddOrUpdate |
|||
}, |
|||
created () { |
|||
this.getGridList() |
|||
this.getValiheList() |
|||
}, |
|||
computed: { |
|||
changeVDisabled() { |
|||
return !this.dataForm.villageId |
|||
}, |
|||
changeBDisabled() { |
|||
return !this.dataForm.buildId |
|||
}, |
|||
changeDDisabled() { |
|||
return !this.dataForm.unitId |
|||
} |
|||
}, |
|||
methods: { |
|||
// 新增 / 修改 |
|||
addOrUpdateHandle (id,flag) { |
|||
this.addOrUpdateVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.addOrUpdate.dataForm.id = id |
|||
this.$refs.addOrUpdate.dataForm.flag = flag |
|||
this.$refs.addOrUpdate.init() |
|||
}) |
|||
}, |
|||
btKeyUpLesseeIdCard (e) { |
|||
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|||
this.dataForm.lesseeIdCard = e.target.value |
|||
}, |
|||
btKeyUpLesseeMobile (e) { |
|||
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|||
this.dataForm.lesseeMobile = e.target.value |
|||
}, |
|||
btKeyUpLesseeName (e) { |
|||
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|||
this.dataForm.lesseeName = e.target.value |
|||
}, |
|||
handleClearVillage() { |
|||
this.dataForm.buildId = '' |
|||
this.dataForm.homeId = '' |
|||
}, |
|||
handleClearBuild() { |
|||
this.dataForm.buildId = '' |
|||
this.dataForm.unitId = '' |
|||
this.dataForm.homeId = '' |
|||
}, |
|||
handleClearDan() { |
|||
this.dataForm.unitId = '' |
|||
this.dataForm.homeId = '' |
|||
}, |
|||
handleChangeGrid(val) { |
|||
console.log('val', val) |
|||
this.dataForm.villageId = '' |
|||
this.dataForm.buildId = '' |
|||
this.dataForm.unitId = '' |
|||
this.dataForm.homeId = '' |
|||
this.getValiheList() |
|||
}, |
|||
getGridList() { |
|||
const { user } = this.$store.state |
|||
this.$http |
|||
.post('/gov/org/customergrid/gridoption', { agencyId: user.agencyId, purpose: 'query' }) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsG = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getValiheList() { |
|||
const { user } = this.$store.state |
|||
this.$http |
|||
.post('/gov/org/icneighborhood/neighborhoodoption', { |
|||
gridId: this.dataForm.gridId, |
|||
agencyId: '' |
|||
// agencyId: user.agencyId |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsV = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getBuildList() { |
|||
this.$http |
|||
.post('/gov/org/icbuilding/buildingoption', { |
|||
neighborHoodId: this.dataForm.villageId |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsB = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getUniList() { |
|||
this.$http |
|||
.post('/gov/org/icbuildingunit/unitoption', { |
|||
buildingId: this.dataForm.buildId |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsD = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
getHouseList() { |
|||
this.$http |
|||
.post('/gov/org/ichouse/houseoption', { unitId: this.dataForm.unitId }) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} else { |
|||
console.log('获取查询详情成功', res.data) |
|||
this.optionsH = res.data |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error('网络错误') |
|||
}) |
|||
}, |
|||
handleChangeV(val) { |
|||
console.log('val', val) |
|||
this.dataForm.buildId = '' |
|||
this.dataForm.unitId = '' |
|||
this.dataForm.homeId = '' |
|||
this.getBuildList() |
|||
}, |
|||
handleChangeB(val) { |
|||
console.log('val', val) |
|||
this.dataForm.unitId = '' |
|||
this.dataForm.homeId = '' |
|||
this.getUniList() |
|||
}, |
|||
handleChangeD(val) { |
|||
console.log('val', val) |
|||
this.dataForm.homeId = '' |
|||
this.getHouseList() |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,194 @@ |
|||
<template> |
|||
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> |
|||
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> |
|||
<el-form-item label="epmet用户主键" prop="userId"> |
|||
<el-input v-model="dataForm.userId" placeholder="epmet用户主键"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="姓名" prop="name"> |
|||
<el-input v-model="dataForm.name" placeholder="姓名"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="身份证" prop="idCard"> |
|||
<el-input v-model="dataForm.idCard" placeholder="身份证"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="手机号" prop="mobile"> |
|||
<el-input v-model="dataForm.mobile" placeholder="手机号"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="性别 0女 1男" prop="gender"> |
|||
<el-input v-model="dataForm.gender" placeholder="性别 0女 1男"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="类型 0 租客 1 房东" prop="type"> |
|||
<el-input v-model="dataForm.type" placeholder="类型 0 租客 1 房东"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="加入时间" prop="joinDate"> |
|||
<el-input v-model="dataForm.joinDate" placeholder="加入时间"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="加入原因" prop="joinReason"> |
|||
<el-input v-model="dataForm.joinReason" placeholder="加入原因"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="移除时间" prop="removeDate"> |
|||
<el-input v-model="dataForm.removeDate" placeholder="移除时间"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="移除原因" prop="removeReason"> |
|||
<el-input v-model="dataForm.removeReason" placeholder="移除原因"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="删除标记 0：未删除，1：已删除" prop="delFlag"> |
|||
<el-input v-model="dataForm.delFlag" placeholder="删除标记 0：未删除，1：已删除"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="乐观锁" prop="revision"> |
|||
<el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="创建人" prop="createdBy"> |
|||
<el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="创建时间" prop="createdTime"> |
|||
<el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="更新人" prop="updatedBy"> |
|||
<el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="更新时间" prop="updatedTime"> |
|||
<el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="客户ID" prop="customerId"> |
|||
<el-input v-model="dataForm.customerId" placeholder="客户ID"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template slot="footer"> |
|||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|||
</template> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import debounce from 'lodash/debounce' |
|||
export default { |
|||
data () { |
|||
return { |
|||
visible: false, |
|||
dataForm: { |
|||
id: '', |
|||
userId: '', |
|||
name: '', |
|||
idCard: '', |
|||
mobile: '', |
|||
gender: '', |
|||
type: '', |
|||
joinDate: '', |
|||
joinReason: '', |
|||
removeDate: '', |
|||
removeReason: '', |
|||
delFlag: '', |
|||
revision: '', |
|||
createdBy: '', |
|||
createdTime: '', |
|||
updatedBy: '', |
|||
updatedTime: '', |
|||
customerId: '' |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule () { |
|||
return { |
|||
userId: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
name: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
idCard: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
mobile: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
gender: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
type: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
joinDate: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
joinReason: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
removeDate: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
removeReason: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
delFlag: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
revision: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
createdBy: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
createdTime: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
updatedBy: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
updatedTime: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
customerId: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init () { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].resetFields() |
|||
if (this.dataForm.id) { |
|||
this.getInfo() |
|||
} |
|||
}) |
|||
}, |
|||
// 获取信息 |
|||
getInfo () { |
|||
this.$http.get(`/rent/rentDeath/${this.dataForm.id}`).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.dataForm = { |
|||
...this.dataForm, |
|||
...res.data |
|||
} |
|||
}).catch(() => {}) |
|||
}, |
|||
// 表单提交 |
|||
dataFormSubmitHandle: debounce(function () { |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (!valid) { |
|||
return false |
|||
} |
|||
this.$http[!this.dataForm.id ? 'post' : 'put']('/rent/rentDeath/', this.dataForm).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
this.visible = false |
|||
this.$emit('refreshDataList') |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
}) |
|||
}, 1000, { 'leading': true, 'trailing': false }) |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,164 @@ |
|||
<template> |
|||
<el-card shadow="never" class="aui-card--fill"> |
|||
<div class="mod-rent__rentDeath}"> |
|||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|||
<el-form-item label="姓名" |
|||
prop="name"> |
|||
<el-input v-model="dataForm.name" |
|||
size="small" |
|||
class="list_item_width_1" |
|||
clearable |
|||
placeholder="请输入姓名"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="身份证" |
|||
prop="idCard"> |
|||
<el-input v-model="dataForm.idCard" |
|||
size="small" |
|||
class="list_item_width_1" |
|||
clearable |
|||
placeholder="请输入身份证"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="手机" |
|||
prop="mobile"> |
|||
<el-input v-model="dataForm.mobile" |
|||
size="small" |
|||
class="list_item_width_1" |
|||
clearable |
|||
placeholder="请输入手机"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="迁入死亡名单时间" |
|||
prop="startTime"> |
|||
<el-date-picker v-model="timeRange" |
|||
type="daterange" |
|||
clearable |
|||
size="small" |
|||
range-separator="至" |
|||
start-placeholder="选择日期" |
|||
end-placeholder="选择日期" |
|||
value-format="yyyy-MM-dd"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button @click="getDataList()">{{ $t('query') }}</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> |
|||
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> |
|||
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> |
|||
<!--<el-table-column prop="id" label="主键" header-align="center" align="center"></el-table-column>--> |
|||
<!--<el-table-column prop="userId" label="epmet用户主键" header-align="center" align="center"></el-table-column>--> |
|||
<el-table-column prop="name" label="姓名" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="idCard" label="身份证" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="mobile" label="手机号" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="gender" label="性别" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="type" label="类型" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="joinDate" label="加入时间" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="joinReason" label="加入原因" header-align="center" align="center"></el-table-column> |
|||
<!--<el-table-column prop="removeDate" label="移除时间" header-align="center" align="center"></el-table-column>--> |
|||
<!--<el-table-column prop="removeReason" label="移除原因" header-align="center" align="center"></el-table-column>--> |
|||
<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column> |
|||
<!--<el-table-column prop="customerId" label="客户ID" header-align="center" align="center"></el-table-column>--> |
|||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<el-button @click="handleLook(scope.row)" type="text" size="small" class="btn-color-look">查看</el-button> |
|||
<!--<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>--> |
|||
<!--<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>--> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination |
|||
:current-page="page" |
|||
:page-sizes="[10, 20, 50, 100]" |
|||
:page-size="limit" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper" |
|||
@size-change="pageSizeChangeHandle" |
|||
@current-change="pageCurrentChangeHandle"> |
|||
</el-pagination> |
|||
<!-- 弹窗, 新增 / 修改 --> |
|||
<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" |
|||
@close="handleCancleLook" /> |
|||
</div> |
|||
</el-card> |
|||
</template> |
|||
|
|||
<script> |
|||
import mixinViewModule from '@/mixins/view-module' |
|||
import AddOrUpdate from './rentdeath-add-or-update' |
|||
import peopleMore from "@/views/modules/shequ/cpts/people-more"; |
|||
import { requestPost } from "@/js/dai/request"; |
|||
export default { |
|||
mixins: [mixinViewModule], |
|||
data () { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/pli/power/rentDeath/page', |
|||
getDataListIsPage: true, |
|||
deleteURL: '/pli/power/rentDeath', |
|||
deleteIsBatch: true |
|||
}, |
|||
timeRange: '', |
|||
dataForm: { |
|||
id: '' |
|||
}, |
|||
// 显示人员详情 |
|||
showedPeopleMoreInfo: false, |
|||
lookInfo: { |
|||
userId: '', |
|||
gridName: '' |
|||
} |
|||
} |
|||
}, |
|||
watch: { |
|||
timeRange (val) { |
|||
if (Array.isArray(val) && val.length == 2) { |
|||
this.dataForm.startTime = val[0]; |
|||
this.dataForm.endTime = val[1]; |
|||
} else { |
|||
this.dataForm.startTime = ""; |
|||
this.dataForm.endTime = ""; |
|||
} |
|||
} |
|||
}, |
|||
components: { |
|||
AddOrUpdate, |
|||
peopleMore |
|||
}, |
|||
methods: { |
|||
async handleLook (row) { |
|||
if(row.gridId !== ''){ |
|||
const url = '/gov/org/grid/griddetail' |
|||
let params = { |
|||
gridId : row.gridId, |
|||
} |
|||
const { data, code, msg } = await requestPost(url, params) |
|||
if(code === 0){ |
|||
this.lookInfo.gridName = data.gridName |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}else{ |
|||
this.lookInfo.gridName = '' |
|||
} |
|||
this.lookInfo.userId = row.userId |
|||
this.showedPeopleMoreInfo = true |
|||
}, |
|||
handleCancleLook() { |
|||
this.lookInfo.userId = '' |
|||
this.lookInfo.gridName = '' |
|||
this.showedPeopleMoreInfo = false |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,146 @@ |
|||
<template> |
|||
<el-dialog :visible.sync="visible" :title="dataForm.flag === '1' ? '查看' : '审核'" :close-on-click-modal="false" :close-on-press-escape="false"> |
|||
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="120px"> |
|||
<el-form-item label="姓名" prop="name"> |
|||
<el-input v-model="dataForm.name" placeholder="姓名" disabled></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="身份证" prop="idCard"> |
|||
<el-input v-model="dataForm.idCard" placeholder="身份证" disabled></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="手机号" prop="mobile"> |
|||
<el-input v-model="dataForm.mobile" placeholder="手机号" disabled></el-input> |
|||
</el-form-item> |
|||
<!--<el-form-item label="与房主关系" prop="yfzgx">--> |
|||
<!--<el-input v-model="dataForm.yfzgx" placeholder="与房主关系" disabled></el-input>--> |
|||
<!--</el-form-item>--> |
|||
<el-form-item label="照片" prop="imgList"> |
|||
<template slot-scope="scope"> |
|||
<label v-for="(item,index) in dataForm.imgList" :key="index"> |
|||
<img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="100" height="100" /> |
|||
</label> |
|||
</template> |
|||
</el-form-item> |
|||
<el-form-item v-if="dataForm.flag === '2'" label="审核原因" prop="reason"> |
|||
<textarea v-model="dataForm.reason" placeholder="请输入审核原因" class="blacklist-reason"></textarea> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template slot="footer"> |
|||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|||
<el-button v-if="dataForm.flag === '2'" type="danger" @click="dataFormSubmitHandle('2')">{{ $t('checkBTGBtn') }}</el-button> |
|||
<el-button v-if="dataForm.flag === '2'" type="primary" @click="dataFormSubmitHandle('1')">{{ $t('checkTGBtn') }}</el-button> |
|||
</template> |
|||
<el-dialog :visible.sync="dialogVisible" :modal="false"> |
|||
<img width="100%" :src="dialogImageUrl" alt=""> |
|||
</el-dialog> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import debounce from 'lodash/debounce' |
|||
export default { |
|||
data () { |
|||
return { |
|||
visible: false, |
|||
dataForm: { |
|||
id: '', |
|||
flag: '', |
|||
contractId: '', |
|||
name: '', |
|||
idCard: '', |
|||
mobile: '', |
|||
yfzgx: '', |
|||
imgList: [], |
|||
reason: '' |
|||
}, |
|||
dialogVisible: false, |
|||
dialogImageUrl: '' |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule () { |
|||
return { |
|||
contractId: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
name: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
idCard: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
mobile: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
yfzgx: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
imgList: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init () { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].resetFields() |
|||
if (this.dataForm.id) { |
|||
this.getInfo() |
|||
} |
|||
}) |
|||
}, |
|||
// 查看大图 |
|||
imgShow(url){ |
|||
this.dialogImageUrl = url |
|||
this.dialogVisible = true |
|||
}, |
|||
// 获取信息 |
|||
getInfo () { |
|||
this.$http.get(`/pli/power/rentTenantInfo/${this.dataForm.id}`).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.dataForm = { |
|||
...this.dataForm, |
|||
...res.data |
|||
} |
|||
}).catch(() => {}) |
|||
}, |
|||
// 表单提交 |
|||
dataFormSubmitHandle: debounce(function (type) { |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (!valid) { |
|||
return false |
|||
} |
|||
this.dataForm.state = type |
|||
this.$http.post('/pli/power/rentTenantInfo/landlord/review', this.dataForm).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
this.visible = false |
|||
this.$emit('refreshDataList') |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
}) |
|||
}, 1000, { 'leading': true, 'trailing': false }) |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.blacklist-reason { |
|||
width: 100%; |
|||
height: 80px; |
|||
border: 1px solid #e4e4e4; |
|||
border-radius: 4px; |
|||
resize: none; |
|||
padding: 8px; |
|||
box-sizing: border-box; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,164 @@ |
|||
<template> |
|||
<el-card shadow="never" class="aui-card--fill"> |
|||
<div class="mod-rent__rentTenantInfo}"> |
|||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|||
<el-form-item label="姓名" label-width="60px"> |
|||
<el-input v-model="dataForm.name" placeholder='姓名' clearable @keyup.native="btKeyUpName"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="身份证" label-width="60px"> |
|||
<el-input v-model="dataForm.idCard" placeholder='身份证' clearable @keyup.native="btKeyUpIdCard"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="手机号" label-width="60px"> |
|||
<el-input v-model="dataForm.mobile" placeholder='手机号' clearable @keyup.native="btKeyUpMobile"></el-input> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|||
</el-form-item> |
|||
<!--<el-form-item>--> |
|||
<!--<el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>--> |
|||
<!--</el-form-item>--> |
|||
</el-form> |
|||
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> |
|||
<!--<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>--> |
|||
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
|||
<template slot-scope="scope"> |
|||
{{scope.$index+1}} |
|||
</template> |
|||
</el-table-column> |
|||
<!--<el-table-column prop="id" label="主键" header-align="center" align="center"></el-table-column>--> |
|||
<!--<el-table-column prop="contractId" label="合同ID" header-align="center" align="center"></el-table-column>--> |
|||
<el-table-column prop="name" label="姓名" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="idCard" label="身份证" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="mobile" label="手机号" header-align="center" align="center"></el-table-column> |
|||
<!--<el-table-column prop="yfzgx" label="与房主关系" header-align="center" align="center"></el-table-column>--> |
|||
<el-table-column prop="state" label="审核状态" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-tag v-if="scope.row.state === '1'" size="small" type="success">审核通过</el-tag> |
|||
<el-tag v-else-if="scope.row.state === '2'" size="small" type="danger">审核不通过</el-tag> |
|||
<el-tag v-else size="small">未审核</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
<!--<el-table-column prop="img" label="照片" header-align="center" align="center"></el-table-column>--> |
|||
<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column> |
|||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<!--<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>--> |
|||
<!--<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>--> |
|||
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id,'1')">{{ $t('lookBtn') }}</el-button> |
|||
<el-button :disabled="scope.row.state !== '0'" type="text" size="small" @click="addOrUpdateHandle(scope.row.id,'2')">{{ $t('checkBtn') }}</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination |
|||
:current-page="page" |
|||
:page-sizes="[10, 20, 50, 100]" |
|||
:page-size="limit" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper" |
|||
@size-change="pageSizeChangeHandle" |
|||
@current-change="pageCurrentChangeHandle"> |
|||
</el-pagination> |
|||
<!-- 弹窗, 新增 / 修改 --> |
|||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
|||
<el-dialog title="审核" :visible.sync="checkVisible" width="40%"> |
|||
<textarea v-model="checkForm.reason" placeholder="请输入审核原因" class="blacklist-reason"></textarea> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="checkVisible = false">{{ $t('cancel') }}</el-button> |
|||
<el-button type="danger" @click="checkSubmitHandle('2')">{{ $t('checkBTGBtn') }}</el-button> |
|||
<el-button type="primary" @click="checkSubmitHandle('1')">{{ $t('checkTGBtn') }}</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
</el-card> |
|||
</template> |
|||
|
|||
<script> |
|||
import mixinViewModule from '@/mixins/view-module' |
|||
import AddOrUpdate from './renttenantinfo-add-or-update' |
|||
export default { |
|||
mixins: [mixinViewModule], |
|||
data () { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/pli/power/rentTenantInfo/landlord/page', |
|||
getDataListIsPage: true, |
|||
deleteURL: '/pli/power/rentTenantInfo', |
|||
deleteIsBatch: true |
|||
}, |
|||
dataForm: { |
|||
id: '', |
|||
name: '', |
|||
idCard: '', |
|||
mobile: '' |
|||
}, |
|||
checkVisible: false, |
|||
checkForm:{ |
|||
id: '', |
|||
state: '', |
|||
reason: '' |
|||
} |
|||
} |
|||
}, |
|||
components: { |
|||
AddOrUpdate |
|||
}, |
|||
methods: { |
|||
// 新增 / 修改 |
|||
addOrUpdateHandle (id,flag) { |
|||
this.addOrUpdateVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.addOrUpdate.dataForm.id = id |
|||
this.$refs.addOrUpdate.dataForm.flag = flag |
|||
this.$refs.addOrUpdate.init() |
|||
}) |
|||
}, |
|||
btKeyUpIdCard (e) { |
|||
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|||
this.dataForm.idCard = e.target.value |
|||
}, |
|||
btKeyUpMobile (e) { |
|||
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|||
this.dataForm.mobile = e.target.value |
|||
}, |
|||
btKeyUpName (e) { |
|||
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|||
this.dataForm.name = e.target.value |
|||
}, |
|||
checkHandle(id){ |
|||
this.checkForm.id = id |
|||
this.checkVisible = true |
|||
this.reason = '' |
|||
|
|||
}, |
|||
// 审核提交方法 |
|||
checkSubmitHandle: function (type) { |
|||
this.checkForm.state = type |
|||
this.$http.post('/pli/power/rentTenantInfo/landlord/review', this.checkForm).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
this.checkVisible = false |
|||
this.$emit('refreshDataList') |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.blacklist-reason { |
|||
width: 100%; |
|||
height: 80px; |
|||
border: 1px solid #e4e4e4; |
|||
border-radius: 4px; |
|||
resize: none; |
|||
padding: 8px; |
|||
box-sizing: border-box; |
|||
} |
|||
</style> |
|||
File diff suppressed because it is too large
File diff suppressed because it is too large
Loading…
Reference in new issue