Просмотр исходного кода

网点现场照片 加默认图暂无照片

chenrui 4 лет назад
Родитель
Сommit
d93404794a
2 измененных файлов с 14 добавлено и 11 удалено
  1. BIN
      src/assets/noPic.jpg
  2. 14 11
      src/views/CarWashManagement/DetailsCarWashModal.vue

BIN
src/assets/noPic.jpg


+ 14 - 11
src/views/CarWashManagement/DetailsCarWashModal.vue

@@ -18,7 +18,7 @@
         </a-col>
         <a-col :span="12" class="item-cont">
           <p class="item-label">网点名称:</p>
-          <p class="item-main">{{ carWashInfo.name }}</p>
+          <p class="item-main">{{ carWashInfo.name || '-' }}</p>
         </a-col>
         <a-col :span="12" class="item-cont">
           <p class="item-label">地址:</p>
@@ -26,12 +26,13 @@
         </a-col>
         <a-col :span="12" class="item-cont">
           <p class="item-label">详细地址:</p>
-          <p class="item-main">{{ carWashInfo.addrDetail }}</p>
+          <p class="item-main">{{ carWashInfo.addrDetail || '-' }}</p>
         </a-col>
         <a-col :span="12" class="item-cont">
           <p class="item-label">设备ID:</p>
           <p class="item-main">
             <a-tag color="blue" v-if="carWashInfo.deviceVOList">{{ carWashInfo.deviceVOList[0].deviceNo }}</a-tag>
+            <span v-else>-</span>
           </p>
         </a-col>
         <a-col :span="12" class="item-cont">
@@ -42,11 +43,11 @@
         </a-col>
         <a-col :span="12" class="item-cont">
           <p class="item-label">经度:</p>
-          <p class="item-main">{{ carWashInfo.lng }}</p>
+          <p class="item-main">{{ carWashInfo.lng || '-' }}</p>
         </a-col>
         <a-col :span="12" class="item-cont">
           <p class="item-label">纬度:</p>
-          <p class="item-main">{{ carWashInfo.lat }}</p>
+          <p class="item-main">{{ carWashInfo.lat || '-' }}</p>
         </a-col>
         <a-col :span="12" class="item-cont">
           <p class="item-label">服务类型:</p>
@@ -69,11 +70,11 @@
         </a-col>
         <a-col :span="24" class="item-cont">
           <p class="item-label">路段指引:</p>
-          <p :class="['item-main', carWashInfo.guidance ? 'guidance-con' : '']" v-html="carWashInfo.guidance"></p>
+          <p :class="['item-main', carWashInfo.guidance ? 'guidance-con' : '']" v-html="carWashInfo.guidance || '-'"></p>
         </a-col>
         <a-col :span="24" class="item-cont">
           <p class="item-label">温馨提示:</p>
-          <p class="item-main">{{ carWashInfo.reminder }}</p>
+          <p class="item-main">{{ carWashInfo.reminder || '-' }}</p>
         </a-col>
         <a-col :span="24" class="item-cont">
           <p class="item-label">现场照片:</p>
@@ -122,7 +123,7 @@ export default {
       isShow: this.openModal, //  弹框是否展示
       labelList: [], //  网点标签
       isPicModal: false, //  现场照片  弹框是否展示
-      pic: '', //  现场照片  路径
+      pic: require('@/assets/noPic.jpg'), //  现场照片  路径
       carWashInfo: {}, //  网点信息
       serviceType: [], //  服务类型
       storeItemPriceDTOList: [], //  时段价格
@@ -142,9 +143,9 @@ export default {
               // 获取当前设备图片
               deviceImage({ deviceNo: res.data.deviceVOList[0].deviceNo }).then(results => {
                 if (results.status == 200) {
-                  this.pic = results.data
+                  this.pic = results.data || require('@/assets/noPic.jpg')
                 } else {
-                  this.pic = ''
+                  this.pic = require('@/assets/noPic.jpg')
                 }
               })
               this.setVal()
@@ -275,12 +276,14 @@ export default {
     .small-pic{
       display: block;
       cursor: zoom-in;
-      width: 300px;
+      width: 200px;
+      border: 1px solid #e8e8e8;
     }
   }
   .pic{
     display: block;
     max-width: 100%;
-    margin: 0 auto;
+    margin: 40px auto 50px;
+    border: 1px solid #e8e8e8;
   }
 </style>