优化详情展示

src/components/detail/detailItem.vue

@@ -3,11 +3,12 @@
     <a-col v-if="label !== ''" :title="label" :span="labelSpan" class="label">{{label}}：</a-col>
     <a-col v-else :title="label" :span="labelSpan" class="label" style="color:#fafafa">.</a-col>
     <a-col :span="textSpan" class="text">
+      <!-- {{text}} -->
       <a-tooltip>
         <template slot="title">
           {{text}}
         </template>
-        <template v-if="text && text.length>0">{{text}}</template>
+        <template >{{text}}</template>
       </a-tooltip>
       <slot name='detailContent'></slot>
     </a-col>
@@ -32,10 +33,8 @@ export default {
       required: true
     },
     text: {
-      // type: String,
-      default() {
-        return ''
-      }
+      type: [String, Number],
+      default: ''
     }
   },
   data() {

src/views/xuhui/shebeiKanyan.vue

@@ -16,28 +16,28 @@
               <div style="margin:0 16px;">
                 <a-row type="flex" justify="start">
                   <a-col span="8">
-                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"小区名称"' :text='$route.query.communityName|| "" '></DetailsItem>
+                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"小区名称"' :text='$route.query.communityName'></DetailsItem>
                   </a-col>
                   <a-col span="8">
-                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"供水消防总泵数量"' :text='baseInfo.firePumpsNum|| "" '></DetailsItem>
+                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"供水消防总泵数量"' :text='baseInfo.firePumpsNum'></DetailsItem>
                   </a-col>
                   <a-col span="8">
-                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"供水消防总泵维保单位"' :text='baseInfo.firePumpsServiceUnit|| "" '></DetailsItem>
+                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"供水消防总泵维保单位"' :text='baseInfo.firePumpsServiceUnit'></DetailsItem>
                   </a-col>
                   <a-col span="8">
-                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"供水生活总泵数量"' :text='baseInfo.lifeWaterPumpsNum|| "" '></DetailsItem>
+                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"供水生活总泵数量"' :text='baseInfo.lifeWaterPumpsNum'></DetailsItem>
                   </a-col>
                   <a-col span="8">
-                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"供水生活总泵维保单位"' :text='baseInfo.lifeWaterPumpsServiceUnit|| "" '></DetailsItem>
+                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"供水生活总泵维保单位"' :text='baseInfo.lifeWaterPumpsServiceUnit'></DetailsItem>
                   </a-col>
                   <a-col span="8">
-                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"生活垃圾库房数量"' :text='baseInfo.lifeRubbishNum|| "" '></DetailsItem>
+                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"生活垃圾库房数量"' :text='baseInfo.lifeRubbishNum'></DetailsItem>
                   </a-col>
                   <a-col span="8">
-                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"建筑垃圾库房数量"' :text='baseInfo.buildingRubbishNum|| "" '></DetailsItem>
+                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"建筑垃圾库房数量"' :text='baseInfo.buildingRubbishNum'></DetailsItem>
                   </a-col>
                   <a-col span="8">
-                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"监控主控室位置"' :text='baseInfo.monitorControlRoomAddr|| "" '></DetailsItem>
+                    <DetailsItem :labelSpan='12' :textSpan="12" :label='"监控主控室位置"' :text='baseInfo.monitorControlRoomAddr'></DetailsItem>
                   </a-col>
                 </a-row>
               </div>