elink-star
/
ShibeiWorkPlatform_Frontend
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

租房审核详情页

shibei_master
wanggongfeng 4 years ago
parent
daf0122388
commit
5db7262f63
3 changed files with 110 additions and 112 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      src/i18n/zh-CN.js
  2. 211
      src/views/modules/plugins/rent/rentcontractinfo-add-or-update.vue
  3. 8
      src/views/modules/plugins/rent/rentcontractinfo.vue

3
src/i18n/zh-CN.js
View File

@ -12,6 +12,9 @@ t.add = '新增'
t.delete = '删除'
t.deleteBatch = '删除'
t.update = '修改'
t.checkBtn = '审核'
t.checkTGBtn = '审核通过'
t.checkBTGBtn = '审核不通过'
t.query = '查询'
t.export = '导出'
t.handle = '操作'

211
src/views/modules/plugins/rent/rentcontractinfo-add-or-update.vue
View File

@ -1,88 +1,97 @@
<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="gridId">
<el-input v-model="dataForm.gridId" placeholder="网格ID"></el-input>
</el-form-item>
<el-form-item label="网格" prop="gridName">
<el-input v-model="dataForm.gridName" placeholder="网格"></el-input>
</el-form-item>
<el-form-item label="楼号ID" prop="buildId">
<el-input v-model="dataForm.buildId" placeholder="楼号ID"></el-input>
</el-form-item>
<el-form-item label="楼号" prop="buildName">
<el-input v-model="dataForm.buildName" placeholder="楼号"></el-input>
</el-form-item>
<el-form-item label="单元ID" prop="unitId">
<el-input v-model="dataForm.unitId" placeholder="单元ID"></el-input>
</el-form-item>
<el-form-item label="单元" prop="unitName">
<el-input v-model="dataForm.unitName" placeholder="单元"></el-input>
</el-form-item>
<el-form-item label="房屋ID" prop="homeId">
<el-input v-model="dataForm.homeId" placeholder="房屋ID"></el-input>
</el-form-item>
<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>
<el-form-item label="状态：0未审核，1审核通过，2审核不通过" prop="state">
<el-input v-model="dataForm.state" placeholder="状态：0未审核，1审核通过，2审核不通过"></el-input>
</el-form-item>
<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>
<el-form-item label="出租人手机" prop="lessorMobile">
<el-input v-model="dataForm.lessorMobile" placeholder="出租人手机"></el-input>
</el-form-item>
<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>
<el-form-item label="承租人手机" prop="lesseeMobile">
<el-input v-model="dataForm.lesseeMobile" placeholder="承租人手机"></el-input>
</el-form-item>
<el-form-item label="签署日期" prop="signDate">
<el-input v-model="dataForm.signDate" placeholder="签署日期"></el-input>
</el-form-item>
<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>
<el-form-item label="审核-原因" prop="reason">
<el-input v-model="dataForm.reason" 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-dialog :visible.sync="visible" title="审核" :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 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 @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="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">
<label v-for="(item,index) in scope.row.imgList">
<img :src="item.fileUrl" width="20" height="20" />
</label>
</template>
</el-table-column>
</el-table>
<br/>
<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">
<img :src="item.fileUrl" width="40" height="40" />
</label>
</template>
</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>
<el-button type="primary" @click="checkHandle(1)">{{ $t('checkTGBtn') }}</el-button>
<el-button type="primary" @click="checkHandle(2)">{{ $t('checkBTGBtn') }}</el-button>
</template>
</el-dialog>
</template>
@ -113,14 +122,7 @@ export default {
lesseeMobile: '',
signDate: '',
startDate: '',
endDate: '',
reason: '',
delFlag: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: ''
endDate: ''
}
}
},
@ -183,27 +185,6 @@ export default {
],
endDate: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
reason: [
{ 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' }
]
}
}
@ -230,6 +211,16 @@ export default {
}
}).catch(() => {})
},
// 审核提交方法
checkHandle(type){
this.$message({
message: type,
type: 'success',
duration: 500,
onClose: () => {}
})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {

8
src/views/modules/plugins/rent/rentcontractinfo.vue
View File

@ -141,7 +141,11 @@
</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="gridName" label="网格" header-align="center" align="center"></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>
@ -155,7 +159,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" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button type="text" @click="addOrUpdateHandle(scope.row.id)">{{ $t('checkBtn') }}</el-button>
<el-button type="text" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
</template>
</el-table-column>

Write Preview
Loading…
Cancel
Save