From df83e26ddc09dbc9450d70b8a8e704aebef97720 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期二, 16 八月 2022 11:16:28 +0800
Subject: [PATCH] 1.仓库管理看板接口接入
---
src/views/kb/zhkb.vue | 105 +++++++++++++++++++++++++++++++++++++---------------
1 files changed, 74 insertions(+), 31 deletions(-)
diff --git a/src/views/kb/zhkb.vue b/src/views/kb/zhkb.vue
index b758dd0..9f1f921 100644
--- a/src/views/kb/zhkb.vue
+++ b/src/views/kb/zhkb.vue
@@ -17,7 +17,7 @@
<div class="kb_left_top_title01">
<!-- <div class="PG01" />-->
<!-- <svg-icon icon-class="sccx" />-->
- 鐢熶骇浜х嚎锛�
+ 浜х嚎鍔犲伐涓换鍔★細
</div>
<div class="kb_left_top kb_pd10">
@@ -27,7 +27,10 @@
<div class="kb_block01 kb_pd10">
<div>
<div>浜х嚎鍚嶇О:{{ lineContent01.linename }}</div>
- <div class="kb_mt10">浜х嚎鎬婚噺:{{ lineContent01.children!==undefined?lineContent01.lineworkcont:'' }}</div>
+ <div class="kb_mt10">浜х嚎鎬婚噺:{{
+ lineContent01.children !== undefined ? lineContent01.lineworkcont : ''
+ }}
+ </div>
</div>
<div>
<!-- <div>{{ lineContent01.linename }}</div>-->
@@ -36,10 +39,16 @@
</div>
<div class="kb_block02 kb_pd10">
<div>
- <div>閿�鍞崟鍙�:{{ lineContent01.children!==undefined?lineContent01.children.saleordercode:'' }}</div>
- <div class="kb_mt5">鍔犲伐鍗曞彿:{{ lineContent01.children!==undefined?lineContent01.children.workcode:'' }}</div>
- <div class="kb_mt5">浜у搧鍚嶇О:{{ lineContent01.children!==undefined?lineContent01.children.partname:'' }}</div>
- <div class="kb_mt5">浠诲姟鏁伴噺:{{ lineContent01.children!==undefined?parseFloat(lineContent01.children.qty):'' }}</div>
+ <div>閿�鍞崟鍙�:{{ lineContent01.children !== undefined ? lineContent01.children.saleordercode : '' }}</div>
+ <div class="kb_mt5">
+ 鍔犲伐鍗曞彿:{{ lineContent01.children !== undefined ? lineContent01.children.workcode : '' }}
+ </div>
+ <div class="kb_mt5">
+ 浜у搧鍚嶇О:{{ lineContent01.children !== undefined ? lineContent01.children.partname : '' }}
+ </div>
+ <div class="kb_mt5">
+ 浠诲姟鏁伴噺:{{ lineContent01.children !== undefined ? parseFloat(lineContent01.children.qty) : '' }}
+ </div>
</div>
<div v-if="lineContent01.children!==undefined">
<!-- <div>{{ lineContent01.children.saleordercode }}</div>-->
@@ -110,7 +119,10 @@
<div class="kb_block01 kb_pd10">
<div>
<div>浜х嚎鍚嶇О:{{ lineContent02.linename }}</div>
- <div class="kb_mt10">浜х嚎鎬婚噺:{{ lineContent02.children!==undefined?lineContent02.lineworkcont:'' }}</div>
+ <div class="kb_mt10">浜х嚎鎬婚噺:{{
+ lineContent02.children !== undefined ? lineContent02.lineworkcont : ''
+ }}
+ </div>
</div>
<div>
<!-- <div>{{ lineContent02.linename }}</div>-->
@@ -119,10 +131,16 @@
</div>
<div class="kb_block02 kb_pd10">
<div>
- <div>閿�鍞崟鍙�:{{ lineContent02.children!==undefined?lineContent02.children.saleordercode:'' }}</div>
- <div class="kb_mt5">鍔犲伐鍗曞彿:{{ lineContent02.children!==undefined?lineContent02.children.workcode:'' }}</div>
- <div class="kb_mt5">浜у搧鍚嶇О:{{ lineContent02.children!==undefined?lineContent02.children.partname:'' }}</div>
- <div class="kb_mt5">浠诲姟鏁伴噺:{{ lineContent02.children!==undefined?parseFloat(lineContent02.children.qty):'' }}</div>
+ <div>閿�鍞崟鍙�:{{ lineContent02.children !== undefined ? lineContent02.children.saleordercode : '' }}</div>
+ <div class="kb_mt5">
+ 鍔犲伐鍗曞彿:{{ lineContent02.children !== undefined ? lineContent02.children.workcode : '' }}
+ </div>
+ <div class="kb_mt5">
+ 浜у搧鍚嶇О:{{ lineContent02.children !== undefined ? lineContent02.children.partname : '' }}
+ </div>
+ <div class="kb_mt5">
+ 浠诲姟鏁伴噺:{{ lineContent02.children !== undefined ? parseFloat(lineContent02.children.qty) : '' }}
+ </div>
</div>
<div v-if="lineContent02.children!==undefined">
<!-- <div>{{ lineContent02.children.saleordercode }}</div>-->
@@ -192,7 +210,10 @@
<div class="kb_block01 kb_pd10">
<div>
<div>浜х嚎鍚嶇О:{{ lineContent03.linename }}</div>
- <div class="kb_mt10">浜х嚎鎬婚噺:{{ lineContent03.children!==undefined?lineContent03.lineworkcont:'' }}</div>
+ <div class="kb_mt10">浜х嚎鎬婚噺:{{
+ lineContent03.children !== undefined ? lineContent03.lineworkcont : ''
+ }}
+ </div>
</div>
<div>
<!-- <div>{{ lineContent03.linename }}</div>-->
@@ -201,10 +222,16 @@
</div>
<div class="kb_block02 kb_pd10">
<div>
- <div>閿�鍞崟鍙�:{{ lineContent03.children!==undefined?lineContent03.children.saleordercode:'' }}</div>
- <div class="kb_mt5">鍔犲伐鍗曞彿:{{ lineContent03.children!==undefined?lineContent03.children.workcode:'' }}</div>
- <div class="kb_mt5">浜у搧鍚嶇О:{{ lineContent03.children!==undefined?lineContent03.children.partname:'' }}</div>
- <div class="kb_mt5">浠诲姟鏁伴噺:{{ lineContent03.children!==undefined?parseFloat(lineContent03.children.qty):'' }}</div>
+ <div>閿�鍞崟鍙�:{{ lineContent03.children !== undefined ? lineContent03.children.saleordercode : '' }}</div>
+ <div class="kb_mt5">
+ 鍔犲伐鍗曞彿:{{ lineContent03.children !== undefined ? lineContent03.children.workcode : '' }}
+ </div>
+ <div class="kb_mt5">
+ 浜у搧鍚嶇О:{{ lineContent03.children !== undefined ? lineContent03.children.partname : '' }}
+ </div>
+ <div class="kb_mt5">
+ 浠诲姟鏁伴噺:{{ lineContent03.children !== undefined ? parseFloat(lineContent03.children.qty) : '' }}
+ </div>
</div>
<div v-if="lineContent03.children!==undefined">
<!-- <div>{{ lineContent03.children.saleordercode }}</div>-->
@@ -274,7 +301,10 @@
<div class="kb_block01 kb_pd10">
<div>
<div>浜х嚎鍚嶇О:{{ lineContent04.linename }}</div>
- <div class="kb_mt10">浜х嚎鎬婚噺:{{ lineContent04.children!==undefined?lineContent04.lineworkcont:'' }}</div>
+ <div class="kb_mt10">浜х嚎鎬婚噺:{{
+ lineContent04.children !== undefined ? lineContent04.lineworkcont : ''
+ }}
+ </div>
</div>
<div>
<!-- <div>{{ lineContent04.linename }}</div>-->
@@ -283,10 +313,16 @@
</div>
<div class="kb_block02 kb_pd10">
<div>
- <div>閿�鍞崟鍙�:{{ lineContent04.children!==undefined?lineContent04.children.saleordercode:'' }}</div>
- <div class="kb_mt5">鍔犲伐鍗曞彿:{{ lineContent04.children!==undefined?lineContent04.children.workcode:'' }}</div>
- <div class="kb_mt5">浜у搧鍚嶇О:{{ lineContent04.children!==undefined?lineContent04.children.partname:'' }}</div>
- <div class="kb_mt5">浠诲姟鏁伴噺:{{ lineContent04.children!==undefined?parseFloat(lineContent04.children.qty):'' }}</div>
+ <div>閿�鍞崟鍙�:{{ lineContent04.children !== undefined ? lineContent04.children.saleordercode : '' }}</div>
+ <div class="kb_mt5">
+ 鍔犲伐鍗曞彿:{{ lineContent04.children !== undefined ? lineContent04.children.workcode : '' }}
+ </div>
+ <div class="kb_mt5">
+ 浜у搧鍚嶇О:{{ lineContent04.children !== undefined ? lineContent04.children.partname : '' }}
+ </div>
+ <div class="kb_mt5">
+ 浠诲姟鏁伴噺:{{ lineContent04.children !== undefined ? parseFloat(lineContent04.children.qty) : '' }}
+ </div>
</div>
<div v-if="lineContent04.children!==undefined">
<!-- <div>{{ lineContent04.children.saleordercode }}</div>-->
@@ -356,7 +392,7 @@
<!-- 2-->
<div class="kb_left_bottom kb_pd10">
<div class="kb_left_bottom_content">
- <div class="content_head">鍦ㄥ埗璁㈠崟锛�</div>
+ <div class="content_head">浜х嚎鍔犲伐浠诲姟锛�</div>
<div class="content_body">
<el-table
ref="tableData"
@@ -466,7 +502,7 @@
<div class="kb_right kb_pd10">
<div class="kb_right_top kb_pd10">
<div class="kb_right_top_content">
- <div class="content_head">褰撴棩杞﹂棿浜х嚎浜у搧鏁伴噺鎺掕锛�</div>
+ <div class="content_head">褰撴棩瀹屽伐浜у搧鏁伴噺鎺掕锛�</div>
<div class="content_body">
<el-table
ref="tableDataRank"
@@ -508,7 +544,7 @@
</div>
<div class="kb_right_bottom kb_pd10">
<div class="kb_right_bottom_content_title">
- 涓�鍛ㄥ唴Top5涓嶈壇锛�
+ 涓�鍛ㄤ笉鑹疶op5锛�
</div>
<div class="kb_right_bottom_content">
<div id="bar02" style="width: 100%;height:100%" />
@@ -821,12 +857,12 @@
// 鑾峰彇echarts
getEcharts() {
LineSearchBottomRightData().then(res => {
- loadEcharts('bar02', bar02(res.data))
+ loadEcharts('bar02', bar02(res.data.map(i => i.cont), res.data.map(i => i.name)))
})
setInterval(() => {
LineSearchBottomRightData().then(res => {
- loadEcharts('bar02', bar02(res.data))
+ loadEcharts('bar02', bar02(res.data.map(i => i.cont), res.data.map(i => i.name)))
})
}, 1000 * 15)
},
@@ -873,7 +909,7 @@
<style scoped lang="scss">
//$kbBorderColor: #3A0088;
$kbBorderColor: #09d8f2;
-$kbBackgroundColor: rgba(30, 33, 46,0.6);
+$kbBackgroundColor: rgba(30, 33, 46, 0.6);
.kb_content {
display: flex;
position: relative;
@@ -895,6 +931,7 @@
left: 15px;
font-size: 18px;
display: flex;
+ color: #00ffff;
.PG01 {
background: url("../../assets/images/GP_1.png") no-repeat;
@@ -939,7 +976,7 @@
display: flex;
align-items: center;
border-right: 1px solid $kbBorderColor;
- background-color:$kbBackgroundColor;
+ background-color: $kbBackgroundColor;
}
.kb_block03 {
@@ -1047,6 +1084,8 @@
//padding-left: 10px;
margin-bottom: 10px;
margin-top: -10px;
+ color: #00ffff;
+
}
.content_body {
@@ -1076,6 +1115,7 @@
//padding-left: 10px;
margin-bottom: 10px;
margin-top: -10px;
+ color: #00ffff;
}
.content_body {
@@ -1088,17 +1128,20 @@
.kb_right_bottom {
height: 481px;
margin-top: 8px;
- .kb_right_bottom_content_title{
- font-size: 18px;
+
+ .kb_right_bottom_content_title {
+ color: #00ffff;
+ font-size: 18px;
margin-bottom: 10px;
margin-top: -10px;
}
+
.kb_right_bottom_content {
border: 1px solid $kbBorderColor;
height: 440px;
width: 100%;
border-radius: 5px;
- background-color:$kbBackgroundColor;
+ background-color: $kbBackgroundColor;
//height: 100%;
}
}
--
Gitblit v1.9.3