选择成品物料
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user