linkage
/
YU-SCREEN
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

大屏伪数据展示

Browse Source
master
LI-CCONG\李聪聪 11 months ago
parent a202edcb97
commit e5cda0c4c1
9 changed files with 793 additions and 398 deletions
Show Stats Download Patch File Download Diff File

129
yuhong-ui/src/components/echart/bottom/bottomLeftChart/index.vue
Unescape View File

@ -91,19 +91,123 @@ export default {
// 根据自己的业务情况修改 // 根据自己的业务情况修改
setData() { setData() {
const _this = this const _this = this
request({ // request({
// 各产品生产数量api路径 // // 各产品生产数量api路径
url: '/api/BigScreen/getMonthData', // url: '/api/BigScreen/getMonthData',
method: 'get' // method: 'get'
}).then(r => { // }).then(r => {
// debugger // // debugger
// console.log(r.data.ProductQty) // // console.log(r.data.ProductQty)
// // if (r) {
// // _this.cdata = r.data.ProductQty
// // }
// if (r) { // if (r) {
// _this.cdata = r.data.ProductQty // _this.cdata = r.data.ProductQty
// this.cdata.series.forEach(i => {
// i.type = 'bar'
// i.emphasis = {
// focus: 'series'
// } // }
if (r) { // })
_this.cdata = r.data.ProductQty // }
// })
_this.cdata = {
"xAxis": {
"type": "category",
"data": [
"11-09",
"11-10",
"11-11",
"11-12",
"11-13",
"11-14",
"11-15"
]
},
"series": [
{
"name": "卫生巾",
"type": "bar",
"data": [
617123,
620893,
610171,
609700,
628225,
620343,
290895
]
},
{
"name": "纸尿裤",
"type": "bar",
"data": [
240724,
244698,
210171,
209700,
228818,
256812,
213227,
]
},
{
"name": "经期裤",
"type": "bar",
"data": [
442344,
445735,
421467,
417019,
431023,
405409,
215090,
]
},
{
"name": "拉拉裤",
"type": "bar",
"data": [
263005,
241245,
239953,
281388,
226385,
216700,
102300,
]
},
{
"name": "平面口罩",
"type": "bar",
"data": [
0,
0,
0,
0,
0,
0,
0
]
},
{
"name": "KN95-1",
"type": "bar",
"data": [
0,
0,
0,
0,
0,
0,
0
]
}
]
}
this.cdata.series.forEach(i => { this.cdata.series.forEach(i => {
i.type = 'bar' i.type = 'bar'
i.emphasis = { i.emphasis = {
@ -111,11 +215,8 @@ export default {
} }
}) })
} }
})
}
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped></style>
</style>

134
yuhong-ui/src/components/echart/bottom/bottomRightChart/index.vue
Unescape View File

@ -34,44 +34,111 @@ export default {
}, },
mounted() { mounted() {
this.setData() this.setData()
this.startInterval() // this.startInterval()
}, },
methods: { methods: {
// 开启定时器 // 开启定时器
startInterval() { // startInterval() {
const _this = this // const _this = this
// 应通过接口获取配置时间，暂时写死10s // // 应通过接口获取配置时间，暂时写死10s
const time = 80 * 10 * 1000 // const time = 80 * 10 * 1000
if (this.intervalId !== null) { // if (this.intervalId !== null) {
clearInterval(this.intervalId) // clearInterval(this.intervalId)
} // }
this.intervalId = setInterval(() => { // this.intervalId = setInterval(() => {
_this.setData() // _this.setData()
}, time) // }, time)
}, // },
// 根据自己的业务情况修改 // 根据自己的业务情况修改
setData() { setData() {
const _this = this const _this = this
request({ // request({
// 各产品生产数量api路径 // // 各产品生产数量api路径
url: '/api/BigScreen/getMonthData1', // url: '/api/BigScreen/getMonthData1',
method: 'get' // method: 'get'
}).then((r) => { // }).then((r) => {
// debugger // // debugger
if (r) { // if (r) {
_this.cdata = r.data.EqmtRate // _this.cdata = r.data.EqmtRate
// console.log('zzzzzzzzzzzzz') // this.cdata.series.forEach((i) => {
// console.log(this.cdata) // // i.data = [...i.data, 0, 0, 0, 0, 0];
// this.cdata.xAxis.data = [ // i.data.map((item, index, self) => {
// ...this.cdata.xAxis.data, // i.data[index] = Math.trunc(item)
// "5#", // })
// "7#", // i.type = 'bar'
// "8#", // i.markLine = {
// "20#", // focus: 'series'
// "21#", // }
// ]; // i.label = {
// show: true, // 开启显示
// position: 'top', // 在上方显示
// textStyle: {
// // 数值样式
// color: 'white',
// fontSize: 14
// }
// }
// var colorList = []
// for (const item of i.data) {
// if (item > 85) {
// colorList.push('#19BB65')
// } else {
// colorList.push('red')
// }
// }
// i.itemStyle = {
// color: function(params) {
// if (params.dataIndex >= colorList.length) {
// params.dataIndex = params.dataIndex - colorList.length
// }
// return colorList[params.dataIndex]
// }
// }
// })
// }
// })
//
_this.cdata = {
xAxis: {
"type": "category",
"data": [
"7#",
"13#",
"15#",
"16#",
"17#",
"18#",
"19#",
"21#",
"平面口罩",
"KN95-1",
"KN95-2"
]
},
yAxis: {
type: 'value'
},
series: [
{
"smooth": true,
"type": "line",
"data": [
97.21,
0,
0,
96.75,
95.91,
98.22,
97.67,
98.17,
0,
0,
0
]
}
]
}
this.cdata.series.forEach((i) => { this.cdata.series.forEach((i) => {
// i.data = [...i.data, 0, 0, 0, 0, 0];
i.data.map((item, index, self) => { i.data.map((item, index, self) => {
i.data[index] = Math.trunc(item) i.data[index] = Math.trunc(item)
}) })
@ -106,11 +173,8 @@ export default {
} }
}) })
} }
})
}
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped></style>
</style>

2
yuhong-ui/src/components/echart/center/centerChartRate/index.vue
Unescape View File

@ -52,7 +52,7 @@ export default {
// tips 是会变更的数据，所以进行监听 // tips 是会变更的数据，所以进行监听
tips: { tips: {
handler(newData) { handler(newData) {
debugger // debugger
this.options = { this.options = {
series: [ series: [
{ {

3
yuhong-ui/src/utils/requestConfig.js
Unescape View File

@ -1,7 +1,8 @@
// const devBaseURL = 'http://localhost:5281' // const devBaseURL = 'http://localhost:5281'
// const devBaseURL = 'http://5a35a48943.wicp.vip:40709' // const devBaseURL = 'http://5a35a48943.wicp.vip:40709'
// const proBaseURL = 'http://5a35a48943.wicp.vip:40709' // const proBaseURL = 'http://5a35a48943.wicp.vip:40709'
const devBaseURL = 'http://127.0.0.1:9002' // const devBaseURL = 'http://127.0.0.1:9002'
const devBaseURL = 'http://127.0.0.1:5000'
const proBaseURL = 'http://118.195.155.9:9002' const proBaseURL = 'http://118.195.155.9:9002'
export const BASE_URL = process.env.NODE_ENV === 'development' ? devBaseURL : proBaseURL export const BASE_URL = process.env.NODE_ENV === 'development' ? devBaseURL : proBaseURL

87
yuhong-ui/src/views/bottomRight.vue
Unescape View File

@ -1,20 +1,13 @@
<template> <template>
<div id="bottomRight"> <div id="bottomRight">
<div class="up"> <!-- <div class="up">
<div <div v-for="item in titleItem" :key="item.title" class="bg-color-black item">
v-for="item in titleItem"
:key="item.title"
class="bg-color-black item"
>
<p class="ml-3 colorBlue fw-b fs-xl">{{ item.title }}</p> <p class="ml-3 colorBlue fw-b fs-xl">{{ item.title }}</p>
<div> <div>
<dv-digital-flop <dv-digital-flop class="dv-dig-flop ml-1 mt-2 pl-3" :config="item.number" />
class="dv-dig-flop ml-1 mt-2 pl-3"
:config="item.number"
/>
</div>
</div> </div>
</div> </div>
</div> -->
<div class="down"> <div class="down">
<div class="percent"> <div class="percent">
<div class="item bg-color-black"> <div class="item bg-color-black">
@ -97,35 +90,65 @@ export default {
}, },
mounted() { mounted() {
this.setData() this.setData()
this.startInterval() this.startInterval()
}, },
methods: { methods: {
// 开启定时器 // 开启定时器
startInterval() { startInterval() {
const _this = this const _this = this
// 应通过接口获取配置时间，暂时写死10s // 应通过接口获取配置时间，暂时写死10min
const time = 10 * 11 * 1000 const time = 60 * 10 * 1000
// const time = 1000
if (this.intervalId !== null) { if (this.intervalId !== null) {
clearInterval(this.intervalId) clearInterval(this.intervalId)
} }
this.intervalId = setInterval(() => { this.intervalId = setInterval(() => {
console.log(123456);
_this.setData() _this.setData()
}, time) }, time)
}, },
// 根据自己的业务情况修改 // 根据自己的业务情况修改
setData() { setData() {
const _this = this const _this = this
request({ // request({
// 合格率api路径 // // 合格率api路径
url: '/api/BigScreen/getMonthData2', // url: '/api/BigScreen/getMonthData2',
method: 'get' // method: 'get'
}).then(r => { // }).then(r => {
// // debugger
// console.log(r.data)
// if (r) {
// debugger // debugger
console.log(r.data) // const rData = r.data.ProductOKRate
if (r) { let arr = [98.39, 98.40, 98.41, 98.43, 98.44, 98.45];
// debugger let ri = Math.floor(Math.random() * arr.length);
const rData = r.data.ProductOKRate this.$emit("updateRI", ri);
const rData = [
{
"ProductName": "卫生巾",
"OKRate": 97.73
},
{
"ProductName": "纸尿裤",
"OKRate": 97.71
},
{
"ProductName": "经期裤",
"OKRate": arr[ri],
},
{
"ProductName": "拉拉裤",
"OKRate": 99.38
},
{
"ProductName": "平面口罩",
"OKRate": 0
},
{
"ProductName": "KN95-1",
"OKRate": 0
}
];
_this.productOKRateList = [] _this.productOKRateList = []
for (const item of rData) { for (const item of rData) {
var n = { var n = {
@ -135,15 +158,16 @@ export default {
waveNum: 2, waveNum: 2,
waveHeight: 10, waveHeight: 10,
// 判断合格率低于97显示红色 // 判断合格率低于97显示红色
colors: item.OKRate > 97 ? ['#00FFFF', '#00B2EE'] : ['#ff6600', '#cc0000'] colors: item.OKRate > 97 ? ['#ff6600', '#cc0000'] : ['#00FFFF', '#00B2EE']
} }
_this.productOKRateList.push({ _this.productOKRateList.push({
ProductName: item.ProductName, ProductName: item.ProductName,
config: n config: n
}) })
} }
}
}) // }
// })
} }
} }
} }
@ -159,18 +183,21 @@ export default {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-around; justify-content: space-around;
.item { .item {
border-radius: 6px; border-radius: 6px;
padding-top: 8px; padding-top: 8px;
margin-top: 8px; margin-top: 8px;
width: 32%; width: 32%;
height: 70px; height: 70px;
.dv-dig-flop { .dv-dig-flop {
width: 150px; width: 150px;
height: 30px; height: 30px;
} }
} }
} }
.down { .down {
margin: 10px; margin: 10px;
padding: 10px; padding: 10px;
@ -178,9 +205,11 @@ export default {
display: flex; display: flex;
height: 245px; height: 245px;
justify-content: space-between; justify-content: space-between;
.bg-color-black { .bg-color-black {
border-radius: 5px; border-radius: 5px;
} }
.ranking { .ranking {
width: 59%; width: 59%;
padding-left: 10px; padding-left: 10px;
@ -192,17 +221,20 @@ export default {
justify-content: center; justify-content: center;
} }
.item { .item {
margin-top: 10px; margin-top: 10px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.item_span { .item_span {
margin: 25px; margin: 25px;
} }
} }
.ranking1 { .ranking1 {
margin-left: 20px; margin-left: 20px;
} }
@ -211,6 +243,7 @@ export default {
width: 40%; width: 40%;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
.item { .item {
width: 100%; width: 100%;
height: 225px; height: 225px;
@ -222,8 +255,10 @@ export default {
justify-content: center; justify-content: center;
} }
} }
.water { .water {
width: 100%; width: 100%;
.dv-wa-le-po { .dv-wa-le-po {
height: 120px; height: 120px;
} }

40
yuhong-ui/src/views/center.vue
Unescape View File

@ -58,14 +58,14 @@ export default {
data() { data() {
return { return {
config: { config: {
data: [0], data: [98.5],
shape: 'round', shape: 'round',
waveHeight: 10, waveHeight: 10,
waveNum: 2 waveNum: 2
// colors: ['#003366', 'FFE4C4'] // colors: ['#003366', 'FFE4C4']
}, },
config1: { config1: {
data: [0], data: [95],
shape: 'round', shape: 'round',
waveHeight: 10, waveHeight: 10,
waveNum: 2 waveNum: 2
@ -111,23 +111,22 @@ export default {
} }
}, },
mounted() { mounted() {
this.setData() // this.setData()
// this.startInterval()
this.startInterval()
}, },
methods: { methods: {
// 开启定时器 // 开启定时器
startInterval() { // startInterval() {
const _this = this // const _this = this
// 应通过接口获取配置时间，暂时写死10s // // 应通过接口获取配置时间，暂时写死10s
const time = 50 * 10 * 1000 // const time = 50 * 10 * 1000
if (this.intervalId !== null) { // if (this.intervalId !== null) {
clearInterval(this.intervalId) // clearInterval(this.intervalId)
} // }
this.intervalId = setInterval(() => { // this.intervalId = setInterval(() => {
_this.setData() // _this.setData()
}, time) // }, time)
}, // },
// 根据自己的业务情况修改 // 根据自己的业务情况修改
setData() { setData() {
const _this = this const _this = this
@ -155,15 +154,6 @@ export default {
// colors: ['#003366', 'FFE4C4'] // colors: ['#003366', 'FFE4C4']
} }
} }
// if (r) {
// _this.cdata = r.data.EqmtRate
// this.cdata.series.forEach(i => {
// i.type = 'line'
// i.markLine = {
// focus: 'series'
// }
// })
// }
}) })
} }
} }

509
yuhong-ui/src/views/centerLeft1.vue
Unescape View File

@ -7,10 +7,7 @@
</div> --> </div> -->
<div class="text2"> <div class="text2">
<p style="width:100px;height:37px;">{{ item.eqmt_name }}</p> <p style="width:100px;height:37px;">{{ item.eqmt_name }}</p>
<dv-water-level-pond <dv-water-level-pond :config="item.config" style="width: 100px; height: 100px" />
:config="item.config"
style="width: 100px; height: 100px"
/>
<span>产线合格率</span> <span>产线合格率</span>
</div> </div>
<div class="text3"> <div class="text3">
@ -40,7 +37,13 @@ import { request } from '@/utils/request.js'
export default { export default {
components: {}, components: {},
props: {
rindex: {
type: Number,
request: false,
default: 0
}
},
data() { data() {
return { return {
lessL: 0, lessL: 0,
@ -106,14 +109,25 @@ export default {
} }
}, },
mounted() { mounted() {
console.log(this.rindex);
this.setData() this.setData()
this.startInterval() this.startInterval()
}, },
watch: {
rindex: {
handler(newVal, oldVal) {
// console.log(newVal);
this.rindex = newVal;
this.setData();
},
immediate: true
}
},
methods: { methods: {
// 开启定时器 // 开启定时器
startInterval() { startInterval() {
const _this = this const _this = this
// 应通过接口获取配置时间，暂时写死10s // 应通过接口获取配置时间，暂时写死10min
const time = 10 * 60 * 1000 const time = 10 * 60 * 1000
if (this.intervalId !== null) { if (this.intervalId !== null) {
clearInterval(this.intervalId) clearInterval(this.intervalId)
@ -125,160 +139,334 @@ export default {
// // 根据自己的业务情况修改 // // 根据自己的业务情况修改
setData() { setData() {
const _this = this const _this = this
request({ // request({
// 各产线 // // 各产线
url: '/api/BigScreen/getEqmtDetailList', // url: '/api/BigScreen/getEqmtDetailList',
method: 'get' // method: 'get'
}).then((r) => { // }).then((r) => {
debugger // // debugger
if (r) { // if (r) {
const rData = r.data // const rData = r.data
let arr = [98.39, 98.40, 98.41, 98.43, 98.44, 98.45];
const objS = [ const rData = [
{
"eqmt_name": "7#",
"id": 0,
"gmt_create": "2023-11-14 17:44:49",
"gmt_modified": null,
"collect_id": null,
"eqmt_id": 0,
"product_type": null,
"product_type_name": null,
"speed": 0,
"total_product_qty": 0,
"intraday_product_qty": 0,
"intraday_ok_qty": 290895,
"intraday_ng_qty": 0,
"intraday_yield_rate": 98.43,
"intraday_eqmt_run_time": 0,
"intraday_eqmt_work_time": 0,
"intraday_eqmt_stop_time": 0,
"intraday_eqmt_work_rate": 0,
"intraday_eqmt_stop_times": 2,
"eqmt_status": 0,
"eqmt_except_flag": 0,
"eqmt_alarm_flag": 0,
"oee": 97.21,
"create_time": null,
"update_by": null,
"update_time": null,
"sys_org_code": null
},
{
"eqmt_name": "13#",
"id": 0,
"gmt_create": "2023-11-14 17:44:49",
"gmt_modified": null,
"collect_id": null,
"eqmt_id": 0,
"product_type": null,
"product_type_name": null,
"speed": 0,
"total_product_qty": 0,
"intraday_product_qty": 0,
"intraday_ok_qty": 0,
"intraday_ng_qty": 0,
"intraday_yield_rate": 0,
"intraday_eqmt_run_time": 0,
"intraday_eqmt_work_time": 0,
"intraday_eqmt_stop_time": 0,
"intraday_eqmt_work_rate": 0,
"intraday_eqmt_stop_times": 0,
"eqmt_status": 0,
"eqmt_except_flag": 0,
"eqmt_alarm_flag": 0,
"oee": 0,
"create_time": null,
"update_by": null,
"update_time": null,
"sys_org_code": null
},
{
"eqmt_name": "15#",
"id": 0,
"gmt_create": "2023-11-14 17:44:49",
"gmt_modified": null,
"collect_id": null,
"eqmt_id": 0,
"product_type": null,
"product_type_name": null,
"speed": 0,
"total_product_qty": 0,
"intraday_product_qty": 0,
"intraday_ok_qty": 0,
"intraday_ng_qty": 0,
"intraday_yield_rate": 0,
"intraday_eqmt_run_time": 0,
"intraday_eqmt_work_time": 0,
"intraday_eqmt_stop_time": 0,
"intraday_eqmt_work_rate": 0,
"intraday_eqmt_stop_times": 0,
"eqmt_status": 0,
"eqmt_except_flag": 0,
"eqmt_alarm_flag": 0,
"oee": 0,
"create_time": null,
"update_by": null,
"update_time": null,
"sys_org_code": null
},
{
"eqmt_name": "16#",
"id": 0,
"gmt_create": "2023-11-14 17:44:49",
"gmt_modified": null,
"collect_id": null,
"eqmt_id": 0,
"product_type": null,
"product_type_name": null,
"speed": 0,
"total_product_qty": 0,
"intraday_product_qty": 0,
"intraday_ok_qty": 91235,
"intraday_ng_qty": 0,
"intraday_yield_rate": 97.7,
"intraday_eqmt_run_time": 0,
"intraday_eqmt_work_time": 0,
"intraday_eqmt_stop_time": 0,
"intraday_eqmt_work_rate": 0,
"intraday_eqmt_stop_times": 3,
"eqmt_status": 0,
"eqmt_except_flag": 0,
"eqmt_alarm_flag": 0,
"oee": 96.75,
"create_time": null,
"update_by": null,
"update_time": null,
"sys_org_code": null
},
{
"eqmt_name": "17#",
"id": 0,
"gmt_create": "2023-11-14 17:44:49",
"gmt_modified": null,
"collect_id": null,
"eqmt_id": 0,
"product_type": null,
"product_type_name": null,
"speed": 0,
"total_product_qty": 0,
"intraday_product_qty": 0,
"intraday_ok_qty": 121992,
"intraday_ng_qty": 0,
"intraday_yield_rate": 98.22,
"intraday_eqmt_run_time": 0,
"intraday_eqmt_work_time": 0,
"intraday_eqmt_stop_time": 0,
"intraday_eqmt_work_rate": 0,
"intraday_eqmt_stop_times": 0,
"eqmt_status": 0,
"eqmt_except_flag": 0,
"eqmt_alarm_flag": 0,
"oee": 95.91,
"create_time": null,
"update_by": null,
"update_time": null,
"sys_org_code": null
},
{ {
collect_id: null, "eqmt_name": "18#",
create_time: null, "id": 110322,
eqmt_alarm_flag: 0, "gmt_create": "2023-11-14 17:40:01",
eqmt_except_flag: 0, "gmt_modified": null,
eqmt_id: 0, "collect_id": "2e775414-6cc4-4bc7-84e0-d36068f93458",
eqmt_name: '5#', "eqmt_id": 4,
eqmt_status: 0, "product_type": "1",
gmt_create: '2022-08-30 08:16:52', "product_type_name": "经期裤(M)",
gmt_modified: null, "speed": 320,
id: 0, "total_product_qty": 271044002,
intraday_eqmt_run_time: 0, "intraday_product_qty": 185924,
intraday_eqmt_stop_time: 0, "intraday_ok_qty": 112790,
intraday_eqmt_stop_times: 0, "intraday_ng_qty": 3134,
intraday_eqmt_work_rate: 0, "intraday_yield_rate": arr[this.rindex],
intraday_eqmt_work_time: 0, "intraday_eqmt_run_time": 35520,
intraday_ng_qty: 0, "intraday_eqmt_work_time": 34080,
intraday_ok_qty: 0, "intraday_eqmt_stop_time": 1380,
intraday_product_qty: 0, "intraday_eqmt_work_rate": 96.05,
intraday_yield_rate: 0, "intraday_eqmt_stop_times": 1,
oee: 0, "eqmt_status": 1,
product_type: null, "eqmt_except_flag": 0,
product_type_name: null, "eqmt_alarm_flag": 0,
speed: 0, "oee": 98.22,
sys_org_code: null, "create_time": null,
total_product_qty: 0, "update_by": null,
update_by: null, "update_time": null,
update_time: null "sys_org_code": null
}, },
{ {
collect_id: null, "eqmt_name": "19#",
create_time: null, "id": 0,
eqmt_alarm_flag: 0, "gmt_create": "2023-11-14 17:44:49",
eqmt_except_flag: 0, "gmt_modified": null,
eqmt_id: 0, "collect_id": null,
eqmt_name: '7#', "eqmt_id": 0,
eqmt_status: 0, "product_type": null,
gmt_create: '2022-08-30 08:16:52', "product_type_name": null,
gmt_modified: null, "speed": 0,
id: 0, "total_product_qty": 0,
intraday_eqmt_run_time: 0, "intraday_product_qty": 0,
intraday_eqmt_stop_time: 0, "intraday_ok_qty": 102300,/* */
intraday_eqmt_stop_times: 0, "intraday_ng_qty": 0,
intraday_eqmt_work_rate: 0, "intraday_yield_rate": 97.38,
intraday_eqmt_work_time: 0, "intraday_eqmt_run_time": 0,
intraday_ng_qty: 0, "intraday_eqmt_work_time": 0,
intraday_ok_qty: 0, "intraday_eqmt_stop_time": 0,
intraday_product_qty: 0, "intraday_eqmt_work_rate": 0,
intraday_yield_rate: 0, "intraday_eqmt_stop_times": 0,
oee: 0, "eqmt_status": 0,
product_type: null, "eqmt_except_flag": 0,
product_type_name: null, "eqmt_alarm_flag": 0,
speed: 0, "oee": 97.67,
sys_org_code: null, "create_time": null,
total_product_qty: 0, "update_by": null,
update_by: null, "update_time": null,
update_time: null "sys_org_code": null
}, },
{ {
collect_id: null, "eqmt_name": "21#",
create_time: null, "id": 0,
eqmt_alarm_flag: 0, "gmt_create": "2023-11-14 17:44:49",
eqmt_except_flag: 0, "gmt_modified": null,
eqmt_id: 0, "collect_id": null,
eqmt_name: '8#', "eqmt_id": 0,
eqmt_status: 0, "product_type": null,
gmt_create: '2022-08-30 08:16:52', "product_type_name": null,
gmt_modified: null, "speed": 0,
id: 0, "total_product_qty": 0,
intraday_eqmt_run_time: 0, "intraday_product_qty": 0,
intraday_eqmt_stop_time: 0, "intraday_ok_qty": 109949,
intraday_eqmt_stop_times: 0, "intraday_ng_qty": 0,
intraday_eqmt_work_rate: 0, "intraday_yield_rate": 99.1,
intraday_eqmt_work_time: 0, "intraday_eqmt_run_time": 0,
intraday_ng_qty: 0, "intraday_eqmt_work_time": 0,
intraday_ok_qty: 0, "intraday_eqmt_stop_time": 0,
intraday_product_qty: 0, "intraday_eqmt_work_rate": 0,
intraday_yield_rate: 0, "intraday_eqmt_stop_times": 2,
oee: 0, "eqmt_status": 0,
product_type: null, "eqmt_except_flag": 0,
product_type_name: null, "eqmt_alarm_flag": 0,
speed: 0, "oee": 98.17,
sys_org_code: null, "create_time": null,
total_product_qty: 0, "update_by": null,
update_by: null, "update_time": null,
update_time: null "sys_org_code": null
}, },
{ {
collect_id: null, "eqmt_name": "平面口罩",
create_time: null, "id": 110323,
eqmt_alarm_flag: 0, "gmt_create": "2023-11-14 17:40:02",
eqmt_except_flag: 0, "gmt_modified": null,
eqmt_id: 0, "collect_id": "9300c737-ef7f-4021-8914-429753306773",
eqmt_name: '20#', "eqmt_id": 8,
eqmt_status: 0, "product_type": "1",
gmt_create: '2022-08-30 08:16:52', "product_type_name": "平面口罩(245mm)",
gmt_modified: null, "speed": 580,
id: 0, "total_product_qty": 0,
intraday_eqmt_run_time: 0, "intraday_product_qty": 0,
intraday_eqmt_stop_time: 0, "intraday_ok_qty": 0,
intraday_eqmt_stop_times: 0, "intraday_ng_qty": 0,
intraday_eqmt_work_rate: 0, "intraday_yield_rate": 0,
intraday_eqmt_work_time: 0, "intraday_eqmt_run_time": 0,
intraday_ng_qty: 0, "intraday_eqmt_work_time": 0,
intraday_ok_qty: 0, "intraday_eqmt_stop_time": 0,
intraday_product_qty: 0, "intraday_eqmt_work_rate": 0,
intraday_yield_rate: 0, "intraday_eqmt_stop_times": 0,
oee: 0, "eqmt_status": 0,
product_type: null, "eqmt_except_flag": 0,
product_type_name: null, "eqmt_alarm_flag": 0,
speed: 0, "oee": 0,
sys_org_code: null, "create_time": null,
total_product_qty: 0, "update_by": null,
update_by: null, "update_time": null,
update_time: null "sys_org_code": null
}, },
{ {
collect_id: null, "eqmt_name": "KN95-1",
create_time: null, "id": 0,
eqmt_alarm_flag: 0, "gmt_create": "2023-11-14 17:44:49",
eqmt_except_flag: 0, "gmt_modified": null,
eqmt_id: 0, "collect_id": null,
eqmt_name: '21#', "eqmt_id": 0,
eqmt_status: 0, "product_type": null,
gmt_create: '2022-08-30 08:16:52', "product_type_name": null,
gmt_modified: null, "speed": 0,
id: 0, "total_product_qty": 0,
intraday_eqmt_run_time: 0, "intraday_product_qty": 0,
intraday_eqmt_stop_time: 0, "intraday_ok_qty": 0,
intraday_eqmt_stop_times: 0, "intraday_ng_qty": 0,
intraday_eqmt_work_rate: 0, "intraday_yield_rate": 0,
intraday_eqmt_work_time: 0, "intraday_eqmt_run_time": 0,
intraday_ng_qty: 0, "intraday_eqmt_work_time": 0,
intraday_ok_qty: 0, "intraday_eqmt_stop_time": 0,
intraday_product_qty: 0, "intraday_eqmt_work_rate": 0,
intraday_yield_rate: 0, "intraday_eqmt_stop_times": 0,
oee: 0, "eqmt_status": 0,
product_type: null, "eqmt_except_flag": 0,
product_type_name: null, "eqmt_alarm_flag": 0,
speed: 0, "oee": 0,
sys_org_code: null, "create_time": null,
total_product_qty: 0, "update_by": null,
update_by: null, "update_time": null,
update_time: null "sys_org_code": null
},
{
"eqmt_name": "KN95-2",
"id": 0,
"gmt_create": "2023-11-14 17:44:49",
"gmt_modified": null,
"collect_id": null,
"eqmt_id": 0,
"product_type": null,
"product_type_name": null,
"speed": 0,
"total_product_qty": 0,
"intraday_product_qty": 0,
"intraday_ok_qty": 0,
"intraday_ng_qty": 0,
"intraday_yield_rate": 0,
"intraday_eqmt_run_time": 0,
"intraday_eqmt_work_time": 0,
"intraday_eqmt_stop_time": 0,
"intraday_eqmt_work_rate": 0,
"intraday_eqmt_stop_times": 0,
"eqmt_status": 0,
"eqmt_except_flag": 0,
"eqmt_alarm_flag": 0,
"oee": 0,
"create_time": null,
"update_by": null,
"update_time": null,
"sys_org_code": null
} }
] ]
const rData2 = [...rData] const rData2 = [...rData]
@ -305,8 +493,8 @@ export default {
} }
this.lessL = 4 - rData2.length % 4 this.lessL = 4 - rData2.length % 4
} }
}) // })
} // }
} }
} }
</script> </script>
@ -322,13 +510,16 @@ $box-height: 210px;
height: $box-height; height: $box-height;
width: $box-width; width: $box-width;
border-radius: 10px; border-radius: 10px;
.bg-color-black { .bg-color-black {
height: $box-height - 0px; height: $box-height - 0px;
border-radius: 10px; border-radius: 10px;
} }
.text { .text {
color: #c3cbde; color: #c3cbde;
} }
.dv-dec-3 { .dv-dec-3 {
position: relative; position: relative;
width: 100px; width: 100px;
@ -341,15 +532,18 @@ $box-height: 210px;
&>div { &>div {
padding-right: 5px; padding-right: 5px;
} }
font-size: 14px; font-size: 14px;
float: right; float: right;
position: relative; position: relative;
width: 50%; width: 50%;
color: #d3d6dd; color: #d3d6dd;
.dv-digital-flop { .dv-digital-flop {
width: 120px; width: 120px;
height: 30px; height: 30px;
} }
// 金币 // 金币
.coin { .coin {
position: relative; position: relative;
@ -357,30 +551,35 @@ $box-height: 210px;
font-size: 20px; font-size: 20px;
color: #ffc107; color: #ffc107;
} }
.colorYellow { .colorYellow {
color: yellowgreen; color: yellowgreen;
} }
p { p {
text-align: center; text-align: center;
} }
} }
} }
} }
.text2 { .text2 {
margin-top: 10px; margin-top: 10px;
margin-bottom: 20px; margin-bottom: 20px;
line-height: 25px; line-height: 25px;
} }
.text2 span { .text2 span {
margin: 10px; margin: 10px;
} }
.text1 p { .text1 p {
font-size: 18px; font-size: 18px;
} }
.text3 { .text3 {
margin-top: 37px; margin-top: 37px;
margin-left: 20px; margin-left: 20px;
height: 35px; height: 35px;
line-height: 35px; line-height: 35px;
} }</style>
</style>

4
yuhong-ui/src/views/centerRight1.vue
Unescape View File

@ -200,7 +200,7 @@ export default {
methods: { methods: {
// 点击事件 // 点击事件
skipto(config) { skipto(config) {
debugger // debugger
// window.alert(config.row[6]) // window.alert(config.row[6])
this.moKey = config.row[6] this.moKey = config.row[6]
this.moDetailShow = true this.moDetailShow = true
@ -267,7 +267,7 @@ export default {
url: '/api/BigScreen/getPlanOrderDetail?fentryId=' + this.moKey, url: '/api/BigScreen/getPlanOrderDetail?fentryId=' + this.moKey,
method: 'get' method: 'get'
}).then((r) => { }).then((r) => {
debugger // debugger
_this.moInfo = r.data _this.moInfo = r.data
}) })
} }

15
yuhong-ui/src/views/index.vue
Unescape View File

@ -58,7 +58,7 @@
<!--左边数据显示1--> <!--左边数据显示1-->
<div class="left-box-one"> <div class="left-box-one">
<dv-border-box-12> <dv-border-box-12>
//<centerRight1 /> <centerRight1 />
</dv-border-box-12> </dv-border-box-12>
</div> </div>
<!--左边数据显示2 动态月订单信息数据--> <!--左边数据显示2 动态月订单信息数据-->
@ -72,14 +72,14 @@
<!--设备利用率(%) 各产品合格率--> <!--设备利用率(%) 各产品合格率-->
<dv-border-box-12> <dv-border-box-12>
<!--<center/>--> <!--<center/>-->
<bottomRight /> <bottomRight @updateRI="updateRI" />
</dv-border-box-12> </dv-border-box-12>
</div> </div>
</div> </div>
<!--右边数据显示--> <!--右边数据显示-->
<div class="right-box"> <div class="right-box">
<dv-border-box-12> <dv-border-box-12>
<center-left1 /> <center-left1 :rindex="rindex"/>
</dv-border-box-12> </dv-border-box-12>
</div> </div>
</div> </div>
@ -107,7 +107,7 @@ export default {
center, center,
bottomRight bottomRight
}, },
mixins: [drawMixin], // mixins: [drawMixin],
data() { data() {
return { return {
timing: null, timing: null,
@ -117,7 +117,8 @@ export default {
dateWeek: null, dateWeek: null,
weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'], weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
decorationColor: ['#568aea', '#000000'], decorationColor: ['#568aea', '#000000'],
reqlist: [] reqlist: [],
rindex: 0
} }
}, },
mounted() { mounted() {
@ -139,6 +140,10 @@ export default {
setTimeout(() => { setTimeout(() => {
this.loading = false this.loading = false
}, 500) }, 500)
},
updateRI(val) {
console.log(val);
this.rindex = val;
} }
} }
} }

Write Preview
Loading…
Cancel
Save