完善按钮和详情权限

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

@@ -126,100 +126,12 @@
         </ElButton>
       </template>
     </ElDialog>
-
-    <!-- 任务详情对话框 -->
-    <ElDialog v-model="detailDialogVisible" title="IoT卡导入任务详情" width="900px" align-center>
-      <ElDescriptions :column="2" border>
-        <ElDescriptionsItem label="任务编号" :span="2">{{
-          currentDetail.task_no
-        }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="状态">
-          <ElTag :type="getStatusType(currentDetail.status)">{{ currentDetail.status_text }}</ElTag>
-        </ElDescriptionsItem>
-        <ElDescriptionsItem label="运营商">{{ currentDetail.carrier_name }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="文件名" :span="2">{{
-          currentDetail.file_name
-        }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="总数">{{ currentDetail.total_count }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="成功数">
-          <span style="color: var(--el-color-success)">{{ currentDetail.success_count }}</span>
-        </ElDescriptionsItem>
-        <ElDescriptionsItem label="跳过数">{{ currentDetail.skip_count }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="失败数">
-          <span style="color: var(--el-color-danger)">{{ currentDetail.fail_count }}</span>
-        </ElDescriptionsItem>
-        <ElDescriptionsItem label="警告数">
-          <span style="color: var(--el-color-warning)">{{ currentDetail.warning_count }}</span>
-        </ElDescriptionsItem>
-        <ElDescriptionsItem label="开始时间">{{ currentDetail.started_at }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="完成时间">{{ currentDetail.completed_at }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="创建时间">{{ currentDetail.created_at }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="错误信息" :span="2">{{
-          currentDetail.error_message
-        }}</ElDescriptionsItem>
-      </ElDescriptions>
-
-      <ElDivider content-position="left">跳过明细</ElDivider>
-      <div
-        v-if="currentDetail.skipped_items && currentDetail.skipped_items.length"
-        style="max-height: 300px; overflow-y: auto; margin-bottom: 20px"
-      >
-        <ElTable :data="currentDetail.skipped_items" border size="small">
-          <ElTableColumn label="行号" prop="line" width="80" />
-          <ElTableColumn label="ICCID" prop="iccid" width="200" />
-          <ElTableColumn label="MSISDN" prop="msisdn" width="150" />
-          <ElTableColumn label="跳过原因" prop="reason" min-width="200">
-            <template #default="{ row }">
-              {{ row.reason || '未知原因' }}
-            </template>
-          </ElTableColumn>
-        </ElTable>
-      </div>
-      <ElEmpty v-else description="无跳过记录" />
-
-      <ElDivider content-position="left">失败明细</ElDivider>
-      <div
-        v-if="currentDetail.failed_items && currentDetail.failed_items.length"
-        style="max-height: 300px; overflow-y: auto"
-      >
-        <ElTable :data="currentDetail.failed_items" border size="small">
-          <ElTableColumn label="行号" prop="line" width="80" />
-          <ElTableColumn label="ICCID" prop="iccid" width="200" />
-          <ElTableColumn label="MSISDN" prop="msisdn" width="150" />
-          <ElTableColumn label="失败原因" prop="reason" min-width="200">
-            <template #default="{ row }">
-              {{ row.reason || row.error || '未知错误' }}
-            </template>
-          </ElTableColumn>
-        </ElTable>
-      </div>
-      <ElEmpty v-else description="无失败记录" />
-
-      <template #footer>
-        <ElButton @click="detailDialogVisible = false">关闭</ElButton>
-        <ElButton
-          v-if="currentDetail.skip_count > 0"
-          type="warning"
-          :icon="Download"
-          @click="downloadSkippedData"
-        >
-          下载跳过数据
-        </ElButton>
-        <ElButton
-          v-if="currentDetail.fail_count > 0"
-          type="primary"
-          :icon="Download"
-          @click="downloadFailData"
-        >
-          下载失败数据
-        </ElButton>
-      </template>
-    </ElDialog>
   </ArtTableFullScreen>
 </template>
 
 <script setup lang="ts">
   import { h } from 'vue'
+  import { useRouter } from 'vue-router'
   import { CardService, CarrierService } from '@/api/modules'
   import { ElMessage, ElTag, ElFormItem, ElSelect, ElOption } from 'element-plus'
   import { Download, UploadFilled, Upload } from '@element-plus/icons-vue'
@@ -228,15 +140,17 @@
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
   import { formatDateTime } from '@/utils/business/format'
-  import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
   import ArtMenuRight from '@/components/core/others/ArtMenuRight.vue'
   import type { MenuItemType } from '@/components/core/others/ArtMenuRight.vue'
   import { StorageService } from '@/api/modules/storage'
+  import { RoutesAlias } from '@/router/routesAlias'
   import type { IotCardImportTask, IotCardImportTaskStatus } from '@/types/api/card'
   import type { Carrier } from '@/types/api'
 
   defineOptions({ name: 'IotCardTask' })
 
+  const router = useRouter()
+
   const { hasAuth } = useAuth()
   const loading = ref(false)
   const tableRef = ref()
@@ -244,7 +158,6 @@
   const fileList = ref<File[]>([])
   const uploading = ref(false)
   const importDialogVisible = ref(false)
-  const detailDialogVisible = ref(false)
   const selectedCarrierId = ref<number>()
   const carrierList = ref<Carrier[]>([])
   const carrierLoading = ref(false)
@@ -341,7 +254,6 @@
   ]
 
   const taskList = ref<IotCardImportTask[]>([])
-  const currentDetail = ref<any>({})
 
   // 获取状态标签类型
   const getStatusType = (status: IotCardImportTaskStatus) => {
@@ -359,25 +271,15 @@
     }
   }
 
-  // 查看详情
-  const viewDetail = async (row: IotCardImportTask) => {
-    try {
-      const res = await CardService.getIotCardImportTaskDetail(row.id)
-      if (res.code === 0 && res.data) {
-        currentDetail.value = {
-          ...res.data,
-          started_at: res.data.started_at ? formatDateTime(res.data.started_at) : '-',
-          completed_at: res.data.completed_at ? formatDateTime(res.data.completed_at) : '-',
-          created_at: res.data.created_at ? formatDateTime(res.data.created_at) : '-',
-          carrier_name: res.data.carrier_name || '-',
-          error_message: res.data.error_message || '-'
-        }
-        detailDialogVisible.value = true
+  // 查看详情 - 跳转到详情页面
+  const viewDetail = (row: IotCardImportTask) => {
+    router.push({
+      path: RoutesAlias.TaskDetail,
+      query: {
+        id: row.id,
+        task_type: 'card'
       }
-    } catch (error) {
-      console.error('获取任务详情失败:', error)
-      ElMessage.error('获取任务详情失败')
-    }
+    })
   }
 
   // 动态列配置
@@ -538,7 +440,42 @@
       const res = await CardService.getIotCardImportTaskDetail(row.id)
       if (res.code === 0 && res.data) {
         const detail = res.data
-        downloadFailDataFromDetail(detail, row.task_no)
+        const failReasons =
+          detail.failed_items?.map((item: any) => ({
+            line: item.line || '-',
+            iccid: item.iccid || '-',
+            msisdn: item.msisdn || '-',
+            message: item.reason || item.error || '未知错误'
+          })) || []
+
+        if (failReasons.length === 0) {
+          ElMessage.warning('没有失败数据可下载')
+          return
+        }
+
+        const headers = ['行号', 'ICCID', 'MSISDN', '失败原因']
+        const csvRows = [
+          headers.join(','),
+          ...failReasons.map((item: any) =>
+            [item.line, item.iccid, item.msisdn, `"${item.message}"`].join(',')
+          )
+        ]
+        const csvContent = csvRows.join('\n')
+
+        const BOM = '\uFEFF'
+        const blob = new Blob([BOM + csvContent], { type: 'text/csv;charset=utf-8;' })
+
+        const link = document.createElement('a')
+        const url = URL.createObjectURL(blob)
+        link.setAttribute('href', url)
+        link.setAttribute('download', `IoT卡导入失败数据_${row.task_no}.csv`)
+        link.style.visibility = 'hidden'
+        document.body.appendChild(link)
+        link.click()
+        document.body.removeChild(link)
+        URL.revokeObjectURL(url)
+
+        ElMessage.success('失败数据下载成功')
       }
     } catch (error) {
       console.error('下载失败数据失败:', error)
@@ -546,96 +483,6 @@
     }
   }
 
-  // 下载跳过数据（从详情对话框）
-  const downloadSkippedData = () => {
-    downloadSkippedDataFromDetail(currentDetail.value, currentDetail.value.task_no)
-  }
-
-  // 下载跳过数据的通用方法
-  const downloadSkippedDataFromDetail = (detail: any, taskNo: string) => {
-    const skippedReasons =
-      detail.skipped_items?.map((item: any) => ({
-        line: item.line || '-',
-        iccid: item.iccid || '-',
-        msisdn: item.msisdn || '-',
-        message: item.reason || '未知原因'
-      })) || []
-
-    if (skippedReasons.length === 0) {
-      ElMessage.warning('没有跳过数据可下载')
-      return
-    }
-
-    const headers = ['行号', 'ICCID', 'MSISDN', '跳过原因']
-    const csvRows = [
-      headers.join(','),
-      ...skippedReasons.map((item: any) =>
-        [item.line, item.iccid, item.msisdn, `"${item.message}"`].join(',')
-      )
-    ]
-    const csvContent = csvRows.join('\n')
-
-    const BOM = '\uFEFF'
-    const blob = new Blob([BOM + csvContent], { type: 'text/csv;charset=utf-8;' })
-
-    const link = document.createElement('a')
-    const url = URL.createObjectURL(blob)
-    link.setAttribute('href', url)
-    link.setAttribute('download', `IoT卡导入跳过数据_${taskNo}.csv`)
-    link.style.visibility = 'hidden'
-    document.body.appendChild(link)
-    link.click()
-    document.body.removeChild(link)
-    URL.revokeObjectURL(url)
-
-    ElMessage.success('跳过数据下载成功')
-  }
-
-  // 下载失败数据（从详情对话框）
-  const downloadFailData = () => {
-    downloadFailDataFromDetail(currentDetail.value, currentDetail.value.task_no)
-  }
-
-  // 下载失败数据的通用方法
-  const downloadFailDataFromDetail = (detail: any, taskNo: string) => {
-    const failReasons =
-      detail.failed_items?.map((item: any) => ({
-        line: item.line || '-',
-        iccid: item.iccid || '-',
-        msisdn: item.msisdn || '-',
-        message: item.reason || item.error || '未知错误'
-      })) || []
-
-    if (failReasons.length === 0) {
-      ElMessage.warning('没有失败数据可下载')
-      return
-    }
-
-    const headers = ['行号', 'ICCID', 'MSISDN', '失败原因']
-    const csvRows = [
-      headers.join(','),
-      ...failReasons.map((item: any) =>
-        [item.line, item.iccid, item.msisdn, `"${item.message}"`].join(',')
-      )
-    ]
-    const csvContent = csvRows.join('\n')
-
-    const BOM = '\uFEFF'
-    const blob = new Blob([BOM + csvContent], { type: 'text/csv;charset=utf-8;' })
-
-    const link = document.createElement('a')
-    const url = URL.createObjectURL(blob)
-    link.setAttribute('href', url)
-    link.setAttribute('download', `IoT卡导入失败数据_${taskNo}.csv`)
-    link.style.visibility = 'hidden'
-    document.body.appendChild(link)
-    link.click()
-    document.body.removeChild(link)
-    URL.revokeObjectURL(url)
-
-    ElMessage.success('失败数据下载成功')
-  }
-
   // 下载模板
   const downloadTemplate = async () => {
     try {
@@ -665,7 +512,7 @@
       // 设置列宽
       ws['!cols'] = [
         { wch: 25 }, // ICCID
-        { wch: 15 }  // MSISDN
+        { wch: 15 } // MSISDN
       ]
 
       // 将所有单元格设置为文本格式，防止科学计数法
@@ -779,7 +626,11 @@
       const { upload_url, file_key } = uploadUrlRes.data
 
       ElMessage.info('正在上传文件...')
-      await StorageService.uploadFile(upload_url, file, 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet')
+      await StorageService.uploadFile(
+        upload_url,
+        file,
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      )
 
       ElMessage.info('正在创建导入任务...')
       const importRes = await CardService.importIotCards({
@@ -795,7 +646,7 @@
       const taskNo = importRes.data.task_no
 
       handleCancelImport()
-      getTableData()
+      await getTableData()
 
       ElMessage.success({
         message: `导入任务已创建！任务编号：${taskNo}`,
@@ -816,9 +667,11 @@
 
     const items: MenuItemType[] = []
 
-    items.push({ key: 'detail', label: '详情' })
+    if (hasAuth('iot_card_task:view_detail')) {
+      items.push({ key: 'detail', label: '详情' })
+    }
 
-    if (currentRow.value.fail_count > 0) {
+    if (currentRow.value.fail_count > 0 && hasAuth('iot_card_task:download_fail_data')) {
       items.push({ key: 'failData', label: '失败数据' })
     }