style:任务单排产-生产进度条样式修改

pull/1/head
黄伟杰 3 weeks ago
parent 20dee1da73
commit e905668923

@ -88,13 +88,14 @@ v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" hi
<el-table-column :label="t('ProductionPlan.TaskSummary.tableProductionProgressColumn')" align="center" min-width="180px">
<template #default="scope">
<div class="production-progress-cell">
<el-progress
:percentage="getProductionProgressPercent(scope.row)"
:show-text="false"
:stroke-width="12"
class="production-progress-bar"
/>
<span class="production-progress-text">{{ getProductionProgressText(scope.row) }}</span>
<el-tooltip :content="getProductionProgressPercent(scope.row) + '%'" placement="top">
<el-progress
:percentage="getProductionProgressPercent(scope.row)"
:show-text="false"
:stroke-width="12"
class="production-progress-bar"
/>
</el-tooltip>
</div>
</template>
</el-table-column>
@ -273,17 +274,9 @@ const handleTabClick = (tab: TabsPaneContext) => {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.production-progress-bar {
width: 180px;
}
.production-progress-text {
min-width: 92px;
text-align: left;
font-variant-numeric: tabular-nums;
color: var(--el-text-color-regular);
}
</style>

Loading…
Cancel
Save