feat: POD订单(CN)新增收件国家筛选 #1002558

src/types/api/podCnOrder.ts

@@ -55,6 +55,7 @@ export interface SearchForm {
   employeeId?: number
   blocking?: boolean
   outOfStock?: boolean
+  receiverCountry?: string
 }
 export interface PodCnOrderListData {
   id: number

src/views/order/podCN/index.vue

@@ -379,6 +379,24 @@
                   style="width: 150px"
                 ></ElInput>
               </ElFormItem>
+              <ElFormItem label="收件国家">
+                <ElSelect
+                  v-model="searchForm.receiverCountry"
+                  placeholder="收件国家"
+                  clearable
+                  :teleported="false"
+                  style="width: 150px"
+                  filterable
+                  @change="changeReplaceShipment"
+                >
+                  <ElOption
+                    v-for="item in receiverCountryList"
+                    :key="item.countryCode"
+                    :value="item.countryCode"
+                    :label="item.nameCn"
+                  ></ElOption>
+                </ElSelect>
+              </ElFormItem>
               <ElFormItem label="是否代发">
                 <ElSelect
                   v-model="searchForm.replaceShipment"
@@ -3132,6 +3150,7 @@ const [searchForm, resetSearchForm] = useValue<SearchForm>({
   batchArrangeNumber: '',
   craftCode: [],
   thirdStockSku: '',
+  receiverCountry: '',
 })
 const shipmentArea = ref(0)
 const userMarkList = ref<string[]>([])
@@ -5608,6 +5627,17 @@ const getlogisticsCompanyAllCodelist = async () => {
   }
 }
 
+const receiverCountryList = ref<{ countryCode: string; nameCn: string }[]>([])
+const getReceiverCountryList = async () => {
+  try {
+    const res = await getAllCountryApi()
+    if (res.code !== 200) return
+    receiverCountryList.value = res.data
+  } catch (e) {
+    console.error(e)
+  }
+}
+
 function tooltipContent(arr: { name: string }[]) {
   return arr.map((tag) => tag.name).join('、')
 }
@@ -5708,6 +5738,7 @@ onMounted(() => {
   getCustomTagList()
   loadCraftList()
   getlogisticsCompanyAllCodelist()
+  getReceiverCountryList()
   // 每60秒更新一次当前时间
   timer = window.setInterval(() => {
     currentTime.value = new Date()