feat: 实现create new booking 页面 ctns的动态计算

src/views/DestinationDelivery/src/components/CreateNewBooking/src/CreateNewbooking.vue

@@ -707,6 +707,12 @@ const SubmitBooking = () => {
     })
 }
 
+const ctnsCount = computed(() => {
+  return bookingTableRef.value?.getTableCheckedRows().reduce((total, row) => {
+    return total + (Number(row.pakages) || 0)
+  }, 0)
+})
+
 onMounted(() => {
   getInitBookingData()
 })
@@ -720,7 +726,12 @@ onMounted(() => {
       <div class="flex">
         <div class="select-info">
           <span style="color: var(--color-neutral-2)">Selected: </span>
-          <span>{{ bookingTableRef?.getTableCheckedRows().length }} Shipments｜0 ctns</span>
+          <span
+            >{{ bookingTableRef?.getTableCheckedRows().length }} Shipments｜{{
+              ctnsCount
+            }}
+            ctns</span
+          >
         </div>
         <el-button @click="CancelRulesVisible = true" class="el-button--default create-button"
           ><span class="font_family icon-icon_return_b"></span> Cancel</el-button