半成品

This commit is contained in:
2023-06-26 14:26:07 +08:00
parent bf0a80dd8a
commit a928f5e42d
8 changed files with 570 additions and 12 deletions

View File

@@ -19,8 +19,12 @@ export default {
jxHeader
},
data () {
return {
title: ['半成品入库', '半成品入库查询', '半成品出库', '半成品出库查询', '半成品盘点', '半成品盘点查询', '半成品拼盘', '半成品拼盘查询'][Number(this.$route.meta.guidePath) - 1]
return {}
},
computed: {
title () {
let res = ['半成品入库', '半成品入库查询', '半成品出库', '半成品出库查询', '半成品盘点', '半成品盘点查询', '半成品拼盘', '半成品拼盘查询'][Number(this.$route.meta.guidePath) - 1]
return res
}
},
methods: {

View File

@@ -0,0 +1,161 @@
<template>
<div class="order-wraper">
<div class="search-confirm-wrap">
<div class="search-wrap">
<div class="search-item">
<div class="search-label">仓库</div>
<div class="filter_input_wraper">
<el-select v-model="value1" filterable clearable placeholder="请选择">
<el-option
v-for="item in options1"
:key="item.device_code"
:label="item.device_name"
:value="item.device_code">
</el-option>
</el-select>
</div>
</div>
<div class="search-item">
<div class="search-label search-label_1">日期</div>
<div class="filter_input_wraper filter_input_wraper_1">
<el-date-picker
v-model="date"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</div>
</div>
<div class="search-item">
<div class="search-label">业务类型</div>
<div class="filter_input_wraper">
<el-select v-model="value2" filterable clearable placeholder="请选择">
<el-option
v-for="item in options2"
:key="item.device_code"
:label="item.device_name"
:value="item.device_code">
</el-option>
</el-select>
</div>
</div>
<div class="search-item">
<div class="search-label">物料</div>
<div class="filter_input_wraper">
<input type="text" class="filter-input">
</div>
</div>
<div class="search-item">
<div class="search-label">载具号</div>
<div class="filter_input_wraper">
<input type="text" class="filter-input">
</div>
</div>
<div class="search-item">
<div class="search-label">货位号</div>
<div class="filter_input_wraper">
<input type="text" class="filter-input">
</div>
</div>
<div class="search-item">
<div class="search-label">盘点位</div>
<div class="filter_input_wraper">
<el-select v-model="value3" filterable clearable placeholder="请选择">
<el-option
v-for="item in options3"
:key="item.device_code"
:label="item.device_name"
:value="item.device_code">
</el-option>
</el-select>
</div>
</div>
<div class="search-item_2 flexend">
<button class="button button--primary">查询</button>
<button class="button button--primary">下发</button>
<button class="button button--primary">盘点确认</button>
<button class="button button--primary">实盘为准</button>
<button class="button button--primary">账务为准</button>
</div>
</div>
</div>
<div class="zd_wrapper">
<div class="grid_wraper">
<div class="slide_new">
<table class="filter-table">
<thead>
<tr>
<th>序号</th>
<th>盘点仓位</th>
<th>载具号</th>
<th>物料号</th>
<th>物料规格</th>
<th>数量</th>
<th>重量(kg)</th>
<th>盘点重量(kg)</th>
<th>盘点数量</th>
<th>单重(g)</th>
<th>是否异常</th>
<th>盘点状态</th>
<th>盘点站台</th>
<th>下发状态</th>
<th>单据号</th>
<th>业务类型</th>
<th>创建人</th>
<th>创建时间</th>
</tr>
</thead>
<tbody>
<tr v-for="(e, i) in [1, 2, 3, 4, 5, 6, 7, 1, 2, 3, 4, 5, 6, 7, 1, 2, 3, 4, 5, 6, 7]" :key="i">
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
options1: [],
value1: '',
date: [new Date((new Date().getTime() - 24 * 60 * 60 * 1000)), new Date((new Date().getTime() + 24 * 60 * 60 * 1000))],
options2: [],
value2: '',
options3: [],
value3: ''
}
}
}
</script>
<style lang="stylus" scoped>
.grid_wraper
height calc(100% - 95px)
.filter_input_wraper_1
width calc(100% - 45px)
.search-label_1
width 45px
</style>

View File

@@ -0,0 +1,113 @@
<template>
<div class="order-wraper">
<div class="search-confirm-wrap">
<div class="search-wrap">
<div class="search-item">
<div class="search-label">仓库</div>
<div class="filter_input_wraper">
<el-select v-model="value1" filterable clearable placeholder="请选择">
<el-option
v-for="item in options1"
:key="item.device_code"
:label="item.device_name"
:value="item.device_code">
</el-option>
</el-select>
</div>
</div>
<div class="search-item">
<div class="search-label">单据类型</div>
<div class="filter_input_wraper">
<el-select v-model="value2" filterable clearable placeholder="请选择">
<el-option
v-for="item in options2"
:key="item.device_code"
:label="item.device_name"
:value="item.device_code">
</el-option>
</el-select>
</div>
</div>
<div class="search-item">
<div class="search-label">盘点站点</div>
<div class="filter_input_wraper">
<el-select v-model="value3" filterable clearable placeholder="请选择">
<el-option
v-for="item in options3"
:key="item.device_code"
:label="item.device_name"
:value="item.device_code">
</el-option>
</el-select>
</div>
</div>
<div class="search-item">
<div class="search-label">备注</div>
<div class="filter_input_wraper">
<input type="text" class="filter-input">
</div>
</div>
<div class="search-item_2 flexend">
<button class="button button--primary">添加盘点物料</button>
<button class="button button--primary">删除一行</button>
<button class="button button--primary">生产盘点单</button>
<button class="button button--primary">盘点作业</button>
</div>
</div>
</div>
<div class="grid_wraper">
<table class="filter-table">
<thead>
<tr>
<th>序号</th>
<th>盘点库区</th>
<th>盘点货位</th>
<th>物料号</th>
<th>物料规格</th>
<th>数量</th>
<th>单重(g)</th>
<th>重量(kg)</th>
<th>载具号</th>
</tr>
</thead>
<tbody>
<tr v-for="(e, i) in [1, 2, 3, 4, 5, 6, 7, 1, 2, 3, 4, 5, 6, 7, 1, 2, 3, 4, 5, 6, 7]" :key="i">
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
<td>序号</td>
</tr>
</tbody>
</table>
</div>
</div>
</template>
<script>
export default {
data () {
return {
options1: [],
value1: '',
options2: [],
value2: '',
options3: [],
value3: ''
}
}
}
</script>
<style lang="stylus" scoped>
.grid_wraper
height calc(100% - 95px)
.filter_input_wraper_1
width calc(100% - 45px)
.search-label_1
width 45px
</style>

View File

@@ -16,10 +16,10 @@
</div>
</div>
<div class="search-item">
<div class="search-label">日期</div>
<div class="filter_input_wraper">
<div class="search-label search-label_1">日期</div>
<div class="filter_input_wraper filter_input_wraper_1">
<el-date-picker
v-model="value1"
v-model="date"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
@@ -86,7 +86,7 @@
<td>类型</td>
<td>物料编号</td>
<td>物料规格</td>
<td>数量()</td>
<td>数量</td>
<td>单重(g)</td>
<td>重量(kg)</td>
<td>载具号</td>
@@ -107,6 +107,7 @@ export default {
return {
options1: [],
value1: '',
date: [new Date((new Date().getTime() - 24 * 60 * 60 * 1000)), new Date((new Date().getTime() + 24 * 60 * 60 * 1000))],
options2: [],
value2: '',
options3: [],
@@ -119,4 +120,8 @@ export default {
<style lang="stylus" scoped>
.grid_wraper
height calc(100% - 95px)
.filter_input_wraper_1
width calc(100% - 45px)
.search-label_1
width 45px
</style>

View File

@@ -53,7 +53,7 @@
</div>
</div>
<div class="search-item">
<div class="search-label">数量()</div>
<div class="search-label">数量</div>
<div class="filter_input_wraper">
<input type="number" class="filter-input">
</div>
@@ -73,9 +73,12 @@
</div>
<div class="search-item">
<div class="search-label">载具号</div>
<div class="filter_input_wraper">
<div class="filter_input_wraper filter_input_wraper_1">
<input type="text" class="filter-input">
</div>
<div class="filter_button">
<button class="button button--primary">呼叫空载具</button>
</div>
</div>
<div class="search-item">
<div class="search-label">备注</div>
@@ -118,4 +121,10 @@ export default {
.search-item_2
width 100%
margin-left 0
.filter_button
width 96px
height 30px
.filter_input_wraper_1
width calc(100% - 156px)
padding-right 10px
</style>

View File

@@ -0,0 +1,127 @@
<template>
<div class="order-wraper">
<div class="search-confirm-wrap">
<div class="search-wrap">
<div class="search-item">
<div class="search-label">仓库</div>
<div class="filter_input_wraper">
<el-select v-model="value1" filterable clearable placeholder="请选择">
<el-option
v-for="item in options1"
:key="item.device_code"
:label="item.device_name"
:value="item.device_code">
</el-option>
</el-select>
</div>
</div>
<div class="search-item">
<div class="search-label search-label_1">日期</div>
<div class="filter_input_wraper filter_input_wraper_1">
<el-date-picker
v-model="date"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</div>
</div>
<div class="search-item">
<div class="search-label">业务类型</div>
<div class="filter_input_wraper">
<el-select v-model="value2" filterable clearable placeholder="请选择">
<el-option
v-for="item in options2"
:key="item.device_code"
:label="item.device_name"
:value="item.device_code">
</el-option>
</el-select>
</div>
</div>
<div class="search-item">
<div class="search-label">物料</div>
<div class="filter_input_wraper">
<input type="text" class="filter-input">
</div>
</div>
<div class="search-item">
<div class="search-label">载具号</div>
<div class="filter_input_wraper">
<input type="text" class="filter-input">
</div>
</div>
<div class="search-item flexend">
<button class="button button--primary">查询</button>
<button class="button button--primary">强制确认</button>
</div>
</div>
</div>
<div class="grid_wraper">
<table class="filter-table">
<thead>
<tr>
<th>序号</th>
<th>单据号</th>
<th>状态</th>
<th>类型</th>
<th>物料编号</th>
<th>物料规格</th>
<th>数量</th>
<th>单重(g)</th>
<th>重量(kg)</th>
<th>载具号</th>
<th>出库点</th>
<th>货位</th>
<th>创建时间</th>
<th>创建人</th>
</tr>
</thead>
<tbody>
<tr v-for="(e, i) in [1, 2, 3, 4, 5, 6, 7, 1, 2, 3, 4, 5, 6, 7, 1, 2, 3, 4, 5, 6, 7]" :key="i">
<td>序号</td>
<td>单据号</td>
<td>状态</td>
<td>类型</td>
<td>物料编号</td>
<td>物料规格</td>
<td>数量()</td>
<td>单重(g)</td>
<td>重量(kg)</td>
<td>载具号</td>
<td>入库点</td>
<td>货位</td>
<td>创建时间</td>
<td>创建人ldjlfjlfjl劳动纪律放假了</td>
</tr>
</tbody>
</table>
</div>
</div>
</template>
<script>
export default {
data () {
return {
options1: [],
value1: '',
date: [new Date((new Date().getTime() - 24 * 60 * 60 * 1000)), new Date((new Date().getTime() + 24 * 60 * 60 * 1000))],
options2: [],
value2: '',
options3: [],
value3: ''
}
}
}
</script>
<style lang="stylus" scoped>
.grid_wraper
height calc(100% - 95px)
.filter_input_wraper_1
width calc(100% - 45px)
.search-label_1
width 45px
</style>

View File

@@ -0,0 +1,136 @@
<template>
<div class="order-wraper">
<div class="search-confirm-wrap">
<div class="search-wrap">
<div class="search-item">
<div class="search-label">仓库</div>
<div class="filter_input_wraper">
<el-select v-model="value1" filterable clearable placeholder="请选择">
<el-option
v-for="item in options1"
:key="item.device_code"
:label="item.device_name"
:value="item.device_code">
</el-option>
</el-select>
</div>
</div>
<div class="search-item">
<div class="search-label">单据类型</div>
<div class="filter_input_wraper">
<el-select v-model="value2" filterable clearable placeholder="请选择">
<el-option
v-for="item in options2"
:key="item.device_code"
:label="item.device_name"
:value="item.device_code">
</el-option>
</el-select>
</div>
</div>
<div class="search-item">
<div class="search-label">物料</div>
<div class="filter_input_wraper">
<input type="text" class="filter-input">
</div>
</div>
<div class="search-item">
<div class="search-label">规格</div>
<div class="filter_input_wraper">
<input type="text" class="filter-input">
</div>
</div>
<div class="search-item">
<div class="search-label">数量</div>
<div class="filter_input_wraper">
<input type="number" class="filter-input">
</div>
</div>
<div class="search-item">
<div class="search-label">单重(g)</div>
<div class="filter_input_wraper">
<input type="number" class="filter-input">
</div>
</div>
<div class="search-item">
<div class="search-label">重量(kg)</div>
<div class="filter_input_wraper">
<input type="number" class="filter-input">
</div>
</div>
<div class="search-item">
<div class="search-label">货位</div>
<div class="filter_input_wraper">
<input type="text" class="filter-input">
</div>
</div>
<div class="search-item">
<div class="search-label">载具号</div>
<div class="filter_input_wraper filter_input_wraper_1">
<input type="text" class="filter-input">
</div>
<div class="filter_button">
<button class="button button--primary">呼叫空载具</button>
</div>
</div>
<div class="search-item">
<div class="search-label">出库点</div>
<div class="filter_input_wraper">
<el-select v-model="value3" filterable clearable placeholder="请选择">
<el-option
v-for="item in options3"
:key="item.device_code"
:label="item.device_name"
:value="item.device_code">
</el-option>
</el-select>
</div>
</div>
<div class="search-item">
<div class="search-label">备注</div>
<div class="filter_input_wraper">
<input type="text" class="filter-input">
</div>
</div>
<div class="search-item_2">
<button class="button button--primary">作业查询</button>
<button class="button button--primary">确认出库</button>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
options1: [],
value1: '',
options2: [],
value2: '',
options3: [],
value3: ''
}
}
}
</script>
<style lang="stylus" scoped>
.search-item
width 49%
&:nth-child(3n+2)
margin-left 0
margin-right 0
&:nth-child(2n)
margin-left 2%
.search-item_2
width 100%
margin-left 0
.filter_button
width 96px
height 30px
.filter_input_wraper_1
width calc(100% - 156px)
padding-right 10px
</style>

View File

@@ -214,7 +214,7 @@ header
justify-content center
align-items center
.filter-input
_wh(100%, 29px)
_wh(100%, 30px)
_font(12px, 30px, #606266,,)
padding 0 10px
border-radius 4px
@@ -277,13 +277,13 @@ header
overflow hidden
white-space nowrap
text-overflow ellipsis
padding 8px 10px
td
&:first-child
position sticky
left -1px
z-index 50
background-color #8b90a6
color #fff
background-color #090b3c
.message-box__wrapper
position fixed
@@ -425,7 +425,6 @@ input::-webkit-input-placeholder
.filter_input_wraper
width calc(100% - 60px)
height 30px
line-height 30px
.search-item_2
_fj(flex-end)
width 64%
@@ -458,6 +457,8 @@ input::-webkit-input-placeholder
color: $red
td
color: $red
.zd_wrapper .grid_wraper td:first-child
background-color #ff6b00
.overall_lightgreen
background linear-gradient(#00d9a1 0%,#00c0a5 30%,#115fae 100%)
.body-container
@@ -479,5 +480,7 @@ input::-webkit-input-placeholder
color: #008f8f
td
color: #008f8f
.zd_wrapper .grid_wraper td:first-child
background-color #00c0a5
.overall_blue
background linear-gradient(#031f6d 0%,#011a60 20%,#060346 100%)