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

修改接口

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

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

@ -48,13 +48,13 @@
</div> </div>
<div class="status5" <div class="status5"
:style="'background-color:#ff0000'"></div> :style="'background-color:#ff0000'"></div>
<!-- :style="'background-color:'+(statusArr.find(e=>e.X_VALUE === '状态')&&statusArr.find(e=>e.X_VALUE === '状态').Y_VALUE === 1 ? '#ff0000':'#00ff00')"></div>--> <!-- :style="'background-color:'+(statusArr.find(e=>e.X_VALUE === '状态')&&statusArr.find(e=>e.X_VALUE === '状态').Y_VALUE === 1 ? '#ff0000':'#00ff00')"></div>-->
<div class="info6"> <div class="info6">
B： B：
</div> </div>
<div class="status6" <div class="status6"
:style="'background-color:#ff0000'"></div> :style="'background-color:#ff0000'"></div>
<!-- :style="'background-color:'+(statusArr.find(e=>e.X_VALUE === '状态')&&statusArr.find(e=>e.X_VALUE === '状态').Y_VALUE === 1 ? '#ff0000':'#00ff00')"></div>--> <!-- :style="'background-color:'+(statusArr.find(e=>e.X_VALUE === '状态')&&statusArr.find(e=>e.X_VALUE === '状态').Y_VALUE === 1 ? '#ff0000':'#00ff00')"></div>-->
<div style="position: absolute; top: 23%;left: 55%;width:10vw;color: #fff;font-size: 0.8vw;line-height: 1.5vw"> <div style="position: absolute; top: 23%;left: 55%;width:10vw;color: #fff;font-size: 0.8vw;line-height: 1.5vw">
<div>发泡线 - 运行状态：</div> <div>发泡线 - 运行状态：</div>
@ -131,7 +131,7 @@
<Chart ref="chart4"></Chart> <Chart ref="chart4"></Chart>
</div> </div>
<transition name="table1"> <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 style="background-color: #094170; height: calc(25vh/7)">
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
工位 工位
@ -285,7 +285,7 @@
</div> </div>
</transition> </transition>
<transition name="table2"> <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 style="background-color: #094170;height: calc(25vh/7)">
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
工位 工位
@ -438,6 +438,314 @@
<!-- </vue-seamless-scroll>--> <!-- </vue-seamless-scroll>-->
</div> </div>
</transition> </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 class="total">
<div style="background-color: #094170"> <div style="background-color: #094170">
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
@ -446,55 +754,55 @@
合计 合计
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value1}}% {{ total.value1 }}%
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value2}} {{ total.value2 }}
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value3}} {{ total.value3 }}
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 7%"> <div class="scrollTableItem" style="font-weight: bold;width: 7%">
{{total.value4}}% {{ total.value4 }}%
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value5}} {{ total.value5 }}
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value6}} {{ total.value6 }}
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value7}} {{ total.value7 }}
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value8}} {{ total.value8 }}
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value9}} {{ total.value9 }}
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value10}} {{ total.value10 }}
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value11}} {{ total.value11 }}
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value12}} {{ total.value12 }}
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value13}} {{ total.value13 }}
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value14}} {{ total.value14 }}
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value15}} {{ total.value15 }}
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 5%"> <div class="scrollTableItem" style="font-weight: bold;width: 5%">
{{total.value16}} {{ total.value16 }}
</div> </div>
</div> </div>
</div> </div>
@ -505,7 +813,7 @@
import vueSeamlessScroll from "vue-seamless-scroll"; import vueSeamlessScroll from "vue-seamless-scroll";
import Chart from "../../../components/board/Chart"; import Chart from "../../../components/board/Chart";
import * as echarts from 'echarts' import * as echarts from 'echarts'
import {getData, getFoamingData,getCurrentTeamTimeList} from "@/api/board/getData"; import {getData, getFoamingData, getCurrentTeamTimeList} from "@/api/board/getData";
import {mixData} from "@/api/board/mixData"; import {mixData} from "@/api/board/mixData";
export default { export default {
@ -522,10 +830,10 @@ export default {
}, },
data() { data() {
return { return {
show: true, show: 0,
planNum: 0, planNum: 0,
practicalNum: 0, practicalNum: 0,
total:{}, total: {},
title: [ title: [
'生产计划', '生产计划',
'生产统计', '生产统计',
@ -643,7 +951,7 @@ export default {
}, },
series: [ series: [
{ {
barMaxWidth:40, barMaxWidth: 40,
name: '数量', name: '数量',
type: "bar", type: "bar",
barWidth: "40%", barWidth: "40%",
@ -707,24 +1015,24 @@ export default {
} }
}) })
this.scrollTableData1 = table this.scrollTableData1 = table
let totalArr = table.slice(0,6) let totalArr = table.slice(0, 6)
this.total = { this.total = {
value1:((totalArr.filter(val=>val.value3 === '生产中').length / 6)*100).toFixed(2), value1: ((totalArr.filter(val => val.value3 === '生产中').length / 6) * 100).toFixed(2),
value2:totalArr.map(val=>val.value5).reduce((acc, curr) => acc + curr, 0), value2: totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0),
value3:totalArr.map(val=>val.value6).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), 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), value5: totalArr.map(val => val.value8).reduce((acc, curr) => acc + curr, 0),
value6:totalArr.map(val=>val.value9).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), value7: totalArr.map(val => val.value10).reduce((acc, curr) => acc + curr, 0),
value8:totalArr.map(val=>val.value11).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), value9: totalArr.map(val => val.value12).reduce((acc, curr) => acc + curr, 0),
value10:totalArr.map(val=>val.value13).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), value11: totalArr.map(val => val.value14).reduce((acc, curr) => acc + curr, 0),
value12:totalArr.map(val=>val.value15).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), value13: totalArr.map(val => val.value16).reduce((acc, curr) => acc + curr, 0),
value14:totalArr.map(val=>val.value17).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), value15: totalArr.map(val => val.value18).reduce((acc, curr) => acc + curr, 0),
value16:totalArr.map(val=>val.value19).reduce((acc, curr) => acc + curr, 0), value16: totalArr.map(val => val.value19).reduce((acc, curr) => acc + curr, 0),
} }
}) })
@ -1096,7 +1404,7 @@ export default {
}, },
yAxis: { yAxis: {
interval:0, interval: 0,
type: "value", type: "value",
axisLine: { axisLine: {
show: false, show: false,
@ -1220,7 +1528,7 @@ export default {
name: '数量', name: '数量',
type: "bar", type: "bar",
barWidth: "40%", barWidth: "40%",
barMaxWidth:40, barMaxWidth: 40,
label: { label: {
show: true, show: true,
position: "top", position: "top",
@ -1282,24 +1590,24 @@ export default {
}) })
this.scrollTableData1 = table this.scrollTableData1 = table
let totalArr = table.slice(0,6) let totalArr = table.slice(0, 6)
this.total = { this.total = {
value1:((totalArr.filter(val=>val.value3 === '生产中').length / 6)*100).toFixed(2), value1: ((totalArr.filter(val => val.value3 === '生产中').length / 6) * 100).toFixed(2),
value2:totalArr.map(val=>val.value5).reduce((acc, curr) => acc + curr, 0), value2: totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0),
value3:totalArr.map(val=>val.value6).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), 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), value5: totalArr.map(val => val.value8).reduce((acc, curr) => acc + curr, 0),
value6:totalArr.map(val=>val.value9).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), value7: totalArr.map(val => val.value10).reduce((acc, curr) => acc + curr, 0),
value8:totalArr.map(val=>val.value11).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), value9: totalArr.map(val => val.value12).reduce((acc, curr) => acc + curr, 0),
value10:totalArr.map(val=>val.value13).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), value11: totalArr.map(val => val.value14).reduce((acc, curr) => acc + curr, 0),
value12:totalArr.map(val=>val.value15).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), value13: totalArr.map(val => val.value16).reduce((acc, curr) => acc + curr, 0),
value14:totalArr.map(val=>val.value17).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), value15: totalArr.map(val => val.value18).reduce((acc, curr) => acc + curr, 0),
value16:totalArr.map(val=>val.value19).reduce((acc, curr) => acc + curr, 0), value16: totalArr.map(val => val.value19).reduce((acc, curr) => acc + curr, 0),
} }
}) })
} }
@ -1670,7 +1978,7 @@ export default {
yAxis: { yAxis: {
type: "value", type: "value",
interval:0, interval: 0,
axisLine: { axisLine: {
show: false, show: false,
lineStyle: { lineStyle: {
@ -1726,54 +2034,36 @@ export default {
} }
}, },
mounted() { mounted() {
getCurrentTeamTimeList({'a':'a'}).then(e=>{ getCurrentTeamTimeList({'a': 'a'}).then(e => {
this.hourArr = e?.data.map(val => val.HOUR_TIME) this.hourArr = e?.data.map(val => val.HOUR_TIME)
}) })
let timeInter = setInterval(() => { let timeInter = setInterval(() => {
this.show = !this.show let num1 = this.scrollTableData1.length / 6
if(this.show===true){ let num = this.show
let totalArr = this.scrollTableData1.slice(0,6) num += 1
this.total = { num = num % num1
value1:((totalArr.filter(val=>val.value3 === '生产中').length / 6)*100).toFixed(2), this.show = num
value2:totalArr.map(val=>val.value5).reduce((acc, curr) => acc + curr, 0),
value3:totalArr.map(val=>val.value6).reduce((acc, curr) => acc + curr, 0), let totalArr = this.scrollTableData1.slice(num * 6, (num + 1) * 6)
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), this.total = {
value5:totalArr.map(val=>val.value8).reduce((acc, curr) => acc + curr, 0), value1: ((totalArr.filter(val => val.value3 === '生产中').length / 6) * 100).toFixed(2),
value6:totalArr.map(val=>val.value9).reduce((acc, curr) => acc + curr, 0), value2: totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0),
value7:totalArr.map(val=>val.value10).reduce((acc, curr) => acc + curr, 0), value3: totalArr.map(val => val.value6).reduce((acc, curr) => acc + curr, 0),
value8:totalArr.map(val=>val.value11).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),
value9:totalArr.map(val=>val.value12).reduce((acc, curr) => acc + curr, 0), value5: totalArr.map(val => val.value8).reduce((acc, curr) => acc + curr, 0),
value10:totalArr.map(val=>val.value13).reduce((acc, curr) => acc + curr, 0), value6: totalArr.map(val => val.value9).reduce((acc, curr) => acc + curr, 0),
value11:totalArr.map(val=>val.value14).reduce((acc, curr) => acc + curr, 0), value7: totalArr.map(val => val.value10).reduce((acc, curr) => acc + curr, 0),
value12:totalArr.map(val=>val.value15).reduce((acc, curr) => acc + curr, 0), value8: totalArr.map(val => val.value11).reduce((acc, curr) => acc + curr, 0),
value13:totalArr.map(val=>val.value16).reduce((acc, curr) => acc + curr, 0), value9: totalArr.map(val => val.value12).reduce((acc, curr) => acc + curr, 0),
value14:totalArr.map(val=>val.value17).reduce((acc, curr) => acc + curr, 0), value10: totalArr.map(val => val.value13).reduce((acc, curr) => acc + curr, 0),
value15:totalArr.map(val=>val.value18).reduce((acc, curr) => acc + curr, 0), value11: totalArr.map(val => val.value14).reduce((acc, curr) => acc + curr, 0),
value16:totalArr.map(val=>val.value19).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),
if(this.show===false){ value15: totalArr.map(val => val.value18).reduce((acc, curr) => acc + curr, 0),
let totalArr = this.scrollTableData1.slice(6,12) value16: totalArr.map(val => val.value19).reduce((acc, curr) => acc + curr, 0),
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') { if (this.$route.query.id === '1' || this.id === '1') {
this.RequestDataSet.forEach(val => { this.RequestDataSet.forEach(val => {
mixData(val) mixData(val)

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

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

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

Write Preview
Loading…
Cancel
Save