feat：优化售后

pages/mine_package/mine_order/after-sales/refund-popu.vue

@@ -1,10 +1,10 @@
 <template>
   <!-- 退货退款模块 -->
-  <view>
-    <view v-if="status > 0">
+  <view class="refund_box">
+    <view v-if="status > 0" class="refund_header">
       <salesStatus :topLabel="topLabel" :topTitle="topTitle" :status="status"></salesStatus>
     </view>
-    <view class="refund_content">
+    <scroll-view scroll-y class="refund_content">
       <view class="content_card">
         <image :src="product.items[0].mainGraph" class="card_img"></image>
         <view class="card_info">
@@ -60,6 +60,8 @@
             v-model="product.expressNo" />
         </view>
       </view>
+    </scroll-view>
+
     <view v-if="buttonLabel" :class="[
       'bottom_box',
       {
@@ -71,7 +73,6 @@
       <view class="button operate_but_2" @click="submit">
         {{ buttonLabel }}</view>
     </view>
-    </view>
     <up-toast ref="uToastRef"></up-toast>
 
     <up-picker :show="expressShow" :columns="[expressList]" keyName="name" valueName="id" itemHeight="34"
@@ -321,15 +322,22 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.refund_box {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+}
+
+.refund_header {
+  flex-shrink: 0;
+}
+
 .refund_content {
   width: 100%;
-  padding: 0 32rpx;
+  height: 52vh;
+  padding: 0 32rpx 30rpx;
   box-sizing: border-box;
-  overflow-y: scroll;
 
-  // .card_list_box {
-  //   padding-bottom: 88rpx;
-  // }
   .content_card {
     display: flex;
     margin-bottom: 48rpx;
@@ -410,33 +418,24 @@ export default {
       font-size: 28rpx;
     }
   }
+}
 
 .bottom_box {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    /* 补充 left:0，确保容器从左侧开始 */
-    right: 0;
-    /* 补充 right:0，让容器宽度自适应屏幕/弹窗 */
+  flex-shrink: 0;
   text-align: center;
   background: #ffffff;
-    padding: 0 48rpx 28rpx;
-    /* 增加内边距，避免按钮贴边 */
-    z-index: 10;
+  padding: 16rpx 32rpx calc(28rpx + env(safe-area-inset-bottom));
+  box-sizing: border-box;
+  box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
 
-    /* 确保整个底部区域在内容上方 */
   .button {
     width: 100%;
-      /* 直接用 100%，利用父容器的 padding 控制边距 */
     height: 88rpx;
     background: linear-gradient(270deg, #b164fb 0%, #7934f6 100%);
     color: #ffffff;
     line-height: 88rpx;
     text-align: center;
     border-radius: 8rpx;
-      margin-top: 28rpx;
-      /* 只保留顶部 margin，底部由父容器 padding 控制 */
-      /* 移除 margin 左右值，改用父容器 padding 控制边距 */
   }
 
   &.bottom_box_quash {
@@ -455,5 +454,4 @@ export default {
     }
   }
 }
-}
 </style>

pages/mine_package/mine_order/mine_order.vue

@@ -134,7 +134,8 @@
                 form.type === MINE_ORDER_TYPE.UNPAID
                   ? 'operate_but_3'
                   : 'operate_but_1',
-              ]" v-if="!item.isAfter && form.type !== MINE_ORDER_TYPE.AFTER_SALE" @click="onSaleAfter(item)">
+              ]" v-if="!item.isAfter && form.type !== MINE_ORDER_TYPE.AFTER_SALE && item.status !== 5"
+                @click="onSaleAfter(item)">
                 {{
                   form.type === MINE_ORDER_TYPE.UNPAID ? "取消支付" : "去售后"
                 }}
@@ -185,10 +186,8 @@
 
     <!-- 申请售后 -->
     <up-popup v-model:show="afterShow" class="after-sales-popup" :customStyle="{
-      //  maxHeight: '80%',
-      overflow: 'scroll',
+      overflow: 'hidden',
       position: 'relative',
-      paddingBottom: '80rpx',
     }" :round="10" :closeOnClickOverlay="false" :closeable="true" :safeAreaInsetBottom="false"
       @close="afterShow = false">
       <view class="after-sales-title">