From bb6aebd55fc9a8039e1c199ae1ea8af4eb547b1b Mon Sep 17 00:00:00 2001 From: queenwuli <942534046@qq.com> Date: Wed, 30 Dec 2020 10:32:41 +0800 Subject: [PATCH] gx --- hive-app/pages/workbench/storeRecord.vue | 101 +++++++++++++++++++++++++++++++++++--------------- 1 files changed, 70 insertions(+), 31 deletions(-) diff --git a/hive-app/pages/workbench/storeRecord.vue b/hive-app/pages/workbench/storeRecord.vue index adc038a..0877076 100644 --- a/hive-app/pages/workbench/storeRecord.vue +++ b/hive-app/pages/workbench/storeRecord.vue @@ -1,42 +1,30 @@ <template> <!-- 出入库记录 --> <view> - <view class="header font-14 flex align-center justify-center"> + <view class="header"> <view class="header-time mr-20"> - <text class="blue">2019-08-25</text> + <picker mode="date" @change="startDateChange"> + <text :class="startDate?'blue':'gray'">{{startDate?startDate:'请选择开始日期'}}</text> + </picker> </view> <text class="iconfont iconjian"></text> <view class="header-time ml-20"> - <text class="blue">2020-08-25</text> + <picker mode="date" @change="endDateChange"> + <text :class="endDate?'blue':'gray'">{{endDate?endDate:'请选择结束日期'}}</text> + </picker> </view> </view> <view class="content"> - <view class="content-row mt-10"> - <view class="content-row-time"> - <text class="font-14">2020-12-11 11:15</text> + <view class="content-row" v-for="item in list"> + <view class="content-row-header"> + <text>{{item.createTime}}</text> </view> - <view class="content-row-record"> - <view class="font-16 flex align-center justify-between"> - <text>采购入库</text> - <text>入库数量: 2</text> + <view class="content-row-con"> + <view class="font-15 flex align-center justify-between mb-10"> + <text>{{item.content}}</text> + <text :class="item.amount<0?'red':'green'">{{item.amount<0?item.amount:'+'+item.amount}}</text> </view> - <view class="mt-10"> - <text class="font-14 gray">订单编号: N1231242412412414</text> - </view> - </view> - </view> - <view class="content-row mt-10"> - <view class="content-row-time"> - <text class="font-14">2020-12-11 11:15</text> - </view> - <view class="content-row-record"> - <view class="font-16 flex align-center justify-between"> - <text>销售出库</text> - <text>出库数量: 2</text> - </view> - <view class="mt-10"> - <text class="font-14 gray">订单编号: N1231242412412414</text> - </view> + <text class="gray">订单编号: {{item.orderNo}}</text> </view> </view> </view> @@ -44,13 +32,58 @@ </template> <script> + export default{ + data(){ + return { + goodsCode: '', + startDate: '', + endDate: '', + list: [] + } + }, + onLoad(options) { + this.goodsCode = options.goodsCode; + this.loadList() + }, + methods:{ + startDateChange(e){ + this.startDate = e.detail.value; + this.loadList() + }, + endDateChange(e){ + this.endDate = e.detail.value; + this.loadList() + }, + loadList(){ + this.$httpUtils.request('/api/store/findGoodsInOutInfo', { + code: this.goodsCode, + pageNum: 1, + pageSize: 100, + startTime: this.startDate, + endTime: this.endDate + }, 'POST').then((res) => { + if(res.status == 200){ + this.list = res.rows; + } + }) + } + } + } </script> <style> page{ background: #F6F6F8; + position: relative; } .header{ + display: flex; + align-items: center; + justify-content: center; + position: fixed; + left: 0; + right: 0; + margin-top: -10px; background: #FFFFFF; padding: 10px 0; box-shadow:0 6px 6px rgba(237,234,244,0.5); @@ -60,23 +93,29 @@ .header-time{ border: 1px solid #EDEAF4; border-radius: 4px; - padding: 5px 10px; + padding: 5px 0; + width: 120px; + text-align: center; + font-size: 14px; } .content{ - padding: 0 10px; + padding: 44px 10px 10px; } .content-row{ + margin-top: 10px; background: #FFFFFF; border: 1px solid #EDEAF4; border-radius: 4px; padding: 0 10px; box-shadow:0 6px 6px rgba(237,234,244,0.5); } - .content-row-time{ + .content-row .content-row-header{ padding: 10px 0; border-bottom: 1px solid #EDEAF4; + font-size: 13px; } - .content-row-record{ + .content-row-con{ padding: 10px 0; + font-size: 13px; } </style> -- Gitblit v1.9.1