style: 预付金模板左栏控件统一宽度,多选标签宽度自适应

- chosen 已选项去掉固定 130px 宽:短标签右侧留白、搜索框被挤到下一行撑高控件
- 左栏加 tpl-base 标识,input/select 统一 240px、说明 textarea 跟随列宽,
  去掉三页面各写一个内联宽度(320/460px 混用)
This commit is contained in:
hjhan
2026-08-28 09:03:52 +08:00
parent 0222c4abe4
commit 0e0a6d0962
4 changed files with 23 additions and 12 deletions
@@ -34,7 +34,7 @@
<form id="marginTemplateV2Form" method="post" onsubmit="return false;">
<div class="row no-gutters">
<div class="col form-layout" style="height: 720px; overflow-y: auto;">
<div class="col form-layout tpl-base" style="height: 720px; overflow-y: auto;">
<div class="border">
<p>新模板信息</p>
<div class="form-group">
@@ -142,7 +142,7 @@
<div class="form-group">
<label class="formlabel">规则描述</label>
<textarea class="text-box" rows="3" style="width: 320px; text-align:left;" v-model="marginTemplate.Comments" v-bind:title="marginTemplate.Comments" disabled>
<textarea class="text-box" rows="3" style="text-align:left;" v-model="marginTemplate.Comments" v-bind:title="marginTemplate.Comments" disabled>
</textarea>
</div>
@@ -158,7 +158,7 @@
</div>
<div class="form-group">
<label class="formlabel"></label>
<textarea class="text-box" rows="5" style="width: 460px; text-align:left;" v-model="marginTemplate.UnderlyingSeperateComments" v-bind:title="marginTemplate.UnderlyingSeperateComments" disabled>
<textarea class="text-box" rows="5" style="text-align:left;" v-model="marginTemplate.UnderlyingSeperateComments" v-bind:title="marginTemplate.UnderlyingSeperateComments" disabled>
</textarea>
</div>
@@ -34,7 +34,7 @@
<form id="marginTemplateV2Form" method="post" onsubmit="return false;">
<div class="row no-gutters">
<div class="col form-layout" style="height: 720px; overflow-y: auto;">
<div class="col form-layout tpl-base" style="height: 720px; overflow-y: auto;">
<div class="border">
<P>新模板信息</P>
<div class="form-group">
@@ -149,7 +149,7 @@
<div class="form-group">
<label class="formlabel">规则描述</label>
<textarea class="text-box" rows="3" style="width: 460px; text-align:left;" v-model="marginTemplate.Comments" v-bind:title="marginTemplate.Comments" disabled>
<textarea class="text-box" rows="3" style="text-align:left;" v-model="marginTemplate.Comments" v-bind:title="marginTemplate.Comments" disabled>
</textarea>
</div>
@@ -163,7 +163,7 @@
</div>
<div class="form-group">
<label class="formlabel"></label>
<textarea class="text-box" rows="5" style="width: 460px; text-align:left;" v-model="marginTemplate.UnderlyingSeperateComments" v-bind:title="marginTemplate.UnderlyingSeperateComments" disabled>
<textarea class="text-box" rows="5" style="text-align:left;" v-model="marginTemplate.UnderlyingSeperateComments" v-bind:title="marginTemplate.UnderlyingSeperateComments" disabled>
</textarea>
</div>
</div>
@@ -32,7 +32,7 @@
<form id="marginTemplateV2Form" method="post" onsubmit="return false;">
<div class="row no-gutters">
<div class="col form-layout" style="height: calc(100vh - 120px); 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">
@@ -115,7 +115,7 @@
<div class="form-group">
<label class="formlabel">规则描述</label>
<textarea class="text-box" rows="3" style="width: 320px; text-align:left;" v-model="marginTemplate.Comments" v-bind:title="marginTemplate.Comments" disabled>
<textarea class="text-box" rows="3" style="text-align:left;" v-model="marginTemplate.Comments" v-bind:title="marginTemplate.Comments" disabled>
</textarea>
</div>
@@ -128,7 +128,7 @@
</div>
<div class="form-group">
<label class="formlabel"></label>
<textarea class="text-box" rows="5" style="width: 320px; text-align:left;" v-model="marginTemplate.UnderlyingSeperateComments" v-bind:title="marginTemplate.UnderlyingSeperateComments" disabled>
<textarea class="text-box" rows="5" style="text-align:left;" v-model="marginTemplate.UnderlyingSeperateComments" v-bind:title="marginTemplate.UnderlyingSeperateComments" disabled>
</textarea>
</div>
</div>
@@ -62,9 +62,8 @@
padding: 5px;
}
.chosen-container-multi .chosen-choices li.search-choice {
width: 130px;
}
/*多选已选项宽度自适应:固定 130px 会让短标签(买入/收益互换等)右侧大片留白,
并把隐藏的搜索输入框挤到下一行,把整个控件撑出一截空白高度*/
.form-layout .chosen-choices > li > span:first-child, .searchdiv .chosen-choices .search-choice > span:first-child {
width: 120px;
@@ -100,3 +99,15 @@ p {
.spanBlk table th, .spanBlk table td {
padding: 2px 4px;
}
/*左栏基础信息列(tpl-base 标记在三个编辑页共用的左侧 col 上):
控件统一 240px 宽、右缘对齐;多选 chosen 初始化取 select 宽度(SetAceDropDown),随之统一。
说明类 textarea 跟随列宽(减去 160px 标签 + 8px 间距 + 4px 余量)*/
.tpl-base input.text-box,
.tpl-base select {
width: 240px;
}
.tpl-base textarea.text-box {
width: calc(100% - 172px);
}