From b57c81c1da4ad71edf2073c21e7cebb38123b961 Mon Sep 17 00:00:00 2001
From: peng <peng.com>
Date: 星期一, 27 十月 2025 17:08:00 +0800
Subject: [PATCH] 页面调整
---
manager/src/views/seller/shop/shopDetail.vue | 29 +++++++++++++++++++++++++++--
1 files changed, 27 insertions(+), 2 deletions(-)
diff --git a/manager/src/views/seller/shop/shopDetail.vue b/manager/src/views/seller/shop/shopDetail.vue
index 85f6fda..07b507d 100644
--- a/manager/src/views/seller/shop/shopDetail.vue
+++ b/manager/src/views/seller/shop/shopDetail.vue
@@ -176,7 +176,9 @@
<p class="item">
<span class="label">韬唤璇佺収鐗囷細</span>
<span class="info">
- <img style="height: 100px;width: 100px" class="mr_10" v-for="item in storeInfo.legalPhoto" :src="item" :key="item">
+ <img style="height: 100px;width: 100px; cursor: pointer;" class="mr_10" v-for="(item, index) in storeInfo.legalPhoto" :src="item" :key="item" @click="previewImage(item, '韬唤璇佺収鐗�(' + (index + 1) + ')')">
+ <Button v-if="storeInfo.legalPhoto && storeInfo.legalPhoto.length > 0" @click="previewImage(storeInfo.legalPhoto[0], '韬唤璇佹闈�')" type="info" size="small" style="margin-left: 10px;">棰勮鍥剧墖</Button>
+ <Button v-if="storeInfo.legalPhoto && storeInfo.legalPhoto.length > 1" @click="previewImage(storeInfo.legalPhoto[1], '韬唤璇佸弽闈�')" type="info" size="small" style="margin-left: 10px;">棰勮鍥剧墖</Button>
</span>
</p>
<p class="item">
@@ -191,7 +193,8 @@
<p class="item">
<span class="label">钀ヤ笟鎵х収鐢靛瓙鐗堬細</span>
<span class="info">
- <img style="height: 100px;width: 100px" :src="storeInfo.licencePhoto">
+ <img style="height: 100px;width: 100px; cursor: pointer;" :src="storeInfo.licencePhoto" @click="previewImage(storeInfo.licencePhoto, '钀ヤ笟鎵х収')">
+ <Button v-if="storeInfo.licencePhoto" @click="previewImage(storeInfo.licencePhoto, '钀ヤ笟鎵х収')" type="info" size="small" style="margin-left: 10px;">棰勮鍥剧墖</Button>
</span>
</p>
<p class="item">
@@ -615,6 +618,14 @@
</Tabs>
</Card>
+ <!-- 鍥剧墖棰勮妯℃�佹 -->
+ <Modal v-model="previewModal" :title="previewTitle" width="600">
+ <img :src="previewImageUrl" alt="棰勮鍥剧墖" style="width: 100%; height: auto;" />
+ <div slot="footer">
+ <Button @click="previewModal = false">鍏抽棴</Button>
+ </div>
+ </Modal>
+
</div>
</template>
@@ -906,6 +917,10 @@
},
refundOrderData: [],//鍞悗鍗曟暟鎹�
refundOrderTotal: 0,//鍞悗鍗曟�绘潯鏁�
+ // 鍥剧墖棰勮鐩稿叧
+ previewModal: false,
+ previewImageUrl: "",
+ previewTitle: "鍥剧墖棰勮",
};
},
watch: {
@@ -1138,6 +1153,16 @@
this.refundOrderSearchForm.endDate = v[1];
}
},
+ // 鍥剧墖棰勮鍔熻兘
+ previewImage(url, title) {
+ if (url) {
+ this.previewImageUrl = url;
+ this.previewTitle = title || "鍥剧墖棰勮";
+ this.previewModal = true;
+ } else {
+ this.$Message.warning("鏆傛棤鍥剧墖鍙瑙�");
+ }
+ }
},
mounted() {
this.id = this.$route.query.id;
--
Gitblit v1.8.0