yinq
/
aucma-mes-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改接口

Browse Source
master
夜笙歌 2 years ago
parent 0bc613eece
commit 8fbd22bc31
4 changed files with 540 additions and 263 deletions
Show Stats Download Patch File Download Diff File

94
src/views/board/caseShell/index2.vue
Unescape Escape View File

@ -38,22 +38,22 @@
<div v-for="(item, index) in scrollTableData" :key="index" style="height: 3vh;">
<div :style='"height:100%;line-height:3vh;background-color:" + ((index % 2 === 0) ? "#053460" : "#032d57")'>
<div class="scrollTableItem">
{{ item.value1 }}
{{ item.COLUMN_A }}
</div>
<div class="scrollTableItem">
{{ item.value2 }}
{{ item.COLUMN_B }}
</div>
<div class="scrollTableItem" :style="'color:' + (item.value3 > 0 ? 'green' : '#0000')">
{{ item.value3 }}
<div class="scrollTableItem" :style="'color:' + (item.COLUMN_C > 0 ? 'green' : '#0000')">
{{ item.COLUMN_C }}
</div>
<div class="scrollTableItem" :style="'color:' + (item.value32 > 0 ? 'green' : '#0000')">
{{ item.value32 }}
<div class="scrollTableItem" :style="'color:' + (item.COLUMN_D > 0 ? 'green' : '#0000')">
{{ item.COLUMN_D }}
</div>
<div class="scrollTableItem">
{{ item.value4 }}
{{ item.COLUMN_E }}
</div>
<div class="scrollTableItem">
{{ item.value5 }}
{{ item.COLUMN_F }}
</div>
</div>
</div>
@ -165,14 +165,14 @@ export default {
},
{
e: 'xkqhb-04',
i: "",
i: "scada_xk_pro_plan_01('')",
f: (e) => {
this.scrollTableData = e
}
},
{
e: 'xkqhb-05',
i: "",
i: "scada_xk_hour_01('')",
f: (e) => {
this.$refs.chart1.setData({
tooltip: {
@ -190,7 +190,7 @@ export default {
containLabel: true,
},
legend: {
data: e.y.map(val => val.name),
data:['前板数量','后板数量'],
right: 'center',
top: 0,
textStyle: {
@ -202,7 +202,7 @@ export default {
},
xAxis: {
type: "category",
data: e.x,
data: e.map(val=>val.X_VALUE),
axisLine: {
lineStyle: {
color: "white",
@ -232,7 +232,7 @@ export default {
},
series: [
{
name: e.y[0].name,
name: '前板数量',
type: "bar",
barWidth: "30%",
barMaxWidth: 50,
@ -262,10 +262,10 @@ export default {
]),
},
},
data: e.y[0].data,
data: e.map(val=>val.Y_VALUE_ONE),
},
{
name: e.y[1].name,
name:'后板数量',
type: "bar",
barWidth: "30%",
barMaxWidth: 50,
@ -295,7 +295,7 @@ export default {
]),
},
},
data: e.y[1].data,
data: e.map(val=>val.Y_VALUE_TWO),
},
],
})
@ -328,7 +328,7 @@ export default {
containLabel: true,
},
legend: {
data: e.y.map(val => val.name),
data: ['内胆','箱壳'],
right: 'center',
top: 0,
textStyle: {
@ -340,7 +340,7 @@ export default {
},
xAxis: {
type: "category",
data: e.x,
data: e.map(val=>val.X_VALUE),
axisLine: {
lineStyle: {
color: "white",
@ -370,7 +370,7 @@ export default {
},
series: [
{
name: e.y[0].name,
name: '内胆',
type: "bar",
barWidth: "30%",
barMaxWidth: 50,
@ -400,10 +400,10 @@ export default {
]),
},
},
data: e.y[0].data,
data: e.map(val=>val.Y_VALUE_ONE),
},
{
name: e.y[1].name,
name: '箱壳',
type: "bar",
barWidth: "30%",
barMaxWidth: 50,
@ -433,7 +433,7 @@ export default {
]),
},
},
data: e.y[1].data,
data: e.map(val=>val.Y_VALUE_TWO),
},
],
})
@ -441,22 +441,18 @@ export default {
},
{
e: 'xkqhb-08',
i: "",
i: "SCADA_INV_STATS_SUM('')",
f: (e) => {
this.linerNum = e
}
},
{
e: 'xkqhb-09',
i: "",
f: (e) => {
this.caseNum = e
this.linerNum = e[0]?.Y_VALUE_ONE || 0
this.caseNum = e[0]?.Y_VALUE_TWO || 0
}
},
{
e: 'xkqhb-10',
i: "",
i: "scada_xk_pro_xh_01('')",
f: (e) => {
this.frontNum = e.map(val=>val.Y_VALUE_ONE).reduce((a,b)=>a+b)
this.laterNum = e.map(val=>val.Y_VALUE_TWO).reduce((a,b)=>a+b)
this.$refs.chart3.setData({
tooltip: {
trigger: "axis",
@ -473,7 +469,7 @@ export default {
containLabel: true,
},
legend: {
data: e.y.map(val => val.name),
data: ['前板','后板'],
right: 'center',
top: 0,
textStyle: {
@ -485,7 +481,7 @@ export default {
},
xAxis: {
type: "category",
data: e.x,
data: e.map(val=>val.X_VALUE),
axisLine: {
lineStyle: {
color: "white",
@ -515,7 +511,7 @@ export default {
},
series: [
{
name: e.y[0].name,
name: '前板',
type: "bar",
barWidth: "30%",
barMaxWidth: 50,
@ -545,10 +541,10 @@ export default {
]),
},
},
data: e.y[0].data,
data: e.map(val=>val.Y_VALUE_ONE),
},
{
name: e.y[1].name,
name: '后板',
type: "bar",
barWidth: "30%",
barMaxWidth: 50,
@ -578,29 +574,15 @@ export default {
]),
},
},
data: e.y[1].data,
data: e.map(val=>val.Y_VALUE_TWO),
},
],
})
}
},
{
e: 'xkqhb-11',
i: "",
f: (e) => {
this.frontNum = e
}
},
{
e: 'xkqhb-12',
i: "",
f: (e) => {
this.laterNum = e
}
},
{
e: 'xkqhb-13',
i: "",
i: "scada_xk_fp_01('')",
f: (e) => {
this.$refs.chart4.setData({
legend: {
@ -630,7 +612,7 @@ export default {
},
xAxis: {
type: "category",
data: e.x,
data: e.map(val=>val.X_VALUE),
axisLine: {
lineStyle: {
color: "white",
@ -660,7 +642,7 @@ export default {
},
series: [
{
name: e.y.name,
name: '运行中夹具数量',
type: "bar",
barWidth: '30%',
barMaxWidth: 50,
@ -690,7 +672,7 @@ export default {
]),
},
},
data: e.y.data,
data: e.map(val=>val.Y_VALUE),
}
]
})

348
src/views/board/foaming/index.vue
Unescape Escape View File

@ -131,7 +131,7 @@
<Chart ref="chart4"></Chart>
</div>
<transition name="table1">
<div class="scrollTable1" v-if="show">
<div class="scrollTable1" v-if="show ===0">
<div style="background-color: #094170; height: calc(25vh/7)">
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
工位
@ -285,7 +285,7 @@
</div>
</transition>
<transition name="table2">
<div class="scrollTable1" v-if="!show">
<div class="scrollTable1" v-if="show === 1">
<div style="background-color: #094170;height: calc(25vh/7)">
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
工位
@ -438,6 +438,314 @@
<!-- </vue-seamless-scroll>-->
</div>
</transition>
<transition name="table1">
<div class="scrollTable1" v-if="show === 2">
<div style="background-color: #094170;height: calc(25vh/7)">
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
工位
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 8%">
型号
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
状态
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
目标
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
计划
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
累计
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 7%">
达成率
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[0] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[1] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[2] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[3] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[4] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[5] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[6] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[7] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[8] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[9] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[10] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[11] }}
</div>
</div>
<!-- <vue-seamless-scroll-->
<!-- :class-option="scrollTableOption"-->
<!-- :data="scrollTableData1"-->
<!-- class="case-item"-->
<!-- style="height: 84%;overflow: hidden;"-->
<!-- >-->
<div
v-for="(item, index) in scrollTableData1.slice(12,18)"
:key="index"
style="height: calc(25vh/7)"
>
<div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value1 }}
</div>
<div
class="scrollTableItem" style="width: 8%">
{{ item.value2 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value3 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value4 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value5 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value6 }}
</div>
<div
class="scrollTableItem" style="width: 7%">
{{ item.value7 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value8 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value9 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value10 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value11 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value12 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value13 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value14 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value15 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value16 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value17 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value18 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value19 }}
</div>
</div>
</div>
<!-- </vue-seamless-scroll>-->
</div>
</transition>
<transition name="table2">
<div class="scrollTable1" v-if="show === 3">
<div style="background-color: #094170;height: calc(25vh/7)">
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
工位
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 8%">
型号
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
状态
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
目标
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
计划
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
累计
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 7%">
达成率
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[0] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[1] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[2] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[3] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[4] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[5] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[6] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[7] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[8] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[9] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[10] }}
</div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{ hourArr[11] }}
</div>
</div>
<!-- <vue-seamless-scroll-->
<!-- :class-option="scrollTableOption"-->
<!-- :data="scrollTableData1"-->
<!-- class="case-item"-->
<!-- style="height: 84%;overflow: hidden;"-->
<!-- >-->
<div
v-for="(item, index) in scrollTableData1.slice(18,24)"
:key="index"
style="height: calc(25vh/7)"
>
<div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value1 }}
</div>
<div
class="scrollTableItem" style="width: 8%">
{{ item.value2 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value3 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value4 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value5 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value6 }}
</div>
<div
class="scrollTableItem" style="width: 7%">
{{ item.value7 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value8 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value9 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value10 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value11 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value12 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value13 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value14 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value15 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value16 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value17 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value18 }}
</div>
<div
class="scrollTableItem" style="width: 5%">
{{ item.value19 }}
</div>
</div>
</div>
<!-- </vue-seamless-scroll>-->
</div>
</transition>
<div class="total">
<div style="background-color: #094170">
<div class="scrollTableItem" style="font-weight: bold;width: 5%">
@ -522,7 +830,7 @@ export default {
},
data() {
return {
show: true,
show: 0,
planNum: 0,
practicalNum: 0,
total: {},
@ -1730,9 +2038,13 @@ export default {
this.hourArr = e?.data.map(val => val.HOUR_TIME)
})
let timeInter = setInterval(() => {
this.show = !this.show
if(this.show===true){
let totalArr = this.scrollTableData1.slice(0,6)
let num1 = this.scrollTableData1.length / 6
let num = this.show
num += 1
num = num % num1
this.show = num
let totalArr = this.scrollTableData1.slice(num * 6, (num + 1) * 6)
this.total = {
value1: ((totalArr.filter(val => val.value3 === '生产中').length / 6) * 100).toFixed(2),
value2: totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0),
@ -1751,29 +2063,7 @@ export default {
value15: totalArr.map(val => val.value18).reduce((acc, curr) => acc + curr, 0),
value16: totalArr.map(val => val.value19).reduce((acc, curr) => acc + curr, 0),
}
}
if(this.show===false){
let totalArr = this.scrollTableData1.slice(6,12)
this.total = {
value1:((totalArr.filter(val=>val.value3 === '生产中').length / 6)*100).toFixed(2),
value2:totalArr.map(val=>val.value5).reduce((acc, curr) => acc + curr, 0),
value3:totalArr.map(val=>val.value6).reduce((acc, curr) => acc + curr, 0),
value4:((totalArr.map(val=>val.value6).reduce((acc, curr) => acc + curr, 0)/totalArr.map(val=>val.value4).reduce((acc, curr) => acc + curr, 0))*100).toFixed(2),
value5:totalArr.map(val=>val.value8).reduce((acc, curr) => acc + curr, 0),
value6:totalArr.map(val=>val.value9).reduce((acc, curr) => acc + curr, 0),
value7:totalArr.map(val=>val.value10).reduce((acc, curr) => acc + curr, 0),
value8:totalArr.map(val=>val.value11).reduce((acc, curr) => acc + curr, 0),
value9:totalArr.map(val=>val.value12).reduce((acc, curr) => acc + curr, 0),
value10:totalArr.map(val=>val.value13).reduce((acc, curr) => acc + curr, 0),
value11:totalArr.map(val=>val.value14).reduce((acc, curr) => acc + curr, 0),
value12:totalArr.map(val=>val.value15).reduce((acc, curr) => acc + curr, 0),
value13:totalArr.map(val=>val.value16).reduce((acc, curr) => acc + curr, 0),
value14:totalArr.map(val=>val.value17).reduce((acc, curr) => acc + curr, 0),
value15:totalArr.map(val=>val.value18).reduce((acc, curr) => acc + curr, 0),
value16:totalArr.map(val=>val.value19).reduce((acc, curr) => acc + curr, 0),
}
}
}, 30 * 1000)
}, 3 * 1000)
if (this.$route.query.id === '1' || this.id === '1') {
this.RequestDataSet.forEach(val => {
mixData(val)

154
src/views/board/foaming/index2.vue
Unescape Escape View File

@ -2,14 +2,16 @@
<div class="app-container">
<div class="headTitle">箱、门匹配生产数据监控平台</div>
<div class="topNum planNum">{{
planNum.toString().split('').concat(['0', '0', '0', '0']).slice(0, 4).join('')
(['0', '0', '0', '0']).concat(planNum.toString().split('')).slice(-4).join('')
}}
</div>
<div class="topNum practicalNum">
{{ practicalNum.toString().split('').concat(['0', '0', '0', '0']).slice(0, 4).join('') }}
{{
(['0', '0', '0', '0']).concat(practicalNum.toString().split('')).slice(-4).join('')
}}
</div>
<div class="topNum differenceValue">
{{ (practicalNum - planNum).toString().split('').concat(['0', '0', '0', '0']).slice(0, 4).join('') }}
{{ (['0', '0', '0', '0']).concat((Math.abs(practicalNum - planNum)).toString().split('')).slice(-4).join('') }}
</div>
<div class="title" v-for="(i,k) in title"
:style="'top:'+(titlePosition[k]&&titlePosition[k].top||0)+'%;left:'+(titlePosition[k]&&titlePosition[k].left||0)+'%'">
@ -17,13 +19,14 @@
</div>
<div style="position: absolute; top: 23%;left: 30%;width:10vw;color: #fff;font-size: 0.8vw;line-height: 1.5vw">
<div>设备状态：</div>
<div>门体发泡线状态：</div>
<div>门体发泡机状态：</div>
<div>生产状态：</div>
<div class="status1"
:style="'background-color:'+(status1 === '1' ? '#00ff00':'ff0000')"></div>
</div>
<div style="position: absolute; top: 23%;left: 60%;width:10vw;color: #fff;font-size: 0.8vw;line-height: 1.5vw">
<div>生产节拍：</div>
<div>线体1圈 1s</div>
<div>台车1位 1s</div>
<div>线体1圈 {{ meter1 }}s</div>
<div>台车1位 {{ meter2 }}s</div>
</div>
<div class="foamingMachine"></div>
@ -57,13 +60,13 @@
<div v-for="(item, index) in scrollTableData" :key="index">
<div :style='"background-color:" + ((index % 2 === 0) ? "#053460" : "#032d57")'>
<div class="scrollTableItem" style="width: 33%;padding:4px 0 ">
{{ item.value1 }}
{{ item.COLUMN_A }}
</div>
<div class="scrollTableItem" style="width: 33%;padding:4px 0 ">
{{ item.value2 }}
{{ item.COLUMN_B }}
</div>
<div class="scrollTableItem" style="width: 33%;padding:4px 0 ">
{{ item.value3 }}
{{ item.COLUMN_C }}
</div>
</div>
</div>
@ -88,10 +91,10 @@
<div style="width: 33%;display: inline-block">产量</div>
</div>
<div v-for="i in bottomTableData.slice(0,10)"
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color: '+ setColor(i.value5)+';text-align: center;background-color:' + (i === 2 ? '#053460' : '#053460')">
<div style="width: 33%;display: inline-block">{{ i.value1 }}</div>
<div style="width: 33%;display: inline-block">{{ i.value2 }}</div>
<div style="width: 33%;display: inline-block">{{ i.value3 }}-{{ i.value4 }}</div>
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color: '+ setColor(i.COLUMN_D,i.COLUMN_E)+';text-align: center;background-color:#053460'">
<div style="width: 33%;display: inline-block">{{ i.COLUMN_A }}</div>
<div style="width: 33%;display: inline-block">{{ i.COLUMN_B }}</div>
<div style="width: 33%;display: inline-block">{{ i.COLUMN_C }}</div>
</div>
</div>
<div class="tableTwo">
@ -101,10 +104,10 @@
<div style="width: 33%;display: inline-block">产量</div>
</div>
<div v-for="i in bottomTableData.slice(10,20)"
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ setColor(i.value5)+';text-align: center;background-color:' + (i === 2 ? '#053460' : '#053460')">
<div style="width: 33%;display: inline-block">{{ i.value1 }}</div>
<div style="width: 33%;display: inline-block">{{ i.value2 }}</div>
<div style="width: 33%;display: inline-block">{{ i.value3 }}-{{ i.value4 }}</div>
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ setColor(i.COLUMN_D,i.COLUMN_E)+';text-align: center;background-color:#053460'">
<div style="width: 33%;display: inline-block">{{ i.COLUMN_A }}</div>
<div style="width: 33%;display: inline-block">{{ i.COLUMN_B }}</div>
<div style="width: 33%;display: inline-block">{{ i.COLUMN_C }}</div>
</div>
</div>
<div class="tableThree">
@ -114,10 +117,10 @@
<div style="width: 33%;display: inline-block">产量</div>
</div>
<div v-for="i in bottomTableData.slice(20,30)"
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ setColor(i.value5)+';text-align: center;background-color:' + (i === 2 ? '#053460' : '#053460')">
<div style="width: 33%;display: inline-block">{{ i.value1 }}</div>
<div style="width: 33%;display: inline-block">{{ i.value2 }}</div>
<div style="width: 33%;display: inline-block">{{ i.value3 }}-{{ i.value4 }}</div>
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ setColor(i.COLUMN_D,i.COLUMN_E)+';text-align: center;background-color:#053460'">
<div style="width: 33%;display: inline-block">{{ i.COLUMN_A }}</div>
<div style="width: 33%;display: inline-block">{{ i.COLUMN_B }}</div>
<div style="width: 33%;display: inline-block">{{ i.COLUMN_C }}</div>
</div>
</div>
<div class="tableFour">
@ -127,10 +130,10 @@
<div style="width: 33%;display: inline-block">产量</div>
</div>
<div v-for="i in bottomTableData.slice(30,40)"
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ setColor(i.value5)+';text-align: center;background-color:' + (i === 2 ? '#053460' : '#053460')">
<div style="width: 33%;display: inline-block">{{ i.value1 }}</div>
<div style="width: 33%;display: inline-block">{{ i.value2 }}</div>
<div style="width: 33%;display: inline-block">{{ i.value3 }}-{{ i.value4 }}</div>
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ setColor(i.COLUMN_D,i.COLUMN_E)+';text-align: center;background-color:#053460'">
<div style="width: 33%;display: inline-block">{{ i.COLUMN_A }}</div>
<div style="width: 33%;display: inline-block">{{ i.COLUMN_B }}</div>
<div style="width: 33%;display: inline-block">{{ i.COLUMN_C }}</div>
</div>
</div>
</div>
@ -159,6 +162,8 @@ export default {
'发泡料温度监控',
'门体发泡生产统计',
],
meter1: 0,
meter2: 0,
titlePosition: [
{
top: 11.5,
@ -204,14 +209,14 @@ export default {
RequestDataSet: [
{
e: 'xm-01',
i: "",
i: "scada_pp_xt_queue_01('')",
f: (e) => {
this.scrollTableData = e
}
},
{
e: 'xm-02',
i: "",
i: "scada_pp_xt_tj_01('')",
f: (e) => {
this.$refs.chart2.setData({
tooltip: {
@ -230,7 +235,7 @@ export default {
},
xAxis: {
type: "category",
data: e.x,
data: e.map(val => val.X_VALUE),
axisLine: {
lineStyle: {
color: "white",
@ -260,7 +265,7 @@ export default {
},
series: [
{
name: e.y.name,
name: '数量',
type: "bar",
barWidth: "40%",
label: {
@ -285,7 +290,7 @@ export default {
borderRadius: 3,
},
},
data: e.y.data,
data: e.map(val => val.Y_VALUE),
},
],
})
@ -293,7 +298,7 @@ export default {
},
{
e: 'xm-03',
i: "",
i: "scada_fp_yl_01('CX_02')",
f: (e) => {
this.$refs.chart1.setData({
tooltip: {
@ -311,7 +316,7 @@ export default {
containLabel: true,
},
legend: {
data: e.y.map(val => val.name),
data: ['POL压力', 'ISO压力'],
right: 'center',
top: 0,
textStyle: {
@ -323,7 +328,7 @@ export default {
},
xAxis: {
type: "category",
data: e.x,
data: e.map(val => val.X_VALUE),
axisLine: {
lineStyle: {
color: "white",
@ -355,7 +360,7 @@ export default {
},
series: [
{
name: e.y[0].name,
name: 'POL压力',
type: "bar",
barWidth: "30%",
label: {
@ -380,10 +385,10 @@ export default {
borderRadius: 2,
},
},
data: e.y[0].data,
data: e.map(val => val.Y_VALUE_ONE),
},
{
name: e.y[1].name,
name: 'ISO压力',
type: "bar",
barWidth: "30%",
barGap: '40%',
@ -409,7 +414,7 @@ export default {
borderRadius: 2,
},
},
data: e.y[1].data,
data: e.map(val => val.Y_VALUE_TWO),
},
],
})
@ -417,11 +422,11 @@ export default {
},
{
e: 'xm-04',
i: "",
i: "scada_fp_temp_01('CX_02')",
f: (e) => {
this.$refs.chart3.setData({
legend: {
data: e.y.map(val => val.name),
data: ['POL温度', 'ISO温度'],
right: 'center',
top: 0,
textStyle: {
@ -488,7 +493,7 @@ export default {
show: false,
},
boundaryGap: false,
data: e.x,
data: e.map(val => val.X_VALUE),
},
],
@ -521,7 +526,7 @@ export default {
],
series: [
{
name: e.y[0].name,
name: 'POL温度',
type: "line",
showAllSymbol: true,
symbol: "circle",
@ -564,10 +569,10 @@ export default {
shadowBlur: 20,
},
},
data: e.y[0].data,
data: e.map(val => val.Y_VALUE_ONE),
},
{
name: e.y[1].name,
name: 'ISO温度',
type: "line",
// smooth: true, //是否平滑
showAllSymbol: true,
@ -613,7 +618,7 @@ export default {
shadowBlur: 20,
},
},
data: e.y[1].data,
data: e.map(val => val.Y_VALUE_TWO),
},
],
})
@ -621,7 +626,7 @@ export default {
},
{
e: 'xm-05',
i: "",
i: "scada_pp_fp_tj_01('')",
f: (e) => {
this.$refs.chart4.setData({
tooltip: {
@ -640,7 +645,7 @@ export default {
},
xAxis: {
type: "category",
data: e.x,
data: e.map(val=>val.X_VALUE),
axisLine: {
lineStyle: {
color: "white",
@ -669,7 +674,7 @@ export default {
},
series: [
{
name: e.y.name,
name: '产量',
type: "bar",
barWidth: "33%",
label: {
@ -694,7 +699,7 @@ export default {
borderRadius: 2,
},
},
data: e.y.data,
data: e.map(val=>val.Y_VALUE),
},
],
})
@ -702,33 +707,30 @@ export default {
},
{
e: 'xm-06',
i: "",
i: "scada_pp_pro_stat_01('')",
f: (e) => {
this.bottomTableData = e
}
},
{
e: 'xm-07',
i: "SCADA_INV_STATS_01('')",
i: "scada_fp_cy_01('CX_02')",
f: (e) => {
this.planNum = e.db
this.practicalNum = e.sj
console.log(e)
this.planNum = e[0]?.X_VALUE || 0
this.practicalNum = e[0]?.Y_VALUE_ONE || 0
}
},
{
e: 'xm-08',
i: "SCADA_INV_STATS_SUM('')",
i: "scada_pp_zt_jp_01('')",
f: (e) => {
// this.linerNum = e
// console.log(e)
this.status1 = e[0]?.X_VALUE
this.meter1 = e[0]?.Y_VALUE_ONE
this.meter2 = e[0]?.Y_VALUE_TWO
}
},
{
e: 'xm-09',
i: "",
f: (e) => {
// this.caseNum = e
}
}
]
}
},
@ -742,19 +744,18 @@ export default {
})
},
methods: {
setColor: (e) => {
if (e === '0') {
setColor: (e, i) => {
if (e === '1') {
if (i === '1') {
return '#ffb769'
} else if (i === '3') {
return '#ff5959'
} else {
return '#1be409'
}
if (e === '1') {
} else {
return '#bed4ce'
}
if (e === '2') {
return '#ff5959'
}
if (e === '3') {
return '#ffb769'
}
}
}
};
@ -871,6 +872,17 @@ export default {
height: 28.5%;
}
.status1 {
position: absolute;
transform: translate(-50%, -50%);
top: 73%;
left: 45%;
width: 1.5vw;
height: 1.5vw;
background: #00ff00;
border-radius: 50%;
}
.scrollTable1 {
position: absolute;
top: 66%;

41
src/views/board/liner/index.vue
Unescape Escape View File

@ -47,27 +47,27 @@
<div :style='"height:100%;line-height:3vh;background-color:" + ((index % 2 === 0)? "#05346066":"#032d5766") '>
<div
class="scrollTableItem">
{{ item.value1 }}
{{ item.COLUMN_A }}
</div>
<div
class="scrollTableItem">
{{ item.value1 }}
{{ item.COLUMN_B }}
</div>
<div
class="scrollTableItem">
{{ item.value2 }}
{{ item.COLUMN_C }}
</div>
<div
class="scrollTableItem">
{{ item.value3 }}
{{ item.COLUMN_D }}
</div>
<div
class="scrollTableItem">
{{ item.value4 }}
{{ item.COLUMN_E }}
</div>
<div
class="scrollTableItem">
{{ item.value5 }}
{{ item.COLUMN_F }}
</div>
</div>
</div>
@ -176,14 +176,14 @@ export default {
},
{
e: 'nd-04',
i: "",
i: "scada_xk_pro_01('')",
f: (e) => {
this.scrollTableData = e
}
},
{
e: 'nd-05',
i: "",
i: "scada_in_store_01('')",
f: (e) => {
this.$refs.chart1.setData({
tooltip: {
@ -202,7 +202,7 @@ export default {
},
xAxis: {
type: "category",
data: e.x,
data: e.map(val => val.X_VALUE),
axisLine: {
lineStyle: {
color: "white",
@ -232,7 +232,7 @@ export default {
},
series: [
{
name: e.y[0].name,
name: '数量',
label: {
normal: {
show: true,
@ -262,7 +262,7 @@ export default {
]),
},
},
data: e.y[0].data,
data: e.map(val => val.Y_VALUE),
},
],
})
@ -279,7 +279,6 @@ export default {
e: 'nd-07',
i: "SCADA_INV_STATS_01('')",
f: (e) => {
console.log(e)
this.$refs.chart2.setData({
tooltip: {
trigger: "axis",
@ -411,19 +410,13 @@ export default {
e: 'nd-08',
i: "SCADA_INV_STATS_SUM('')",
f: (e) => {
this.linerNum = e
}
},
{
e: 'nd-09',
i: "",
f: (e) => {
this.caseNum = e
this.linerNum = e[0]?.Y_VALUE_ONE || 0
this.caseNum = e[0]?.Y_VALUE_TWO || 0
}
},
{
e: 'nd-10',
i: "",
i: "scada_inv_stats_02('')",
f: (e) => {
this.$refs.chart3.setData({
tooltip: {
@ -442,7 +435,7 @@ export default {
},
xAxis: {
type: "category",
data: e.x,
data: e.map(val => val.X_VALUE),
axisLine: {
lineStyle: {
color: "white",
@ -472,7 +465,7 @@ export default {
},
series: [
{
name: e.y.name,
name: '数量',
type: "bar",
barWidth: "30%",
label: {
@ -502,7 +495,7 @@ export default {
]),
},
},
data: e.y.data,
data: e.map(val => val.Y_VALUE),
},
],
})

Write Preview
Loading…
Cancel
Save