Эх сурвалжийг харах

feat:修改more filters查询部分bug

AmandaG 1 жил өмнө
parent
commit
d307739451

+ 18 - 20
src/components/MoreFilters/src/MoreFilters.vue

@@ -39,16 +39,9 @@ onMounted(() => {
       clearname(InputForm.value, 'General', 'Incoterms')
       clearname(InputForm.value, 'General', 'Incoterms')
     } else if (tag.includes('Service')) {
     } else if (tag.includes('Service')) {
       clearname(InputForm.value, 'General', 'Service')
       clearname(InputForm.value, 'General', 'Service')
-    } else if (tag.includes('Vessel')) {
-      clearname(InputForm.value, 'transportation', 'Vessel')
-    } else if (tag.includes('Voyage')) {
-      clearname(InputForm.value, 'transportation', 'Voyage')
-    } else if (tag.includes('Origin')) {
-      clearname(InputForm.value, 'palces', 'Origin')
-    } else if (tag.includes('Destination')) {
-      clearname(InputForm.value, 'palces', 'Destination')
     } else if (tag.includes('Origin Agent')) {
     } else if (tag.includes('Origin Agent')) {
       AddDateType.value = AddDateType.value.filter((item: any) => item.partyType !== 'Origin Agent')
       AddDateType.value = AddDateType.value.filter((item: any) => item.partyType !== 'Origin Agent')
+      console.log(AddDateType.value)
       delete MoreFiltersObj['Origin Agent']
       delete MoreFiltersObj['Origin Agent']
       selectedPartyTypeoptions.value = selectedPartyTypeoptions.value.filter(
       selectedPartyTypeoptions.value = selectedPartyTypeoptions.value.filter(
         (item: any) => item !== 'Origin Agent'
         (item: any) => item !== 'Origin Agent'
@@ -119,9 +112,17 @@ onMounted(() => {
       selectedPlacesTypeoptions.value = selectedPlacesTypeoptions.value.filter(
       selectedPlacesTypeoptions.value = selectedPlacesTypeoptions.value.filter(
         (item: any) => item !== 'Place of Discharge'
         (item: any) => item !== 'Place of Discharge'
       )
       )
+    } else if (tag.includes('Origin')) {
+      clearname(InputForm.value, 'palces', 'Origin')
+    } else if (tag.includes('Destination')) {
+      clearname(InputForm.value, 'palces', 'Destination')
+    } else if (tag.includes('Vessel')) {
+      clearname(InputForm.value, 'transportation', 'Vessel')
+    } else if (tag.includes('Voyage')) {
+      clearname(InputForm.value, 'transportation', 'Voyage')
     }
     }
   })
   })
-  emitter.on('clearDaterangeObj', () => {
+  emitter.on('clearMoreFiltersObj', () => {
     clearMoreFiltersObj()
     clearMoreFiltersObj()
   })
   })
 })
 })
@@ -681,7 +682,7 @@ const changeAll = (value: any, countTotal: any, BadegTotal: any) => {
       }
       }
     }
     }
     if (key == 'Service') {
     if (key == 'Service') {
-      if (value[key] != 'Please Select Date Range' && value[key] != '') {
+      if (value[key] != 'Please Select Service' && value[key] != '') {
         countTotal.push(value[key])
         countTotal.push(value[key])
       }
       }
     }
     }
@@ -887,7 +888,7 @@ const changeAutoSelectVal = (val: any, value: any, boolaen: any) => {
     isError.value = false
     isError.value = false
   }
   }
   MoreFiltersObj = { ...MoreFiltersObj, ...val }
   MoreFiltersObj = { ...MoreFiltersObj, ...val }
-  MoreFiltersObj2 = { ...MoreFiltersObj, ...val }
+  MoreFiltersObj2 = { ...MoreFiltersObj2, ...value }
   // for (const key in value) {
   // for (const key in value) {
   //   MoreFiltersObj2[key] = value[key]
   //   MoreFiltersObj2[key] = value[key]
   // }
   // }
@@ -945,7 +946,7 @@ const clearrest = () => {
     },
     },
     General: {
     General: {
       Incoterms: 'Please Select Date Range',
       Incoterms: 'Please Select Date Range',
-      Service: 'Please Select Date Range'
+      Service: 'Please Select Service'
     }
     }
   }
   }
   AddDateType.value = []
   AddDateType.value = []
@@ -969,6 +970,8 @@ const clearname = (val: any, key1: any, key2: any) => {
     val[key1][key2] = ''
     val[key1][key2] = ''
   } else if (key2 == 'Incoterms') {
   } else if (key2 == 'Incoterms') {
     val[key1][key2] = 'Please Select Date Range'
     val[key1][key2] = 'Please Select Date Range'
+  } else if (key2 == 'Service') {
+    val[key1][key2] = 'Please Select Service'
   } else {
   } else {
     val[key1][key2] = []
     val[key1][key2] = []
   }
   }
@@ -1165,20 +1168,15 @@ const clickmorefilters = () => {
           </div>
           </div>
           <div class="ETA">
           <div class="ETA">
             <div class="ETD_title">Voyage/Flight</div>
             <div class="ETD_title">Voyage/Flight</div>
-            <el-input
-              placeholder="Please input voyage or flight no."
-              @change="changeAutoSelectvoyage(InputForm.transportation.Voyage)"
-              v-model="InputForm.transportation.Voyage"
-            ></el-input>
-            <!-- <AutoSelect
+            <AutoSelect
               ASType="voyage"
               ASType="voyage"
               :ASSearchObj="props.searchTableQeury"
               :ASSearchObj="props.searchTableQeury"
-              :ASSearchMode="props.isShipment? 'tracking': 'booking'"
+              :ASSearchMode="props.isShipment ? 'tracking' : 'booking'"
               ASSearchFiled="Voyage/Flight"
               ASSearchFiled="Voyage/Flight"
               @changeAutoSelect="changeAutoSelectvoyage"
               @changeAutoSelect="changeAutoSelectvoyage"
               :ASValue="InputForm.transportation.Voyage"
               :ASValue="InputForm.transportation.Voyage"
               ASPlaceholder="Please input Voyage or flight no."
               ASPlaceholder="Please input Voyage or flight no."
-            ></AutoSelect> -->
+            ></AutoSelect>
           </div>
           </div>
         </el-collapse-item>
         </el-collapse-item>
         <!-- Others -->
         <!-- Others -->

+ 14 - 1
src/components/MoreFilters/src/components/SelectValue.vue

@@ -118,9 +118,22 @@ const clickSeeAll = () => {
       :disabled="TransportList.length == 0"
       :disabled="TransportList.length == 0"
     >
     >
       <div class="el-dropdown-link">
       <div class="el-dropdown-link">
-        <div v-if="Serval == 'Please Select Date Range' || Serval == ''" class="select_title">
+        <div
+          v-if="
+            props.title == 'Incoterms' && (Serval == 'Please Select Date Range' || Serval == '')
+          "
+          class="select_title"
+        >
           Please Select Date Range
           Please Select Date Range
         </div>
         </div>
+        <div
+          v-else-if="
+            props.title == 'Service' && (Serval == 'Please Select Service' || Serval == '')
+          "
+          class="select_title"
+        >
+          Please Select Service
+        </div>
         <div v-else class="select_title_2">{{ Serval }}</div>
         <div v-else class="select_title_2">{{ Serval }}</div>
         <span class="iconfont_icon">
         <span class="iconfont_icon">
           <svg class="iconfont" aria-hidden="true">
           <svg class="iconfont" aria-hidden="true">

+ 2 - 0
src/views/Booking/src/BookingView.vue

@@ -369,12 +369,14 @@ const SearchInput = () => {
         </el-input>
         </el-input>
       </div>
       </div>
       <TransportMode
       <TransportMode
+        :isShipment="false"
         :TransportListItem="TransportListItem"
         :TransportListItem="TransportListItem"
         @TransportSearch="TransportSearch"
         @TransportSearch="TransportSearch"
         @defaultTransport="defaultTransport"
         @defaultTransport="defaultTransport"
         @clearTransportTags="clearTransportTags"
         @clearTransportTags="clearTransportTags"
       ></TransportMode>
       ></TransportMode>
       <DateRange
       <DateRange
+        :isShipment="false"
         @DateRangeSearch="DateRangeSearch"
         @DateRangeSearch="DateRangeSearch"
         @clearDaterangeTags="clearDaterangeTags"
         @clearDaterangeTags="clearDaterangeTags"
         @defaultDate="defaultDate"
         @defaultDate="defaultDate"