记录

assets/css/putaway/record.scss

 .putaway-record {
 .putaway-record {
     padding: 15rpx 22rpx;
     padding: 15rpx 22rpx;
+    .search-params {
+        margin-top: 15rpx;
+        margin-bottom: 24rpx;
+        .sn {
+            width: 47%;
+            height: 60rpx;
+            background: #ffffff;
+            border-radius: 10rpx;
+            .uni-input {
+                font-size: 18rpx;
+                color: #292b33;
+                font-weight: bold;
+            }
+            .uni-arrow {
+                width: 14rpx;
+                height: 9rpx;
+                background: url('https://img.ichunt.com/images/ichunt/202304/10/e4c72319ad41ce1425f71cc6ec35f111.png') no-repeat center;
+                background-size: contain;
+                margin-left: 12rpx;
+            }
+        }
+    }
     .search-box {
     .search-box {
         height: 60rpx;
         height: 60rpx;
         background: #ffffff;
         background: #ffffff;
@@ -50,6 +72,14 @@
             color: #292b33;
             color: #292b33;
             margin-left: 5rpx;
             margin-left: 5rpx;
         }
         }
+        .total-text {
+            font-size: 16rpx;
+            color: #919399;
+            .tt {
+                padding: 0 5rpx;
+                color: #1969f9;
+            }
+        }
     }
     }
     .list {
     .list {
         margin-top: 15rpx;
         margin-top: 15rpx;

pages/putaway/record.vue

 <template>
 <template>
     <view class="putaway-record">
     <view class="putaway-record">
+        <view class="search-params row verCenter">
+            <view class="sn row rowCenter verCenter" style="width: 100%;">
+                <view class="select-box row" style="width: 100%;">
+                    <uni-datetime-picker v-model="searchParams.stock_shelf_time" type="daterange" rangeSeparator="~" :clear-icon="true" @change="changeDate" start-placeholder="上架开始时间" end-placeholder="上架结束时间" :border="false" />
+                </view>
+            </view>
+        </view>
         <!-- 搜索部分 -->
         <!-- 搜索部分 -->
         <view class="search-box row bothSide verCenter">
         <view class="search-box row bothSide verCenter">
             <view class="sn row rowCenter verCenter">
             <view class="sn row rowCenter verCenter">
@@ -37,7 +44,7 @@
                 </label>
                 </label>
             </radio-group>
             </radio-group>
         </view>
         </view>
-        <view class="radio-wrap row verCenter">
+        <view class="radio-wrap row bothSide verCenter">
             <radio-group name="radio" @change="radioChange($event, 2)">
             <radio-group name="radio" @change="radioChange($event, 2)">
                 <label>
                 <label>
                     <radio value="" style="transform:scale(0.7)" checked="true" color="#1969f9" />
                     <radio value="" style="transform:scale(0.7)" checked="true" color="#1969f9" />
@@ -52,6 +59,7 @@
                     <text>提交</text>
                     <text>提交</text>
                 </label>
                 </label>
             </radio-group>
             </radio-group>
+            <view class="total-text" v-if="list.length > 0">共<text class="tt">{{list.length}}</text>条数据</view>
         </view>
         </view>
         <!-- 列表 -->
         <!-- 列表 -->
         <view class="list row bothSide" v-if="list.length > 0">
         <view class="list row bothSide" v-if="list.length > 0">
@@ -251,6 +259,9 @@
     import { API } from '@/util/api.js';
     import { API } from '@/util/api.js';
     import { createArray } from '@/util/util.js';
     import { createArray } from '@/util/util.js';
     import debounce from 'lodash/debounce';
     import debounce from 'lodash/debounce';
+    const now = new Date()
+    const start = new Date(now.setHours(0, 0, 0, 0))
+    const end = new Date(now.setHours(23, 59, 59, 999))
 
 
     export default {
     export default {
         data() {
         data() {
@@ -266,7 +277,9 @@
                 filter_id: [], //过滤处理的id
                 filter_id: [], //过滤处理的id
                 detail: {},
                 detail: {},
                 hasMoreData: true, //是否分页加载
                 hasMoreData: true, //是否分页加载
+                total: 0,
                 searchParams: {
                 searchParams: {
+                    stock_shelf_time: [start, end], //上架时间
                     stock_in_type: '',
                     stock_in_type: '',
                     search_type: 1,
                     search_type: 1,
                     search_keyword: '',
                     search_keyword: '',
@@ -293,6 +306,13 @@
             this.getData();
             this.getData();
         },
         },
         methods: {
         methods: {
+            changeDate(e) {
+                if (e[0]) {
+                    this.searchParams.stock_shelf_time = e[0] + ' ~ ' + e[1];
+                }
+                this.resetChange();
+                this.getData();
+            },
             radioChange(e, type) {
             radioChange(e, type) {
                 this.resetChange();
                 this.resetChange();
                 if (type == 1) {
                 if (type == 1) {
@@ -561,4 +581,27 @@
 
 
 <style scoped lang="scss">
 <style scoped lang="scss">
     @import '@/assets/css/putaway/record.scss';
     @import '@/assets/css/putaway/record.scss';
+
+    ::v-deep {
+        .uni-calendar--fixed {
+            z-index: 9999999 !important;
+        }
+
+        .uni-date-x .icon-calendar {
+            display: none !important;
+        }
+
+        .uni-date__x-input {
+            height: 30px !important;
+            line-height: 30px !important;
+            padding-left: 0 !important;
+            font-size: 17rpx;
+        }
+
+        .uni-date-x .range-separator {
+            height: 30px !important;
+            line-height: 30px !important;
+            padding: 0 15rpx !important;
+        }
+    }
 </style>
 </style>
\ No newline at end of file