From 0c8bc58122c1f620d5a9c692262e94f9fab351a6 Mon Sep 17 00:00:00 2001
From: 小小儁爺 <1694218219@qq.com>
Date: 星期四, 12 三月 2026 10:34:38 +0800
Subject: [PATCH] 1.设备模块优化2.看板修改
---
src/views/kanbanManager/zhkb.vue | 67 +++++++++++++++++++++------------
1 files changed, 43 insertions(+), 24 deletions(-)
diff --git a/src/views/kanbanManager/zhkb.vue b/src/views/kanbanManager/zhkb.vue
index 1526df9..2060c14 100644
--- a/src/views/kanbanManager/zhkb.vue
+++ b/src/views/kanbanManager/zhkb.vue
@@ -1,6 +1,10 @@
<template>
<div>
- <div class="kb_dashboard" style="display:flex;flex-direction: column;justify-content: space-between">
+ <div
+ class="kb_dashboard"
+ :style="{transform:'scale('+zoomX+','+zoomY+')',top:topDistance+'px',left:leftDistance+'px'}"
+ style="display:flex;flex-direction: column;justify-content: space-between"
+ >
<div class="kb_backgroundCustom" />
@@ -45,25 +49,25 @@
</div>
</div>
- <div style="height: 180px;padding: 10px;display: flex; justify-content: space-around;margin-top: 20px;">
- <div v-for="i in LeftTopData02" :key="i.wkshp_code" class="flex_c_s">
- <div class="all_block03 flex_c_s">
- <div class="flex_c_c all_block04">{{ i.wkshp_name }}</div>
- <div class="" style="display: flex;justify-content:space-between">
- <div class="all_block04 flex_c_c" style="width: 49% ">浠诲姟鏁�</div>
- <div class="all_block04 flex_c_c" style="width: 49% ">{{ i.plan_qty }}</div>
- </div>
- <div class="" style="display: flex;justify-content:space-between">
- <div class="all_block04 flex_c_c" style="width: 49% ">瀹屽伐鏁�</div>
- <div class="all_block04 flex_c_c" style="width: 49% ">{{ i.quantity }}</div>
- </div>
- </div>
- </div>
- </div>
-
- <!-- <div style="height: 260px;">-->
- <!-- <div id="all01" class="flex_c_c" style="width: 100%;height:100%;" />-->
+ <!-- <div style="height: 180px;padding: 10px;display: flex; justify-content: space-around;margin-top: 20px;">-->
+ <!-- <div v-for="i in LeftTopData02" :key="i.wkshp_code" class="flex_c_s">-->
+ <!-- <div class="all_block03 flex_c_s">-->
+ <!-- <div class="flex_c_c all_block04">{{ i.wkshp_name }}</div>-->
+ <!-- <div class="" style="display: flex;justify-content:space-between">-->
+ <!-- <div class="all_block04 flex_c_c" style="width: 49% ">浠诲姟鏁�</div>-->
+ <!-- <div class="all_block04 flex_c_c" style="width: 49% ">{{ i.plan_qty }}</div>-->
+ <!-- </div>-->
+ <!-- <div class="" style="display: flex;justify-content:space-between">-->
+ <!-- <div class="all_block04 flex_c_c" style="width: 49% ">瀹屽伐鏁�</div>-->
+ <!-- <div class="all_block04 flex_c_c" style="width: 49% ">{{ i.quantity }}</div>-->
+ <!-- </div>-->
+ <!-- </div>-->
+ <!-- </div>-->
<!-- </div>-->
+
+ <div style="height: 220px;">
+ <div id="all01" class="flex_c_c" style="width: 100%;height:100%;" />
+ </div>
</dv-border-box-12>
</div>
@@ -163,7 +167,7 @@
<script>
import './kbCommon.css'
-import { loadEcharts, all02 } from '@/utils/myEcharts'
+import { loadEcharts, all02, all01 } from '@/utils/myEcharts'
import {
WorkShopCompreLeftTop,
WorkShopCompreRightBottom,
@@ -175,6 +179,10 @@
name: 'Cjsc',
data() {
return {
+ zoomX: 1,
+ zoomY: 1,
+ topDistance: 0,
+ leftDistance: 0,
headTime: '',
LeftTopData01: [],
@@ -218,16 +226,25 @@
setInterval(() => {
this.getWorkShopCompreRightBottom()
}, 25 * 1000)
+ window.addEventListener('resize', this.getHeight)
+ this.getHeight()
},
methods: {
+ // 鑾峰彇椤甸潰楂樺害
+ getHeight() {
+ this.zoomX = window.innerWidth / 1920
+ this.zoomY = window.innerHeight / 1080
+ this.topDistance = (window.innerHeight - 1080) / 2
+ this.leftDistance = (window.innerWidth - 1920) / 2
+ },
getWorkShopCompreLeftTop() {
const res = [
- { org_code: 'CJ001', org_name: '瑁呴厤杞﹂棿' },
- { org_code: 'CJ002', org_name: '鐢垫睜杞﹂棿' },
- { org_code: 'CJ003', org_name: '鍖呰杞﹂棿' }
+ { org_code: '0501', org_name: '瑁呴厤杞﹂棿' },
+ { org_code: '0502', org_name: '鐢垫睜杞﹂棿' },
+ { org_code: '0503', org_name: '鍖呰杞﹂棿' }
]
- const temp = ['CJ001', 'CJ002', 'CJ003']
+ const temp = ['0501', '0502', '0503']
WorkShopCompreLeftTop({ wkshopcode: temp.join(',') }).then(res2 => {
this.LeftTopData01 = []
@@ -261,6 +278,7 @@
this.LeftTopData02.push(data)
}
}
+ loadEcharts('all01', all01(res.map(i => i.org_name), this.LeftTopData02))
})
setInterval(() => {
@@ -297,6 +315,7 @@
}
}
})
+ loadEcharts('all01', all01(res.map(i => i.org_name), this.LeftTopData02))
}, 1000 * 30)
},
--
Gitblit v1.9.3