mky-vent-base/src/views/vent/monitorManager/compressor/nitrogen.data.ts

import { ref, reactive } from 'vue';
import echarts from '/@/utils/lib/echarts';

export const navList = ref([
  {
    title: '监控界面',
    pathName: 'nitrogen_page',
    isHover: true,
  },
  {
    title: '历史监测记录',
    pathName: 'yfj_history',
    isHover: false,
  },
  {
    title: '操作历史记录',
    pathName: 'yfj_handler_history',
    isHover: false,
  },
  {
    title: '故障诊断历史记录',
    pathName: 'yfj_faultRecord',
    isHover: false,
  },
]);


export const bottomBtnList = ref([
  {
    text: '监控界面',
    value: 'nitrogenMonitor',
    isHover: false,
  },
  {
    text: '关键节点监测',
    value: 'nitrogenNode',
    isHover: false,
  },
  {
    text: '实时曲线',
    value: 'nitrogenEcharts',
    isHover: false,
  },
  {
    text: '压风机历史记录',
    value: 'nitrogenHistory',
    isHover: false,
  },
  {
    text: '操作历史记录',
    value: 'nitrogenHandleHistory',
    isHover: false,
  },
  {
    text: '故障诊断历史记录',
    value: 'nitrogenWarningHistory',
    isHover: false,
  },
]);

export const zhudanOption = reactive({
  tooltip: { trigger: 'axis', axisPointer: { lineStyle: { color: '#fff' } } },
  legend: {
    top: '0',
    icon: 'rect',
    data: ['累计流量', '瞬时流量'],
    right: '10px',
    textStyle: { fontSize: 12, color: '#fff' },
  },
  grid: { x: 50, y: 60, x2: 12, y2: 60 },
  xAxis: {
    type: 'category',
    boundaryGap: false,
    axisLine: { lineStyle: { color: '#57617B' } },
    axisLabel: { color: '#ffffffcc' },
    splitLine: { show: true, lineStyle: { color: '#57617B22', type: 'dashed' } },
    data: [],
  },
  yAxis: [
    {
      type: 'value',
      name: 'm³/h',
      max: 10,
      axisTick: {
        show: false,
      },
      position: 'left',
      axisLine: { lineStyle: { show: true, color: '#57617B' } },
      axisLabel: { margin: 10, fontSize: 12, color: '#ffffffcc' },
      splitLine: { show: true, lineStyle: { color: '#57617B22', type: 'dashed' } },
    },
    {
      type: 'value',
      name: 'm³/h',
      max: 10,
      axisTick: {
        show: false,
      },
      position: 'right',
      axisLine: { lineStyle: { show: true, color: '#57617B' } },
      axisLabel: { margin: 10, fontSize: 12, color: '#ffffffcc' },
      splitLine: { show: true, lineStyle: { color: '#57617B22', type: 'dashed' } },
    },
  ],
  series: [
    {
      name: '累计流量',
      type: 'line',

      smooth: true,
      lineStyle: { width: 2 },
      yAxisIndex: 0,
      areaStyle: {
        color: new echarts.graphic.LinearGradient(
          0,
          0,
          0,
          1,
          [
            {
              offset: 0,
              color: 'rgba(185,150,248,0.3)',
            },
            {
              offset: 0.8,
              color: 'rgba(185,150,248,0)',
            },
          ],
          false
        ),
        shadowColor: 'rgba(0, 0, 0, 0.1)',
        shadowBlur: 10,
      },
      itemStyle: { color: '#B996F8' },
      data: [],
    },
    {
      name: '瞬时流量',
      type: 'line',

      smooth: true,
      lineStyle: { width: 2 },
      yAxisIndex: 0,
      areaStyle: {
        color: new echarts.graphic.LinearGradient(
          0,
          0,
          0,
          1,
          [
            {
              offset: 0,
              color: 'rgba(3, 194, 236, 0.3)',
            },
            {
              offset: 0.8,
              color: 'rgba(3, 194, 236, 0)',
            },
          ],
          false
        ),
        shadowColor: 'rgba(0, 0, 0, 0.1)',
        shadowBlur: 10,
      },
      itemStyle: { color: '#03C2EC' },
      data: [],
    },
  ],
});

      // dataInfo: {
      //   controlModel: false
      // };
      // videoUrl: '',
      // isDestroyVideo: false,
      // navList: [
      //   {
      //     title: '监控界面',
      //     pathName: 'nitrogen_page_lh'
      //   },
      //   // {
      //   //   title: '关键节点监测',
      //   //   pathName: 'critical_node'
      //   // },
      //   {
      //     title: '实时曲线',
      //     pathName: 'yfj_monitor_echarts_cy'
      //   },
      //   {
      //     title: '压风机历史记录',
      //     pathName: 'yfj_history'
      //   },
      //   {
      //     title: '操作历史记录',
      //     pathName: 'yfj_handler_history'
      //   },
      //   {
      //     title: '故障诊断历史记录',
      //     pathName: 'yfj_faultRecord'
      //   }
      // ],
      // kyjMonitorDataKey: new Map(
      //   [
      //     ['压力', 'pressure'],
      //     ['温度', 'temp'],
      //   ]
      // ),