style(contract-manage): 优化过期筛选区域样式和结构调整
- 将时间段快捷筛选 slot 名称从 search-menu 修改为 header - 调整过期筛选区域的 margin 样式,精细控制上下间距 - 移除多余的右侧 margin,优化布局显示顺序 feat(insurance-ocr-template): 添加 created 生命周期调用 onLoad 方法 - 在组件创建时调用 onLoad,确保初始化动作执行 style(project-apply): 统一项目金额字段后缀及标签显示 - 移除金额字段标签中的“(万元)”文本,改为标签内部统一显示单位后缀 - 为项目资金额度、应收账款额度、项目规模、预估利润、资金需求等输入框添加“万元”后缀显示 - 调整输入框结构,确保后缀模板正常渲染 style(ship): 调整输入框宽度提升表单布局一致性 - 为 .el-input__wrapper 添加固定宽度,保证表单输入框宽度统一
This commit is contained in:
@@ -179,6 +179,9 @@ export default {
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.onLoad();
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['permission', 'userInfo']),
|
||||
isAdmin() {
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
</el-button>
|
||||
</template>
|
||||
|
||||
<template #search-menu>
|
||||
<template #header>
|
||||
<div class="contract-manage-page__expiry-search">
|
||||
<el-check-tag
|
||||
v-for="item in expiryTagOptions"
|
||||
@@ -2158,13 +2158,8 @@ export default {
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
// 将 #search-menu slot 容器(即"时间段快捷筛选"组)排到「查询 / 重置 / 收起」之前;
|
||||
// .avue-form__menu 本身就是 flex + flex-end,整组内容自然靠右,无需额外推挤
|
||||
:deep(.avue-crud__search .avue-form__menu > .contract-manage-page__expiry-search) {
|
||||
order: -1;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
&__footer {
|
||||
|
||||
@@ -253,7 +253,7 @@
|
||||
</el-form-item>
|
||||
<el-form-item prop="fundLimit" class="project-apply-form__tip-label">
|
||||
<template #label>
|
||||
<span>项目资金使用额度(万元)</span>
|
||||
<span>项目资金使用额度</span>
|
||||
<el-tooltip content="实际业务回款周期内付款" placement="top">
|
||||
<el-icon class="project-apply-form__label-tip"><QuestionFilled /></el-icon>
|
||||
</el-tooltip>
|
||||
@@ -263,11 +263,13 @@
|
||||
placeholder="请输入"
|
||||
@input="value => handleNumberInput('fundLimit', value)"
|
||||
@blur="formatAmountField('fundLimit')"
|
||||
/>
|
||||
>
|
||||
<template #suffix>万元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="receivableLimit" class="project-apply-form__tip-label">
|
||||
<template #label>
|
||||
<span>项目应收账款额度(万元)</span>
|
||||
<span>项目应收账款额度</span>
|
||||
<el-tooltip content="回款期内最大应收账款额" placement="top">
|
||||
<el-icon class="project-apply-form__label-tip"><QuestionFilled /></el-icon>
|
||||
</el-tooltip>
|
||||
@@ -277,7 +279,9 @@
|
||||
placeholder="请输入"
|
||||
@input="value => handleNumberInput('receivableLimit', value)"
|
||||
@blur="formatAmountField('receivableLimit')"
|
||||
/>
|
||||
>
|
||||
<template #suffix>万元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="应收账款回款期限" prop="receivableDays">
|
||||
<el-input
|
||||
@@ -346,11 +350,13 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="项目规模(万元)" prop="projectScale">
|
||||
<el-form-item label="项目规模" prop="projectScale">
|
||||
<el-input
|
||||
v-model="form.projectScale"
|
||||
@input="value => handleNumberInput('projectScale', value)"
|
||||
/>
|
||||
>
|
||||
<template #suffix>万元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="结算方式" prop="settlementMode">
|
||||
<el-select v-model="form.settlementMode" placeholder="请选择结算方式" clearable>
|
||||
@@ -362,17 +368,21 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="预估利润(万元)" prop="estimatedProfit">
|
||||
<el-form-item label="预估利润" prop="estimatedProfit">
|
||||
<el-input
|
||||
v-model="form.estimatedProfit"
|
||||
@input="value => handleNumberInput('estimatedProfit', value)"
|
||||
/>
|
||||
>
|
||||
<template #suffix>万元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="资金需求(万元)" prop="fundDemand">
|
||||
<el-form-item label="资金需求" prop="fundDemand">
|
||||
<el-input
|
||||
v-model="form.fundDemand"
|
||||
@input="value => handleNumberInput('fundDemand', value)"
|
||||
/>
|
||||
>
|
||||
<template #suffix>万元</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="项目经办人" prop="handlerUserId">
|
||||
<el-input
|
||||
|
||||
@@ -1374,4 +1374,7 @@ export default {
|
||||
.el-form-item {
|
||||
margin-bottom: 14px !important;
|
||||
}
|
||||
.el-input__wrapper{
|
||||
width: 150px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user