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-origin: left top;
overflow: hidden;
.bg {
width: 100%;
height: 100%;
@ -18,19 +18,33 @@
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 {
.dv-dec-10,
.dv-dec-10-s {
width: 33.3%;
height: 5px;
}
.dv-dec-10-s {
transform: rotateY(180deg);
}
.dv-dec-8 {
width: 200px;
height: 50px;
}
.title {
position: relative;
width: 500px;
@ -60,6 +74,7 @@
.aside-width {
width: 40%;
}
.react-r-s,
.react-l-s {
background-color: #0f1325;
@ -71,6 +86,7 @@
text-align: right;
width: 500px;
}
font-size: 18px;
width: 300px;
line-height: 50px;
@ -98,6 +114,7 @@
width: 500px;
text-align: left;
}
font-size: 18px;
width: 300px;
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() {
const _this = this
// request({
// // 各产品生产数量api路径
// url: '/api/BigScreen/getMonthData',
// method: 'get'
// }).then(r => {
// // debugger
// // console.log(r.data.ProductQty)
// // if (r) {
// // _this.cdata = r.data.ProductQty
request({
// 各产品生产数量api路径
url: '/api/BigScreen/getMonthData',
method: 'get'
}).then(r => {
// debugger
// console.log(r.data.ProductQty)
// if (r) {
// _this.cdata = r.data.ProductQty
// // }
// if (r) {
// _this.cdata = r.data.ProductQty
// this.cdata.series.forEach(i => {
// i.type = 'bar'
// i.emphasis = {
// 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'
// }
if (r) {
_this.cdata = r.data.ProductQty
this.cdata.series.forEach(i => {
i.type = 'bar'
i.emphasis = {
focus: 'series'
}
})
}
})
}
@ -219,4 +117,5 @@ export default {
}
</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() {
this.setData()
// this.startInterval()
this.startInterval()
},
methods: {
// 开启定时器
// startInterval() {
// const _this = this
// // 应通过接口获取配置时间，暂时写死10s
// const time = 80 * 10 * 1000
// if (this.intervalId !== null) {
// clearInterval(this.intervalId)
// }
// this.intervalId = setInterval(() => {
// _this.setData()
// }, time)
// },
startInterval() {
const _this = this
// 应通过接口获取配置时间，暂时写死10s
const time = 80 * 10 * 1000
if (this.intervalId !== null) {
clearInterval(this.intervalId)
}
this.intervalId = setInterval(() => {
_this.setData()
}, time)
},
// 根据自己的业务情况修改
setData() {
const _this = this
// request({
// // 各产品生产数量api路径
// url: '/api/BigScreen/getMonthData1',
// method: 'get'
// }).then((r) => {
// // debugger
// if (r) {
// _this.cdata = r.data.EqmtRate
// this.cdata.series.forEach((i) => {
// // i.data = [...i.data, 0, 0, 0, 0, 0];
// 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]
// }
// }
// })
// }
// })
//
_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
request({
// 各产品生产数量api路径
url: '/api/BigScreen/getMonthData1',
method: 'get'
}).then((r) => {
// debugger
if (r) {
_this.cdata = r.data.EqmtRate
// console.log('zzzzzzzzzzzzz')
// console.log(this.cdata)
// this.cdata.xAxis.data = [
// ...this.cdata.xAxis.data,
// "5#",
// "7#",
// "8#",
// "20#",
// "21#",
// ];
this.cdata.series.forEach((i) => {
// i.data = [...i.data, 0, 0, 0, 0, 0];
i.data.map((item, index, self) => {
i.data[index] = Math.trunc(item)
})
i.type = 'bar'
i.markLine = {
focus: 'series'
}
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>
<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>
<div>
<!-- 合格率-->
<Echart
:id="id"
:options="options"
height="150px"
width="120px"
/>
<Echart :id="id" :options="options" height="150px" width="120px" />
</div>
</template>
@ -29,7 +24,7 @@ export default {
},
colorObj: {
type: Object,
default: function() {
default: function () {
return {
textStyle: '#3fc0fb',
series: {
@ -136,5 +131,4 @@ export default {
}
</script>
<style lang="scss" scoped>
</style>
<style lang="scss" scoped></style>

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

@ -1,8 +1,7 @@
// const devBaseURL = 'http://localhost:5281'
// const devBaseURL = '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:5000'
const devBaseURL = 'http://127.0.0.1:9002'
const proBaseURL = 'http://118.195.155.9:9002'
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>
<div id="bottomRight">
<!-- <div class="up">
<div v-for="item in titleItem" :key="item.title" class="bg-color-black item">
<div class="up">
<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>
<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 class="down">
<div class="percent">
<div class="item bg-color-black">
@ -19,7 +26,7 @@
<span class="ranking_span">各产品合格率(%)</span>
<div class="item">
<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>
</div>
</div>
@ -90,181 +97,139 @@ export default {
},
mounted() {
this.setData()
this.startInterval()
},
methods: {
// 开启定时器
startInterval() {
const _this = this
// 应通过接口获取配置时间，暂时写死10min
const time = 60 * 10 * 1000
// const time = 1000
// 应通过接口获取配置时间，暂时写死10s
const time = 10 * 11 * 1000
if (this.intervalId !== null) {
clearInterval(this.intervalId)
}
this.intervalId = setInterval(() => {
console.log(123456);
_this.setData()
}, time)
},
// 根据自己的业务情况修改
setData() {
const _this = this
// request({
// // 合格率api路径
// url: '/api/BigScreen/getMonthData2',
// method: 'get'
// }).then(r => {
// // debugger
// console.log(r.data)
// if (r) {
request({
// 合格率api路径
url: '/api/BigScreen/getMonthData2',
method: 'get'
}).then(r => {
// debugger
console.log(r.data)
if (r) {
// debugger
// 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
}
];
const rData = r.data.ProductOKRate
_this.productOKRateList = []
for (const item of rData) {
var n = {
data: [item.OKRate],
shape: 'round',
shape: 'roundRect',
formatter: '{value}%',
waveNum: 2,
waveHeight: 10,
// 判断合格率低于97显示红色
colors: item.OKRate > 97 ? ['#ff6600', '#cc0000'] : ['#00FFFF', '#00B2EE']
colors: item.OKRate > 97 ? ['#00FFFF', '#00B2EE'] : ['#ff6600', '#cc0000']
}
_this.productOKRateList.push({
ProductName: item.ProductName,
config: n
})
}
// }
// })
}
})
}
}
}
</script>
<style lang="scss" scoped>
#bottomRight {
display: flex;
flex-direction: column;
.up {
width: 100%;
#bottomRight {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
.item {
border-radius: 6px;
padding-top: 8px;
margin-top: 8px;
width: 32%;
height: 70px;
flex-direction: column;
.dv-dig-flop {
width: 150px;
height: 30px;
.up {
width: 100%;
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;
padding: 10px;
width: 100%;
display: flex;
height: 245px;
justify-content: space-between;
.bg-color-black {
border-radius: 5px;
}
.down {
margin: 10px;
padding: 10px;
width: 100%;
display: flex;
height: 245px;
justify-content: space-between;
.bg-color-black {
border-radius: 5px;
}
.ranking {
width: 59%;
padding-left:10px;
.ranking {
width: 59%;
padding-left: 10px;
.ranking_span{
margin-top: 15px;
font-size: 16px;
display: flex;
justify-content: center;
.ranking_span {
margin-top: 15px;
font-size: 16px;
display: flex;
justify-content: center;
}
.item {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
}
.item_span{
display: inline-block;
padding: 5px 25px;
}
}
.ranking1{
margin-left:15px;
}
.item {
margin-top: 10px;
.percent {
width: 40%;
display: flex;
flex-wrap: wrap;
}
.item_span {
margin: 25px;
}
}
.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;
.item {
width: 100%;
height: 225px;
span {
margin-top: 15px;
font-size: 16px;
display: flex;
justify-content: center;
}
}
}
.water {
width: 100%;
.dv-wa-le-po {
height: 120px;
.water {
width: 100%;
.dv-wa-le-po {
height: 120px;
}
}
}
}
}
}
</style>

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

@ -58,14 +58,14 @@ export default {
data() {
return {
config: {
data: [98.5],
data: [0],
shape: 'round',
waveHeight: 10,
waveNum: 2
// colors: ['#003366', 'FFE4C4']
},
config1: {
data: [95],
data: [0],
shape: 'round',
waveHeight: 10,
waveNum: 2
@ -111,22 +111,23 @@ export default {
}
},
mounted() {
// this.setData()
// this.startInterval()
this.setData()
this.startInterval()
},
methods: {
// 开启定时器
// startInterval() {
// const _this = this
// // 应通过接口获取配置时间，暂时写死10s
// const time = 50 * 10 * 1000
// if (this.intervalId !== null) {
// clearInterval(this.intervalId)
// }
// this.intervalId = setInterval(() => {
// _this.setData()
// }, time)
// },
startInterval() {
const _this = this
// 应通过接口获取配置时间，暂时写死10s
const time = 50 * 10 * 1000
if (this.intervalId !== null) {
clearInterval(this.intervalId)
}
this.intervalId = setInterval(() => {
_this.setData()
}, time)
},
// 根据自己的业务情况修改
setData() {
const _this = this
@ -154,6 +155,15 @@ export default {
// 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 {
components: {},
props: {
rindex: {
type: Number,
request: false,
default: 0
}
},
data() {
return {
lessL: 0,
@ -109,25 +103,14 @@ export default {
}
},
mounted() {
console.log(this.rindex);
this.setData()
this.startInterval()
},
watch: {
rindex: {
handler(newVal, oldVal) {
// console.log(newVal);
this.rindex = newVal;
this.setData();
},
immediate: true
}
},
methods: {
// 开启定时器
startInterval() {
const _this = this
// 应通过接口获取配置时间，暂时写死10min
// 应通过接口获取配置时间，暂时写死10s
const time = 10 * 60 * 1000
if (this.intervalId !== null) {
clearInterval(this.intervalId)
@ -139,362 +122,188 @@ export default {
// // 根据自己的业务情况修改
setData() {
const _this = this
// request({
// // 各产线
// url: '/api/BigScreen/getEqmtDetailList',
// method: 'get'
// }).then((r) => {
// // debugger
// if (r) {
// const rData = r.data
let arr = [98.39, 98.40, 98.41, 98.43, 98.44, 98.45];
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
},
{
"eqmt_name": "18#",
"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]
request({
// 各产线
url: '/api/BigScreen/getEqmtDetailList',
method: 'get'
}).then((r) => {
// debugger
if (r) {
const rData = r.data
const objS = [
{
collect_id: null,
create_time: null,
eqmt_alarm_flag: 0,
eqmt_except_flag: 0,
eqmt_id: 0,
eqmt_name: '5#',
eqmt_status: 0,
gmt_create: '2022-08-30 08:16:52',
gmt_modified: null,
id: 0,
intraday_eqmt_run_time: 0,
intraday_eqmt_stop_time: 0,
intraday_eqmt_stop_times: 0,
intraday_eqmt_work_rate: 0,
intraday_eqmt_work_time: 0,
intraday_ng_qty: 0,
intraday_ok_qty: 0,
intraday_product_qty: 0,
intraday_yield_rate: 0,
oee: 0,
product_type: null,
product_type_name: null,
speed: 0,
sys_org_code: null,
total_product_qty: 0,
update_by: null,
update_time: null
},
{
collect_id: null,
create_time: null,
eqmt_alarm_flag: 0,
eqmt_except_flag: 0,
eqmt_id: 0,
eqmt_name: '7#',
eqmt_status: 0,
gmt_create: '2022-08-30 08:16:52',
gmt_modified: null,
id: 0,
intraday_eqmt_run_time: 0,
intraday_eqmt_stop_time: 0,
intraday_eqmt_stop_times: 0,
intraday_eqmt_work_rate: 0,
intraday_eqmt_work_time: 0,
intraday_ng_qty: 0,
intraday_ok_qty: 0,
intraday_product_qty: 0,
intraday_yield_rate: 0,
oee: 0,
product_type: null,
product_type_name: null,
speed: 0,
sys_org_code: null,
total_product_qty: 0,
update_by: null,
update_time: null
},
{
collect_id: null,
create_time: null,
eqmt_alarm_flag: 0,
eqmt_except_flag: 0,
eqmt_id: 0,
eqmt_name: '8#',
eqmt_status: 0,
gmt_create: '2022-08-30 08:16:52',
gmt_modified: null,
id: 0,
intraday_eqmt_run_time: 0,
intraday_eqmt_stop_time: 0,
intraday_eqmt_stop_times: 0,
intraday_eqmt_work_rate: 0,
intraday_eqmt_work_time: 0,
intraday_ng_qty: 0,
intraday_ok_qty: 0,
intraday_product_qty: 0,
intraday_yield_rate: 0,
oee: 0,
product_type: null,
product_type_name: null,
speed: 0,
sys_org_code: null,
total_product_qty: 0,
update_by: null,
update_time: null
},
{
collect_id: null,
create_time: null,
eqmt_alarm_flag: 0,
eqmt_except_flag: 0,
eqmt_id: 0,
eqmt_name: '20#',
eqmt_status: 0,
gmt_create: '2022-08-30 08:16:52',
gmt_modified: null,
id: 0,
intraday_eqmt_run_time: 0,
intraday_eqmt_stop_time: 0,
intraday_eqmt_stop_times: 0,
intraday_eqmt_work_rate: 0,
intraday_eqmt_work_time: 0,
intraday_ng_qty: 0,
intraday_ok_qty: 0,
intraday_product_qty: 0,
intraday_yield_rate: 0,
oee: 0,
product_type: null,
product_type_name: null,
speed: 0,
sys_org_code: null,
total_product_qty: 0,
update_by: null,
update_time: null
},
{
collect_id: null,
create_time: null,
eqmt_alarm_flag: 0,
eqmt_except_flag: 0,
eqmt_id: 0,
eqmt_name: '21#',
eqmt_status: 0,
gmt_create: '2022-08-30 08:16:52',
gmt_modified: null,
id: 0,
intraday_eqmt_run_time: 0,
intraday_eqmt_stop_time: 0,
intraday_eqmt_stop_times: 0,
intraday_eqmt_work_rate: 0,
intraday_eqmt_work_time: 0,
intraday_ng_qty: 0,
intraday_ok_qty: 0,
intraday_product_qty: 0,
intraday_yield_rate: 0,
oee: 0,
product_type: null,
product_type_name: null,
speed: 0,
sys_org_code: null,
total_product_qty: 0,
update_by: null,
update_time: null
}
]
const rData2 = [...rData]
// console.log(rData)
// rData = [...rData];
_this.reqlist = []
for (const item of rData2) {
var n = {
data: [item.intraday_yield_rate],
shape: 'round',
formatter: '{value}%',
waveNum: 2,
waveHeight: 10
// console.log(rData)
// rData = [...rData];
_this.reqlist = []
for (const item of rData2) {
var n = {
data: [item.intraday_yield_rate],
shape: 'round',
formatter: '{value}%',
waveNum: 2,
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>

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" />
</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-item>
<template slot="label">工单号</template>{{ moInfo.FBILL_NO }}
@ -224,7 +225,7 @@ export default {
method: 'get'
}).then((r) => {
if (r) {
const newArr = r.data.map(function(item) {
const newArr = r.data.map(function (item) {
var ret = []
ret.push(
item.FBILL_NO,
@ -279,6 +280,7 @@ export default {
$box-height: 350px;
$box-height: 350px;
$box-width: 900px;
#centerRight1 {
padding: 16px;
padding-top: 20px;
@ -290,13 +292,16 @@ $box-width: 900px;
height: $box-height - 30px;
border-radius: 10px;
}
.text {
color: #c3cbde;
}
/*内容的宽度和高度*/
.body-box {
border-radius: 10px;
overflow: hidden;
.dv-scr-board {
width: 900px;
height: 300px;
@ -306,21 +311,22 @@ $box-width: 900px;
}
</style>
<style lang="scss">
.dv-scroll-board .header .header-item{
.dv-scroll-board .header .header-item {
color: #00B2EE;
}
.el-dialog__header {
background-color:#f5f5f5 !important;
background-color: #f5f5f5 !important;
}
.el-dialog__body {
background-color:#f5f5f5 !important;
background-color: #f5f5f5 !important;
}
// .el-descriptions :not(.is-bordered) .el-descriptions-item__cell {
// background-color:#f5f5f5 !important;
// }
.el-dialog__footer {
background-color: #f5f5f5!important;
}
</style>
background-color: #f5f5f5 !important;
}</style>

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

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

Write Preview
Loading…
Cancel
Save