代码优化
This commit is contained in:
@@ -98,9 +98,9 @@ export default {
|
|||||||
if (this.value === '1') {
|
if (this.value === '1') {
|
||||||
this.$router.push('/home')
|
this.$router.push('/home')
|
||||||
} else if (this.value === '2') {
|
} else if (this.value === '2') {
|
||||||
this.$router.push('/pressprod')
|
this.$router.push('/boardindex/pressprod')
|
||||||
} else if (this.value === '3') {
|
} else if (this.value === '3') {
|
||||||
this.$router.push('/SortWorkMonitor')
|
this.$router.push('/boardindex/sortwork')
|
||||||
}
|
}
|
||||||
let element = document.documentElement
|
let element = document.documentElement
|
||||||
if (this.fullscreen) {
|
if (this.fullscreen) {
|
||||||
|
|||||||
6
src/pages/modules/board/DryTask.vue
Normal file
6
src/pages/modules/board/DryTask.vue
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
<template>
|
||||||
|
<section class="bg">
|
||||||
|
<t-header title="压制生产看板">
|
||||||
|
</t-header>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
@@ -1,112 +1,103 @@
|
|||||||
<template>
|
<template>
|
||||||
<section class="bg">
|
<div class="wraper">
|
||||||
<t-header title="压制生产看板">
|
<div class="con1">
|
||||||
</t-header>
|
<div class="cbox">
|
||||||
<div class="container">
|
<div>当前班次：</div>
|
||||||
<div class="con1">
|
<div class="num" style="color: #f7b502; font-size: 46px; letter-spacing: 15px;">
|
||||||
<div class="cbox">
|
{{showText}}
|
||||||
<div>当前班次：</div>
|
</div>
|
||||||
<div class="num" style="color: #f7b502; font-size: 46px; letter-spacing: 15px;">
|
</div>
|
||||||
{{showText}}
|
<div class="cbox">
|
||||||
</div>
|
<div>计划生产：</div>
|
||||||
|
<div class="num">
|
||||||
|
<div class="bg" v-for="(item, i) in showNum1" :key="i" :class="{dot: item === '.'}">{{item}}</div>
|
||||||
|
</div>
|
||||||
|
<div>块</div>
|
||||||
|
</div>
|
||||||
|
<div class="cbox">
|
||||||
|
<div>已生产：</div>
|
||||||
|
<div class="num">
|
||||||
|
<div class="bg" v-for="(item, i) in showNum2" :key="i" :class="{dot: item === '.'}">{{item}}</div>
|
||||||
|
</div>
|
||||||
|
<div>块</div>
|
||||||
|
</div>
|
||||||
|
<div class="cbox">
|
||||||
|
<div>不合格数：</div>
|
||||||
|
<div class="num">
|
||||||
|
<div class="bg" v-for="(item, i) in showNum3" :key="i" :class="{dot: item === '.'}">{{item}}</div>
|
||||||
|
</div>
|
||||||
|
<div>块</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="center_wrapper" style="display:flex">
|
||||||
|
<div class="con2">
|
||||||
|
<div class="title"><span class="dotIncon"></span><span class="tltxt">当班生产</span></div>
|
||||||
|
<div class="item_content_0">
|
||||||
|
<div id="echart_d1" style="width: 100%; height: 100%"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="con3">
|
||||||
|
<div class="title"><span class="dotIncon"></span><span class="tltxt">当日订单</span></div>
|
||||||
|
<div class="item_content_1">
|
||||||
|
<div id="echart_d2" style="width: 100%; height: 100%"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="four_wrap">
|
||||||
|
<div class="item_tip item_tip_bg_l">
|
||||||
|
<div class="item_tip_left">生产任务</div>
|
||||||
|
</div>
|
||||||
|
<div class="item_content">
|
||||||
|
<div class="scroll_wrap">
|
||||||
|
<ul class="scroll_tab_2">
|
||||||
|
<li>设备</li>
|
||||||
|
<li>工单号</li>
|
||||||
|
<li>班次类型</li>
|
||||||
|
<li>生产物料</li>
|
||||||
|
<li>订单客户</li>
|
||||||
|
<li>计划开始</li>
|
||||||
|
<li>计划数(块)</li>
|
||||||
|
<li>已生产(块)</li>
|
||||||
|
<li>不合格(块)</li>
|
||||||
|
<li>合格率</li>
|
||||||
|
<li>状态</li>
|
||||||
|
<li>开工人</li>
|
||||||
|
<li>开工时间</li>
|
||||||
|
<li>完工时间</li>
|
||||||
|
</ul>
|
||||||
|
<div class="scroll_container_2">
|
||||||
|
<vue-seamless-scroll :data="ProductionTask" :class-option="defaultOption2">
|
||||||
|
<ul class="scroll-ul_2">
|
||||||
|
<li v-for="(e, i) in ProductionTask" :key="i">
|
||||||
|
<div class="scroll-ul_2_div">{{e.device}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.workorderCode}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.team}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.materialName}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.customer}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.planproducestartDate}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.planQty}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.realQty}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.unqualifiedQty}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.qualifiedRate}}%</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.workorderStatus}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.operator}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.realproducestartDate}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.realproduceendDate}}</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</vue-seamless-scroll>
|
||||||
</div>
|
</div>
|
||||||
<div class="cbox">
|
|
||||||
<div>计划生产：</div>
|
|
||||||
<div class="num">
|
|
||||||
<div class="bg" v-for="(item, i) in showNum1" :key="i" :class="{dot: item === '.'}">{{item}}</div>
|
|
||||||
</div>
|
|
||||||
<div>块</div>
|
|
||||||
</div>
|
|
||||||
<div class="cbox">
|
|
||||||
<div>已生产：</div>
|
|
||||||
<div class="num">
|
|
||||||
<div class="bg" v-for="(item, i) in showNum2" :key="i" :class="{dot: item === '.'}">{{item}}</div>
|
|
||||||
</div>
|
|
||||||
<div>块</div>
|
|
||||||
</div>
|
|
||||||
<div class="cbox">
|
|
||||||
<div>不合格数：</div>
|
|
||||||
<div class="num">
|
|
||||||
<div class="bg" v-for="(item, i) in showNum3" :key="i" :class="{dot: item === '.'}">{{item}}</div>
|
|
||||||
</div>
|
|
||||||
<div>块</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="center_wrapper" style="display:flex">
|
|
||||||
<div class="con2">
|
|
||||||
<div class="title"><span class="dotIncon"></span><span class="tltxt">当班生产</span></div>
|
|
||||||
<div class="item_content_0">
|
|
||||||
<div id="echart_d1" style="width: 100%; height: 100%"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="con3">
|
|
||||||
<div class="title"><span class="dotIncon"></span><span class="tltxt">当日订单</span></div>
|
|
||||||
<div class="item_content_1">
|
|
||||||
<div id="echart_d2" style="width: 100%; height: 100%"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="four_wrap">
|
|
||||||
<div class="item_tip item_tip_bg_l">
|
|
||||||
<div class="item_tip_left">生产任务</div>
|
|
||||||
</div>
|
|
||||||
<div class="item_content">
|
|
||||||
<div class="scroll_wrap">
|
|
||||||
<ul class="scroll_tab_2">
|
|
||||||
<li>设备</li>
|
|
||||||
<li>工单号</li>
|
|
||||||
<li>班次类型</li>
|
|
||||||
<li>生产物料</li>
|
|
||||||
<li>订单客户</li>
|
|
||||||
<li>计划开始</li>
|
|
||||||
<li>计划数(块)</li>
|
|
||||||
<li>已生产(块)</li>
|
|
||||||
<li>不合格(块)</li>
|
|
||||||
<li>合格率</li>
|
|
||||||
<li>状态</li>
|
|
||||||
<li>开工人</li>
|
|
||||||
<li>开工时间</li>
|
|
||||||
<li>完工时间</li>
|
|
||||||
</ul>
|
|
||||||
<div class="scroll_container_2">
|
|
||||||
<vue-seamless-scroll :data="ProductionTask" :class-option="defaultOption2">
|
|
||||||
<ul class="scroll-ul_2">
|
|
||||||
<li v-for="(e, i) in ProductionTask" :key="i">
|
|
||||||
<div class="scroll-ul_2_div">{{e.device}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.workorderCode}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.team}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.materialName}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.customer}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.planproducestartDate}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.planQty}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.realQty}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.unqualifiedQty}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.qualifiedRate}}%</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.workorderStatus}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.operator}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.realproducestartDate}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.realproduceendDate}}</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</vue-seamless-scroll>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<section class="bottom"></section>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import THeader from '@components/header.vue'
|
|
||||||
import { cockpitpress } from '@js/getData1'
|
import { cockpitpress } from '@js/getData1'
|
||||||
// import {cockpitpress} from '@js/mork1.js'
|
// import {cockpitpress} from '@js/mork1.js'
|
||||||
export default {
|
export default {
|
||||||
name: 'ProdCount',
|
name: 'ProdCount',
|
||||||
components: {
|
|
||||||
THeader
|
|
||||||
},
|
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
timeOut: null,
|
timeOut: null,
|
||||||
@@ -632,17 +623,6 @@ export default {
|
|||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
@import '~@style/mixin'
|
@import '~@style/mixin'
|
||||||
.bg
|
|
||||||
_wh(100%, 100%)
|
|
||||||
overflow hidden
|
|
||||||
.container
|
|
||||||
_wh(100%, calc(100% - 138px))
|
|
||||||
padding 30px 25px 0
|
|
||||||
overflow hidden
|
|
||||||
clear both
|
|
||||||
.bottom
|
|
||||||
_wh(100%, 38px)
|
|
||||||
background center bottom / 1906px 100% url(../../images/screen1/bottom.png) no-repeat
|
|
||||||
.blue
|
.blue
|
||||||
color #32C5FF !important
|
color #32C5FF !important
|
||||||
.green
|
.green
|
||||||
@@ -660,7 +640,7 @@ export default {
|
|||||||
height 123px
|
height 123px
|
||||||
overflow hidden
|
overflow hidden
|
||||||
position relative
|
position relative
|
||||||
background center center / 100% 100% url(../../images/screen1/sctj_top.png) no-repeat
|
background center center / 100% 100% url(../../../images/screen1/sctj_top.png) no-repeat
|
||||||
margin 5px 0
|
margin 5px 0
|
||||||
text-align center
|
text-align center
|
||||||
display flex
|
display flex
|
||||||
@@ -680,7 +660,7 @@ export default {
|
|||||||
height 19px
|
height 19px
|
||||||
overflow hidden
|
overflow hidden
|
||||||
position relative
|
position relative
|
||||||
background center center / 100% 100% url(../../images/screen1/sctj_icon.png) no-repeat
|
background center center / 100% 100% url(../../../images/screen1/sctj_icon.png) no-repeat
|
||||||
margin-right 20px
|
margin-right 20px
|
||||||
.num
|
.num
|
||||||
display flex
|
display flex
|
||||||
@@ -712,7 +692,7 @@ export default {
|
|||||||
_font(18px, 32px, #fff,,left)
|
_font(18px, 32px, #fff,,left)
|
||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
text-shadow: 0 0 9px #159aff;
|
text-shadow: 0 0 9px #159aff;
|
||||||
background center center / 100% 100% url(../../images/screen1/bg_title_l.png) no-repeat
|
background center center / 100% 100% url(../../../images/screen1/bg_title_l.png) no-repeat
|
||||||
.item_content_0
|
.item_content_0
|
||||||
// _wh(calc(100% - 44px), calc(100% - 112px))
|
// _wh(calc(100% - 44px), calc(100% - 112px))
|
||||||
_wh(calc(100% - 44px), 100%)
|
_wh(calc(100% - 44px), 100%)
|
||||||
@@ -729,7 +709,7 @@ export default {
|
|||||||
position relative
|
position relative
|
||||||
top 3px
|
top 3px
|
||||||
left -6px
|
left -6px
|
||||||
background center center / 100% 100% url(../../images/screen1/bg_title_tip.png) no-repeat
|
background center center / 100% 100% url(../../../images/screen1/bg_title_tip.png) no-repeat
|
||||||
.con3
|
.con3
|
||||||
width 30%
|
width 30%
|
||||||
height calc(100% - 34px)
|
height calc(100% - 34px)
|
||||||
@@ -744,7 +724,7 @@ export default {
|
|||||||
_font(18px, 32px, #fff,,left)
|
_font(18px, 32px, #fff,,left)
|
||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
text-shadow: 0 0 9px #159aff;
|
text-shadow: 0 0 9px #159aff;
|
||||||
background center center / 100% 100% url(../../images/screen1/bg_title_s.png) no-repeat
|
background center center / 100% 100% url(../../../images/screen1/bg_title_s.png) no-repeat
|
||||||
.item_content_1
|
.item_content_1
|
||||||
_wh(calc(100% - 44px), 100%)
|
_wh(calc(100% - 44px), 100%)
|
||||||
margin 60px auto
|
margin 60px auto
|
||||||
@@ -758,7 +738,7 @@ export default {
|
|||||||
// _wh(calc(100% - 0px), 32px)
|
// _wh(calc(100% - 0px), 32px)
|
||||||
// margin 17px 0 10px 0
|
// margin 17px 0 10px 0
|
||||||
// padding-left 18px
|
// padding-left 18px
|
||||||
// background center center / 100% 100% url(../../images/screen1/bg_title_j.png) no-repeat
|
// background center center / 100% 100% url(../../../images/screen1/bg_title_j.png) no-repeat
|
||||||
// color #fff
|
// color #fff
|
||||||
// h2
|
// h2
|
||||||
// _font(16px, 32px, #fff,,left)
|
// _font(16px, 32px, #fff,,left)
|
||||||
@@ -840,7 +820,7 @@ export default {
|
|||||||
line-height 32px
|
line-height 32px
|
||||||
padding 0 10px
|
padding 0 10px
|
||||||
.item_tip_bg_l
|
.item_tip_bg_l
|
||||||
background center center / 100% 100% url(../../images/screen1/bg_title_j.png) no-repeat
|
background center center / 100% 100% url(../../../images/screen1/bg_title_j.png) no-repeat
|
||||||
.item_tip_left
|
.item_tip_left
|
||||||
_wh(60%, 100%)
|
_wh(60%, 100%)
|
||||||
font-family "SourceHanSansCN"
|
font-family "SourceHanSansCN"
|
||||||
@@ -848,7 +828,7 @@ export default {
|
|||||||
letter-spacing 2px
|
letter-spacing 2px
|
||||||
text-shadow 0 0 9px #159AFF
|
text-shadow 0 0 9px #159AFF
|
||||||
padding-left 34px
|
padding-left 34px
|
||||||
background center left / 22px 22px url(../../images/screen1/bg_title_tip.png) no-repeat
|
background center left / 22px 22px url(../../../images/screen1/bg_title_tip.png) no-repeat
|
||||||
.item_content
|
.item_content
|
||||||
_wh(100%, calc(100% - 37px))
|
_wh(100%, calc(100% - 37px))
|
||||||
margin-top 7px
|
margin-top 7px
|
||||||
@@ -1,174 +1,165 @@
|
|||||||
<template>
|
<template>
|
||||||
<section class="bg">
|
<div class="wraper">
|
||||||
<t-header title="分拣作业监控">
|
<div class="zdy_box">
|
||||||
</t-header>
|
<div class="zero-wrap">
|
||||||
<div class="container">
|
<div class="zero-title">
|
||||||
<div class="zdy_box">
|
<div class="item_tip_left">{{topSec1.pointName}}</div>
|
||||||
<div class="zero-wrap">
|
</div>
|
||||||
<div class="zero-title">
|
<div class="zero-title">
|
||||||
<div class="item_tip_left">{{topSec1.pointName}}</div>
|
<div class="item_tip_left">{{topSec2.pointName}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="zero-title">
|
<div class="zero-title">
|
||||||
<div class="item_tip_left">{{topSec2.pointName}}</div>
|
<div class="item_tip_left">人工分拣线</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="zero-title">
|
</div>
|
||||||
<div class="item_tip_left">人工分拣线</div>
|
<div class="one_wrap">
|
||||||
</div>
|
<div class="e-box">
|
||||||
</div>
|
<div class="a-box">
|
||||||
<div class="one_wrap">
|
<!-- <div class="a-title">分拣线1：</div> -->
|
||||||
<div class="e-box">
|
<div class="pie_wraper_2">
|
||||||
<div class="a-box">
|
<div class="w_wraper">
|
||||||
<!-- <div class="a-title">分拣线1：</div> -->
|
<div id="new_home_echart_01" style="width: 220px; height: 220px;"></div>
|
||||||
<div class="pie_wraper_2">
|
|
||||||
<div class="w_wraper">
|
|
||||||
<div id="new_home_echart_01" style="width: 220px; height: 220px;"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="b-box">
|
|
||||||
<div class="b-item"><span>当前工单：</span><span>{{topSec1.workorderCode}}</span></div>
|
|
||||||
<div class="b-item"><span>客户：</span><span>{{topSec1.customer}}</span></div>
|
|
||||||
<div class="b-item"><span>物料：</span><span>{{topSec1.materialName}}</span></div>
|
|
||||||
<div class="b-item"><span>规格：</span><span>{{topSec1.materialSpec}}</span></div>
|
|
||||||
<div class="b-item"><span>数量：</span><span>{{topSec1.planQty}}</span></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="e-box">
|
|
||||||
<div class="a-box">
|
|
||||||
<!-- <div class="a-title">分拣线2：</div> -->
|
|
||||||
<div class="pie_wraper_2">
|
|
||||||
<div class="w_wraper">
|
|
||||||
<div id="new_home_echart_02" style="width: 220px; height: 220px;"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="b-box">
|
|
||||||
<div class="b-item"><span>当前工单：</span><span>{{topSec2.workorderCode}}</span></div>
|
|
||||||
<div class="b-item"><span>客户：</span><span>{{topSec2.customer}}</span></div>
|
|
||||||
<div class="b-item"><span>物料：</span><span>{{topSec2.materialName}}</span></div>
|
|
||||||
<div class="b-item"><span>规格：</span><span>{{topSec2.materialSpec}}</span></div>
|
|
||||||
<div class="b-item"><span>数量：</span><span>{{topSec2.planQty}}</span></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="e-box">
|
|
||||||
<div class="a-box">
|
|
||||||
<!-- <div class="a-title">人工分拣线：</div> -->
|
|
||||||
<div class="pie_wraper_2">
|
|
||||||
<div class="w_wraper">
|
|
||||||
<div id="new_home_echart_03" style="width: 220px; height: 220px;"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="b-box">
|
|
||||||
<div class="b-item" v-for="(e, i) in topSec3" :key="i"><span>{{e.pointName}}：</span><span>{{e.materialName}}</span></div>
|
|
||||||
<!-- <div class="b-item"><span>当前工单：</span><span>{{topSec3.workorderCode}}</span></div>
|
|
||||||
<div class="b-item"><span>客户：</span><span>{{topSec3.customer}}</span></div>
|
|
||||||
<div class="b-item"><span>物料：</span><span>{{topSec3.materialName}}</span></div>
|
|
||||||
<div class="b-item"><span>规格：</span><span>{{topSec3.materialSpec}}</span></div>
|
|
||||||
<div class="b-item"><span>数量：</span><span>{{topSec3.planQty}}</span></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="two_wrap">
|
<div class="b-box">
|
||||||
<div class="zdy_box">
|
<div class="b-item"><span>当前工单：</span><span>{{topSec1.workorderCode}}</span></div>
|
||||||
<div class="two_wrap_item">
|
<div class="b-item"><span>客户：</span><span>{{topSec1.customer}}</span></div>
|
||||||
<div class="two_w_item_label">当日已拆垛：</div>
|
<div class="b-item"><span>物料：</span><span>{{topSec1.materialName}}</span></div>
|
||||||
</div>
|
<div class="b-item"><span>规格：</span><span>{{topSec1.materialSpec}}</span></div>
|
||||||
<div class="two_wrap_item">
|
<div class="b-item"><span>数量：</span><span>{{topSec1.planQty}}</span></div>
|
||||||
<div class="two_w_item_label">当日已码垛：</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="e-box">
|
||||||
|
<div class="a-box">
|
||||||
|
<!-- <div class="a-title">分拣线2：</div> -->
|
||||||
|
<div class="pie_wraper_2">
|
||||||
|
<div class="w_wraper">
|
||||||
|
<div id="new_home_echart_02" style="width: 220px; height: 220px;"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="three_wrap">
|
<div class="b-box">
|
||||||
<div class="zdy_box">
|
<div class="b-item"><span>当前工单：</span><span>{{topSec2.workorderCode}}</span></div>
|
||||||
<div class="three_w_item">
|
<div class="b-item"><span>客户：</span><span>{{topSec2.customer}}</span></div>
|
||||||
<vue-seamless-scroll :data="chaiduoArr" :class-option="defaultOption1">
|
<div class="b-item"><span>物料：</span><span>{{topSec2.materialName}}</span></div>
|
||||||
<ul class="scroll-ul_1">
|
<div class="b-item"><span>规格：</span><span>{{topSec2.materialSpec}}</span></div>
|
||||||
<li v-for="(e, i) in chaiduoArr" :key="i">
|
<div class="b-item"><span>数量：</span><span>{{topSec2.planQty}}</span></div>
|
||||||
<span>{{e.createTime}} </span>
|
</div>
|
||||||
<span class="scroll_th">托盘号:</span>
|
</div>
|
||||||
<span>{{ e.vehicleCode }}，</span>
|
<div class="e-box">
|
||||||
<span class="scroll_th">物料:</span>
|
<div class="a-box">
|
||||||
<span>{{ e.materialName }}，</span>
|
<!-- <div class="a-title">人工分拣线：</div> -->
|
||||||
<span class="scroll_th">数量:</span>
|
<div class="pie_wraper_2">
|
||||||
<span>{{ e.materialQty }}，</span>
|
<div class="w_wraper">
|
||||||
<span class="scroll_th">重量:</span>
|
<div id="new_home_echart_03" style="width: 220px; height: 220px;"></div>
|
||||||
<span>{{ e.materialWeight }}</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</vue-seamless-scroll>
|
|
||||||
</div>
|
|
||||||
<div class="three_w_item">
|
|
||||||
<vue-seamless-scroll :data="maduoArr" :class-option="defaultOption1">
|
|
||||||
<ul class="scroll-ul_1">
|
|
||||||
<li v-for="(e, i) in maduoArr" :key="i">
|
|
||||||
<span>{{e.createTime}} </span>
|
|
||||||
<span class="scroll_th">托盘号:</span>
|
|
||||||
<span>{{ e.vehicleCode }}，</span>
|
|
||||||
<span class="scroll_th">物料:</span>
|
|
||||||
<span>{{ e.materialName }}，</span>
|
|
||||||
<span class="scroll_th">数量:</span>
|
|
||||||
<span>{{ e.materialQty }}，</span>
|
|
||||||
<span class="scroll_th">重量:</span>
|
|
||||||
<span>{{ e.materialWeight }}</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</vue-seamless-scroll>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="four_wrap">
|
<div class="b-box">
|
||||||
<div class="item_tip item_tip_bg_l">
|
<div class="b-item" v-for="(e, i) in topSec3" :key="i"><span>{{e.pointName}}：</span><span>{{e.materialName}}</span></div>
|
||||||
<div class="item_tip_left">剩余工单列表</div>
|
<!-- <div class="b-item"><span>当前工单：</span><span>{{topSec3.workorderCode}}</span></div>
|
||||||
</div>
|
<div class="b-item"><span>客户：</span><span>{{topSec3.customer}}</span></div>
|
||||||
<div class="item_content">
|
<div class="b-item"><span>物料：</span><span>{{topSec3.materialName}}</span></div>
|
||||||
<div class="scroll_wrap">
|
<div class="b-item"><span>规格：</span><span>{{topSec3.materialSpec}}</span></div>
|
||||||
<ul class="scroll_tab_2">
|
<div class="b-item"><span>数量：</span><span>{{topSec3.planQty}}</span></div> -->
|
||||||
<li>工单号</li>
|
|
||||||
<li>物料</li>
|
|
||||||
<li>规格</li>
|
|
||||||
<li>数量（块）</li>
|
|
||||||
<li>重量（吨）</li>
|
|
||||||
<li>订单号</li>
|
|
||||||
<li>客户</li>
|
|
||||||
<li>托盘类型</li>
|
|
||||||
<li>创建时间</li>
|
|
||||||
</ul>
|
|
||||||
<div class="scroll_container_2">
|
|
||||||
<vue-seamless-scroll :data="lastWorkOrderList" :class-option="defaultOption2">
|
|
||||||
<ul class="scroll-ul_2">
|
|
||||||
<li v-for="(e, i) in lastWorkOrderList" :key="i">
|
|
||||||
<div class="scroll-ul_2_div">{{e.workorderCode}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.materialName}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.materialSpec}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.planQty}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.planWeight}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.produceOrder}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.customer}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.vehicleType}}</div>
|
|
||||||
<div class="scroll-ul_2_div">{{e.createTime}}</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</vue-seamless-scroll>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<section class="bottom"></section>
|
<div class="two_wrap">
|
||||||
</section>
|
<div class="zdy_box">
|
||||||
|
<div class="two_wrap_item">
|
||||||
|
<div class="two_w_item_label">当日已拆垛：</div>
|
||||||
|
</div>
|
||||||
|
<div class="two_wrap_item">
|
||||||
|
<div class="two_w_item_label">当日已码垛：</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="three_wrap">
|
||||||
|
<div class="zdy_box">
|
||||||
|
<div class="three_w_item">
|
||||||
|
<vue-seamless-scroll :data="chaiduoArr" :class-option="defaultOption1">
|
||||||
|
<ul class="scroll-ul_1">
|
||||||
|
<li v-for="(e, i) in chaiduoArr" :key="i">
|
||||||
|
<span>{{e.createTime}} </span>
|
||||||
|
<span class="scroll_th">托盘号:</span>
|
||||||
|
<span>{{ e.vehicleCode }}，</span>
|
||||||
|
<span class="scroll_th">物料:</span>
|
||||||
|
<span>{{ e.materialName }}，</span>
|
||||||
|
<span class="scroll_th">数量:</span>
|
||||||
|
<span>{{ e.materialQty }}，</span>
|
||||||
|
<span class="scroll_th">重量:</span>
|
||||||
|
<span>{{ e.materialWeight }}</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</vue-seamless-scroll>
|
||||||
|
</div>
|
||||||
|
<div class="three_w_item">
|
||||||
|
<vue-seamless-scroll :data="maduoArr" :class-option="defaultOption1">
|
||||||
|
<ul class="scroll-ul_1">
|
||||||
|
<li v-for="(e, i) in maduoArr" :key="i">
|
||||||
|
<span>{{e.createTime}} </span>
|
||||||
|
<span class="scroll_th">托盘号:</span>
|
||||||
|
<span>{{ e.vehicleCode }}，</span>
|
||||||
|
<span class="scroll_th">物料:</span>
|
||||||
|
<span>{{ e.materialName }}，</span>
|
||||||
|
<span class="scroll_th">数量:</span>
|
||||||
|
<span>{{ e.materialQty }}，</span>
|
||||||
|
<span class="scroll_th">重量:</span>
|
||||||
|
<span>{{ e.materialWeight }}</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</vue-seamless-scroll>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="four_wrap">
|
||||||
|
<div class="item_tip item_tip_bg_l">
|
||||||
|
<div class="item_tip_left">剩余工单列表</div>
|
||||||
|
</div>
|
||||||
|
<div class="item_content">
|
||||||
|
<div class="scroll_wrap">
|
||||||
|
<ul class="scroll_tab_2">
|
||||||
|
<li>工单号</li>
|
||||||
|
<li>物料</li>
|
||||||
|
<li>规格</li>
|
||||||
|
<li>数量（块）</li>
|
||||||
|
<li>重量（吨）</li>
|
||||||
|
<li>订单号</li>
|
||||||
|
<li>客户</li>
|
||||||
|
<li>托盘类型</li>
|
||||||
|
<li>创建时间</li>
|
||||||
|
</ul>
|
||||||
|
<div class="scroll_container_2">
|
||||||
|
<vue-seamless-scroll :data="lastWorkOrderList" :class-option="defaultOption2">
|
||||||
|
<ul class="scroll-ul_2">
|
||||||
|
<li v-for="(e, i) in lastWorkOrderList" :key="i">
|
||||||
|
<div class="scroll-ul_2_div">{{e.workorderCode}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.materialName}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.materialSpec}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.planQty}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.planWeight}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.produceOrder}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.customer}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.vehicleType}}</div>
|
||||||
|
<div class="scroll-ul_2_div">{{e.createTime}}</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</vue-seamless-scroll>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import THeader from '@components/header.vue'
|
|
||||||
import {cockpitsorting} from '@js/getData1.js'
|
import {cockpitsorting} from '@js/getData1.js'
|
||||||
// import {cockpitsorting} from '@js/mork1.js'
|
// import {cockpitsorting} from '@js/mork1.js'
|
||||||
export default {
|
export default {
|
||||||
name: 'SortWorkMonitor',
|
name: 'SortWorkMonitor',
|
||||||
components: {
|
|
||||||
THeader
|
|
||||||
},
|
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
timer: null,
|
timer: null,
|
||||||
@@ -472,16 +463,6 @@ export default {
|
|||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
@import '~@style/mixin'
|
@import '~@style/mixin'
|
||||||
.bg
|
|
||||||
_wh(100%, 100%)
|
|
||||||
overflow hidden
|
|
||||||
.container
|
|
||||||
_wh(100%, calc(100% - 138px))
|
|
||||||
padding 30px 25px 0
|
|
||||||
clear both
|
|
||||||
.bottom
|
|
||||||
_wh(100%, 38px)
|
|
||||||
background center bottom / 1906px 100% url(../../images/screen1/bottom.png) no-repeat
|
|
||||||
.zero-wrap
|
.zero-wrap
|
||||||
_wh(100%, 12%)
|
_wh(100%, 12%)
|
||||||
padding 0 0 15px 0
|
padding 0 0 15px 0
|
||||||
@@ -494,14 +475,14 @@ export default {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size 18px
|
font-size 18px
|
||||||
color #ffffff
|
color #ffffff
|
||||||
background center center / 100% 100% url(../../images/screen1/bg_title_s.png) no-repeat
|
background center center / 100% 100% url(../../../images/screen1/bg_title_s.png) no-repeat
|
||||||
&:nth-child(2)
|
&:nth-child(2)
|
||||||
margin-left 2%
|
margin-left 2%
|
||||||
margin-right 2%
|
margin-right 2%
|
||||||
.one_wrap
|
.one_wrap
|
||||||
_wh(100%, 12%)
|
_wh(100%, 12%)
|
||||||
padding 0 0 15px 15px
|
padding 0 0 15px 15px
|
||||||
// background center center / 100% 100% url(../../images/screen1/sctj_top.png) no-repeat
|
// background center center / 100% 100% url(../../../images/screen1/sctj_top.png) no-repeat
|
||||||
overflow hidden
|
overflow hidden
|
||||||
display flex
|
display flex
|
||||||
.e-box
|
.e-box
|
||||||
@@ -519,7 +500,7 @@ export default {
|
|||||||
// line-height 34px
|
// line-height 34px
|
||||||
// font-size 18px
|
// font-size 18px
|
||||||
// color #32c5ff
|
// color #32c5ff
|
||||||
// background center center / 100% 100% url(../../images/screen1/bg_title_s.png) no-repeat
|
// background center center / 100% 100% url(../../../images/screen1/bg_title_s.png) no-repeat
|
||||||
.pie_wraper_2
|
.pie_wraper_2
|
||||||
// position absolute
|
// position absolute
|
||||||
// top 17px
|
// top 17px
|
||||||
@@ -528,7 +509,7 @@ export default {
|
|||||||
height 222px
|
height 222px
|
||||||
// width 70%
|
// width 70%
|
||||||
// height 70%
|
// height 70%
|
||||||
background center / 100% auto url('../../images/pie-bg_2.png') no-repeat
|
background center / 100% auto url('../../../images/pie-bg_2.png') no-repeat
|
||||||
.w_wraper
|
.w_wraper
|
||||||
width 100%
|
width 100%
|
||||||
height 100%
|
height 100%
|
||||||
@@ -611,7 +592,7 @@ export default {
|
|||||||
line-height 32px
|
line-height 32px
|
||||||
padding 0 10px
|
padding 0 10px
|
||||||
.item_tip_bg_l
|
.item_tip_bg_l
|
||||||
background center center / 100% 100% url(../../images/screen1/bg_title_j.png) no-repeat
|
background center center / 100% 100% url(../../../images/screen1/bg_title_j.png) no-repeat
|
||||||
.item_tip_left
|
.item_tip_left
|
||||||
_wh(60%, 100%)
|
_wh(60%, 100%)
|
||||||
font-family "SourceHanSansCN"
|
font-family "SourceHanSansCN"
|
||||||
@@ -619,7 +600,7 @@ export default {
|
|||||||
letter-spacing 2px
|
letter-spacing 2px
|
||||||
text-shadow 0 0 9px #159AFF
|
text-shadow 0 0 9px #159AFF
|
||||||
padding-left 34px
|
padding-left 34px
|
||||||
background center left / 22px 22px url(../../images/screen1/bg_title_tip.png) no-repeat
|
background center left / 22px 22px url(../../../images/screen1/bg_title_tip.png) no-repeat
|
||||||
.item_content
|
.item_content
|
||||||
_wh(100%, calc(100% - 37px))
|
_wh(100%, calc(100% - 37px))
|
||||||
margin-top 7px
|
margin-top 7px
|
||||||
35
src/pages/modules/board/index.vue
Normal file
35
src/pages/modules/board/index.vue
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
<template>
|
||||||
|
<section class="wraper">
|
||||||
|
<t-header :title="$route.meta.title"></t-header>
|
||||||
|
<div class="container">
|
||||||
|
<router-view></router-view>
|
||||||
|
</div>
|
||||||
|
<section class="bottom"></section>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import THeader from '@components/header.vue'
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
THeader
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="stylus">
|
||||||
|
.wraper
|
||||||
|
width 100%
|
||||||
|
height 100%
|
||||||
|
overflow hidden
|
||||||
|
.container
|
||||||
|
width 100%
|
||||||
|
height calc(100% - 138px)
|
||||||
|
padding 30px 25px 0
|
||||||
|
overflow hidden
|
||||||
|
clear both
|
||||||
|
.bottom
|
||||||
|
width 100%
|
||||||
|
height 38px
|
||||||
|
background center bottom / 1906px 100% url(../../../images/screen1/bottom.png) no-repeat
|
||||||
|
</style>
|
||||||
@@ -3,8 +3,9 @@ import Router from 'vue-router'
|
|||||||
|
|
||||||
const Setup = r => require.ensure([], () => r(require('@page/Setup')), 'Setup')
|
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 boardIndex = r => require.ensure([], () => r(require('@page/modules/board/index')), 'boardIndex')
|
||||||
const SortWorkMonitor = r => require.ensure([], () => r(require('@page/modules/SortWorkMonitor')), 'SortWorkMonitor')
|
const PressProd = r => require.ensure([], () => r(require('@page/modules/board/PressProd')), 'PressProd')
|
||||||
|
const SortWorkMonitor = r => require.ensure([], () => r(require('@page/modules/board/SortWorkMonitor')), 'SortWorkMonitor')
|
||||||
|
|
||||||
Vue.use(Router)
|
Vue.use(Router)
|
||||||
|
|
||||||
@@ -24,12 +25,17 @@ export default new Router({
|
|||||||
component: home
|
component: home
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/pressprod',
|
path: '/boardindex',
|
||||||
component: PressProd
|
component: boardIndex,
|
||||||
},
|
children: [{
|
||||||
{
|
path: 'pressprod',
|
||||||
path: '/SortWorkMonitor',
|
component: PressProd,
|
||||||
component: SortWorkMonitor
|
meta: {title: '压制生产看板'}
|
||||||
|
}, {
|
||||||
|
path: 'sortwork',
|
||||||
|
component: SortWorkMonitor,
|
||||||
|
meta: {title: '分拣作业监控'}
|
||||||
|
}]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user