* Add bug statistic block.
This commit is contained in:
liumengyi
@@ -11,13 +11,288 @@ declare(strict_types=1);
|
||||
|
||||
namespace zin;
|
||||
|
||||
$blockNavCode = 'nav-' . uniqid();
|
||||
$navTabs = array();
|
||||
$selected = key($products);
|
||||
$statisticCells = array();
|
||||
$preproductID = 0;
|
||||
$nextproductID = 0;
|
||||
$productIdList = array_keys($products);
|
||||
$tabItems = array();
|
||||
foreach($products as $productID => $product)
|
||||
{
|
||||
$productInfo = div
|
||||
(
|
||||
setClass('flex' . ($longBlock ? ' flex-nowrap' : ' flex-wrap')),
|
||||
cell
|
||||
(
|
||||
setClass('flex flex-wrap items-center content-center progress-circle'),
|
||||
set::width($longBlock ? '30%' : '100%'),
|
||||
div
|
||||
(
|
||||
setClass('flex justify-center w-full'),
|
||||
zui::progressCircle
|
||||
(
|
||||
set('percent', zget($resolvedRate, $productID, 0)),
|
||||
set('size', 112),
|
||||
set('circleWidth', 6),
|
||||
set('text', zget($resolvedRate, $productID, 0) . '%'),
|
||||
set('textY', 50),
|
||||
set('textStyle', 'font-size: 30px;'),
|
||||
),
|
||||
),
|
||||
div
|
||||
(
|
||||
setClass('flex justify-center w-full h-0'),
|
||||
span
|
||||
(
|
||||
setClass('text-gray text-sm progress-text'),
|
||||
$lang->block->qastatistic->fixBugRate,
|
||||
icon
|
||||
(
|
||||
setClass('pl-0.5'),
|
||||
set('data-toggle', 'tooltip'),
|
||||
set('href', 'totalProgressTooltip'),
|
||||
'help'
|
||||
),
|
||||
),
|
||||
div
|
||||
(
|
||||
setClass('tooltip shadow bg-white text-gray leading-6'),
|
||||
set::id('totalProgressTooltip'),
|
||||
'fixBugRateTip'
|
||||
),
|
||||
),
|
||||
cell
|
||||
(
|
||||
setClass('flex justify-center w-full mt-3 gap-x-4'),
|
||||
col
|
||||
(
|
||||
span
|
||||
(
|
||||
setClass('flex justify-center'),
|
||||
zget($totalBugs, $productID, 0),
|
||||
),
|
||||
span
|
||||
(
|
||||
setClass('text-sm text-gray'),
|
||||
$lang->block->qastatistic->totalBug
|
||||
),
|
||||
),
|
||||
col
|
||||
(
|
||||
span
|
||||
(
|
||||
setClass('flex justify-center'),
|
||||
zget($closedBugs, $productID, 0),
|
||||
),
|
||||
span
|
||||
(
|
||||
setClass('text-sm text-gray'),
|
||||
$lang->block->productstatistic->closed
|
||||
),
|
||||
),
|
||||
col
|
||||
(
|
||||
span
|
||||
(
|
||||
setClass('flex justify-center'),
|
||||
zget($unresovledBugs, $productID, 0),
|
||||
),
|
||||
span
|
||||
(
|
||||
setClass('text-sm text-gray'),
|
||||
$lang->bug->unResolved
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
cell
|
||||
(
|
||||
setClass('p-4' . ($longBlock ? ' mt-3' : ' pb-0')),
|
||||
set::width($longBlock ? '70%' : '100%'),
|
||||
echarts
|
||||
(
|
||||
set::title(array('text' => $lang->block->qastatistic->bugStatusStat, 'textStyle' => array('fontSize' => '12'))),
|
||||
set::color(array('#66a2ff', '#7adfba', '#9ea3b0')),
|
||||
set::tooltip(array('trigger' => 'axis')),
|
||||
set::grid(array('left' => '10px', 'top' => '50px', 'right' => '0', 'bottom' => '0', 'containLabel' => true)),
|
||||
set::legend(array('show' => true, 'right' => '0', 'top' => '25px', 'textStyle' => array('fontSize' => '11'))),
|
||||
set::xAxis(array('type' => 'category', 'data' => $months, 'splitLine' => array('show' => false), 'axisTick' => array('alignWithLabel' => true, 'interval' => 0), 'axisLabel' => array('fontSize' => $longBlock ? '8' : '10'))),
|
||||
set::yAxis(array('type' => 'value', 'splitLine' => array('show' => false), 'axisLine' => array('show' => true, 'color' => '#DDD'), 'axisLabel' => array('showMaxLabel' => true, 'interval' => 'auto'))),
|
||||
set::tooptop(array('show' => true, 'formatter' => '{b}: {c}')),
|
||||
set::series
|
||||
(
|
||||
array
|
||||
(
|
||||
array
|
||||
(
|
||||
'type' => 'bar',
|
||||
'barWidth' => '8',
|
||||
'stack' => 'Ad',
|
||||
'name' => $lang->bug->activate,
|
||||
'data' => array_values($activateBugs[$productID]),
|
||||
),
|
||||
array
|
||||
(
|
||||
'type' => 'bar',
|
||||
'name' => $lang->bug->resolve,
|
||||
'stack' => 'Ad',
|
||||
'data' => array_values($resolveBugs[$productID]),
|
||||
),
|
||||
array
|
||||
(
|
||||
'type' => 'bar',
|
||||
'name' => $lang->bug->close,
|
||||
'stack' => 'Ad',
|
||||
'data' => array_values($closeBugs[$productID]),
|
||||
),
|
||||
),
|
||||
),
|
||||
)->size('100%', 200),
|
||||
),
|
||||
);
|
||||
|
||||
if($longBlock)
|
||||
{
|
||||
$navTabs[] = li
|
||||
(
|
||||
setClass('nav-item'),
|
||||
a
|
||||
(
|
||||
setClass('ellipsis title ' . ($product->id == $selected ? ' active' : '')),
|
||||
set('data-toggle', 'tab'),
|
||||
set::href("#tab{$blockNavCode}Content{$product->id}"),
|
||||
$product->name
|
||||
|
||||
),
|
||||
a
|
||||
(
|
||||
setClass('link flex-1 text-right hidden'),
|
||||
set::href(helper::createLink('product', 'browse', "productID={$product->id}")),
|
||||
icon
|
||||
(
|
||||
setClass('rotate-90 text-primary'),
|
||||
'export'
|
||||
)
|
||||
)
|
||||
);
|
||||
|
||||
$tabItems[] = div
|
||||
(
|
||||
setClass('tab-pane' . ($product->id == $selected ? ' active' : '')),
|
||||
set('id', "tab{$blockNavCode}Content{$product->id}"),
|
||||
$productInfo,
|
||||
);
|
||||
}
|
||||
else
|
||||
{
|
||||
$index = array_search($product->id, $productIdList);
|
||||
$nextProductID = $index !== false && !empty($productIdList[$index + 1]) ? $productIdList[$index + 1] : 0;
|
||||
|
||||
$tabItems = array();
|
||||
$tabItems[] = cell
|
||||
(
|
||||
ul
|
||||
(
|
||||
setClass('nav nav-tabs h-10 px-1 justify-between items-center'),
|
||||
set::width('100%'),
|
||||
li
|
||||
(
|
||||
setClass('nav-item'),
|
||||
btn
|
||||
(
|
||||
setClass('size-sm shadow-lg circle pre-button'),
|
||||
set::square(true),
|
||||
set::disabled(empty($preProductID)),
|
||||
set::href("#tab{$blockNavCode}Content{$preProductID}"),
|
||||
set('data-toggle', 'tab'),
|
||||
set::iconClass('text-xl text-primary'),
|
||||
set::icon('angle-left'),
|
||||
),
|
||||
),
|
||||
li
|
||||
(
|
||||
setClass('nav-item px-4'),
|
||||
hasPriv('product', 'browse') ? btn
|
||||
(
|
||||
setClass('ghost'),
|
||||
set::url(createLink('product', 'browse', "productID={$product->id}")),
|
||||
span
|
||||
(
|
||||
setClass('text-primary'),
|
||||
$product->name
|
||||
),
|
||||
icon
|
||||
(
|
||||
setClass('text-primary ml-4 rotate-90'),
|
||||
'export'
|
||||
),
|
||||
) : $product->name,
|
||||
),
|
||||
li
|
||||
(
|
||||
setClass('nav-item'),
|
||||
btn
|
||||
(
|
||||
setClass('size-sm shadow-lg circle next-button'),
|
||||
set::square(true),
|
||||
set::disabled(empty($nextProductID)),
|
||||
set::href("#tab{$blockNavCode}Content{$nextProductID}"),
|
||||
set('data-toggle', 'tab'),
|
||||
set::iconClass('text-xl text-primary'),
|
||||
set::icon('angle-right'),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
$tabItems[] = cell
|
||||
(
|
||||
setClass('tab-content pt-1'),
|
||||
set::width('100%'),
|
||||
div
|
||||
(
|
||||
$productInfo,
|
||||
),
|
||||
);
|
||||
$statisticCells[] = cell
|
||||
(
|
||||
setClass('tab-pane pt-1 w-full' . ($product->id == $selected ? ' active' : '')),
|
||||
set('id', "tab{$blockNavCode}Content{$product->id}"),
|
||||
$tabItems,
|
||||
);
|
||||
$preProductID = $product->id;
|
||||
}
|
||||
}
|
||||
if($longBlock)
|
||||
{
|
||||
$statisticCells[] = cell
|
||||
(
|
||||
set::width('22%'),
|
||||
setClass('bg-secondary-pale overflow-y-auto overflow-x-hidden'),
|
||||
ul
|
||||
(
|
||||
setClass('nav nav-tabs nav-stacked'),
|
||||
$navTabs,
|
||||
),
|
||||
);
|
||||
$statisticCells[] = cell
|
||||
(
|
||||
setClass('tab-content'),
|
||||
set::width('78%'),
|
||||
$tabItems,
|
||||
);
|
||||
}
|
||||
|
||||
panel
|
||||
(
|
||||
set('headingClass', 'border-b'),
|
||||
setClass('bugstatistic-block ' . ($longBlock ? 'block-long' : 'block-sm')),
|
||||
set::bodyClass('no-shadow border-t p-0'),
|
||||
set::title($block->title),
|
||||
div
|
||||
(
|
||||
'正在开发中...'
|
||||
setClass('flex h-full' . (!$longBlock ? ' flex-wrap' : '')),
|
||||
$statisticCells,
|
||||
)
|
||||
);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user