<template>
    <view class="receiving">
        <view class="fix">
            <view class="search-box">
                <view class="search-input row bothSide verCenter">
                    <text class="iconfont icon-a-riqi11"></text>
                    <text class="iconfont icon-jinggao2" v-if="input_status" @click="clearInput()"></text>
                    <input type="text" @input="inputChange()" placeholder="请手动输入入仓号" class="uni-input" v-model="param.orderNo" />
                    <view class="more row verCenter" :class="{ curr: shade_flag }" @click="filterChange()">
                        <text class="t1">{{ shade_flag ? '更少条件' : '更多条件' }}</text>
                        <text class="iconfont icon-sanjiaoxing1 arrow"></text>
                    </view>
                </view>
                <view class="show-box" v-if="shade_flag">
                    <view class="input-time row verCenter">
                        <uni-datetime-picker @change="change" v-model="datetimerange" type="daterange" rangeSeparator="至" />
                    </view>
                    <view class="row bottom bothSide">
                        <view class="btn row rowCenter verCenter" @click="submit()">查 询</view>
                        <view class="canel row rowCenter verCenter" @click="canel()">重 置</view>
                    </view>
                </view>
            </view>
        </view>
        <view class="list">
            <navigator class="box row bothSide verCenter" url="/pages/goods/addReceiving" hover-class="none">
                <view class="bill-number color1 row rowCenter verCenter">A123456-01</view>
                <view>
                    <text class="t1">供应商：富开香港有限公司</text>
                    <view class="text">
                        <text class="p1">订单时间:</text>
                        <text class="p2 mr49">2020/07/20 15:12</text>
                        <text class="p1">商务:</text>
                        <text class="p2">周红丹</text>
                    </view>
                </view>
                <text class="words-text">快递物流</text>
            </navigator>
            <view class="box row bothSide verCenter">
                <view class="bill-number color2 row rowCenter verCenter">B123456-01</view>
                <view>
                    <text class="t1">供应商：富开香港有限公司</text>
                    <view class="text">
                        <text class="p1">订单时间:</text>
                        <text class="p2 mr49">2020/07/20 15:12</text>
                        <text class="p1">商务:</text>
                        <text class="p2">周红丹</text>
                    </view>
                </view>
                <text class="words-text">上门取货</text>
            </view>
            <view class="box row bothSide verCenter">
                <view class="bill-number color1 row rowCenter verCenter">B123456-01</view>
                <view>
                    <text class="t1">供应商：富开香港有限公司</text>
                    <view class="text">
                        <text class="p1">订单时间:</text>
                        <text class="p2 mr49">2020/07/20 15:12</text>
                        <text class="p1">商务:</text>
                        <text class="p2">周红丹</text>
                    </view>
                </view>
                <text class="words-text">上门取货</text>
            </view>
            <view class="box row bothSide verCenter">
                <view class="bill-number color1 row rowCenter verCenter">B123456-01</view>
                <view>
                    <text class="t1">供应商：富开香港有限公司</text>
                    <view class="text">
                        <text class="p1">订单时间:</text>
                        <text class="p2 mr49">2020/07/20 15:12</text>
                        <text class="p1">商务:</text>
                        <text class="p2">周红丹</text>
                    </view>
                </view>
                <text class="words-text">快递物流</text>
            </view>
            <view class="box row bothSide verCenter">
                <view class="bill-number color1 row rowCenter verCenter">B123456-01</view>
                <view>
                    <text class="t1">供应商：富开香港有限公司</text>
                    <view class="text">
                        <text class="p1">订单时间:</text>
                        <text class="p2 mr49">2020/07/20 15:12</text>
                        <text class="p1">商务:</text>
                        <text class="p2">周红丹</text>
                    </view>
                </view>
                <text class="words-text">快递物流</text>
            </view>
        </view>
        <!-- 遮罩 -->
        <view class="shade" v-if="shade_flag" @click="shade_flag = false"></view>
    </view>
</template>

<script>
    import { API } from '@/util/api.js';

    export default {
        data() {
            return {
                flage: false,
                shade_flag: false,
                input_status: false,
                date: '',
                datetimerange: ['', ''],
            };
        },
        onShow() {
            this.getData();
        },
        methods: {
            getData() {
                this.request(API.userInfo, 'POST', {}, false).then(res => {

                });
            },
            clearInput() {
                this.input_status = false;
            },
            inputChange() {

            },
            filterChange() {
                this.shade_flag = !this.shade_flag;
            },
            change(e) {
                this.datetimerange = e;
                this.getData();
            },
            submit() {
                this.shade_flag = !this.shade_flag;
                this.getData();
            },
            canel() {
                this.shade_flag = !this.shade_flag;
                this.getData();
            }
        }
    };
</script>

<style scoped lang="scss">
    @import '../../assets/css/goods/receiving.scss';
</style>