🎨 日志展示列微调

Author: Hccake

src/views/log/adminaccesslog/AdminAccessLogPage.vue

@@ -78,10 +78,6 @@ export default {
           title: '追踪ID',
           dataIndex: 'traceId',
         },
-        {
-          title: '用户ID',
-          dataIndex: 'userId',
-        },
         {
           title: '用户名',
           dataIndex: 'username',
@@ -110,6 +106,9 @@ export default {
         {
           title: '执行时长',
           dataIndex: 'time',
+          customRender: function (text){
+            return text + ' ms'
+          }
         },
         {
           title: '创建时间',
@@ -120,6 +119,11 @@ export default {
       ]
     }
   },
-  methods: {}
+  methods: {
+    onTimeChange (dates, dateStrings) {
+      this.queryParam.startTime = dateStrings[0]
+      this.queryParam.endTime = dateStrings[1]
+    }
+  }
 }
 </script>

src/views/log/adminoperationlog/AdminOperationLogPage.vue

@@ -51,10 +51,10 @@
             </dict-text>
           </template>
           <template #expandedRowRender="record">
-              <p>params:</p>
-              <pre><div class="wordwrap" v-html="record.params"></div></pre>
-              <p>userAgent:</p>
-              {{record.userAgent}}}
+            <p>params:</p>
+            <pre><div class="wordwrap" v-html="record.params"></div></pre>
+            <p>userAgent:</p>
+            {{ record.userAgent }}}
           </template>
         </a-table>
       </div>
@@ -69,53 +69,57 @@ import { TablePageMixin } from '@/mixins'
 export default {
   name: 'AdminOperationLogPage',
   mixins: [TablePageMixin],
-  data() {
+  data () {
     return {
       getPage: getPage,
 
       columns: [
         {
           title: '#',
-          dataIndex: 'id',
+          dataIndex: 'id'
         },
         {
           title: '追踪ID',
-          dataIndex: 'traceId',
+          dataIndex: 'traceId'
         },
         {
           title: '日志消息',
-          dataIndex: 'msg',
+          dataIndex: 'msg'
         },
         {
           title: '操作类型',
           dataIndex: 'type',
           scopedSlots: { customRender: 'type-slot' }
         },
         {
-          title: '访问IP地址',
+          title: '请求IP',
           dataIndex: 'ip',
+          width: '105px'
         },
         {
           title: '请求URI',
-          dataIndex: 'uri',
+          dataIndex: 'uri'
         },
         {
           title: '请求方式',
-          dataIndex: 'method',
-        },
-        {
-          title: '操作状态',
-          dataIndex: 'status',
-          width: '50px',
-          scopedSlots: { customRender: 'status-slot' }
+          dataIndex: 'method'
         },
         {
           title: '执行时长',
           dataIndex: 'time',
+          customRender: function (text) {
+            return text + ' ms'
+          }
         },
         {
           title: '操作人',
-          dataIndex: 'operator',
+          dataIndex: 'operator'
+        },
+        {
+          title: '操作状态',
+          dataIndex: 'status',
+          width: '50px',
+          scopedSlots: { customRender: 'status-slot' }
         },
         {
           title: '创建时间',
@@ -126,7 +130,12 @@ export default {
       ]
     }
   },
-  methods: {}
+  methods: {
+    onTimeChange (dates, dateStrings) {
+      this.queryParam.startTime = dateStrings[0]
+      this.queryParam.endTime = dateStrings[1]
+    }
+  }
 }
 </script>