代码优化
This commit is contained in:
@@ -98,9 +98,9 @@ export default {
|
||||
if (this.value === '1') {
|
||||
this.$router.push('/home')
|
||||
} else if (this.value === '2') {
|
||||
this.$router.push('/pressprod')
|
||||
this.$router.push('/boardindex/pressprod')
|
||||
} else if (this.value === '3') {
|
||||
this.$router.push('/SortWorkMonitor')
|
||||
this.$router.push('/boardindex/sortwork')
|
||||
}
|
||||
let element = document.documentElement
|
||||
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>
|
||||
<section class="bg">
|
||||
<t-header title="压制生产看板">
|
||||
</t-header>
|
||||
<div class="container">
|
||||
<div class="con1">
|
||||
<div class="cbox">
|
||||
<div>当前班次：</div>
|
||||
<div class="num" style="color: #f7b502; font-size: 46px; letter-spacing: 15px;">
|
||||
{{showText}}
|
||||
</div>
|
||||
<div class="wraper">
|
||||
<div class="con1">
|
||||
<div class="cbox">
|
||||
<div>当前班次：</div>
|
||||
<div class="num" style="color: #f7b502; font-size: 46px; letter-spacing: 15px;">
|
||||
{{showText}}
|
||||
</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 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>
|
||||
<section class="bottom"></section>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import THeader from '@components/header.vue'
|
||||
import { cockpitpress } from '@js/getData1'
|
||||
// import {cockpitpress} from '@js/mork1.js'
|
||||
export default {
|
||||
name: 'ProdCount',
|
||||
components: {
|
||||
THeader
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
timeOut: null,
|
||||
@@ -632,17 +623,6 @@ export default {
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
@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
|
||||
color #32C5FF !important
|
||||
.green
|
||||
@@ -660,7 +640,7 @@ export default {
|
||||
height 123px
|
||||
overflow hidden
|
||||
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
|
||||
text-align center
|
||||
display flex
|
||||
@@ -680,7 +660,7 @@ export default {
|
||||
height 19px
|
||||
overflow hidden
|
||||
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
|
||||
.num
|
||||
display flex
|
||||
@@ -712,7 +692,7 @@ export default {
|
||||
_font(18px, 32px, #fff,,left)
|
||||
letter-spacing: 2px;
|
||||
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
|
||||
// _wh(calc(100% - 44px), calc(100% - 112px))
|
||||
_wh(calc(100% - 44px), 100%)
|
||||
@@ -729,7 +709,7 @@ export default {
|
||||
position relative
|
||||
top 3px
|
||||
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
|
||||
width 30%
|
||||
height calc(100% - 34px)
|
||||
@@ -744,7 +724,7 @@ export default {
|
||||
_font(18px, 32px, #fff,,left)
|
||||
letter-spacing: 2px;
|
||||
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
|
||||
_wh(calc(100% - 44px), 100%)
|
||||
margin 60px auto
|
||||
@@ -758,7 +738,7 @@ export default {
|
||||
// _wh(calc(100% - 0px), 32px)
|
||||
// margin 17px 0 10px 0
|
||||
// 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
|
||||
// h2
|
||||
// _font(16px, 32px, #fff,,left)
|
||||
@@ -840,7 +820,7 @@ export default {
|
||||
line-height 32px
|
||||
padding 0 10px
|
||||
.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
|
||||
_wh(60%, 100%)
|
||||
font-family "SourceHanSansCN"
|
||||
@@ -848,7 +828,7 @@ export default {
|
||||
letter-spacing 2px
|
||||
text-shadow 0 0 9px #159AFF
|
||||
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
|
||||
_wh(100%, calc(100% - 37px))
|
||||
margin-top 7px
|
||||
@@ -1,174 +1,165 @@
|
||||
<template>
|
||||
<section class="bg">
|
||||
<t-header title="分拣作业监控">
|
||||
</t-header>
|
||||
<div class="container">
|
||||
<div class="zdy_box">
|
||||
<div class="zero-wrap">
|
||||
<div class="zero-title">
|
||||
<div class="item_tip_left">{{topSec1.pointName}}</div>
|
||||
</div>
|
||||
<div class="zero-title">
|
||||
<div class="item_tip_left">{{topSec2.pointName}}</div>
|
||||
</div>
|
||||
<div class="zero-title">
|
||||
<div class="item_tip_left">人工分拣线</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one_wrap">
|
||||
<div class="e-box">
|
||||
<div class="a-box">
|
||||
<!-- <div class="a-title">分拣线1：</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 class="wraper">
|
||||
<div class="zdy_box">
|
||||
<div class="zero-wrap">
|
||||
<div class="zero-title">
|
||||
<div class="item_tip_left">{{topSec1.pointName}}</div>
|
||||
</div>
|
||||
<div class="zero-title">
|
||||
<div class="item_tip_left">{{topSec2.pointName}}</div>
|
||||
</div>
|
||||
<div class="zero-title">
|
||||
<div class="item_tip_left">人工分拣线</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="one_wrap">
|
||||
<div class="e-box">
|
||||
<div class="a-box">
|
||||
<!-- <div class="a-title">分拣线1：</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="two_wrap">
|
||||
<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 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="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 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="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 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>
|
||||
<section class="bottom"></section>
|
||||
</section>
|
||||
<div class="two_wrap">
|
||||
<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>
|
||||
|
||||
<script>
|
||||
import THeader from '@components/header.vue'
|
||||
import {cockpitsorting} from '@js/getData1.js'
|
||||
// import {cockpitsorting} from '@js/mork1.js'
|
||||
export default {
|
||||
name: 'SortWorkMonitor',
|
||||
components: {
|
||||
THeader
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
timer: null,
|
||||
@@ -472,16 +463,6 @@ export default {
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
@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
|
||||
_wh(100%, 12%)
|
||||
padding 0 0 15px 0
|
||||
@@ -494,14 +475,14 @@ export default {
|
||||
font-weight: bold;
|
||||
font-size 18px
|
||||
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)
|
||||
margin-left 2%
|
||||
margin-right 2%
|
||||
.one_wrap
|
||||
_wh(100%, 12%)
|
||||
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
|
||||
display flex
|
||||
.e-box
|
||||
@@ -519,7 +500,7 @@ export default {
|
||||
// line-height 34px
|
||||
// font-size 18px
|
||||
// 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
|
||||
// position absolute
|
||||
// top 17px
|
||||
@@ -528,7 +509,7 @@ export default {
|
||||
height 222px
|
||||
// width 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
|
||||
width 100%
|
||||
height 100%
|
||||
@@ -611,7 +592,7 @@ export default {
|
||||
line-height 32px
|
||||
padding 0 10px
|
||||
.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
|
||||
_wh(60%, 100%)
|
||||
font-family "SourceHanSansCN"
|
||||
@@ -619,7 +600,7 @@ export default {
|
||||
letter-spacing 2px
|
||||
text-shadow 0 0 9px #159AFF
|
||||
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
|
||||
_wh(100%, calc(100% - 37px))
|
||||
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 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 boardIndex = r => require.ensure([], () => r(require('@page/modules/board/index')), 'boardIndex')
|
||||
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)
|
||||
|
||||
@@ -24,12 +25,17 @@ export default new Router({
|
||||
component: home
|
||||
},
|
||||
{
|
||||
path: '/pressprod',
|
||||
component: PressProd
|
||||
},
|
||||
{
|
||||
path: '/SortWorkMonitor',
|
||||
component: SortWorkMonitor
|
||||
path: '/boardindex',
|
||||
component: boardIndex,
|
||||
children: [{
|
||||
path: 'pressprod',
|
||||
component: PressProd,
|
||||
meta: {title: '压制生产看板'}
|
||||
}, {
|
||||
path: 'sortwork',
|
||||
component: SortWorkMonitor,
|
||||
meta: {title: '分拣作业监控'}
|
||||
}]
|
||||
}
|
||||
]
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user