H5实名购买顺序与后台批量配置

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

@@ -42,6 +42,14 @@
             >
               批量设置套餐系列
             </ElButton>
+            <ElButton
+              type="primary"
+              :disabled="selectedCards.length === 0"
+              @click="showBatchRealnamePolicyDialog"
+              v-permission="'iot_card:realname_policy'"
+            >
+              批量修改实名顺序
+            </ElButton>
             <ElButton
               type="primary"
               :disabled="selectedCards.length === 0"
@@ -976,6 +984,14 @@
           :current-policy="currentRealnamePolicy"
           @confirm="handleConfirmRealnamePolicy"
         />
+        <BatchRealnamePolicyDialog
+          v-model="batchRealnamePolicyDialogVisible"
+          :selected-count="selectedCards.length"
+          asset-unit="张卡"
+          :loading="batchRealnamePolicyLoading"
+          :error-message="batchRealnamePolicyError"
+          @confirm="handleConfirmBatchRealnamePolicy"
+        />
 
         <!-- 更新实名状态对话框 -->
         <UpdateRealnameStatusDialog
@@ -1019,6 +1035,7 @@
   import { ElMessage, ElTag, ElIcon, ElMessageBox } from 'element-plus'
   import { Loading } from '@element-plus/icons-vue'
   import RealnamePolicyDialog from '@/components/device/RealnamePolicyDialog.vue'
+  import BatchRealnamePolicyDialog from '@/components/business/BatchRealnamePolicyDialog.vue'
   import UpdateRealnameStatusDialog from '@/components/business/UpdateRealnameStatusDialog.vue'
   import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
   import type { FormInstance, FormRules } from 'element-plus'
@@ -1039,7 +1056,7 @@
     BatchSetCardSeriesBindingResponse
   } from '@/types/api/card'
   import { CardSelectionType } from '@/types/api/card'
-  import type { PackageSeriesResponse } from '@/types/api'
+  import type { AssetRealnamePolicy, PackageSeriesResponse } from '@/types/api'
   import type { EnterpriseItem } from '@/types/api/enterprise'
   import type { AllocateCardsResponse, RecallCardsResponse } from '@/types/api/enterpriseCard'
   import OperationLogsDialog from '@/components/business/OperationLogsDialog.vue'
@@ -1062,6 +1079,9 @@
   const allocateFormRef = ref<FormInstance>()
   const recallFormRef = ref<FormInstance>()
   const selectedCards = ref<StandaloneIotCard[]>([])
+  const batchRealnamePolicyDialogVisible = ref(false)
+  const batchRealnamePolicyLoading = ref(false)
+  const batchRealnamePolicyError = ref('')
   const allocationResult = ref<AllocateStandaloneCardsResponse>({
     allocation_no: '',
     total_count: 0,
@@ -2364,6 +2384,50 @@
     selectedCards.value = selection
   }
 
+  const showBatchRealnamePolicyDialog = () => {
+    if (selectedCards.value.length === 0) {
+      ElMessage.warning('请先选择要修改的卡')
+      return
+    }
+
+    batchRealnamePolicyError.value = ''
+    batchRealnamePolicyDialogVisible.value = true
+  }
+
+  const handleConfirmBatchRealnamePolicy = async (realnamePolicy: AssetRealnamePolicy) => {
+    const assetIds = selectedCards.value.map((card) => card.id)
+    if (assetIds.length === 0) {
+      batchRealnamePolicyError.value = '请先选择要修改的卡'
+      return
+    }
+    if (assetIds.length > 500) {
+      batchRealnamePolicyError.value = '单次最多可修改500张卡'
+      return
+    }
+
+    batchRealnamePolicyError.value = ''
+    batchRealnamePolicyLoading.value = true
+    try {
+      const res = await CardService.batchUpdateRealnamePolicy(
+        { asset_ids: assetIds, realname_policy: realnamePolicy },
+        { requestOptions: { errorMessageMode: 'none' } }
+      )
+      if (res.code !== 0) {
+        batchRealnamePolicyError.value = res.msg || '批量修改实名顺序失败'
+        return
+      }
+
+      ElMessage.success('批量修改实名顺序成功')
+      batchRealnamePolicyDialogVisible.value = false
+      selectedCards.value = []
+      await getTableData()
+    } catch (error: any) {
+      batchRealnamePolicyError.value = error?.response?.data?.msg || '批量修改实名顺序失败'
+    } finally {
+      batchRealnamePolicyLoading.value = false
+    }
+  }
+
   // 显示批量分配对话框
   const showAllocateDialog = () => {
     if (selectedCards.value.length === 0) {