vent-template/src/hooks/web/useWebColumns.ts

import { computed, ref } from 'vue';
import { useVentStore } from '/@/store/modules/vent';
import { BasicColumn } from '/@/components/Table';
import { colors } from '/@/views/vent/monitorManager/alarmMonitor/alarm.data';

const ventStore = useVentStore();

const arrToColumns = (tableHeaderColumns = []) => {
  const columns: BasicColumn[] = [];
  tableHeaderColumns.forEach((item: any) => {
    const columnsItem = {
      title: item.des, //_dictText
      dataIndex: item.dict ? `${item.monitorcode}_dictText` : item.monitorcode,
      width: item.width || 100,
      defaultHidden: !item.showflag,
      align: 'center',
      // sorter: item.sort ? true : false,
      customRender: ({ text }) => {
        return (text == null || text == '' || text == undefined) ? '-' : text;
      },
    };
    columns.push(columnsItem);
  });
  return columns;
};

const arrToChartColumns = (tableHeaderColumns = []) => {
  const colors = ['#c23531', '#2f4554', '#61a0a8', '#d48265', '#91c7ae', '#749f83', '#ca8622', '#bda29a', '#6e7074', '#546570', '#c4ccd3'];
  const columns: BasicColumn[] = [];
  tableHeaderColumns.forEach((item: any, i) => {
    const columnsItem = {
      legend: item.legend,
      seriesName: item.unit,
      ymax: item.ymax,
      yname: item.yname,
      linetype: item.linetype,
      yaxispos: item.yaxispos,
      color: colors[i],
      sort: item.sort,
      xRotate: 0,
      dataIndex: item.monitorcode,
    };
    columns.push(columnsItem);
  });
  return columns;
};

export const getTableHeaderColumns = (webColumnsKey) => {
  const key = webColumnsKey;
  const allTableHeaderColumnArr = ventStore.getAllTableHeaderColumns;
  if (allTableHeaderColumnArr) {
    const tabelHeaderColumns = allTableHeaderColumnArr[key];
    if (key && key.includes('_chart')) {
      return arrToChartColumns(tabelHeaderColumns);
    }
    return arrToColumns(tabelHeaderColumns);
  }
  return [];
};


export const getFormSchemaColumns = (webColumnsKey) => {
  const key = webColumnsKey;
  const allTableHeaderColumnArr = ventStore.getAllTableHeaderColumns;
  if (allTableHeaderColumnArr) {
    const tabelHeaderColumns = allTableHeaderColumnArr[key];
    return tabelHeaderColumns;
    // return arrToFormColumns(tabelHeaderColumns);
  }
  return [];
};

// export const getTableHeaderColumns = async (columnsKey) => {
//   const allTableHeaderColumnArr = await ventStore.getAllTableHeaderColumnsAction();
//   if (allTableHeaderColumnArr) {
//     const tabelHeaderColumns = allTableHeaderColumnArr[columnsKey];
//     return arrToColumns(tabelHeaderColumns);
//   }
//   return [];
// };