优化个人中心表格显示和操作功能

pages/personal-Center/index/components/upload-table.vue

@@ -4,12 +4,12 @@
     <el-table-column prop="date" label="文件信息">
       <template #default="scope">
         <div class="flex items-center">
-          <el-image :src="scope.row.iconUrl" fit="cover" alt="" srcset="" class="h-91px w-181px rd-4px" />
+          <el-image :src="scope.row.iconUrl" fit="contain" alt="" srcset="" class="h-91px w-181px rd-4px" />
           <div class="ml-17px">
             <div class="text-16px text-[#333333] font-normal">{{ scope.row.title }}</div>
             <div class="text-14px text-[#333333] font-normal my-10px!">
               {{ dayjs(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
-              <span class="ml-10px">{{ scope.row.sizecountry }}</span>
+              <span class="ml-4px color-#999">{{ scope.row.isDomestic === 1 ? '中国' : scope.row.country }}</span>
             </div>
             <div class="flex items-center">
               <div class="flex items-center">
@@ -37,7 +37,9 @@
     <el-table-column prop="address" label="操作" width="100">
       <template #default="scope">
         <el-link v-if="scope.row.status === 4" type="primary" :underline="false" @click="handleXiaJia(scope.row)">下架</el-link>
-        <el-link type="primary" :underline="false" @click="handleDelete(scope.row)">删除</el-link>
+        <el-link type="danger" :underline="false" @click="handleDelete(scope.row)">删除</el-link>
+        <el-link type="primary" :underline="false" @click="handlePreview(scope.row)">查看</el-link>
+        <el-link type="primary" :underline="false" @click="handleEdit(scope.row)">编辑</el-link>
       </template>
     </el-table-column>
   </el-table>
@@ -92,11 +94,11 @@
       case 1:
         return '草稿'
       case 2:
-        return '提交审核'
+        return '待审核'
       case 3:
-        return '审核成功'
+        return '发布成功'
       case 4:
-        return '下架'
+        return '退稿'
       default:
         return ''
     }
@@ -121,6 +123,14 @@
       }
     })
   }
+
+  const handlePreview = (row: any) => {
+    window.open(row.url)
+  }
+
+  const handleEdit = (row: any) => {
+    window.open(`/personal-center/edit-resource?id=${row.id}`)
+  }
 </script>
 
 <style lang="scss" scoped></style>