783 lines
36 KiB
HTML
783 lines
36 KiB
HTML
<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¶ms={"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¶ms={"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¶ms={"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¶ms={"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¶ms={"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> |