选择成品物料

src/pages/homeset/HomePage.vue

@@ -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

src/pages/homeset/index.vue

@@ -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>

src/pages/modules/finished/select-finished-mater.vue

@@ -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>