import { reactive, markRaw, defineAsyncComponent } from 'vue';

import { getAssetURL } from '/@/utils/ui';

//内外因火灾菜单列表
export const typeMenuList = [{ name: '内因火灾' }, { name: '外因火灾' }];

//当前加载组件
export const componentName = {
  fireWork: markRaw(defineAsyncComponent(() => import('./fire/fireWork.vue'))),
  closeWall: markRaw(defineAsyncComponent(() => import('./fire/closeWall.vue'))),
  mainWell: markRaw(defineAsyncComponent(() => import('./fire/mainWell.vue'))),
  dustPage: markRaw(defineAsyncComponent(() => import('./fire/dustPage.vue'))),
  gasPage: markRaw(defineAsyncComponent(() => import('./fire/gasPage.vue'))),
  ventilate: markRaw(defineAsyncComponent(() => import('./fire/ventilate.vue'))),
};

//工作面
//顶部区域数据
export const topList = [
  {
    id: 0,
    label: '最高温度(°C)',
    imgSrc: true,
    value: '--',
    text: '',
    list: [],
  },
  {
    id: 1,
    label: '最低温度(°C)',
    imgSrc: true,
    value: '--',
    text: '',
    list: [],
  },
  {
    id: 2,
    label: '平均温度(°C)',
    imgSrc: true,
    value: '--',
    text: '',
    list: [],
  },
  { id: 3, imgSrc: false, label: '', value: null, text: '--', list: [] },
  {
    id: 4,
    imgSrc: false,
    label: '回风隅角',
    value: null,
    text: '',
    list: [
      { id: 0, label: 'O₂', value: 0 },
      { id: 1, label: 'CO', value: 0 },
    ],
  },
];

//光钎图表数据
export const echartDataGq = {
  maxData: [],
  minData: [],
  aveValue: [],
  xData: [],
};

//束管监测选项列表
export const contentList = [
  {
    id: 0,
    list: [
      {
        id: '0-0',
        title: 'O₂',
        dw: '(%)',
        label: '浓度 : ',
        value: '--',
        label1: '时间 : ',
        time: '--',
      },
      {
        id: '0-1',
        title: 'C₂H₄',
        dw: '(ppm)',
        label: '浓度 : ',
        value: '--',
        label1: '时间 : ',
        time: '--',
      },
    ],
  },
  {
    id: 1,
    list: [
      {
        id: '1-0',
        title: 'CO',
        dw: '(ppm)',
        label: '浓度 : ',
        value: '--',
        label1: '时间 : ',
        time: '--',
      },
      {
        id: '1-1',
        title: 'CH₄',
        dw: '(ppm)',
        label: '浓度 : ',
        value: '--',
        label1: '时间 : ',
        time: '--',
      },
    ],
  },
  {
    id: 2,
    list: [
      {
        id: '2-0',
        title: 'CO₂',
        dw: '(%)',
        label: '浓度 : ',
        value: '--',
        label1: '时间 : ',
        time: '--',
      },
      {
        id: '2-1',
        title: 'C₂H₂',
        dw: '(ppm)',
        label: '浓度 : ',
        value: '--',
        label1: '时间 : ',
        time: '--',
      },
    ],
  },
];

//其他工作面table列
export const columnsOther = [
  { rowIndex: 1, dataIndex: 'info', title: '监测位置', type: '1', align: 'center' },
  { rowIndex: 2, dataIndex: 'wd', title: '甲烷浓度(℃)', type: '1', align: 'center' },
  { rowIndex: 3, dataIndex: 'tempmax', title: '一氧化碳(℃)', type: '1', align: 'center' },
  { rowIndex: 4, dataIndex: 'tempmin', title: '二氧化碳(℃)', type: '1', align: 'center' },
  { rowIndex: 5, dataIndex: 'info.netStatus', title: '氧气', type: '1', align: 'center' },
  { rowIndex: 6, dataIndex: 'info.warnStatus', title: '温度', type: '1', align: 'center' },
  { rowIndex: 7, dataIndex: 'createTime', title: '检测人', type: '1', align: 'center' },
  { rowIndex: 8, dataIndex: 'createTime1', title: '日期', type: '1', align: 'center' },
];

//外因火灾-工作面顶部区域数据
export const topOutList = [
  {
    id: 0,
    imgSrc: true,
    label: '最高温度(°C)',
    value: '0',
    text: '',
  },
  {
    id: 1,
    imgSrc: true,
    label: '最低温度(°C)',
    value: '0',
    text: '',
  },
  {
    id: 2,
    imgSrc: true,
    label: '平均温度(°C)',
    value: '0',
    text: '',
  },
  { id: 3, imgSrc: false, label: '', value: null, text: '' },
  // {
  //   id: 4,
  //   imgSrc: false,
  //   label: '',
  //   value: null,
  //   text: '井下消防材料库',
  // },
];

//外因火灾-中间区域标题数据
export const tabList = [
  { id: 0, label: '烟雾传感器监测', details: '设备类型名称' },
  { id: 1, label: '火焰传感器监测', details: '设备类型名称' },
  { id: 2, label: '自动喷淋灭火装置监测', details: '设备类型名称' },
];
export const tabLists = [
  { id: 0, label: '烟雾传感器监测', details: '设备类型名称' },
  { id: 1, label: '火焰传感器监测', details: '设备类型名称' },
  { id: 2, label: '自动喷淋灭火装置监测', details: '设备类型名称' },
  { id: 2, label: '温度传感器监测', details: '设备类型名称' },
];

//外因火灾-传感器table列
export const columns = [
  { rowIndex: 1, dataIndex: 'strinstallpos', title: '名称', type: '1', align: 'center' },
  { rowIndex: 2, dataIndex: 'warnLevel_str', title: '状态', type: '1', align: 'center' },
  { rowIndex: 3, dataIndex: 'readTime', title: '时间', type: '1', align: 'center' },
];
//井下消防材料库列表
export const dataList = [
  {
    fq: '1防区',
    btnText: '开启灭火器',
    label: '喷气',
    value: '正常',
    contentList: [
      {
        id: 0,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气',
        value: '正常',
      },
      {
        id: 1,
        imgSrc: getAssetURL('fire/smoke.svg'),
        label: '喷气1',
        value: '正常',
      },
      {
        id: 2,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气2',
        value: '正常',
      },
      {
        id: 3,
        imgSrc: getAssetURL('fire/warn.svg'),
        label: '喷气3',
        value: '正常',
      },
    ],
  },
  {
    fq: '2防区',
    btnText: '开启灭火器',
    label: '喷气',
    value: '正常',
    contentList: [
      {
        id: 0,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气',
        value: '正常',
      },
      {
        id: 1,
        imgSrc: getAssetURL('fire/smoke.svg'),
        label: '喷气1',
        value: '正常',
      },
      {
        id: 2,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气2',
        value: '正常',
      },
      {
        id: 3,
        imgSrc: getAssetURL('fire/warn.svg'),
        label: '喷气3',
        value: '正常',
      },
    ],
  },
  {
    fq: '3防区',
    btnText: '开启灭火器',
    label: '喷气',
    value: '正常',
    contentList: [
      {
        id: 0,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气',
        value: '正常',
      },
      {
        id: 1,
        imgSrc: getAssetURL('fire/smoke.svg'),
        label: '喷气1',
        value: '正常',
      },
      {
        id: 2,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气2',
        value: '正常',
      },
      {
        id: 3,
        imgSrc: getAssetURL('fire/warn.svg'),
        label: '喷气3',
        value: '正常',
      },
    ],
  },
  {
    fq: '1防区',
    btnText: '开启灭火器',
    label: '喷气',
    value: '正常',
    contentList: [
      {
        id: 0,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气',
        value: '正常',
      },
      {
        id: 1,
        imgSrc: getAssetURL('fire/smoke.svg'),
        label: '喷气1',
        value: '正常',
      },
      {
        id: 2,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气2',
        value: '正常',
      },
      {
        id: 3,
        imgSrc: getAssetURL('fire/warn.svg'),
        label: '喷气3',
        value: '正常',
      },
    ],
  },
  {
    fq: '2防区',
    btnText: '开启灭火器',
    label: '喷气',
    value: '正常',
    contentList: [
      {
        id: 0,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气',
        value: '正常',
      },
      {
        id: 1,
        imgSrc: getAssetURL('fire/smoke.svg'),
        label: '喷气1',
        value: '正常',
      },
      {
        id: 2,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气2',
        value: '正常',
      },
      {
        id: 3,
        imgSrc: getAssetURL('fire/warn.svg'),
        label: '喷气3',
        value: '正常',
      },
    ],
  },
  {
    fq: '3防区',
    btnText: '开启灭火器',
    label: '喷气',
    value: '正常',
    contentList: [
      {
        id: 0,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气',
        value: '正常',
      },
      {
        id: 1,
        imgSrc: getAssetURL('fire/smoke.svg'),
        label: '喷气1',
        value: '正常',
      },
      {
        id: 2,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气2',
        value: '正常',
      },
      {
        id: 3,
        imgSrc: getAssetURL('fire/warn.svg'),
        label: '喷气3',
        value: '正常',
      },
    ],
  },
  {
    fq: '1防区',
    btnText: '开启灭火器',
    label: '喷气',
    value: '正常',
    contentList: [
      {
        id: 0,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气',
        value: '正常',
      },
      {
        id: 1,
        imgSrc: getAssetURL('fire/smoke.svg'),
        label: '喷气1',
        value: '正常',
      },
      {
        id: 2,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气2',
        value: '正常',
      },
      {
        id: 3,
        imgSrc: getAssetURL('fire/warn.svg'),
        label: '喷气3',
        value: '正常',
      },
    ],
  },
  {
    fq: '2防区',
    btnText: '开启灭火器',
    label: '喷气',
    value: '正常',
    contentList: [
      {
        id: 0,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气',
        value: '正常',
      },
      {
        id: 1,
        imgSrc: getAssetURL('fire/smoke.svg'),
        label: '喷气1',
        value: '正常',
      },
      {
        id: 2,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气2',
        value: '正常',
      },
      {
        id: 3,
        imgSrc: getAssetURL('fire/warn.svg'),
        label: '喷气3',
        value: '正常',
      },
    ],
  },
  {
    fq: '3防区',
    btnText: '开启灭火器',
    label: '喷气',
    value: '正常',
    contentList: [
      {
        id: 0,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气',
        value: '正常',
      },
      {
        id: 1,
        imgSrc: getAssetURL('fire/smoke.svg'),
        label: '喷气1',
        value: '正常',
      },
      {
        id: 2,
        imgSrc: getAssetURL('fire/fire.svg'),
        label: '喷气2',
        value: '正常',
      },
      {
        id: 3,
        imgSrc: getAssetURL('fire/warn.svg'),
        label: '喷气3',
        value: '正常',
      },
    ],
  },
];

//外应火灾井下消防材料库标题列表1
export const tabList1 = [
  { id: 0, label: '综采工作面温度监测', details: '设备类型名称' },
  { id: 1, label: '掘进工作面监测', details: '设备类型名称' },
  { id: 2, label: '运输系统烟雾传感器监测', details: '设备类型名称' },
  { id: 3, label: '机电硐室及配电点温度监测', details: '设备类型名称' },
];
//综采温度table列
export const columnWd = [
  { rowIndex: 1, dataIndex: 'nodePlacement', title: '测点位置', align: 'center', width: '210px', type: '1' },
  { rowIndex: 2, dataIndex: 'detectValue', title: '温度(℃)', align: 'center', type: '1' },
  { rowIndex: 3, dataIndex: 'warningMsg', title: '预警级别', align: 'center', type: '1' },
  { rowIndex: 4, dataIndex: 'dateTime', title: '时间', align: 'center', type: '1' },
];
//掘进监测table列
export const columnsJj = [
  { rowIndex: 1, dataIndex: 'name', title: '测点位置', align: 'center', width: '180px', type: '1' },
  { rowIndex: 2, dataIndex: 'co', title: 'CO浓度(%)', align: 'center', type: '1' },
  { rowIndex: 3, dataIndex: 'wd', title: '温度(℃)', align: 'center', type: '1' },
  { rowIndex: 4, dataIndex: 'warningMsg', title: '预警级别', align: 'center', type: '1' },
  { rowIndex: 5, dataIndex: 'dateTime', title: '时间', align: 'center', width: '180px', type: '1' },
];
//运输烟雾table列
export const columnsYw = [
  { rowIndex: 1, dataIndex: 'nodePlacement', title: '测点位置', align: 'center', width: '180px', type: '1' },
  { rowIndex: 2, dataIndex: 'detectValue', title: '温度(℃)', align: 'center', type: '1' },
  { rowIndex: 3, dataIndex: 'warningMsg', title: '预警级别', align: 'center', type: '1' },
  { rowIndex: 4, dataIndex: 'dateTime', title: '时间', align: 'center', width: '180px', type: '1' },
];
//机电硐室table列
export const columnsJd = [
  { rowIndex: 1, dataIndex: 'nodePlacement', title: '测点位置', align: 'center', width: '180px', type: '1' },
  { rowIndex: 2, dataIndex: 'detectValue', title: '温度(℃)', align: 'center', type: '1' },
  { rowIndex: 3, dataIndex: 'warningMsg', title: '预警级别', align: 'center', type: '1' },
  { rowIndex: 4, dataIndex: 'dateTime', title: '时间', align: 'center', width: '180px', type: '1' },
];

//粉尘

//中间区域数据-粉尘
export const centerAreaListT = [
  { id: 0, label: '粉尘浓度(mg/m³)' },
  { id: 1, label: '总尘浓度(%)' },
  { id: 2, label: '呼尘加权容许浓度(mg/m³)' },
  { id: 3, label: '喷雾状态' },
];
//中间区域数据-通风
export const centerAreaListT1 = [
  { id: 0, label: '进风量(m³/min)' },
  { id: 1, label: '回风量(m³/min)' },
  { id: 2, label: '需风量(m³/min)' },
];

//中间区域底部数据-通风
export const centerAreaListB1 = [
  {
    id: 0,
    content: '',
  },
  {
    id: 1,
    content: '',
  },
  {
    id: 2,
    content: '',
  },
];