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