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 @@
 
       <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>
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">
       <build-detail ref="ref_form_detail"
diff --git a/src/views/modules/base/community/communityDetail.vue b/src/views/modules/base/community/communityDetail.vue
index cad91b8e3..71d0572a1 100644
--- a/src/views/modules/base/community/communityDetail.vue
+++ b/src/views/modules/base/community/communityDetail.vue
@@ -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">
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 @@
 <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);
       }