From e2da209f39145a2449bf1c11e7002d0c84836e32 Mon Sep 17 00:00:00 2001
From: yuxin-pc <yuxin.93@petalmail.com>
Date: Tue, 10 Jun 2025 14:11:47 +0800
Subject: [PATCH] Update DataPackage.vue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

展示字段调整
---
 .../src/modules/dataPackage/DataPackage.vue   | 42 +++++++++++++++++--
 1 file changed, 39 insertions(+), 3 deletions(-)

diff --git a/oscm/board/src/modules/dataPackage/DataPackage.vue b/oscm/board/src/modules/dataPackage/DataPackage.vue
index a3d1acc..7d821fc 100644
--- a/oscm/board/src/modules/dataPackage/DataPackage.vue
+++ b/oscm/board/src/modules/dataPackage/DataPackage.vue
@@ -27,8 +27,17 @@
           <el-table-column prop="packageName" label="数据包名称"></el-table-column>
           <el-table-column prop="operationType" label="操作类型"></el-table-column>
           <el-table-column prop="operationTime" label="操作时间" :formatter="formatDate"></el-table-column>
-          <el-table-column prop="userName" label="用户名"></el-table-column>
-          <el-table-column prop="userIp" label="IP"></el-table-column>
+          <el-table-column prop="userName" label="用户名">
+            <template slot-scope="scope">
+              {{ scope.row.userName || 'admin' }}
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="userAgent" label="客户端信息">
+            <template slot-scope="scope">
+              {{ formatUserAgent(scope.row.userAgent) }}
+            </template>
+          </el-table-column>
         </el-table>
         <el-pagination
             @current-change="handleLogPageChange"
@@ -67,6 +76,7 @@ import {
   Tooltip
 } from 'element-ui'
 import dataPackageApi from '@/js/api/dataPackageApi';
+
 Vue.use(Select)
 Vue.use(Option)
 Vue.use(Input)
@@ -174,7 +184,33 @@ export default {
         unitIndex++;
       }
       return `${size.toFixed(2)} ${units[unitIndex]}`;
+    },
+    formatUserAgent(agent) {
+      if (!agent) return '未知';
+      // 简化显示，可根据需要调整
+      // if (agent.includes('Chrome')) return 'Chrome';
+      // if (agent.includes('Firefox')) return 'Firefox';
+      // if (agent.includes('Safari')) return 'Safari';
+      // if (agent.includes('Edge')) return 'Edge';
+      return agent.substring(0, 50) + (agent.length > 50 ? '...' : ''); // 截断过长的UA
     }
   }
 };
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+/* 分页居中 */
+.el-pagination {
+  display: flex;
+  justify-content: center;
+  margin-top: 20px;
+}
+
+/* 可选：调整分页按钮样式 */
+.el-pagination.is-background .btn-next,
+.el-pagination.is-background .btn-prev,
+.el-pagination.is-background .el-pager li {
+  margin: 0 5px;
+  border-radius: 4px;
+}
+</style>
\ No newline at end of file