|
@@ -90,8 +90,8 @@
|
|
|
<viewUploadImg :imgs="list.carShopImgList"></viewUploadImg>
|
|
|
</div>
|
|
|
<template v-if="list.img != null && list.storeCategory != 'C917'">
|
|
|
- <van-row gutter="20" style="padding: 16px">
|
|
|
- <van-col span="12">
|
|
|
+ <div class="displayImg" style="padding: 16px">
|
|
|
+ <div class="displayImgBox">
|
|
|
<div v-if="storeTypePOP">
|
|
|
<van-image
|
|
|
width="100%"
|
|
@@ -112,20 +112,31 @@
|
|
|
{{ list.storeCategory == 'C912' ? '工地铭牌照片' : '公司照片' }}
|
|
|
</p>
|
|
|
</div>
|
|
|
- </van-col>
|
|
|
- <van-col span="12" v-if="list.ifJzStoreType != 1">
|
|
|
- <div v-if="storeTypePOP">
|
|
|
- <van-image
|
|
|
- width="100%"
|
|
|
- height="160"
|
|
|
- :src="setImgSrc(list.imgSed)"
|
|
|
- @click="deleteImgs(list.imgSed)" />
|
|
|
- <p style="text-align: center">
|
|
|
- {{ list.ifJzStoreType != 1 ? '陈列照' : '立邦展厅照片' }}
|
|
|
- </p>
|
|
|
+ </div>
|
|
|
+ <template v-if="list.ifJzStoreType != 1"></template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="displayImgBox">
|
|
|
+ <div v-if="storeTypePOP">
|
|
|
+ <van-image
|
|
|
+ width="100%"
|
|
|
+ height="160"
|
|
|
+ :src="setImgSrc(list.imgSed)"
|
|
|
+ @click="deleteImgs(list.imgSed)" />
|
|
|
+ <p style="text-align: center">
|
|
|
+ {{ '立邦展厅照片' }}
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </van-col>
|
|
|
- </van-row>
|
|
|
+ </template>
|
|
|
+ <template v-if="list.ifJzStoreType != 1 && storeTypePOP && displayImg.length">
|
|
|
+ <div class="displayImgBox" v-for="(urls, index) in displayImg" :key="index">
|
|
|
+ <div>
|
|
|
+ <van-image width="100%" height="160" :src="urls" @click="previewsImg(index)" />
|
|
|
+ <p style="text-align: center">建店时陈列照</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<van-row gutter="20" style="padding: 16px">
|
|
|
<van-col span="12" v-if="list.newStoreSignPhoto">
|
|
@@ -281,6 +292,7 @@ export default {
|
|
|
orderList: [],
|
|
|
rejectReasonShow: false, //退回提交原因
|
|
|
rejectMessage: '',
|
|
|
+ displayImg: [],
|
|
|
};
|
|
|
},
|
|
|
activated() {
|
|
@@ -459,6 +471,7 @@ export default {
|
|
|
localStorage.setItem('chainName', res.data.storeName);
|
|
|
if (res.code == 200) {
|
|
|
this.list = res.data;
|
|
|
+ this.displayImg = this.list.imgSed != '' ? this.list.imgSed.split(',') : [];
|
|
|
if (this.list.carShopImgList != null) {
|
|
|
} else {
|
|
|
this.list.carShopImgList = [];
|
|
@@ -652,6 +665,17 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+ // 预览
|
|
|
+ previewsImg(index) {
|
|
|
+ var arrimg = [];
|
|
|
+ for (var imgi = 0; imgi < this.displayImg.length; imgi++) {
|
|
|
+ arrimg.push(this.displayImg[imgi]);
|
|
|
+ }
|
|
|
+ ImagePreview({
|
|
|
+ images: arrimg,
|
|
|
+ startPosition: index,
|
|
|
+ });
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
@@ -793,6 +817,31 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.displayImg {
|
|
|
+ .displayImgBox {
|
|
|
+ position: relative;
|
|
|
+ width: 48%;
|
|
|
+ padding: 20px 0;
|
|
|
+ height: 210px;
|
|
|
+ float: left;
|
|
|
+ margin-right: 4%;
|
|
|
+ .title {
|
|
|
+ text-align: center;
|
|
|
+ padding: 5px 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .displayImgBox:nth-child(even) {
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+ i {
|
|
|
+ position: absolute;
|
|
|
+ right: 4px;
|
|
|
+ color: white;
|
|
|
+ background: red;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
|
|
<style lang="scss">
|
|
|
.searchDiv {
|