style: 预付金模板左栏控件统一宽度,多选标签宽度自适应
- chosen 已选项去掉固定 130px 宽:短标签右侧留白、搜索框被挤到下一行撑高控件 - 左栏加 tpl-base 标识,input/select 统一 240px、说明 textarea 跟随列宽, 去掉三页面各写一个内联宽度(320/460px 混用)
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" 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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user