znt/module/metric/ui/component/tableandcharts.html.php

76 lines
3 KiB
PHP

<?php
declare(strict_types=1);
/**
* The browse view file of company module of ZenTaoPMS.
* @copyright Copyright 2009-2023 禅道软件(青岛)有限公司(ZenTao Software (Qingdao) Co., Ltd. www.zentao.net)
* @license ZPL(https://zpl.pub/page/zplv12.html) or AGPL(https://www.gnu.org/licenses/agpl-3.0.en.html)
* @author Mengyi Liu <liumengyi@easycorp.ltd>
* @package company
* @link https://www.zentao.net
*/
namespace zin;
jsVar('updateTimeTip', $lang->metric->updateTimeTip);
$fnGenerateTableAndCharts = function($metric) use($viewType, $groupHeader, $groupData, $tableWidth, $pagerExtra, $headerGroup, $echartOptions, $chartTypeList, $noDataTip)
{
return div
(
setClass("table-and-chart table-and-chart-{$viewType}" . ($groupData ? '' : ' no-data')),
$groupData ? div
(
setClass('table-side'),
setStyle(array('flex-basis' => $tableWidth . 'px')),
div
(
dtable
(
setID('ajaxmetric' . $metric->id),
$viewType == 'multiple' ? set::height(328) : set::height(jsRaw('window.getTableHeight')),
set::rowHeight(32),
set::bordered(true),
set::cols($groupHeader),
set::data(array_values($groupData)),
set::footPager(usePager('dtablePager', $pagerExtra)),
$headerGroup ? set::plugins(array('header-group')) : null,
set::onRenderCell(jsRaw('window.renderDTableCell')),
set::loadPartial(true)
)
)
) : null,
$echartOptions ? div
(
setStyle(array('width' => "calc(100vh - {$tableWidth}px)")),
setClass('chart-side'),
div
(
setClass('chart-type'),
picker
(
set::name('chartType'),
set::items($chartTypeList),
set::value('line'),
set::required(true),
set::onchange("window.handleChartTypeChange($metric->id, '$viewType')")
)
),
div
(
setClass("chart chart-{$viewType}"),
echarts
(
set::width('100%'),
set::height('100%'),
set::xAxis($echartOptions['xAxis']),
set::yAxis($echartOptions['yAxis']),
set::legend($echartOptions['legend']),
set::series($echartOptions['series']),
isset($echartOptions['dataZoom']) ? set::dataZoom($echartOptions['dataZoom']) : null,
set::grid($echartOptions['grid']),
set::tooltip($echartOptions['tooltip'])
)
)
) : null,
$groupData ? null : span($noDataTip, setClass('text-md'))
);
};