elink-star
/
epmet-work-pc
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

小区管理新增

V1.0
jiangyy 3 years ago
parent
8114539d3e
commit
a9a5f38265
9 changed files with 437 additions and 491 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. 13
      src/App.vue
  2. 151
      src/assets/scss/modules/management/edit-main copy.scss
  3. 141
      src/assets/scss/modules/management/edit-main.scss
  4. 120
      src/views/modules/base/community/buildDetail.vue
  5. 94
      src/views/modules/base/community/communityDetail.vue
  6. 167
      src/views/modules/base/community/communityForm.vue
  7. 4
      src/views/modules/base/community/communityTable.vue
  8. 134
      src/views/modules/base/community/roomDetail.vue
  9. 104
      src/views/modules/base/community/roomForm.vue

13
src/App.vue
View File

@ -115,11 +115,16 @@ export default {
}
}
//弹框标题
.el-dialog__title {
font-size: 17px !important;
font-family: Source Han Serif CN !important;
font-weight: 600 !important;
color: #0043c8 !important;
font-size: 16px !important;
font-family: PingFangSC-Medium, PingFang SC !important;
font-weight: 500 !important;
color: rgba(0, 0, 0, 0.85) !important;
}
.el-dialog__header {
padding-bottom: 16px !important;
border-bottom: 1px solid #dcdee0 !important;
}
.tox-dialog__disable-scroll {

151
src/assets/scss/modules/management/edit-main copy.scss
View File

@ -0,0 +1,151 @@
@import "@/assets/scss/c/config.scss";
@import "@/assets/scss/c/function.scss";
.edit_form{
}
//编辑框-普通form宽度
.edit_item_width_normal{
width:320px;
}
.m-edit{
.m-form{
padding-left:20px;
padding-right:25px;
}
/deep/ .el-form .el-form-item{
border: 1px solid #D3DCE6;
margin-bottom: 0;
margin-top:2px;
height:47px;
// line-height: 40px;
}
.item-map{
/deep/ .el-form-item{
height:350px;
// line-height: 40px;
}
.map_line{
// height:5px;
// background-color: #ffffff;
}
.div_map{
margin-top:10px;
height:280px;
padding-bottom:10px;
}
}
.item-image{
/deep/ .el-form-item{
height:185px;
// line-height: 40px;
}
.item-imagebtn {
display: flex;
justify-content: space-between;
padding: 11px 23px;
align-items: center;
}
.d-img{
height:140px;
// width:117px;
}
.pic-btn {
width: 75px;
height: 25px;
background: linear-gradient(0deg, #32adab 0%, #2ad0cc 100%);
border-radius: 3px;
font-size: 14px;
font-family: Source Han Serif CN;
font-weight: 500;
color: #ffffff;
line-height: 23px;
text-align: center;
}
}
.item-textarea{
/deep/ .el-form-item{
height:89px;
// line-height: 40px;
}
/deep/ .el-form-item__content{
height:78px;
}
/deep/ .el-input__countx {
background:none;
}
}
/deep/ .el-form-item__label{
background: #D6E2F8;
height:100%;
line-height: 40px;
}
/deep/ .el-form-item__content{
width:760px;
margin:5px 6px;
background: #F6F6F6;
padding:0 16px;
line-height: 36px
}
/deep/ .el-input__inner{
width:95%;
background-color: #F6F6F6;
border:0px;
line-height: 26px;
padding:0px;
}
/deep/ .el-textarea__inner {
width:100%;
background-color: #F6F6F6;
border:0px;
line-height: 26px;
padding:0px;
}
/deep/ .el-input .el-input__count .el-input__count-inner {
background:none;
}
/deep/ .el-input__prefix{
left:700px;
}
}
.edit_item_width_1{
width:100%;
}
//带着按钮
.edit_item_btn_width_1{
width:650px;
}
.edit-btn-1{
float:right;
margin-right:10px;
}
.div_btn {
margin-top: 20px;
text-align: center;
}

141
src/assets/scss/modules/management/edit-main.scss
View File

@ -2,141 +2,38 @@
@import "@/assets/scss/c/config.scss";
@import "@/assets/scss/c/function.scss";
.edit_form{
margin-top: 30px;
.m-edit{
.m-form{
padding-left:20px;
padding-right:25px;
}
/deep/ .el-form .el-form-item{
border: 1px solid #D3DCE6;
margin-bottom: 0;
margin-top:2px;
height:47px;
// line-height: 40px;
}
.item-map{
/deep/ .el-form-item{
height:350px;
// line-height: 40px;
}
.map_line{
// height:5px;
// background-color: #ffffff;
}
.div_map{
margin-top:10px;
height:280px;
padding-bottom:10px;
}
}
.item-image{
/deep/ .el-form-item{
height:185px;
// line-height: 40px;
}
.item-imagebtn {
display: flex;
justify-content: space-between;
padding: 11px 23px;
align-items: center;
}
.d-img{
height:140px;
// width:117px;
}
.pic-btn {
width: 75px;
height: 25px;
background: linear-gradient(0deg, #32adab 0%, #2ad0cc 100%);
border-radius: 3px;
font-size: 14px;
font-family: Source Han Serif CN;
font-weight: 500;
color: #ffffff;
line-height: 23px;
text-align: center;
}
/deep/ .el-form-item{
margin-bottom:14px;
}
}
.item-textarea{
/deep/ .el-form-item{
height:89px;
// line-height: 40px;
}
/deep/ .el-form-item__content{
height:78px;
}
/deep/ .el-input__countx {
background:none;
}
}
//编辑框-普通form宽度
.edit_item_width_normal{
width:320px;
}
/deep/ .el-form-item__label{
background: #D6E2F8;
height:100%;
line-height: 40px;
}
/deep/ .el-form-item__content{
width:760px;
margin:5px 6px;
background: #F6F6F6;
padding:0 16px;
line-height: 36px
}
/deep/ .el-input__inner{
width:95%;
background-color: #F6F6F6;
border:0px;
line-height: 26px;
padding:0px;
}
/deep/ .el-textarea__inner {
width:100%;
background-color: #F6F6F6;
border:0px;
line-height: 26px;
padding:0px;
}
.edit_map{
/deep/ .el-input .el-input__count .el-input__count-inner {
background:none;
.edit_map_search{
margin-bottom: 10px;
}
/deep/ .el-input__prefix{
left:700px;
.edit_div_map{
margin-top:10px;
height:280px;
padding-bottom:10px;
}
}
.edit_item_width_1{
width:100%;
}
//带着按钮
.edit_item_btn_width_1{
width:650px;
}
.edit-btn-1{
float:right;
margin-right:10px;
}
.div_btn {
display: flex;
margin-top: 20px;
margin-right:16px;
justify-content: flex-end;
text-align: center;
}

120
src/views/modules/base/community/buildDetail.vue
View File

@ -3,108 +3,65 @@
<div class="dialog-h-content scroll-h">
<div v-if="initLoading"
class="d-row">
<div class="d-info">
<div class="d-info-prop">
<div class="d-title">所属小区：</div>
<div class="d-content">
<div class="d-content-in">{{ agencyObj.agencyName }}—{{ agencyObj.gridName }}—{{ agencyObj.label }}</div>
</div>
class="m-row">
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">所属小区：</span>
<span>{{ agencyObj.agencyName }}—{{ agencyObj.gridName }}—{{ agencyObj.label }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">楼栋名称：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.buildingName||'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">楼栋名称：</span>
<span>{{ dataForm.buildingName?dataForm.buildingName:'--' }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">楼栋编码：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.coding||'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">楼栋编码：</span>
<span>{{ dataForm.coding?dataForm.coding:'--'}}</span>
</div>
<div class="d-info-prop">
<div class="d-title">楼栋类型：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.typeName ||'--'}}</div>
</div>
<div class="info-prop">
<span class="info-title-2">楼栋类型：</span>
<span>{{ dataForm.typeName?dataForm.typeName:'--'}}</span>
</div>
<div class="d-info-prop">
<div class="d-title">单元数：</div>
<div class="d-content">
<div class="d-content-in">{{dataForm.totalUnitNum?dataForm.totalUnitNum:0 }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">单元数：</span>
<span>{{dataForm.totalUnitNum?dataForm.totalUnitNum:0 }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">层数：</div>
<div class="d-content">
<div class="d-content-in">{{dataForm.totalFloorNum?dataForm.totalFloorNum:0 }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">层数：</span>
<span>{{dataForm.totalFloorNum?dataForm.totalFloorNum:0 }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">总户数：</div>
<div class="d-content">
<div class="d-content-in">{{dataForm.totalHouseNum?dataForm.totalHouseNum:0 }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">总户数：</span>
<span>{{dataForm.totalHouseNum?dataForm.totalHouseNum:0 }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">人口数：</div>
<div class="d-content">
<div class="d-content-in">{{dataForm.realPerson?dataForm.realPerson:0 }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">人口数：</span>
<span>{{dataForm.realPerson?dataForm.realPerson:0 }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">楼长姓名：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.buildingLeaderName||'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">楼长姓名：</span>
<span>{{ dataForm.buildingLeaderName?dataForm.buildingLeaderName:'--' }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">楼长电话：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.buildingLeaderMobile||'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">楼长电话：</span>
<span>{{ dataForm.buildingLeaderMobile?dataForm.buildingLeaderMobile:'--' }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">详细地址：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.coordinatePosition||'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">详细地址：</span>
<span>{{ dataForm.coordinatePosition?dataForm.coordinatePosition:'--' }}</span>
</div>
<!-- <div v-show="dataForm.coordinatePosition"
class="d-info-prop">
<div class="d-title">地图位置：</div>
<div v-show="dataForm.coordinatePosition"
class="info-prop">
<span class="info-title-2">地图位置：</span>
<div class="div_map">
<div id="app_detail_build"></div>
</div>
</div> -->
<div v-show="dataForm.coordinatePosition"
class="d-info-prop d-info-prop-map">
<div class="d-title">地图位置：</div>
<div class="d-content">
<div class="d-map">
<div id="app_detail_build"></div>
</div>
</div>
</div>
</div>
@ -113,7 +70,6 @@
</div>
<div class="div-btn">
<el-button size="small"
class="diy-button--blue"
@click="handleCancle">关 闭</el-button>
</div>

94
src/views/modules/base/community/communityDetail.vue
View File

@ -3,76 +3,57 @@
<div class="dialog-h-content scroll-h">
<div v-if="initLoading"
class="d-row">
<div class="d-info">
<div class="d-info-prop">
<div class="d-title">所属组织：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.agencyName }}</div>
</div>
class="m-row">
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">所属组织：</span>
<span>{{ dataForm.agencyName }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">所属网格：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.gridName?dataForm.gridName:'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">所属网格：</span>
<span>{{ dataForm.gridName?dataForm.gridName:'--' }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">小区名称：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.neighborHoodName}}</div>
</div>
<div class="info-prop">
<span class="info-title-2">小区名称：</span>
<span>{{ dataForm.neighborHoodName}}</span>
</div>
<div class="d-info-prop ">
<div class="d-title">小区编码：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.coding?dataForm.coding:'--'}}</div>
</div>
<div class="info-prop">
<span class="info-title-2">小区编码：</span>
<span>{{ dataForm.coding?dataForm.coding:'--'}}</span>
</div>
<div class="d-info-prop d-info-prop-pic">
<div class="d-title">二维码：</div>
<div class="d-content">
<div v-if="dataForm.qrcodeUrl"
class="content-pic">
<img class="d-img"
:src="dataForm.qrcodeUrl">
<a class="pic-btn"
style="margin-left: 80px"
:href="dataForm.qrcodeUrl"
target="_blank">下载</a>
</div>
</div>
<div v-if="dataForm.qrcodeUrl"
style="display: flex;flex-direction: column;">
<img style="margin-left: 70px;width: 200px;"
:src="dataForm.qrcodeUrl">
<a style="margin-left: 80px"
:href="dataForm.qrcodeUrl"
target="_blank">下载</a>
</div>
<div class="d-info-prop">
<div class="d-title">关联物业：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.propertyShow?dataForm.propertyShow:'--'}}</div>
</div>
<div class="info-prop">
<span class="info-title-2">关联物业：</span>
<span>{{ dataForm.propertyShow?dataForm.propertyShow:'--'}}</span>
</div>
<div class="d-info-prop">
<div class="d-title">实有楼栋：</div>
<div class="d-content">
<div class="d-content-in">{{dataForm.realBuilding?dataForm.realBuilding:0 }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">实有楼栋：</span>
<span>{{dataForm.realBuilding?dataForm.realBuilding:0 }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">详细地址：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.address }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">详细地址：</span>
<span>{{ dataForm.address }}</span>
</div>
<div class="d-info-prop d-info-prop-map">
<div class="d-title">地图位置：</div>
<div class="d-content">
<div class="d-map">
<div id="app_detail_community"></div>
</div>
<div class="info-prop">
<span class="info-title-2">地图位置：</span>
<div class="div_map">
<div id="app_detail_community"></div>
</div>
</div>
@ -82,7 +63,6 @@
</div>
<div class="div-btn">
<el-button size="small"
class="diy-button--blue"
@click="handleCancle">关 闭</el-button>
</div>

167
src/views/modules/base/community/communityForm.vue
View File

@ -1,14 +1,14 @@
<template>
<div>
<div class="dialog-h-content scroll-h m-edit">
<el-form ref="ref_form"
:inline="true"
:model="dataForm"
:rules="dataRule"
label-width="90px"
class="m-form">
<div v-show="!propertyFormShow">
<div class="dialog-h-content scroll-h">
<div v-show="!propertyFormShow">
<el-form ref="ref_form"
:inline="true"
:model="dataForm"
:rules="dataRule"
label-width="150px"
class="edit_form">
<el-form-item label="所属组织"
style="display: block">
<span>{{ dataForm.agencyName }}</span>
@ -16,7 +16,7 @@
<el-form-item label="所属网格"
prop="gridId"
style="display: block">
<el-select class="edit_item_width_1"
<el-select class="edit_item_width_normal"
v-model="dataForm.gridId"
placeholder="请选择"
clearable>
@ -31,48 +31,57 @@
<el-form-item label="小区名称"
prop="neighborHoodName"
style="display: block">
<el-input class="edit_item_width_1"
<el-input class="edit_item_width_normal"
maxlength="50"
show-word-limit
placeholder="请输入小区名称"
v-model="dataForm.neighborHoodName">
</el-input>
</el-form-item>
<el-form-item label="小区编码"
prop="coding"
style="display: block">
<el-input class="edit_item_btn_width_1"
<el-input class="edit_item_width_normal"
maxlength="50"
placeholder="请输入楼栋编码"
v-model="dataForm.coding">
</el-input>
<el-button type="text"
<el-button style="margin-left: 10px"
type="text"
class="div-table-button--blue"
icon="el-icon-upload2"
size="small"
class="div-table-button--blue edit-btn-1"
@click="handleCode">生成</el-button>
</el-form-item>
<div v-if="dataForm.qrcodeUrl"
class="item-image">
<el-form-item label="二维码"
prop="coding"
style="display: block">
<div class="item-imagebtn">
<img class="d-img"
<el-form-item v-if="dataForm.qrcodeUrl"
label="二维码"
prop="coding"
style="display: block">
<div style="display: flex; align-items:center">
<div class="edit_item_width_normal">
<img style="margin-left: 30px;width: 200px;"
:src="dataForm.qrcodeUrl">
<a class="pic-btn"
:href="dataForm.qrcodeUrl"
target="_blank">下载</a>
</div>
</el-form-item>
</div>
<a style="margin-left: 10px;"
class="div-table-button--blue"
:href="dataForm.qrcodeUrl"
target="_blank"><i class="el-icon-download"></i>下载</a>
</div>
</el-form-item>
<!-- <div
style="display: flex;flex-direction: column;">
<a style="margin-left: 80px"
:href="dataForm.qrcodeUrl"
target="_blank">下载</a>
</div> -->
<el-form-item label="关联物业"
prop="propertyId"
style="display: block">
<el-select class="edit_item_btn_width_1"
<el-select class="edit_item_width_normal"
v-model="dataForm.propertyId"
placeholder="请选择"
filterable
@ -83,30 +92,31 @@
:value="item.propertyId">
</el-option>
</el-select>
<el-button type="text"
<el-button style="margin-left: 10px"
type="text"
class="div-table-button--blue"
icon="el-icon-plus"
size="small"
class="div-table-button--blue edit-btn-1"
@click="handleAddProperty">添加物业</el-button>
</el-form-item>
<el-form-item label="实有楼栋"
style="display: block"
prop="realBuilding">
<el-input-number class="item_width_4"
<el-input-number class="edit_item_width_normal"
v-model="dataForm.realBuilding"
:min="0"
:max="9999"
label="总户数"></el-input-number>
</el-form-item>
<div class="item-map">
<el-form-item label="地图位置"
prop="longitude"
style="display: block">
<el-form-item label="地图位置"
prop="longitude"
style="display: block">
<div class="edit_item_width_normal edit_map">
<el-select v-model="searchValue"
filterable
style="width: 500px"
class="edit_item_width_normal edit_map_search"
remote
:reserve-keyword="true"
placeholder="请输入关键词"
@ -119,63 +129,57 @@
:value="item.value">
</el-option>
</el-select>
<div class="map_line"></div>
<div id="app_community"
style=""
class="div_map"></div>
</el-form-item>
</div>
class="edit_div_map"></div>
</div>
</el-form-item>
<el-form-item label="详细地址"
prop="address"
style="display: block">
<el-input class="edit_item_width_1"
<el-input class="edit_item_width_normal"
maxlength="50"
show-word-limit
placeholder="请输入详细地址"
v-model="dataForm.address">
</el-input>
</el-form-item>
<!-- <div class="item-textarea"> -->
<el-form-item label="备注"
prop="remark"
style="display: block">
<!-- <el-input class="edit_item_width_1"
type="textarea"
maxlength="500"
show-word-limit
resize="none"
:rows="3"
placeholder="请输入备注，不超过500字"
v-model="dataForm.remark"></el-input> -->
<el-input class="edit_item_width_1"
<el-input class="edit_item_width_normal"
type="textarea"
maxlength="500"
show-word-limit
:rows="3"
placeholder="请输入备注，不超过500字"
v-model="dataForm.remark">
v-model="dataForm.remark"></el-input>
</el-form-item>
</el-form>
</div>
<div v-show="propertyFormShow">
<el-form :inline="false"
:model="propertyForm"
:rules="propertyRule"
label-width="150px"
class="edit_form">
<el-form-item label="物业名称"
prop="name"
style="display: block">
<el-input class="edit_item_width_normal"
maxlength="10"
placeholder="请输入小区名称"
v-model="propertyForm.name">
</el-input>
</el-form-item>
<!-- </div> -->
</div>
<el-form-item v-show="propertyFormShow"
label="物业名称"
prop="name"
style="display: block">
<el-input class="edit_item_width_1"
maxlength="10"
placeholder="请输入物业名称"
v-model="propertyName">
</el-input>
</el-form-item>
</el-form>
</el-form>
</div>
</div>
<div class="div_btn">
<el-button size="small"
class="diy-button--gray"
class="diy-button--white"
@click="handleCancle">取 消</el-button>
<el-button size="small"
class="diy-button--blue"
@ -227,8 +231,9 @@ export default {
},
propertyFormShow: false,
propertyName: '',
propertyForm: {
name: ''
},
keyWords: '',
agencyObj: {}
@ -402,7 +407,7 @@ export default {
},
handleAddProperty () {
this.propertyName = ''
this.propertyForm.name = ''
this.propertyFormShow = true
},
@ -458,7 +463,7 @@ export default {
},
async addProperty () {
if (!this.propertyName || this.propertyName === '') {
if (!this.propertyForm.name || this.propertyForm.name === '') {
this.$message({
type: 'error',
message: '物业名称不能为空'
@ -468,7 +473,7 @@ export default {
const url = '/gov/org/propertymanagement/add'
// const url = "http://yapi.elinkservice.cn/mock/245/gov/org/propertymanagement/add"
let params = {
name: this.propertyName
name: this.propertyForm.name
}
const { data, code, msg } = await requestPost(url, params)
@ -479,7 +484,7 @@ export default {
message: '操作成功'
})
this.dataForm.propertyId = data.propertyId
this.propertyName = ''
this.propertyForm.name = ''
this.propertyFormShow = false
this.loadProperty()
} else {
@ -488,7 +493,7 @@ export default {
},
handleCancle () {
if (this.propertyFormShow) {
this.propertyName = ''
this.propertyForm.name = ''
this.propertyFormShow = false
} else {
this.resetData()

4
src/views/modules/base/community/communityTable.vue
View File

@ -258,7 +258,7 @@
:close-on-click-modal="false"
:close-on-press-escape="false"
:title="'小区详情'"
width="950px"
width="720px"
top="5vh"
class="dialog-h"
@closed="detailFormCancle">
@ -271,7 +271,7 @@
:close-on-click-modal="false"
:close-on-press-escape="false"
:title="formTitle"
width="950px"
width="670px"
top="5vh"
class="dialog-h"
@closed="diaClose">

134
src/views/modules/base/community/roomDetail.vue
View File

@ -1,115 +1,70 @@
<template>
<div>
<div class="dialog-h-content scroll-h">
<div class="div_tuomin">
<el-button v-if="view_real_data"
size="mini"
class="diy-button--search"
@click="handleTuomin">显示脱敏信息</el-button>
</div>
<div v-if="initLoading"
class="d-row">
<div class="d-info">
<div class="d-info-prop">
<div class="d-title">所属楼栋：</div>
<div class="d-content">
<div class="d-content-in">{{ agencyObj.neighborHoodName }}-{{agencyObj.label}}</div>
</div>
class="m-row">
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">所属楼栋：</span>
<span>{{ agencyObj.neighborHoodName }}-{{agencyObj.label}}</span>
</div>
<div class="d-info-prop">
<div class="d-title">单元号：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.unitName||'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">单元号：</span>
<span>{{ dataForm.unitName?dataForm.unitName:'--' }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">门牌号：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.doorName||'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">门牌号：</span>
<span>{{ dataForm.doorName}}</span>
</div>
<div class="d-info-prop">
<div class="d-title">房屋编码：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.coding||'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">房屋编码：</span>
<span>{{ dataForm.coding?dataForm.coding:'--'}}</span>
</div>
<div v-if="dataForm.houseQrcodeUrl"
class="d-info-prop d-info-prop-pic">
<div class="d-title">房屋二维码：</div>
<div class="d-content">
<div v-if="dataForm.houseQrcodeUrl"
class="content-pic">
<img class="d-img"
:src="dataForm.houseQrcodeUrl">
<a class="pic-btn"
style="margin-left: 80px"
:href="dataForm.houseQrcodeUrl"
target="_blank">下载</a>
</div>
</div>
</div>
<!-- <div v-if="dataForm.houseQrcodeUrl"
style="display: flex;flex-direction: column;">
<img style="margin-left: 70px;width: 200px;"
:src="dataForm.houseQrcodeUrl">
<a style="margin-left: 80px"
:href="dataForm.houseQrcodeUrl"
target="_blank">下载</a>
</div> -->
<div class="d-info-prop">
<div class="d-title">房屋类型：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.houseTypeName||'--' }}</div>
</div>
</div>
<div class="d-info-prop">
<div class="d-title">房屋用途：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.purposeName||'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">房屋类型：</span>
<span>{{dataForm.houseTypeName?dataForm.houseTypeName:'--' }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">房屋状态：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.rentName||'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">房屋用途：</span>
<span>{{dataForm.purposeName?dataForm.purposeName:'--' }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">房主姓名：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.ownerName||'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">房屋状态：</span>
<span>{{dataForm.rentName?dataForm.rentName:'--' }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">联系方式：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.showOwnerPhone||'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">房主姓名：</span>
<span>{{dataForm.ownerName?dataForm.ownerName:'--' }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">房主身份证：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.showOwnerIdCard||'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">联系方式：</span>
<span>{{dataForm.showOwnerPhone?dataForm.showOwnerPhone:'--' }}</span>
</div>
<div class="d-info-prop">
<div class="d-title">备注：</div>
<div class="d-content">
<div class="d-content-in">{{ dataForm.remark||'--' }}</div>
</div>
<div class="info-prop">
<span class="info-title-2">房主身份证：</span>
<span>{{dataForm.showOwnerIdCard?dataForm.showOwnerIdCard:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">备注：</span>
<span>{{dataForm.remark?dataForm.remark:'--' }}</span>
</div>
</div>
@ -117,12 +72,7 @@
</div>
<div class="div-btn">
<el-button v-if="view_real_data"
size="mini"
class="diy-button--orange"
@click="handleTuomin">显示脱敏信息</el-button>
<el-button size="small"
class="diy-button--blue"
@click="handleCancle">关 闭</el-button>
</div>

104
src/views/modules/base/community/roomForm.vue
View File

@ -1,23 +1,25 @@
<template>
<div>
<div class="dialog-h-content scroll-h m-edit">
<div class="dialog-h-content scroll-h">
<el-form ref="ref_form"
:inline="true"
:inline="false"
:model="dataForm"
:rules="dataRule"
label-width="90px"
class="m-form">
:disabled="formType === 'detail'"
class="form">
<el-form-item label="所属楼栋"
label-width="150px"
style="display: block">
<span>{{ agencyObj.neighborHoodName }}-{{agencyObj.label}}</span>
</el-form-item>
<el-form-item label="单元号"
prop="buildingUnitId"
label-width="150px"
style="display: block">
<el-select class="edit_item_width_1"
<el-select class="item_width_1"
v-model="dataForm.buildingUnitId"
placeholder="请选择"
clearable>
@ -31,65 +33,52 @@
<el-form-item label="门牌号"
prop="doorName"
label-width="150px"
style="display: block">
<el-input class="edit_item_width_1"
<el-input class="item_width_1"
placeholder="请输入门牌号"
v-model="dataForm.doorName">
</el-input>
</el-form-item>
<el-form-item label="房屋编码"
<el-form-item v-if="formType != 'detail'"
label="房屋编码"
prop="coding"
label-width="150px"
style="display: block">
<el-input class="edit_item_btn_width_1"
<el-input class="item_width_2"
maxlength="50"
placeholder="请输入楼栋编码"
v-model="dataForm.coding">
</el-input>
<el-button type="text"
<el-button style="margin-left: 10px"
type="primary"
size="small"
class="div-table-button--blue edit-btn-1"
@click="handleCode">生成</el-button>
</el-form-item>
<el-form-item label="房屋编码"
prop="houseCode"
style="display: block">
<el-input class="edit_item_width_1"
maxlength="30"
v-model="dataForm.houseCode">
</el-input>
</el-form-item>
<div v-if="dataForm.houseQrcodeUrl"
class="item-image">
<el-form-item label="二维码"
prop="coding"
<div v-if="formType === 'detail'">
<el-form-item label="房屋编码"
prop="houseCode"
label-width="150px"
style="display: block">
<div class="item-imagebtn">
<img class="d-img"
:src="dataForm.houseQrcodeUrl">
<a class="pic-btn"
:href="dataForm.houseQrcodeUrl"
target="_blank">下载</a>
</div>
<el-input class="item_width_1"
maxlength="30"
v-model="dataForm.houseCode">
</el-input>
</el-form-item>
<div v-if="dataForm.houseQrcodeUrl"
style="display: flex;flex-direction: column;">
<img style="margin-left: 70px;width: 200px;"
:src="dataForm.houseQrcodeUrl">
<a style="margin-left: 80px"
:href="dataForm.houseQrcodeUrl"
target="_blank">下载</a>
</div>
</div>
<!-- <div v-if="dataForm.houseQrcodeUrl"
style="display: flex;flex-direction: column;">
<img style="margin-left: 70px;width: 200px;"
:src="dataForm.houseQrcodeUrl">
<a style="margin-left: 80px"
:href="dataForm.houseQrcodeUrl"
target="_blank">下载</a>
</div> -->
<!-- <el-form-item label="居住人数"
style="display: block"
prop="realPerson"
>
label-width="150px">
<el-input-number class="item_width_4"
v-model="dataForm.realPerson"
:min="0"
@ -98,6 +87,7 @@
</el-form-item> -->
<el-form-item label="房屋类型"
prop="houseType"
label-width="150px"
style="display: block">
<el-radio-group v-model="houseType">
@ -109,6 +99,7 @@
<el-form-item label="房屋用途"
prop="purpose"
label-width="150px"
style="display: block">
<el-radio-group v-model="purpose">
@ -124,6 +115,7 @@
<el-form-item label="房屋状态"
prop="rentFlag"
label-width="150px"
style="display: block">
<el-radio-group v-model="rentFlag">
@ -137,8 +129,9 @@
<el-form-item label="房主姓名"
prop="ownerName"
label-width="150px"
style="display: block">
<el-input class="edit_item_width_1"
<el-input class="item_width_1"
maxlength="30"
placeholder="请输入房主姓名"
v-model="dataForm.ownerName">
@ -146,8 +139,9 @@
</el-form-item>
<el-form-item label="联系方式"
prop="ownerPhone"
label-width="150px"
style="display: block">
<el-input class="edit_item_width_1"
<el-input class="item_width_1"
type='number'
placeholder="请输入联系方式"
v-model="dataForm.ownerPhone">
@ -155,16 +149,18 @@
</el-form-item>
<el-form-item label="房主身份证"
prop="ownerIdCard"
label-width="150px"
style="display: block">
<el-input class="edit_item_width_1"
<el-input class="item_width_1"
placeholder="请输入房主身份证"
v-model="dataForm.ownerIdCard">
</el-input>
</el-form-item>
<el-form-item label="备注"
prop="remark"
label-width="150px"
style="display: block">
<el-input class="edit_item_width_1"
<el-input class="item_width_1"
maxlength="30"
placeholder="请输入备注"
v-model="dataForm.remark">
@ -175,10 +171,10 @@
</div>
<div class="div_btn">
<el-button size="small"
class="diy-button--gray"
@click="handleCancle">取 消</el-button>
<el-button size="small"
class="diy-button--blue"
v-if="formType != 'detail'"
type="primary"
:disabled="btnDisable"
@click="handleComfirm">确 定</el-button>
</div>
@ -195,7 +191,7 @@ let loading // 加载动画
export default {
data () {
return {
formType: 'add', //表单操作类型 add新增，edit编辑
formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
btnDisable: false,
unitList: [],
@ -467,5 +463,11 @@ export default {
}
</script>
<style lang="scss" scoped >
@import "@/assets/scss/modules/management/edit-main.scss";
@import "@/assets/scss/modules/visual/communityManageForm.scss";
.div_tuomin {
position: absolute;
top: 0;
right: 40px;
}
</style>

Write Preview
Loading…
Cancel
Save