css

assets/css/arrivalRegister/splitGoods.scss

@@ -332,9 +332,9 @@
             }
             .uni-textarea {
                 width: 100%;
-                height: 110rpx;
+                height: 150rpx;
                 background: #ffffff;
-                border-radius: 10px;
+                border-radius: 5rpx;
                 border: 1px solid #1969f9;
                 font-size: 17rpx;
                 padding: 18rpx;

pages/arrivalRegister/splitGoodsRecord.vue

@@ -19,15 +19,12 @@
             </view>
         </view>
         <view class="search-params row bothSide verCenter">
-            <view class="sn row rowCenter verCenter">
-                <picker @change="bindPickerChange($event,3)" :value="status_index" :range="status" :range-key="'name'">
-                    <view class="row verCenter">
-                        <view class="uni-input">{{ status_index === -1 ? '预检单状态' : status[status_index].name }}</view>
-                        <view class="uni-arrow"></view>
-                    </view>
-                </picker>
+            <view class="sn row rowCenter verCenter" style="width: 60%;">
+                <view class="select-box row" style="width: 100%;">
+                    <uni-datetime-picker v-model="formParams.register_time" type="datetimerange" rangeSeparator="~" :clear-icon="false" @change="changeDate" start-placeholder="开始到货时间" end-placeholder="结束到货时间" :border="false" />
+                </view>
             </view>
-            <view class="sn row rowCenter verCenter">
+            <view class="sn row rowCenter verCenter" style="width: 30%;">
                 <picker @change="bindPickerChange($event,4)" :value="logistics_company_index" :range="logistics_company" :range-key="'name'">
                     <view class="row verCenter">
                         <view class="uni-input">{{ logistics_company_index === -1 ? '请选择物流公司' : logistics_company[logistics_company_index].name }}</view>
@@ -163,6 +160,12 @@
             }
         },
         methods: {
+            changeDate(e) {
+                console.log(e)
+                this.searchParams.register_time = e[0] + ' ~ ' + e[1];
+                this.resetChange();
+                this.getData();
+            },
             bindPickerChange: function(e, type) {
                 console.log('picker发送选择改变，携带值为', e.detail.value);
                 if (type == 1) {
@@ -330,4 +333,27 @@
 
 <style scoped lang="scss">
     @import '@/assets/css/arrivalRegister/splitGoodsRecord.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>
\ No newline at end of file