|
|
|
@ -97,12 +97,20 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<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> |
|
|
|
<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> |
|
|
|
@ -110,10 +118,14 @@ |
|
|
|
<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-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" |
|
|
|
@ -159,7 +171,7 @@ |
|
|
|
<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)">{{ $t('checkBtn') }}</el-button> |
|
|
|
<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> |
|
|
|
@ -184,56 +196,60 @@ 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: '', |
|
|
|
lesseeMobile: '', |
|
|
|
lesseeName: '', |
|
|
|
startTime: '', |
|
|
|
endTime: '' |
|
|
|
}, |
|
|
|
stateArr: [ |
|
|
|
{ dictValue: '0', dictName: '未审核' }, |
|
|
|
{ dictValue: '1', dictName: '审核通过' }, |
|
|
|
{ dictValue: '2', dictName: '审核不通过' } |
|
|
|
], |
|
|
|
pickerBeginDateBefore: { |
|
|
|
disabledDate: (time) => { |
|
|
|
let beginDateVal = this.dataForm.endTime |
|
|
|
if (beginDateVal) { |
|
|
|
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime() |
|
|
|
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() |
|
|
|
}, |
|
|
|
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 |
|
|
|
}, |
|
|
|
@ -253,6 +269,15 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
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 |
|
|
|
@ -265,6 +290,18 @@ export default { |
|
|
|
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.lesseeIdCard = e.target.value |
|
|
|
}, |
|
|
|
btKeyUpLessorMobile (e) { |
|
|
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|
|
|
this.dataForm.lesseeMobile = e.target.value |
|
|
|
}, |
|
|
|
btKeyUpLessorName (e) { |
|
|
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '') |
|
|
|
this.dataForm.lesseeName = e.target.value |
|
|
|
}, |
|
|
|
handleClearVillage() { |
|
|
|
this.dataForm.buildId = '' |
|
|
|
this.dataForm.homeId = '' |
|
|
|
|
wanggongfeng
3 years ago