feat: 发货单-详情-子表-按钮展示逻辑（申请延期&拆分）

@@ -15,7 +15,7 @@
 
         <!-- 产品 -->
         <view class="section2">
-          <Product mode="view" :list="form.detailList" />
+          <Product mode="view" :status="form.status" :list="form.detailList" />
         </view>
         <view class="section">
           <view class="row"><text class="label">签收单据</text><text class="value act">{{ form.fileName }}</text></view>
@@ -56,7 +56,8 @@ export default {
     return {
       form: {},
       buttons: [
-        { text: '编辑', visible: true, variant: 'outline', event: 'edit' },
+        // 编辑涉及到的产品-子表操作 放到详情里面
+        // { text: '编辑', visible: true, variant: 'outline', event: 'edit' },
         { text: '填写实发数', visible: true, variant: 'outline', event: 'fill' },
         { text: '上传签收单据', visible: true, variant: 'primary', event: 'upload' },
       ],
@@ -76,9 +77,9 @@ export default {
     displayButtons() {
       const f = this.statusFlags
       return [
-        { ...this.buttons[0], visible: f.canEdit && this.$auth.hasPermi('shipping-plan-manage:invoice:modify') },
-        { ...this.buttons[1], visible: f.canFill && this.$auth.hasPermi('shipping-plan-manage:invoice:fill') },
-        { ...this.buttons[2], visible: f.canUpload && this.$auth.hasPermi('shipping-plan-manage:invoice:upload') },
+        // { ...this.buttons[0], visible: f.canEdit && this.$auth.hasPermi('shipping-plan-manage:invoice:modify') },
+        { ...this.buttons[0], visible: f.canFill && this.$auth.hasPermi('shipping-plan-manage:invoice:fill') },
+        { ...this.buttons[1], visible: f.canUpload && this.$auth.hasPermi('shipping-plan-manage:invoice:upload') },
       ]
     }
   },
@@ -98,17 +99,17 @@ export default {
     handleButtonClick(btn) {
       if (!btn || btn.disabled) return
       const map = {
-        edit: () => this.onEdit(),
+        // edit: () => this.onEdit(),
         fill: () => this.onFill(),
         upload: () => this.onUpload(),
       }
       const fn = map[btn.event]
       if (typeof fn === 'function') fn()
     },
-    onEdit() {
+    // onEdit() {
       // const id = this.form.id || this.form.code
       // if (id) uni.navigateTo({ url: `/pages/invoice/modify?id=${id}` })
-    },
+    // },
     onFill() {
       const id = this.form.id || this.form.code
       if (id) uni.navigateTo({ url: `/pages/invoice/fill?id=${id}` })

@@ -133,6 +133,11 @@
                 <view class="row"><text class="label">回程费</text><text class="value">{{ item.contractType === 'PROCESS_STD_AGMT' ? item.shippingCost : '' }}</text></view>
                 <view class="row"><text class="label">牌号</text><text class="value">{{ item.brand }}</text></view>
                 <view class="row"><text class="label">高新</text><text class="value">-</text></view>
+                <view v-if="status === 'UN_SHIPMENTS' && $auth.hasPermi('shipping-plan-manage:invoice:modify') " class="row row-opt">
+                    <text class="row-opt_btn">申请延期</text>
+                    <text class="line"></text>
+                    <text class="row-opt_btn">拆分</text>
+                </view>
             </view>
         </view>
 
@@ -145,6 +150,7 @@ export default {
     props: {
         title: { type: String, default: '' },
         mode: { type: String, default: 'add' },
+        status: { type: String, default: '' },
         list: { type: Array, default: () => [] },
     },
     data() {
@@ -669,6 +675,33 @@ export default {
             height: 60rpx;
             align-items: center;
         }
+
+        &.row-opt {
+            height: 80rpx;
+            display: flex;
+            justify-content: flex-end;
+            align-items: center;
+            position: relative;
+            right: -20rpx;
+
+            .row-opt_btn {
+                font-size: 30rpx;
+                padding: 0 40rpx;
+                text-align: center;
+                &:first-child {
+                    color: $theme-primary;
+                }
+                &:last-child {
+                    color: $theme-primary;
+                }
+            }
+            .line {
+                display: block;
+                width: 2rpx;
+                height: 30rpx;
+                background: rgba(0, 0, 0, 0.2);
+            }
+        }
     }
 
     .row:last-child {
@@ -676,7 +709,7 @@ export default {
     }
 
     .label {
-        width: 260rpx;
+        width: 200rpx;
         margin-right: 14rpx;
         color: rgba(0, 0, 0, 0.6);
         font-size: 28rpx;