选择成品物料

This commit is contained in:
2023-06-28 18:09:04 +08:00
parent e1d4bad7e9
commit db2fdd3190
3 changed files with 98 additions and 6 deletions

View File

@@ -60,7 +60,7 @@ export default {
}
</script>
<style lang="stylus">
<style lang="stylus" scoped>
@import '~@style/mixin.styl'
.zd_content
padding-top 0
@@ -95,7 +95,7 @@ export default {
padding-left 5px
.zd_wrapper
_wh(calc(100% - 30px),calc(100% - 152px)) /** 42+80+15+15 */
padding 15px 5%
padding 35px 5%
// background-color #fff
border-radius 12px
margin 0 auto 15px auto
@@ -108,9 +108,6 @@ export default {
_wh(30%, auto)
margin-bottom 20px
_font(13px, 30px,#e74f1a,,center)
&:nth-child(3n+2)
margin-left 5%
margin-right 5%
::v-deep .menu-img
_wh(100%, auto)
img

View File

@@ -2,7 +2,7 @@
<div class="container">
<header>
<div class="left-box">
<button class="fl logo iconfont dropdown_icon" ref="logo" @click="getInfo">登录人员 {{userName}}</button>
<button class="fl logo iconfont dropdown_icon" ref="logo" @click="getInfo">登录人员222 {{userName}}</button>
<ul class="drift dropdown-ul" id="dropdown-ul" :style="{'height': drift+'rem','width' : cwidth + 'px'}">
<li @click="exit">退出</li>
</ul>

View File

@@ -0,0 +1,95 @@
<template>
<div class="order-wraper">
<div class="search-confirm-wrap">
<div class="search-wrap">
<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">
<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>
<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>
<th>数量</th>
<th>单位</th>
</tr>
</thead>
<tbody>
<tr v-for="(e, i) in [1, 2, 3]" :key="i">
<td>1</td>
<td>20160616</td>
<td>RT20160616001</td>
<td>供应商甲</td>
<td>xno01</td>
<td>020301020001</td>
<td>钴粉</td>
<td>成品</td>
<td>1000</td>
<td></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>