style: 预付金模板左右两栏改约 4:6,栏高统一 calc(100vh-120px)

- 左栏基础信息定宽 40%,右侧追保区间表格获得更多宽度(右栏仍 flex:1 吸收剩余)
- Default/Client 两页 720px 写死改为 calc(100vh - 120px),与 Edit 页一致,小屏不再截断底部按钮
This commit is contained in:
hjhan
2026-08-28 09:05:23 +08:00
parent 5fcbebb4a6
commit ef64f57bfe
3 changed files with 12 additions and 4 deletions
@@ -34,7 +34,7 @@
<form id="marginTemplateV2Form" method="post" onsubmit="return false;">
<div class="row no-gutters">
<div class="col form-layout tpl-base" style="height: 720px; overflow-y: auto;">
<div class="col form-layout tpl-base" style="height: calc(100vh - 120px); overflow-y: auto;">
<div class="border">
<p>新模板信息</p>
<div class="form-group">
@@ -167,7 +167,7 @@
</div>
</div>
<div class="col form-layout" style="height: 720px; overflow-y:auto;">
<div class="col form-layout" style="height: calc(100vh - 120px); overflow-y:auto;">
<template v-if="marginTemplate.RuleType == @((int)MarginRuleTypeEnum.区间追保结构)">
<div class="border detail">
<table class="table table-bordered" style="margin-bottom:0;">
@@ -34,7 +34,7 @@
<form id="marginTemplateV2Form" method="post" onsubmit="return false;">
<div class="row no-gutters">
<div class="col form-layout tpl-base" style="height: 720px; overflow-y: auto;">
<div class="col form-layout tpl-base" style="height: calc(100vh - 120px); overflow-y: auto;">
<div class="border">
<P>新模板信息</P>
<div class="form-group">
@@ -168,7 +168,7 @@
</div>
</div>
</div>
<div class="col form-layout" style="height: 720px; overflow-y:auto;">
<div class="col form-layout" style="height: calc(100vh - 120px); overflow-y:auto;">
<template v-if="marginTemplate.RuleType == @((int)MarginRuleTypeEnum.区间追保结构)">
<div class="border detail">
<table class="table table-bordered" style="margin-bottom:0;">
@@ -105,6 +105,14 @@ p {
/*左栏基础信息列(tpl-base 标记在三个编辑页共用的左侧 col 上):
控件统一 240px 宽、右缘对齐;多选 chosen 初始化取 select 宽度(SetAceDropDown),随之统一。
说明类 textarea 跟随列宽(减去 160px 标签 + 8px 间距 + 4px 余量)*/
.tpl-base {
/*左右两栏约 4:6:左栏基础信息收窄,右侧追保区间表格更宽。
不用 col-md-5/7form-layout 自带 1rem 外边距,两栏 basis 相加已满 100% 会折行;
左栏定宽 40%(不缩不放)+ 右栏 .col(flex:1) 吸收剩余宽度,无折行风险*/
flex: 0 0 40%;
max-width: 40%;
}
.tpl-base input.text-box,
.tpl-base select {
width: 240px;