Yangwl
/
LJ-UI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

看板样式修改

Browse Source
yangwl
LAPTOP-R6EHHS26\86155 6 months ago
parent ffe242fe2d
commit caeea483a6
1 changed files with 148 additions and 26 deletions
Show Stats Download Patch File Download Diff File

174
src/views/kanban/Packagingline/index2.vue
Unescape Escape View File

@ -173,7 +173,7 @@
<!-- <vue-seamless-scroll :data="getlistcx" :class-option="classOption" class="wrapscroll"> -->
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr style="height: 48px">
<tr style="height: 62px">
<td
style="
width: 4%;
@ -190,7 +190,7 @@
}}</span>
</td>
</tr>
<tr style="height: 48px">
<tr style="height: 62px">
<td
style="
width: 4%;
@ -205,7 +205,7 @@
<span v-if="workOrder">{{ workOrder.productName }}</span>
</td>
</tr>
<tr style="height: 48px">
<tr style="height: 62px">
<td
style="
width: 4%;
@ -220,7 +220,7 @@
<span v-if="workOrder">{{ workOrder.productCode }}</span>
</td>
</tr>
<tr style="height: 48px">
<tr style="height: 62px">
<td
style="
width: 4%;
@ -238,7 +238,7 @@
</td>
</tr>
<tr style="height: 48px">
<tr style="height: 62px">
<td
style="
width: 4%;
@ -284,9 +284,76 @@
</div>
</div>
<div
class="titlebox2"
style="margin-bottom: 17px; margin-top: 19px"
>
<div class="icon">
<img
src="../../../assets/images/packagingline/bg-title3.png"
alt=""
/>
</div>
<div class="titlename">产线效率用人</div>
</div>
<div class="Totalnumberbox">
<div class="Totalnumber">
<div class="number1">标准用人</div>
<div v-if="taskNum" class="number2">{{ workOrder.standarMan }}</div>
</div>
<div class="Totalnumber Totalnumber1">
<div class="number1">标准效率</div>
<div v-if="taskSampleNum" class="number2">
{{ workOrder.standarXl }}
</div>
</div>
</div>
<div class="Totalnumberbox">
<div class="Totalnumber">
<div class="number1">实际用人</div>
<div v-if="taskNum" class="number2">{{ workOrder.actMan }}</div>
</div>
<div class="Totalnumber Totalnumber1">
<div class="number1">实际效率</div>
<div v-if="taskSampleNum" class="number2">
{{ workOrder.actXl }}
</div>
</div>
</div>
<!-- “实际用人”、“标准效率”、“实际效率” -->
<!-- <div class="data-box">
<div class="box1 box">
<div class="data1">15</div>
<div class="data2">巡检次数</div>
</div>
<div class="box2 box">
<div class="data1">15</div>
<div class="data2">巡检抽样数量</div>
</div>
<div class="box3 box">
<div class="data1">15</div>
<div class="data2">标准用人</div>
</div>
</div>
<div class="data-box">
<div class="box1 box">
<div class="data1">15</div>
<div class="data2">实际用人</div>
</div>
<div class="box2 box">
<div class="data1">15</div>
<div class="data2">标准效率</div>
</div>
<div class="box3 box">
<div class="data1">15</div>
<div class="data2">实际效率</div>
</div>
</div> -->
<!-- <div
id="echart5"
style="margin: auto; width: 570px; height: 374.15px"
></div>
></div> -->
</div>
</div>
</div>
@ -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;
}
}
}
}
}
}

Write Preview
Loading…
Cancel
Save