BUG 25784

src/apps/AppBuilding/AppBuilding.vue

@@ -9,11 +9,11 @@
 </template>
 
 <script>
-import Detail from './components/detail'
+import Detail from './detail'
-import Add from './components/add'
+import Add from './add'
-import List from './components/list'
+import List from './list'
 import SearchMap from './components/searchMap'
-import Map from './components/map'
+import Map from './map'
 
 export default {
   name: 'AppBuilding',

src/apps/AppBuilding/add.vue

@@ -7,27 +7,37 @@
       <div class="item">
         <span class="label">房屋面积</span>
         <div class="value">
-          <u-input type="digit" placeholder="请输入" v-model="houseInfo.houseArea" input-align="right" placeholder-style="color:#999;font-size:16px;" height="48"  :maxlength="7" />
+          <u-input type="digit" placeholder="请输入" v-model="houseInfo.houseArea" input-align="right"
+                   placeholder-style="color:#999;font-size:16px;" height="48" :maxlength="7"/>
         </div>
       </div>
       <div class="item">
         <span class="label">居住现状</span>
         <div class="value" @click="selectClick('houselivingStatus', 'livingStatus')">
-          <span :class="houseInfo.livingStatus === '' ? 'color-999' : ''">{{ $dict.getLabel('houselivingStatus', houseInfo.livingStatus) || '请选择'}}</span>
+          <span
+              :class="houseInfo.livingStatus === '' ? 'color-999' : ''">{{
+              $dict.getLabel('houselivingStatus', houseInfo.livingStatus) || '请选择'
+            }}</span>
           <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
         </div>
       </div>
       <div class="item">
         <span class="label">房屋用途</span>
         <div class="value" @click="selectClick('houseUseStatus', 'houseUse')">
-          <span :class="houseInfo.houseUse === '' ? 'color-999' : ''">{{$dict.getLabel('houseUseStatus', houseInfo.houseUse) || '请选择'}}</span>
+          <span
+              :class="houseInfo.houseUse === '' ? 'color-999' : ''">{{
+              $dict.getLabel('houseUseStatus', houseInfo.houseUse) || '请选择'
+            }}</span>
           <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
         </div>
       </div>
       <div class="item" v-if="houseInfo.livingStatus == 1">
         <span class="label">承租情况</span>
         <div class="value" @click="selectClick('houseLeaseSituation', 'leaseSituation')">
-          <span :class="houseInfo.leaseSituation === '' ? 'color-999' : ''">{{ $dict.getLabel('houseLeaseSituation', houseInfo.leaseSituation) || '请选择'}}</span>
+          <span
+              :class="houseInfo.leaseSituation === '' ? 'color-999' : ''">{{
+              $dict.getLabel('houseLeaseSituation', houseInfo.leaseSituation) || '请选择'
+            }}</span>
           <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
         </div>
       </div>
@@ -41,7 +51,10 @@
       <div class="item" v-if="houseInfo.livingStatus == 1">
         <span class="label">租房备案证明</span>
         <div class="value" @click="selectClick('isFilingCertificateStatus', 'isFilingCertificate')">
-          <span :class="houseInfo.isFilingCertificate === '' ? 'color-999' : ''">{{ $dict.getLabel('isFilingCertificateStatus', houseInfo.isFilingCertificate) || '请选择'}}</span>
+          <span
+              :class="houseInfo.isFilingCertificate === '' ? 'color-999' : ''">{{
+              $dict.getLabel('isFilingCertificateStatus', houseInfo.isFilingCertificate) || '请选择'
+            }}</span>
           <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
         </div>
       </div>
@@ -55,7 +68,10 @@
       <div class="item" v-for="(item, index) in houseInfo.owner" :key="index">
         <span class="label">{{ item.name }}</span>
         <div class="value" @click="tableRelationSelect('owner', index)">
-          <span :class=" item.relation === '' ? 'color-999' : ''">{{$dict.getLabel('householdRelation', item.relation) || '与户主关系'}}</span>
+          <span
+              :class=" item.relation === '' ? 'color-999' : ''">{{
+              $dict.getLabel('householdRelation', item.relation) || '与户主关系'
+            }}</span>
           <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
         </div>
       </div>
@@ -69,7 +85,10 @@
       <div class="item" v-for="(item, index) in houseInfo.renter" :key="index">
         <span class="label">{{ item.name }}</span>
         <div class="value" @click="tableRelationSelect('renter', index)">
-          <span :class=" item.relation === '' ? 'color-999' : ''">{{$dict.getLabel('householdRelation', item.relation) || '与户主关系'}}</span>
+          <span
+              :class=" item.relation === '' ? 'color-999' : ''">{{
+              $dict.getLabel('householdRelation', item.relation) || '与户主关系'
+            }}</span>
           <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
         </div>
       </div>
@@ -83,7 +102,10 @@
       <div class="item" v-for="(item, index) in houseInfo.live" :key="index">
         <span class="label">{{ item.name }}</span>
         <div class="value" @click="tableRelationSelect('live', index)">
-          <span :class=" item.relation === '' ? 'color-999' : ''">{{$dict.getLabel('householdRelation', item.relation) || '与户主关系'}}</span>
+          <span
+              :class=" item.relation === '' ? 'color-999' : ''">{{
+              $dict.getLabel('householdRelation', item.relation) || '与户主关系'
+            }}</span>
           <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon>
         </div>
       </div>
@@ -92,19 +114,22 @@
       <div class="btn">保存</div>
     </div>
 
-    <u-picker mode="time" v-model="dateShow" :params="deteParams" start-year="2010" @confirm="dateConfirm" >请选择</u-picker>
+    <u-picker mode="time" v-model="dateShow" :params="deteParams" start-year="2010" @confirm="dateConfirm">请选择
-    <u-select v-model="showSelect" :list="selectList"  label-name="dictName" value-name="dictValue" @confirm="confirmSelect"></u-select>
+    </u-picker>
-    <u-select v-model="showRelation" :list="$dict.getDict('householdRelation')"  label-name="dictName" value-name="dictValue" @confirm="confirmRelation"></u-select>
+    <u-select v-model="showSelect" :list="selectList" label-name="dictName" value-name="dictValue"
+              @confirm="confirmSelect"></u-select>
+    <u-select v-model="showRelation" :list="$dict.getDict('householdRelation')" label-name="dictName"
+              value-name="dictValue" @confirm="confirmRelation"></u-select>
   </div>
 </template>
 
 <script>
-import { mapState, mapActions } from 'vuex'
+import {mapActions, mapState} from 'vuex'
+
 export default {
 
   data() {
     return {
-      id: '',
       houseInfo: {},
       showSelect: false,
       selectList: [],
@@ -114,13 +139,11 @@ export default {
       showRelation: false,
       tableName: '',
       tableIndex: '',
-      communityId: ''
+      lockSelector: false
     }
   },
   computed: {...mapState(['user'])},
-  mounted() {
+  created() {
-    this.id = this.params.id
-    this.communityId = this.params.communityId
     this.$dict.load('householdRelation', 'houselivingStatus', 'houseLeaseSituation', 'houseUseStatus',
         'isFilingCertificateStatus', 'communityBuildingType', 'yesOrNo', 'BulidResidentType').then(() => {
       this.getDetail()
@@ -130,12 +153,17 @@ export default {
   methods: {
     ...mapActions(['selectEnterpriseContact']),
     handleSelectUser(fieldDbName) {
+      if (this.lockSelector) return
+      this.lockSelector = true
       this.selectEnterpriseContact({
         fromDepartmentId: 0,
         type: ["user"],
         selectedUserIds: this.houseInfo[fieldDbName]?.map(e => e.id)
       }).then(res => {
         this.houseInfo[fieldDbName] = res?.userList || []
+        this.lockSelector = false
+      }).catch(() => {
+        this.lockSelector = false
       })
     },
     tableRelationSelect(name, index) {
@@ -144,12 +172,12 @@ export default {
       this.showRelation = true
     },
     confirmRelation(e) {
-      console.log(this.houseInfo[this.tableName][this.tableIndex])
       this.houseInfo[this.tableName][this.tableIndex].relation = e[0].value
     },
     getDetail() {
-      this.$http.post(`app/appcommunityhouseinfo/queryDetailById?id=${this.id}`).then(res => {
+      let {id} = this.$route.query
-        if (res.code == 0) {
+      id && this.$http.post(`app/appcommunityhouseinfo/queryDetailById?id=${id}`).then(res => {
+        if (res?.data) {
           if (res.data.startDate) {
             res.data.startDate = res.data.startDate.substring(0, 10)
           }
@@ -162,18 +190,12 @@ export default {
         if (res.code == 0) {
           this.$u.toast('提交成功')
           setTimeout(() => {
-            this.$emit('change', {
+            uni.navigateBack({})
-              type: 'Detail',
-              params: {
-                id: this.communityId
-              }
-            })
           }, 600)
         }
       })
     },
     selectClick(dictName, formName) {
-      console.log(123)
       this.selectList = this.$dict.getDict(dictName)
       this.formName = formName
       this.showSelect = true
@@ -191,6 +213,7 @@ export default {
 <style lang="scss" scoped>
 .add {
   padding-bottom: 112px;
+
   .title {
     width: 100%;
     height: 96px;
@@ -202,22 +225,25 @@ export default {
     padding-right: 32px;
     box-sizing: border-box;
     overflow: hidden;
+
     .tips {
       display: inline-block;
       width: 8px;
       height: 32px;
       background: #4E75FE;
-      box-shadow: 0px 8px 24px 2px #C9D8FA;
+      box-shadow: 0 8px 24px 2px #C9D8FA;
       border-radius: 4px;
       vertical-align: middle;
       margin-right: 22px;
     }
+
     .select {
       float: right;
       font-size: 30px;
       color: #1365DD;
     }
   }
+
   .item {
     width: 100%;
     padding: 34px 32px 34px 0;
@@ -230,21 +256,25 @@ export default {
     color: #333;
     line-height: 44px;
     box-sizing: border-box;
+
     .color-999 {
       color: #999;
     }
+
     .value {
       .u-icon {
         margin-left: 16px;
       }
     }
   }
+
   .footer {
     width: 100%;
     position: fixed;
     bottom: 0;
     left: 0;
   }
+
   .btn {
     width: 100%;
     height: 112px;
@@ -256,11 +286,13 @@ export default {
     font-weight: 500;
     color: #FFF;
   }
+
   .line-bg {
     width: 100%;
     height: 16px;
     background: #F5F5F5;
   }
+
   .pad-l32 {
     padding-left: 32px;
     background-color: #fff;

src/apps/AppBuilding/components/searchMap.vue

@@ -341,18 +341,13 @@ export default {
       })
     },
     toList() {
-      this.$emit('change', {
+      uni.navigateTo({url: './list'})
-        type: 'List',
-      })
     },
     callPhone(phone) {
       uni.makePhoneCall({phoneNumber: phone})
     },
     toDetail(id) {
-      this.$emit('change', {
+      uni.navigateTo({url: `./detail?id=${id}`})
-        type: 'Detail',
-        params: {id}
-      })
     },
   }
 }

src/apps/AppBuilding/detail.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="detail">
     <AiTopFixed>
-      <div class="select-flex" v-if="selectList.length" @click="showSelect=true">
+      <div class="select-flex" @click="showSelect=true">
-        <span class="name">{{selectList[selectCellIndex].cellName}}</span>
+        <span class="name" v-text="cellName"/>
         <span class="btn">切换</span>
       </div>
       <div class="line-bg"></div>
@@ -33,36 +33,37 @@
         <div class="item-content" v-for="(item, index) in list" :key="index" @click="getHouseDetail(item.id)">
           <div class="item">
             <h2>{{ item.houseCode }}</h2>
-            <p>无人</p>
+            <p v-text="`${item.livingNumber}人`.replace(/0人/,'无人')"/>
           </div>
         </div>
         <AiEmpty v-if="!list.length" style="padding-bottom:80px;"/>
       </div>
     </div>
-    <u-select v-model="showSelect" :list="selectList"  label-name="cellName" value-name="id" @confirm="confirmSelect"></u-select>
+    <u-select v-model="showSelect" :list="selectList" label-name="cellName" value-name="id"
+              @confirm="confirmSelect"></u-select>
     <u-popup v-model="show" mode="bottom" border-radius="14">
       <div class="popup">
         <div class="bg"></div>
         <div class="title">{{ houseInfo.createAddress }}</div>
         <div class="row-info">
           <div class="row-item left">
-            <h3>{{houseInfo.houseArea}} ㎡</h3>
+            <h3>{{ `${houseInfo.houseArea || 0}㎡`.replace(/0㎡/, "未统计") }} </h3>
             <p>房屋面积</p>
           </div>
           <div class="row-item center">
             <span class="right-line"></span>
             <span class="left-line"></span>
-            <h3>{{$dict.getLabel('houseUseStatus', houseInfo.houseUse)}} </h3>
+            <h3>{{ $dict.getLabel('houseUseStatus', houseInfo.houseUse) || "无" }} </h3>
             <p>房屋用途</p>
           </div>
           <div class="row-item right">
-            <h3>{{ $dict.getLabel('houselivingStatus', houseInfo.livingStatus) }}</h3>
+            <h3>{{ $dict.getLabel('houselivingStatus', houseInfo.livingStatus) || "未使用" }}</h3>
             <p>居住现状</p>
           </div>
         </div>
-        <div class="row-info">
+        <div class="row-info" v-if="!!houseInfo.leaseSituation">
           <div class="row-item left">
-            <h3>{{ $dict.getLabel('houseLeaseSituation', houseInfo.leaseSituation) }}</h3>
+            <h3>{{ $dict.getLabel('houseLeaseSituation', houseInfo.leaseSituation) || "无" }}</h3>
             <p>承租情况</p>
           </div>
           <div class="row-item center">
@@ -126,13 +127,14 @@
           </div>
         </div>
       </div>
-      <div class="pop-btn" @click="toAdd">编辑修改</div>
+      <div class="pop-btn" @click="toAdd(houseInfo.id)">编辑修改</div>
     </u-popup>
   </div>
 </template>
 
 <script>
 import {mapState} from 'vuex'
+
 export default {
   props: ['params'],
   data() {
@@ -149,53 +151,69 @@ export default {
       showSelect: false,
       selectList: [],
       selectCellIndex: 0,
-      houseId: ''
+      houseId: '',
+      detail: {}
     }
   },
-  computed: { ...mapState(['user']) },
+  computed: {
-  mounted() {
+    ...mapState(['user']),
-    this.communityId = this.params.id
+    cellName() {
+      let building = this.selectList.find(e => e.id == this.detail.id)
+      return building?.cellName || ""
+    }
+  },
+  created() {
     this.$dict.load('householdRelation', 'houselivingStatus', 'houseLeaseSituation', 'houseUseStatus',
         'isFilingCertificateStatus', 'communityBuildingType', 'yesOrNo', 'BulidResidentType').then(() => {
-      this.getSelectList()
+      this.getBuilding()
     })
   },
-
   methods: {
-    getSelectList() {
+    getSelectList(communityId) {
-      this.$http.post(`app/appcommunitybuildinginfo/list?communityId=${this.communityId}&size=999`).then(res => {
+      //通过小区ID获取楼栋列表,用来切换楼栋
-        if (res.code == 0 && res.data.records) {
+      this.$http.post(`/app/appcommunitybuildinginfo/list`, null, {
-          res.data.records.map((item) => {
+        params: {communityId, size: 999}
-            item.cellName = item.communityName + item.buildingNumber + '栋' + item.unitNumber + '单元'
+      }).then(res => {
+        if (res?.data) {
+          this.selectList = res.data.records.map(e => ({
+            ...e,
+            cellName: `${e.communityName + e.buildingNumber}栋${e.unitNumber}单元`
+          }))
+        }
       })
-          this.selectList = res.data.records
+    },
+    getBuilding() {
+      //获取楼栋信息
+      let {id} = this.$route.query
+      this.$http.post(`/app/appcommunitybuildinginfo/queryDetailById`, null, {
+        params: {id}
+      }).then(res => {
+        if (res?.data) {
+          this.detail = res.data
           this.getStatistics()
           this.getList()
+          this.getSelectList(res.data.communityId)
         }
       })
     },
     getStatistics() {
+      //获取楼栋统计信息
+      let {id, unitNumber: unitNum} = this.detail
       this.$http.post(`app/appcommunitybuildinginfo/statistics`, null, {
-        params: {
+        params: {id, unitNum}
-          id: this.selectList[this.selectCellIndex].communityId,
-          unitNum: this.selectList[this.selectCellIndex].unitNumber
-        }
       }).then(res => {
-        if (res.code == 0) {
+        if (res?.data) {
           this.numInfo = res.data.unit
         }
       })
     },
     getList() {
+      //获取房间列表
+      let {id: buildingId, unitNumber} = this.detail
       this.$http.post(`app/appcommunityhouseinfo/list`, null, {
-        params: {
+        params: {size: 10000, buildingId, unitNumber}
-          current: 1,
-          size: 1000,
-          buildingId: this.selectList[this.selectCellIndex].id,
-          unitNumber: this.selectList[this.selectCellIndex].unitNumber 
-        }
       }).then(res => {
-        if (res.code == 0) {
+        if (res?.data) {
           this.list = res.data.records
         }
       })
@@ -222,16 +240,9 @@ export default {
       this.getStatistics()
       this.getList()
     },
-    toAdd() {
+    toAdd(id) {
-      this.$emit('change', {
+      uni.navigateTo({url: `./add?id=${id}`})
-        type: 'Add',
-        params: {
-          id: this.houseId,
-          communityId: this.communityId
     }
-      })
-    }
-    
   }
 }
 </script>
@@ -245,6 +256,7 @@ export default {
     display: flex;
     justify-content: space-between;
     background-color: #fff;
+
     .name {
       width: 560px;
       word-break: break-all;
@@ -252,31 +264,43 @@ export default {
       font-weight: 800;
       color: #333;
     }
+
     .btn {
       width: 70px;
       color: #1365DD;
       font-size: 30px;
     }
   }
+
   .num-content {
     width: 100%;
-    padding: 0 0 18px 40px;
     background-color: #fff;
     box-sizing: border-box;
     display: flex;
+
     .num-item {
       flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 142px;
+      padding-top: 20px;
+      box-sizing: border-box;
+
       .content {
         width: 120px;
         text-align: center;
       }
+
       h2 {
         font-size: 36px;
         font-weight: bold;
         color: #333;
         line-height: 42px;
-        padding-top: 46px;
       }
+
       p {
         font-size: 26px;
         color: #666;
@@ -284,11 +308,13 @@ export default {
       }
     }
   }
+
   .line-bg {
     width: 100%;
     height: 8px;
     background: #F1F6F9;
   }
+
   .list-content {
     background-color: #fff;
     display: flex;
@@ -296,16 +322,19 @@ export default {
     width: 100%;
     padding: 48px 2px 0 32px;
     box-sizing: border-box;
+
     .left {
       // width: calc(100% - 120px);
       width: 100%;
       overflow: hidden;
+
       .item-content {
         width: 33%;
         padding-right: 32px;
         box-sizing: border-box;
         float: left;
       }
+
       .item {
         width: 100%;
         height: 158px;
@@ -316,22 +345,26 @@ export default {
         text-align: center;
         font-weight: bold;
         margin: 0 32px 32px 0;
+
         h2 {
           font-size: 38px;
           color: #5088FF;
           line-height: 44px;
           margin: 14px 0 26px 0;
         }
+
         p {
           font-size: 32px;
           color: #333;
           line-height: 44px;
         }
       }
+
       .item:nth-of-type(2n) {
         margin-right: 0;
       }
     }
+
     .right {
       .item {
         width: 120px;
@@ -348,6 +381,7 @@ export default {
         letter-spacing: -1px;
         margin-bottom: 24px;
       }
+
       .active {
         background: #5088FF;
         border-radius: 2px;
@@ -356,8 +390,10 @@ export default {
       }
     }
   }
+
   .popup {
     padding-left: 32px;
+
     .bg {
       width: 64px;
       height: 10px;
@@ -365,6 +401,7 @@ export default {
       border-radius: 6px;
       margin: 32px 0 32px 344px;
     }
+
     .title {
       font-size: 36px;
       font-family: PingFang-SC-Heavy, PingFang-SC;
@@ -373,11 +410,14 @@ export default {
       line-height: 50px;
       margin-bottom: 40px;
     }
+
     .row-info {
       padding-bottom: 48px;
+
       .row-item {
         display: inline-block;
         width: 33%;
+
         h3 {
           font-size: 32px;
           font-family: PingFangSC-Medium, PingFang SC;
@@ -385,23 +425,27 @@ export default {
           color: #4E75FE;
           line-height: 64px;
         }
+
         p {
           font-size: 28px;
           color: #666;
           line-height: 42px;
         }
       }
+
       .left {
         width: calc(28% - 70px);
         text-align: center;
         margin-right: 70px;
         box-sizing: border-box;
       }
+
       .center {
         width: 36%;
         text-align: center;
         box-sizing: border-box;
         position: relative;
+
         .left-line {
           position: absolute;
           top: 20px;
@@ -409,6 +453,7 @@ export default {
           height: 64px;
           border-left: 1px solid #E5E5E5;
         }
+
         .right-line {
           position: absolute;
           top: 20px;
@@ -417,6 +462,7 @@ export default {
           border-left: 1px solid #E5E5E5;
         }
       }
+
       .right {
         width: calc(33% - 40px);
         text-align: center;
@@ -424,20 +470,24 @@ export default {
         box-sizing: border-box;
       }
     }
+
     .info-flex {
       display: flex;
       margin-bottom: 24px;
       padding-right: 70px;
       box-sizing: border-box;
+
       .item {
         flex: 1;
         font-size: 28px;
         color: #333;
         line-height: 30px;
+
         .label {
           color: #999;
           vertical-align: top;
         }
+
         .value {
           display: inline-block;
           width: calc(100% - 120px);
@@ -446,17 +496,21 @@ export default {
       }
     }
   }
+
   .line-bg {
     width: 100%;
     height: 30px;
     background: #F5F6FA;
   }
+
   .pad-t32 {
     padding-top: 32px;
   }
+
   .mar-t48 {
     margin-top: 48px;
   }
+
   .pop-btn {
     width: 100%;
     height: 112px;

src/apps/AppBuilding/list.vue

@@ -5,10 +5,11 @@
     </AiTopFixed>
     <div class="list-content">
       <div class="item" v-for="(item, index) in list" :key="index">
-        <div class="item-content" @click="toDetail(item.communityId)">
+        <div class="item-content" @click="toDetail(item.id)">
           <p class="title line-two">{{ item.communityName }}</p>
           <p class="address">{{ item.createAddress }}</p>
-          <span class="status" :class="'color'+item.locationStatus">{{$dict.getLabel('BuildLocationStatus', item.locationStatus)}}</span>
+          <span class="status" :class="'color'+item.locationStatus"
+                v-text="$dict.getLabel('BuildLocationStatus', item.locationStatus)"/>
         </div>
         <div class="item-btn" v-if="item.locationStatus != 1" @click="toMap(item.id, item.areaId)">
           <span>去定位</span>
@@ -21,6 +22,7 @@
 
 <script>
 import {mapState} from 'vuex'
+
 export default {
 
   data() {
@@ -57,16 +59,10 @@ export default {
       })
     },
     toDetail(id) {
-      this.$emit('change', {
+      uni.navigateTo({url: `./detail?id=${id}`})
-        type: 'Detail',
-        params: {id}
-      })
     },
     toMap(id, areaId) {
-      this.$emit('change', {
+      uni.navigateTo({url: `./map?id=${id}&areaId=${areaId}`})
-        type: 'Map',
-        params: {id, areaId}
-      })
     }
 
   },
@@ -82,6 +78,7 @@ export default {
   .list-content {
     padding: 32px 32px 0;
     background-color: #F5F5F5;
+
     .item {
       width: 100%;
       background: #FFF;
@@ -91,9 +88,11 @@ export default {
       position: relative;
       overflow: hidden;
       margin-bottom: 32px;
+
       .item-content {
         padding: 32px 32px 42px 32px;
       }
+
       .title {
         width: calc(100% - 60px);
         word-break: break-all;
@@ -101,6 +100,7 @@ export default {
         color: #333;
         line-height: 44px;
       }
+
       .address {
         width: 100%;
         word-break: break-all;
@@ -108,33 +108,38 @@ export default {
         color: #999;
         line-height: 40px;
       }
+
       .status {
-        width: 160rpx;
+        width: 160px;
-        height: 40rpx;
+        height: 40px;
-        line-height: 36rpx;
+        line-height: 36px;
-        font-size: 26rpx;
+        font-size: 26px;
         font-weight: 500;
         position: absolute;
-        right: -38rpx;
+        right: -38px;
-        top: 24rpx;
+        top: 24px;
         -webkit-transform: rotate(90deg);
         transform: rotate(45deg);
         text-align: center;
       }
+
       .color0 {
         background: #FFECEF;
         color: #f46;
       }
+
       .color1 {
         background: #EEF5FF;
         color: #5A98F2;
       }
+
       .item-btn {
         width: 100%;
         padding: 20px 32px 20px 0;
         border-top: 1px solid #eee;
         text-align: right;
         box-sizing: border-box;
+
         span {
           display: inline-block;
           width: 160px;
@@ -148,6 +153,7 @@ export default {
         }
       }
     }
+
     .line-two {
       text-overflow: -o-ellipsis-lastline;
       overflow: hidden;

src/apps/AppBuilding/map.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="map">
     <div class="build-btn">
-      <img src="./img/model-icon.png" alt="" @click="toDetail"> 楼栋<br/>模型
+      <img src="./components/img/model-icon.png" alt="" @click="toDetail"> 楼栋<br/>模型
     </div>
     <div class="map-content">
       <AiTMap v-if="user.areaId" :areaId="user.areaId" :map.sync="map" :lib.sync="lib" :ops="ops" :libraries="['service', 'tools']"></AiTMap>
@@ -51,7 +51,6 @@
 import {mapState} from 'vuex'
 
 export default {
-  props: ['params'],
   data() {
     return {
       ops: {},
@@ -67,7 +66,6 @@ export default {
   mounted() {
     this.initMap()
   },
-
   methods: {
     initMap() {  //初始化地图
       this.$nextTick(() => {
@@ -107,10 +105,10 @@ export default {
       if (!this.latLng.lat) {
         return this.$u.toast(`未获取到定位信息，无法定位`)
       }
-
+      let {id} = this.$route.query
       this.$http.post(`/app/appcommunitybuildinginfo/updateLocation`, null, {
         params: {
-          id: this.params.id,
+          id,
           lat: this.latLng.lat,
           lng: this.latLng.lng,
         }
@@ -126,12 +124,8 @@ export default {
       })
     },
     toDetail() {
-      this.$emit('change', {
+      uni.navigateTo({url: `./detail?id=${this.$route.query.id}`})
-        type: 'Detail',
-        params: this.params
-      })
     }
-
   }
 }
 </script>