style: 预付金模板左右两栏改约 4:6,栏高统一 calc(100vh-120px)
- 左栏基础信息定宽 40%,右侧追保区间表格获得更多宽度(右栏仍 flex:1 吸收剩余) - Default/Client 两页 720px 写死改为 calc(100vh - 120px),与 Edit 页一致,小屏不再截断底部按钮
This commit is contained in:
@@ -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/7:form-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;
|
||||
|
||||
Reference in New Issue
Block a user