update

src/modules/user/components/ViewProgressDialog.vue

@@ -16,20 +16,35 @@ const listOptions = computed(() => {
     },
     columns: [
       { label: '文件名', prop: 'name' },
-      { label: '大小', prop: 'size' },
+      {
+        label: '大小',
+        prop: 'size',
+        computed: (row: any) => {
+          return bytesToSize(row.row.size)
+        }
+      },
       {
         label: '状态',
-        prop: 'status_name'
-        // computed: (row: any) => {
-        //   return row.row.status === '0'
-        //     ? `<span style="color: rgb(170, 2, 49)">${row.row.status_name}</span>`
-        //     : `<span style="color: #00ac27">${row.row.status_name}</span>`
-        // }
+        prop: 'status_name',
+        computed: (row: any) => {
+          return row.row.status === '4'
+            ? `<p><span style="color: rgb(170, 2, 49)">${row.row.status_name}</span><br/><span style="font-size: 12px">${row.row.message}</span></p>`
+            : `<span style="color: #00ac27">${row.row.status_name}</span>`
+        }
       },
       { label: '导入时间', prop: 'created_time' }
     ]
   }
 })
+
+const bytesToSize = (bytes: number) => {
+  if (bytes === 0) return '0 B'
+  const k = 1000, // or 1024
+    sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
+    i = Math.floor(Math.log(bytes) / Math.log(k))
+
+  return (bytes / Math.pow(k, i)).toPrecision(3) + ' ' + sizes[i]
+}
 </script>
 <template>
   <el-dialog