fix: POD订单(CN)和POD订单(US)查询条件类型和数量，选中后无法取消 #ID: 1000022

src/views/order/podCN/index.vue

@@ -128,13 +128,13 @@
           </el-select>
           </el-select>
         </ElFormItem>
         </ElFormItem>
         <ElFormItem label="类型">
         <ElFormItem label="类型">
-          <el-radio-group v-model="searchForm.customizedQuantity">
+          <el-radio-group v-model="searchForm.customizedQuantity" @click.stop="(e: Event) => handleRadioGroupClick(e)">
             <el-radio-button label="single">单面</el-radio-button>
             <el-radio-button label="single">单面</el-radio-button>
             <el-radio-button label="multiple">多面</el-radio-button>
             <el-radio-button label="multiple">多面</el-radio-button>
           </el-radio-group>
           </el-radio-group>
         </ElFormItem>
         </ElFormItem>
         <ElFormItem label="数量">
         <ElFormItem label="数量">
-          <el-radio-group v-model="searchForm.multi">
+          <el-radio-group v-model="searchForm.multi" @click.stop="(e: Event) => handleMultiRadioGroupClick(e)">
             <el-radio-button :label="false">单件</el-radio-button>
             <el-radio-button :label="false">单件</el-radio-button>
             <el-radio-button :label="true">多件</el-radio-button>
             <el-radio-button :label="true">多件</el-radio-button>
           </el-radio-group>
           </el-radio-group>
@@ -3793,7 +3793,39 @@ const downloadSingleType = async (
     throw error // 重新抛出错误以便外部捕获
     throw error // 重新抛出错误以便外部捕获
   }
   }
 }
 }
+const handleRadioGroupClick = (event: Event) => {
+  const target = event.target as HTMLElement
+  const radioButton = target.closest('.el-radio-button')
+  
+  if (radioButton) {
+    const input = radioButton.querySelector('input[type="radio"]') as HTMLInputElement
+    if (input) {
+      const value = input.value
+      if (searchForm.value.customizedQuantity === value) {
+        event.preventDefault()
+        event.stopPropagation()
+        searchForm.value.customizedQuantity = ''
+      }
+    }
+  }
+}
 
 
+const handleMultiRadioGroupClick = (event: Event) => {
+  const target = event.target as HTMLElement
+  const radioButton = target.closest('.el-radio-button')
+  
+  if (radioButton) {
+    const input = radioButton.querySelector('input[type="radio"]') as HTMLInputElement
+    if (input) {
+      const value = input.value === 'true' ? true : false
+      if (searchForm.value.multi === value) {
+        event.preventDefault()
+        event.stopPropagation()
+        searchForm.value.multi = null
+      }
+    }
+  }
+}
 // 提取文件下载逻辑为独立函数
 // 提取文件下载逻辑为独立函数
 const downloadFile = async (url: string, message: string) => {
 const downloadFile = async (url: string, message: string) => {
   try {
   try {

src/views/order/podUs/index.vue

@@ -122,13 +122,19 @@
         </ElFormItem>
         </ElFormItem>
         <!-- </div> -->
         <!-- </div> -->
         <ElFormItem label="类型">
         <ElFormItem label="类型">
-          <el-radio-group v-model="searchForm.customizedQuantity">
+          <el-radio-group
+            v-model="searchForm.customizedQuantity"
+            @click.stop="(e: Event) => handleRadioGroupClick(e)"
+          >
             <el-radio-button label="single">单面</el-radio-button>
             <el-radio-button label="single">单面</el-radio-button>
             <el-radio-button label="multiple">多面</el-radio-button>
             <el-radio-button label="multiple">多面</el-radio-button>
           </el-radio-group>
           </el-radio-group>
         </ElFormItem>
         </ElFormItem>
         <ElFormItem label="数量">
         <ElFormItem label="数量">
-          <el-radio-group v-model="searchForm.multi">
+          <el-radio-group 
+            v-model="searchForm.multi"
+            @click.stop="(e: Event) => handleMultiRadioGroupClick(e)"
+          >
             <el-radio-button :label="false">单件</el-radio-button>
             <el-radio-button :label="false">单件</el-radio-button>
             <el-radio-button :label="true">多件</el-radio-button>
             <el-radio-button :label="true">多件</el-radio-button>
           </el-radio-group>
           </el-radio-group>
@@ -4142,6 +4148,39 @@ const downloadFile = async (url: string, message: string) => {
     pngDownloadLoading.value = false
     pngDownloadLoading.value = false
   }
   }
 }
 }
+const handleRadioGroupClick = (event: Event) => {
+  const target = event.target as HTMLElement
+  const radioButton = target.closest('.el-radio-button')
+  
+  if (radioButton) {
+    const input = radioButton.querySelector('input[type="radio"]') as HTMLInputElement
+    if (input) {
+      const value = input.value
+      if (searchForm.value.customizedQuantity === value) {
+        event.preventDefault()
+        event.stopPropagation()
+        searchForm.value.customizedQuantity = ''
+      }
+    }
+  }
+}
+
+const handleMultiRadioGroupClick = (event: Event) => {
+  const target = event.target as HTMLElement
+  const radioButton = target.closest('.el-radio-button')
+  
+  if (radioButton) {
+    const input = radioButton.querySelector('input[type="radio"]') as HTMLInputElement
+    if (input) {
+      const value = input.value === 'true' ? true : false
+      if (searchForm.value.multi === value) {
+        event.preventDefault()
+        event.stopPropagation()
+        searchForm.value.multi = null
+      }
+    }
+  }
+}
 // const downloadTifItem = async () => {
 // const downloadTifItem = async () => {
 //   const row = { ...(typesettingRow.value as PodUsOrderListData) }
 //   const row = { ...(typesettingRow.value as PodUsOrderListData) }
 //   const loading = ElLoading.service({
 //   const loading = ElLoading.service({