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