|
|
|
|
@ -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>
|
|
|
|
|
|