优化前端页面布局细节

ruoyi-ui/tests/unit/account-info-layout-polish.test.js

@@ -0,0 +1,42 @@
+const assert = require("assert");
+const fs = require("fs");
+const path = require("path");
+
+const source = fs.readFileSync(
+  path.resolve(__dirname, "../../src/views/ccdiAccountInfo/index.vue"),
+  "utf8"
+);
+
+assert(
+  source.includes(':xs="24" :sm="12" :md="8" :lg="6" :xl="6"'),
+  "账户库查询项应使用响应式列宽"
+);
+
+const ownerTypeColumnIndex = source.indexOf('label="所属人类型"');
+const staffNameColumnIndex = source.indexOf('label="员工姓名" prop="staffName"');
+assert.notStrictEqual(ownerTypeColumnIndex, -1, "账户库列表应保留所属人类型列");
+assert.notStrictEqual(staffNameColumnIndex, -1, "账户库列表应保留员工姓名列");
+assert(
+  ownerTypeColumnIndex < staffNameColumnIndex,
+  "账户库列表中所属人类型应展示在员工姓名前面"
+);
+
+["员工姓名", "账户姓名", "账户号码"].forEach((label) => {
+  const pattern = new RegExp(
+    `<el-table-column[^>]*label="${label}"[^>]*show-overflow-tooltip`,
+    "m"
+  );
+  assert(pattern.test(source), `${label}列应使用溢出提示避免撑开表格`);
+});
+
+assert(source.includes('width="92%"'), "账户库编辑弹窗应使用自适应宽度");
+assert(
+  source.includes('custom-class="account-info-dialog"'),
+  "账户库编辑弹窗应有独立样式类"
+);
+assert(
+  /::v-deep \.account-info-dialog\s*\{[\s\S]*max-width:\s*1160px;/m.test(source),
+  "账户库编辑弹窗大屏应限制最大宽度"
+);
+
+console.log("account-info-layout-polish test passed");