| | |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <!-- :style="{ backgroundColor: taskStatusColor() }" --> |
| | | <div class="task-div-content" > |
| | | <div v-if="!isShowNormalTracking" class="task-list-div" > |
| | | <operationTaskPane |
| | | ref="operateTaskDiv" :style="{ backgroundColor: taskStatusColor() }" |
| | | <operationTaskPane |
| | | ref="operateTaskDiv" |
| | | :workstationId="dutyForm.workstationId" |
| | | :productSn="operateTaskForm.SN" |
| | | :orderNumber="operateTaskForm.orderNumber" |
| | |
| | | </div> |
| | | <div v-if="isShowNormalTracking" class="task-list-div" > |
| | | <operationTaskTable |
| | | ref="operateTaskTableDiv" :style="{ backgroundColor: taskStatusColor() }" |
| | | ref="operateTaskTableDiv" |
| | | :workstationId="dutyForm.workstationId" |
| | | :productSn="operateTaskForm.SN" |
| | | :orderNumber="operateTaskForm.orderNumber" |
| | |
| | | box-sizing: border-box; |
| | | overflow-y: auto; |
| | | margin-bottom: 10px; |
| | | |
| | | } |
| | | |
| | | .task-list-div { |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | changeCurrOperateTask() {}, |
| | | refreshWorkReportPageData() {}, |
| | | // changeCurrOperateTask() {}, |
| | | // refreshWorkReportPageData() {}, |
| | | refreshOperateTasksByConditions() { |
| | | this.$nextTick(() => { |
| | | this.refreshOperateTasks() |
| | |
| | | }, |
| | | computed: { |
| | | ...mapGetters(['userInfo', 'tagWel', 'permissions']), |
| | | // 半个月之前是黄色 当天和三天之内就是红色 三天之后就是蓝色 |
| | | // taskStatusColor() { |
| | | // return function(date) { |
| | | // const now = new Date(); |
| | | // const halfMonthAgo = new Date(now - 15 * 24 * 60 * 60 * 1000); |
| | | // const threeDaysAgo = new Date(now - 3 * 24 * 60 * 60 * 1000); |
| | | // const oneDayAgo = new Date(now - 24 * 60 * 60 * 1000); |
| | | // const today = new Date(now); |
| | | |
| | | taskStatusColor() { |
| | | return function() { |
| | | const now = new Date(); |
| | | const threeDaysAgo = new Date(now - 3 * 24 * 60 * 60 * 1000); |
| | | const oneDayAgo = new Date(now - 24 * 60 * 60 * 1000); |
| | | const today = new Date(now); |
| | | // if (halfMonthAgo <= date && date <= threeDaysAgo) { |
| | | // return 'yellow'; |
| | | // } else if (today <= date && date <= threeDaysAgo) { |
| | | // return 'red'; |
| | | // } else { |
| | | // return 'blue'; |
| | | // } |
| | | // }; |
| | | // } |
| | | |
| | | if (threeDaysAgo <= today && today <= oneDayAgo) { |
| | | return 'yellow'; |
| | | } else if (today <= threeDaysAgo) { |
| | | return 'blue'; |
| | | } else { |
| | | return 'red'; |
| | | } |
| | | }; |
| | | } |
| | | }, |
| | | created() { |
| | | document.title = '工作台——MES' |