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 { return {
loginname: '', loginname: '',
password: '', 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, value: this.$store.getters.equipId,
baseUrl: this.$store.getters.baseUrl, baseUrl: this.$store.getters.baseUrl,
setTime: this.$store.getters.setTime / 1000, setTime: this.$store.getters.setTime / 1000,
@@ -96,36 +96,36 @@ export default {
} }
this.$store.dispatch('setConfig', obj) this.$store.dispatch('setConfig', obj)
if (this.value === '1') { if (this.value === '1') {
this.$router.push('/home') this.$router.push('/Weight')
} else if (this.value === '2') { } else if (this.value === '2') {
this.$router.push('/pressprod') this.$router.push('/InStore')
} else if (this.value === '3') { } else if (this.value === '3') {
this.$router.push('/SortWorkMonitor') this.$router.push('/Prod')
} }
let element = document.documentElement // let element = document.documentElement
if (this.fullscreen) { // if (this.fullscreen) {
if (document.exitFullscreen) { // if (document.exitFullscreen) {
document.exitFullscreen() // document.exitFullscreen()
} else if (document.webkitCancelFullScreen) { // } else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen() // document.webkitCancelFullScreen()
} else if (document.mozCancelFullScreen) { // } else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen() // document.mozCancelFullScreen()
} else if (document.msExitFullscreen) { // } else if (document.msExitFullscreen) {
document.msExitFullscreen() // document.msExitFullscreen()
} // }
} else { // } else {
if (element.requestFullscreen) { // if (element.requestFullscreen) {
element.requestFullscreen() // element.requestFullscreen()
} else if (element.webkitRequestFullScreen) { // } else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen() // element.webkitRequestFullScreen()
} else if (element.mozRequestFullScreen) { // } else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen() // element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) { // } else if (element.msRequestFullscreen) {
// IE11 // // IE11
element.msRequestFullscreen() // element.msRequestFullscreen()
} // }
} // }
this.fullscreen = !this.fullscreen // this.fullscreen = !this.fullscreen
} }
} }
} }

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

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

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

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

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

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