feat: 新增导出

src/views/asset-management/iot-card-management/index.vue

@@ -42,6 +42,9 @@
             >
               批量设置套餐系列
             </ElButton>
+            <ElButton type="primary" @click="showExportDialog" v-permission="'iot_card:export'">
+              导出
+            </ElButton>
           </template>
         </ArtTableHeader>
 
@@ -628,6 +631,13 @@
           :identifier="operationLogsIdentifier"
           download-permission="iot_card:download_log_file"
         />
+        <ExportTaskCreateDialog
+          v-model="exportDialogVisible"
+          scene="iot_card"
+          :query="exportQuery"
+          confirm-permission="iot_card:export"
+          title="导出IoT卡"
+        />
       </ElCard>
     </div>
   </ArtTableFullScreen>
@@ -648,6 +658,7 @@
   import { Loading } from '@element-plus/icons-vue'
   import RealnamePolicyDialog from '@/components/device/RealnamePolicyDialog.vue'
   import UpdateRealnameStatusDialog from '@/components/business/UpdateRealnameStatusDialog.vue'
+  import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
   import type { FormInstance, FormRules } from 'element-plus'
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
@@ -697,6 +708,7 @@
   // 操作审计日志弹窗
   const operationLogsDialogVisible = ref(false)
   const operationLogsIdentifier = ref('')
+  const exportDialogVisible = ref(false)
 
   // 套餐系列绑定相关
   const seriesBindingDialogVisible = ref(false)
@@ -1709,6 +1721,22 @@
     return actions
   }
 
+  const exportQuery = computed(() => {
+    const query: Record<string, unknown> = {}
+
+    Object.entries(formFilters).forEach(([key, value]) => {
+      if (value === undefined || value === null || value === '') return
+      if (Array.isArray(value) && value.length === 0) return
+      query[key] = value
+    })
+
+    return query
+  })
+
+  const showExportDialog = () => {
+    exportDialogVisible.value = true
+  }
+
   onMounted(() => {
     getTableData()
   })