style(table): 调整表格列宽度配置
- 为推送时间列添加固定宽度130px - 为动态表格列添加宽度属性支持 - 为任务名称列设置宽度150px - 为排查时间列设置宽度130px - 优化表格列布局显示效果dev
parent
a8d3336851
commit
db492f405b
|
|
@ -23,14 +23,14 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column prop="pushTime" label="推送时间" />
|
<el-table-column prop="pushTime" label="推送时间" width="130" />
|
||||||
<el-table-column prop="pushStatus" label="上报数据状态">
|
<el-table-column prop="pushStatus" label="上报数据状态">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
{{ translationStatus(row.pushStatus, pushOptions) }}
|
{{ translationStatus(row.pushStatus, pushOptions) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<template v-for="item in reqMapOptions" :key="item.key">
|
<template v-for="item in reqMapOptions" :key="item.key">
|
||||||
<el-table-column :prop="item.key" :label="item.label" />
|
<el-table-column :prop="item.key" :label="item.label" :width="item.width" />
|
||||||
</template>
|
</template>
|
||||||
<el-table-column label="操作" width="240">
|
<el-table-column label="操作" width="240">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
|
|
|
||||||
|
|
@ -48,10 +48,10 @@ export const reqMapArr = [
|
||||||
options: [
|
options: [
|
||||||
{ key: "checkRiskName", label: "排查风险名称" },
|
{ key: "checkRiskName", label: "排查风险名称" },
|
||||||
{ key: "checker", label: "排查人" },
|
{ key: "checker", label: "排查人" },
|
||||||
{ key: "taskName", label: "任务名称" },
|
{ key: "taskName", label: "任务名称", width: 150 },
|
||||||
{ key: "planId", label: "清单ID" },
|
{ key: "planId", label: "清单ID" },
|
||||||
{ key: "dataId", label: "数据ID" },
|
{ key: "dataId", label: "数据ID" },
|
||||||
{ key: "checkTime", label: "排查时间", type: "date" },
|
{ key: "checkTime", label: "排查时间", type: "date", width: 130 },
|
||||||
|
|
||||||
],
|
],
|
||||||
reqMap: {
|
reqMap: {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue