diff --git a/src/api/harmonic-boot/cockpit/cockpit.ts b/src/api/harmonic-boot/cockpit/cockpit.ts
index ef50e90..67de049 100644
--- a/src/api/harmonic-boot/cockpit/cockpit.ts
+++ b/src/api/harmonic-boot/cockpit/cockpit.ts
@@ -79,5 +79,14 @@ export function limitExtentDayData(data: any) {
})
}
+// 指标越限明细日历数据
+export function limitCalendarData(data: any) {
+ return request({
+ url: '/harmonic-boot/limitRateDetailD/limitCalendarData',
+ method: 'post',
+ data: data
+ })
+}
+
diff --git a/src/components/cockpit/indicatorDetails/index.vue b/src/components/cockpit/indicatorDetails/index.vue
index a636207..6d6e85b 100644
--- a/src/components/cockpit/indicatorDetails/index.vue
+++ b/src/components/cockpit/indicatorDetails/index.vue
@@ -14,18 +14,16 @@
{{ data.day.split('-').slice(2).join('-') }}
-
+
-
+
@@ -37,12 +35,8 @@
import { ref, onMounted, provide, reactive, watch, h } from 'vue'
import TableStore from '@/utils/tableStore'
import TableHeader from '@/components/table/header/index.vue'
-import { getTimeOfTheMonth } from '@/utils/formatTime'
import { dayjs } from 'element-plus'
-import { useRoute } from 'vue-router'
-import { useTimeCacheStore } from '@/stores/timeCache'
-
const prop = defineProps({
w: { type: [String, Number] },
h: { type: [String, Number] },
@@ -54,8 +48,7 @@ const prop = defineProps({
const headerHeight = ref(57)
-const route = useRoute()
-const timeCacheStore = useTimeCacheStore()
+const list = ref()
dayjs.en.weekStart = 1 //设置日历的周起始日为星期一
const value = ref(new Date())
@@ -82,80 +75,88 @@ const fullscreen = computed(() => {
}
})
-const list = ref([
- {
- time: '2025-11-01',
- key: 81,
- text: '3次谐波越限
5次谐波越限
三相不平衡越限'
- },
- {
- time: '2025-10-31',
- key: 81,
- text: '3次谐波越限
5次谐波越限
三相不平衡越限'
- },
- {
- time: '2025-11-08',
- key: 20,
- text: '3次谐波越限
5次谐波越限
三相不平衡越限'
- },
- {
- time: '2025-11-16',
- key: 20,
- text: '3次谐波越限
5次谐波越限
三相不平衡越限'
- },
- {
- time: '2025-11-23',
- key: 20,
- text: '3次谐波越限
5次谐波越限
三相不平衡越限'
- },
- {
- time: '2025-11-04',
- key: 0,
- text: ''
- },
- {
- time: '2025-10-05',
- key: 0,
- text: ''
- }
-])
+const getTextForDate = (date: string) => {
+ const item = list.value?.find((item: any) => item.time === date)
+ return item ? item.text : ''
+}
+
const tableStore: any = new TableStore({
- url: '/user-boot/dept/deptTree',
+ // url: '/user-boot/role/selectRoleDetail?id=0',
+ url: '/harmonic-boot/limitRateDetailD/limitCalendarData',
method: 'POST',
-
showPage: false,
-
column: [],
beforeSearchFun: () => {
tableStore.table.params.searchBeginTime = tableStore.table.params.searchBeginTime || prop.timeValue?.[0]
tableStore.table.params.searchEndTime = tableStore.table.params.searchEndTime || prop.timeValue?.[1]
},
loadCallback: () => {
- tableStore.table.data = []
+ // 将后端返回的数据整合到 list 中
+ // tableStore.table.data = [
+ // {
+ // "time": "2025-11-13",
+ // "items": [
+ // "闪变越限",
+ // "谐波电流越限"
+ // ],
+ // "status": 1
+ // },
+ // {
+ // "time": "2025-11-14",
+ // "items": [
+ // "频率偏差越限",
+ // "三相电压不平衡越限",
+ // "谐波电压越限",
+ // "谐波电流越限",
+ // "频率偏差越限",
+ // "三相电压不平衡越限",
+ // "谐波电压越限",
+ // "谐波电流越限",
+ // "频率偏差越限",
+ // "三相电压不平衡越限",
+ // "谐波电压越限",
+ // "谐波电流越限"
+ // ],
+ // "status": 2
+ // }
+ // ]
+ if (tableStore.table.data && tableStore.table.data.length > 0) {
+ list.value = tableStore.table.data.map((item: any) => {
+ // 将 items 数组转换为带换行的文本
+ const text = item.items && item.items.length > 0 ? item.items.join('
') : ''
+
+ return {
+ time: item.time,
+ key: item.status || 0,
+ text: text
+ }
+ })
+ } else {
+ list.value = []
+ }
}
})
-const tableRef = ref([])
-
const setBackground = (value: string) => {
- let data = []
- data = list.value?.filter(item => item.time == value)
+ const data = list.value?.find((item: any) => item.time === value)
- if (data && data?.length > 0) {
- if (data[0].key < 10) {
- return '#33996690'
- } else if (data[0].key < 80) {
- return '#FFCC3390'
- } else if (data[0].key <= 100) {
- return '#Ff660090'
+ if (data) {
+ // 根据 status 值返回对应的颜色
+ switch (data.key) {
+ case 0: // 无越限
+ return '#33996690'
+ case 1: // 一般越限
+ return '#FFCC3390'
+ case 2: // 严重越限
+ return '#Ff660090'
+ default:
+ return '#fff' // 默认白色背景
}
}
- return '#fff'
+ return '#fff' // 默认白色背景
}
-provide('tableRef', tableRef)
-
provide('tableStore', tableStore)
onMounted(() => {