3个看板
This commit is contained in:
77
src/pages/modules/index1.vue
Normal file
77
src/pages/modules/index1.vue
Normal file
@@ -0,0 +1,77 @@
|
||||
<template>
|
||||
<div class="box relative">
|
||||
<t-header title1="1号拣选台" title2="浙江恒森实业集团WMS系统"></t-header>
|
||||
<div class="box body_container">
|
||||
<div class="relative n_wraper">
|
||||
<div class="absolute bg_j bg_j_1"></div>
|
||||
<div class="absolute bg_j bg_j_2"></div>
|
||||
<div class="absolute bg_j bg_j_3"></div>
|
||||
<div class="absolute bg_j bg_j_4"></div>
|
||||
<div class="relative title_wraper">
|
||||
<p class="relative title_h1">装配一车间</p>
|
||||
<p class="absolute title_h2">当前任务-M0102240501001</p>
|
||||
</div>
|
||||
<div class="zd-row content_wraper">
|
||||
<div class="zd-col-20">
|
||||
<div class="zd-row flexwrap item_wraper">
|
||||
<div class="info_item" v-for="(e, i) in itemData" :key="i">
|
||||
<div class="box zd-row jccenter info_item_i">
|
||||
<div class="zd-col-8 item_label">{{ e.label }}</div>
|
||||
<div class="zd-col-16 item_value">{{ e.value }}<span class="item_unit">{{ e.unit }}</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="zd-col-4 tip_wraper">
|
||||
<div class="tip_txt">料箱D00001拣选成功!</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative n_wraper">
|
||||
<div class="absolute bg_j bg_j_1"></div>
|
||||
<div class="absolute bg_j bg_j_2"></div>
|
||||
<div class="absolute bg_j bg_j_3"></div>
|
||||
<div class="absolute bg_j bg_j_4"></div>
|
||||
<div class="relative title_wraper">
|
||||
<p class="relative title_h1">装配一车间</p>
|
||||
<p class="absolute title_h2">当前任务-M0102240501001</p>
|
||||
</div>
|
||||
<div class="zd-row content_wraper">
|
||||
<div class="zd-col-20">
|
||||
<div class="zd-row flexwrap item_wraper">
|
||||
<div class="info_item" v-for="(e, i) in itemData" :key="i">
|
||||
<div class="box zd-row jccenter info_item_i">
|
||||
<div class="item_label">{{ e.label }}</div>
|
||||
<div class="item_value">{{ e.value }}<span class="item_unit">{{ e.unit }}</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="zd-col-4 tip_wraper">
|
||||
<div class="tip_txt">料箱D00001拣选成功!</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import THeader from '@components/header.vue'
|
||||
export default {
|
||||
components: {
|
||||
THeader
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
itemData: [{label: '库内料箱', value: 'D00001'}, {label: '物料名称', value: '阀体部件'}, {label: '规格', value: 'LQF-X03-07A'}, {label: '数量', value: '50', unit: '个'}, {label: '需出数量', value: '15', unit: '个'}, {label: '单重', value: '135', unit: 'g'}, {label: '拣选称重', value: '2025', unit: 'g'}, {label: '理论数量', value: '15', unit: '个'}, {label: '箱内剩余', value: '35', unit: '个'}]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
@import './style.stylus'
|
||||
</style>
|
||||
Reference in New Issue
Block a user