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> <span>{{ parseTime(scope.row.requestDate, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="工序进度" align="center" width="500"> <el-table-column label="工序进度" align="center" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<div style="display: flex;"> <div style="display: flex;width: 100%;overflow:auto;">
<span v-for="(item, index) in scope.row.routeHomg"> <div v-for="(item, index) in scope.row.routeHomg" style="flex-shrink: 0;">
<span style="display: flex"> <div style="display: flex">
<span style="line-height: 70px; text-align: center;color: #5e75ff" v-if="index != 0">--------</span> <div style="line-height: 70px; text-align: center;color: #5e75ff;flex-shrink:0;" v-if="index != 0">--------</div>
<span style="display: flex; flex-direction: column;margin: 0 5px"> <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-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"> <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> </el-tooltip>
</span> </div>
</span> </div>
</span> </div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>