import * as echarts from 'echarts';
import { legend1, legend2, legend3, legend4, legend5 } from '/@/components/xianMap/xianMapHooks.ts';
import { initatorTypee, normalTypeList, SexType, sexTypeList, sexTypeListNew } from '/@/utils/settings.ts';
export const legend1 = new URL('/@/assets/img/legend1.png', import.meta.url).href;
export const legend2 = new URL('/@/assets/img/legend5.png', import.meta.url).href;
export const legend3 = new URL('/@/assets/img/legend3.png', import.meta.url).href;
export function getClassCharts(dx, dy, m) {
    return {
        grid: {
            top: 40,
            bottom: 40,
            left: '60',
        },
        xAxis: {
            type: 'category',
            data: dx,
            axisTick: {
                show: false,
                lineStyle: {
                    color: 'rgba(101, 198, 231, .1)',
                },
            },
            axisLabel: {
                color: '#C9DAFF',
                fontSize: 12,
            },
            axisLine: {
                lineStyle: {
                    color: '#65C6E7', // 设置轴线颜色为红色
                },
            },
        },
        yAxis: {
            type: 'value',
            name: '次数',
            // nameLocation: 'end', // 将单位名称位置设置为起始位置
            // nameGap: 10,
            // nameRotate: 0, // 设置旋转角度，0 表示水平
            nameTextStyle: {
                fontSize: 12,
                color: '#65C6E7',
                left: 100,
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: 'rgba(101, 198, 231, .1)',
                    width: 1,
                    type: 'solid',
                },
            },
            interval: 25, // 步长
            max: m,
            min: 0, // 起始 - 设置y轴刻度的最小值
            axisLabel: {
                color: '#65C6E7',
                formatter: function (value, index) {
                    return value;
                },
            },
        },
        series: [
            {
                data: dy.map((item) => {
                    return {
                        value: item,
                        itemStyle: {
                            color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                                { offset: 0, color: '#5ABFFF' },
                                { offset: 0.2, color: 'rgba(30, 166, 253, .5)' },
                                { offset: 0.5, color: 'rgba(30, 166, 253, .1)' },
                                { offset: 0.8, color: 'rgba(30, 166, 253, .5)' },
                                { offset: 1, color: '#5ABFFF' },
                            ]),
                            borderColor: '#51caf5', // 黑色边框
                            borderWidth: item ? 1 : 0,
                        },
                    };
                }),
                label: {
                    show: true, // 显示标签
                    position: 'top', // 标签显示在柱子顶部
                    color: '#51caf5', // 设置字体颜色
                    fontSize: 12, // 设置字体大小
                },
                type: 'bar',
                barWidth: 18,
            },
        ],
    };
}
export enum TabType {
    all = '', //所有资源
    youTianYiYuan = '1', //油田医院
    jianKangXiaoWu = '2', //健康小屋
    jiuHuChe = '5', //救护车
}
export const tabList = [
    {
        name: '所有资源',
        type: TabType.all,
    },
    {
        name: '健康小屋',
        type: TabType.jianKangXiaoWu,
    },
    {
        name: '油田医院',
        type: TabType.youTianYiYuan,
    },
    {
        name: '救护车',
        type: TabType.jiuHuChe,
    },
    {
        name: '急救路线',
    },
];
export const legendList = [
    { img: legend2, text: '健康小屋', color: '#1BEFF6' },
    { img: legend1, text: '油田医院', color: '#D86AF7' },
    { img: legend3, text: '救护车', color: '#EE7E31' },
];

export function infoContent(res) {
    return `
        <div class="modal-box">
            <div class="modal-item">
                <span class="item-one">单位：</span>
                <span class="item-two">${res.orgName ? res.orgName : '--'}</span>
            </div>
            <div class="modal-item">
                <span class="item-one">关爱人数：</span>
                <span class="item-two">${res.loveNum ? res.loveNum : '--'}</span>
            </div>
            <div class="modal-item">
                <span class="item-one">地点：</span>
                <span class="item-two">${res.name ? res.name : '--'}</span>
            </div>
        <div class="modal-btn">
            <div class="view-btn viewBtn" id='${JSON.stringify(res)}'>查看详情</div>
        </div>
    </div> `;
}

const columns1 = [
    {
        title: '姓名',
        dataIndex: 'realName',
        key: 'realName',
    },
    {
        title: '单位',
        dataIndex: 'departName',
        key: 'departName',
        ellipsis: true,
    },
    {
        title: '部门',
        dataIndex: 'orgName',
        key: 'orgName',
        ellipsis: true,
    },
    {
        title: '性别',
        dataIndex: 'sex_dictText',
        key: 'sex_dictText',
        width: 80,
    },
    {
        title: '时间',
        dataIndex: 'time',
        key: 'time',
    },
    {
        title: '电话',
        dataIndex: 'phone',
        key: 'phone',
    },
];

const columns2 = [
    {
        title: '被救助人',
        dataIndex: 'salvageUserName',
        key: 'salvageUserName',
    },
    {
        title: '单位',
        dataIndex: 'salvageUserSecondDepart',
        key: 'salvageUserSecondDepart',
    },
    {
        title: '部门',
        dataIndex: 'salvageUserDepart',
        key: 'salvageUserDepart',
    },
    {
        title: '性别',
        dataIndex: 'salvageUserSex_dictText',
        key: 'salvageUserSex_dictText',
    },
    {
        title: '救助方式',
        dataIndex: 'initiatorType',
        key: 'initiatorType',
        customRender: ({ text }) => {
            if (text === '0') {
                return '120';
            } else if (text === '1') {
                return '应急就医';
            }
        },
    },
    {
        title: '救助时间',
        dataIndex: 'createTime',
        key: 'createTime',
    },
    {
        title: '联系电话',
        dataIndex: 'salvageUserMobile',
        key: 'salvageUserMobile',
    },
];

const fromList = [
    {
        label: '姓名',
        field: 'realName',
        type: 'input',
        placeholder: '请输入姓名',
        defaultValue: '',
    },
    {
        label: '性别',
        field: 'sex',
        type: 'select',
        placeholder: '请选择性别',
        options: sexTypeList,
        defaultValue: SexType.all,
    },
];

const fromList2 = [
    {
        label: '救助人',
        field: 'salvageUserName',
        type: 'input',
        placeholder: '请输入',
        defaultValue: '',
    },
    {
        label: '性别',
        field: 'salvageUserSex',
        type: 'select',
        placeholder: '请选择性别',
        options: sexTypeListNew,
        defaultValue: '',
    },
    {
        label: '救助方式',
        field: 'initiatorType',
        type: 'select',
        placeholder: '请选择性别',
        options: initatorTypee,
        defaultValue: '',
    },
];

export const columns = [columns1, columns2];

export const fromLists = [fromList, fromList2];

export const threeRModalColumns = [
    {
        title: '单位',
        dataIndex: 'departName',
        key: 'departName',
    },
    {
        title: '姓名',
        dataIndex: 'name',
        key: 'name',
    },
    {
        title: '性别',
        dataIndex: 'sex_dictText',
        key: 'sex_dictText',
    },
    {
        title: '年龄',
        dataIndex: 'age',
        key: 'age',
    },
    {
        title: '体检医院',
        dataIndex: 'hospitalName',
        key: 'hospitalName',
    },
    {
        title: '检查日期',
        dataIndex: 'checkInDate',
        key: 'checkInDate',
    },
];

export const threeRModalFromList = [
    {
        label: '姓名',
        field: 'name',
        type: 'input',
        placeholder: '请输入姓名',
        defaultValue: '',
    },
    {
        label: '体检医院',
        field: 'hospitalName',
        type: 'input',
        placeholder: '请输入体检医院',
        defaultValue: '',
    },
];

const towRcolumn1 = [
    {
        title: '单位',
        dataIndex: 'departName',
        key: 'departName',
    },
    {
        title: '姓名',
        dataIndex: 'name',
        key: 'name',
    },
    {
        title: '性别',
        dataIndex: 'sex_dictText',
        key: 'sex_dictText',
    },
    {
        title: '年龄',
        dataIndex: 'age',
        key: 'age',
    },
    {
        title: '身高(cm)',
        dataIndex: 'height',
        key: 'height',
    },
    {
        title: '体重(kg)',
        dataIndex: 'weight',
        key: 'weight',
    },
    {
        title: 'BMI',
        dataIndex: 'bmi',
        key: 'bmi',
    },
    {
        title: 'BMI是否异常',
        dataIndex: 'bmiException',
        key: 'bmiException',
    },
    {
        title: '腰围(cm)',
        dataIndex: 'waist',
        key: 'waist',
    },
    {
        title: '填报日期',
        dataIndex: 'createTime',
        key: 'createTime',
    },
];
const towRcolumn2 = [
    {
        title: '单位',
        dataIndex: 'departName',
        key: 'departName',
    },
    {
        title: '姓名',
        dataIndex: 'name',
        key: 'name',
    },
    {
        title: '性别',
        dataIndex: 'sex_dictText',
        key: 'sex_dictText',
    },
    {
        title: '年龄',
        dataIndex: 'age',
        key: 'age',
    },
    {
        title: '血糖值(mmol/L)',
        dataIndex: 'height',
        key: 'height',
    },
    {
        title: '血糖是否异常',
        dataIndex: 'weight',
        key: 'weight',
    },
    {
        title: '腰围(cm)',
        dataIndex: 'waist',
        key: 'waist',
    },
    {
        title: '填报日期',
        dataIndex: 'createTime',
        key: 'createTime',
    },
];
const towRcolumn3 = [
    {
        title: '单位',
        dataIndex: 'departName',
        key: 'departName',
    },
    {
        title: '姓名',
        dataIndex: 'name',
        key: 'name',
    },
    {
        title: '性别',
        dataIndex: 'sex_dictText',
        key: 'sex_dictText',
    },
    {
        title: '年龄',
        dataIndex: 'age',
        key: 'age',
    },
    {
        title: '收缩压(mmHg)',
        dataIndex: 'height',
        key: 'height',
    },
    {
        title: '收缩压是否异常',
        dataIndex: 'weight',
        key: 'weight',
    },
    {
        title: '舒张压(mmHg)',
        dataIndex: 'bmi',
        key: 'bmi',
    },
    {
        title: '舒张压是否异常',
        dataIndex: 'bmiException',
        key: 'bmiException',
    },
    {
        title: '填报日期',
        dataIndex: 'createTime',
        key: 'createTime',
    },
];
export function twoRform(type) {
    return [
        {
            label: '员工姓名',
            field: 'realName',
            type: 'input',
            placeholder: '请输入',
            defaultValue: '',
        },
        {
            label: '异常标记',
            field: 'abFlag',
            type: 'select',
            placeholder: '请选择性别',
            options: normalTypeList,
            defaultValue: type,
        },
        {
            label: '单位',
            field: 'departName',
            type: 'input',
            placeholder: '请输入单位',
        },
    ];
}
export const towRcolumns = [towRcolumn1, towRcolumn2, towRcolumn3];