From 4fabfe4dbd2eb28d07a4350597d314958cc1c281 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期四, 09 十月 2025 11:16:43 +0800
Subject: [PATCH] 优化
---
admin/src/components/business/QRcode.vue | 36 ++++++++++++++++++++++++++----------
1 files changed, 26 insertions(+), 10 deletions(-)
diff --git a/admin/src/components/business/QRcode.vue b/admin/src/components/business/QRcode.vue
index 88a5e44..37b1274 100644
--- a/admin/src/components/business/QRcode.vue
+++ b/admin/src/components/business/QRcode.vue
@@ -8,18 +8,17 @@
>
<div class="box" id="print-content">
<div class="box_item" v-for="(item, index) in list" :key="index">
- <div class="box_item_title">寰俊</div>
+<!-- <div class="box_item_title">寰俊</div>-->
<div class="box_item_qr">
-<!-- <img src="../../assets/images/login_img.png" />-->
-<!-- <span>2341111/34</span>-->
- <img :src="item.info" />
- <span>{{item.siteId}}/{{item.code}}</span>
+ <img :src="item.imgfullurl" />
+<!-- <span>{{item.siteId}}/{{item.code}}</span>-->
</div>
- <div class="box_item_footer">鎵爜鍙栬溅</div>
+<!-- <div class="box_item_footer">鎵爜鍙栬溅</div>-->
</div>
</div>
<template v-slot:footer>
- <el-button type="primary" v-print="'#print-content'">鎵撳嵃</el-button>
+<!-- <el-button type="primary" v-print="'#print-content'">鎵撳嵃</el-button>-->
+ <el-button type="primary" :loading="isWorking.export" v-if="isLoading==false" @click="exportImages">鎵撳寘涓嬭浇</el-button>
<el-button @click="close">杩斿洖</el-button>
</template>
</GlobalWindow>
@@ -28,13 +27,15 @@
<script>
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
-import { qrcodeList } from '@/api/business/sites'
+import { qrcodeList,exportImages } from '@/api/business/sites'
export default {
name: 'QRcode',
extends: BaseOpera,
components: { GlobalWindow },
data () {
return {
+ siteId:'',
+ isLoading : true,
list: []
}
},
@@ -49,13 +50,28 @@
this.list = []
this.title = title
this.visible = true
+ this.siteId = id
+ var that = this
qrcodeList(id)
.then(res => {
+ that.isLoading = false
this.list = res
})
},
close () {
this.visible = false
+ },
+ exportImages () {
+ exportImages( this.siteId)
+ .then(response => {
+ this.download(response)
+ })
+ .catch(e => {
+ this.$tip.apiFailed(e)
+ })
+ .finally(() => {
+ this.isWorking.export = false
+ })
}
}
}
@@ -70,7 +86,7 @@
flex-wrap: wrap;
.box_item {
width: 152px;
- height: 228px;
+ height: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
@@ -98,7 +114,7 @@
justify-content: space-between;
img {
width: 126px;
- height: 126px;
+ height: 146px;
}
span {
font-size: 13px;
--
Gitblit v1.9.3