From b8b16d90fd13bcad5881a4562b5bbe96e576bd6b Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期三, 03 八月 2022 16:27:56 +0800
Subject: [PATCH] 1.解决工单手动打印大二维码问题
---
src/views/xtsy/index.vue | 26 ++++++++++++++++++++------
1 files changed, 20 insertions(+), 6 deletions(-)
diff --git a/src/views/xtsy/index.vue b/src/views/xtsy/index.vue
index a1c8a2e..506d056 100644
--- a/src/views/xtsy/index.vue
+++ b/src/views/xtsy/index.vue
@@ -1,6 +1,6 @@
<template>
<!-- <div>-->
- <div class="body">
+ <div class="body" style=" padding: 30px 10px 0 20px;background-color: #eee;" :style="{height:mainHeight+'px'}">
<div style="">
<div class="title"><i class="el-icon-s-fold" style="margin-right: 5px" />瀹炴椂鏁版嵁</div>
<div class="top">
@@ -108,6 +108,8 @@
name: 'Index',
data() {
return {
+ mainHeight: 0,
+ tableHeight: 0,
barTopColor01: ['42,197,137', '187,236,218'],
barTopColor02: ['248,216,76', '255,250,238'],
barTopColor03: ['42,197,137', '187,236,218'],
@@ -116,11 +118,23 @@
}
},
created() {
+ console.log(document.documentElement.clientHeight, 1)
+ console.log(document.documentElement.clientWidth, 2)
},
mounted() {
+ window.addEventListener('resize', this.getHeight)
+ this.getHeight()
this.handleEcharts()
},
methods: {
+ // 鑾峰彇椤甸潰楂樺害
+ getHeight() {
+ this.$nextTick(() => {
+ this.mainHeight = window.innerHeight - 120
+ // this.mainHeight = window.innerHeight - 200
+ // this.tableHeight = this.mainHeight - 100
+ })
+ },
handleEcharts() {
this.getTopData()
this.getBar01()
@@ -203,23 +217,23 @@
.images {
width: 69px;
height: 69px;
- margin: 30px;
+ margin: 30px calc((10% - 20px));
}
.images1 {
- background: url("../../assets/images/dlyy.png") no-repeat;
+ background: url("../../assets/images/msg_app.png") no-repeat;
}
.images2 {
- background: url("../../assets/images/hyyyy.png") no-repeat;
+ background: url("../../assets/images/msg_huoyue.png") no-repeat;
}
.images3 {
- background: url("../../assets/images/webhy.png") no-repeat;
+ background: url("../../assets/images/msg_web.png") no-repeat;
}
.images4 {
- background: url("../../assets/images/apphy.png") no-repeat;
+ background: url("../../assets/images/msg_zhuceyonghu.png") no-repeat;
}
.content {
--
Gitblit v1.9.3