<template>
    <a-tag :color="getStatusColor(row.status)" class="status-tag">
      {{ getStatusText(row.status) }}
    </a-tag>
  </template>
  
  <script lang="ts" setup>
  import { Tag } from 'ant-design-vue';
  
  const getStatusColor = (status) => {
    const colorMap = {
      0: 'blue',      // 待上传
      1: 'orange',    // 上传中
      2: 'green',     // 上传成功
      '-1': 'red',    // 上传失败
      '-2': 'purple', // 已存在
      '-3': 'red'     // 文件太大
    };
    return colorMap[status] || 'default';
  };
  
  const getStatusText = (status) => {
    const textMap = {
      0: '待上传',
      1: '上传中',
      2: '成功',
      '-1': '失败',
      '-2': '已存在',
      '-3': '文件太大'
    };
    return textMap[status] || '未知';
  };
  
  defineProps<{
    row: any;
  }>();
  </script>
  
  <style lang="less" scoped>
  .status-tag {
    margin: 0;
    font-size: 12px;
  }
  </style>