|
@@ -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>
|