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

pull/1/head
黄伟杰 4 weeks ago
parent 1d8a70de9b
commit 1cf5a724c1

@ -85,15 +85,16 @@ v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" hi
<el-tag :type="scope.row.isScheduled ? 'success' : 'info'">{{ scope.row.isScheduled ? '是' : '否' }}</el-tag> <el-tag :type="scope.row.isScheduled ? 'success' : 'info'">{{ scope.row.isScheduled ? '是' : '否' }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<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="60px">
<template #default="scope"> <template #default="scope">
<div class="production-progress-cell"> <div class="production-progress-cell">
<el-tooltip :content="getProductionProgressPercent(scope.row) + '%'" placement="top"> <el-tooltip :content="getProductionProgressPercent(scope.row) + '%'" placement="top">
<el-progress <el-progress
type="circle"
:percentage="getProductionProgressPercent(scope.row)" :percentage="getProductionProgressPercent(scope.row)"
:show-text="false" :width="40"
:stroke-width="12" :stroke-width="4"
class="production-progress-bar" :color="getProductionProgressPercent(scope.row) === 100 ? '#67c23a' : undefined"
/> />
</el-tooltip> </el-tooltip>
</div> </div>
@ -276,7 +277,17 @@ const handleTabClick = (tab: TabsPaneContext) => {
justify-content: center; justify-content: center;
} }
.production-progress-bar { .production-progress-cell :deep(.el-progress-circle) {
width: 180px; display: flex;
align-items: center;
justify-content: center;
}
.production-progress-cell :deep(.el-progress__text) {
display: flex;
align-items: center;
justify-content: center;
font-size: 10px !important;
min-width: auto !important;
} }
</style> </style>

Loading…
Cancel
Save