From 29694f6c7e7830dc99e76692b433b92384d34a9b Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期一, 29 四月 2024 01:20:52 +0800
Subject: [PATCH] update
---
src/views/console/base/Shiftsystem.vue | 55 +++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 51 insertions(+), 4 deletions(-)
diff --git a/src/views/console/base/Shiftsystem.vue b/src/views/console/base/Shiftsystem.vue
index 6bdda03..8bd1b1c 100644
--- a/src/views/console/base/Shiftsystem.vue
+++ b/src/views/console/base/Shiftsystem.vue
@@ -1,7 +1,7 @@
<!--
* @Date: 2024-04-09 20:19:46
* @LastEditors: Sneed
- * @LastEditTime: 2024-04-28 23:55:44
+ * @LastEditTime: 2024-04-29 01:19:37
* @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/console/base/Shiftsystem.vue
-->
<template>
@@ -50,8 +50,9 @@
</el-timeline-item>
</el-timeline>
</el-row>
- <el-row>
-
+ <el-row style="margin-top: 20px;">
+ <scEcharts style="width:100%" height="300px" :option="dayCharts">
+ </scEcharts>
</el-row>
</el-main>
</el-container>
@@ -62,9 +63,11 @@
<script>
import Dialog from './Dialog.vue'
import moment from 'moment';
+import scEcharts from '@/components/scEcharts';
export default {
components: {
- Dialog
+ Dialog,
+ scEcharts
},
computed: {
dateFormat: () => {
@@ -90,6 +93,50 @@
time: `${this.dateFormat(item.shiftStartTime)}-${this.dateFormat(item.shiftEndTime)}`
}
})
+ },
+ dayCharts() {
+ if (!this?.info?.shiftDetailVOList?.length) return
+ let yData = this.info.shiftDetailVOList.map(item => {
+ return item.indexName
+ })
+ let series = this.info.shiftDetailVOList.map(item => {
+ let base = moment().format('YYYY-MM-DD') + ' 00:00:00'
+ return {
+ name: item.indexName,
+ type: 'bar',
+ data: [moment(base).add(item.shiftStartTime, 'm').format('YYYY-MM-DD HH:mm:ss').unix(), moment(base).add(item.shiftEndTime, 'm').format('YYYY-MM-DD HH:mm:ss').unix()],
+ label: {
+ show: true
+ }
+ }
+
+ })
+ console.log(series)
+ return {
+ title: {
+ text: '鐝埗姒傝'
+ },
+ legend: {},
+ xAxis: {
+ type: 'value',
+ // interval: 3600,
+ // axisLabel: {
+ // // formatter: (value, index) => {
+ // // // let add = Math.abs(moment(this.timeRange.startTime).diff(moment(this.timeRange.endTime))) * value
+ // // // let current = moment(this.timeRange.startTime).add(add, 'ms')
+ // // // return current.format('HH:mm')
+ // // return value
+ // // }
+ // },
+ },
+ yAxis: {
+ type: 'category',
+ data: yData
+ },
+ series: {
+
+ }
+ }
}
},
data() {
--
Gitblit v1.9.3