feat: 发货单-拆分

@@ -98,4 +98,14 @@ export function queryDetail(params) {
     method: 'get',
     params: params,
   })
+}
+
+// 发货单-拆分
+export function splitDataApi(params) {
+  return request({
+    url: '/shipments/plan/detail/split',
+    method: 'post',
+    data: params,
+    contentType: ContentTypeEnum.JSON
+  })
 }
\ No newline at end of file

@@ -15,7 +15,8 @@
 
         <!-- 产品 -->
         <view class="section2">
-          <Product mode="view" :status="form.status" :list="form.detailList" @applyDelay="applyDelayFun" />
+          <Product mode="view" :status="form.status" :list="form.detailList" @applyDelay="applyDelayFun"
+            @split="splitFun" />
         </view>
         <view class="section">
           <view class="row"><text class="label">签收单据</text><text class="value act">{{ form.fileName }}</text></view>
@@ -101,11 +102,40 @@
         </view>
       </view>
     </uni-popup>
+    <!-- 拆分 -->
+    <uni-popup ref="splitPopup" type="bottom" :mask-click="false">
+      <view class="dialog">
+        <view class="dialog_header">
+          <text>拆分</text>
+          <view class="dialog_close" @click="closeSplit">×</view>
+        </view>
+        <view class="dialog_body split_body">
+          <Product mode="split" :initItem="splitForm.initItem" @change="onSplitChange" />
+        </view>
+        <view class="dialog_footer">
+          <view class="split_footer">
+            <view class="view-total">
+              <view class="head">合计</view>
+              <view class="row_block">
+                <view class="row">
+                  <text class="label">需发数量</text><text class="value">{{ splitForm.initItem.quantity || '-' }}</text>
+                </view>
+                <view class="row">
+                  <text class="label">吨位</text><text class="value">{{ splitForm.totalQuantity || '-' }}</text>
+                </view>
+              </view>
+            </view>
+            <button class="btn confirm" type="primary" @click="onSplitSave">提交</button>
+          </view>
+
+        </view>
+      </view>
+    </uni-popup>
   </view>
 </template>
 
 <script>
-import { getDetailApi, saveSignInTicket, checkApi } from '@/api/invoice.js'
+import { getDetailApi, saveSignInTicket, checkApi, splitDataApi } from '@/api/invoice.js'
 import Product from './product.vue'
 import DetailButtons from '@/components/detail-buttons/index.vue'
 import FileUpload from '@/components/file-upload/index.vue'
@@ -124,6 +154,10 @@ export default {
         { text: '上传签收单据', visible: true, variant: 'primary', event: 'upload' },
       ],
       uploadFile: { id: '', name: '' },
+      applyDelayForm: {},
+      splitForm: {
+        initItem: {},
+      },
     }
   },
   computed: {
@@ -249,14 +283,75 @@ export default {
       try {
         await createApi(params)
         uni.showToast({ title: '保存成功', icon: 'success' })
-          // 刷新当前页
-          this.$refs.applyDelayPopup && this.$refs.applyDelayPopup.close();
-          this.loadDetail(this.form.id)
+        // 刷新当前页
+        this.$refs.applyDelayPopup && this.$refs.applyDelayPopup.close();
+        this.loadDetail(this.form.id)
       } catch (e) {
         uni.showToast({ title: (e && e.msg) || '保存失败', icon: 'none' })
       }
     },
     // 拆分
+    splitFun(item) {
+      this.splitForm.initItem = { ...item };
+      this.$refs.splitPopup && this.$refs.splitPopup.open();
+    },
+    closeSplit() {
+      this.$refs.splitPopup && this.$refs.splitPopup.close();
+    },
+    onSplitChange(data) {
+      console.log('onSplitChange__data', data)
+      const list = Array.isArray(data) ? data : []
+      this.splitForm.splitQuantityList = list;
+      const sum = list.reduce((acc, it) => {
+        const v = Number(it && it.quantity)
+        return acc + (isNaN(v) ? 0 : v)
+      }, 0)
+      const fixedSum = Number(sum.toFixed(2))
+      console.log('onSplitChange__sum', fixedSum)
+      this.$set(this.splitForm, 'totalQuantity', fixedSum)
+    },
+    async onSplitSave() {
+      if (!this.validateLineListRequired()) return;
+      const params = {};
+      params.id = this.splitForm.initItem.id || '';
+      params.totalQuantity = this.splitForm.totalQuantity || '';
+      const _splitQuantityList = this.splitForm.splitQuantityList || [];
+      const splitQuantityList = _splitQuantityList
+        .map((r) => Number(r.quantity || 0))
+        .filter((n) => !isNaN(n));
+      params.splitQuantityList = splitQuantityList;
+      console.log('onSplitSave__params', params)
+      try {
+        await splitDataApi(params)
+        uni.showToast({ title: '保存成功', icon: 'success' })
+        // 刷新当前页
+        this.$refs.splitPopup && this.$refs.splitPopup.close();
+        this.loadDetail(this.form.id)
+      } catch (e) {
+        uni.showToast({ title: (e && e.msg) || '保存失败', icon: 'none' })
+      }
+    },
+    validateLineListRequired() {
+      const list = Array.isArray(this.splitForm.splitQuantityList) ? this.splitForm.splitQuantityList : []
+      if (list.length === 0) {
+        uni.showToast({ title: '请先添加发货单明细', icon: 'none' })
+        return false
+      }
+      const fields = [
+        { key: 'quantity', label: '吨位' },
+      ]
+      for (let i = 0; i < list.length; i++) {
+        const it = list[i] || {}
+        for (const f of fields) {
+          const v = it && it[f.key]
+          if (v === undefined || v === null || String(v).trim() === '' || Number(v) <= 0) {
+            uni.showToast({ title: `发货单明细第${i + 1}条：${f.label}不能为空！`, icon: 'none' })
+            return false
+          }
+        }
+      }
+      return true
+    },
   }
 }
 </script>
@@ -395,6 +490,10 @@ export default {
     overflow-y: auto;
   }
 
+  .split_body {
+    max-height: 60vh;
+  }
+
   &_footer {
     padding-top: 12rpx;
     display: flex;
@@ -583,4 +682,48 @@ export default {
 ::v-deep .uni-list-item__container {
   align-items: flex-start;
 }
+
+.split_footer {
+  width: 100%;
+
+  .view-total {
+    padding: 0 32rpx;
+
+    .head {
+      font-size: 32rpx;
+      font-weight: 600;
+      line-height: 36rpx;
+      color: rgba(0, 0, 0, 0.9);
+      padding-bottom: 10rpx;
+      margin-bottom: 24rpx;
+      border-bottom: 1px dashed #E7E7E7;
+    }
+
+    .row_block {
+      display: flex;
+    }
+
+    .row {
+      width: 50%;
+      display: flex;
+      line-height: 32rpx;
+
+      .label {
+        width: 140rpx;
+        margin-right: 14rpx;
+        color: rgba(0, 0, 0, 0.6);
+        font-size: 28rpx;
+      }
+
+      .value {
+        flex: 1;
+        color: rgba(0, 0, 0, 0.9);
+        font-size: 28rpx;
+        white-space: pre-wrap;
+        word-break: break-all;
+        text-align: left;
+      }
+    }
+  }
+}
 </style>

@@ -6,7 +6,7 @@
             <image class="opCollapse" src="/static/images/title.png" />
             <text class="title">{{ title || '发货单明细' }}</text>
             <view class="ops">
-                <!-- <image v-if="mode === 'add'" class="opAdd" @click="onAdd" src="/static/images/plus.png" /> -->
+                <image v-if="mode === 'split'" class="opAdd" @click="onAdd" src="/static/images/plus.png" />
                 <view v-if="mode === 'view'" class="op1" @click="toggleViewCollapse">
                     <image class="opAdd" :src="collapsedView ? '/static/images/down.png' : '/static/images/up.png'" />
                     <text class="op">{{ collapsedView ? '展开' : '收起' }} </text>
@@ -126,13 +126,13 @@
                     </view>
                 </view>
                 <view class="row"><text class="label">需发数量(kg)</text><text class="value">{{ item.quantity
-                        }}</text>
+                }}</text>
                 </view>
                 <view class="row"><text class="label">实发数量(kg)</text><text class="value">{{ item.actualShipmentQuantity
-                }}</text>
+                        }}</text>
                 </view>
                 <view class="row"><text class="label">件数</text><text class="value">{{ item.num
-                }}</text></view>
+                        }}</text></view>
                 <view class="row"><text class="label">单价(元/kg)</text><text class="value">{{ item.salesPrice }}</text>
                 </view>
                 <view class="row"><text class="label">包装费(元/kg)</text><text class="value">{{
@@ -144,17 +144,17 @@
                 <view class="row"><text class="label">加工经销</text><text class="value">{{ item.orderType }}</text></view>
                 <view class="row"><text class="label">运费</text><text class="value">{{ item.contractType !==
                     'PROCESS_STD_AGMT' ?
-                        item.shippingCost : '' }}</text></view>
+                    item.shippingCost : '' }}</text></view>
                 <view class="row"><text class="label">回程费</text><text class="value">{{ item.contractType ===
                     'PROCESS_STD_AGMT'
-                        ? item.shippingCost : '' }}</text></view>
+                    ? 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" @click="handleApplyDelay(item)">申请延期</text>
                     <text class="line"></text>
-                    <text class="row-opt_btn">拆分</text>
+                    <text class="row-opt_btn" @click="handleSplit(item)">拆分</text>
                 </view>
             </view>
         </view>
@@ -250,13 +250,13 @@
                         <uni-list-item title="运费">
                             <template v-slot:footer>
                                 <view class="value">{{ item.contractType !== 'PROCESS_STD_AGMT' ? item.shippingCost : ''
-                                    }}</view>
+                                }}</view>
                             </template>
                         </uni-list-item>
                         <uni-list-item title="回程费">
                             <template v-slot:footer>
                                 <view class="value">{{ item.contractType === 'PROCESS_STD_AGMT' ? item.shippingCost : ''
-                                    }}</view>
+                                }}</view>
                             </template>
                         </uni-list-item>
                         <uni-list-item title="牌号">
@@ -282,6 +282,73 @@
             </view>
         </view>
 
+        <view v-else-if="mode === 'split'" class="section section-split" v-show="!collapsedView">
+            <view v-for="(item, idx) in items" :key="'v-' + idx" class="block">
+                <uni-list class="edit-list">
+                    <uni-list-item title="订单编号">
+                        <template v-slot:footer>
+                            <view class="value">{{ item.orderNo }}</view>
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="客户名称">
+                        <template v-slot:footer>
+                            <view class="value">{{ item.customerName }}</view>
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="规格(mm)">
+                        <template v-slot:footer>
+                            <view class="value value-spec">
+                                <view v-if="item.thickness" class="value-spec_val">{{ item.thickness }}</view>
+                                <view v-if="item.thickness" class="value-spec_box">
+                                    <view v-if="item.thicknessTolPos" class="value-spec_box_1">{{ item.thicknessTolPos >
+                                        0 ? '+' + item.thicknessTolPos : item.thicknessTolPos }}
+                                    </view>
+                                    <view v-if="item.thicknessTolNeg" class="value-spec_box_2">{{ item.thicknessTolNeg >
+                                        0 ? '+' + item.thicknessTolNeg : item.thicknessTolNeg }}
+                                    </view>
+                                </view>
+                                <view v-if="item.width" class="value-spec_val p12">*</view>
+                                <view v-if="item.width" class="value-spec_val">{{ item.width }}</view>
+                                <view v-if="item.width" class="value-spec_box">
+                                    <view v-if="item.widthTolPos" class="value-spec_box_1">{{ item.widthTolPos > 0 ? '+'
+                                        + item.widthTolPos : item.widthTolPos }}
+                                    </view>
+                                    <view v-if="item.widthTolNeg" class="value-spec_box_2">{{ item.widthTolNeg > 0 ? '+'
+                                        + item.widthTolNeg : item.widthTolNeg }}
+                                    </view>
+                                </view>
+                                <view v-if="item.length" class="value-spec_val p12">*</view>
+                                <view v-if="item.length" class="value-spec_val">{{ item.length }}</view>
+                                <view v-if="item.length" class="value-spec_box">
+                                    <view v-if="item.lengthTolPos" class="value-spec_box_1">{{ item.lengthTolPos > 0 ?
+                                        '+' + item.lengthTolPos : item.lengthTolPos }}</view>
+                                    <view v-if="item.lengthTolNeg" class="value-spec_box_2">{{ item.lengthTolNeg > 0 ?
+                                        '+' + item.lengthTolNeg : item.lengthTolNeg }}</view>
+                                </view>
+                            </view>
+                        </template>
+                    </uni-list-item>
+
+                    <uni-list-item title="吨位">
+                        <template v-slot:footer>
+                            <uni-easyinput type="digit" :value="item.quantity" placeholder="请输入吨位"
+                                :inputBorder="false"
+                                @input="onTwoDecimalInput($event, item, idx, 'quantity')"
+                                @blur="onTwoDecimalBlur(item, idx, 'quantity')" />
+                        </template>
+                    </uni-list-item>
+                </uni-list>
+                <view class="block-ops">
+                    <div class="del" @click="onRemove(item.itemId)">
+                        <image src="/static/images/delete.png" class="icon" />
+                        删除
+                    </div>
+                </view>
+
+            </view>
+        </view>
+
+
     </view>
 </template>
 <script>
@@ -293,6 +360,7 @@ export default {
         mode: { type: String, default: 'add' },
         status: { type: String, default: '' },
         list: { type: Array, default: () => [] },
+        initItem: { type: Object, default: () => ({}) },
     },
     data() {
         return {
@@ -332,30 +400,19 @@ export default {
         },
     },
     created() {
-        const init = Array.isArray(this.list) && this.list.length > 0 ? this.list.map(v => ({ ...this.defaultItem(), ...v, collapsed: false })) : [{ ...this.defaultItem(), collapsed: false }]
-        this.items = init;
     },
     methods: {
         defaultItem() {
             return {
-                purchaseOrderId: uuid(),
-                collapsed: false,
-                id: '',
-                orderNo: '',
-                deliveryDate: '',
-                applyShipmentDate: '',
-                applyCount: '',
-                orderType: '',
-                workshopName: '',
-                customerName: '',
+                ...this.initItem,
                 quantity: '',
-                delayReason: '',
+                itemId: uuid()
             }
         },
 
         onAdd() {
+            console.log('this.initItem', this.initItem)
             const obj = this.defaultItem()
-            obj.collapsed = true
             this.items.push(obj)
             this.emitChange()
         },
@@ -363,12 +420,12 @@ export default {
             if (!id) return
             uni.showModal({
                 title: '系统提示',
-                content: '是否确定删除选中的产品？',
+                content: '是否确定删除该发货单明细？',
                 confirmText: '确定',
                 cancelText: '取消',
                 success: (res) => {
                     if (res && res.confirm) {
-                        const i = this.items.findIndex(it => String(it.purchaseOrderId) === String(id))
+                        const i = this.items.findIndex(it => String(it.itemId) === String(id))
                         if (i >= 0) {
                             this.items.splice(i, 1)
                             this.emitChange()
@@ -403,6 +460,49 @@ export default {
             }
             if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
         },
+        // 限制输入为2位小数    
+        onTwoDecimalInput(val, item, idx, field) {
+            let v = String(val != null ? val : (item && item[field]) || '')
+            v = v.replace(/[^0-9.]/g, '')
+            v = v.replace(/(\..*)\./g, '$1')
+            
+            // Restrict to 2 decimal places
+            const decimalIndex = v.indexOf('.')
+            if (decimalIndex !== -1 && v.length > decimalIndex + 3) {
+                v = v.substring(0, decimalIndex + 3)
+            }
+
+            if (v.startsWith('.')) v = '0' + v
+            
+            // If the value was modified (truncated or cleaned)
+            if (String(val) !== v) {
+                // Hack: Temporarily set the dirty value to trigger Vue update mechanism
+                // This ensures that when we set the clean value back, Vue detects a change
+                item[field] = val
+                if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
+                
+                // Then revert to the clean value asynchronously
+                setTimeout(() => {
+                    item[field] = v
+                    if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
+                }, 0)
+            } else {
+                item[field] = v
+                if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
+            }
+        },
+        onTwoDecimalBlur(item, idx, field) {
+            let v = String((item && item[field]) || '')
+            const num = Number(v)
+            if (isNaN(num) || num < 0) {
+                item[field] = '0'
+            } else {
+                if (v.endsWith('.')) {
+                    item[field] = v.slice(0, -1)
+                }
+            }
+            if (typeof idx === 'number') this.$set(this.items, idx, { ...item })
+        },
         onNonNegativeNumberBlur(item, idx, field) {
             const v = String((item && item[field]) || '')
             const num = Number(v)
@@ -456,6 +556,9 @@ export default {
         },
         handleApplyDelay(item) {
             this.$emit('applyDelay', item.id)
+        },
+        handleSplit(item) {
+            this.$emit('split', item)
         }
     }
 }
@@ -806,6 +909,9 @@ export default {
     }
 }
 
+.section-split {
+    background: #fff;
+}
 
 .view-list {
     padding: 26rpx 32rpx;