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:
@@ -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