feat: delivery页面修改对应icon

src/views/DestinationDelivery/src/DestinationDelivery.vue

@@ -58,7 +58,8 @@ const numberCards = [
   {
     label: 'Cancelled',
     value: 0,
-    color: '#243041'
+    color: '#243041',
+    icon: 'icon_cancelled_b'
   }
 ]
 const activeCard = ref(0)
@@ -93,7 +94,7 @@ const tableRef = ref()
       <span>Destination Delivery</span>
       <div class="operator">
         <el-button style="height: 40px" type="default" @click="handleConfigurations">
-          <span style="margin-right: 4px" class="font_family icon-icon_filter_b1"></span>
+          <span style="margin-right: 4px" class="font_family icon-icon_configurations_b"></span>
           <span style="font-weight: 400">Configurations</span></el-button
         >
         <el-button

src/views/DestinationDelivery/src/components/ModifyBooking/src/ModifyBooking.vue

@@ -18,7 +18,6 @@ const deliveryDate = ref('')
 const handleCancel = () => {
   // Logic to handle cancel action
   router.push({ name: 'Destination Delivery' })
-  console.log('Cancel button clicked')
 }
 </script>
 <template>
@@ -58,14 +57,17 @@ const handleCancel = () => {
         <div class="label">Delivery Information</div>
         <div class="delivery-info-content">
           <div class="delivery-address-header">
-            <div class="label">*Delivery Address</div>
+            <div class="label"><span class="require-icon">*</span>Delivery Address</div>
             <div class="operator">
               <el-button class="el-button--text" style="height: 32px">
                 <span class="font_family icon-icon_add_b" style="margin-right: 4px"></span>
                 <span>Add New Address</span>
               </el-button>
               <el-button class="el-button--text" style="height: 32px">
-                <span class="font_family icon-icon_tipsfilled_b" style="margin-right: 4px"></span>
+                <span
+                  class="font_family icon-icon_configurations_b"
+                  style="margin-right: 4px"
+                ></span>
                 <span>Manage Address</span>
               </el-button>
             </div>
@@ -83,7 +85,7 @@ const handleCancel = () => {
             </el-radio-group>
           </div>
           <div class="filetr-item mode-type">
-            <div class="label">*Mode Type</div>
+            <div class="label"><span class="require-icon">*</span>Mode Type</div>
             <el-select v-model="selectVModel" clearable placeholder="Please Select Type">
               <el-option
                 v-for="item in optionOptions"
@@ -94,7 +96,7 @@ const handleCancel = () => {
             </el-select>
           </div>
           <div class="filetr-item mode-type">
-            <div class="label">*Preferred Delivery Date</div>
+            <div class="label"><span class="require-icon">*</span>Preferred Delivery Date</div>
 
             <el-date-picker v-model="deliveryDate" type="date" placeholder="Pick a day" />
           </div>
@@ -114,7 +116,9 @@ const handleCancel = () => {
             ></el-input>
           </div>
           <div class="modification-reason">
-            <div class="label" style="margin-bottom: 4px">*Modification Reason</div>
+            <div class="label" style="margin-bottom: 4px">
+              <span class="require-icon">*</span>Modification Reason
+            </div>
             <el-input class="input-textarea" type="textarea" v-model="inputVModel"></el-input>
           </div>
         </div>
@@ -259,11 +263,14 @@ const handleCancel = () => {
         height: 32px;
         padding: 10px 16px;
         margin-right: 8px;
-        background-color: #efeff0;
+        background-color: var(--color-download-file-filter-tag-bg);
         border-radius: 15px;
         font-size: 12px;
       }
     }
   }
+  .require-icon {
+    color: red;
+  }
 }
 </style>