From 2c897e3afc9a79d6a89f7b3bbd6e6f27e5e8f623 Mon Sep 17 00:00:00 2001
From: wanggongfeng <1305282856@qq.com>
Date: Tue, 26 Apr 2022 09:43:09 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=9F=E6=88=BF=E5=AE=A1=E6=A0=B8=E8=AF=A6?=
=?UTF-8?q?=E6=83=85=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/i18n/zh-CN.js | 1 +
.../rent/rentcontractinfo-add-or-update.vue | 95 ++++++-----
.../modules/plugins/rent/rentcontractinfo.vue | 153 +++++++++++-------
.../plugins/rent/rentcontractreview.vue | 85 +++++++++-
4 files changed, 230 insertions(+), 104 deletions(-)
diff --git a/src/i18n/zh-CN.js b/src/i18n/zh-CN.js
index 6f3923da..993f4b0a 100644
--- a/src/i18n/zh-CN.js
+++ b/src/i18n/zh-CN.js
@@ -13,6 +13,7 @@ t.delete = '删除'
t.deleteBatch = '删除'
t.update = '修改'
t.checkBtn = '审核'
+t.lookBtn = '查看'
t.checkTGBtn = '审核通过'
t.checkBTGBtn = '审核不通过'
t.query = '查询'
diff --git a/src/views/modules/plugins/rent/rentcontractinfo-add-or-update.vue b/src/views/modules/plugins/rent/rentcontractinfo-add-or-update.vue
index fcc54a22..387ec8a9 100644
--- a/src/views/modules/plugins/rent/rentcontractinfo-add-or-update.vue
+++ b/src/views/modules/plugins/rent/rentcontractinfo-add-or-update.vue
@@ -1,43 +1,45 @@
-
+
- 房屋信息
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
房屋信息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
居住成员信息
-
-
-
- {{scope.$index+1}}
-
-
-
-
-
-
-
-
-
-
-
-
-
+
居住成员信息
+
+
+
+ {{scope.$index+1}}
+
+
+
+
+
+
+
+
+
+
![]()
+
+
+
+
+
+
合同信息
出租人信息
@@ -82,7 +84,7 @@
@@ -93,6 +95,9 @@
{{ $t('checkTGBtn') }}
{{ $t('checkBTGBtn') }}
+
+
+
@@ -104,6 +109,7 @@ export default {
visible: false,
dataForm: {
id: '',
+ flag: '',
gridId: '',
gridName: '',
buildId: '',
@@ -123,7 +129,10 @@ export default {
signDate: '',
startDate: '',
endDate: ''
- }
+ },
+ dataListLoading: false,
+ dialogVisible: false,
+ dialogImageUrl: ''
}
},
computed: {
@@ -199,6 +208,11 @@ export default {
}
})
},
+ // 查看大图
+ imgShow(url){
+ this.dialogImageUrl = url
+ this.dialogVisible = true
+ },
// 获取信息
getInfo () {
this.$http.get(`/pli/power/rentContractInfo/${this.dataForm.id}`).then(({ data: res }) => {
@@ -212,12 +226,13 @@ export default {
}).catch(() => {})
},
// 审核提交方法
- checkHandle(type){
+ checkHandle: function (type) {
this.$message({
message: type,
type: 'success',
duration: 500,
- onClose: () => {}
+ onClose: () => {
+ }
})
},
diff --git a/src/views/modules/plugins/rent/rentcontractinfo.vue b/src/views/modules/plugins/rent/rentcontractinfo.vue
index 354a5fd5..00a4dcbf 100644
--- a/src/views/modules/plugins/rent/rentcontractinfo.vue
+++ b/src/views/modules/plugins/rent/rentcontractinfo.vue
@@ -97,12 +97,20 @@
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -110,10 +118,14 @@
-
-
-
-
+
+
+
+
+
+
+
+
- {{ $t('checkBtn') }}
+ {{ $t('lookBtn') }}
{{ $t('delete') }}
@@ -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 = ''
diff --git a/src/views/modules/plugins/rent/rentcontractreview.vue b/src/views/modules/plugins/rent/rentcontractreview.vue
index 32493ba7..59124ad3 100644
--- a/src/views/modules/plugins/rent/rentcontractreview.vue
+++ b/src/views/modules/plugins/rent/rentcontractreview.vue
@@ -97,28 +97,69 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ $t('query') }}
- {{ $t('add') }}
+ {{ $t('add') }}
-
+
+
+ {{scope.$index+1}}
+
+
-
+
- {{ $t('update') }}
+ {{ $t('checkBtn') }}
{{ $t('delete') }}
@@ -162,8 +203,19 @@ export default {
villageId: '',
buildId: '',
unitId: '',
- homeId: ''
- }
+ homeId: '',
+ lesseeIdCard: '',
+ state: '0',
+ lesseeMobile: '',
+ lesseeName: '',
+ startTime: '',
+ endTime: ''
+ },
+ stateArr: [
+ {dictValue: '0', dictName: '未审核'},
+ {dictValue: '1', dictName: '审核通过'},
+ {dictValue: '2', dictName: '审核不通过'}
+ ]
}
},
components: {
@@ -185,6 +237,27 @@ 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
+ },
+ 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 = ''