1

demo.html

@@ -0,0 +1,783 @@
+<script type="text/javascript">
+    // 泛微的replaceAll方法不支持第一个入参为REGEXP，需在此处重写replaceAll方法，扩展其功能
+    (function () {
+        const nativeReplace = String.prototype.replace;
+        String.prototype.replaceAll = function (search, replacement) {
+            if (search instanceof RegExp) {
+                if (!search.global) {
+                    throw new TypeError(
+                        "replaceAll called with a non-global RegExp"
+                    );
+                }
+                return nativeReplace.call(this, search, replacement);
+            }
+            return nativeReplace.call(
+                this,
+                new RegExp(search.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'),
+                replacement
+            );
+        };
+    })();
+
+    // 禁止ModeForm的右键菜单
+    ModeForm.controlBtnDisabled(true);
+
+    const myGlobalParams = {};
+    window.myGlobalParams = myGlobalParams;
+
+    // 获取图形展示类型
+    // 0为日养费用趋势图，1为日养指标趋势图
+    myGlobalParams.cardUrl_lx = ModeForm.getCardUrlInfo().lx;
+
+    switch (myGlobalParams.cardUrl_lx) {
+        case '1':
+            myGlobalParams.indicator_type = 0;
+            myGlobalParams.axes_y_Name = "指标(元/公里)";
+            myGlobalParams.axes_y_Formatter = axesYValueFormatterSD;
+            myGlobalParams.diyButtonArr = [{
+                value: 'type-select',
+                tooltip: '选择指标类型',
+                label: `<span class="ag-charts-myButton-type-select ag-charts-diy-button" style="font-size: 10px;">主线</span>`,
+            }];
+            myGlobalParams.zj = '0';
+            break;
+        case '2':
+            myGlobalParams.axes_y_Name = "结算(元)";
+            myGlobalParams.axes_y_Formatter = axesYValueFormatterTT;
+            myGlobalParams.diyButtonArr = [/*{
+                value: 'feeitem-select',
+                tooltip: '选择费用项目',
+                label: `<i class="icon-coms-search ag-charts-myButton-feeitem-select ag-charts-diy-button"></i>`,
+            }*/];
+            myGlobalParams.feeitem = '99';
+            break;
+        case '3':
+            myGlobalParams.indicator_type = 0;
+            myGlobalParams.axes_y_Name = "指标(元/公里)";
+            myGlobalParams.axes_y_Formatter = axesYValueFormatterSD;
+            myGlobalParams.diyButtonArr = [{
+                value: 'type-select',
+                tooltip: '选择指标类型',
+                label: `<span class="ag-charts-myButton-type-select ag-charts-diy-button" style="font-size: 10px;">主线</span>`,
+            }];
+            myGlobalParams.feeitem = '99';
+            break;
+        default:
+            myGlobalParams.axes_y_Name = "结算价(元)";
+            myGlobalParams.axes_y_Formatter = axesYValueFormatterTT;
+            myGlobalParams.diyButtonArr = [];
+            myGlobalParams.zj = 0;
+            break;
+    }
+
+    const { AgCharts } = agCharts;
+    myGlobalParams.updateChartTO = null;
+
+    myGlobalParams.paperTheme = {
+        palette: {
+            fills: ["#006f9b", "#ff7faa", "#00994d", "#ff8833", "#00a0dd"],
+            strokes: ["#003f58", "#934962", "#004a25", "#914d1d", "#006288"],
+        },
+        overrides: {
+            common: {
+                subtitle: {
+                    text: "Paper Theme",
+                },
+            },
+        },
+        params: {
+            foregroundColor: "#262a33",
+            backgroundColor: "#fff1e5",
+            accentColor: "#0d7680",
+            fontFamily: '"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif',
+            fontSize: 14,
+            tooltipBackgroundColor: "#fff7ef",
+            tooltipTextColor: "#262a33",
+        },
+    };
+
+    myGlobalParams.options = {
+        container: document.getElementById("myChart"),
+        theme: myGlobalParams.paperTheme,
+        locale: {
+            localeText: agChartsLocale.AG_CHARTS_LOCALE_ZH_CN,
+        },
+        zoom: {
+            enabled: true,
+            anchorPointX: 'pointer',
+            anchorPointY: 'pointer',
+        },
+        annotations: {
+            enabled: true,
+            toolbar: {
+                buttons: myGlobalParams.diyButtonArr.concat([
+                    {
+                        icon: 'trend-line-drawing',
+                        value: 'line-menu',
+                        tooltip: 'Line Tool',
+                    },
+                    {
+                        icon: 'text-annotation',
+                        value: 'text-menu',
+                        tooltip: 'Text Tool',
+                    },
+                    {
+                        icon: 'arrow-drawing',
+                        value: 'shape-menu',
+                        tooltip: 'Shape Tool',
+                    },
+                    // {
+                    //     icon: 'measurer-drawing',
+                    //     value: 'measurer-menu',
+                    //     tooltip: 'Measurer Tool',
+                    // },
+                    {
+                        icon: 'fibonacci-retracement-drawing',
+                        value: 'fibonacci-menu',
+                        tooltip: 'Fibonacci Tool',
+                    },
+                    {
+                        value: 'full-screen',
+                        tooltip: '全屏',
+                        label: `<i class="anticon anticon-arrow-salt ag-charts-myButton-fullScreen ag-charts-diy-button"></i>`,
+                    },
+                    {
+                        icon: 'delete',
+                        value: 'clear',
+                        tooltip: 'Clear annotations',
+                    },
+                ]),
+            },
+        },
+        legend: {
+            position: "right",
+        },
+        title: {
+            text: ` `,
+        },
+        axes: {
+            y: {
+                type: "number",
+                position: "left",
+                title: {
+                    text: myGlobalParams.axes_y_Name,
+                },
+                crosshair: {
+                    snap: false,
+                },
+            },
+            x: {
+                type: "category",
+                position: "bottom",
+                // title: {
+                //     text: "Year",
+                // },
+                crosshair: {
+                    snap: false,
+                },
+            },
+        },
+        formatter: {
+            y: myGlobalParams.axes_y_Formatter,
+        }
+    };
+
+    myGlobalParams.userid = ecodeSDK.getEcodeParams(['ecode_params'])._user.id;// String
+
+    // 获取series数据
+    let initialInterval = setInterval(async () => {
+        if ($(`#myChart`).length > 0) {
+            clearInterval(initialInterval);
+            let dockerH = $(`.coms-mode-docker.coms-mode-card`).height();
+            $(`.myChartRow`).css('height', `${dockerH - 52}px`);
+            let resStr1 = await $.post(`/api/esb/oa/execute?eventkey=ExecuteMySQL&params={"SQLID":"90","vars":[{"value":"${myGlobalParams.userid}"}],"maxRunNum":"3"}`);
+            let res = JSON.parse(resStr1).data.res.map(m => JSON.parse(m));
+            res.sort((a, b) => a.CJ.localeCompare(b.CJ));
+            if (res.length == 0) return;
+            myGlobalParams.compInfo = res[0];
+
+            await AgChartOptionHandler();
+            beforeAgChartFirstRender();
+            myGlobalParams.agChart = AgCharts.create(myGlobalParams.options);
+
+            // 添加全屏按钮
+            let myFullScreemIV = setInterval(() => {
+                if ($(`.ag-charts-myButton-fullScreen`).length > 0) {
+                    clearInterval(myFullScreemIV);
+                    $(`.ag-charts-myButton-fullScreen`)[0].parentNode.parentNode.addEventListener('keydown', agChartsDiyButtonKeyDownEvent);
+
+                    $(`.ag-charts-myButton-fullScreen`)[0].parentNode.parentNode.addEventListener('click', function () {
+                        $(`.ag-charts-toolbar__button--active`).removeClass('ag-charts-toolbar__button--active');
+                        $(this).addClass('ag-charts-toolbar__button--active');
+                        if (!document.fullscreenElement) {
+                            $(`#myChart`)[0].requestFullscreen();
+                        } else {
+                            document.exitFullscreen();
+                        }
+                    });
+
+                    document.addEventListener('fullscreenchange', () => {
+                        if ($(`.ag-charts-myButton-fullScreen`).length > 0) {
+                            if (!document.fullscreenElement) {
+                                $(`.ag-charts-myButton-fullScreen`).removeClass('anticon-shrink');
+                                $(`.ag-charts-myButton-fullScreen`).addClass('anticon-arrow-salt');
+                            } else {
+                                $(`.ag-charts-myButton-fullScreen`).removeClass('anticon-arrow-salt');
+                                $(`.ag-charts-myButton-fullScreen`).addClass('anticon-shrink');
+                            }
+                        }
+                    });
+                }
+            }, 50);
+
+            afterAgChartFirstRender();
+        }
+    }, 50);
+
+    function beforeAgChartFirstRender() {
+    }
+
+    function afterAgChartFirstRender() {
+        if (['1', '3'].includes(myGlobalParams.cardUrl_lx)) {
+            let myButtonIV1 = setInterval(() => {
+                if ($(`.ag-charts-myButton-type-select`).length > 0) {
+                    clearInterval(myButtonIV1);
+
+                    $(`.ag-charts-myButton-type-select`)[0].parentNode.parentNode.addEventListener('keydown', agChartsDiyButtonKeyDownEvent);
+
+                    $(`.ag-charts-myButton-type-select`)[0].parentNode.parentNode.addEventListener('click', function () {
+                        $(`.ag-charts-toolbar__button--active`).removeClass('ag-charts-toolbar__button--active');
+                        $(this).addClass('ag-charts-toolbar__button--active');
+
+                        $(`.ag-charts-canvas-overlay.ag-charts-tooltip-container>div:nth-child(4)`).append(`
+                                <div role="menu" aria-orientation="vertical" class="ag-charts-menu ag-charts-popover ag-charts-annotations__toolbar-menu" aria-label="主线" style="right: unset; bottom: unset; left: 60px; top: 66px;">
+                                    <div role="menuitem" aria-disabled="false" class="ag-charts-menu__row ag-charts-diy-button-submenu" data-popover-id="select-zb-type-zx" tabindex="0">                                
+                                        <span class="ag-charts-menu__label ag-charts-diy-button-submenu-label">主线量里程指标</span>
+                                    </div>
+                                    <div role="menuitem" aria-disabled="false" class="ag-charts-menu__row ag-charts-diy-button-submenu" data-popover-id="select-zb-type-yh" tabindex="-1">
+                                        <span class="ag-charts-menu__label ag-charts-diy-button-submenu-label">养护量里程指标</span>
+                                    </div>
+                                    <div role="menuitem" aria-disabled="false" class="ag-charts-menu__row ag-charts-diy-button-submenu" data-popover-id="select-zb-type-sf" tabindex="-1">
+                                        <span class="ag-charts-menu__label ag-charts-diy-button-submenu-label">收费量里程指标</span>
+                                    </div>
+                                    <div role="menuitem" aria-disabled="false" class="ag-charts-menu__row ag-charts-diy-button-submenu" data-popover-id="select-zb-type-dl" tabindex="-1">
+                                        <span class="ag-charts-menu__label ag-charts-diy-button-submenu-label">四车道当量里程指标</span>
+                                    </div>
+                                </div>
+                            `);
+                        $(`.ag-charts-diy-button-submenu`)[0].focus({ preventScroll: true });
+
+                        let titles = ['主线', '养护', '收费', '当量'];
+                        for (let i = 0; i < $(`.ag-charts-diy-button-submenu`).length; i++) {
+                            $(`.ag-charts-diy-button-submenu`)[i].addEventListener('click', (e) => {
+                                $(`.ag-charts-canvas-overlay.ag-charts-tooltip-container>div:nth-child(4)`).empty();
+                                document.removeEventListener('mousedown', agChartsSubMenuEraser, true);
+                                $(`.ag-charts-myButton-type-select`).text(titles[i]);
+
+                                // 业务逻辑
+                                clearInterval(myGlobalParams.updateChartTO);
+                                myGlobalParams.indicator_type = i;
+                                myGlobalParams.updateChartTO = setTimeout(async () => {
+                                    if (myGlobalParams.cardUrl_lx == 1) {
+                                        myGlobalParams.zj = ModeForm.getFieldValue('field293946');
+                                        if (myGlobalParams.zj.length == 0) {
+                                            myGlobalParams.options.data = [];
+                                        } else {
+                                            await AgChartOptionHandler();
+                                        }
+                                    } else if (myGlobalParams.cardUrl_lx == 3) {
+                                        let feeitem = ModeForm.getFieldValue('field294935');
+                                        if (feeitem.length == 0) {
+                                            $(`.ag-charts-title-diy-feeitem>span`)[0].innerHTML = '请选择费用项目';
+                                            myGlobalParams.options.data = [];
+                                        } else {
+                                            $(`.ag-charts-title-diy-feeitem>span`)[0].innerHTML = ModeForm.getBrowserShowName('field294935');
+                                            myGlobalParams.feeitem = feeitem.match(/\d+$/g)[0];
+                                            await AgChartOptionHandler();
+                                        }
+                                    }
+                                    myGlobalParams.agChart.updateDelta({ data: myGlobalParams.options.data });
+                                }, 300);
+                            });
+
+                            $(`.ag-charts-diy-button-submenu`)[i].addEventListener('mouseenter', (e) => {
+                                if (document.activeElement !== e.target) {
+                                    document.activeElement.setAttribute('tabindex', '-1');
+                                    e.target.setAttribute('tabindex', '0');
+                                    e.target.focus({ preventScroll: true });
+                                }
+                            });
+
+                            $(`.ag-charts-diy-button-submenu`)[i].addEventListener('keydown', (e) => {
+                                switch (e.key) {
+                                    case 'ArrowDown':
+                                        e.target.nextElementSibling?.focus({ preventScroll: true });
+                                        break;
+                                    case 'ArrowUp':
+                                        e.target.previousElementSibling?.focus({ preventScroll: true });
+                                        break;
+                                    case 'ArrowLeft':
+                                        agChartsSubMenuEraser();
+                                        $(`.ag-charts-myButton-type-select`)[0].parentNode.parentNode.focus({ preventScroll: true });
+                                        break;
+                                    case 'Escape':
+                                        agChartsSubMenuEraser();
+                                        $(`.ag-charts-myButton-type-select`)[0].parentNode.parentNode.focus({ preventScroll: true });
+                                        break;
+                                    default:
+                                        break;
+                                }
+                            });
+                        }
+
+                        document.addEventListener('mousedown', agChartsSubMenuEraser, true);
+                    });
+                }
+            }, 50);
+        } else if (myGlobalParams.cardUrl_lx == 2) {
+            // let myButtonIV2 = setInterval(() => {
+            //     if ($(`.ag-charts-myButton-feeitem-select`).length > 0) {
+            //         clearInterval(myButtonIV2);
+            //         $(`.ag-charts-myButton-feeitem-select`)[0].parentNode.parentNode.addEventListener('keydown', agChartsDiyButtonKeyDownEvent);
+
+            //         $(`.ag-charts-myButton-feeitem-select`)[0].parentNode.parentNode.addEventListener('click', function () {
+            //             $(`.ag-charts-toolbar__button--active`).removeClass('ag-charts-toolbar__button--active');
+            //             $(this).addClass('ag-charts-toolbar__button--active');
+            //             // 业务逻辑
+            //             $(`#field294935span button`).click();
+            //         });
+            //     }
+            // }, 50);
+        }
+
+        // 增加表单字段 Component
+        if (['0', '1'].includes(myGlobalParams.cardUrl_lx)) {
+            let selectZJComp;
+            ModeForm.proxyFieldContentComp("field293946", function (info, compFn) {
+                selectZJComp = selectZJComp ? selectZJComp : compFn();
+                return compFn();
+            });
+            ModeForm.forceRenderField("field293946");
+            $(`#myChart`).prepend(`<div class="selectZJ" style="position: absolute; top: 10px; left: 0px; z-index: 1000; width: 100%;"></div>`);
+            ReactDOM.render(selectZJComp, $(`#myChart>div.selectZJ`)[0]);
+        } else if (['2', '3'].includes(myGlobalParams.cardUrl_lx)) {
+            $(`#myChart`).prepend(`<div class="ag-charts-title-diy-feeitem" style="display: flex; justify-content: center; align-items: center; font-size: 23px; position: absolute; top: 10px; left: 0px; z-index: 1000; width: 100%;"><span>年度总费用</span><div class="ag-charts-title-diy-feeitem-editor" style="padding-left: 5px;"></div></div>`);
+            let editComp = React.createElement(antd.Button, { size: 'small', type: 'dashed', icon: 'edit', onClick: () => $(`#field294935span button`).click() });
+            ReactDOM.render(editComp, $(`.ag-charts-title-diy-feeitem>div.ag-charts-title-diy-feeitem-editor`)[0]);
+        }
+    }
+
+    function agChartsDiyButtonKeyDownEvent(e) {
+        if (e.key == ' ' || e.key == 'Enter') {
+            this.click();
+        }
+    }
+
+    function agChartsSubMenuEraser(e = null) {
+        if (e && (e.target.classList.contains('ag-charts-diy-button-submenu') || e.target.classList.contains('ag-charts-diy-button-submenu-label'))) return;
+        $(`.ag-charts-canvas-overlay.ag-charts-tooltip-container>div:nth-child(4)`).empty();
+        document.removeEventListener('mousedown', agChartsSubMenuEraser, true);
+    }
+
+    ModeForm.bindFieldChangeEvent('field293946,field294935', async function (obj, id, value) {
+        clearInterval(myGlobalParams.updateChartTO);
+        if (id == 'field293946') {
+            myGlobalParams.updateChartTO = setTimeout(async () => {
+                myGlobalParams.zj = value;
+                if (myGlobalParams.zj.length == 0) {
+                    myGlobalParams.options.data = [];
+                } else {
+                    await AgChartOptionHandler();
+                }
+                myGlobalParams.agChart.updateDelta({ data: myGlobalParams.options.data });
+            }, 300);
+        } else if (id == 'field294935') {
+            myGlobalParams.updateChartTO = setTimeout(async () => {
+                if (value.length == 0) {
+                    $(`.ag-charts-title-diy-feeitem>span`)[0].innerHTML = '请选择费用项目';
+                    myGlobalParams.options.data = [];
+                } else {
+                    $(`.ag-charts-title-diy-feeitem>span`)[0].innerHTML = ModeForm.getBrowserShowName(id);
+                    myGlobalParams.feeitem = value.match(/\d+$/g)[0];
+                    await AgChartOptionHandler();
+                }
+                myGlobalParams.agChart.updateDelta({ data: myGlobalParams.options.data });
+            }, 300);
+        }
+    });
+
+    async function AgChartOptionHandler() {
+        let res;
+        if (myGlobalParams.cardUrl_lx == 1) {
+            let resStr2 = await $.post(`/api/esb/oa/execute?eventkey=ExecuteMySQL&params={"SQLID":"91","vars":[{"value":"${myGlobalParams.compInfo.ID}"},{"value":"${myGlobalParams.indicator_type}"},{"value":"${myGlobalParams.zj}"}],"maxRunNum":"3"}`);
+            res = JSON.parse(resStr2).data.res.map(m => JSON.parse(m));
+            res.sort((a, b) => a.NF.localeCompare(b.NF));
+            res.sort((a, b) => a.LDJC.localeCompare(b.LDJC));
+            res.sort((a, b) => a.EJDW.localeCompare(b.EJDW));
+        } else if (myGlobalParams.cardUrl_lx == 2) {
+            let resStr2 = await $.post(`/api/esb/oa/execute?eventkey=ExecuteMySQL&params={"SQLID":"93","vars":[{"value":"1"},{"value":"${myGlobalParams.compInfo.ID}"},{"value":"${myGlobalParams.feeitem}"}],"maxRunNum":"3"}`);
+            res = JSON.parse(resStr2).data.res.map(m => JSON.parse(m));
+            res.sort((a, b) => a.NF.localeCompare(b.NF));
+            res.sort((a, b) => a.LDJC.localeCompare(b.LDJC));
+            res.sort((a, b) => a.EJDW.localeCompare(b.EJDW));
+        } else if (myGlobalParams.cardUrl_lx == 3) {
+            let resStr2 = await $.post(`/api/esb/oa/execute?eventkey=ExecuteMySQL&params={"SQLID":"94","vars":[{"value":"${myGlobalParams.compInfo.ID}"},{"value":"${myGlobalParams.indicator_type}"},{"value":"${myGlobalParams.feeitem}"}],"maxRunNum":"3"}`);
+            res = JSON.parse(resStr2).data.res.map(m => JSON.parse(m));
+            res.sort((a, b) => a.NF.localeCompare(b.NF));
+            res.sort((a, b) => a.LDJC.localeCompare(b.LDJC));
+            res.sort((a, b) => a.EJDW.localeCompare(b.EJDW));
+        } else {
+            let resStr2 = await $.post(`/api/esb/oa/execute?eventkey=ExecuteMySQL&params={"SQLID":"89","vars":[{"value":"${myGlobalParams.compInfo.ID}"},{"value":"${myGlobalParams.zj}"}],"maxRunNum":"3"}`);
+            res = JSON.parse(resStr2).data.res.map(m => JSON.parse(m));
+            res.sort((a, b) => a.NF.localeCompare(b.NF));
+            res.sort((a, b) => a.LDJC.localeCompare(b.LDJC));
+            res.sort((a, b) => a.EJDW.localeCompare(b.EJDW));
+        }
+        if (myGlobalParams.options.series) {
+            let data = getData(res, myGlobalParams.compInfo);
+            myGlobalParams.options.data = data;
+        } else {
+            let { series, data } = getDataAndSeries(res, myGlobalParams.compInfo);
+            myGlobalParams.options.data = data;
+            myGlobalParams.options.series = series;
+        }
+    }
+
+    function getData(data, companyInfo_GD) {
+        if (['1', '3'].includes(myGlobalParams.cardUrl_lx)) {
+            let res2 = [];
+            let totalMap = new Map();
+            let secTotalMap = new Map();
+            let yKey;
+            data.forEach((di, index) => {
+                if (companyInfo_GD.CJ == 1) {
+                    if (secTotalMap.has(di.EJDW)) {
+                        if (secTotalMap.get(di.EJDW).has(di.NF)) {
+                            secTotalMap.get(di.EJDW).get(di.NF).set('fee', (secTotalMap.get(di.EJDW).get(di.NF).get('fee') || 0) + di.FY * 1);
+                            secTotalMap.get(di.EJDW).get(di.NF).set('ldcd', (secTotalMap.get(di.EJDW).get(di.NF).get('ldcd') || 0) + di.CD * 1);
+                        } else {
+                            secTotalMap.get(di.EJDW).set(di.NF, new Map([['fee', di.FY * 1], ['ldcd', di.CD * 1]]));
+                        }
+                    } else {
+                        secTotalMap.set(di.EJDW, new Map([[di.NF, new Map([['fee', di.FY * 1], ['ldcd', di.CD * 1]])]]));
+                    }
+                }
+                if (totalMap.has(di.NF)) {
+                    totalMap.get(di.NF).set('fee', (totalMap.get(di.NF).get('fee') || 0) + di.FY * 1);
+                    totalMap.get(di.NF).set('ldcd', (totalMap.get(di.NF).get('ldcd') || 0) + di.CD * 1);
+                } else {
+                    totalMap.set(di.NF, new Map([['fee', di.FY * 1], ['ldcd', di.CD * 1]]));
+                }
+                yKey = myGlobalParams.options.series.find(f => f.yName == di.LDJC).yKey;
+                res2.push(
+                    {
+                        year: di.NF,
+                        [yKey]: di.ZBZ * 1,
+                    }
+                );
+            });
+            let totalInd = [];
+            totalMap.forEach((value, key) => {
+                if (value.get('ldcd') != 0) {
+                    totalInd.push({
+                        year: key,
+                        total: Math.round(value.get('fee') / value.get('ldcd') * 100) / 100,
+                    });
+                }
+            });
+            totalInd.sort((a, b) => a.year.localeCompare(b.year));
+            if (companyInfo_GD.CJ == 1) {
+                secTotalMap.forEach((value, key) => {
+                    let secTotalInd = [];
+                    let yKeyi = myGlobalParams.options.series.find(f => f.yName == key).yKey;
+                    value.forEach((v, k) => {
+                        if (v.get('ldcd') != 0) {
+                            secTotalInd.push({
+                                year: k,
+                                [yKeyi]: Math.round(v.get('fee') / v.get('ldcd') * 100) / 100,
+                            });
+                        }
+                    });
+                    secTotalInd.sort((a, b) => a.year.localeCompare(b.year));
+                    totalInd = totalInd.concat(secTotalInd);
+                });
+            }
+            return totalInd.concat(res2);
+        } else if (['0', '2'].includes(myGlobalParams.cardUrl_lx)) {
+            let res2 = [];
+            let totalMap = new Map();
+            let secTotalMap = new Map();
+            let yKey;
+            data.forEach((di, index) => {
+                if (companyInfo_GD.CJ == 1) {
+                    if (secTotalMap.has(di.EJDW)) {
+                        secTotalMap.get(di.EJDW).set(di.NF, (secTotalMap.get(di.EJDW).get(di.NF) || 0) + di.FY * 1);
+                    } else {
+                        secTotalMap.set(di.EJDW, new Map([[di.NF, di.FY * 1]]));
+                    }
+                }
+                totalMap.set(di.NF, (totalMap.get(di.NF) || 0) + di.FY * 1);
+                yKey = myGlobalParams.options.series.find(f => f.yName == di.LDJC).yKey;
+                res2.push(
+                    {
+                        year: di.NF,
+                        [yKey]: di.FY * 1,
+                    }
+                );
+            });
+            let totalFee = [];
+            totalMap.forEach((value, key) => {
+                totalFee.push({
+                    year: key,
+                    total: value,
+                });
+            });
+            totalFee.sort((a, b) => a.year.localeCompare(b.year));
+            if (companyInfo_GD.CJ == 1) {
+                secTotalMap.forEach((value, key) => {
+                    let secTotalFee = [];
+                    let yKeyi = myGlobalParams.options.series.find(f => f.yName == key).yKey;
+                    value.forEach((v, k) => {
+                        secTotalFee.push({
+                            year: k,
+                            [yKeyi]: v,
+                        });
+                    });
+                    secTotalFee.sort((a, b) => a.year.localeCompare(b.year));
+                    totalFee = totalFee.concat(secTotalFee);
+                });
+            }
+            return totalFee.concat(res2);
+        }
+    }
+
+    function getDataAndSeries(data, companyInfo_GDS) {
+        if (['1', '3'].includes(myGlobalParams.cardUrl_lx)) {
+            let res1 = [];
+            let res2 = [];
+            let lds = [];
+            let totalMap = new Map();
+            let secTotalMap = new Map();
+            let yKey;
+            data.forEach((di, index) => {
+                if (companyInfo_GDS.CJ == 1) {
+                    if (secTotalMap.has(di.EJDW)) {
+                        if (secTotalMap.get(di.EJDW).has(di.NF)) {
+                            secTotalMap.get(di.EJDW).get(di.NF).set('fee', (secTotalMap.get(di.EJDW).get(di.NF).get('fee') || 0) + di.FY * 1);
+                            secTotalMap.get(di.EJDW).get(di.NF).set('ldcd', (secTotalMap.get(di.EJDW).get(di.NF).get('ldcd') || 0) + di.CD * 1);
+                        } else {
+                            secTotalMap.get(di.EJDW).set(di.NF, new Map([['fee', di.FY * 1], ['ldcd', di.CD * 1]]));
+                        }
+                    } else {
+                        secTotalMap.set(di.EJDW, new Map([[di.NF, new Map([['fee', di.FY * 1], ['ldcd', di.CD * 1]])]]));
+                    }
+                }
+                if (totalMap.has(di.NF)) {
+                    totalMap.get(di.NF).set('fee', (totalMap.get(di.NF).get('fee') || 0) + di.FY * 1);
+                    totalMap.get(di.NF).set('ldcd', (totalMap.get(di.NF).get('ldcd') || 0) + di.CD * 1);
+                } else {
+                    totalMap.set(di.NF, new Map([['fee', di.FY * 1], ['ldcd', di.CD * 1]]));
+                }
+                if (!lds.includes(di.LDJC)) {
+                    yKey = `fee${lds.length}`;
+                    lds.push(di.LDJC);
+                    res1.push(
+                        {
+                            type: "line",
+                            yKey: yKey,
+                            yName: di.LDJC,
+                            xKey: "year",
+                            interpolation: { type: "smooth" },
+                            visible: false,
+                        }
+                    );
+                } else {
+                    yKey = `fee${lds.indexOf(di.LDJC)}`;
+                }
+                res2.push(
+                    {
+                        year: di.NF,
+                        [yKey]: di.ZBZ * 1,
+                    }
+                );
+            });
+            res1.sort((a, b) => a.yName.localeCompare(b.yName));
+            if (res1.length == 1) {
+                res1[0].visible = true;
+                return { series: res1, data: res2 };
+            }
+            let totalItem = [{
+                type: "line",
+                yKey: 'total',
+                yName: companyInfo_GDS.JC,
+                xKey: "year",
+                interpolation: { type: "smooth" },
+                visible: true,
+            }];
+            let totalInd = [];
+            totalMap.forEach((value, key) => {
+                if (value.get('ldcd') != 0) {
+                    totalInd.push({
+                        year: key,
+                        total: Math.round(value.get('fee') / value.get('ldcd') * 100) / 100,
+                    });
+                }
+            });
+            totalInd.sort((a, b) => a.year.localeCompare(b.year));
+            if (companyInfo_GDS.CJ == 1) {
+                let item = 0;
+                secTotalMap.forEach((value, key) => {
+                    let secTotalInd = [];
+                    item++;
+                    let yKeyi = `total${item}`;
+                    totalItem.push({
+                        type: "line",
+                        yKey: yKeyi,
+                        yName: key,
+                        xKey: "year",
+                        interpolation: { type: "smooth" },
+                        visible: false,
+                    });
+                    value.forEach((v, k) => {
+                        if (v.get('ldcd') != 0) {
+                            secTotalInd.push({
+                                year: k,
+                                [yKeyi]: Math.round(v.get('fee') / v.get('ldcd') * 100) / 100,
+                            });
+                        }
+                    });
+                    secTotalInd.sort((a, b) => a.year.localeCompare(b.year));
+                    totalInd = totalInd.concat(secTotalInd);
+                });
+            }
+            return { series: totalItem.concat(res1), data: totalInd.concat(res2) };
+        } else {
+            let res1 = [];
+            let res2 = [];
+            let lds = [];
+            let totalMap = new Map();
+            let secTotalMap = new Map();
+            let yKey;
+            data.forEach((di, index) => {
+                if (companyInfo_GDS.CJ == 1) {
+                    if (secTotalMap.has(di.EJDW)) {
+                        secTotalMap.get(di.EJDW).set(di.NF, (secTotalMap.get(di.EJDW).get(di.NF) || 0) + di.FY * 1);
+                    } else {
+                        secTotalMap.set(di.EJDW, new Map([[di.NF, di.FY * 1]]));
+                    }
+                }
+                totalMap.set(di.NF, (totalMap.get(di.NF) || 0) + di.FY * 1);
+                if (!lds.includes(di.LDJC)) {
+                    yKey = `fee${lds.length}`;
+                    lds.push(di.LDJC);
+                    res1.push(
+                        {
+                            type: "line",
+                            yKey: yKey,
+                            yName: di.LDJC,
+                            xKey: "year",
+                            interpolation: { type: "smooth" },
+                            visible: false,
+                        }
+                    );
+                } else {
+                    yKey = `fee${lds.indexOf(di.LDJC)}`;
+                }
+                res2.push(
+                    {
+                        year: di.NF,
+                        [yKey]: di.FY * 1,
+                    }
+                );
+            });
+            res1.sort((a, b) => a.yName.localeCompare(b.yName));
+            if (res1.length == 1) {
+                res1[0].visible = true;
+                return { series: res1, data: res2 };
+            }
+            let totalItem = [{
+                type: "line",
+                yKey: 'total',
+                yName: companyInfo_GDS.JC,
+                xKey: "year",
+                interpolation: { type: "smooth" },
+                visible: true,
+            }];
+            let totalFee = [];
+            totalMap.forEach((value, key) => {
+                totalFee.push({
+                    year: key,
+                    total: value,
+                });
+            });
+            totalFee.sort((a, b) => a.year.localeCompare(b.year));
+            if (companyInfo_GDS.CJ == 1) {
+                let item = 0;
+                secTotalMap.forEach((value, key) => {
+                    let secTotalFee = [];
+                    item++;
+                    let yKeyi = `total${item}`;
+                    totalItem.push({
+                        type: "line",
+                        yKey: yKeyi,
+                        yName: key,
+                        xKey: "year",
+                        interpolation: { type: "smooth" },
+                        visible: false,
+                    });
+                    value.forEach((v, k) => {
+                        secTotalFee.push({
+                            year: k,
+                            [yKeyi]: v,
+                        });
+                    });
+                    secTotalFee.sort((a, b) => a.year.localeCompare(b.year));
+                    totalFee = totalFee.concat(secTotalFee);
+                });
+            }
+            return { series: totalItem.concat(res1), data: totalFee.concat(res2) };
+        }
+    }
+
+    function axesYValueFormatterTT({ value }) {
+        if (value < 10000) {
+            return Number(value).toLocaleString('zh-CN', {
+                minimumFractionDigits: 0,
+                maximumFractionDigits: 0,
+            });
+        }
+        return `${(Number(value) / 10000).toLocaleString('zh-CN', {
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 0,
+        })}万`;
+    }
+
+    function axesYValueFormatterSD({ value }) {
+        return Number(value).toLocaleString('zh-CN', {
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 0,
+        });
+    }
+</script>
+<style type="text/css">
+    /* 隐藏右键菜单 */
+    .wea-right-menu-show {
+        display: none !important;
+    }
+
+    .wea-browser {
+        max-width: 100% !important;
+    }
+
+    .noDisplay {
+        display: none !important;
+    }
+
+    /* 扩展mask样式的适应性(如QQ浏览器) */
+    .ag-charts-icon {
+        -webkit-mask-image: var(--icon);
+        -webkit-mask-size: contain;
+        -webkit-mask-repeat: no-repeat;
+        -webkit-mask-position: center;
+    }
+</style>