* @package system * @link https://www.zentao.net */ namespace zin; $pageInfo = usePager(); jsVar('inQuickon', $config->inQuickon); jsVar('statusList', $lang->CNE->statusList); jsVar('statusIcons', $lang->CNE->statusIcons); jsVar('instanceIdList', helper::arrayColumn($instances, 'id')); jsVar('cpuUsage', $lang->system->cpuUsage); jsVar('memUsage', $lang->system->memUsage); /* 资源统计 */ div ( setClass('bg-white p-5'), div(setClass('text-xl font-semibold mb-5'), $lang->system->cneStatistic), div ( setClass('flex'), setID('cne-statistic'), div ( setClass('basis-2/5 border h-40 rounded-md row'), div ( setClass('basis-1/2 justify-center pl-6 pt-10 pb-10'), div ( setClass('flex row basis-2/3 justify-evenly h-full ml-5'), icon('unknown', set::id('status-icon'), set::size(30), setClass('app-status-circle status-unknown')), div ( setClass('p-2 ml-8 pr-6 flex col justify-between normal'), setStyle('white-space', 'nowrap'), div(setClass('text-xl font-semibold cne-status'), zget($lang->CNE->statusList, 'unknown', '')), $lang->system->cneStatus ), div(), div(setClass('p-4 border-r')) ) ), div ( setClass('basis-1/2 justify-center p-6 pt-10 pb-10'), div ( setClass('flex row basis-2/3 justify-evenly text-center h-full'), div ( setClass('flex col justify-between'), div(setClass('text-4xl font-semibold text-primary node-quantity'), 0), span ( $lang->system->nodeQuantity, icon('help node-quantity-help ml-1 text-gray-500 cursor-pointer') ) ), div ( setClass('flex col justify-between'), div ( setClass('text-4xl font-semibold text-primary'), zget($pageInfo, 'recTotal', 0) == $instanceTotal ? $instanceTotal : zget($pageInfo, 'recTotal', 0) . '/' . $instanceTotal ), span ( $lang->system->serviceQuantity, icon('help ml-1 text-gray-500 cursor-pointer', set::title($lang->system->serviceNotice)) ) ) ) ) ), div ( setClass('basis-3/5 h-40 flex row justify-evenly ml-3'), div ( setClass(' flex row cpu-circle'), div ( set::id('cpu-circle'), zui::ProgressCircle ( set::percent(0), set::size(160), set::circleColor('gray'), set::circleWidth(8), set::text('') ), setClass('relative'), span ( setClass('absolute text-lg'), setStyle(array('transform' => 'translate(-50%, -50%)', 'top' => '50%', 'left' => '50%', 'white-space' => 'nowrap')), icon('cpu', setClass('mr-1'), set::size(20), setStyle('color', 'gray')), $lang->system->cpuUsage ) ), div ( setClass('flex col justify-around p-5'), div(setClass('text-4xl font-medium cpu-rate'), '0.00', span('%', setClass('text-xl ml-1'))), ) ), div ( setClass(' flex row memory-circle'), div ( set::id('memory-circle'), zui::ProgressCircle ( set::percent(0), set::size(160), set::circleColor('gray'), set::circleWidth(8), set::text('') ), setClass('relative'), span ( setClass('absolute text-lg'), setStyle(array('transform' => 'translate(-50%, -50%)', 'top' => '50%', 'left' => '50%', 'white-space' => 'nowrap')), icon('memory', setClass('mr-1'), set::size(20), setStyle('color', 'gray')), $lang->system->memUsage ) ), div ( setClass('flex col justify-around p-5'), div(setClass('text-4xl font-medium memory-rate'), '0.00', span('%', setClass('text-xl ml-1'))), ) ) ) ) ); /* 运行中服务 */ $instances = initTableData($instances, $config->system->dtable->instanceList->fieldList, $this->system); div ( setClass('bg-white p-5 mt-5'), div(setClass('text-xl font-semibold mb-5'), $lang->instance->runningService), dtable ( set::cols($config->system->dtable->instanceList->fieldList), set::data($instances), set::loadPartial(true), set::onRenderCell(jsRaw('window.renderInstanceList')), set::footPager(usePager()) ) );