feat: 实现create new booking数据动态展示

src/views/DestinationDelivery/src/components/CalendarTagDetailDialog.vue

@@ -170,7 +170,7 @@ defineExpose({
 
 <template>
   <div>
-    <el-dialog v-model="dialogVisible" width="1000px" @closed="clearData">
+    <el-dialog v-model="dialogVisible" width="80%" @closed="clearData">
       <template #header>
         <div class="header-content">
           <span class="title">{{ title }}</span>
@@ -185,12 +185,12 @@ defineExpose({
       </template>
       <span style="display: inline-block; color: var(--color-neutral-2)"
         >Total:
-        {{ pageData.shipmentNumber }}
+        {{ pageData?.shipmentNumber || 0 }}
         shipments</span
       >
       <span style="color: var(--color-neutral-2)"> | </span>
       <span style="color: var(--color-neutral-2)"
-        >Total Cartons: {{ pageData.shipmentCtns }} ctns</span
+        >Total Cartons: {{ pageData?.shipmentCtns || 0 }} ctns</span
       >
       <vxe-grid style="margin-top: 8px" ref="tableRef" v-bind="tableData" :row-style="rowStyle">
         <template #download="{ row, column }">

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

@@ -704,7 +704,7 @@ onMounted(() => {
       <div class="flex">
         <div class="select-info">
           <span style="color: var(--color-neutral-2)">Selected: </span>
-          <span>0 Shipments｜0 ctns</span>
+          <span>{{ bookingTableRef?.getTableCheckedRows().length }} Shipments｜0 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
@@ -1033,7 +1033,7 @@ onMounted(() => {
           + Add New Address</el-button
         >
       </div>
-      <el-radio-group v-model="Addressradio">
+      <el-radio-group v-model="Addressradio" style="max-height: 45vh">
         <el-radio v-for="(item, index) in ManageAddressList" :key="index" :value="index">
           <div class="addressradio">
             <div class="radio_top">

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

@@ -309,9 +309,17 @@ useRowClickStyle(tableRef)
 onMounted(() => {
   getTableColumns()
 })
+const getTableCheckedRows = () => {
+  const $grid = tableRef.value
+  if ($grid) {
+    const records = $grid.getCheckboxRecords()
+    return records
+  }
+}
 defineExpose({
   getTableData,
-  searchTableData
+  searchTableData,
+  getTableCheckedRows
 })
 </script>