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

Compare commits

base: linkage:master
Branches Tags
linkage:master
linkage:temp
..
compare: linkage:temp
Branches Tags
linkage:master
linkage:temp

4 Commits
master ... temp

Author SHA1 Message Date
mhsnet 15f38f7f97 头部修改
9 months ago
mhsnet 898ac1da4c 产品合格率修改
9 months ago
mhsnet c5a241df82 头部样式修改
9 months ago
LI-CCONG\李聪聪 c32ad4171f 大屏代码更新
9 months ago
11 changed files with 435 additions and 804 deletions
Show Stats

BIN
yuhong-ui/src/assets/header.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 616 KiB

21
yuhong-ui/src/assets/scss/index.scss
Unescape View File

@ -8,7 +8,7 @@
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
transform-origin: left top; transform-origin: left top;
overflow: hidden; overflow: hidden;
.bg { .bg {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -18,19 +18,33 @@
background-position: center center; background-position: center center;
} }
.bg-header {
width: 100%;
height: 100px;
padding: 0px;
background-image: url("../assets/header.png");
background-size: cover;
background-position: center center;
justify-content: flex-end;
}
.host-body { .host-body {
.dv-dec-10, .dv-dec-10,
.dv-dec-10-s { .dv-dec-10-s {
width: 33.3%; width: 33.3%;
height: 5px; height: 5px;
} }
.dv-dec-10-s { .dv-dec-10-s {
transform: rotateY(180deg); transform: rotateY(180deg);
} }
.dv-dec-8 { .dv-dec-8 {
width: 200px; width: 200px;
height: 50px; height: 50px;
} }
.title { .title {
position: relative; position: relative;
width: 500px; width: 500px;
@ -60,6 +74,7 @@
.aside-width { .aside-width {
width: 40%; width: 40%;
} }
.react-r-s, .react-r-s,
.react-l-s { .react-l-s {
background-color: #0f1325; background-color: #0f1325;
@ -71,6 +86,7 @@
text-align: right; text-align: right;
width: 500px; width: 500px;
} }
font-size: 18px; font-size: 18px;
width: 300px; width: 300px;
line-height: 50px; line-height: 50px;
@ -98,6 +114,7 @@
width: 500px; width: 500px;
text-align: left; text-align: left;
} }
font-size: 18px; font-size: 18px;
width: 300px; width: 300px;
height: 50px; height: 50px;
@ -141,4 +158,4 @@
} }
} }
} }
} }

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

@ -91,127 +91,25 @@ 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) { // if (r) {
// // _this.cdata = r.data.ProductQty // _this.cdata = r.data.ProductQty
// // } // }
// if (r) { if (r) {
// _this.cdata = r.data.ProductQty _this.cdata = r.data.ProductQty
// this.cdata.series.forEach(i => { this.cdata.series.forEach(i => {
// i.type = 'bar' i.type = 'bar'
// i.emphasis = { i.emphasis = {
// focus: 'series' focus: 'series'
// } }
// }) })
// }
// })
_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 => {
i.type = 'bar'
i.emphasis = {
focus: 'series'
} }
}) })
} }
@ -219,4 +117,5 @@ export default {
} }
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped>
</style>

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

@ -34,142 +34,77 @@ 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
// this.cdata.series.forEach((i) => { // console.log('zzzzzzzzzzzzz')
// // i.data = [...i.data, 0, 0, 0, 0, 0]; // console.log(this.cdata)
// i.data.map((item, index, self) => { // this.cdata.xAxis.data = [
// i.data[index] = Math.trunc(item) // ...this.cdata.xAxis.data,
// }) // "5#",
// i.type = 'bar' // "7#",
// i.markLine = { // "8#",
// focus: 'series' // "20#",
// } // "21#",
// i.label = { // ];
// show: true, // 开启显示 this.cdata.series.forEach((i) => {
// position: 'top', // 在上方显示 // i.data = [...i.data, 0, 0, 0, 0, 0];
// textStyle: { i.data.map((item, index, self) => {
// // 数值样式 i.data[index] = Math.trunc(item)
// color: 'white', })
// fontSize: 14 i.type = 'bar'
// } i.markLine = {
// } focus: 'series'
// 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) => {
i.data.map((item, index, self) => {
i.data[index] = Math.trunc(item)
})
i.type = 'bar'
i.markLine = {
focus: 'series'
}
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] 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]
}
}
})
} }
}) })
} }
@ -177,4 +112,5 @@ export default {
} }
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped>
</style>

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

@ -1,12 +1,7 @@
<template> <template>
<div> <div>
<!-- 合格率--> <!-- 合格率-->
<Echart <Echart :id="id" :options="options" height="150px" width="120px" />
:id="id"
:options="options"
height="150px"
width="120px"
/>
</div> </div>
</template> </template>
@ -29,7 +24,7 @@ export default {
}, },
colorObj: { colorObj: {
type: Object, type: Object,
default: function() { default: function () {
return { return {
textStyle: '#3fc0fb', textStyle: '#3fc0fb',
series: { series: {
@ -136,5 +131,4 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped></style>
</style>

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

@ -1,8 +1,7 @@
// 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

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

@ -1,13 +1,20 @@
<template> <template>
<div id="bottomRight"> <div id="bottomRight">
<!-- <div class="up"> <div class="up">
<div v-for="item in titleItem" :key="item.title" class="bg-color-black item"> <div
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 class="dv-dig-flop ml-1 mt-2 pl-3" :config="item.number" /> <dv-digital-flop
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">
@ -19,7 +26,7 @@
<span class="ranking_span">各产品合格率(%)</span> <span class="ranking_span">各产品合格率(%)</span>
<div class="item"> <div class="item">
<div v-for="item in productOKRateList" :key="item.ProductName" class="ranking1"> <div v-for="item in productOKRateList" :key="item.ProductName" class="ranking1">
<dv-water-level-pond :config="item.config" style="width:100px;height:70px" /> <dv-water-level-pond :config="item.config" style="width:105px;height:60px" />
<span class="item_span">{{ item.ProductName }}</span> <span class="item_span">{{ item.ProductName }}</span>
</div> </div>
</div> </div>
@ -90,181 +97,139 @@ export default {
}, },
mounted() { mounted() {
this.setData() this.setData()
this.startInterval() this.startInterval()
}, },
methods: { methods: {
// 开启定时器 // 开启定时器
startInterval() { startInterval() {
const _this = this const _this = this
// 应通过接口获取配置时间，暂时写死10min // 应通过接口获取配置时间，暂时写死10s
const time = 60 * 10 * 1000 const time = 10 * 11 * 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 // debugger
// console.log(r.data) console.log(r.data)
// if (r) { if (r) {
// debugger // debugger
// const rData = r.data.ProductOKRate const rData = r.data.ProductOKRate
let arr = [98.39, 98.40, 98.41, 98.43, 98.44, 98.45];
let ri = Math.floor(Math.random() * arr.length);
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 = {
data: [item.OKRate], data: [item.OKRate],
shape: 'round', shape: 'roundRect',
formatter: '{value}%', formatter: '{value}%',
waveNum: 2, waveNum: 2,
waveHeight: 10, waveHeight: 10,
// 判断合格率低于97显示红色 // 判断合格率低于97显示红色
colors: item.OKRate > 97 ? ['#ff6600', '#cc0000'] : ['#00FFFF', '#00B2EE'] colors: item.OKRate > 97 ? ['#00FFFF', '#00B2EE'] : ['#ff6600', '#cc0000']
} }
_this.productOKRateList.push({ _this.productOKRateList.push({
ProductName: item.ProductName, ProductName: item.ProductName,
config: n config: n
}) })
} }
}
// } })
// })
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
#bottomRight { #bottomRight {
display: flex;
flex-direction: column;
.up {
width: 100%;
display: flex; display: flex;
flex-wrap: wrap; flex-direction: column;
justify-content: space-around;
.item {
border-radius: 6px;
padding-top: 8px;
margin-top: 8px;
width: 32%;
height: 70px;
.dv-dig-flop { .up {
width: 150px; width: 100%;
height: 30px; display: flex;
flex-wrap: wrap;
justify-content: space-around;
.item {
border-radius: 6px;
padding-top: 8px;
margin-top: 8px;
width: 32%;
height: 70px;
.dv-dig-flop {
width: 150px;
height: 30px;
}
} }
} }
} .down {
margin: 10px;
.down { padding: 10px;
margin: 10px; width: 100%;
padding: 10px; display: flex;
width: 100%; height: 245px;
display: flex; justify-content: space-between;
height: 245px; .bg-color-black {
justify-content: space-between; border-radius: 5px;
}
.bg-color-black { .ranking {
border-radius: 5px; width: 59%;
} padding-left:10px;
.ranking { .ranking_span{
width: 59%; margin-top: 15px;
padding-left: 10px; font-size: 16px;
display: flex;
justify-content: center;
.ranking_span { }
margin-top: 15px; .item {
font-size: 16px; margin-top: 10px;
display: flex; display: flex;
justify-content: center; flex-wrap: wrap;
}
.item_span{
display: inline-block;
padding: 5px 25px;
}
}
.ranking1{
margin-left:15px;
} }
.item { .percent {
margin-top: 10px; width: 40%;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
.item {
} width: 100%;
height: 225px;
.item_span {
margin: 25px; span {
margin-top: 15px;
} font-size: 16px;
} display: flex;
justify-content: center;
.ranking1 { }
margin-left: 20px;
}
.percent {
width: 40%;
display: flex;
flex-wrap: wrap;
.item {
width: 100%;
height: 225px;
span {
margin-top: 15px;
font-size: 16px;
display: flex;
justify-content: center;
} }
} .water {
width: 100%;
.water { .dv-wa-le-po {
width: 100%; height: 120px;
}
.dv-wa-le-po {
height: 120px;
} }
} }
} }
} }
}
</style> </style>

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

@ -58,14 +58,14 @@ export default {
data() { data() {
return { return {
config: { config: {
data: [98.5], data: [0],
shape: 'round', shape: 'round',
waveHeight: 10, waveHeight: 10,
waveNum: 2 waveNum: 2
// colors: ['#003366', 'FFE4C4'] // colors: ['#003366', 'FFE4C4']
}, },
config1: { config1: {
data: [95], data: [0],
shape: 'round', shape: 'round',
waveHeight: 10, waveHeight: 10,
waveNum: 2 waveNum: 2
@ -111,22 +111,23 @@ 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
@ -154,6 +155,15 @@ 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'
// }
// })
// }
}) })
} }
} }

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

@ -37,13 +37,7 @@ 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,
@ -109,25 +103,14 @@ 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
// 应通过接口获取配置时间，暂时写死10min // 应通过接口获取配置时间，暂时写死10s
const time = 10 * 60 * 1000 const time = 10 * 60 * 1000
if (this.intervalId !== null) { if (this.intervalId !== null) {
clearInterval(this.intervalId) clearInterval(this.intervalId)
@ -139,362 +122,188 @@ 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 rData = [ const objS = [
{ {
"eqmt_name": "7#", collect_id: null,
"id": 0, create_time: null,
"gmt_create": "2023-11-14 17:44:49", eqmt_alarm_flag: 0,
"gmt_modified": null, eqmt_except_flag: 0,
"collect_id": null, eqmt_id: 0,
"eqmt_id": 0, eqmt_name: '5#',
"product_type": null, eqmt_status: 0,
"product_type_name": null, gmt_create: '2022-08-30 08:16:52',
"speed": 0, gmt_modified: null,
"total_product_qty": 0, id: 0,
"intraday_product_qty": 0, intraday_eqmt_run_time: 0,
"intraday_ok_qty": 290895, intraday_eqmt_stop_time: 0,
"intraday_ng_qty": 0, intraday_eqmt_stop_times: 0,
"intraday_yield_rate": 98.43, intraday_eqmt_work_rate: 0,
"intraday_eqmt_run_time": 0, intraday_eqmt_work_time: 0,
"intraday_eqmt_work_time": 0, intraday_ng_qty: 0,
"intraday_eqmt_stop_time": 0, intraday_ok_qty: 0,
"intraday_eqmt_work_rate": 0, intraday_product_qty: 0,
"intraday_eqmt_stop_times": 2, intraday_yield_rate: 0,
"eqmt_status": 0, oee: 0,
"eqmt_except_flag": 0, product_type: null,
"eqmt_alarm_flag": 0, product_type_name: null,
"oee": 97.21, speed: 0,
"create_time": null, sys_org_code: null,
"update_by": null, total_product_qty: 0,
"update_time": null, update_by: null,
"sys_org_code": null update_time: null
}, },
{ {
"eqmt_name": "13#", collect_id: null,
"id": 0, create_time: null,
"gmt_create": "2023-11-14 17:44:49", eqmt_alarm_flag: 0,
"gmt_modified": null, eqmt_except_flag: 0,
"collect_id": null, eqmt_id: 0,
"eqmt_id": 0, eqmt_name: '7#',
"product_type": null, eqmt_status: 0,
"product_type_name": null, gmt_create: '2022-08-30 08:16:52',
"speed": 0, gmt_modified: null,
"total_product_qty": 0, id: 0,
"intraday_product_qty": 0, intraday_eqmt_run_time: 0,
"intraday_ok_qty": 0, intraday_eqmt_stop_time: 0,
"intraday_ng_qty": 0, intraday_eqmt_stop_times: 0,
"intraday_yield_rate": 0, intraday_eqmt_work_rate: 0,
"intraday_eqmt_run_time": 0, intraday_eqmt_work_time: 0,
"intraday_eqmt_work_time": 0, intraday_ng_qty: 0,
"intraday_eqmt_stop_time": 0, intraday_ok_qty: 0,
"intraday_eqmt_work_rate": 0, intraday_product_qty: 0,
"intraday_eqmt_stop_times": 0, intraday_yield_rate: 0,
"eqmt_status": 0, oee: 0,
"eqmt_except_flag": 0, product_type: null,
"eqmt_alarm_flag": 0, product_type_name: null,
"oee": 0, speed: 0,
"create_time": null, sys_org_code: null,
"update_by": null, total_product_qty: 0,
"update_time": null, update_by: null,
"sys_org_code": null update_time: null
}, },
{ {
"eqmt_name": "15#", collect_id: null,
"id": 0, create_time: null,
"gmt_create": "2023-11-14 17:44:49", eqmt_alarm_flag: 0,
"gmt_modified": null, eqmt_except_flag: 0,
"collect_id": null, eqmt_id: 0,
"eqmt_id": 0, eqmt_name: '8#',
"product_type": null, eqmt_status: 0,
"product_type_name": null, gmt_create: '2022-08-30 08:16:52',
"speed": 0, gmt_modified: null,
"total_product_qty": 0, id: 0,
"intraday_product_qty": 0, intraday_eqmt_run_time: 0,
"intraday_ok_qty": 0, intraday_eqmt_stop_time: 0,
"intraday_ng_qty": 0, intraday_eqmt_stop_times: 0,
"intraday_yield_rate": 0, intraday_eqmt_work_rate: 0,
"intraday_eqmt_run_time": 0, intraday_eqmt_work_time: 0,
"intraday_eqmt_work_time": 0, intraday_ng_qty: 0,
"intraday_eqmt_stop_time": 0, intraday_ok_qty: 0,
"intraday_eqmt_work_rate": 0, intraday_product_qty: 0,
"intraday_eqmt_stop_times": 0, intraday_yield_rate: 0,
"eqmt_status": 0, oee: 0,
"eqmt_except_flag": 0, product_type: null,
"eqmt_alarm_flag": 0, product_type_name: null,
"oee": 0, speed: 0,
"create_time": null, sys_org_code: null,
"update_by": null, total_product_qty: 0,
"update_time": null, update_by: null,
"sys_org_code": null update_time: null
}, },
{ {
"eqmt_name": "16#", collect_id: null,
"id": 0, create_time: null,
"gmt_create": "2023-11-14 17:44:49", eqmt_alarm_flag: 0,
"gmt_modified": null, eqmt_except_flag: 0,
"collect_id": null, eqmt_id: 0,
"eqmt_id": 0, eqmt_name: '20#',
"product_type": null, eqmt_status: 0,
"product_type_name": null, gmt_create: '2022-08-30 08:16:52',
"speed": 0, gmt_modified: null,
"total_product_qty": 0, id: 0,
"intraday_product_qty": 0, intraday_eqmt_run_time: 0,
"intraday_ok_qty": 91235, intraday_eqmt_stop_time: 0,
"intraday_ng_qty": 0, intraday_eqmt_stop_times: 0,
"intraday_yield_rate": 97.7, intraday_eqmt_work_rate: 0,
"intraday_eqmt_run_time": 0, intraday_eqmt_work_time: 0,
"intraday_eqmt_work_time": 0, intraday_ng_qty: 0,
"intraday_eqmt_stop_time": 0, intraday_ok_qty: 0,
"intraday_eqmt_work_rate": 0, intraday_product_qty: 0,
"intraday_eqmt_stop_times": 3, intraday_yield_rate: 0,
"eqmt_status": 0, oee: 0,
"eqmt_except_flag": 0, product_type: null,
"eqmt_alarm_flag": 0, product_type_name: null,
"oee": 96.75, speed: 0,
"create_time": null, sys_org_code: null,
"update_by": null, total_product_qty: 0,
"update_time": null, update_by: null,
"sys_org_code": null update_time: null
}, },
{ {
"eqmt_name": "17#", collect_id: null,
"id": 0, create_time: null,
"gmt_create": "2023-11-14 17:44:49", eqmt_alarm_flag: 0,
"gmt_modified": null, eqmt_except_flag: 0,
"collect_id": null, eqmt_id: 0,
"eqmt_id": 0, eqmt_name: '21#',
"product_type": null, eqmt_status: 0,
"product_type_name": null, gmt_create: '2022-08-30 08:16:52',
"speed": 0, gmt_modified: null,
"total_product_qty": 0, id: 0,
"intraday_product_qty": 0, intraday_eqmt_run_time: 0,
"intraday_ok_qty": 121992, intraday_eqmt_stop_time: 0,
"intraday_ng_qty": 0, intraday_eqmt_stop_times: 0,
"intraday_yield_rate": 98.22, intraday_eqmt_work_rate: 0,
"intraday_eqmt_run_time": 0, intraday_eqmt_work_time: 0,
"intraday_eqmt_work_time": 0, intraday_ng_qty: 0,
"intraday_eqmt_stop_time": 0, intraday_ok_qty: 0,
"intraday_eqmt_work_rate": 0, intraday_product_qty: 0,
"intraday_eqmt_stop_times": 0, intraday_yield_rate: 0,
"eqmt_status": 0, oee: 0,
"eqmt_except_flag": 0, product_type: null,
"eqmt_alarm_flag": 0, product_type_name: null,
"oee": 95.91, speed: 0,
"create_time": null, sys_org_code: null,
"update_by": null, total_product_qty: 0,
"update_time": null, update_by: null,
"sys_org_code": null update_time: null
}, }
{ ]
"eqmt_name": "18#", const rData2 = [...rData]
"id": 110322,
"gmt_create": "2023-11-14 17:40:01",
"gmt_modified": null,
"collect_id": "2e775414-6cc4-4bc7-84e0-d36068f93458",
"eqmt_id": 4,
"product_type": "1",
"product_type_name": "经期裤(M)",
"speed": 320,
"total_product_qty": 271044002,
"intraday_product_qty": 185924,
"intraday_ok_qty": 112790,
"intraday_ng_qty": 3134,
"intraday_yield_rate": arr[this.rindex],
"intraday_eqmt_run_time": 35520,
"intraday_eqmt_work_time": 34080,
"intraday_eqmt_stop_time": 1380,
"intraday_eqmt_work_rate": 96.05,
"intraday_eqmt_stop_times": 1,
"eqmt_status": 1,
"eqmt_except_flag": 0,
"eqmt_alarm_flag": 0,
"oee": 98.22,
"create_time": null,
"update_by": null,
"update_time": null,
"sys_org_code": null
},
{
"eqmt_name": "19#",
"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": 102300,/* */
"intraday_ng_qty": 0,
"intraday_yield_rate": 97.38,
"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": 97.67,
"create_time": null,
"update_by": null,
"update_time": null,
"sys_org_code": null
},
{
"eqmt_name": "21#",
"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": 109949,
"intraday_ng_qty": 0,
"intraday_yield_rate": 99.1,
"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": 98.17,
"create_time": null,
"update_by": null,
"update_time": null,
"sys_org_code": null
},
{
"eqmt_name": "平面口罩",
"id": 110323,
"gmt_create": "2023-11-14 17:40:02",
"gmt_modified": null,
"collect_id": "9300c737-ef7f-4021-8914-429753306773",
"eqmt_id": 8,
"product_type": "1",
"product_type_name": "平面口罩(245mm)",
"speed": 580,
"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": "KN95-1",
"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": "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]
// console.log(rData) // console.log(rData)
// rData = [...rData]; // rData = [...rData];
_this.reqlist = [] _this.reqlist = []
for (const item of rData2) { for (const item of rData2) {
var n = { var n = {
data: [item.intraday_yield_rate], data: [item.intraday_yield_rate],
shape: 'round', shape: 'round',
formatter: '{value}%', formatter: '{value}%',
waveNum: 2, waveNum: 2,
waveHeight: 10 waveHeight: 10
}
_this.reqlist.push({
eqmt_name: item.eqmt_name,
product_type_name: item.product_type_name,
intraday_ok_qty: item.intraday_ok_qty,
oee: item.oee,
intraday_eqmt_stop_times: item.intraday_eqmt_stop_times,
config: n
})
}
this.lessL = 4 - rData2.length % 4
} }
_this.reqlist.push({ })
eqmt_name: item.eqmt_name,
product_type_name: item.product_type_name,
intraday_ok_qty: item.intraday_ok_qty,
oee: item.oee,
intraday_eqmt_stop_times: item.intraday_eqmt_stop_times,
config: n
})
}
this.lessL = 4 - rData2.length % 4
} }
// })
// }
} }
} }
</script> </script>

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

@ -15,7 +15,8 @@
<dv-scroll-board class="dv-scr-board" :config="config" @click="skipto" /> <dv-scroll-board class="dv-scr-board" :config="config" @click="skipto" />
</div> </div>
</div> </div>
<el-dialog title="工单详细信息" style="font-color:#fff" :visible.sync="moDetailShow" width="50%" :append-to-body="true" @open="getmoDetailInfo"> <el-dialog title="工单详细信息" style="font-color:#fff" :visible.sync="moDetailShow" width="50%" :append-to-body="true"
@open="getmoDetailInfo">
<el-descriptions class="margin-top" :column="1" :size="size" border> <el-descriptions class="margin-top" :column="1" :size="size" border>
<el-descriptions-item> <el-descriptions-item>
<template slot="label">工单号</template>{{ moInfo.FBILL_NO }} <template slot="label">工单号</template>{{ moInfo.FBILL_NO }}
@ -224,7 +225,7 @@ export default {
method: 'get' method: 'get'
}).then((r) => { }).then((r) => {
if (r) { if (r) {
const newArr = r.data.map(function(item) { const newArr = r.data.map(function (item) {
var ret = [] var ret = []
ret.push( ret.push(
item.FBILL_NO, item.FBILL_NO,
@ -279,6 +280,7 @@ export default {
$box-height: 350px; $box-height: 350px;
$box-height: 350px; $box-height: 350px;
$box-width: 900px; $box-width: 900px;
#centerRight1 { #centerRight1 {
padding: 16px; padding: 16px;
padding-top: 20px; padding-top: 20px;
@ -290,13 +292,16 @@ $box-width: 900px;
height: $box-height - 30px; height: $box-height - 30px;
border-radius: 10px; border-radius: 10px;
} }
.text { .text {
color: #c3cbde; color: #c3cbde;
} }
/*内容的宽度和高度*/ /*内容的宽度和高度*/
.body-box { .body-box {
border-radius: 10px; border-radius: 10px;
overflow: hidden; overflow: hidden;
.dv-scr-board { .dv-scr-board {
width: 900px; width: 900px;
height: 300px; height: 300px;
@ -306,21 +311,22 @@ $box-width: 900px;
} }
</style> </style>
<style lang="scss"> <style lang="scss">
.dv-scroll-board .header .header-item{ .dv-scroll-board .header .header-item {
color: #00B2EE; color: #00B2EE;
} }
.el-dialog__header { .el-dialog__header {
background-color:#f5f5f5 !important; background-color: #f5f5f5 !important;
} }
.el-dialog__body { .el-dialog__body {
background-color:#f5f5f5 !important; background-color: #f5f5f5 !important;
} }
// .el-descriptions :not(.is-bordered) .el-descriptions-item__cell { // .el-descriptions :not(.is-bordered) .el-descriptions-item__cell {
// background-color:#f5f5f5 !important; // background-color:#f5f5f5 !important;
// } // }
.el-dialog__footer { .el-dialog__footer {
background-color: #f5f5f5!important; background-color: #f5f5f5 !important;
} }</style>
</style>

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

@ -4,12 +4,14 @@
<dv-loading v-if="loading">Loading...</dv-loading> <dv-loading v-if="loading">Loading...</dv-loading>
<div v-else class="host-body"> <div v-else class="host-body">
<!-- 头标--> <!-- 头标-->
<div class="d-flex jc-center"> <div class="d-flex bg-header">
<div style="margin: 50px 30px;font-size: 20px;">{{ dateYear }} {{ dateWeek }} {{ dateDay }}</div>
</div>
<!-- <div class="d-flex jc-center">
<dv-decoration-10 class="dv-dec-10" /> <dv-decoration-10 class="dv-dec-10" />
<div class="d-flex jc-center"> <div class="d-flex jc-center">
<dv-decoration-8 class="dv-dec-8" :color="decorationColor" /> <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
<div class="title"> <div class="title">
<!-- <span class="title-text">订单/设备综合信息看板</span> -->
<span class="title-text">生产智能化管理平台</span> <span class="title-text">生产智能化管理平台</span>
<dv-decoration-6 <dv-decoration-6
class="dv-dec-6" class="dv-dec-6"
@ -24,17 +26,15 @@
/> />
</div> </div>
<dv-decoration-10 class="dv-dec-10-s" /> <dv-decoration-10 class="dv-dec-10-s" />
</div> </div> -->
<!-- 第二行 --> <!-- 第二行 -->
<div class="d-flex jc-between px-2"> <!-- <div class="d-flex jc-between px-2">
<div class="d-flex aside-width"> <div class="d-flex aside-width">
<div class="react-left ml-4 react-l-s"> <div class="react-left ml-4 react-l-s">
<span class="react-left" /> <span class="react-left" />
<!-- <span class="text">数据分析1</span>-->
</div> </div>
<div class="react-left ml-3"> <div class="react-left ml-3">
<!-- <span class="text">数据分析2</span>-->
</div> </div>
</div> </div>
<div class="d-flex aside-width"> <div class="d-flex aside-width">
@ -48,7 +48,7 @@
>{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span> >{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span>
</div> </div>
</div> </div>
</div> </div> -->
<div class="body-box"> <div class="body-box">
<!-- 第三行数据 --> <!-- 第三行数据 -->
@ -72,14 +72,14 @@
<!--设备利用率(%) 各产品合格率--> <!--设备利用率(%) 各产品合格率-->
<dv-border-box-12> <dv-border-box-12>
<!--<center/>--> <!--<center/>-->
<bottomRight @updateRI="updateRI" /> <bottomRight />
</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 :rindex="rindex"/> <center-left1 />
</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,8 +117,7 @@ export default {
dateWeek: null, dateWeek: null,
weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'], weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
decorationColor: ['#568aea', '#000000'], decorationColor: ['#568aea', '#000000'],
reqlist: [], reqlist: []
rindex: 0
} }
}, },
mounted() { mounted() {
@ -140,10 +139,6 @@ export default {
setTimeout(() => { setTimeout(() => {
this.loading = false this.loading = false
}, 500) }, 500)
},
updateRI(val) {
console.log(val);
this.rindex = val;
} }
} }
} }
@ -151,6 +146,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../assets/scss/index.scss"; @import "../assets/scss/index.scss";
.bototm-box { .bototm-box {
width: 100%; width: 100%;
text-align: center; text-align: center;

Write Preview
Loading…
Cancel
Save