mes/mes-lxsm-ui
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：首页生产工单中的工序进度样式优化

Browse Source
This commit is contained in:
zhangxuanming 2025-01-21 11:42:42 +08:00
parent a4bf5189fb
commit ca940e773b
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/index.vue
View File

@ -40,20 +40,20 @@
<span>{{ parseTime(scope.row.requestDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="工序进度" align="center" width="500">
<el-table-column label="工序进度" align="center" width="200">
<template slot-scope="scope">
<div style="display: flex;">
<span v-for="(item, index) in scope.row.routeHomg">
<span style="display: flex">
<span style="line-height: 70px; text-align: center;color: #5e75ff" v-if="index != 0">--------</span>
<span style="display: flex; flex-direction: column;margin: 0 5px">
<div style="display: flex;width: 100%;overflow:auto;">
<div v-for="(item, index) in scope.row.routeHomg" style="flex-shrink: 0;">
<div style="display: flex">
<div style="line-height: 70px; text-align: center;color: #5e75ff;flex-shrink:0;" v-if="index != 0">--------</div>
<div style="display: flex; flex-direction: column;margin: 0 5px">
<el-progress :height="70" :width="70" type="circle" :percentage="(item.completeNumber/item.total)*100" :color="colors"></el-progress>
<el-tooltip class="item" effect="dark" :content="item.processName" placement="bottom">
<span style="display: inline-block;width: 65px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{ item.processName }}</span>
<span style="display: inline-block;width: 55px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{ item.processName }}</span>
</el-tooltip>
</span>
</span>
</span>
</div>
</div>
</div>
</div>
</template>
</el-table-column>