From 3aa3e034d30b201dde95d9bc33e5b1250dd8f256 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期一, 03 三月 2025 11:08:25 +0800
Subject: [PATCH] ll
---
admin/src/views/operation/components/QRcode.vue | 180 ++++++++++++++++++++++++++++++-----------------------------
1 files changed, 92 insertions(+), 88 deletions(-)
diff --git a/admin/src/views/operation/components/QRcode.vue b/admin/src/views/operation/components/QRcode.vue
index 0f8670c..80b3e77 100644
--- a/admin/src/views/operation/components/QRcode.vue
+++ b/admin/src/views/operation/components/QRcode.vue
@@ -1,26 +1,24 @@
<template>
- <GlobalWindow
- title="鏌ョ湅鍥剧墖"
- :visible.sync="visible"
- :confirm-working="isWorking"
- confirmText="鎵撳嵃浜岀淮鐮�"
- >
- <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_qr">
- <img :src="item.imgurl" />
-<!-- <span>{{item.siteId}}/{{item.code}}</span>-->
- </div>
-<!-- <div class="box_item_footer">鎵爜鍙栬溅</div>-->
- </div>
+ <GlobalWindow title="鏌ョ湅鍥剧墖" :visible.sync="visible" :confirm-working="isWorking" confirmText="鎵撳嵃浜岀淮鐮�">
+ <div class="box" id="print-content">
+ <template v-for="(item, index) in list">
+ <div class="box_item" v-if="item.imgurl" :key="index">
+ <!-- <div class="box_item_title">寰俊</div>-->
+ <div class="box_item_qr">
+ <img :src="item.imgurl" />
+ <!-- <span>{{item.siteId}}/{{item.code}}</span>-->
+ </div>
+ <!-- <div class="box_item_footer">鎵爜鍙栬溅</div>-->
</div>
- <template v-slot:footer>
-<!-- <el-button type="primary" v-print="'#print-content'">鎵撳嵃</el-button>-->
- <el-button type="primary" :loading="isWorking.export" @click="exportImages">鎵撳寘涓嬭浇</el-button>
- <el-button @click="close">杩斿洖</el-button>
- </template>
- </GlobalWindow>
+ </template>
+
+ </div>
+ <template v-slot:footer>
+ <!-- <el-button type="primary" v-print="'#print-content'">鎵撳嵃</el-button>-->
+ <el-button type="primary" :loading="isWorking.export" @click="exportImages">鎵撳寘涓嬭浇</el-button>
+ <el-button @click="close">杩斿洖</el-button>
+ </template>
+ </GlobalWindow>
</template>
<script>
@@ -31,92 +29,98 @@
name: 'QRcode',
extends: BaseOpera,
components: { GlobalWindow },
- data () {
+ data() {
return {
- siteId:'',
- isLoading : true,
+ siteId: '',
+ isLoading: true,
list: []
}
},
- created () {
+ created() {
this.config({
api: '/business/sites',
'field.id': 'id'
})
},
methods: {
- open (title, id) {
+ open(title, id) {
this.visible = true
},
- close () {
+ close() {
this.visible = false
},
- exportImages () {
- downloadImgs( this.siteId)
- .then(response => {
- this.download(response)
- })
- .catch(e => {
- this.$tip.apiFailed(e)
- })
- .finally(() => {
- this.isWorking.export = false
- })
+ exportImages() {
+ downloadImgs(this.siteId)
+ .then(response => {
+ this.download(response)
+ })
+ .catch(e => {
+ this.$tip.apiFailed(e)
+ })
+ .finally(() => {
+ this.isWorking.export = false
+ })
}
}
}
</script>
<style lang="scss" scoped>
- .box {
- width: 100%;
- display: flex;
- align-items: center;
- /*justify-content: space-between;*/
- flex-wrap: wrap;
- .box_item {
- width: 152px;
- height: auto;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: center;
- background: #FFFFFF;
- border: 1px solid #BBBBBB;
- padding: 3px 0 4px 0;
- box-sizing: border-box;
- margin-top: 50px;
- margin-left: 35px;
- .box_item_title {
- font-size: 21px;
- font-weight: 400;
- color: #222222;
- }
- .box_item_qr {
- width: 139px;
- height: 154px;
- padding: 6px 7px;
- box-sizing: border-box;
- background: #282828;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-between;
- img {
- width: 126px;
- height: 146px;
- }
- span {
- font-size: 13px;
- font-weight: 400;
- color: #FFFFFF;
- }
- }
- .box_item_footer {
- font-size: 23px;
- font-weight: bold;
- color: #222222;
- }
- }
+.box {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ /*justify-content: space-between;*/
+ flex-wrap: wrap;
+
+ .box_item {
+ width: 152px;
+ height: auto;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ background: #FFFFFF;
+ border: 1px solid #BBBBBB;
+ padding: 3px 0 4px 0;
+ box-sizing: border-box;
+ margin-top: 50px;
+ margin-left: 35px;
+
+ .box_item_title {
+ font-size: 21px;
+ font-weight: 400;
+ color: #222222;
}
+
+ .box_item_qr {
+ width: 139px;
+ height: 154px;
+ padding: 6px 7px;
+ box-sizing: border-box;
+ background: #282828;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-between;
+
+ img {
+ width: 126px;
+ height: 146px;
+ }
+
+ span {
+ font-size: 13px;
+ font-weight: 400;
+ color: #FFFFFF;
+ }
+ }
+
+ .box_item_footer {
+ font-size: 23px;
+ font-weight: bold;
+ color: #222222;
+ }
+ }
+}
</style>
--
Gitblit v1.9.3