From da965fc61c09a17a39a43e5e4d45edeca67148a1 Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期一, 09 十二月 2024 13:40:12 +0800
Subject: [PATCH] 1
---
src/views/console/base/CalenderTab.vue | 57 ++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 40 insertions(+), 17 deletions(-)
diff --git a/src/views/console/base/CalenderTab.vue b/src/views/console/base/CalenderTab.vue
index c6a0ebc..b9dba3f 100644
--- a/src/views/console/base/CalenderTab.vue
+++ b/src/views/console/base/CalenderTab.vue
@@ -1,7 +1,7 @@
<!--
* @Date: 2024-04-04 22:45:43
* @LastEditors: gaoshp
- * @LastEditTime: 2024-10-02 20:52:59
+ * @LastEditTime: 2024-10-09 22:59:25
* @FilePath: /cps-web/src/views/console/base/CalenderTab.vue
-->
<template>
@@ -30,7 +30,11 @@
</el-header>
<el-main>
<el-row :gutter="12" v-show="shiftListName.length > 0">
- <el-button v-for="item in shiftListName">{{ item.code + '-' + item.name
+ <el-button v-for="item in shiftListName"
+ :style="{ backgroundColor: item.colour || '#2563eb', color: '#fff' }">{{
+ item.code +
+ '-' +
+ item.name
}}</el-button>
</el-row>
<el-row>
@@ -115,11 +119,10 @@
this.drawerInfo = this.selectInfo
},
relationWork() {
- this.$HTTP.post('/api/blade-cps/group/groupWorkstation', { groupCategory: 1, groupType: 'group_workstation' }).then(res => {
+ this.$HTTP.post('/api/smis/group/groupWorkstation', { groupCategory: 1, groupType: 'group_workstation' }).then(res => {
if (res.code === 200) {
this.raworkVisible = true
this.workStations = this.formatData(res.data)
- console.log(this.workStations)
}
})
@@ -176,11 +179,11 @@
} else {
this.save(workstation.map(v => v.id))
}
- console.log(this.$refs.workstations.getCheckedNodes().filter(v => v.isWorkstation))
+ // console.log(this.$refs.workstations.getCheckedNodes().filter(v => v.isWorkstation))
},
save(workstationIdList) {
console.log(workstationIdList, this.selectInfo)
- this.$HTTP.post('/api/blade-cps/calendar/associate-workstation', {
+ this.$HTTP.post('/api/smis/calendar/associate-workstation', {
calendarCode: this.selectInfo.code,
workstationIdList
}).then(res => {
@@ -193,10 +196,10 @@
})
},
dayclick(day) {
- console.log(day)
+ // console.log(day)
},
init() {
- this.$HTTP.post('/api/blade-cps/shift/list', { statusList: [1] }).then(res => {
+ this.$HTTP.post('/api/smis/shift/list', { statusList: [1] }).then(res => {
if (res.code === 200) {
this.shiftList = res.data
}
@@ -205,11 +208,11 @@
select(row) {
this.months = []
- this.$HTTP.get(`/api/blade-cps/calendar/${row.id}`).then(res => {
+ this.$HTTP.get(`/api/smis/calendar/${row.id}`).then(res => {
if (res.code === 200) {
- console.log(res.data)
+ // console.log(res.data)
this.setDay(res.data)
- console.log('////', this.shiftList, res.data.calendarDayVOList[0].id)
+ // console.log('////', this.shiftList, res.data.calendarDayVOList[0].id)
let modelIds = [...new Set(res.data.calendarDayVOList.map(v => v.modelId))]
if (modelIds.length > 0) {
this.shiftListName = this.shiftList.filter(v => modelIds.includes(v.id))
@@ -225,7 +228,7 @@
})
},
table_del() {
- this.$HTTP.delete(`/api/blade-cps/calendar/${this.selectInfo.id}`).then(res => {
+ this.$HTTP.delete(`/api/smis/calendar/${this.selectInfo.id}`).then(res => {
if (res.code == 200) {
this.$message.success("鎿嶄綔鎴愬姛");
this.load(true)
@@ -263,7 +266,7 @@
},
setDay(data) {
let year = data.year
- this.$HTTP.post('/api/blade-cps/shift-off-day/list', {
+ this.$HTTP.post('/api/smis/shift-off-day/list', {
year: year,
startOffDay: `${year}-01-01`,
endOffDay: `${year}-12-31`
@@ -279,12 +282,19 @@
})
for (let i = 0; i < 12; i++) {
- data.calendarDayVOList.map(v => v.modelId)
+
let modelIds = [...new Set(data.calendarDayVOList.map(v => v.modelId))]
let ext = modelIds.map(v => {
let ban = this.shiftListName.find(item => item.id === v)
+ console.log(ban.colour)
return {
- highlight: color.stringToColor(v),
+ highlight: {
+ // color: ban.colour || color.stringToColor(v),
+ // fillMode: 'light',
+ style: {
+ 'background-color': ban.colour
+ }
+ },
dates: data.calendarDayVOList.filter(item => {
return moment(item.calendarDate).month() === i && item.modelId === v
}).map(v => v.calendarDate),
@@ -293,6 +303,8 @@
},
}
})
+ console.log('---------youxian')
+
this.months.push({
year: year,
month: i,
@@ -304,11 +316,22 @@
return moment(item).month() === i
})
},
- ...ext
+ ...ext,
+ // 浼樺厛
+ {
+ dates: data.calendarDayVOList.filter(item => {
+ return moment(item.calendarDate).month() === i
+ }).filter(item => item.isHighPriority).map(item => item.calendarDate),
+ bar: {
+ style: {
+ backgroundColor: 'red',
+ }
+ },
+ }
]
})
}
- console.log(this.months, '------------')
+
}
})
--
Gitblit v1.9.3