文件日志详情

src/views/logger/fileLog/columns.ts

@@ -15,9 +15,16 @@ export const columns = [
       },record.row.originalName);
     },
   },
+  {
+    label: '文件类型',
+    prop: 'fileType',
+  },
   {
     label: '文件大小',
     prop: 'fileSize',
+    render(record) {
+      return h('span', record.row.fileSize+'B')
+    },
   },
   {
     label: '文件后缀',

src/views/logger/fileLog/edit.vue

@@ -1,20 +1,17 @@
 <template>
   <el-dialog
       v-model="props.visible"
-      title="日志详情"
+      title="文件详情"
 
       width="700"
       :close-on-click-modal="false"
       :before-close="dialogClose"
   >
   <el-descriptions  column="2">
-    <el-descriptions-item label="日志标题:">{{formData.title}}</el-descriptions-item>
-    <el-descriptions-item label="日志类型:">{{getTyepText(formData.type)}}</el-descriptions-item>
-    <el-descriptions-item label="模板编号:">{{formData.number}}</el-descriptions-item>
-    <el-descriptions-item label="接收人手机:">{{formData.receiveMobile}}</el-descriptions-item>
-    <el-descriptions-item label="接收人类型:">{{getReviceType(formData.receiveType)}}</el-descriptions-item>
-    <el-descriptions-item label="请求耗时:">{{formData.consumeTime}}</el-descriptions-item>
-    <el-descriptions-item label="日志状态:">{{formData.status==1?'已读':'未读'}}</el-descriptions-item>
+    <el-descriptions-item label="文件名称:"><a :href="formData.filePath" target="_blank">{{formData.originalName}}</a></el-descriptions-item>
+    <el-descriptions-item label="文件类型:">{{formData.fileType}}</el-descriptions-item>
+    <el-descriptions-item label="文件后缀:">{{formData.fileExtension}}</el-descriptions-item>
+    <el-descriptions-item label="文件大小:">{{formData.fileSize}}B</el-descriptions-item>
 </el-descriptions>
     <template #footer>
       <span class="dialog-footer">
@@ -24,23 +21,18 @@
   </el-dialog>
 </template>
 <script lang="ts" setup>
-import type {FormInstance} from "element-plus";
 import {getFileLogDetail} from "@/api/logger/fileLog";
 import {onMounted, reactive, shallowRef} from "vue";
-import {message} from "@/utils/auth";
-import {useLockFn} from "@/utils/useLockFn";
 
 const emit = defineEmits(["success", "update:visible"]);
-const formRef = shallowRef<FormInstance>();
 const formData = reactive({
   id: "",
-  title: "",
-  type:'',
-  number:'',
-  receiveMobile:'',
-  receiveType:'',
-  consumeTime:'',
-  status:''
+  fileName: "",
+  filePath:'',
+  fileSize:'',
+  fileType:'',
+  fileExtension:'',
+  originalName:''
 });
 
 const props = defineProps({
@@ -70,46 +62,6 @@ const setFormData = async () => {
     }
   }
 };
-const getReviceType =(type)=>{
-  let typeText = ''
-    switch (type) {
-      case 1:
-        typeText='系统用户'
-        break;
-      case 2:
-        typeText='会员用户'
-        break;
-      case 3:
-        typeText='其他'
-        break;
-      default:
-        break
-    }
-    return typeText 
-}
-const getTyepText =(type)=>{
-  let typeText = ''
-    switch (type) {
-      case 1:
-          typeText='登录'
-          break;
-        case 2:
-          typeText='注册'
-          break;
-        case 3:
-          typeText='找回密码'
-          break;
-        case 4:
-          typeText='业务'
-          break;
-        case 5:
-          typeText='其他'
-          break;
-      default:
-        break
-    }
-    return typeText 
-}
 
 onMounted(() => {
   if (props.fileId) {