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/shopOperation.vue | 41 ++++++++++++++++++++++++++++++++++++++---
1 files changed, 38 insertions(+), 3 deletions(-)
diff --git a/manager/src/views/seller/shop/shopOperation.vue b/manager/src/views/seller/shop/shopOperation.vue
index aa69836..c29fe94 100644
--- a/manager/src/views/seller/shop/shopOperation.vue
+++ b/manager/src/views/seller/shop/shopOperation.vue
@@ -79,6 +79,9 @@
<Button @click="handleCLickImg('storeLogo')" type="primary"
>閫夋嫨鍥剧墖</Button
>
+ <Button v-if="shopForm.storeLogo" @click="previewImage(shopForm.storeLogo)" type="info" style="margin-left: 10px;"
+ >棰勮鍥剧墖</Button
+ >
</div>
</FormItem>
@@ -214,6 +217,9 @@
<Button @click="handleCLickImg('licencePhoto')" type="primary"
>閫夋嫨鍥剧墖</Button
>
+ <Button v-if="shopForm.licencePhoto" @click="previewImage(shopForm.licencePhoto)" type="info" style="margin-left: 10px;"
+ >棰勮鍥剧墖</Button
+ >
</div>
</FormItem>
<Divider orientation="left">娉曚汉淇℃伅</Divider>
@@ -239,9 +245,17 @@
size="100"
icon="md-add"
@click.native="handleCLickImg('legalPhoto', 1)"
- :src="shopForm.legalPhoto[1]"
+ :src=" shopForm.legalPhoto[1]"
/>
<span>鐐瑰嚮鍥剧墖涓婁紶韬唤璇佹鍙嶉潰锛岃姹傝韩浠借瘉娓呮櫚锛屽洓瑙掓棤缂烘紡</span>
+ <div v-if="shopForm.legalPhoto[0] || shopForm.legalPhoto[1]" style="margin-top: 10px;">
+ <Button v-if="shopForm.legalPhoto[0]" @click="previewImage(shopForm.legalPhoto[0])" type="info"
+ >棰勮鍥剧墖</Button
+ >
+ <Button v-if="shopForm.legalPhoto[1]" @click="previewImage(shopForm.legalPhoto[1])" type="info" style="margin-left: 10px;"
+ >棰勮鍥剧墖</Button
+ >
+ </div>
</FormItem>
<Divider orientation="left">缁撶畻閾惰淇℃伅</Divider>
@@ -404,6 +418,14 @@
</div>
</Modal>
+ <!-- 鍥剧墖棰勮妯℃�佹 -->
+ <Modal v-model="previewModal" title="鍥剧墖棰勮" width="600">
+ <img :src="previewImageUrl" alt="棰勮鍥剧墖" style="width: 100%; height: auto;" />
+ <div slot="footer">
+ <Button @click="previewModal = false">鍏抽棴</Button>
+ </div>
+ </Modal>
+
<multipleMap ref="map" @callback="getAddress" />
</div>
</template>
@@ -427,6 +449,7 @@
data() {
return {
+ endpoint: this.endpoint,
shopId: this.$route.query.shopId, // 搴楅摵id
isRead: false, // 鏄惁鍙锛屽彧鏈夊湪搴楅摵閫氳繃瀹℃牳鎵嶅彲淇敼
selectedFormBtnName: "", // 鐐瑰嚮鍥剧墖缁戝畾form
@@ -476,7 +499,7 @@
{ required: true, message: "鑱旂郴浜烘墜鏈哄彿涓嶈兘涓虹┖" },
{
type: "string",
- pattern: /^1[3|4|5|6|7|8][0-9]{9}$/,
+ pattern: /^1[3|4|5|6|7|8|9][0-9]{9}$/,
message: "鎵嬫満鍙锋牸寮忓嚭閿�",
trigger: "blur",
},
@@ -498,7 +521,7 @@
salesConsigneeMobile: [
{
type: "string",
- pattern: /^1[3|4|5|6|7|8][0-9]{9}$/,
+ pattern: /^1[3|4|5|6|7|8|9][0-9]{9}$/,
message: "鎵嬫満鍙锋牸寮忓嚭閿�",
trigger: "blur",
},
@@ -549,6 +572,9 @@
infoResult: {}, // 搴楅摵璇︽儏
picIndex: "", // 瀛樺偍韬唤璇佸浘鐗囦笅鏍囷紝鏂逛究璧嬪��
currentAddress:"", //褰撳墠閫変腑鐨勫湴鍧�
+ // 鍥剧墖棰勮鐩稿叧
+ previewModal: false,
+ previewImageUrl: "",
};
},
methods: {
@@ -838,6 +864,15 @@
});
}
},
+ // 鍥剧墖棰勮鍔熻兘
+ previewImage(url) {
+ if (url) {
+ this.previewImageUrl = url;
+ this.previewModal = true;
+ } else {
+ this.$Message.warning("鏆傛棤鍥剧墖鍙瑙�");
+ }
+ }
},
created() {
this.init();
--
Gitblit v1.8.0