半成品
This commit is contained in:
@@ -19,8 +19,12 @@ export default {
|
|||||||
jxHeader
|
jxHeader
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {}
|
||||||
title: ['半成品入库', '半成品入库查询', '半成品出库', '半成品出库查询', '半成品盘点', '半成品盘点查询', '半成品拼盘', '半成品拼盘查询'][Number(this.$route.meta.guidePath) - 1]
|
},
|
||||||
|
computed: {
|
||||||
|
title () {
|
||||||
|
let res = ['半成品入库', '半成品入库查询', '半成品出库', '半成品出库查询', '半成品盘点', '半成品盘点查询', '半成品拼盘', '半成品拼盘查询'][Number(this.$route.meta.guidePath) - 1]
|
||||||
|
return res
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -16,10 +16,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="search-item">
|
<div class="search-item">
|
||||||
<div class="search-label">日期</div>
|
<div class="search-label search-label_1">日期</div>
|
||||||
<div class="filter_input_wraper">
|
<div class="filter_input_wraper filter_input_wraper_1">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="value1"
|
v-model="date"
|
||||||
type="daterange"
|
type="daterange"
|
||||||
range-separator="-"
|
range-separator="-"
|
||||||
start-placeholder="开始日期"
|
start-placeholder="开始日期"
|
||||||
@@ -86,7 +86,7 @@
|
|||||||
<td>类型</td>
|
<td>类型</td>
|
||||||
<td>物料编号</td>
|
<td>物料编号</td>
|
||||||
<td>物料规格</td>
|
<td>物料规格</td>
|
||||||
<td>数量(个)</td>
|
<td>数量</td>
|
||||||
<td>单重(g)</td>
|
<td>单重(g)</td>
|
||||||
<td>重量(kg)</td>
|
<td>重量(kg)</td>
|
||||||
<td>载具号</td>
|
<td>载具号</td>
|
||||||
@@ -107,6 +107,7 @@ export default {
|
|||||||
return {
|
return {
|
||||||
options1: [],
|
options1: [],
|
||||||
value1: '',
|
value1: '',
|
||||||
|
date: [new Date((new Date().getTime() - 24 * 60 * 60 * 1000)), new Date((new Date().getTime() + 24 * 60 * 60 * 1000))],
|
||||||
options2: [],
|
options2: [],
|
||||||
value2: '',
|
value2: '',
|
||||||
options3: [],
|
options3: [],
|
||||||
@@ -119,4 +120,8 @@ export default {
|
|||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
.grid_wraper
|
.grid_wraper
|
||||||
height calc(100% - 95px)
|
height calc(100% - 95px)
|
||||||
|
.filter_input_wraper_1
|
||||||
|
width calc(100% - 45px)
|
||||||
|
.search-label_1
|
||||||
|
width 45px
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -53,7 +53,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="search-item">
|
<div class="search-item">
|
||||||
<div class="search-label">数量(个)</div>
|
<div class="search-label">数量</div>
|
||||||
<div class="filter_input_wraper">
|
<div class="filter_input_wraper">
|
||||||
<input type="number" class="filter-input">
|
<input type="number" class="filter-input">
|
||||||
</div>
|
</div>
|
||||||
@@ -73,9 +73,12 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="search-item">
|
<div class="search-item">
|
||||||
<div class="search-label">载具号</div>
|
<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">
|
<input type="text" class="filter-input">
|
||||||
</div>
|
</div>
|
||||||
|
<div class="filter_button">
|
||||||
|
<button class="button button--primary">呼叫空载具</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="search-item">
|
<div class="search-item">
|
||||||
<div class="search-label">备注</div>
|
<div class="search-label">备注</div>
|
||||||
@@ -118,4 +121,10 @@ export default {
|
|||||||
.search-item_2
|
.search-item_2
|
||||||
width 100%
|
width 100%
|
||||||
margin-left 0
|
margin-left 0
|
||||||
|
.filter_button
|
||||||
|
width 96px
|
||||||
|
height 30px
|
||||||
|
.filter_input_wraper_1
|
||||||
|
width calc(100% - 156px)
|
||||||
|
padding-right 10px
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -214,7 +214,7 @@ header
|
|||||||
justify-content center
|
justify-content center
|
||||||
align-items center
|
align-items center
|
||||||
.filter-input
|
.filter-input
|
||||||
_wh(100%, 29px)
|
_wh(100%, 30px)
|
||||||
_font(12px, 30px, #606266,,)
|
_font(12px, 30px, #606266,,)
|
||||||
padding 0 10px
|
padding 0 10px
|
||||||
border-radius 4px
|
border-radius 4px
|
||||||
@@ -277,13 +277,13 @@ header
|
|||||||
overflow hidden
|
overflow hidden
|
||||||
white-space nowrap
|
white-space nowrap
|
||||||
text-overflow ellipsis
|
text-overflow ellipsis
|
||||||
|
padding 8px 10px
|
||||||
td
|
td
|
||||||
&:first-child
|
&:first-child
|
||||||
position sticky
|
position sticky
|
||||||
left -1px
|
left -1px
|
||||||
z-index 50
|
z-index 50
|
||||||
background-color #8b90a6
|
background-color #090b3c
|
||||||
color #fff
|
|
||||||
|
|
||||||
.message-box__wrapper
|
.message-box__wrapper
|
||||||
position fixed
|
position fixed
|
||||||
@@ -425,7 +425,6 @@ input::-webkit-input-placeholder
|
|||||||
.filter_input_wraper
|
.filter_input_wraper
|
||||||
width calc(100% - 60px)
|
width calc(100% - 60px)
|
||||||
height 30px
|
height 30px
|
||||||
line-height 30px
|
|
||||||
.search-item_2
|
.search-item_2
|
||||||
_fj(flex-end)
|
_fj(flex-end)
|
||||||
width 64%
|
width 64%
|
||||||
@@ -458,6 +457,8 @@ input::-webkit-input-placeholder
|
|||||||
color: $red
|
color: $red
|
||||||
td
|
td
|
||||||
color: $red
|
color: $red
|
||||||
|
.zd_wrapper .grid_wraper td:first-child
|
||||||
|
background-color #ff6b00
|
||||||
.overall_lightgreen
|
.overall_lightgreen
|
||||||
background linear-gradient(#00d9a1 0%,#00c0a5 30%,#115fae 100%)
|
background linear-gradient(#00d9a1 0%,#00c0a5 30%,#115fae 100%)
|
||||||
.body-container
|
.body-container
|
||||||
@@ -479,5 +480,7 @@ input::-webkit-input-placeholder
|
|||||||
color: #008f8f
|
color: #008f8f
|
||||||
td
|
td
|
||||||
color: #008f8f
|
color: #008f8f
|
||||||
|
.zd_wrapper .grid_wraper td:first-child
|
||||||
|
background-color #00c0a5
|
||||||
.overall_blue
|
.overall_blue
|
||||||
background linear-gradient(#031f6d 0%,#011a60 20%,#060346 100%)
|
background linear-gradient(#031f6d 0%,#011a60 20%,#060346 100%)
|
||||||
Reference in New Issue
Block a user