From 46528c3843ce67038ddb2e00dd3d3998c206a69e Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 06 五月 2024 17:26:10 +0800
Subject: [PATCH] 1.递交
---
src/views/kanbanManager/zhkb.vue | 78 +++++++++++++++++++++++----------------
1 files changed, 46 insertions(+), 32 deletions(-)
diff --git a/src/views/kanbanManager/zhkb.vue b/src/views/kanbanManager/zhkb.vue
index 892d7e5..4c34ef1 100644
--- a/src/views/kanbanManager/zhkb.vue
+++ b/src/views/kanbanManager/zhkb.vue
@@ -6,7 +6,7 @@
<div class="kb_header">
<div class="kb_headTime" style="top: 35px;left: 20px">
- <span>娴欐睙宸ㄥ姏宸ヨ锤鏈夐檺鍏徃</span>
+ <span>姘稿悍甯傚法绔嬮槻鎶ょ敤鍝佹湁闄愬叕鍙�</span>
</div>
<div class="kb_headTime kb_header_text" style="top: 35px;left: 800px">
@@ -27,9 +27,11 @@
<svg-icon icon-class="cxjg" class="svg_class" />
鐢熶骇璁㈠崟(褰撴湀)
</div>
- <div class="lineContent horn" style="height: 450px;display: flex;flex-direction: column;justify-content: space-between">
- <div style="height: 180px;padding: 10px;display: flex;justify-content: space-between">
-
+ <div
+ class="lineContent horn"
+ style="height: 450px;display: flex;flex-direction: column;justify-content: space-between"
+ >
+ <div style="height: 180px;padding: 10px;display: flex;justify-content: space-around">
<div v-for="i in LeftTopData01" :key="i.wkshp_code" class="flex_c_s">
<div class="all_block01 flex_c_s">
<div class="flex_c_c all_block02">{{ i.wkshp_name }}</div>
@@ -45,7 +47,7 @@
</div>
</div>
- <div style="height: 260px;">
+ <div style="height: 280px;">
<div id="all01" class="flex_c_c" style="width: 100%;height:100%;" />
</div>
</div>
@@ -55,7 +57,10 @@
<svg-icon icon-class="cggz" class="svg_class" />
閿�鍞鍗�(鏈�/瀛�)
</div>
- <div class="lineContent horn" style="height: 450px;display: flex;flex-direction: column;justify-content: space-between">
+ <div
+ class="lineContent horn"
+ style="height: 450px;display: flex;flex-direction: column;justify-content: space-between"
+ >
<div style="height: 180px;padding: 10px;display: flex;justify-content: space-between">
<div v-for="i in RightTopData01" :key="i.Quarter" class="flex_c_s">
@@ -84,7 +89,7 @@
<div style="width: 1000px;">
<div class="smallTitle">
<svg-icon icon-class="blcs" class="svg_class" />
- 璐ㄩ噺涓嶈壇
+ 璐ㄩ噺涓嶈壇(杩戜竴鍛�)
</div>
<div class="lineContent horn" style="height: 380px;display: flex;justify-content: space-between">
<div id="cjzl03" class="flex_c_c" style="width: 100%;height:100%" />
@@ -126,11 +131,13 @@
<script>
import './kbCommon.css'
import { loadEcharts, all01, all02, cjzl03 } from '@/utils/myEcharts'
-// import {
-// QCBadCenterLeftWeek,
-// ShopSearch, WorkShopCompreLeftTop, WorkShopCompreRightBottom, WorkShopCompreRightTop
-//
-// } from '@/api/kanbanManager'
+import {
+ WorkShopCompreLeftTop,
+ WorkShopCompreRightBottom,
+ WorkShopCompreRightTop,
+ WorkShopProduceBottomLeftData
+} from '@/api/kanbanManager'
+import { PrentOrganizationNoCompany } from '@/api/GeneralBasicData'
export default {
name: 'Cjsc',
@@ -161,19 +168,20 @@
}, 1000 * 60 * 120)
},
mounted() {
- // this.getAllApi()
+ this.getAllApi()
},
methods: {
async getAllApi() {
- const { data: res } = await ShopSearch()
- this.wkshopArr = res
- const temp = this.wkshopArr.map(i => i.org_code)
- // const temp = this.wkshopArr.map(i => i.org_code)
+ const res = await PrentOrganizationNoCompany()
+ this.wkshopArr = res.data
+
+ const temp = ['00401', '00402', '00501']
temp.forEach(i => {
- const aa = this.wkshopArr.find(j => j.org_code === i).org_name
+ const aa = this.wkshopArr.find(j => j.torg_code === i).torg_name
this.legendData.push(aa)
})
+
const res2 = await WorkShopCompreLeftTop({ wkshopcode: temp.join(',') })
for (const res2Key in res2.data.LeftTop) {
const data = {
@@ -186,7 +194,7 @@
data.good_qty = res2.data.LeftTop[res2Key][0].good_qty
data.plan_qty = res2.data.LeftTop[res2Key][0].plan_qty
data.wkshp_code = res2.data.LeftTop[res2Key][0].wkshp_code
- data.wkshp_name = this.wkshopArr.find(i => i.org_code === data.wkshp_code).org_name
+ data.wkshp_name = this.wkshopArr.find(i => i.torg_code === data.wkshp_code).torg_name
this.LeftTopData01.push(data)
}
}
@@ -200,7 +208,7 @@
data.quantity = res2.data.LeftBottom[res2Key][0].quantity
data.plan_qty = res2.data.LeftBottom[res2Key][0].plan_qty
data.wkshp_code = res2.data.LeftBottom[res2Key][0].wkshp_code
- data.wkshp_name = this.wkshopArr.find(i => i.org_code === data.wkshp_code).org_name
+ data.wkshp_name = this.wkshopArr.find(i => i.torg_code === data.wkshp_code).torg_name
this.LeftTopData02.push(data)
}
}
@@ -221,7 +229,7 @@
data.good_qty = res2.data.LeftTop[res2Key][0].good_qty
data.plan_qty = res2.data.LeftTop[res2Key][0].plan_qty
data.wkshp_code = res2.data.LeftTop[res2Key][0].wkshp_code
- data.wkshp_name = this.wkshopArr.find(i => i.org_code === data.wkshp_code).org_name
+ data.wkshp_name = this.wkshopArr.find(i => i.torg_code === data.wkshp_code).torg_name
this.LeftTopData01.push(data)
}
}
@@ -235,7 +243,7 @@
data.quantity = res2.data.LeftBottom[res2Key][0].quantity
data.plan_qty = res2.data.LeftBottom[res2Key][0].plan_qty
data.wkshp_code = res2.data.LeftBottom[res2Key][0].wkshp_code
- data.wkshp_name = this.wkshopArr.find(i => i.org_code === data.wkshp_code).org_name
+ data.wkshp_name = this.wkshopArr.find(i => i.torg_code === data.wkshp_code).torg_name
this.LeftTopData02.push(data)
}
}
@@ -281,7 +289,7 @@
})
}, 1000 * 40)
- const res4 = await QCBadCenterLeftWeek({ wkshopcode: temp.join(',') })
+ const res4 = await WorkShopProduceBottomLeftData({ wkshopcode: temp.join(',') })
this.cjzl03_xData = res4.data[temp[0]].map(i => i.click_date)
for (const res4Key in res4.data) {
if (temp.includes(res4Key)) {
@@ -291,7 +299,7 @@
}
loadEcharts('cjzl03', cjzl03(this.cjzl03_xData, this.legendData, this.cjzl03_yData, true))
setInterval(() => {
- QCBadCenterLeftWeek({ wkshopcode: temp.join(',') }).then(res4 => {
+ WorkShopProduceBottomLeftData({ wkshopcode: temp.join(',') }).then(res4 => {
this.cjzl03_yData = []
this.cjzl03_xData = res4.data[temp[0]].map(i => i.click_date)
@@ -404,21 +412,23 @@
background-color: transparent;
}
-.all_block01{
- width:187px;
+.all_block01 {
+ width: 237px;
height: 180px;
}
-.all_block02{
+
+.all_block02 {
width: 100%;
height: 49px;
background: rgba(9, 216, 242, 0.1);
}
-.all_block03{
- width:199px;
+.all_block03 {
+ width: 199px;
height: 180px;
}
-.all_block04{
+
+.all_block04 {
width: 100%;
height: 49px;
background: rgba(9, 216, 242, 0.1);
@@ -450,16 +460,19 @@
animation: upDown 3s ease-in-out infinite;
left: 60px;
}
-.all_block06{
+
+.all_block06 {
position: absolute;
animation: upDown2 3s ease-in-out infinite;
left: 290px;
}
-.all_block07{
+
+.all_block07 {
position: absolute;
animation: upDown 3s ease-in-out infinite;
left: 520px;
}
+
@keyframes upDown {
0% {
top: 50px;
@@ -471,6 +484,7 @@
top: 50px;
}
}
+
@keyframes upDown2 {
0% {
top: 100px;
--
Gitblit v1.9.3