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

Merge branch 'master' of http://175.27.215.92:3000/yinq/aucma-mes-ui

Browse Source
master
yinq 12 months ago
parent d7c8591415 57a9e8cf2d
commit b1d4aff861
2 changed files with 58 additions and 35 deletions
Show Stats Download Patch File Download Diff File

14
src/views/board/scanDown/index.vue
Unescape Escape View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="headTitle">成品入库及产品质量可视化平台</div> <div class="headTitle">一线成品入库数据监控平台</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)+'%'">
{{ i }} {{ i }}
@ -17,7 +17,7 @@
编号 编号
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;"> <div class="scrollTableItem" style="font-weight: bold;">
生产工单 产品型号
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;"> <div class="scrollTableItem" style="font-weight: bold;">
计划数量 计划数量
@ -26,10 +26,10 @@
实际数量 实际数量
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;"> <div class="scrollTableItem" style="font-weight: bold;">
差异值 完成率
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;"> <div class="scrollTableItem" style="font-weight: bold;">
完成率 时间
</div> </div>
</div> </div>
<vue-seamless-scroll <vue-seamless-scroll
@ -50,7 +50,7 @@
</div> </div>
<div <div
class="scrollTableItem"> class="scrollTableItem">
{{ item.value2 }} AA-001
</div> </div>
<div <div
class="scrollTableItem"> class="scrollTableItem">
@ -62,11 +62,11 @@
</div> </div>
<div <div
class="scrollTableItem"> class="scrollTableItem">
{{ item.value5 }} {{ item.value6 }}
</div> </div>
<div <div
class="scrollTableItem"> class="scrollTableItem">
{{ item.value6 }} 2023-01-01 00:00:00
</div> </div>
</div> </div>
</div> </div>

79
src/views/board/week/index.vue
Unescape Escape View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="headTitle">综合安全生产平台</div> <div class="headTitle">第 {{ nowWeek }} 周 安全生产管控平台</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)+'%'">
{{ i }} {{ i }}
@ -12,19 +12,19 @@
<div class="classSelect"> <div class="classSelect">
<el-button>产线1</el-button> <el-button :class="nowLine === 1 ? 'clickLine':''" @click="setLine(1)">产线1</el-button>
<el-button>产线2</el-button> <el-button :class="nowLine === 2 ? 'clickLine':''" @click="setLine(2)">产线2</el-button>
<el-button>合计</el-button> <el-button :class="nowLine === 3 ? 'clickLine':''" @click="setLine(3)">合并</el-button>
<!-- <el-radio v-model="selectValue" label="1">产线1</el-radio>--> <!-- <el-radio v-model="selectValue" label="1">产线1</el-radio>-->
<!-- <el-radio v-model="selectValue" label="2">产线2</el-radio>--> <!-- <el-radio v-model="selectValue" label="2">产线2</el-radio>-->
<!-- <el-radio v-model="selectValue" label="3">合计</el-radio>--> <!-- <el-radio v-model="selectValue" label="3">合计</el-radio>-->
</div> </div>
<!--IQC--> <!--IQC-->
<div class="IQC" id="IQC"> <div class="IQC" id="IQC">
<div style="background-color: #094170"> <div style="background-color: #094170">
<div class="scrollTableItem" style="font-weight: bold;"> <div class="scrollTableItem" style="font-weight: bold;">
编号 订单编号
</div> </div>
<div class="scrollTableItem" style="font-weight: bold;width: 28%"> <div class="scrollTableItem" style="font-weight: bold;width: 28%">
型号 型号
@ -108,8 +108,8 @@
</div> </div>
<div v-html="safeDayHtml"></div> <div v-html="safeDayHtml"></div>
<div class="totalNum">总数：{{ totalNum }}</div> <div class="totalNum">合计：{{ totalNum }}台</div>
<div class="info1">订单数:1000 完成数:1000 差异值:0 清单率:100%</div> <div class="info1">订单数量:1000 完成数量:1000 清单率:100%</div>
</div> </div>
</template> </template>
@ -127,7 +127,8 @@ export default {
name: "Liner", name: "Liner",
data() { data() {
return { return {
selectValue: '1', nowLine: 1,
nowWeek: "",
title: [ title: [
'产量统计', '产量统计',
'三日订单执行情况', '三日订单执行情况',
@ -568,7 +569,7 @@ export default {
center: ["50%", "50%"], center: ["50%", "50%"],
data: [ data: [
{ {
value: 50, value: 99,
label: { label: {
normal: { normal: {
rich: { rich: {
@ -610,7 +611,7 @@ export default {
}, },
}, },
{ {
value: 50, value: 1,
name: "invisible", name: "invisible",
itemStyle: { itemStyle: {
normal: { normal: {
@ -647,7 +648,7 @@ export default {
center: ["50%", "50%"], center: ["50%", "50%"],
data: [ data: [
{ {
value: 50, value: 99,
label: { label: {
normal: { normal: {
rich: { rich: {
@ -689,7 +690,7 @@ export default {
}, },
}, },
{ {
value: 50, value: 1,
name: "invisible", name: "invisible",
itemStyle: { itemStyle: {
normal: { normal: {
@ -726,7 +727,7 @@ export default {
center: ["50%", "50%"], center: ["50%", "50%"],
data: [ data: [
{ {
value: 50, value: 99,
label: { label: {
normal: { normal: {
rich: { rich: {
@ -768,7 +769,7 @@ export default {
}, },
}, },
{ {
value: 50, value: 1,
name: "invisible", name: "invisible",
itemStyle: { itemStyle: {
normal: { normal: {
@ -805,7 +806,7 @@ export default {
center: ["50%", "50%"], center: ["50%", "50%"],
data: [ data: [
{ {
value: 50, value: 99,
label: { label: {
normal: { normal: {
rich: { rich: {
@ -847,7 +848,7 @@ export default {
}, },
}, },
{ {
value: 50, value: 1,
name: "invisible", name: "invisible",
itemStyle: { itemStyle: {
normal: { normal: {
@ -884,7 +885,7 @@ export default {
center: ["50%", "50%"], center: ["50%", "50%"],
data: [ data: [
{ {
value: 50, value: 99,
label: { label: {
normal: { normal: {
rich: { rich: {
@ -926,7 +927,7 @@ export default {
}, },
}, },
{ {
value: 50, value: 1,
name: "invisible", name: "invisible",
itemStyle: { itemStyle: {
normal: { normal: {
@ -963,7 +964,7 @@ export default {
center: ["50%", "50%"], center: ["50%", "50%"],
data: [ data: [
{ {
value: 50, value: 99,
label: { label: {
normal: { normal: {
rich: { rich: {
@ -1005,7 +1006,7 @@ export default {
}, },
}, },
{ {
value: 50, value: 1,
name: "invisible", name: "invisible",
itemStyle: { itemStyle: {
normal: { normal: {
@ -1020,6 +1021,7 @@ export default {
}, },
], ],
}) })
this.curWeek()
this.day() this.day()
}, },
methods: { methods: {
@ -1036,6 +1038,21 @@ export default {
<span style="position: absolute;top: 74%;left: 84%;color: #08F580;font-size: 2.5vw;transform: translateX(-50%);letter-spacing: 0.3vw">${today()}<span style="font-size: 0.5vw">天</span> </span> <span style="position: absolute;top: 74%;left: 84%;color: #08F580;font-size: 2.5vw;transform: translateX(-50%);letter-spacing: 0.3vw">${today()}<span style="font-size: 0.5vw">天</span> </span>
<span style="position: absolute;top: 89%;left: 84%;color: #CBE6F7;font-size: 1vw;transform: translateX(-50%);letter-spacing: 0.3vw">智能互联工厂</span> <span style="position: absolute;top: 89%;left: 84%;color: #CBE6F7;font-size: 1vw;transform: translateX(-50%);letter-spacing: 0.3vw">智能互联工厂</span>
` `
},
curWeek() {
let today = new Date();
let firstDayOfYear = new Date(today.getFullYear(), 0, 1);
let dayOfWeek = firstDayOfYear.getDay();
let spendDay = 1;
if (dayOfWeek != 0) {
spendDay = 7 - dayOfWeek + 1;
}
firstDayOfYear = new Date(today.getFullYear(), 0, spendDay);
let d = Math.ceil((today.valueOf() - firstDayOfYear.valueOf()) / 86400000);
this.nowWeek = Math.ceil((d / 7) + 1);
},
setLine(e) {
this.nowLine = e
} }
} }
} }
@ -1182,14 +1199,20 @@ export default {
.classSelect { .classSelect {
position: absolute; position: absolute;
top: 1%; top: 5%;
left: 15%; left: 9%;
} }
.el-radio{
.el-radio {
color: #fff !important; color: #fff !important;
} }
.el-button{
background:#00000000 !important; .el-button {
background: #00000000 !important;
color: #fff !important; color: #fff !important;
} }
.clickLine {
color: #1890ff !important;
}
</style> </style>

Write Preview
Loading…
Cancel
Save