root/screenkb-gaoce
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mork

Browse Source
This commit is contained in:
xiangxy
2024-04-22 09:11:30 +08:00
parent 4b087aee73
commit 68e3b85d07
6 changed files with 188 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
src/config/mork00.js Normal file
View File

@@ -0,0 +1,82 @@
/** 称重看板 */
export const cz = () => {
let res = {
'supplierName': '',
'point_qty': '有货',
'device_type': '正常',
'error': '正常',
'frame_type': '正常',
'mother_tray': '0',
'mother_type': '正常',
'sub_type': '正常',
'simtType': '',
'sub_tray': '',
'locationCode': '',
'material_name': '',
'material_code': ''
}
return res
}
/** 入库 */
export const rk = () => {
let res = {
'wrk': [
{
'supplierName': '',
'palletSN': 'FCS20231206001',
'qty': '122.74',
'incomingWeight': '122.74',
'productDescription': 'N型单晶硅粘棒182X182',
'productName': '220100043'
}
],
'kn': [],
'kc': {
'pendSum': '2',
'pendWeight': '0.12',
'weight': '0.18',
'sum': '3',
'list': [
{
'number': '2',
'name': '220100043'
},
{
'number': '1',
'name': '220100042'
}
]
},
'hw': {
'pointNumber': 537,
'emptyRemain': 0,
'emptyUsed': 6,
'pointRemain': 5,
'pointUsed': 532,
'emptyNumber': 6,
'emptyQty': 0
}
}
return res
}
/** 生产 */
export const sc = () => {
let res = {
'pt': [
{
'supplierName': '',
'number': '',
'usedTime': '215',
'batch': '20240409',
'state': 1,
'standingTime': '',
'productDescription': '',
'productName': ''
}
],
'ks': []
}
return res
}

56
src/pages/Setup.vue
View File

@@ -68,7 +68,7 @@ export default {
return {
loginname: '',
password: '',
options: [{value: '1', label: '大屏'}, {value: '2', label: '看板1'}, {value: '3', label: '看板2'}],
options: [{value: '1', label: '称重'}, {value: '2', label: '入库'}, {value: '3', label: '生产'}],
value: this.$store.getters.equipId,
baseUrl: this.$store.getters.baseUrl,
setTime: this.$store.getters.setTime / 1000,
@@ -96,36 +96,36 @@ export default {
}
this.$store.dispatch('setConfig', obj)
if (this.value === '1') {
this.$router.push('/home')
this.$router.push('/Weight')
} else if (this.value === '2') {
this.$router.push('/pressprod')
this.$router.push('/InStore')
} else if (this.value === '3') {
this.$router.push('/SortWorkMonitor')
this.$router.push('/Prod')
}
let element = document.documentElement
if (this.fullscreen) {
if (document.exitFullscreen) {
document.exitFullscreen()
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen()
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen()
} else if (document.msExitFullscreen) {
document.msExitFullscreen()
}
} else {
if (element.requestFullscreen) {
element.requestFullscreen()
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen()
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) {
// IE11
element.msRequestFullscreen()
}
}
this.fullscreen = !this.fullscreen
// let element = document.documentElement
// if (this.fullscreen) {
// if (document.exitFullscreen) {
// document.exitFullscreen()
// } else if (document.webkitCancelFullScreen) {
// document.webkitCancelFullScreen()
// } else if (document.mozCancelFullScreen) {
// document.mozCancelFullScreen()
// } else if (document.msExitFullscreen) {
// document.msExitFullscreen()
// }
// } else {
// if (element.requestFullscreen) {
// element.requestFullscreen()
// } else if (element.webkitRequestFullScreen) {
// element.webkitRequestFullScreen()
// } else if (element.mozRequestFullScreen) {
// element.mozRequestFullScreen()
// } else if (element.msRequestFullscreen) {
// // IE11
// element.msRequestFullscreen()
// }
// }
// this.fullscreen = !this.fullscreen
}
}
}

48
src/pages/modules/InStore.vue
View File

@@ -15,13 +15,13 @@
<div class="rbox">
<div class="rbox-con">
<div class="title">总库存</div>
<div class="desc"><span>12000</span><span>条</span></div>
<div class="desc"><span>2000</span><span>吨</span></div>
<div class="desc"><span>{{ kc.pendSum }}</span><span>条</span></div>
<div class="desc"><span>{{ kc.pendSum }}</span><span>吨</span></div>
</div>
<div class="rbox-con">
<div class="title">待入库存</div>
<div class="desc"><span>2000</span><span>条</span></div>
<div class="desc"><span>50</span><span>吨</span></div>
<div class="desc"><span>{{ kc.pendSum }}</span><span>条</span></div>
<div class="desc"><span>{{ kc.pendSum }}</span><span>吨</span></div>
</div>
</div>
</div>
@@ -34,19 +34,19 @@
<div class="lbox">
<div class="list-con" style="width: 100%; height: 100%;">
<div class="li">
<p class="li-left">货位数:<span>400</span>个</p>
<p class="li-right">已使用:<span>200</span>个</p>
<p class="li-left">货位数:<span>{{ hw.pointNumber }}</span>个</p>
<p class="li-right">已使用:<span>{{ hw.pointUsed }}</span>个</p>
</div>
<div class="li">
<p class="li-left">剩余数:<span>200</span>个</p>
<p class="li-left">剩余数:<span>{{ hw.pointRemain }}</span>个</p>
</div>
<div class="li">
<p class="li-left">空托位数:<span>20</span>个</p>
<p class="li-right">剩余:<span>10</span>个</p>
<p class="li-left">空托位数:<span>{{ hw.emptyNumber }}</span>个</p>
<p class="li-right">剩余:<span>{{ hw.emptyRemain }}</span>个</p>
</div>
<div class="li">
<p class="li-left">空托盘垛:<span>10</span>垛</p>
<p class="li-right">数量:<span>60</span>个</p>
<p class="li-left">空托盘垛:<span>{{ hw.emptyUsed }}</span>垛</p>
<p class="li-right">数量:<span>{{ hw.emptyQty }}</span>个</p>
</div>
</div>
</div>
@@ -82,9 +82,9 @@
<li>供应商</li>
</ul>
<div class="scroll_container_2">
<vue-seamless-scroll :data="ProductionTask" :class-option="defaultOption2">
<vue-seamless-scroll :data="kn" :class-option="defaultOption2">
<ul class="scroll-ul_2">
<li v-for="(e, i) in ProductionTask" :key="i" :class="['green', 'red'][Number(e.state)]">
<li v-for="(e, i) in kn" :key="i" :class="['green', 'red'][Number(e.state)]">
<div class="scroll-ul_2_div">{{i + 1}}</div>
<div class="scroll-ul_2_div">{{e.palletSN}}</div>
<div class="scroll-ul_2_div">{{e.productName}}</div>
@@ -115,9 +115,9 @@
<li>供应商</li>
</ul>
<div class="scroll_container_2">
<vue-seamless-scroll :data="ProductionTask" :class-option="defaultOption2">
<vue-seamless-scroll :data="wrk" :class-option="defaultOption2">
<ul class="scroll-ul_2">
<li v-for="(e, i) in ProductionTask" :key="i" :class="['green', 'red'][Number(e.state)]">
<li v-for="(e, i) in wrk" :key="i" :class="['green', 'red'][Number(e.state)]">
<div class="scroll-ul_2_div">{{i + 1}}</div>
<div class="scroll-ul_2_div">{{e.palletSN}}</div>
<div class="scroll-ul_2_div">{{e.productName}}</div>
@@ -140,8 +140,8 @@
<script>
import THeader from '@components/header3.vue'
import { cockpitpress } from '@js/getData1'
// import {cockpitpress} from '@js/mork1.js'
// import { rk } from '@js/getData1'
import {rk} from '@js/mork00.js'
export default {
name: 'ProdCount',
components: {
@@ -152,8 +152,10 @@ export default {
timeOut: null,
interTime: this.$store.getters.setTime,
timer: null,
ProductionTask: [],
ShiftProductionList: [],
kn: [],
wrk: [],
kc: {},
hw: {},
resData: {},
myCharts01: ''
}
@@ -190,11 +192,13 @@ export default {
}, this.interTime)
},
async initData () {
let res = await cockpitpress()
let res = await rk()
clearInterval(this.timeOut)
this.resData = res
this.ProductionTask = res.ProductionTask
this.ShiftProductionList = res.ShiftProductionList
this.kn = res.kn
this.wrk = res.wrk
this.kc = res.kc
this.hw = res.hw
},
setEchart01 () {
let data = [

34
src/pages/modules/Prod.vue
View File

@@ -21,9 +21,9 @@
<li>状态</li>
</ul>
<div class="scroll_container_2">
<vue-seamless-scroll :data="ProductionTask" :class-option="defaultOption2">
<vue-seamless-scroll :data="pt" :class-option="defaultOption2">
<ul class="scroll-ul_2">
<li v-for="(e, i) in ProductionTask" :key="i" :class="['green', 'red'][Number(e.state)]">
<li v-for="(e, i) in pt" :key="i" :class="['cgreen', 'cred'][Number(e.state)]">
<div class="scroll-ul_2_div">{{i + 1}}</div>
<div class="scroll-ul_2_div">{{e.productName}}</div>
<div class="scroll-ul_2_div">{{e.supplierName}}</div>
@@ -58,9 +58,9 @@
<li>状态</li>
</ul>
<div class="scroll_container_2">
<vue-seamless-scroll :data="ProductionTask" :class-option="defaultOption2">
<vue-seamless-scroll :data="ks" :class-option="defaultOption2">
<ul class="scroll-ul_2">
<li v-for="(e, i) in ProductionTask" :key="i" :class="['green', 'red'][Number(e.state)]">
<li v-for="(e, i) in ks" :key="i" :class="['cgreen', 'cred'][Number(e.state)]">
<div class="scroll-ul_2_div">{{i + 1}}</div>
<div class="scroll-ul_2_div">{{e.productName}}</div>
<div class="scroll-ul_2_div">{{e.supplierName}}</div>
@@ -84,8 +84,8 @@
<script>
import THeader from '@components/header3.vue'
import { cockpitpress } from '@js/getData1'
// import {cockpitpress} from '@js/mork1.js'
// import { sc } from '@js/getData1'
import {sc} from '@js/mork00.js'
export default {
name: 'ProdCount',
components: {
@@ -96,8 +96,8 @@ export default {
timeOut: null,
interTime: this.$store.getters.setTime,
timer: null,
ProductionTask: [],
ShiftProductionList: [],
pt: [],
ks: [],
resData: {}
}
},
@@ -132,11 +132,11 @@ export default {
}, this.interTime)
},
async initData () {
let res = await cockpitpress()
let res = await sc()
clearInterval(this.timeOut)
this.resData = res
this.ProductionTask = res.ProductionTask
this.ShiftProductionList = res.ShiftProductionList
this.pt = res.pt
this.ks = res.ks
}
}
}
@@ -157,17 +157,17 @@ export default {
.bottom
_wh(100%, 38px)
background center bottom / 1906px 100% url(../../images/screen1/bottom.png) no-repeat
.blue
.cblue
color #32C5FF !important
.green
.cgreen
color #30EBC9 !important
.gray
.cgray
color #516282 !important
.yellow
.cyellow
color #E2BB0E !important
.orange
.corange
color #F96700 !important
.red
.cred
color #FF0000 !important
.con1
width 100%

59
src/pages/modules/Weight.vue
View File

@@ -1,6 +1,6 @@
<template>
<section class="bg">
<t-header title="宜宾高测原料入库看板">
<t-header title="宜宾高测原料称重看板">
</t-header>
<div class="container">
<div class="sec sec1">
@@ -12,25 +12,25 @@
<div class="lbox">
<div class="list-con" style="width: 100%; height: 100%;">
<div class="li">
<p class="li-left">母托盘：<span>M100001</span></p>
<p class="li-right">子托盘：<span>Z100001</span></p>
<p class="li-left">母托盘：<span>{{ resData.mother_tray }}M100001</span></p>
<p class="li-right">子托盘：<span>{{ resData.sub_tray }}Z100001</span></p>
</div>
<div class="li">
<p class="li-left">物料编码： <span>WL001</span></p>
<p class="li-left">物料编码：<span>{{ resData.material_code }}WL001</span></p>
</div>
<div class="li">
<p class="li-left">物料名称：<span>方形晶棒 10*10*190</span></p>
<p class="li-left">物料名称：<span>{{ resData.material_name }}方形晶棒 10*10*190</span></p>
</div>
<div class="li">
<p class="li-left">总数量(条)：<span>60</span></p>
<p class="li-right">总重量(kg)：<span>1250</span></p>
<p class="li-left">总数量(条)：<span>{{ resData.number }}60</span></p>
<p class="li-right">总重量(kg)：<span>{{ resData.qty }}1250</span></p>
</div>
<div class="li">
<p class="li-left">入库类型：<span>采购</span></p>
<p class="li-right">场 地：<span>XX仓库</span></p>
<p class="li-left">入库类型：<span>{{ resData.simtType }}采购</span></p>
<p class="li-right">场 地：<span>{{ resData.locationCode }}XX仓库</span></p>
</div>
<div class="li">
<p class="li-left">供应商：<span>XX有限责任公司</span></p>
<p class="li-left">供应商：<span>{{ resData.supplierName }}XX有限责任公司</span></p>
</div>
</div>
</div>
@@ -44,23 +44,23 @@
<div class="lbox">
<div class="list-con" style="width: 100%; height: 100%;">
<div class="li">
<p class="li-left">点位状态:<span>有货</span></p>
<p class="li-left">点位状态:<span>{{ resData.point_qty }}</span></p>
</div>
<div class="li">
<p class="li-left">称重设备:<span>正常</span></p>
<p class="li-right">检测框架:<span>正常</span></p>
<p class="li-left">称重设备:<span>{{ resData.device_type }}</span></p>
<p class="li-right">检测框架:<span>{{ resData.frame_type }}</span></p>
</div>
<div class="li">
<p class="li-left">母托扫码:<span>正常</span></p>
<p class="li-right">子托扫码:<span>正常</span></p>
<p class="li-left">母托扫码:<span>{{ resData.mother_type }}</span></p>
<p class="li-right">子托扫码:<span>{{ resData.sub_type }}</span></p>
</div>
<div class="bottom-con">
<div>
<div class="tipImg"></div>
<div class="tipImg" :class="{bgred:resData.error !== '正常',bggreen: resData.error === '正常'}"></div>
</div>
<div>
<div v-if="resData.error !== '正常'">
<p>外形检测超宽异常！</p>
<p>错误码：0001</p>
<p>错误码：{{resData.error}}</p>
</div>
</div>
</div>
@@ -75,8 +75,8 @@
<script>
import THeader from '@components/header3.vue'
import { cockpitpress } from '@js/getData1'
// import {cockpitpress} from '@js/mork1.js'
// import { cz } from '@js/getData1'
import {cz} from '@js/mork00.js'
export default {
name: 'ProdCount',
components: {
@@ -87,8 +87,6 @@ export default {
timeOut: null,
interTime: this.$store.getters.setTime,
timer: null,
ProductionTask: [],
ShiftProductionList: [],
resData: {}
}
},
@@ -123,11 +121,9 @@ export default {
}, this.interTime)
},
async initData () {
let res = await cockpitpress()
let res = await cz()
clearInterval(this.timeOut)
this.resData = res
this.ProductionTask = res.ProductionTask
this.ShiftProductionList = res.ShiftProductionList
}
}
}
@@ -170,6 +166,10 @@ export default {
color #F96700 !important
.red
color #FF0000 !important
.bgred
background #FF0000 !important
.bggreen
background #6CE64E !important
.four_wrap
// _wh(100%, calc(39% - 20px))
@@ -215,14 +215,15 @@ export default {
margin-top 100px
.tipImg
margin-left 30px
width 140px
height 140px
width 120px
height 120px
border 1px solid #000
border-radius 70px
background #6CE64E
border-radius 60px
// background #6CE64E
p
font-size 40px
color #df63fb
font-weight bold
text-align center
line-height 70px
</style>

10
src/router/index.js
View File

@@ -5,9 +5,9 @@ const Setup = r => require.ensure([], () => r(require('@page/Setup')), 'Setup')
const home = r => require.ensure([], () => r(require('@page/modules/home/index')), 'home')
const PressProd = r => require.ensure([], () => r(require('@page/modules/PressProd')), 'PressProd')
const SortWorkMonitor = r => require.ensure([], () => r(require('@page/modules/SortWorkMonitor')), 'SortWorkMonitor')
const Prod = r => require.ensure([], () => r(require('@page/modules/Prod')), 'Prod')
const Weight = r => require.ensure([], () => r(require('@page/modules/Weight')), 'Weight')
const InStore = r => require.ensure([], () => r(require('@page/modules/InStore')), 'InStore')
const Prod = r => require.ensure([], () => r(require('@page/modules/Prod')), 'Prod')
Vue.use(Router)
@@ -30,10 +30,6 @@ export default new Router({
path: '/pressprod',
component: PressProd
},
{
path: '/prod',
component: Prod
},
{
path: '/Weight',
component: Weight
@@ -42,6 +38,10 @@ export default new Router({
path: '/InStore',
component: InStore
},
{
path: '/Prod',
component: Prod
},
{
path: '/SortWorkMonitor',
component: SortWorkMonitor