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 | 42 ++++++++++++++++++++++++++++++++++++++----
1 files changed, 38 insertions(+), 4 deletions(-)
diff --git a/manager/src/views/seller/shop/shopOperation.vue b/manager/src/views/seller/shop/shopOperation.vue
index d7037ef..c29fe94 100644
--- a/manager/src/views/seller/shop/shopOperation.vue
+++ b/manager/src/views/seller/shop/shopOperation.vue
@@ -73,11 +73,14 @@
shape="square"
icon="ios-person"
size="default"
- :src="endpoint + '/' + shopForm.storeLogo"
+ :src="shopForm.storeLogo"
/>
<div>
<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>
@@ -208,11 +211,14 @@
shape="square"
icon="ios-person"
size="default"
- :src="endpoint + '/' + shopForm.licencePhoto"
+ :src="shopForm.licencePhoto"
/>
<div>
<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>
@@ -231,7 +237,7 @@
size="100"
icon="md-add"
@click.native="handleCLickImg('legalPhoto', 0)"
- :src="endpoint + '/' + shopForm.legalPhoto[0]"
+ :src="shopForm.legalPhoto[0]"
/>
<Avatar
class="ml_10 legal-photo"
@@ -239,9 +245,17 @@
size="100"
icon="md-add"
@click.native="handleCLickImg('legalPhoto', 1)"
- :src="endpoint + '/' + 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>
@@ -550,6 +572,9 @@
infoResult: {}, // 搴楅摵璇︽儏
picIndex: "", // 瀛樺偍韬唤璇佸浘鐗囦笅鏍囷紝鏂逛究璧嬪��
currentAddress:"", //褰撳墠閫変腑鐨勫湴鍧�
+ // 鍥剧墖棰勮鐩稿叧
+ previewModal: false,
+ previewImageUrl: "",
};
},
methods: {
@@ -839,6 +864,15 @@
});
}
},
+ // 鍥剧墖棰勮鍔熻兘
+ previewImage(url) {
+ if (url) {
+ this.previewImageUrl = url;
+ this.previewModal = true;
+ } else {
+ this.$Message.warning("鏆傛棤鍥剧墖鍙瑙�");
+ }
+ }
},
created() {
this.init();
--
Gitblit v1.8.0