| | |
| | | <img class="selectedImg" src="/img/workbench/icon_selected.png" /> |
| | | <div class="header"> |
| | | <div>工单号:{{ item.taskNo }}</div> |
| | | <div class="tag" :style="{ backgroundColor: getTagColor(item.planFinishDay) }"> |
| | | {{ getTagText(item.planFinishDay) }} |
| | | </div> |
| | | <!-- <div class="tag" :style="{ backgroundColor: getTagColor(item.planFinishDay) }"> |
| | | {{ getTagText(item.planFinishDay) }} |
| | | </div> --> |
| | | <el-alert |
| | | center |
| | | style="width: 80px;height:30px;line-height: 30px;" |
| | | :title="getTagText(item.planFinishDay)" |
| | | :type="getTagColor(item.planFinishDay)" |
| | | effect="dark" |
| | | :closable="false"> |
| | | </el-alert> |
| | | <!-- <div>计划号:{{ item.mpsNo }}</div> --> |
| | | <div |
| | | :class="[ |
| | |
| | | .tag{ |
| | | width: 80px; |
| | | height: 30px; |
| | | line-height: 30px; |
| | | border-radius:15% ; |
| | | text-align: center; |
| | | text-size:8px; |
| | | font-size:8px; |
| | | color:white; |
| | | align-content: 30px; |
| | | |
| | | } |
| | | |
| | | |
| | |
| | | } |
| | | }, |
| | | computed: { |
| | | ...mapGetters(['permissions']) |
| | | ...mapGetters(['permissions']), |
| | | }, |
| | | created() { |
| | | if (!this.defaultOperationId) { |
| | |
| | | const today = new Date(); |
| | | const planDate = new Date(planFinishDay); |
| | | if (planDate < today) { |
| | | return 'rgba( 255,0,0,1)'; // 超期为红色 |
| | | //return 'rgba( 255,0,0,1)'; // 超期为红色 |
| | | return 'error'; // 超期为红色 |
| | | } else { |
| | | const timeDiff = planDate.getTime() - today.getTime(); |
| | | const daysDiff = Math.ceil(timeDiff / (1000 * 3600 * 24)); |
| | | if (daysDiff <= 3) { |
| | | return 'rgba(255,204,62, 1)'; // 临期为黄色 |
| | | //return 'rgba(255,204,62, 1)'; // 临期为黄色 |
| | | return 'warning'; // 临期为黄色 |
| | | } else { |
| | | return 'rgba(86,219, 25,1)'; // 正常为绿色 |
| | | //return 'rgba(86,219, 25,1)'; // 正常为绿色 |
| | | return 'success'; // 正常为绿色 |
| | | } |
| | | } |
| | | }, |
| | |
| | | break |
| | | } |
| | | } |
| | | console.log(this.operationTasks) |
| | | // console.log(this.operationTasks) |
| | | // 若当前工单在工单列表未被找到且当前工单状态为已完成或已取消时,则将当前工单重置为空并抛出事件,否则不管 |
| | | if (isResetCurrOpertionTaskFlag) { |
| | | getOperationTaskById(taskId).then((res) => { |