feat: 表格增加Tag字段,调整表格宽度以适应新增的字段

This commit is contained in:
Xu Zhimeng 2025-07-07 14:40:41 +08:00
parent f8f819a218
commit 6deaca4d4b

View File

@ -17,6 +17,9 @@
{{ text }} {{ text }}
</div> </div>
</template> </template>
<template slot="tag" slot-scope="text">
{{ text }}
</template>
</a-table> </a-table>
<a-table :data-source="source2" rowKey="id" :columns="columns" :pagination="false"> <a-table :data-source="source2" rowKey="id" :columns="columns" :pagination="false">
<template slot="flag" slot-scope="text, record"> <template slot="flag" slot-scope="text, record">
@ -35,6 +38,9 @@
{{ text }} {{ text }}
</div> </div>
</template> </template>
<template slot="tag" slot-scope="text">
{{ text }}
</template>
</a-table> </a-table>
</div> </div>
</template> </template>
@ -48,13 +54,13 @@ const columns = [
scopedSlots: { scopedSlots: {
customRender: 'flag', customRender: 'flag',
}, },
width: 40, width: 45,
}, },
{ {
title: 'Isotope', title: 'Isotope',
dataIndex: 'nuclideName', dataIndex: 'nuclideName',
ellipsis: true, ellipsis: true,
width: 80, width: 83,
}, },
{ {
title: 'Concentration', title: 'Concentration',
@ -62,7 +68,7 @@ const columns = [
scopedSlots: { scopedSlots: {
customRender: 'concentration', customRender: 'concentration',
}, },
width: 128, width: 125,
}, },
{ {
title: 'Uncertainty', title: 'Uncertainty',
@ -70,7 +76,7 @@ const columns = [
scopedSlots: { scopedSlots: {
customRender: 'uncertainty', customRender: 'uncertainty',
}, },
width: 118, width: 115,
}, },
{ {
title: 'MDC[mBq/m3]', title: 'MDC[mBq/m3]',
@ -78,7 +84,16 @@ const columns = [
scopedSlots: { scopedSlots: {
customRender: 'mdc', customRender: 'mdc',
}, },
width: 133, width: 128,
},
{
title: 'Tag',
dataIndex: 'roiOrPeakFit',
align: 'center',
scopedSlots: {
customRender: 'tag',
},
width: 40,
}, },
] ]
export default { export default {
@ -139,13 +154,15 @@ export default {
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
font-size: 16px; font-size: 16px;
background-color: transparent !important; background-color: transparent !important;
padding: 6px 4px !important;
&:first-child { // &:first-child {
padding-left: 0 !important; // padding-left: 0 !important;
} // padding-right: 0 !important;
&:last-child { // }
padding-right: 0 !important; // &:last-child {
} // padding-right: 0 !important;
// }
} }
.ant-table-tbody { .ant-table-tbody {