feat(tallyReceive): Enhance drawer layout and styling

- Added full height and flexbox layout to the tally receive and record drawers for improved responsiveness.
- Introduced a scrollable area within the drawer to accommodate content overflow.
- Updated button styles for better visual separation and interaction feedback.
- Adjusted color for button text to enhance visibility and user experience.

assets/css/tallyReceive/index.scss

@@ -459,11 +459,16 @@
 
 .uni-drawer-tally-receive {
     width: 100%;
+    height: 100vh;
     background-color: #ffffff;
     padding: 22rpx 22rpx 0 22rpx;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
 
     .title {
         position: relative;
+        flex-shrink: 0;
 
         .iconfont {
             position: absolute;
@@ -480,6 +485,11 @@
         }
     }
 
+    .drawer-scroll-area {
+        flex: 1;
+        overflow: hidden;
+    }
+
     .p-text {
         margin-top: 38rpx;
         margin-bottom: 25rpx;
@@ -726,18 +736,18 @@
     }
 
     .btn {
-        position: absolute;
-        bottom: 0;
-        left: 0;
+        flex-shrink: 0;
         width: 100%;
         z-index: 99;
+        margin-top: 20rpx;
+        border-top: 1px solid #f0f0f2;
 
         .btn1 {
             width: 50%;
             height: 75rpx;
             background: #f5f5f7;
             font-size: 23rpx;
-            color: #1969f9;
+            color: #ff3700;
             font-weight: bold;
         }
 

assets/css/tallyReceive/record.scss

@@ -622,11 +622,16 @@
 
 .uni-drawer-tally-receive-detail {
     width: 100%;
+    height: 100vh;
     background-color: #ffffff;
     padding: 22rpx 22rpx 0 22rpx;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
 
     .title {
         position: relative;
+        flex-shrink: 0;
 
         .iconfont {
             position: absolute;
@@ -643,6 +648,11 @@
         }
     }
 
+    .drawer-scroll-area {
+        flex: 1;
+        overflow: hidden;
+    }
+
     .field-item {
         flex-wrap: wrap;
 
@@ -769,11 +779,11 @@
     }
 
     .btn {
-        position: absolute;
-        bottom: 0;
-        left: 0;
+        flex-shrink: 0;
         width: 100%;
         z-index: 99;
+        margin-top: 20rpx;
+        border-top: 1px solid #f0f0f2;
 
         .btn1 {
             width: 100%;

pages/tallyReceive/index.vue

@@ -226,6 +226,7 @@
                     <text class="iconfont icon-juxing2" @click="closeDrawer()"></text>
                     <text class="text">一键理货</text>
                 </view>
+                <scroll-view scroll-y class="drawer-scroll-area">
                     <view class="p-text">
                         <text class="tt">您已选中</text>
                         <text class="ed">{{ filter_id.length }}</text>
@@ -267,6 +268,7 @@
                         <view class="h2">理货备注：</view>
                         <view class="textarea-box"><textarea placeholder-style="color:#919399" placeholder="请输入" v-model="formParams.tally_remark" /></view>
                     </view>
+                </scroll-view>
                 <view class="btn row verCenter bothSide">
                     <view class="btn1 row rowCenter verCenter" @click="closeDrawer()">取 消</view>
                     <view class="btn2 row rowCenter verCenter" @click="createTallyReceiveSubmit()">一键理货</view>

pages/tallyReceive/record.vue

@@ -185,6 +185,7 @@
                     <text class="iconfont icon-juxing2" @click="closeDrawer()"></text>
                     <text class="text">理货详情</text>
                 </view>
+                <scroll-view scroll-y class="drawer-scroll-area">
                     <view class="field-item  row" style="margin-top: 39rpx;">
                         <view class="item row verCenter">
                             <text class="label">入库单号：</text>
@@ -422,6 +423,7 @@
                             </view>
                         </view>
                     </template>
+                </scroll-view>
                 <view class="btn row verCenter bothSide">
                     <view class="btn1 row rowCenter verCenter" @click="cancelTallyReceive(2, detail.tally_id, detail.stock_in_item_id)">取消理货</view>
                 </view>