From caeea483a682b8eacac4b0fb05ff67b2934dd670 Mon Sep 17 00:00:00 2001 From: "LAPTOP-R6EHHS26\\86155" <2217640373@qq.com> Date: Thu, 30 May 2024 15:23:26 +0800 Subject: [PATCH] =?UTF-8?q?=E7=9C=8B=E6=9D=BF=E6=A0=B7=E5=BC=8F=E4=BF=AE?= =?UTF-8?q?=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/kanban/Packagingline/index2.vue | 174 ++++++++++++++++++---- 1 file changed, 148 insertions(+), 26 deletions(-) diff --git a/src/views/kanban/Packagingline/index2.vue b/src/views/kanban/Packagingline/index2.vue index 0402e0fd..bba0e91a 100644 --- a/src/views/kanban/Packagingline/index2.vue +++ b/src/views/kanban/Packagingline/index2.vue @@ -173,7 +173,7 @@ - + - + - +
+
{{ workOrder.productName }}
{{ workOrder.productCode }}
+
+
+ +
+
产线效率用人
+ +
+
+
标准用人
+
{{ workOrder.standarMan }}
+
+
+
标准效率
+
+ {{ workOrder.standarXl }} +
+
+ +
+
+
+
实际用人
+
{{ workOrder.actMan }}
+
+
+
实际效率
+
+ {{ workOrder.actXl }} +
+
+ +
+ + + @@ -443,7 +510,7 @@ export default { factoryCode: "ds_" + _this.selectxt, }).then((response) => { if (response) { - _this.workOrder = response.data.workOrder; + _this.workOrder = response.data.workOrder; _this.taskNum = response.data.taskNum; _this.taskSampleNum = response.data.taskSampleNum; if (response.data.piedata.checkList) { @@ -462,10 +529,9 @@ export default { } }); _this.initChart2(); - }else{ + } else { _this.initChart3(); } - } }); getPorOrderList({ @@ -703,7 +769,7 @@ export default { var data5 = this.piedata; console.log(data5); var myChart5 = echarts.init(document.querySelector("#echart5")); - + var option5 = { tooltip: { trigger: "item", @@ -738,11 +804,10 @@ export default { }, center: ["50%", "55%"], avoidLabelOverlap: true, - + data: [ { - value: - data5[0] && data5[0].name == "合格" ? data5[0].value : 0, + value: data5[0] && data5[0].name == "合格" ? data5[0].value : 0, name: data5[0] && data5[0].name == "合格" ? data5[0].name : "合格", selected: true, @@ -757,10 +822,9 @@ export default { }, }, label: { - // formatter: "{e|}\n{a|}{b|{c}/" + (d !== undefined ? "{d}%" : "") + "}{c|}", formatter: "{e|}\n{a|}{b|{c}/{d}%}{c|}", - + rich: { a: { padding: -33, @@ -804,11 +868,9 @@ export default { }, }, label: { - formatter: "{e|}\n{c|}{b|{c}/{d}%}{a|}", rich: { c: { - padding: [5, 0], lineHeight: 60, verticalAlign: "top", @@ -844,7 +906,7 @@ export default { var data5 = this.piedata; console.log(data5); var myChart5 = echarts.init(document.querySelector("#echart5")); - + var option5 = { tooltip: { trigger: "item", @@ -879,11 +941,10 @@ export default { }, center: ["50%", "55%"], avoidLabelOverlap: true, - + data: [ { - value: - data5[0] && data5[0].name == "合格" ? data5[0].value : 0, + value: data5[0] && data5[0].name == "合格" ? data5[0].value : 0, name: data5[0] && data5[0].name == "合格" ? data5[0].name : "合格", selected: true, @@ -942,11 +1003,9 @@ export default { }, }, label: { - formatter: "{e|}\n{c|}{b|{c}%}{a|}", rich: { c: { - padding: [5, 0], lineHeight: 60, verticalAlign: "top", @@ -1410,7 +1469,7 @@ export default { } .table-tbody { - height: 240px; + height: 320px; // width: 1775px; margin: auto; @@ -1463,14 +1522,17 @@ export default { } } .Totalnumberbox { + margin-top: 22px; + margin-bottom: 24px; display: flex; align-items: center; - justify-content: space-between; + justify-content: space-around; .Totalnumber:first-child { margin-right: 10px; } .Totalnumber { flex: 1; + // width: 235px; height: 79px; background: url("../../../assets/images/packagingline/bg-title5.png") no-repeat; @@ -1480,7 +1542,7 @@ export default { justify-content: space-around; .number1 { - font-size: 18px; + font-size: 16px; color: #ffffff; line-height: 20px; } @@ -1492,6 +1554,66 @@ export default { } } } + .data-box { + display: flex; + align-items: center; + justify-content: space-around; + margin-bottom: 20px; + + .box { + width: 176px; + height: 179px; + text-align: center; + + .data1 { + font-weight: 500; + font-size: 48px; + color: #32c5ff; + text-align: center; + text-transform: none; + margin-top: 41px; + } + + .data2 { + font-weight: 400; + font-size: 22px; + color: #ffffff; + text-align: center; + text-transform: none; + margin-top: 29px; + } + } + + .box1 { + background: url("../../../assets/images/packagingline/bg-yichang1.png") + no-repeat; + background-size: 100% 100%; + + .data1 { + color: #32c5ff; + } + } + + .box2 { + background: url("../../../assets/images/packagingline/bg-yichang2.png") + no-repeat; + background-size: 100% 100%; + + .data1 { + color: #66ffff; + } + } + + .box3 { + background: url("../../../assets/images/packagingline/bg-yichang3.png") + no-repeat; + background-size: 100% 100%; + + .data1 { + color: #edb83f; + } + } + } } } }