From a836f03a5d1fbfa81e147d09ffdfa87ba3975c13 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期二, 18 三月 2025 16:45:02 +0800
Subject: [PATCH] 1
---
admin/src/views/operation/components/QRcode.vue | 126 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 126 insertions(+), 0 deletions(-)
diff --git a/admin/src/views/operation/components/QRcode.vue b/admin/src/views/operation/components/QRcode.vue
new file mode 100644
index 0000000..80b3e77
--- /dev/null
+++ b/admin/src/views/operation/components/QRcode.vue
@@ -0,0 +1,126 @@
+<template>
+ <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>
+
+ </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>
+import BaseOpera from '@/components/base/BaseOpera'
+import GlobalWindow from '@/components/common/GlobalWindow'
+import { downloadImgs } from '@/api/business/bikes.js'
+export default {
+ name: 'QRcode',
+ extends: BaseOpera,
+ components: { GlobalWindow },
+ data() {
+ return {
+ siteId: '',
+ isLoading: true,
+ list: []
+ }
+ },
+ created() {
+ this.config({
+ api: '/business/sites',
+ 'field.id': 'id'
+ })
+ },
+ methods: {
+ open(title, id) {
+ this.visible = true
+ },
+ close() {
+ this.visible = 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;
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3