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

export const monitorNav = [
  {
    title: '一通三防综合管控',
    isShow: true,
  },
  {
    title: '通风监测与管控',
    isShow: false,
  },
  {
    title: '防灭火监测与管控',
    isShow: false,
  },
  {
    title: '防尘监测与管控',
    isShow: false,
  },
  {
    title: '瓦斯防治监测与管控',
    isShow: false,
  },
];

export const echartsOption = reactive({
  tooltip: { trigger: 'axis', axisPointer: { lineStyle: { color: '#fff' } } },
  legend: {
    top: '10',
    icon: 'rect',
    data: ['吸风', '供风'],
    right: '10px',
    textStyle: { fontSize: 12, color: '#fff' },
  },
  grid: { x: 50, y: 50, x2: 12, y2: 40 },
  xAxis: {
    type: 'category',
    boundaryGap: false,
    axisLine: { lineStyle: { color: '#8EAFB9' } },
    axisLabel: { color: '#ffffffcc' },
    splitLine: { show: true, lineStyle: { color: '#57617B22', type: 'dashed' } },
    data: [],
  },
  yAxis: [
    {
      type: 'value',
      name: 'm³/min',
      axisTick: {
        show: false,
      },
      axisLine: { lineStyle: { show: true, color: '#8EAFB9' } },
      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,
      // markLine: {
      //   data: [{ yAxis: 0, name: '需风量' }],
      // },
      areaStyle: {
        color: new echarts.graphic.LinearGradient(
          0,
          0,
          0,
          1,
          [
            {
              offset: 0,
              color: 'rgba(255, 178, 18,0.3)',
            },
            {
              offset: 0.8,
              color: 'rgba(255, 178, 18,0)',
            },
          ],
          false
        ),
        shadowColor: 'rgba(0, 0, 0, 0.1)',
        shadowBlur: 10,
      },
      itemStyle: { color: '#FFB212', borderColor: 'rgba(221, 220, 107, .1)' },
      data: [],
    },
    {
      name: '供风',
      type: 'line',
      smooth: true,
      lineStyle: { width: 2 },
      yAxisIndex: 0,
      // markLine: {
      //   data: [{ yAxis: 0, name: '需风量' }],
      // },
      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: [],
    },
  ],
});

export const ventMonitor = [
  {
    title: '吸风量 (m³/min)',
    code: '',
  },
  {
    title: '供风量 (m³/min)',
    code: '',
  },
  {
    title: '需风量 (m³/t)',
    code: '',
  },
  {
    title: '漏风率 (%)',
    code: '',
  },
  {
    title: '风筒长度 (m)',
    code: '',
  },
  {
    title: '风筒直径 (cm)',
    code: '',
  },
];
export const fanMonitor = [
  {
    title: '供风侧风速 (m/s)',
    code: '',
  },
  {
    title: '供风侧风量 (m³/min)',
    code: '',
  },
  {
    title: '当前运行风机',
    code: '',
  },
  {
    title: '运行频率 (Hz)',
    code: '',
  },
  {
    title: '输出电流 (A)',
    code: '',
  },
  {
    title: '输出电压 (V)',
    code: '',
  },
  {
    title: '输出功率 (kW)',
    code: '',
  },
  {
    title: '功率因数',
    code: '',
  },
];

export const warningConfig = reactive({
  header: ['设备名称', '预警信息', '时间'],
  data: [
    ['火焰6', '严重报警', '03-05'],
    ['测点43', '一般预警', '03-05'],
    ['CO23', '一般预警', '03-05'],
    ['测点6', '超高预警', '03-05'],
    ['测点65', '超高预警', '03-05'],
    ['温度4', '一般预警', '03-05'],
    ['测点61', '一般预警', '03-05'],
    ['测点87', '一般信息', '03-05'],
  ],
  index: false,
  // columnWidth: [150, 80, 150, 150],
  headerBGC: '#3d9dd45d',
  oddRowBGC: '#009acd10',
  evenRowBGC: '#009acd05',
  align: ['center', 'center', 'center'],
});

export const locationConfig = reactive({
  header: ['人名', '所在位置', '距离'],
  data: [],
  index: false,
  columnWidth: [100, 200, 80],
  headerBGC: '#3d9dd45d',
  oddRowBGC: '#009acd10',
  evenRowBGC: '#009acd05',
  align: ['center', 'center', 'center'],
});

export const sensorColumns: BasicColumn[] = [
  {
    title: '名称',
    dataIndex: 'strname',
    width: 100,
    align: 'center',
  },
  {
    title: '实时值',
    dataIndex: 'smokeval',
    width: 80,
    align: 'center',
  },
  {
    title: '报警',
    dataIndex: 'warnFlag',
    width: 100,
    align: 'center',
  },
];

export const gateColumns: BasicColumn[] = [
  {
    title: '名称',
    dataIndex: 'strname',
    width: 100,
    align: 'center',
  },
  {
    title: '前门状态',
    dataIndex: 'frontGateOpen',
    width: 80,
    align: 'center',
  },
  {
    title: '后门状态',
    dataIndex: 'rearGateOpen',
    width: 80,
    align: 'center',
  },
  {
    title: '操作',
    dataIndex: 'action',
    width: 80,
    align: 'center',
  },
];

export const windowColumns: BasicColumn[] = [
  {
    title: '名称',
    dataIndex: 'strname',
    width: 100,
    align: 'center',
  },
  {
    title: '过风量',
    dataIndex: 'forntm3',
    width: 80,
    align: 'center',
  },
  {
    title: '操作',
    dataIndex: 'action',
    width: 80,
    align: 'center',
  },
];

export const windColumns: BasicColumn[] = [
  {
    title: '名称',
    dataIndex: 'strname',
    width: 100,
    align: 'center',
  },
  {
    title: '风量',
    dataIndex: 'm3',
    width: 80,
    align: 'center',
  },
  {
    title: '操作',
    dataIndex: 'action',
    width: 80,
    align: 'center',
  },
];

export const dustColumns: BasicColumn[] = [
  {
    title: '名称',
    dataIndex: 'strname',
    width: 100,
    align: 'center',
  },
  {
    title: '链接状态',
    dataIndex: 'netStatus',
    width: 80,
    align: 'center',
  },
  {
    title: '操作',
    dataIndex: 'action',
    width: 100,
    align: 'center',
  },
];

export const beamTubeColumns = [
  {
    gasval: '甲烷(%)',
    ch2val: '乙烯(ppm)',
  },
  {
    o2val: '氧气(%)',
    chval: '乙炔(ppm)',
  },
  {
    coval: '一氧化碳(ppm)',
    co2val: '二氧化碳(%)',
  },
];

export const groutColumns = [
  {
    flowRate: '流量(m³/min)',
    pressure: '压力(Pa)',
  },
];

export const nitrogenColumns = [
  {
    cumulativeFlow: '流量(m³/min)',
    nitrogenPressure: '压力(Pa)',
  },
];

export const sprayColumns: BasicColumn[] = [
  {
    title: '名称',
    dataIndex: 'strname',
    width: 100,
    align: 'center',
  },
  {
    title: '连接状态',
    dataIndex: 'netStatus',
    width: 80,
    align: 'center',
  },
  {
    title: '启停',
    dataIndex: 'action',
    width: 80,
    align: 'center',
  },
];

export const dustFanParam = [
  {
    title: '输出电流 (A)',
    code: '',
    value: '6.5',
  },
  {
    title: '输出电压 (V)',
    code: '',
    value: '220',
  },
  {
    title: '排灰功率 (kW)',
    code: '',
    value: '400',
  },
  {
    title: '运行频率 (Hz)',
    code: '',
    value: '45',
  },
  {
    title: '漏风率 (%)',
    code: '',
    value: '4.22',
  },
  {
    title: '工作噪声 (dB(A))',
    code: '',
    value: '71',
  },
  {
    title: '震动速度 (mm/s)',
    code: '',
    value: '800',
  },
  {
    title: '气液比(L/m³)',
    code: '',
    value: '0.31',
  },
];

export const disasterParam = ref([
  {
    title: '触发灾变传感器',
    value: '1',
    type: 'select',
    options: [
      {
        label: 'CO与烟雾',
        value: '1',
      },
      {
        label: 'CO',
        value: '2',
      },
      {
        label: '烟雾',
        value: '3',
      },
    ],
  },
  {
    title: 'CO浓度限值(ppm)',
    value: '',
    type: 'input',
  },
  {
    title: 'CO报警持续时间(s)',
    value: '',
    type: 'input',
  },
  {
    title: '烟雾报警持续时间(s)',
    value: '',
    type: 'input',
  },
]);

export const dustFanSetting = ref([
  {
    title: '除尘器频率设置(Hz)',
    code: 'dustFrequency',
    type: 'input',
    inputNum: 0,
  },
  {
    title: '清灰时间(ms)',
    code: 'clearDust',
    type: 'input',
    inputNum: 0,
  },
  {
    title: '清灰周期(s)',
    code: 'clearCycle',
    type: 'input',
    inputNum: 0,
  },
]);

export const dustMonitor = ref([
  {
    title: '处理风量',
    unit: '(m³/min)',
    code: '487',
    value: '487',
  },
  {
    title: '总粉尘除尘效率',
    unit: '(%)',
    code: '99',
    value: '99',
  },
  {
    title: '进口粉尘允许浓度',
    unit: '(g/m³)',
    code: '0.79',
    value: '0.79',
  },
  {
    title: '呼吸性粉尘除尘效率',
    unit: '(%)',
    code: '96',
    value: '96',
  },
]);

export const compressorMonitor = [
  {
    title: '总吸风量',
    code: '',
    unit: 'm³/min',
  },
  {
    title: '总供风量',
    code: '',
    unit: 'm³/min',
  },
  {
    title: '局扇频率',
    code: '',
    unit: 'Hz',
  },
  {
    title: '进风风窗当前面积',
    code: '',
    unit: '㎡',
  },
  {
    title: '回风风窗当前面积',
    code: '',
    unit: '㎡',
  },
];

export const compressorParam = [
  {
    title: '迎头瓦斯增长率限值',
    value: '',
    type: 'input',
  },
  {
    title: '迎头瓦斯浓度限值',
    value: '',
    type: 'input',
  },
];

export const compressorDeviceParam = [
  {
    title: '局扇频率调节(Hz)',
    value: '',
    type: 'input',
  },
];

export const coalMachineDustParam = [
  {
    title: '喷雾状态',
    value: '1',
    unit: '',
    flag: 'sign',
  },
  {
    title: '通信状态',
    value: '1',
    unit: '',
    flag: 'sign',
  },
  {
    title: '供水压力',
    value: '0.22',
    unit: 'MPa',
  },
  {
    title: '内喷雾压力',
    value: '0.47',
    unit: 'MPa',
  },
  {
    title: '内喷雾流量',
    value: '25.6',
    unit: 'L/min',
  },
  {
    title: '外喷雾压力',
    value: '0.42',
    unit: 'MPa',
  },
  {
    title: '外喷雾流量',
    value: '25.2',
    unit: 'm³/min',
  },
  {
    title: '除尘效率',
    value: '99',
    unit: '%',
  },
];

export const beltMachineDustParam = [
  {
    title: '全尘',
    value: '',
    unit: 'mg/m³',
  },
  {
    title: '呼尘',
    value: '',
    unit: 'mg/m³',
  },
  {
    title: '内喷雾压力',
    value: '',
    unit: 'Pa',
  },
  {
    title: '内喷雾流量',
    value: '',
    unit: 'm³/min',
  },
  {
    title: '外喷雾压力',
    value: '',
    unit: 'Pa',
  },
  {
    title: '外喷雾流量',
    value: '',
    type: 'input',
    unit: 'm³/min',
  },
];

export const dustConfig = reactive({
  header: ['编号', '位置', '触发', '故障诊断'],
  data: [
    ['001', '0m', '是', '正常'],
    ['002', '2m', '是', '正常'],
    ['003', '4m', '是', '正常'],
    ['004', '6m', '是', '正常'],
    ['005', '8m', '是', '正常'],
    ['006', '10m', '是', '正常'],
    ['007', '12m', '是', '正常'],
  ],
  index: false,
  headerBGC: '#3d9dd45d',
  oddRowBGC: '#009acd10',
  evenRowBGC: '#009acd05',
  align: ['center', 'center', 'center', 'center'],
});

export const gasMonitor = [
  {
    title: '甲烷浓度T0 (%)',
    code: 'T0',
  },
  {
    title: '甲烷浓度T1 (%)',
    code: 'T1',
  },
  {
    title: '甲烷浓度T2 (%)',
    code: 'T2',
  },
  {
    title: '二氧化碳浓度 (%)',
    code: 'CO2',
  },
  {
    title: '瓦斯抽采浓度 (%)',
    code: 'gasC',
  },
  {
    title: '瓦斯抽采混量 (m³/min)',
    code: 'gasMixMass',
  },
  {
    title: '瓦斯抽采纯量 (m³/min)',
    code: 'gasMass',
  },
  {
    title: '残余瓦斯含量 (m³/t)',
    code: 'gasMass',
  },
  {
    title: '累计抽采量 (m³)',
    code: 'gasTotalMass',
  },
  {
    title: '风压 (kPa)',
    code: 'windPressure',
  },
];

export const gasParamData = [
  {
    title: '走向长度 (m)',
    code: 'lenH',
  },
  {
    title: '倾向长度 (m)',
    code: 'lenDip',
  },
  {
    title: '煤层厚度 (m)',
    code: 'thickness',
  },
  {
    title: '煤层倾角 (°)',
    code: 'angleDip',
  },
  {
    title: '吸附常数a (cm³/gdaf)',
    code: 'adsorbA',
  },
  {
    title: '吸附常数b (MPa-l)',
    code: 'adsorbB',
  },
  {
    title: '水分Mad (%)',
    code: 'waterMad',
  },
  {
    title: '灰分Ad (%)',
    code: 'dustAd',
  },
  {
    title: '挥发分Vdaf (%)',
    code: 'volatilizeAd',
  },
  {
    title: '孔隙率 (m³)',
    code: 'poreRate',
  },
  {
    title: '真相对密度',
    code: 'trueDensity',
  },
  {
    title: '视相对密度',
    code: 'apparentDensity',
  },
];

export const currentGasMonitor = [
  {
    title: '原始瓦斯含量 (m³/t)',
    code: 'gasOriginalMass',
  },
  {
    title: '残余瓦斯含量 (m³/t)',
    code: 'gasRemnantMass',
  },
  {
    title: '残存瓦斯含量 (m³/t)',
    code: 'gasSurviveMass',
  },
  {
    title: '瓦斯压力 (MPa)',
    code: 'gasTotalMass',
  },
  {
    title: '煤层厚度 (m)',
    code: 'currentThickness',
  },
  {
    title: '煤层倾角 (°)',
    code: 'currentAngleDip',
  },
  {
    title: '地质构造',
    code: 'geologicStructure',
  },
];

export const gasPumpValve = [
  {
    title: '1#智能阀门',
    code: 'valve1Val',
    inputNum: 0,
  },
  {
    title: '2#智能阀门',
    code: 'valve2Val',
    inputNum: 0,
  },
  {
    title: '3#智能阀门',
    code: 'valve3Val',
    inputNum: 0,
  },
  {
    title: '4#智能阀门',
    code: 'valve4Val',
    inputNum: 0,
  },
  {
    title: '5#智能阀门',
    code: 'valve5Val',
    inputNum: 0,
  },
];

export const highTensionNum = 3;
export const lowTensionNum = 1;
export const gasExtractionUnit = [
  {
    title: '负压 (kPa)',
    code: 'nPressure',
  },
  {
    title: 'CH4 (%)',
    code: 'CH4  ',
  },
  {
    title: '流量 (m³/min)',
    code: 'flowRate',
  },
  {
    title: '纯量 (m³/min)',
    code: 'scalarRate',
  },
  // {
  //   title: '累计抽采量 (m³)',
  //   code: 'unitTotalMass',
  // },
];
export const gasPump = [
  {
    title: '1#抽采泵',
    code: 'extractionPump1',
    value: '0',
    ctrCode: 'gasPump1Open',
  },
  {
    title: '1#抽采泵',
    code: 'extractionPump1',
    value: '0',
    ctrCode: 'gasPump2Open',
  },
];
export const gasPumpCtr = reactive({
  gasPump1Open: '0',
  gasPump2Open: '0',
});