修改界面显示

master
夜笙歌 1 year ago
parent 8b4c92b690
commit 56c7d8eb6f

@ -1166,16 +1166,16 @@
], ],
"ImportAndExportStatistics": { "ImportAndExportStatistics": {
"x": [ "x": [
"A-01", "1",
"A-02", "2",
"A-03", "3",
"A-04", "4",
"A-05", "5",
"A-06", "6",
"A-07", "7",
"A-08", "8",
"A-09", "9",
"A-10" "10"
], ],
"y": [ "y": [
{ {
@ -1287,44 +1287,18 @@
}, },
"foamFixtureState": { "foamFixtureState": {
"x": [ "x": [
"运行中", "A",
"停止", "B",
"故障" "C"
], ],
"y": [ "y": {
{ "name": "运行中",
"name": "A", "data": [
"data": [ 5,
5, 1,
1, 3
3 ]
] }
},
{
"name": "B",
"data": [
2,
5,
2
]
},
{
"name": "C",
"data": [
4,
3,
6
]
},
{
"name": "D",
"data": [
3,
8,
2
]
}
]
} }
} }
} }

@ -9,6 +9,7 @@
:style="'top:'+(titlePosition[k]&&titlePosition[k].top||0)+'%;left:'+(titlePosition[k]&&titlePosition[k].left||0)+'%'"> :style="'top:'+(titlePosition[k]&&titlePosition[k].top||0)+'%;left:'+(titlePosition[k]&&titlePosition[k].left||0)+'%'">
{{ i }} {{ i }}
</div> </div>
<div class="meter">平均节拍{{meter}}</div>
<div class="scrollTable"> <div class="scrollTable">
<div style="background-color: #094170"> <div style="background-color: #094170">
@ -87,6 +88,7 @@
<div class="chart3"> <div class="chart3">
<Chart ref="chart3"></Chart> <Chart ref="chart3"></Chart>
</div> </div>
<div class="inventoryInfo">内胆库剩余:{{ linerNum }}% 箱壳库剩余:{{ caseNum }}%</div>
</div> </div>
</template> </template>
@ -104,9 +106,12 @@ export default {
name: "Liner", name: "Liner",
data() { data() {
return { return {
linerNum: 50,
caseNum: 44,
meter:30,
title: [ title: [
'工单计划', '工单计划',
'出入库统计', '小时统计',
'库存统计', '库存统计',
'发泡夹具状态', '发泡夹具状态',
], ],
@ -353,7 +358,7 @@ export default {
}) })
this.$refs.chart3.setData({ this.$refs.chart3.setData({
legend: { legend: {
data: e.liner.foamFixtureState.y.map(val => val.name), data: ['运行中'],
right: 'center', right: 'center',
top: 0, top: 0,
textStyle: { textStyle: {
@ -407,11 +412,11 @@ export default {
}, },
axisLabel: {}, axisLabel: {},
}, },
series: e.liner.foamFixtureState.y.map(val => { series: [
return { {
name: val.name, name: e.liner.foamFixtureState.y.name,
type: "bar", type: "bar",
barWidth: 100 / (e.liner.foamFixtureState.y.length + 2) + "%", barWidth: '30%',
barMaxWidth: 50, barMaxWidth: 50,
itemStyle: { itemStyle: {
normal: { normal: {
@ -427,9 +432,9 @@ export default {
]), ]),
}, },
}, },
data: val.data, data: e.liner.foamFixtureState.y.data,
} }
}) ]
}) })
}) })
}, },
@ -538,4 +543,22 @@ export default {
width: 45.5%; width: 45.5%;
height: 30.7%; height: 30.7%;
} }
.inventoryInfo {
position: absolute;
transform: translateY(-50%);
font-size: 0.9vw;
top: 59.6%;
left: 13.7%;
color: #fff;
letter-spacing: 1px;
}
.meter{
position: absolute;
top: 19.7%;
left: 61.5%;
transform: translateY(-50%);
font-size: 0.8vw;
color: #fff;
}
</style> </style>

@ -72,6 +72,7 @@
</div> </div>
</vue-seamless-scroll> </vue-seamless-scroll>
</div> </div>
<div class="meter">平均节拍{{meter}}</div>
<div class="chart1"> <div class="chart1">
<Chart ref="chart1"></Chart> <Chart ref="chart1"></Chart>
</div> </div>
@ -102,12 +103,13 @@ export default {
data() { data() {
return { return {
title: [ title: [
'工单计划', '箱壳生产计划',
'入库统计', '小时入库统计',
'库存状态', '库存状态',
'泡前库库存统计', '泡前库库存统计',
'发泡夹具状态', '箱体发泡实时状态',
], ],
meter:30,
linerNum: 50, linerNum: 50,
caseNum: 44, caseNum: 44,
titlePosition: [ titlePosition: [
@ -426,7 +428,7 @@ export default {
}) })
this.$refs.chart4.setData({ this.$refs.chart4.setData({
legend: { legend: {
data: e.liner.foamFixtureState.y.map(val => val.name), data: ['运行中'],
right: 'center', right: 'center',
top: 0, top: 0,
textStyle: { textStyle: {
@ -480,11 +482,11 @@ export default {
}, },
axisLabel: {}, axisLabel: {},
}, },
series: e.liner.foamFixtureState.y.map(val => { series: [
return { {
name: val.name, name: e.liner.foamFixtureState.y.name,
type: "bar", type: "bar",
barWidth: 100 / (e.liner.foamFixtureState.y.length + 2) + "%", barWidth: '30%',
barMaxWidth: 50, barMaxWidth: 50,
itemStyle: { itemStyle: {
normal: { normal: {
@ -500,9 +502,9 @@ export default {
]), ]),
}, },
}, },
data: val.data, data: e.liner.foamFixtureState.y.data,
} }
}) ]
}) })
}) })
}, },
@ -641,4 +643,12 @@ export default {
color: #fff; color: #fff;
letter-spacing: 1px; letter-spacing: 1px;
} }
.meter{
position: absolute;
top: 19.7%;
left: 62.5%;
transform: translateY(-50%);
font-size: 0.8vw;
color: #fff;
}
</style> </style>

File diff suppressed because it is too large Load Diff

@ -112,21 +112,21 @@ export default {
console.log(AMRT) console.log(AMRT)
let num = 0 let num = 0
let modelArr = [ let modelArr = [
'1720315475507941376', // '1720315475507941376',
'1720315479907766272', // '1720315479907766272',
'1720315484513112064', // '1720315484513112064',
'1720315500866703360', // '1720315500866703360',
'1720315558030872576', // '1720315558030872576',
'1720315596551360512', // '1720315596551360512',
'1720315644550975488', // '1720315644550975488',
'1720315648946606080', // '1720315648946606080',
'1720315687114772480', // '1720315687114772480',
'1720315691422322688', // '1720315691422322688',
'1720315722275622912', // '1720315722275622912',
'1720315729129115648', // '1720315729129115648',
'1720315768454909952', // '1720315768454909952',
'1720316275214913536', // '1720316275214913536',
'1720316297822212096', // '1720316297822212096',
] ]
modelArr.forEach(e => { modelArr.forEach(e => {
let model = viewer.loadModel(e, { let model = viewer.loadModel(e, {

Loading…
Cancel
Save