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` 插槽的页面,其合同名称单元格内容都会左对齐。
|
||||
|
||||
@@ -251,12 +251,14 @@ export const option = createCrudOption([
|
||||
{
|
||||
label: '合同名称',
|
||||
prop: 'contractName',
|
||||
align: 'left',
|
||||
headerAlign: 'left',
|
||||
search: true,
|
||||
searchOrder: 7,
|
||||
searchPlaceholder: '请输入',
|
||||
order: 180,
|
||||
slot: true,
|
||||
minWidth: 180,
|
||||
minWidth: 240,
|
||||
rules: textRule('合同名称', 100, true),
|
||||
},
|
||||
{
|
||||
|
||||
@@ -126,14 +126,16 @@
|
||||
</template>
|
||||
|
||||
<template #contractName="{ row }">
|
||||
<el-link
|
||||
v-if="config.contractNameDetail && row.contractName"
|
||||
type="primary"
|
||||
@click.stop="openDetail(row)"
|
||||
>
|
||||
{{ row.contractName }}
|
||||
</el-link>
|
||||
<span v-else>{{ row.contractName || '-' }}</span>
|
||||
<div class="business-crud-page__contract-name">
|
||||
<el-link
|
||||
v-if="config.contractNameDetail && row.contractName"
|
||||
type="primary"
|
||||
@click.stop="openDetail(row)"
|
||||
>
|
||||
{{ row.contractName }}
|
||||
</el-link>
|
||||
<span v-else>{{ row.contractName || '-' }}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template #loadingNo="{ row }">
|
||||
@@ -13649,6 +13651,10 @@ export default {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&__contract-name {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
&__contract-expiry-search {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
:api="api"
|
||||
:config="config"
|
||||
:crud-option="option"
|
||||
:menu-width="252"
|
||||
:menu-width="280"
|
||||
contract-form-page
|
||||
/>
|
||||
</template>
|
||||
|
||||
@@ -1129,7 +1129,6 @@ export default {
|
||||
color: #303133;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
:deep(.score-description-input .el-input__inner) {
|
||||
|
||||
Reference in New Issue
Block a user