root/aio-hl-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finished

Browse Source
This commit is contained in:
xiangxy
2023-06-27 17:07:14 +08:00
parent a928f5e42d
commit 3aa9a993d5
5 changed files with 194 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
src/pages/modules/finished/finished-instore-search.vue Normal file
View File

117
src/pages/modules/finished/finished-instore.vue Normal file
View File

@@ -0,0 +1,117 @@
<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">
<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>订单号</th>
<th>客户</th>
</tr>
</thead>
<tbody>
<tr v-for="(e, i) in [1, 2, 3]" :key="i">
<td>1</td>
<td>030301010031</td>
<td>碳化钨粉ZW300</td>
<td>1000</td>
<td>个</td>
<td>xno01</td>
<td>RT20210616001</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>

55
src/pages/modules/finished/index.vue Normal file
View File

@@ -0,0 +1,55 @@
<template>
<div class="content blue" ref="content">
<jxHeader
:title="title"
@switchColor="switchColor"
/>
<div class="body-container">
<div class="main-container">
<router-view></router-view>
</div>
</div>
</div>
</template>
<script>
import jxHeader from '@components/header.vue'
export default {
components: {
jxHeader
},
data () {
return {
title: ['成品入库', '选择成品箱物料', '成品入库查询'][Number(this.$route.meta.guidePath) - 1]
}
},
methods: {
switchColor (type) {
switch (type) {
case 1:
this.$refs.content.classList.value = 'content overall_orange'
break
case 2:
this.$refs.content.classList.value = 'content overall_lightgreen'
break
case 3:
this.$refs.content.classList.value = 'content overall_blue'
break
}
}
}
}
</script>
<style lang="stylus" scoped>
@import '~@style/mixin.styl'
.content
_wh(100%, 100vh)
.body-container
_wh(calc(100% - 30px), calc(100% - 55px))
margin 0 auto 10px
padding 5px
border 1px solid #484cce
.main-container
_wh(100%, 100%)
</style>

0
src/pages/modules/finished/select-finished-mater.vue Normal file
View File

22
src/router/index.js
View File

@@ -6,6 +6,11 @@ const workorderIndex = r => require.ensure([], () => r(require('@page/modules/wo
const workOrderAssignment = r => require.ensure([], () => r(require('@page/modules/workorder/work-order-assignment')), 'workorder')
const workReportQuery = r => require.ensure([], () => r(require('@page/modules/workorder/work-report-query')), 'workorder')
const workOrderQuery = r => require.ensure([], () => r(require('@page/modules/workorder/work-order-query')), 'workorder')
const finishedIndex = r => require.ensure([], () => r(require('@page/modules/finished/index')), 'finished')
const finishedInstore = r => require.ensure([], () => r(require('@page/modules/finished/finished-instore')), 'finished')
const selectFinishedMater = r => require.ensure([], () => r(require('@page/modules/finished/select-finished-mater')), 'finished')
const finishedInstoreSearch = r => require.ensure([], () => r(require('@page/modules/finished/finished-instore-search')), 'finished')
const semifinishedIndex = r => require.ensure([], () => r(require('@page/modules/semifinished/index')), 'semifinished')
const semiFinishedInstore = r => require.ensure([], () => r(require('@page/modules/semifinished/semi-finished-instore')), 'semifinished')
const semiFinishedInstoreSearch = r => require.ensure([], () => r(require('@page/modules/semifinished/semi-finished-instore-search')), 'semifinished')
@@ -54,6 +59,23 @@ export default new Router({
component: workOrderQuery
}]
},
{
path: '/finishedindex',
component: finishedIndex,
children: [{
path: '/finishedinstore', // 成品入库
component: finishedInstore,
meta: {guidePath: '1'}
}, {
path: '/selectfinishedmater', // 选择成品箱物料
component: selectFinishedMater,
meta: {guidePath: '2'}
}, {
path: '/finishedinstoresearch', // 成品入库查询
component: finishedInstoreSearch,
meta: {guidePath: '3'}
}]
},
{
path: '/semifinishedindex',
component: semifinishedIndex,