优化前端页面布局细节

ruoyi-ui/tests/unit/risk-detail-suspicious-transaction-layout.test.js

@@ -38,3 +38,30 @@ const source = fs.readFileSync(
   "label=\"关系\"",
   "prop=\"relationType\"",
 ].forEach((token) => assert(!source.includes(token), token));
+
+assert(
+  /\.suspicious-filter-select\s*\{[\s\S]*width:\s*240px;/m.test(source),
+  "命中模型筛选框宽度应能容纳较长模型名称"
+);
+assert(
+  /\.suspicious-type-select\s*\{[\s\S]*width:\s*240px;/m.test(source),
+  "预警类型筛选框宽度应能容纳外部人员可疑关系"
+);
+assert(
+  /\.suspicious-filter-form :deep\(\.el-button\)\s*\{[\s\S]*min-width:\s*88px;/m.test(source),
+  "涉疑交易查询按钮应保持稳定宽度"
+);
+
+const riskDetailAmountIndex = source.indexOf('label="交易金额"');
+const riskDetailTagIndex = source.indexOf('label="异常标签"');
+assert.notStrictEqual(riskDetailAmountIndex, -1, "涉疑交易明细应保留交易金额列");
+assert.notStrictEqual(riskDetailTagIndex, -1, "涉疑交易明细应保留异常标签列");
+assert(
+  riskDetailAmountIndex < riskDetailTagIndex,
+  "涉疑交易明细中交易金额列应展示在异常标签列前面"
+);
+assert(
+  source.includes('label="交易金额" width="120"') &&
+    source.includes('label="异常标签" min-width="220"'),
+  "涉疑交易明细金额列和异常标签列应保持紧凑宽度"
+);