修改ui
Esse commit está contido em:
‘937886381’
pai
9dec81e0b2
commit
6f8abc9758
@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2024-01-29 13:45:56
|
||||
* @LastEditTime: 2024-04-16 13:43:05
|
||||
* @LastEditTime: 2024-04-17 15:48:21
|
||||
* @LastEditors: zhp
|
||||
* @Description:
|
||||
-->
|
||||
@ -125,7 +125,13 @@ export default {
|
||||
fontSize: 20,
|
||||
color: '#fff00',
|
||||
},
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
left: '1%',
|
||||
right: '1%',
|
||||
bottom: '0',
|
||||
containLabel: true
|
||||
},
|
||||
// legend: {
|
||||
// bottom: '10%',
|
||||
// left: 'center',
|
||||
@ -213,15 +219,19 @@ export default {
|
||||
.isra-chart {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 7%;
|
||||
}
|
||||
.isra-chart-tooltip {
|
||||
background: #0a2b4f77 !important;
|
||||
border: none !important;
|
||||
backdrop-filter: blur(12px);
|
||||
}
|
||||
|
||||
.isra-chart-tooltip * {
|
||||
color: #fff !important;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
.isra-chart-tooltip {
|
||||
background: #0a2b4f77 !important;
|
||||
border: none !important;
|
||||
backdrop-filter: blur(12px);
|
||||
}
|
||||
.isra-chart-tooltip * {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
* @Author: zwq
|
||||
* @Date: 2021-07-19 15:18:30
|
||||
* @LastEditors: zhp
|
||||
* @LastEditTime: 2024-04-16 14:03:31
|
||||
* @LastEditTime: 2024-04-17 16:08:08
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
@ -58,7 +58,7 @@
|
||||
}}</span>
|
||||
<el-divider class="split" v-if="op.actualQuantity" direction="vertical"></el-divider>
|
||||
<!-- </div> -->
|
||||
<el-progress style="width: 620px;" text-color="rgba(255, 255, 255, .6)" :stroke-width="10"
|
||||
<el-progress style="width: 620px;" text-color="rgba(0, 255, 247, 1)" :stroke-width="10"
|
||||
define-back-color="rgba(32, 57, 96, 1)" :percentage="op.progressRate" class="custom-progress-bar" />
|
||||
</el-row>
|
||||
</div>
|
||||
@ -111,25 +111,25 @@ const qualityYearList = [
|
||||
name: '翻转机',
|
||||
code: 'EQ20240110112358000235',
|
||||
status: '正常',
|
||||
error: 'true',
|
||||
error: true,
|
||||
},
|
||||
{
|
||||
name: '烘干炉',
|
||||
code: 'EQ20240110112537000241',
|
||||
status: '计划停机',
|
||||
error: 'true',
|
||||
error: true,
|
||||
},
|
||||
{
|
||||
name: '清洗机',
|
||||
code: ' EQ20240110112310000232',
|
||||
status: '正常',
|
||||
error: 'true',
|
||||
error: true,
|
||||
},
|
||||
{
|
||||
name: '钢化清洗机',
|
||||
code: 'EQ20240110111700000208',
|
||||
status: '正常',
|
||||
error: 'true',
|
||||
error: true,
|
||||
},
|
||||
{
|
||||
name: '固化机',
|
||||
@ -141,49 +141,48 @@ const qualityYearList = [
|
||||
name: '磨边清洗机',
|
||||
code: ' EQ20240110111700000208',
|
||||
status: '正常',
|
||||
error: 'true',
|
||||
error: true,
|
||||
},
|
||||
{
|
||||
name: '预热机',
|
||||
code: 'EQ20240110111700000205',
|
||||
status: '故障',
|
||||
error: 'true',
|
||||
error: true,
|
||||
},
|
||||
{
|
||||
name: '下片机',
|
||||
code: 'EQ20240115151435000279',
|
||||
status: '正常',
|
||||
error: 'false',
|
||||
error: true,
|
||||
},
|
||||
{
|
||||
name: '冷却机',
|
||||
code: 'EQ20240110111700000203',
|
||||
status: '正常',
|
||||
error: 'false',
|
||||
error: true,
|
||||
},
|
||||
{
|
||||
name: 'A储片机106',
|
||||
code: 'EQ20240110111700000202',
|
||||
status: '正常',
|
||||
error: 'false',
|
||||
error: true,
|
||||
},
|
||||
{
|
||||
name: '二次清洗机',
|
||||
code: 'EQ20240110111700000209',
|
||||
status: '正常',
|
||||
error: 'false',
|
||||
error: true,
|
||||
},
|
||||
{
|
||||
name: '二次磨边机',
|
||||
code: ' EQ20240110110927000181',
|
||||
status: '正常',
|
||||
error: 'false',
|
||||
error: true,
|
||||
},
|
||||
{
|
||||
name: '测试设备',
|
||||
code: 'EQ20240110111700000201',
|
||||
status: '正常',
|
||||
error: 'true',
|
||||
error: true,
|
||||
},
|
||||
];
|
||||
const qualityMonthList = [
|
||||
@ -232,37 +231,37 @@ const qualityMonthList = [
|
||||
];
|
||||
const orderProcessList = [
|
||||
{
|
||||
id: '1',
|
||||
id: 1,
|
||||
outRate: '.8',
|
||||
name: '凯盛0322',
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
id: 2,
|
||||
outRate: '.4',
|
||||
name: '光伏玻璃4.0',
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
id: 3,
|
||||
outRate: '.5',
|
||||
name: '光伏玻璃3.0',
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
id: 4,
|
||||
outRate: '.3',
|
||||
name: '光伏玻璃2.0',
|
||||
},
|
||||
{
|
||||
id: '5',
|
||||
id: 5,
|
||||
outRate: '.5',
|
||||
name: '光伏玻璃1.0',
|
||||
},
|
||||
{
|
||||
id: '6',
|
||||
id: 6,
|
||||
outRate: '.8',
|
||||
name: '光伏玻璃',
|
||||
},
|
||||
{
|
||||
id: '7',
|
||||
id: 7,
|
||||
outRate: '.8',
|
||||
name: '统计订单',
|
||||
},
|
||||
@ -483,7 +482,7 @@ export default {
|
||||
</span>`,
|
||||
`<span style="color:rgba(255,255,255,0.5)">${item.code || ''}</span>`,
|
||||
`<span style="color:rgba(255,255,255,0.5)"><div style="${item.status == '正常' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:13px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%; background-color: #FFBD02;float:left;margin:13px 10px 0 0 '}"></div> ${item.status || ''}</span>`,
|
||||
`<span style="color:rgba(255,255,255,0.5)"><div style="${item.error == 'false' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:13px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%; background-color: red;float:left;margin:13px 10px 0 0 '}"></div> ${item.error || ''}</span>`,
|
||||
`<span style="color:rgba(255,255,255,0.5)"><div style="${item.error == 'false' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:13px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px red;width:6px;height:6px;border-radius: 50%; background-color: red;float:left;margin:13px 10px 0 0 '}"></div> ${item.error == true ? '是' : '否' || ''}</span>`,
|
||||
]);
|
||||
this.eqConfig.data = eqArr;
|
||||
let data = [
|
||||
@ -750,7 +749,7 @@ export default {
|
||||
item.code || ''
|
||||
}</span>`,
|
||||
`<span style="color:rgba(255,255,255,0.5)"><div style="${item.status == '正常' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:10px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%; background-color: #FFBD02;float:left;margin:10px 10px 0 0 '}"></div> ${item.status || ''}</span>`,
|
||||
`<span style="color:rgba(255,255,255,0.5)"><div style="${item.error == 'false' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:10px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%; background-color: red;float:left;margin:10px 10px 0 0 '}"></div> ${item.error || ''}</span>`,
|
||||
`<span style="color:rgba(255,255,255,0.5)"><div style="${item.error == 'false' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:10px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px red;width:6px;height:6px;border-radius: 50%; background-color: red;float:left;margin:10px 10px 0 0 '}"></div> ${item.error == true ?'是' :'否' || ''}</span>`,
|
||||
]);
|
||||
this.eqConfig.data = eqArr;
|
||||
// this.$nextTick(() => {
|
||||
@ -868,7 +867,7 @@ export default {
|
||||
margin-left: 8px;
|
||||
opacity:calc(.6);
|
||||
margin-right: 8px;
|
||||
background-color: #C8CDD7;
|
||||
background-color: rgba(0, 255, 247, 1);
|
||||
// border: 1px solid #C8CDD7;
|
||||
}
|
||||
.myLegend {
|
||||
@ -993,7 +992,7 @@ export default {
|
||||
font-size: 14px;
|
||||
line-height: 2em;
|
||||
text-align: right;
|
||||
color: #fff;
|
||||
color: rgba(0, 255, 247, 1);
|
||||
}
|
||||
.orderPlan {
|
||||
display: inline-block;
|
||||
|
||||
Carregando…
Referência em uma nova issue
Block a user