From db43a390d574875cb468f8d3f9db50fabe7199a8 Mon Sep 17 00:00:00 2001 From: jiangyy Date: Wed, 7 Dec 2022 16:04:04 +0800 Subject: [PATCH] =?UTF-8?q?=E6=88=BF=E5=B1=8B=E7=AE=A1=E7=90=86=E7=9A=84?= =?UTF-8?q?=E6=96=B0=E5=A2=9E=E3=80=81=E7=BC=96=E8=BE=91=E3=80=81=E8=AF=A6?= =?UTF-8?q?=E6=83=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../scss/modules/management/detail-main.scss | 126 +++++++----------- .../modules/base/community/buildDetail.vue | 103 +++++++------- .../modules/base/community/buildTable.vue | 2 +- .../base/community/communityDetail.vue | 18 +-- .../modules/base/community/roomDetail.vue | 95 ++++++++----- 5 files changed, 167 insertions(+), 177 deletions(-) diff --git a/src/assets/scss/modules/management/detail-main.scss b/src/assets/scss/modules/management/detail-main.scss index 19d14f80c..a0a88386e 100644 --- a/src/assets/scss/modules/management/detail-main.scss +++ b/src/assets/scss/modules/management/detail-main.scss @@ -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; diff --git a/src/views/modules/base/community/buildDetail.vue b/src/views/modules/base/community/buildDetail.vue index 5fcec1356..dd3dd26d0 100644 --- a/src/views/modules/base/community/buildDetail.vue +++ b/src/views/modules/base/community/buildDetail.vue @@ -4,67 +4,66 @@
-
-
- 所属小区： - {{ agencyObj.agencyName }}—{{ agencyObj.gridName }}—{{ agencyObj.label }} -
-
- 楼栋名称： - {{ dataForm.buildingName?dataForm.buildingName:'--' }} -
+
+ 所属小区： + {{ agencyObj.agencyName }}—{{ agencyObj.gridName }}—{{ agencyObj.label }} +
-
- 楼栋编码： - {{ dataForm.coding?dataForm.coding:'--'}} -
+
+ 楼栋名称： + {{ dataForm.buildingName?dataForm.buildingName:'--' }} +
-
- 楼栋类型： - {{ dataForm.typeName?dataForm.typeName:'--'}} -
-
- 单元数： - {{dataForm.totalUnitNum?dataForm.totalUnitNum:0 }} -
-
- 层数： - {{dataForm.totalFloorNum?dataForm.totalFloorNum:0 }} -
-
- 总户数： - {{dataForm.totalHouseNum?dataForm.totalHouseNum:0 }} -
-
- 人口数： - {{dataForm.realPerson?dataForm.realPerson:0 }} -
+
+ 楼栋编码： + {{ dataForm.coding?dataForm.coding:'--'}} +
-
- 楼长姓名： - {{ dataForm.buildingLeaderName?dataForm.buildingLeaderName:'--' }} -
-
- 楼长电话： - {{ dataForm.buildingLeaderMobile?dataForm.buildingLeaderMobile:'--' }} -
-
- 详细地址： - {{ dataForm.coordinatePosition?dataForm.coordinatePosition:'--' }} -
+
+ 楼栋类型： + {{ dataForm.typeName?dataForm.typeName:'--'}} +
+
+ 单元数： + {{dataForm.totalUnitNum?dataForm.totalUnitNum:0 }} +
+
+ 层数： + {{dataForm.totalFloorNum?dataForm.totalFloorNum:0 }} +
+
+ 总户数： + {{dataForm.totalHouseNum?dataForm.totalHouseNum:0 }} +
+
+ 人口数： + {{dataForm.realPerson?dataForm.realPerson:0 }} +
-
- 地图位置： -
+
+ 楼长姓名： + {{ dataForm.buildingLeaderName?dataForm.buildingLeaderName:'--' }} +
+
+ 楼长电话： + {{ dataForm.buildingLeaderMobile?dataForm.buildingLeaderMobile:'--' }} +
+
+ 详细地址： + {{ dataForm.coordinatePosition?dataForm.coordinatePosition:'--' }} +
-
+
+ 地图位置： +
-
-
+
+
+
diff --git a/src/views/modules/base/community/buildTable.vue b/src/views/modules/base/community/buildTable.vue index 046949f44..86c358d24 100644 --- a/src/views/modules/base/community/buildTable.vue +++ b/src/views/modules/base/community/buildTable.vue @@ -283,7 +283,7 @@ :close-on-press-escape="false" :title="'楼栋详情'" top="5vh" - width="950px" + width="670px" class="dialog-h" @closed="detailFormCancle">
- 所属组织： + 所属组织： {{ dataForm.agencyName }}
- 所属网格： + 所属网格： {{ dataForm.gridName?dataForm.gridName:'--' }}
- 小区名称： + 小区名称： {{ dataForm.neighborHoodName}}
- 关联物业： + 关联物业： {{ dataForm.propertyShow?dataForm.propertyShow:'--'}}
- 实有楼栋： + 实有楼栋： {{dataForm.realBuilding?dataForm.realBuilding:0 }}
- 详细地址： + 详细地址： {{ dataForm.address }}
- 地图位置： + 地图位置：
@@ -46,12 +46,12 @@
- 小区编码： + 小区编码： {{ dataForm.coding?dataForm.coding:'--'}}
- 二维码： + 二维码：
diff --git a/src/views/modules/base/community/roomDetail.vue b/src/views/modules/base/community/roomDetail.vue index f1b066107..8465aeec4 100644 --- a/src/views/modules/base/community/roomDetail.vue +++ b/src/views/modules/base/community/roomDetail.vue @@ -1,73 +1,90 @@