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

房屋管理的新增、编辑、详情

feature
jiangyy 3 years ago
parent
62276dd5e3
commit
db43a390d5
5 changed files with 167 additions and 177 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. 126
      src/assets/scss/modules/management/detail-main.scss
  2. 103
      src/views/modules/base/community/buildDetail.vue
  3. 2
      src/views/modules/base/community/buildTable.vue
  4. 18
      src/views/modules/base/community/communityDetail.vue
  5. 95
      src/views/modules/base/community/roomDetail.vue

126
src/assets/scss/modules/management/detail-main.scss
View File

@ -18,91 +18,26 @@
.m-info-2row{
flex:0 0 1;
width:50%;
// .info-prop {
// position: relative;
// margin: 10px 0;
// display: flex;
// padding-left: 15px;
// padding-top:10px;
// .info-pics {
// display: flex;
// margin: 20px 0;
// img {
// display: block;
// width: 32%;
// height: 90px;
// margin-right: 9px;
// object-fit: cover;
// }
// }
// .line{
// text-decoration:underline;
// color: #3e8ef7;
// }
// .line:hover{
// cursor:pointer
// }
// .info-title-2 {
// flex: 0 0 100px;
// }
// .info-title-3{
// flex: 0 0 150px;
// }
// > span,
// > div {
// display: block;
// // max-width: 300px;
// }
// .div_map {
// width:500px;
// padding-top:10px
// }
// .div_map2 {
// width:400px;
// padding-top:10px
// }
// }
}
}
.m-info {
padding-left: 30px;
font-size: 15px;
font-family: PingFang SC;
font-weight: 400;
color: #333;
line-height: 24px;
// width: 500px;
.info-title {
margin-top: 30px;
font-size: 20px;
font-family: PingFang SC;
font-weight: bold;
color: #333;
line-height: 30px;
}
.info-content {
margin: 20px 0;
}
}
.info-prop {
position: relative;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(0,0,0,0.85);
margin: 10px 0;
display: flex;
padding-left: 15px;
padding-top:10px;
// border-bottom: 1px solid #d8d8d8;
//显示脱敏信息按钮
/deep/ .el-button--small, .el-button--small.is-round{
padding:0 15px;
}
.info-pics {
display: flex;
margin: 20px 0;
@ -122,21 +57,33 @@
.line:hover{
cursor:pointer
}
.info-title-2 {
.info-mingan{
flex: 0 0 160px;
}
.info-title{
color: rgba(0,0,0,0.65);
text-align: right;
margin-right:8px;
}
.info-title-100 {
flex: 0 0 100px;
}
.info-title-3{
flex: 0 0 150px;
}
.info-title-4{
flex: 0 0 110px;
}
.info-title-5{
flex: 0 0 130px;
}
.info-title-6{
flex: 0 0 240px;
}
> span,
@ -152,7 +99,7 @@
}
.info-prop-vis{
color:#fff;
color:#fff;
}
.div-btn{
@ -239,6 +186,23 @@ color:#fff;
//-----旧版
.m-info {
.info-title {
margin-top: 30px;
font-size: 20px;
font-family: PingFang SC;
font-weight: bold;
color: #333;
line-height: 30px;
}
.info-content {
margin: 20px 0;
}
}
.m-row-info{
// padding-left: 30px;
@ -283,6 +247,10 @@ color:#fff;
padding-top:10px;
// border-bottom: 1px solid #d8d8d8;
/deep/ .el-button--small, .el-button--small.is-round{
padding:0 15px;
}
.line{
text-decoration:underline;
color: #3e8ef7;
@ -320,7 +288,7 @@ color:#fff;
}
}
//一行两列
//一行两列------旧版
.m-row-2{
font-size: 15px;
font-family: PingFang SC;

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

@ -4,67 +4,66 @@
<div v-if="initLoading"
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="info-prop">
<span class="info-title-2">楼栋名称：</span>
<span>{{ dataForm.buildingName?dataForm.buildingName:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title info-title-100">所属小区：</span>
<span>{{ agencyObj.agencyName }}—{{ agencyObj.gridName }}—{{ agencyObj.label }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">楼栋编码：</span>
<span>{{ dataForm.coding?dataForm.coding:'--'}}</span>
</div>
<div class="info-prop">
<span class="info-title info-title-100">楼栋名称：</span>
<span>{{ dataForm.buildingName?dataForm.buildingName:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">楼栋类型：</span>
<span>{{ dataForm.typeName?dataForm.typeName:'--'}}</span>
</div>
<div class="info-prop">
<span class="info-title-2">单元数：</span>
<span>{{dataForm.totalUnitNum?dataForm.totalUnitNum:0 }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">层数：</span>
<span>{{dataForm.totalFloorNum?dataForm.totalFloorNum:0 }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">总户数：</span>
<span>{{dataForm.totalHouseNum?dataForm.totalHouseNum:0 }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">人口数：</span>
<span>{{dataForm.realPerson?dataForm.realPerson:0 }}</span>
</div>
<div class="info-prop">
<span class="info-title info-title-100">楼栋编码：</span>
<span>{{ dataForm.coding?dataForm.coding:'--'}}</span>
</div>
<div class="info-prop">
<span class="info-title-2">楼长姓名：</span>
<span>{{ dataForm.buildingLeaderName?dataForm.buildingLeaderName:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">楼长电话：</span>
<span>{{ dataForm.buildingLeaderMobile?dataForm.buildingLeaderMobile:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">详细地址：</span>
<span>{{ dataForm.coordinatePosition?dataForm.coordinatePosition:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title info-title-100">楼栋类型：</span>
<span>{{ dataForm.typeName?dataForm.typeName:'--'}}</span>
</div>
<div class="info-prop">
<span class="info-title info-title-100">单元数：</span>
<span>{{dataForm.totalUnitNum?dataForm.totalUnitNum:0 }}</span>
</div>
<div class="info-prop">
<span class="info-title info-title-100">层数：</span>
<span>{{dataForm.totalFloorNum?dataForm.totalFloorNum:0 }}</span>
</div>
<div class="info-prop">
<span class="info-title info-title-100">总户数：</span>
<span>{{dataForm.totalHouseNum?dataForm.totalHouseNum:0 }}</span>
</div>
<div class="info-prop">
<span class="info-title info-title-100">人口数：</span>
<span>{{dataForm.realPerson?dataForm.realPerson:0 }}</span>
</div>
<div v-show="dataForm.coordinatePosition"
class="info-prop">
<span class="info-title-2">地图位置：</span>
<div class="div_map">
<div class="info-prop">
<span class="info-title info-title-100">楼长姓名：</span>
<span>{{ dataForm.buildingLeaderName?dataForm.buildingLeaderName:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title info-title-100">楼长电话：</span>
<span>{{ dataForm.buildingLeaderMobile?dataForm.buildingLeaderMobile:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title info-title-100">详细地址：</span>
<span>{{ dataForm.coordinatePosition?dataForm.coordinatePosition:'--' }}</span>
</div>
<div id="app_detail_build"></div>
<div v-show="dataForm.coordinatePosition"
class="info-prop">
<span class="info-title info-title-100">地图位置：</span>
<div class="div_map">
</div>
</div>
<div id="app_detail_build"></div>
</div>
</div>
</div>
</div>

2
src/views/modules/base/community/buildTable.vue
View File

@ -283,7 +283,7 @@
:close-on-press-escape="false"
:title="'楼栋详情'"
top="5vh"
width="950px"
width="670px"
class="dialog-h"
@closed="detailFormCancle">
<build-detail ref="ref_form_detail"

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

@ -6,36 +6,36 @@
class="m-row m-row-2row">
<div class="m-info-2row">
<div class="info-prop">
<span class="info-title-2">所属组织：</span>
<span class="info-title info-title-100">所属组织：</span>
<span>{{ dataForm.agencyName }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">所属网格：</span>
<span class="info-title info-title-100">所属网格：</span>
<span>{{ dataForm.gridName?dataForm.gridName:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">小区名称：</span>
<span class="info-title info-title-100">小区名称：</span>
<span>{{ dataForm.neighborHoodName}}</span>
</div>
<div class="info-prop">
<span class="info-title-2">关联物业：</span>
<span class="info-title info-title-100">关联物业：</span>
<span>{{ dataForm.propertyShow?dataForm.propertyShow:'--'}}</span>
</div>
<div class="info-prop">
<span class="info-title-2">实有楼栋：</span>
<span class="info-title info-title-100">实有楼栋：</span>
<span>{{dataForm.realBuilding?dataForm.realBuilding:0 }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">详细地址：</span>
<span class="info-title info-title-100">详细地址：</span>
<span>{{ dataForm.address }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">地图位置：</span>
<span class="info-title info-title-100">地图位置：</span>
<div class="div_map">
<div id="app_detail_community"></div>
@ -46,12 +46,12 @@
</div>
<div class="m-info-2row">
<div class="info-prop">
<span class="info-title-2">小区编码：</span>
<span class="info-title info-title-100">小区编码：</span>
<span>{{ dataForm.coding?dataForm.coding:'--'}}</span>
</div>
<div v-if="dataForm.qrcodeUrl"
class="info-prop">
<span class="info-title-2">二维码：</span>
<span class="info-title info-title-100">二维码：</span>
<div style="display: flex;flex-direction: column;">
<img style="margin-left: 20px;width: 150px;"
:src="dataForm.qrcodeUrl">

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

@ -1,73 +1,90 @@
<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="m-row">
<div class="m-info">
class="m-row m-row-2row">
<div class="m-info-2row">
<div class="info-prop">
<span class="info-title-2">所属楼栋：</span>
<span class="info-title info-title-100">所属楼栋：</span>
<span>{{ agencyObj.neighborHoodName }}-{{agencyObj.label}}</span>
</div>
<div class="info-prop">
<span class="info-title-2">单元号：</span>
<span class="info-title info-title-100">单元号：</span>
<span>{{ dataForm.unitName?dataForm.unitName:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">门牌号：</span>
<span class="info-title info-title-100">门牌号：</span>
<span>{{ dataForm.doorName}}</span>
</div>
<div class="info-prop">
<span class="info-title-2">房屋编码：</span>
<span>{{ dataForm.coding?dataForm.coding:'--'}}</span>
</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="info-prop">
<span class="info-title-2">房屋类型：</span>
<span class="info-title info-title-100">房屋类型：</span>
<span>{{dataForm.houseTypeName?dataForm.houseTypeName:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">房屋用途：</span>
<span class="info-title info-title-100">房屋用途：</span>
<span>{{dataForm.purposeName?dataForm.purposeName:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">房屋状态：</span>
<span class="info-title info-title-100">房屋状态：</span>
<span>{{dataForm.rentName?dataForm.rentName:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">房主姓名：</span>
<span class="info-title info-title-100">房主姓名：</span>
<span>{{dataForm.ownerName?dataForm.ownerName:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">联系方式：</span>
<span>{{dataForm.showOwnerPhone?dataForm.showOwnerPhone:'--' }}</span>
<span class="info-title info-title-100">联系方式：</span>
<span class="info-mingan">{{dataForm.showOwnerPhone?dataForm.showOwnerPhone:'--' }}</span>
<el-button v-if="view_real_data"
style="margin-left: 10px"
type="text"
class="div-table-button--blue"
icon="el-icon-view"
size="small"
@click="handleTuomin('phone')">显示</el-button>
</div>
<div class="info-prop">
<span class="info-title-2">房主身份证：</span>
<span>{{dataForm.showOwnerIdCard?dataForm.showOwnerIdCard:'--' }}</span>
<span class="info-title info-title-100">房主身份证：</span>
<span class="info-mingan">{{dataForm.showOwnerIdCard?dataForm.showOwnerIdCard:'--' }}</span>
<el-button v-if="view_real_data"
style="margin-left: 10px"
type="text"
class="div-table-button--blue"
icon="el-icon-view"
size="small"
@click="handleTuomin('idcard')">显示</el-button>
</div>
<div class="info-prop">
<span class="info-title-2">备注：</span>
<span class="info-title info-title-100">备注：</span>
<span>{{dataForm.remark?dataForm.remark:'--' }}</span>
</div>
</div>
<div class="m-info-2row">
<div class="info-prop">
<span class="info-title info-title-100">房屋编码：</span>
<span>{{ dataForm.coding?dataForm.coding:'--'}}</span>
</div>
<div v-if="dataForm.houseQrcodeUrl"
class="info-prop">
<span class="info-title info-title-100">二维码：</span>
<div style="display: flex;flex-direction: column;">
<img style="margin-left: 20px;width: 150px;"
:src="dataForm.houseQrcodeUrl">
<a style="margin-left: 30px;margin-top:20px"
class="div-table-button--blue"
:href="dataForm.houseQrcodeUrl"
target="_blank"><i class="el-icon-download"></i>下载</a>
</div>
</div>
</div>
</div>
</div>
@ -169,7 +186,7 @@ export default {
},
async handleTuomin () {
async handleTuomin (type) {
const url = "/data/aggregator/epmetuser/detailByType";
const { data, code, msg } = await requestPost(url, {
@ -178,8 +195,14 @@ export default {
});
if (code === 0) {
this.$set(this.dataForm, 'showOwnerPhone', data.mobile)
this.$set(this.dataForm, 'showOwnerIdCard', data.idCard)
if (type === 'phone') {
this.$set(this.dataForm, 'showOwnerPhone', data.mobile)
}
if (type === 'idcard') {
this.$set(this.dataForm, 'showOwnerIdCard', data.idCard)
}
} else {
this.$message.error(msg);
}

Write Preview
Loading…
Cancel
Save