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

pull/1/head
黄伟杰 1 month 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"> <el-table-column :label="t('ProductionPlan.TaskSummary.tableProductionProgressColumn')" align="center" min-width="180px">
<template #default="scope"> <template #default="scope">
<div class="production-progress-cell"> <div class="production-progress-cell">
<el-progress <el-tooltip :content="getProductionProgressPercent(scope.row) + '%'" placement="top">
:percentage="getProductionProgressPercent(scope.row)" <el-progress
:show-text="false" :percentage="getProductionProgressPercent(scope.row)"
:stroke-width="12" :show-text="false"
class="production-progress-bar" :stroke-width="12"
/> class="production-progress-bar"
<span class="production-progress-text">{{ getProductionProgressText(scope.row) }}</span> />
</el-tooltip>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@ -273,17 +274,9 @@ const handleTabClick = (tab: TabsPaneContext) => {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 8px;
} }
.production-progress-bar { .production-progress-bar {
width: 180px; width: 180px;
} }
.production-progress-text {
min-width: 92px;
text-align: left;
font-variant-numeric: tabular-nums;
color: var(--el-text-color-regular);
}
</style> </style>

Loading…
Cancel
Save