fix(business-crud-page): 修复合同名称列左对齐问题
- 在 business-crud-page.vue 的 contractName 插槽中新增包裹 div,强制内容左对齐 - 新增 scoped 样式 .business-crud-page__contract-name,设置 text-align: left - contract-manage.js 保留 contractName 列 align 和 headerAlign 配置,作为兜底 - 调整合同名称列最小宽度和合同管理页面菜单宽度 - 修复车辆信用评分量化页面部分文本居中样式移除
This commit is contained in:
@@ -129,3 +129,13 @@
|
||||
|
||||
## master-order 弹窗搜索栏白底补齐
|
||||
- `src/views/business/components/master-order-editor.vue` line 1815-1818:把 `.common-cargo-dialog__search` 单条白底规则改写为 `.common-address-dialog__search, .common-cargo-dialog__search { background: #fff }`,让"选择常用地址"弹窗的搜索栏也跟随既有白卡样式(其他 `.route-dialog__search` 默认无该 class,仍保留灰底)。
|
||||
|
||||
## 合同管理合同名称列左对齐修复
|
||||
|
||||
- 调整文件:`src/views/business/components/business-crud-page.vue`、`src/option/business/contract-manage.js`
|
||||
- 修改内容:
|
||||
1. 在 `business-crud-page.vue` 的 `#contractName` 插槽内,用 `<div class="business-crud-page__contract-name">` 包裹 `el-link` / `span` 内容。
|
||||
2. 在 `business-crud-page.vue` 的 scoped SCSS 中新增 `.business-crud-page__contract-name { text-align: left; }`。
|
||||
3. 保留 `contract-manage.js` 中 `contractName` 列的 `align: 'left'` / `headerAlign: 'left'` 配置(虽然 Avue slot 列的 align 未生效,作为兜底仍保留)。
|
||||
- 原因:用户反馈 `/business/contract-manage` 的合同名称列文字仍居中。Avue 自定义 slot 列的 `align` 属性似乎没有正确作用到单元格,改由插槽内容自身强制 `text-align: left` 更可靠。
|
||||
- 影响:所有使用 `business-crud-page` 且渲染 `contractName` 插槽的页面,其合同名称单元格内容都会左对齐。
|
||||
|
||||
Reference in New Issue
Block a user