选择成品箱物料

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

@@ -17,20 +17,20 @@
                 <div class="search-item">
                     <div class="search-label">单据号</div>
                     <div class="filter_input_wraper">
-                        <input type="text" class="filter-input">
+                        <input type="text" class="filter-input" v-model="val1">
                     </div>
                 </div>
                 <div class="search-item">
                     <div class="search-label">物料</div>
                     <div class="filter_input_wraper">
-                        <input type="text" class="filter-input">
+                        <input type="text" class="filter-input" v-model="val2">
                     </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>
+                    <button class="button button--primary" @click="_getMaterial">快速查询</button>
+                    <button class="button button--primary" @click="toSure">确定</button>
+                    <button class="button button--primary" @click="clear">清空</button>
+                    <button class="button button--primary" @click="close">关闭</button>
                 </div>
             </div>
         </div>
@@ -45,23 +45,21 @@
                         <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 v-for="(e, i) in dataList" :key="i" :class="{'selected_icon': pkId === e.sale_code}" @click="toRadio(e)">
+                        <td>{{i + 1}}</td>
+                        <td>{{e.create_time}}</td>
+                        <td>{{e.sale_code}}</td>
+                        <td>{{e.cust_name}}</td>
+                        <td>{{e.bucketunique}}</td>
+                        <td>{{e.material_code}}</td>
+                        <td>{{e.material_name}}</td>
+                        <td>{{e.sale_qty}}</td>
+                        <td>{{e.qty_unit_name}}</td>
                     </tr>
                 </tbody>
             </table>
@@ -70,16 +68,42 @@
 </template>
 
 <script>
+import { getMaterial } from '../../../config/getData1.js'
 export default {
   data () {
     return {
-      options1: [],
-      value1: '',
+      val1: '',
+      val2: '',
       date: [new Date((new Date().getTime() - 24 * 60 * 60 * 1000)), new Date((new Date().getTime() + 24 * 60 * 60 * 1000))],
-      options2: [],
-      value2: '',
-      options3: [],
-      value3: ''
+      dataList: [{sale_code: '030301010031'}],
+      pkId: '',
+      pkObj: {}
+    }
+  },
+  created () {
+    this._getMaterial()
+  },
+  methods: {
+    // 查询
+    async _getMaterial () {
+      let res = await getMaterial(this.date, this.val1, this.val2)
+      this.dataList = [...res.data]
+    },
+    toRadio (e) {
+      this.pkId = this.pkId === e.sale_code ? '' : e.sale_code
+      this.pkObj = this.pkId === e.sale_code ? e : {}
+    },
+    toSure () {
+      this.$router.push('/finishedinstore')
+    },
+    clear () {
+      this.val1 = ''
+      this.val2 = ''
+      this.pkId = ''
+      this.pkObj = {}
+    },
+    close () {
+      this.$router.push('/finishedinstore')
     }
   }
 }