@@ -2,7 +2,7 @@ | |||||
* @Author: zwq | * @Author: zwq | ||||
* @Date: 2021-07-19 15:18:30 | * @Date: 2021-07-19 15:18:30 | ||||
* @LastEditors: zhp | * @LastEditors: zhp | ||||
* @LastEditTime: 2024-03-26 09:57:35 | |||||
* @LastEditTime: 2024-03-27 10:25:15 | |||||
* @Description: | * @Description: | ||||
--> | --> | ||||
<template> | <template> | ||||
@@ -410,6 +410,9 @@ export default { | |||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.visual-container { | .visual-container { | ||||
width: 1920px; | width: 1920px; | ||||
height: 1080px; | height: 1080px; | ||||
@@ -422,7 +425,8 @@ export default { | |||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
color: #00fff0; | color: #00fff0; | ||||
text-align: center; | text-align: center; | ||||
word-spacing:8px; | |||||
letter-spacing: 8px; | |||||
word-spacing: 8px; | |||||
position: relative; | position: relative; | ||||
.unit{ | .unit{ | ||||
position: absolute; | position: absolute; | ||||
@@ -430,6 +434,7 @@ export default { | |||||
top:25px; | top:25px; | ||||
color: rgba($color: #ffffff, $alpha: 8); | color: rgba($color: #ffffff, $alpha: 8); | ||||
font-size: 20px; | font-size: 20px; | ||||
letter-spacing: 0px; | |||||
} | } | ||||
.time{ | .time{ | ||||
position: absolute; | position: absolute; | ||||
@@ -437,6 +442,7 @@ export default { | |||||
top:25px; | top:25px; | ||||
color: rgba($color: #ffffff, $alpha: 8); | color: rgba($color: #ffffff, $alpha: 8); | ||||
font-size: 20px; | font-size: 20px; | ||||
letter-spacing: 0px; | |||||
} | } | ||||
.title-button { | .title-button { | ||||
color: #00fff0; | color: #00fff0; | ||||
@@ -1,7 +1,7 @@ | |||||
<!-- | <!-- | ||||
* @Author: zhp | * @Author: zhp | ||||
* @Date: 2024-01-29 16:50:26 | * @Date: 2024-01-29 16:50:26 | ||||
* @LastEditTime: 2024-03-26 18:00:34 | |||||
* @LastEditTime: 2024-03-27 10:58:39 | |||||
* @LastEditors: zhp | * @LastEditors: zhp | ||||
* @Description: | * @Description: | ||||
--> | --> | ||||
@@ -61,7 +61,7 @@ | |||||
<el-row :style="{ padding: '0 ' + 9 + 'px' }" :gutter="10" type="flex" class="flex-1"> | <el-row :style="{ padding: '0 ' + 9 + 'px' }" :gutter="10" type="flex" class="flex-1"> | ||||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12"> | <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12"> | ||||
<base-container :no-content-padding="true" :height="256" :title="'废片 缺陷数据'" :size="'middle'" | |||||
<base-container :no-content-padding="true" :height="256" :title="'废片 缺陷数据'" :size="'eqStatus'" | |||||
:title-icon="'scrap'"> | :title-icon="'scrap'"> | ||||
<!-- <div style="width: 45%;position: absolute; top: 3em; right: 3em;"> | <!-- <div style="width: 45%;position: absolute; top: 3em; right: 3em;"> | ||||
<top-radio-group /> | <top-radio-group /> | ||||
@@ -495,7 +495,8 @@ export default { | |||||
</span>`, | </span>`, | ||||
`<span style="color:rgba(255,255,255,0.5)" >${i || ''} | `<span style="color:rgba(255,255,255,0.5)" >${i || ''} | ||||
</span>`, | </span>`, | ||||
`<span style="color:rgba(255,255,255,0.5)">${this.funWsData.data.annealFanInfo[i] || ''}</span>`, | |||||
`<span style="color:rgba(255,255,255,0.5)"><div style="${this.funWsData.data.annealFanInfo[i] == '3片' ? 'width:10px;height:10px;border-radius: 50%; background-color: blue;float:left;margin:12px 10px 0 0 ' : 'width:10px;height:10px;border-radius: 50%; background-color: yellow;float:left;margin:12px 10px 0 0 '}"></div> ${this.funWsData.data.annealFanInfo[i] || ''}</span>`, | |||||
// `<span style="color:rgba(255,255,255,0.5)"> ${this.funWsData.data.annealFanInfo[i] || ''}</span>`, | |||||
]) | ]) | ||||
} | } | ||||
this.annealFunConfig.data = arr | this.annealFunConfig.data = arr | ||||
@@ -509,7 +510,8 @@ export default { | |||||
arr.push([ | arr.push([ | ||||
`<span style="color:rgba(255,255,255,0.5)" >${index || ''}</span>`, | `<span style="color:rgba(255,255,255,0.5)" >${index || ''}</span>`, | ||||
`<span style="color:rgba(255,255,255,0.5)" >${i || ''}</span>`, | `<span style="color:rgba(255,255,255,0.5)" >${i || ''}</span>`, | ||||
`<span style="color:rgba(255,255,255,0.5)">${this.funWsData.data.fanInfo[i] || ''}</span>`, | |||||
`<span style="color:rgba(255,255,255,0.5)"><div style="${this.funWsData.data.fanInfo[i] == '3片' ? 'width:10px;height:10px;border-radius: 50%; background-color: blue;float:left;margin:12px 10px 0 0 ' : 'width:10px;height:10px;border-radius: 50%; background-color: yellow;float:left;margin:12px 10px 0 0 '}"></div> ${this.funWsData.data.fanInfo[i] || ''}</span>`, | |||||
// `<span style="color:rgba(255,255,255,0.5)">${this.funWsData.data.fanInfo[i] || ''}</span>`, | |||||
]) | ]) | ||||
} | } | ||||
this.funConfig.data = arr | this.funConfig.data = arr | ||||
@@ -714,14 +716,16 @@ export default { | |||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
color: rgba(0, 255, 247, 1); | color: rgba(0, 255, 247, 1); | ||||
text-align: center; | text-align: center; | ||||
letter-spacing: 8px; | |||||
word-spacing: 8px; | word-spacing: 8px; | ||||
.unit { | .unit { | ||||
position: absolute; | position: absolute; | ||||
left: 260px; | |||||
left: 290px; | |||||
top: 25px; | top: 25px; | ||||
color: rgba(255, 255, 255, 0.80); | color: rgba(255, 255, 255, 0.80); | ||||
font-size: 20px; | font-size: 20px; | ||||
} | |||||
letter-spacing: 0px; | |||||
} | |||||
.time { | .time { | ||||
position: absolute; | position: absolute; | ||||
@@ -729,6 +733,7 @@ export default { | |||||
color: rgba(255, 255, 255, 0.80); | color: rgba(255, 255, 255, 0.80); | ||||
top: 25px; | top: 25px; | ||||
font-size: 20px; | font-size: 20px; | ||||
letter-spacing: 0px; | |||||
} | } | ||||
.title-button { | .title-button { | ||||
@@ -2,7 +2,7 @@ | |||||
* @Author: gtz | * @Author: gtz | ||||
* @Date: 2022-01-19 15:58:17 | * @Date: 2022-01-19 15:58:17 | ||||
* @LastEditors: zhp | * @LastEditors: zhp | ||||
* @LastEditTime: 2024-02-22 10:26:59 | |||||
* @LastEditTime: 2024-03-27 10:26:35 | |||||
* @Description: file content | * @Description: file content | ||||
* @FilePath: \mt-bus-fe\src\views\OperationalOverview\components\baseContainer\index.vue | * @FilePath: \mt-bus-fe\src\views\OperationalOverview\components\baseContainer\index.vue | ||||
--> | --> | ||||
@@ -158,6 +158,7 @@ export default { | |||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.base-container { | .base-container { | ||||
color: #fff; | color: #fff; | ||||
width: 100%; | width: 100%; | ||||
@@ -192,7 +193,7 @@ export default { | |||||
backdrop-filter: blur(5px); | backdrop-filter: blur(5px); | ||||
} | } | ||||
&__eqStatus { | &__eqStatus { | ||||
background: url(../../../../assets/img/high.png) no-repeat; | |||||
background: url(../../../../assets/img/large.png) no-repeat; | |||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
backdrop-filter: blur(5px); | backdrop-filter: blur(5px); | ||||
} | } | ||||
@@ -2,7 +2,7 @@ | |||||
* @Author: zwq | * @Author: zwq | ||||
* @Date: 2021-07-19 15:18:30 | * @Date: 2021-07-19 15:18:30 | ||||
* @LastEditors: zhp | * @LastEditors: zhp | ||||
* @LastEditTime: 2024-03-26 17:57:44 | |||||
* @LastEditTime: 2024-03-27 11:08:13 | |||||
* @Description: | * @Description: | ||||
--> | --> | ||||
<template> | <template> | ||||
@@ -33,7 +33,7 @@ | |||||
</el-col> | </el-col> | ||||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="8" height="100%"> | <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="8" height="100%"> | ||||
<base-container :height="318" :size="'small'" :title="'工单监控'" :title-icon="'order'"> | |||||
<base-container :height="318" :size="'small'" :title="'工单监控'" :title-icon="'eqMonitoring'"> | |||||
<div style="width:100%; overflow: hidden scroll;"> | <div style="width:100%; overflow: hidden scroll;"> | ||||
<el-row v-for="op in orderList" :key="op.id" style="margin-bottom: 1em"> | <el-row v-for="op in orderList" :key="op.id" style="margin-bottom: 1em"> | ||||
<!-- <el-col :span="12"> --> | <!-- <el-col :span="12"> --> | ||||
@@ -49,8 +49,8 @@ | |||||
<el-row :style="{ padding: '0 ' + 9 + 'px' }" :gutter="12" type="flex" class="flex-1"> | <el-row :style="{ padding: '0 ' + 9 + 'px' }" :gutter="12" type="flex" class="flex-1"> | ||||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12"> | <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12"> | ||||
<base-container :show-yes-time="true" :no-content-padding="true" :height="256" :size="'middle'" :title="'能源监控'" | |||||
:title-icon="'energyMonitoring'"> | |||||
<base-container :show-yes-time="true" :no-content-padding="true" :height="256" :size="'eqStatus'" | |||||
:title="'能源监控'" :title-icon="'energyMonitoring'"> | |||||
<el-row :gutter="9"> | <el-row :gutter="9"> | ||||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="24"> | <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="24"> | ||||
<linear-bar-chart ref="EnergyMonitoringChart" :name-list="EnergyMonitoringNameList" | <linear-bar-chart ref="EnergyMonitoringChart" :name-list="EnergyMonitoringNameList" | ||||
@@ -60,7 +60,7 @@ | |||||
</base-container> | </base-container> | ||||
</el-col> | </el-col> | ||||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12"> | <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12"> | ||||
<base-container :show-time="true" :no-content-padding="true" :height="318 + 338 + 16" :size="'middle'" | |||||
<base-container :show-time="true" :no-content-padding="true" :height="318 + 338 + 16" :size="'eqStatus'" | |||||
:title="'产线产量及良品率'" :title-icon="'productLine'"> | :title="'产线产量及良品率'" :title-icon="'productLine'"> | ||||
<double-y-chart ref="productLineChart" :id=" 'doubleYChart' " :height="390" :show-legend="true" /> | <double-y-chart ref="productLineChart" :id=" 'doubleYChart' " :height="390" :show-legend="true" /> | ||||
</base-container> | </base-container> | ||||
@@ -464,7 +464,7 @@ export default { | |||||
`<span style="color:rgba(255,255,255,0.5)" >${item.name || ''} | `<span style="color:rgba(255,255,255,0.5)" >${item.name || ''} | ||||
</span>`, | </span>`, | ||||
`<span style="color:rgba(255,255,255,0.5)">${item.code || ''}</span>`, | `<span style="color:rgba(255,255,255,0.5)">${item.code || ''}</span>`, | ||||
`<span style="color:rgba(255,255,255,0.5)">${item.status || ''}</span>`, | |||||
`<span style="color:rgba(255,255,255,0.5)"><span style="color:rgba(255,255,255,0.5)"></span> ${item.status || ''}</span>`, | |||||
`<span style="color:rgba(255,255,255,0.5)">${item.error || ''}</span>`, | `<span style="color:rgba(255,255,255,0.5)">${item.error || ''}</span>`, | ||||
]) | ]) | ||||
this.eqConfig.data = eqArr | this.eqConfig.data = eqArr | ||||
@@ -654,7 +654,7 @@ export default { | |||||
background: url('../../assets/img/OperationalOverview/title.png') no-repeat; | background: url('../../assets/img/OperationalOverview/title.png') no-repeat; | ||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
color: #00fff0; | color: #00fff0; | ||||
// word-spacing: 8px; | |||||
word-spacing: 8px; | |||||
letter-spacing: 8px; | letter-spacing: 8px; | ||||
text-align: center; | text-align: center; | ||||
.unit { | .unit { | ||||