style: 预付金模板期限档位表固定列宽比例,参数组区块外边界加深

- 期限档位表 table-layout:fixed:标的资产类型吃剩余宽度,期限档位 220px/操作 110px 按内容定宽
- 参数组区块边框加深(#9e9e9e),与区块内浅灰表格线拉开分组层次
This commit is contained in:
hjhan
2026-08-28 09:21:08 +08:00
parent 90a9f36b95
commit b398e392d0
4 changed files with 17 additions and 6 deletions
@@ -174,8 +174,8 @@
<thead>
<tr>
<th v-if="marginTemplate.UnderlyingSeperateType == @((int)UnderlyingSeperateTypeEnum.CustomInstrumentType)">标的资产类型</th>
<th style="width:120px;">期限档位</th>
<th style="width:80px;">操作</th>
<th style="width:220px;">期限档位</th>
<th style="width:110px;">操作</th>
</tr>
</thead>
<tbody>
@@ -175,8 +175,8 @@
<thead>
<tr>
<th v-if="marginTemplate.UnderlyingSeperateType == @((int)UnderlyingSeperateTypeEnum.CustomInstrumentType)">标的资产类型</th>
<th style="width:120px;">期限档位</th>
<th style="width:80px;">操作</th>
<th style="width:220px;">期限档位</th>
<th style="width:110px;">操作</th>
</tr>
</thead>
<tbody>
@@ -140,8 +140,8 @@
<thead>
<tr>
<th v-if="marginTemplate.UnderlyingSeperateType == @((int)UnderlyingSeperateTypeEnum.CustomInstrumentType)">标的资产类型</th>
<th style="width:120px;">期限档位</th>
<th style="width:80px;">操作</th>
<th style="width:220px;">期限档位</th>
<th style="width:110px;">操作</th>
</tr>
</thead>
<tbody>
@@ -149,3 +149,14 @@ p {
border-left: 3px solid #e33333;
padding-left: 6px;
}
/*参数组区块外边界加深:区块内表格线是浅灰,外框同步太浅导致分组不明显*/
.spanBlk.border {
border-color: #9e9e9e !important;
}
/*期限档位区块表:固定布局让"标的资产类型"列吃剩余宽度,期限档位/操作按内容定宽,
避免两列均分 100% 时操作列被撑得过宽、与内容不成比例*/
.border.detail table {
table-layout: fixed;
}