feat: 点击区域时 展示所有板块，点击的区域板块跟其他板块分开差别

fix: 路由全局监听报错 部分错误字段修改 柱状图宽度自适应修改

src/assets/js/api/unitManage.js

@@ -10,6 +10,10 @@ export function queryDetailByName(name) {
     name
   })
 }
+// 查询所有板块
+export function queryAllPLate() {
+  return xhr.get('/bnsregion/bns-region/regionByAdminRegion')
+}
 // 查询全部区域及楼盘数量
 export function queryAllRegions() {
   return xhr.get('/bnsregion/bns-region/adminAndRegion')

src/assets/js/public/index.js

@@ -66,3 +66,17 @@ export function GDmapPositionTransform(lng, lat) {
     lat: bd_lng
   };
 }
+// 数组去重 map去重
+export function distinct5(arr) {
+  let result = [];
+  let obj = {};
+
+  for (let i of arr) {
+    if (!obj[i]) {
+      result.push(i);
+      obj[i] = 1;
+    }
+  }
+
+  return result;
+}

src/components/asyncSearch/index.vue

@@ -55,7 +55,6 @@
           const result = new Array().concat(...property, ...region).filter(item => {
             return item.name.indexOf(queryString) !== -1
            })
-          console.log(result)
           callback(result)
         })
       },

src/components/mapOverlay/index.vue

@@ -4,15 +4,15 @@
     pane="labelPane"
     @mouseenter.native="active = true"
     @mouseleave.native="active = false"
-    :class="{'flex': true}"
+    :class="{'flex': true, 'scale': activeAction }"
     :style="type === 'icon' ? { padding: '5px', minWidth: width + 'px', minHeight: height + 'px' } :
         {
           width: type === 'square' ? 'auto' : width + 'px',
           height: height + 'px',
           color: textColor,
-          backgroundColor: active ? activeColor : bgColor ,
+          backgroundColor: activeAction ? bgColor : ( active ? activeColor : bgColor) ,
           borderRadius: circle,
-          padding: type === 'square' ? '0 12px': '0'
+          padding: type === 'square' ? '0 12px': '0',
         }"
     @draw="draw">
     <div
@@ -29,7 +29,7 @@
 <script>
   export default {
     name: 'overlay',
-    props: ['text', 'position', 'type', 'textColor', 'bgColor', 'circle', 'width', 'height', 'num', 'fontSize', 'activeColor'],
+    props: ['text', 'position', 'type', 'textColor', 'bgColor', 'circle', 'width', 'height', 'num', 'fontSize', 'activeColor', 'activeAction'],
     data () {
       return {
         active: false
@@ -86,4 +86,8 @@
     font-size 45px
     color red
   }
+  .scale:hover {
+    transition transform .5s
+    transform scale(1.2)
+  }
 </style>

src/components/multilHeaderTable/index.vue

@@ -36,7 +36,7 @@
                 </viewer>
                  <div v-else-if="value === 'boolean' && item2[key] == 1" class="circle block"></div>
                  <div v-else-if="value === 'boolean' && item2[key] == 0" class="circle hollow"></div>
-                 <div v-else-if="value === 'boolean' && item2[key] == undefined" class="circle hollow"></div>
+                 <div v-else-if="value === 'boolean' && item2[key] == undefined" >--</div>
               </el-row>
            </el-col>
          </el-col>
@@ -238,8 +238,8 @@
         }
         .circle {
           box-sizing: border-box;
-          width: 15px;
-          height: 15px;
+          width: 12px;
+          height: 12px;
           border: 1px solid #000000;
           border-radius: 50%;
           margin 0 auto

src/main.js

@@ -26,6 +26,7 @@ Vue.use(Viewer, {
   } })
 Vue.prototype.$axios = xhr
 Vue.config.productionTip = false;
+// 全局事件注册
 window.eventBus = new Vue()
 
 new Vue({

src/router/index.js

@@ -97,6 +97,11 @@ let routes = [
   { path: '*', redirect: '/404', hidden: true }
 ]
 
+const originalPush = VueRouter.prototype.push
+VueRouter.prototype.push = function push(location) {
+  return originalPush.call(this, location).catch(err => err)
+}
+
 if (process.env.NODE_ENV !== 'production') {
   routes = routes.concat(demoRoutes)
   // routes = routes.concat(testRoutes)

src/views/Login.vue

@@ -56,8 +56,8 @@ export default {
     }
     return {
       loginForm: {
-        username: 'root',
-        password: '123456'
+        username: '',
+        password: ''
       },
       loginRules: {
         username: [{ required: true, trigger: 'blur', validator: validateUsername }],

src/views/ProductAnalysis/index.vue

@@ -105,10 +105,10 @@
                </tr>
                <tr v-for="item in histogramTableData">
                  <td>{{item.production}}</td>
-                 <td>{{item.nxmkAvg.toFixed(1) || 0}}</td>
-                 <td>{{item.qjsmkAvg.toFixed(1) || 0}}</td>
-                 <td>{{item.zwmkAvg.toFixed(1) || 0}}</td>
-                 <td>{{item.kwmkAvg.toFixed(1) || 0}}</td>
+                 <td>{{item.nxmk || '--'}}</td>
+                 <td>{{item.qjsmk || '--'}}</td>
+                 <td>{{item.zwmk || '--'}}</td>
+                 <td>{{item.kwmk || '--'}}</td>
                </tr>
              </table>
            </div>
@@ -190,9 +190,11 @@
         extend: {
           series: {
             type: 'bar',
-            barWidth: 10,
+            barMaxWidth: 30,
+            barMinWidth: 16,
             label: {
               show: true,
+              fontSize: 11,
               position: "top",
               formatter:function(params){ //标签内容
                 if(params.data == 0) { return '' }
@@ -558,6 +560,7 @@
 .ProductAnalysis{
   width: 100%;
   background-color: #fff;
+  min-width 1170px;
   .header {
     display flex
     flex-direction row
@@ -567,7 +570,18 @@
     background-color: #f5f5f5;
     padding-bottom 15px
     .el-input__inner {
-      width 200px
+      max-width 200px
+      min-width 150px
+    }
+    @media screen and (min-width:1500px) and (max-width:1920px){
+      .el-input__inner {
+        width 200px
+      }
+    }
+    @media screen and (min-width:960px) and (max-width:1499px){
+      .el-input__inner {
+        width 150px
+      }
     }
     .headerFlex:nth-child(2n) {
       margin 0 15px
@@ -619,7 +633,7 @@
     }
   }
   .supplyAnalysisTable{
-    width: 70%;
+    width: 92%;
     margin: 40px auto 20px;
   }
   .supplyDealUnitType{

src/views/RegionalPlate/index.vue

@@ -40,9 +40,9 @@
         :num="item.projectSize"
         :fontSize="14"
         :text-color="'#ffffff'"
-        :bg-color="'rgba(25,124,230,0.6)'"
+        :bg-color="item.adminRegion === regionClickId ? '#2980b9' : 'rgba(25,124,230,0.6)'"
         :active-color="'rgba(25,124,230,1)'"
-        :bg-img-url="null"
+        :active-action="item.adminRegion === regionClickId"
         :circle="'50%'"
         :width="80"
         :height="80"
@@ -59,8 +59,8 @@
         :text="item.name"
         :fontSize="12"
         :text-color="'#ffffff'"
-        :bg-color="item.saleStatus == 1 ? 'rgb(25,124,230,0.6)' : 'rgb(169,209,142,0.6)'"
-        :active-color="item.saleStatus == 1 ? 'rgb(25,124,230,1)' : 'rgb(169,209,142,1)'"
+        :bg-color="item.saleStatus == 1 ? 'rgb(25,124,230,0.7)' : 'rgb(46,204,113, 0.8)'"
+        :active-color="item.saleStatus == 1 ? 'rgb(25,124,230,1)' : 'rgb(46,204,113, 1)'"
         :bg-img-url="null"
         :circle="'10px'"
         :height="30"></my-overlay>
@@ -162,7 +162,7 @@
                 </div>
                 <div class="infomationContainer">
                   <div class="propertyListName" style="color: #1482f0" @click="toPropertyDetail(item.businessId)">{{item.name}}</div>
-                  <p>价格：{{item.price || '--'}}/m<sup>2</sup></p>
+                  <p>价格：{{item.price || '--'}} <span>元/m<sup>2</sup></span></p>
                   <p>产品类型: {{item.productType || '--'}}</p>
                   <p>占地面积：{{item.landArea || '--'}}m<sup>2</sup></p>
                   <p>建筑面积：{{item.totalArea || '--'}}m<sup>2</sup></p>
@@ -206,8 +206,8 @@
   import { plateRegionDetail } from "./plateCharacteristics";
   import MyOverlay from '@comp/mapOverlay'
   import propertyControll from '@comp/propertyControll'
-  import { queryAllRegions, queryPlateByRegionId, queryPlateDetailById } from "../../assets/js/api/unitManage";
-  import { averagePosition} from "../../assets/js/public";
+  import { queryAllRegions, queryPlateDetailById, queryAllPLate } from "../../assets/js/api/unitManage";
+  import { averagePosition, distinct5} from "../../assets/js/public";
   export default {
     name: 'RegionalPlate',
     components: {
@@ -274,7 +274,8 @@
             defaultSetting: ''
           }
         }, // key/value 对应
-        BMapTool: null
+        BMapTool: null,
+        regionClickId: ''
       }
     },
     methods: {
@@ -328,34 +329,36 @@
         this.detailShow = true
       },
       setShowToPlate (item) {
-        queryPlateByRegionId(item.businessId).then(res => {
-          if(!res.data || res.data.length === 0) {
-            this.$message({
-              type: 'warning',
-              message: '该行政区下未查询到板块'
-            })
-            return
-          }
-          for(let i =0, l = res.data.length; i < l; i++) {
-            this.transform(res.data[i].longitude, res.data[i].latitude).then(point => {
-              res.data[i].longitude = point.lng
-              res.data[i].latitude = point.lat
-              if(i === l - 1) {
-                this.showType = 'plate'
-                this.map.center.lng = res.data[0] ? res.data[0].longitude :item.longitude
-                this.map.center.lat = res.data[0] ? res.data[0].latitude :item.latitude
-                this.map.setZoom = this.zoomType['plate']
-                this.dataType['plate'] = res.data
-              }
-            })
+        queryAllPLate().then(res => {
+          const plate = res.data.data
+          this.regionClickId = item.businessId
+          if(plate && plate.length > 0) {
+            this.showType = 'plate'
+            this.map.center.lng = item.longitude
+            this.map.center.lat = item.latitude
+            this.map.setZoom = this.zoomType['plate']
+            this.dataType['plate'] = plate
           }
-        }).catch(e => {
-          this.$message({
-            type: 'error',
-            message: e.msg
-          })
-          return e
         })
+        // queryPlateByRegionId(item.businessId).then(res => {
+        //   if(!res.data || res.data.length === 0) {
+        //     this.$message({
+        //       type: 'warning',
+        //       message: '该行政区下未查询到板块'
+        //     })
+        //     return
+        //   }
+        //   this.regionClickId = item.businessId
+        //   for(let i =0, l = res.data.length; i < l; i++) {
+        //
+        //   }
+        // }).catch(e => {
+        //   this.$message({
+        //     type: 'error',
+        //     message: e.msg
+        //   })
+        //   return e
+        // })
       },
       setShowToPlateRegion (item) {
         queryPlateDetailById(item.businessId).then(res => {
@@ -367,6 +370,9 @@
             })
             return
           }
+          // 产品类型
+          let productTypeName = ''
+          // 基本信息
           let info = JSON.parse(JSON.stringify(res.data))
           this.dataType.plateRegion.resultBnsProjectDTOSDetail = info.resultBnsProjectDTOS
           this.dataType.plateRegion.resultBnsLandDTOSDetail = info.resultBnsLandDTOS
@@ -388,10 +394,18 @@
                   this.dataType.plateRegion.resultBnsProjectDTOS = res.data.resultBnsProjectDTOS
                 }
               })
+              if(res.data.resultBnsProjectDTOS[i].productType) {
+                productTypeName = productTypeName + res.data.resultBnsProjectDTOS[i].productType + (i === l -1 ? '' : ',')
+              }
             }
           } else {
             this.dataType.plateRegion.resultBnsProjectDTOS = []
           }
+          if(productTypeName) {
+           productTypeName = productTypeName.split(',')
+           productTypeName = distinct5(productTypeName)
+          }
+          this.dataType.plateRegion.plateInfo.productionTypeName = productTypeName ? productTypeName.join('+') : ''
           if(res.data.resultBnsLandDTOS &&res.data.resultBnsLandDTOS.length > 0) {
             for(let i = 0, l = res.data.resultBnsLandDTOS.length; i < l ; i++) {
               this.transform(res.data.resultBnsLandDTOS[i].longitude || 0, res.data.resultBnsLandDTOS[i].latitude || 0).then(point => {
@@ -406,6 +420,7 @@
             this.dataType.plateRegion.resultBnsLandDTOS = []
           }
         }).catch(e => {
+          console.log(e)
           this.$message({
             type: 'error',
             message: e.msg
@@ -433,6 +448,7 @@
        if(this.$route.query && this.$route.query.type && this.$route.query.data) {
          const searchResult = this.$route.query
          if(searchResult.type === 'plateRegion') {
+           let productionTypeName = ''
            let resultData = JSON.parse(searchResult.data) // 解码data
            let info = JSON.parse(JSON.stringify(resultData))
            this.dataType.plateRegion.resultBnsProjectDTOSDetail = info.resultBnsProjectDTOS
@@ -452,10 +468,19 @@
                    this.dataType.plateRegion.resultBnsProjectDTOS = resultData.resultBnsProjectDTOS
                  }
                })
+               // 产品类型拼接
+               if(resultData.resultBnsProjectDTOS[i].productType) {
+                 productionTypeName = productionTypeName + resultData.resultBnsProjectDTOS[i].productType + (i === l -1 ? '' : ',')
+               }
              }
            } else {
              this.dataType.plateRegion.resultBnsProjectDTOS = []
            }
+           if(productionTypeName) {
+             productionTypeName = productionTypeName.split(',')
+             productionTypeName = distinct5(productionTypeName)
+           }
+           this.dataType.plateRegion.plateInfo.productionTypeName =  productionTypeName ? productionTypeName.join('+') : ''
            // 转换坐标 赋值土拍
            if(resultData.resultBnsLandDTOS && resultData.resultBnsLandDTOS.length > 0) {
              resultData.resultBnsLandDTOS = resultData.resultBnsLandDTOS.filter(item => {  return item.longitude && item.latitude })
@@ -502,6 +527,7 @@
        }
         window.eventBus.$on('searchParamChange', (searchResult) => {
           if(searchResult.type === 'plateRegion') {
+            let productionTypeName = '' // 产品类型
             let resultData = JSON.parse(searchResult.data) // 解码data
             let info = JSON.parse(JSON.stringify(resultData))
             this.dataType.plateRegion.resultBnsProjectDTOSDetail = info.resultBnsProjectDTOS
@@ -513,28 +539,37 @@
             // 渲染楼盘点
             if(resultData.resultBnsProjectDTOS && resultData.resultBnsProjectDTOS.length > 0) {
               resultData.resultBnsProjectDTOS = resultData.resultBnsProjectDTOS.filter(item => { return item.longitude && item.latitude })
-              for(let i = 0, l = resultData.resultBnsProjectDTOS.length; i < l ; i++) {
-                this.transform(resultData.resultBnsProjectDTOS[i].longitude || 0, resultData.resultBnsProjectDTOS[i].latitude || 0).then(point => {
-                  resultData.resultBnsProjectDTOS[i].longitude = point.lng
-                  resultData.resultBnsProjectDTOS[i].latitude = point.lat
-                  if(i === l - 1) {
-                    this.dataType.plateRegion.resultBnsProjectDTOS = resultData.resultBnsProjectDTOS
+                for(let i = 0, l = resultData.resultBnsProjectDTOS.length; i < l ; i++) {
+                  this.transform(resultData.resultBnsProjectDTOS[i].longitude || 0, resultData.resultBnsProjectDTOS[i].latitude || 0).then(point => {
+                    resultData.resultBnsProjectDTOS[i].longitude = point.lng
+                    resultData.resultBnsProjectDTOS[i].latitude = point.lat
+                    if(i === l - 1) {
+                      this.dataType.plateRegion.resultBnsProjectDTOS = resultData.resultBnsProjectDTOS
+                    }
+                  })
+                  if(resultData.resultBnsProjectDTOS[i].productType) {
+                    productionTypeName = productionTypeName + resultData.resultBnsProjectDTOS[i].productType + (i === l -1 ? '' : ',')
                   }
-                })
-              }
+                }
+            }
+            if(productionTypeName) {
+              productionTypeName = productionTypeName.split(',')
+              productionTypeName = distinct5(productionTypeName)
             }
+            this.dataType.plateRegion.plateInfo.productionTypeName = productionTypeName ? productionTypeName.join('+') : ''
             // 渲染土拍坐标点
             if(resultData.resultBnsLandDTOS && resultData.resultBnsLandDTOS.length > 0) {
               resultData.resultBnsLandDTOS = resultData.resultBnsLandDTOS.filter(item => { return item.longitude && item.latitude })
-              for(let i = 0, l = resultData.resultBnsLandDTOS.length; i < l ; i++) {
-                this.transform(resultData.resultBnsLandDTOS[i].longitude, resultData.resultBnsLandDTOS[i].latitude).then(point => {
-                  resultData.resultBnsLandDTOS[i].longitude = point.lng
-                  resultData.resultBnsLandDTOS[i].latitude = point.lat
-                  if(i === l - 1) {
-                    this.dataType.plateRegion.resultBnsLandDTOS = resultData.resultBnsLandDTOS
-                  }
-                })
-              }
+                for(let i = 0, l = resultData.resultBnsLandDTOS.length; i < l ; i++) {
+                  this.transform(resultData.resultBnsLandDTOS[i].longitude, resultData.resultBnsLandDTOS[i].latitude).then(point => {
+                    resultData.resultBnsLandDTOS[i].longitude = point.lng
+                    resultData.resultBnsLandDTOS[i].latitude = point.lat
+                    if(i === l - 1) {
+                      this.dataType.plateRegion.resultBnsLandDTOS = resultData.resultBnsLandDTOS
+                    }
+                  })
+                }
+
             }
             this.showType = 'plateRegion'
             this.map.center.lng = resultData.longitude
@@ -575,6 +610,19 @@
           })
         })
       },
+      transformArray(arr) {
+        return new Promise((resolve, reject) => {
+          if(arr.length > 100) {
+            reject('转换上限为100个！')
+          }
+          // type = 3 高德地图、腾讯地图 转 百度地图
+          new this.BMapTool.Convertor().translate(arr.map(item => { return { lng: item.longitude, lat: item.latitude } }), 3, 5, (data) => {
+            if(data.status === 0) {
+              resolve(data.points)
+            }
+          })
+        })
+      },
       queryAllRegion() {
         // 若无传递值 则查询全部区域及其下属数目信息
         queryAllRegions().then(res => {
@@ -600,8 +648,6 @@
               })
             }
           })
-          //
-          // this.dataType.region = arr
         }).catch(e => {
           this.$message({
             type: 'error',

src/views/plateSupplyData/index.vue

@@ -145,7 +145,8 @@
         extend: {
           series: {
             type: 'bar',
-            barWidth: 30,
+            barMaxWidth: 30,
+            barMinWidth: 16,
             label: {
               show: true,
               position: "top",
@@ -159,7 +160,8 @@
         extend2: {
           series: {
             type: 'bar',
-            barWidth: 30,
+            barMaxWidth: 30,
+            barMinWidth: 16,
             label: {
               show: true,
               position: "top",
@@ -173,7 +175,6 @@
         tooltipResize: {
           show: true,
           formatter: (params) => {
-            console.log(params, 'dddddddddd')
             if(params.data == 0) { return '' }
             return `<div>${params.name}区间</br>
                          供求比：${params.data ? (1/ params.data).toFixed(1) : ''}
@@ -244,14 +245,14 @@
                 rate: res.data[key] ? (1 / res.data[key].rate || 0) : 0
               })
               areaRange.push(areaRangeMap[key])
-              rate.push(res.data[key] ? (res.data[key].rate.toFixed(1) || 0) : 0)
+              rate.push(res.data[key] ? (res.data[key].rate ? res.data[key].rate.toFixed(1) : 0 ) : 0)
               supplyNumber.push(res.data[key] ? (res.data[key].suplyNumber || 0) : 0)
               dealNumber.push(res.data[key] ? (res.data[key].dealNumber || 0) : 0)
               exportList.push({
                 areaRange: areaRangeMap[key],
                 supplyNumber: res.data[key] ? (res.data[key].suplyNumber || 0) : 0,
                 dealNumber: res.data[key] ? (res.data[key].dealNumber || 0) : 0,
-                gongQiuBi: res.data[key] ? (res.data[key].rate || 0) : 0
+                gongQiuBi: res.data[key] ? (res.data[key].rate ? res.data[key].rate.toFixed(1) : 0 ) : 0
               })
             })
             this.chartData.rows = supplyChartsData

src/views/propertiesDetail/index.vue

@@ -62,7 +62,10 @@
                   :show-overflow-tooltip="true"
                   :label="item.label">
                   <template slot-scope="scope">
-                    <div style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden">{{scope.row[item.prop] || '---'}}</div>
+                    <div
+                      style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden"
+                      v-if="item.prop === 'dealDate'">{{scope.row[item.prop] ? scope.row[item.prop].substring(0, 10) : '---'}}</div>
+                    <div style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden" v-else >{{scope.row[item.prop]  || '---'}}</div>
                   </template>
                 </el-table-column>
               </el-table>
@@ -116,7 +119,7 @@
                   <table cellspacing="0" cellpadding="0" class="table" >
                     <tr v-for="(value, key) in supplyRateTable" :key="key">
                       <th>{{value.name}}</th>
-                      <td v-for="(item,index) in value.data" :key="index">{{key === 'rate' ? (item ? item.toFixed(1) : '0') : item}}</td>
+                      <td v-for="(item,index) in value.data" :key="index">{{item}}</td>
                     </tr>
                   </table>
                   <!--            供求比提示信息-->
@@ -155,7 +158,7 @@
                 </el-col>
                 <el-col :span="12">
                   <!--            各房 面宽图表数据-->
-                  <ve-histogram :legend="{ bottom: 20 }" :data="houseWidthCharts" :extend="extend"  :colors="colorArr"></ve-histogram>
+                  <ve-histogram :legend="{ bottom: 0 }" :data="houseWidthCharts" :extend="extend"  :colors="colorArr"></ve-histogram>
                   <!--            各房 面宽表格数据-->
                   <table cellspacing="0" cellpadding="0" class="table" style="width: 90%">
                     <tr>
@@ -259,8 +262,7 @@
         // 各房面积区间 供应数量图饼
         houseUnitCharts: {
           columns: ['productionPie', 'supplication'],
-          rows: [
-          ]
+          rows: []
         },
         // 各房面积区间 庭室数量表格
         houseUnitTable: [],
@@ -294,7 +296,9 @@
         extend: {
           series: {
             type: 'bar',
-            barWidth: 10,
+            barMaxWidth: 30,
+            barMinWidth: 16,
+            fontSize: 10,
             label: {
               show: true,
               position: 'top',
@@ -308,7 +312,8 @@
         rateExtend: {
           series: {
             type: 'bar',
-            barWidth: 30,
+            barMaxWidth: 30,
+            barMinWidth: 16,
             label: {
               show: true,
               position: "top",
@@ -331,7 +336,8 @@
         supplyExtend: {
           series: {
             type: 'bar',
-            barWidth: 30,
+            barMaxWidth: 30,
+            barMinWidth: 16,
             label: {
               show: true,
               position: "top",
@@ -392,6 +398,7 @@
           if(res.data) {
             // 总图
             this.propertyData.projectInformation = res.data.bnsProject
+            this.propertyData.projectInformation.productTypeName = res.data.productTypeName
             if(res.data.projectTotalImgList && res.data.projectTotalImgList.length > 0) {
               this.propertyData.propertyBanner.ztBanner = res.data.projectTotalImgList
             }
@@ -415,7 +422,7 @@
                     remarks: ''
                   }
                   res.data.forEach(item => {
-                    single.code = item.code || '-----土拍'
+                    single.code = item.code || '--------'
                     single.soildTable = [ item ]
                     single.remarks = item.remarks
                     this.propertyData.propertySoildInfo.push(single)
@@ -461,10 +468,10 @@
           } else {
             this.propertyLoading = false
           }
-        }).catch(e => {
+        }).catch(() => {
           this.$message({
             type: 'error',
-            message: e.msg
+            message: '查询楼盘详情数据失败'
           })
           this.propertyLoading = false
         })
@@ -495,14 +502,14 @@
                  rate: res.data[key] ? (1 / res.data[key].rate || 0) : 0
                })
                areaRange.push(areaRangeMap[key])
-               rate.push(res.data[key] ? (res.data[key].rate || 0) : 0)
+               rate.push(res.data[key] ? (res.data[key].rate ? res.data[key].rate.toFixed(1) : 0 ) : 0)
                supplyNumber.push(res.data[key] ? (res.data[key].suplyNumber || 0) : 0)
                dealNumber.push(res.data[key] ? (res.data[key].dealNumber || 0) : 0)
                exportList.push({
                  areaRange: areaRangeMap[key],
                  supplyNumber: res.data[key] ? (res.data[key].suplyNumber || 0) : 0,
                  dealNumber: res.data[key] ? (res.data[key].dealNumber || 0) : 0,
-                 gongQiuBi: res.data[key] ? (res.data[key].rate || 0) : 0
+                 gongQiuBi: res.data[key] ? (res.data[key].rate ? res.data[key].rate.toFixed(1) : 0 ) : 0
                })
              })
              this.supplySaleCharts.rows = supplyChartsData
@@ -519,6 +526,13 @@
                this.supplyNoDataFlag = false
              }
            }
+         }).catch(e => {
+           this.$message({
+             type: 'error',
+             message: '查询供求比数据失败'
+           })
+           this.supplyNoDataFlag = true
+           return e
          })
       },
       // 产品供应与户型信息 图表与表格
@@ -555,11 +569,23 @@
           }
           this.houseWidthCharts.columns = colum
           this.houseWidthCharts.rows = histomData
+        }).catch(e => {
+          this.$message({
+            type: 'error',
+            message: '查询户型信息数据失败'
+          })
+          return e
         })
         getJsonForProduction(this.propertyId).then(res => {
           if(res.data) {
             this.exportHouseInfoSave = JSON.parse(res.data).detilProductJsonDtoList
           }
+        }).catch(e => {
+          this.$message({
+            type: 'error',
+            message: '查询户型信息导出数据失败'
+          })
+          return e
         })
       }
     },
@@ -643,9 +669,8 @@
      padding 0 20px 20px 20px
      border 2px solid rgb(222, 235, 247)
      .container {
-       margin-top 10px
        .tagsInfo {
-         margin-right 25px
+         margin 10px 25px 10px 0;
          padding 5px 15px
          font-size 14px
          font-family "sans-serif"
@@ -736,16 +761,19 @@
              color #ffffff
              text-align center
              white-space nowrap
+             padding 8px 0
            }
          }
        }
       .el-table__body-wrapper{
+        margin-top 3px
         .el-table__body {
           td {
             background-color: rgb(210, 222, 239);
             color #000000
             text-align center
             white-space nowrap
+            padding 2px 0
           }
         }
       }

src/views/propertiesDetail/tableColum.js

@@ -3,11 +3,11 @@
 // 土拍信息表格展示 设置表头
 export const columData = [
   {
-    prop: 'regionName',
+    prop: 'propertyName',
     label: '区域'
   },
   {
-    prop: 'propertyName',
+    prop: 'regionName',
     label: '板块'
   },
   {
@@ -21,7 +21,7 @@ export const columData = [
     prop: 'builtArea',
     label: '建筑面积'
   },{
-    prop: 'buildingDensity',
+    prop: 'builtDensity',
     label: '建筑密度'
   },{
     prop: 'floorPrice',
@@ -31,7 +31,7 @@ export const columData = [
     label: '成交日期'
   },{
     prop: 'dealPrice',
-    label: '成交总价(亿)'
+    label: '成交总价(元)'
   },{
     prop: 'premium',
     label: '溢价'