This commit is contained in:
2023-05-30 10:42:12 +08:00
parent 5f2ff315f9
commit 4992231ce5
2 changed files with 28 additions and 29 deletions

View File

@@ -104,7 +104,8 @@ export default {
},
data () {
return {
finishRate: 80,
finishRate1: 80,
finishRate2: 90,
arrL2: [{date: '碾机1', elbow_qty: '15'}, {date: '碾机2', elbow_qty: '25'}, {date: '碾机3', elbow_qty: '8'}],
echartData1: [{data1: '10', data2: '15', data3: '9', data4: '5', device: '盘管双斜切'}, {data1: '10', data2: '15', data3: '9', data4: '5', device: '盘管双斜切'}, {data1: '10', data2: '15', data3: '9', data4: '5', device: '盘管双斜切'}, {data1: '10', data2: '15', data3: '9', data4: '5', device: '盘管双斜切'}],
myCharts01: '',
@@ -823,7 +824,7 @@ export default {
})
},
setEchart01 () {
let value = Number(this.finishRate)
let value = Number(this.finishRate1)
let title = '%'
let text = '完成率'
let option = {
@@ -910,7 +911,7 @@ export default {
}
},
setEchart02 () {
let value = Number(this.finishRate)
let value = Number(this.finishRate2)
let title = '%'
let text = '完成率'
let option = {

View File

@@ -8,11 +8,11 @@
<div class="box1">
<div class="item_wrap">
<div class="item_tip">
<div class="item_tip_left">混料</div>
<div class="item_tip_left">包装</div>
</div>
<div class="item_content_3">
<div class="right_1_up">
<div class="item_title fl">混料</div>
<div class="item_title fl">包装</div>
<div class="right_1_up_left">
<div class="echart_d3_wrap">
<div id="echart_d01" style="width: 100%; height: 100%"></div>
@@ -33,11 +33,11 @@
</div>
<div class="item_wrap">
<div class="item_tip">
<div class="item_tip_left"></div>
<div class="item_tip_left"></div>
</div>
<div class="item_content_3">
<div class="right_1_up">
<div class="item_title fl"></div>
<div class="item_title fl"></div>
<div class="right_1_up_left" style="backgroundImage: none;">
<div class="echart_d3_wrap">
<div id="echart_d02" style="width: 130%; height: 130%"></div>
@@ -60,7 +60,7 @@
<div class="box2">
<div class="item_wrap">
<div class="item_tip">
<div class="item_tip_left">当日混料生产</div>
<div class="item_tip_left">当日包装生产</div>
</div>
<div class="item_content item_content_3">
<div id="echart_d03" style="width: 100%; height: 100%"></div>
@@ -68,7 +68,7 @@
</div>
<div class="item_wrap">
<div class="item_tip">
<div class="item_tip_left">当日压制生产</div>
<div class="item_tip_left">当日成品进出存</div>
</div>
<div class="item_content item_content_3">
<div id="echart_04" style="width: 100%; height: 100%"></div>
@@ -78,7 +78,7 @@
<div class="box2">
<div class="item_wrap">
<div class="item_tip">
<div class="item_tip_left">本周混料生产</div>
<div class="item_tip_left">本周包装生产</div>
</div>
<div class="item_content item_content_3">
<div id="echart_d05" style="width: 100%; height: 100%"></div>
@@ -86,7 +86,7 @@
</div>
<div class="item_wrap">
<div class="item_tip">
<div class="item_tip_left">本周压制生产</div>
<div class="item_tip_left">本周成品进出存</div>
</div>
<div class="item_content item_content_3">
<div id="echart_06" style="width: 100%; height: 100%"></div>
@@ -910,7 +910,7 @@ export default {
}
},
setEchart02 () {
var color = ["#fb734e", "#e32f46", "#94d96c", "#0bbcb7", "#1a9bfc", "#7049f0"];
var color = ["#fb734e", "#e32f46", "#94d96c", "#0bbcb7", "#1a9bfc", "#7049f0", "#e2bb0e", "#B68845"];
var dataStyle = {
normal: {
label: {
@@ -961,19 +961,17 @@ export default {
color: "#fff"
}
},
legend: {
orient: "horizontal",
icon: 'circle',
position: 'top',
// left: "left",
// left: "-80",
top: "0",
itemGap: 12,
data: ["入库数", "出库数", "库存数", "04", "05", "06"],
textStyle: {
color: "#fff",
},
},
// legend: {
// orient: "horizontal",
// icon: 'circle',
// position: 'top',
// top: "0",
// itemGap: 12,
// data: ["入库数", "出库数", "库存数", "04", "05", "06"],
// textStyle: {
// color: "#fff",
// },
// },
series: [
{
name: "Line 1",
@@ -996,11 +994,11 @@ export default {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: color[0],
color: color[4],
},
{
offset: 1,
color: color[1],
color: color[5],
},
]),
},
@@ -1072,11 +1070,11 @@ export default {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: color[4],
color: color[6],
},
{
offset: 1,
color: color[5],
color: color[7],
},
]),
},