6439de319a91f4196e941cf328d83d07.php 46 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989
  1. <?php if (!defined('THINK_PATH')) exit(); /*a:4:{s:83:"D:\phpstudy_pro\WWW\minongyun\public/../application/admin\view\dashboard\index.html";i:1709714141;s:72:"D:\phpstudy_pro\WWW\minongyun\application\admin\view\layout\default.html";i:1709714141;s:69:"D:\phpstudy_pro\WWW\minongyun\application\admin\view\common\meta.html";i:1709714141;s:71:"D:\phpstudy_pro\WWW\minongyun\application\admin\view\common\script.html";i:1711415624;}*/ ?>
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <title><?php echo (isset($title) && ($title !== '')?$title:''); ?></title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  8. <meta name="renderer" content="webkit">
  9. <meta name="referrer" content="never">
  10. <meta name="robots" content="noindex, nofollow">
  11. <link rel="shortcut icon" href="/assets/img/favicon.ico" />
  12. <!-- Loading Bootstrap -->
  13. <link href="/assets/css/backend<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.css?v=<?php echo \think\Config::get('site.version'); ?>" rel="stylesheet">
  14. <?php if(\think\Config::get('fastadmin.adminskin')): ?>
  15. <link href="/assets/css/skins/<?php echo \think\Config::get('fastadmin.adminskin'); ?>.css?v=<?php echo \think\Config::get('site.version'); ?>" rel="stylesheet">
  16. <?php endif; ?>
  17. <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
  18. <!--[if lt IE 9]>
  19. <script src="/assets/js/html5shiv.js"></script>
  20. <script src="/assets/js/respond.min.js"></script>
  21. <![endif]-->
  22. <script type="text/javascript">
  23. var require = {
  24. config: <?php echo json_encode($config); ?>
  25. };
  26. </script>
  27. </head>
  28. <body class="inside-header inside-aside <?php echo defined('IS_DIALOG') && IS_DIALOG ? 'is-dialog' : ''; ?>">
  29. <div id="main" role="main">
  30. <div class="tab-content tab-addtabs">
  31. <div id="content">
  32. <div class="row">
  33. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
  34. <section class="content-header hide">
  35. <h1>
  36. <?php echo __('Dashboard'); ?>
  37. <small><?php echo __('Control panel'); ?></small>
  38. </h1>
  39. </section>
  40. <?php if(!IS_DIALOG && !\think\Config::get('fastadmin.multiplenav') && \think\Config::get('fastadmin.breadcrumb')): ?>
  41. <!-- RIBBON -->
  42. <div id="ribbon">
  43. <ol class="breadcrumb pull-left">
  44. <?php if($auth->check('dashboard')): ?>
  45. <li><a href="dashboard" class="addtabsit"><i class="fa fa-dashboard"></i> <?php echo __('Dashboard'); ?></a></li>
  46. <?php endif; ?>
  47. </ol>
  48. <ol class="breadcrumb pull-right">
  49. <?php foreach($breadcrumb as $vo): ?>
  50. <li><a href="javascript:;" data-url="<?php echo $vo['url']; ?>"><?php echo $vo['title']; ?></a></li>
  51. <?php endforeach; ?>
  52. </ol>
  53. </div>
  54. <!-- END RIBBON -->
  55. <?php endif; ?>
  56. <div class="content">
  57. <style type="text/css">
  58. .sm-st {
  59. background: #fff;
  60. padding: 20px;
  61. -webkit-border-radius: 3px;
  62. -moz-border-radius: 3px;
  63. border-radius: 3px;
  64. margin-bottom: 20px;
  65. }
  66. .sm-st-icon {
  67. width: 60px;
  68. height: 60px;
  69. display: inline-block;
  70. line-height: 60px;
  71. text-align: center;
  72. font-size: 30px;
  73. background: #eee;
  74. -webkit-border-radius: 5px;
  75. -moz-border-radius: 5px;
  76. border-radius: 5px;
  77. float: left;
  78. margin-right: 10px;
  79. color: #fff;
  80. }
  81. .sm-st-info {
  82. padding-top: 2px;
  83. }
  84. .sm-st-info span {
  85. display: block;
  86. font-size: 24px;
  87. font-weight: 600;
  88. }
  89. .orange {
  90. background: #fa8564 !important;
  91. }
  92. .tar {
  93. background: #45cf95 !important;
  94. }
  95. .sm-st .green {
  96. background: #86ba41 !important;
  97. }
  98. .pink {
  99. background: #AC75F0 !important;
  100. }
  101. .yellow-b {
  102. background: #fdd752 !important;
  103. }
  104. .stat-elem {
  105. background-color: #fff;
  106. padding: 18px;
  107. border-radius: 40px;
  108. }
  109. .stat-info {
  110. text-align: center;
  111. background-color: #fff;
  112. border-radius: 5px;
  113. margin-top: -5px;
  114. padding: 8px;
  115. -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
  116. box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
  117. font-style: italic;
  118. }
  119. .stat-icon {
  120. text-align: center;
  121. margin-bottom: 5px;
  122. }
  123. .st-red {
  124. background-color: #F05050;
  125. }
  126. .st-green {
  127. background-color: #27C24C;
  128. }
  129. .st-violet {
  130. background-color: #7266ba;
  131. }
  132. .st-blue {
  133. background-color: #23b7e5;
  134. }
  135. .stats .stat-icon {
  136. color: #28bb9c;
  137. display: inline-block;
  138. font-size: 26px;
  139. text-align: center;
  140. vertical-align: middle;
  141. width: 50px;
  142. float: left;
  143. }
  144. .stat {
  145. white-space: nowrap;
  146. overflow: hidden;
  147. text-overflow: ellipsis;
  148. display: inline-block;
  149. }
  150. .stat .value {
  151. font-size: 20px;
  152. line-height: 24px;
  153. overflow: hidden;
  154. text-overflow: ellipsis;
  155. font-weight: 500;
  156. }
  157. .stat .name {
  158. overflow: hidden;
  159. text-overflow: ellipsis;
  160. margin: 5px 0;
  161. }
  162. .stat.lg .value {
  163. font-size: 26px;
  164. line-height: 28px;
  165. }
  166. .stat-col {
  167. margin:0 0 10px 0;
  168. }
  169. .stat.lg .name {
  170. font-size: 16px;
  171. }
  172. .stat-col .progress {
  173. height: 2px;
  174. }
  175. .stat-col .progress-bar {
  176. line-height: 2px;
  177. height: 2px;
  178. }
  179. .item {
  180. padding: 30px 0;
  181. }
  182. #statistics .panel {
  183. min-height: 150px;
  184. }
  185. #statistics .panel h5 {
  186. font-size: 14px;
  187. }
  188. </style>
  189. <div class="panel panel-default panel-intro">
  190. <div class="panel-heading">
  191. <?php echo build_heading(null, false); ?>
  192. <ul class="nav nav-tabs">
  193. <li class="active"><a href="#one" data-toggle="tab"><?php echo __('Dashboard'); ?></a></li>
  194. <!--<li><a href="#two" data-toggle="tab"><?php echo __('Custom'); ?></a></li>-->
  195. </ul>
  196. </div>
  197. <div class="panel-body">
  198. <div id="myTabContent" class="tab-content">
  199. <div class="tab-pane fade active in" id="one">
  200. <div class="row">
  201. <div class="col-sm-3 col-xs-6">
  202. <div class="sm-st clearfix">
  203. <span class="sm-st-icon st-red"><i class="fa fa-users"></i></span>
  204. <div class="sm-st-info">
  205. <span><?php echo $order; ?></span>
  206. <?php echo __('Total user'); ?>
  207. </div>
  208. </div>
  209. </div>
  210. <div class="col-sm-3 col-xs-6">
  211. <div class="sm-st clearfix">
  212. <span class="sm-st-icon st-violet"><i class="fa fa-magic"></i></span>
  213. <div class="sm-st-info">
  214. <span><?php echo $formula; ?></span>
  215. <?php echo __('Total addon'); ?>
  216. </div>
  217. </div>
  218. </div>
  219. <div class="col-sm-3 col-xs-6">
  220. <div class="sm-st clearfix">
  221. <span class="sm-st-icon st-blue"><i class="fa fa-leaf"></i></span>
  222. <div class="sm-st-info">
  223. <span><?php echo $stock; ?></span>
  224. <?php echo __('Total attachment'); ?>
  225. </div>
  226. </div>
  227. </div>
  228. <div class="col-sm-3 col-xs-6">
  229. <div class="sm-st clearfix">
  230. <span class="sm-st-icon st-green"><i class="fa fa-user"></i></span>
  231. <div class="sm-st-info">
  232. <span><?php echo $admin; ?></span>
  233. <?php echo __('Total admin'); ?>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. <div class="row">
  239. <div class="col-lg-8">
  240. <div id="echart" class="btn-refresh" style="height:350px;width:100%;">
  241. </div>
  242. </div>
  243. <div class="col-lg-4">
  244. <div class="card sameheight-item stats">
  245. <div class="card-block">
  246. <div class="row row-sm stats-container">
  247. <div class="col-xs-6 stat-col">
  248. <div class="stat-icon"><i class="fa fa-rocket"></i></div>
  249. <div class="stat">
  250. <div class="value"> <?php echo $orderdate; ?></div>
  251. <div class="name"> <?php echo __('Today user signup'); ?></div>
  252. </div>
  253. <div class="progress">
  254. <div class="progress-bar progress-bar-success" style="width: 20%"></div>
  255. </div>
  256. </div>
  257. <div class="col-xs-6 stat-col">
  258. <div class="stat-icon"><i class="fa fa-vcard"></i></div>
  259. <div class="stat">
  260. <div class="value"> <?php echo $formuladate; ?></div>
  261. <div class="name"> <?php echo __('Today user login'); ?></div>
  262. </div>
  263. <div class="progress">
  264. <div class="progress-bar progress-bar-success" style="width: 20%"></div>
  265. </div>
  266. </div>
  267. <div class="col-xs-6 stat-col">
  268. <div class="stat-icon"><i class="fa fa-calendar"></i></div>
  269. <div class="stat">
  270. <div class="value"> <?php echo $stockdate; ?></div>
  271. <div class="name"> <?php echo __('Three dnu'); ?></div>
  272. </div>
  273. <div class="progress">
  274. <div class="progress-bar progress-bar-success" style="width: 20%"></div>
  275. </div>
  276. </div>
  277. <!--<div class="col-xs-6 stat-col">-->
  278. <!--<div class="stat-icon"><i class="fa fa-calendar-plus-o"></i></div>-->
  279. <!--<div class="stat">-->
  280. <!--<div class="value"> <?php echo $sevendnu; ?></div>-->
  281. <!--<div class="name"> <?php echo __('Seven dnu'); ?></div>-->
  282. <!--</div>-->
  283. <!--<div class="progress">-->
  284. <!--<div class="progress-bar progress-bar-success" style="width: 20%"></div>-->
  285. <!--</div>-->
  286. <!--</div>-->
  287. <!--<div class="col-xs-6 stat-col">-->
  288. <!--<div class="stat-icon"><i class="fa fa-user-circle"></i></div>-->
  289. <!--<div class="stat">-->
  290. <!--<div class="value"> <?php echo $sevendau; ?></div>-->
  291. <!--<div class="name"> <?php echo __('Seven dau'); ?></div>-->
  292. <!--</div>-->
  293. <!--<div class="progress">-->
  294. <!--<div class="progress-bar progress-bar-success" style="width: 20%"></div>-->
  295. <!--</div>-->
  296. <!--</div>-->
  297. <!--<div class="col-xs-6 stat-col">-->
  298. <!--<div class="stat-icon"><i class="fa fa-user-circle-o"></i></div>-->
  299. <!--<div class="stat">-->
  300. <!--<div class="value"> <?php echo $thirtydau; ?></div>-->
  301. <!--<div class="name"> <?php echo __('Thirty dau'); ?></div>-->
  302. <!--</div>-->
  303. <!--<div class="progress">-->
  304. <!--<div class="progress-bar progress-bar-success" style="width: 20%"></div>-->
  305. <!--</div>-->
  306. <!--</div>-->
  307. </div>
  308. </div>
  309. </div>
  310. </div>
  311. </div>
  312. <!--<div class="row" style="margin-top:15px;" id="statistics">-->
  313. <!--<div class="col-lg-12">-->
  314. <!--</div>-->
  315. <!--<div class="col-xs-6 col-md-3">-->
  316. <!--<div class="panel bg-blue-gradient no-border">-->
  317. <!--<div class="panel-body">-->
  318. <!--<div class="panel-title">-->
  319. <!--<span class="label label-primary pull-right"><?php echo __('Real time'); ?></span>-->
  320. <!--<h5><?php echo __('Working addon count'); ?></h5>-->
  321. <!--</div>-->
  322. <!--<div class="panel-content">-->
  323. <!--<div class="row">-->
  324. <!--<div class="col-md-12">-->
  325. <!--<h1 class="no-margins"><?php echo $totalworkingaddon; ?></h1>-->
  326. <!--<div class="font-bold"><i class="fa fa-magic"></i>-->
  327. <!--<small><?php echo __('Working addon count tips'); ?></small>-->
  328. <!--</div>-->
  329. <!--</div>-->
  330. <!--</div>-->
  331. <!--</div>-->
  332. <!--</div>-->
  333. <!--</div>-->
  334. <!--</div>-->
  335. <!--<div class="col-xs-6 col-md-3">-->
  336. <!--<div class="panel bg-teal-gradient no-border">-->
  337. <!--<div class="panel-body">-->
  338. <!--<div class="ibox-title">-->
  339. <!--<span class="label label-primary pull-right"><?php echo __('Real time'); ?></span>-->
  340. <!--<h5><?php echo __('Database count'); ?></h5>-->
  341. <!--</div>-->
  342. <!--<div class="ibox-content">-->
  343. <!--<div class="row">-->
  344. <!--<div class="col-md-6">-->
  345. <!--<h1 class="no-margins"><?php echo $dbtablenums; ?></h1>-->
  346. <!--<div class="font-bold"><i class="fa fa-database"></i>-->
  347. <!--<small><?php echo __('Database table nums'); ?></small>-->
  348. <!--</div>-->
  349. <!--</div>-->
  350. <!--<div class="col-md-6">-->
  351. <!--<h1 class="no-margins"><?php echo format_bytes($dbsize,'',0); ?></h1>-->
  352. <!--<div class="font-bold"><i class="fa fa-filter"></i>-->
  353. <!--<small><?php echo __('Database size'); ?></small>-->
  354. <!--</div>-->
  355. <!--</div>-->
  356. <!--</div>-->
  357. <!--</div>-->
  358. <!--</div>-->
  359. <!--</div>-->
  360. <!--</div>-->
  361. <!--<div class="col-xs-6 col-md-3">-->
  362. <!--<div class="panel bg-purple-gradient no-border">-->
  363. <!--<div class="panel-body">-->
  364. <!--<div class="ibox-title">-->
  365. <!--<span class="label label-primary pull-right"><?php echo __('Real time'); ?></span>-->
  366. <!--<h5><?php echo __('Attachment count'); ?></h5>-->
  367. <!--</div>-->
  368. <!--<div class="ibox-content">-->
  369. <!--<div class="row">-->
  370. <!--<div class="col-md-6">-->
  371. <!--<h1 class="no-margins"><?php echo $attachmentnums; ?></h1>-->
  372. <!--<div class="font-bold"><i class="fa fa-files-o"></i>-->
  373. <!--<small><?php echo __('Attachment nums'); ?></small>-->
  374. <!--</div>-->
  375. <!--</div>-->
  376. <!--<div class="col-md-6">-->
  377. <!--<h1 class="no-margins"><?php echo format_bytes($attachmentsize,'',0); ?></h1>-->
  378. <!--<div class="font-bold"><i class="fa fa-filter"></i>-->
  379. <!--<small><?php echo __('Attachment size'); ?></small>-->
  380. <!--</div>-->
  381. <!--</div>-->
  382. <!--</div>-->
  383. <!--</div>-->
  384. <!--</div>-->
  385. <!--</div>-->
  386. <!--</div>-->
  387. <!--<div class="col-xs-6 col-md-3">-->
  388. <!--<div class="panel bg-green-gradient no-border">-->
  389. <!--<div class="panel-body">-->
  390. <!--<div class="ibox-title">-->
  391. <!--<span class="label label-primary pull-right"><?php echo __('Real time'); ?></span>-->
  392. <!--<h5><?php echo __('Picture count'); ?></h5>-->
  393. <!--</div>-->
  394. <!--<div class="ibox-content">-->
  395. <!--<div class="row">-->
  396. <!--<div class="col-md-6">-->
  397. <!--<h1 class="no-margins"><?php echo $picturenums; ?></h1>-->
  398. <!--<div class="font-bold"><i class="fa fa-picture-o"></i>-->
  399. <!--<small><?php echo __('Picture nums'); ?></small>-->
  400. <!--</div>-->
  401. <!--</div>-->
  402. <!--<div class="col-md-6">-->
  403. <!--<h1 class="no-margins"><?php echo format_bytes($picturesize,'',0); ?></h1>-->
  404. <!--<div class="font-bold"><i class="fa fa-filter"></i>-->
  405. <!--<small><?php echo __('Picture size'); ?></small>-->
  406. <!--</div>-->
  407. <!--</div>-->
  408. <!--</div>-->
  409. <!--</div>-->
  410. <!--</div>-->
  411. <!--</div>-->
  412. <!--</div>-->
  413. <!--</div>-->
  414. <!--</div>-->
  415. <div class="tab-pane fade" id="two">
  416. <div class="row">
  417. <div class="col-xs-12">
  418. <?php echo __('Custom zone'); ?>
  419. </div>
  420. </div>
  421. </div>
  422. </div>
  423. </div>
  424. </div>
  425. <!--fastadmin原始控制台源码-->
  426. <!--<style type="text/css">-->
  427. <!--.sm-st {-->
  428. <!--background: #fff;-->
  429. <!--padding: 20px;-->
  430. <!-- -webkit-border-radius: 3px;-->
  431. <!-- -moz-border-radius: 3px;-->
  432. <!--border-radius: 3px;-->
  433. <!--margin-bottom: 20px;-->
  434. <!--}-->
  435. <!--.sm-st-icon {-->
  436. <!--width: 60px;-->
  437. <!--height: 60px;-->
  438. <!--display: inline-block;-->
  439. <!--line-height: 60px;-->
  440. <!--text-align: center;-->
  441. <!--font-size: 30px;-->
  442. <!--background: #eee;-->
  443. <!-- -webkit-border-radius: 5px;-->
  444. <!-- -moz-border-radius: 5px;-->
  445. <!--border-radius: 5px;-->
  446. <!--float: left;-->
  447. <!--margin-right: 10px;-->
  448. <!--color: #fff;-->
  449. <!--}-->
  450. <!--.sm-st-info {-->
  451. <!--padding-top: 2px;-->
  452. <!--}-->
  453. <!--.sm-st-info span {-->
  454. <!--display: block;-->
  455. <!--font-size: 24px;-->
  456. <!--font-weight: 600;-->
  457. <!--}-->
  458. <!--.orange {-->
  459. <!--background: #fa8564 !important;-->
  460. <!--}-->
  461. <!--.tar {-->
  462. <!--background: #45cf95 !important;-->
  463. <!--}-->
  464. <!--.sm-st .green {-->
  465. <!--background: #86ba41 !important;-->
  466. <!--}-->
  467. <!--.pink {-->
  468. <!--background: #AC75F0 !important;-->
  469. <!--}-->
  470. <!--.yellow-b {-->
  471. <!--background: #fdd752 !important;-->
  472. <!--}-->
  473. <!--.stat-elem {-->
  474. <!--background-color: #fff;-->
  475. <!--padding: 18px;-->
  476. <!--border-radius: 40px;-->
  477. <!--}-->
  478. <!--.stat-info {-->
  479. <!--text-align: center;-->
  480. <!--background-color: #fff;-->
  481. <!--border-radius: 5px;-->
  482. <!--margin-top: -5px;-->
  483. <!--padding: 8px;-->
  484. <!-- -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);-->
  485. <!--box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);-->
  486. <!--font-style: italic;-->
  487. <!--}-->
  488. <!--.stat-icon {-->
  489. <!--text-align: center;-->
  490. <!--margin-bottom: 5px;-->
  491. <!--}-->
  492. <!--.st-red {-->
  493. <!--background-color: #F05050;-->
  494. <!--}-->
  495. <!--.st-green {-->
  496. <!--background-color: #27C24C;-->
  497. <!--}-->
  498. <!--.st-violet {-->
  499. <!--background-color: #7266ba;-->
  500. <!--}-->
  501. <!--.st-blue {-->
  502. <!--background-color: #23b7e5;-->
  503. <!--}-->
  504. <!--.stats .stat-icon {-->
  505. <!--color: #28bb9c;-->
  506. <!--display: inline-block;-->
  507. <!--font-size: 26px;-->
  508. <!--text-align: center;-->
  509. <!--vertical-align: middle;-->
  510. <!--width: 50px;-->
  511. <!--float: left;-->
  512. <!--}-->
  513. <!--.stat {-->
  514. <!--white-space: nowrap;-->
  515. <!--overflow: hidden;-->
  516. <!--text-overflow: ellipsis;-->
  517. <!--display: inline-block;-->
  518. <!--}-->
  519. <!--.stat .value {-->
  520. <!--font-size: 20px;-->
  521. <!--line-height: 24px;-->
  522. <!--overflow: hidden;-->
  523. <!--text-overflow: ellipsis;-->
  524. <!--font-weight: 500;-->
  525. <!--}-->
  526. <!--.stat .name {-->
  527. <!--overflow: hidden;-->
  528. <!--text-overflow: ellipsis;-->
  529. <!--margin: 5px 0;-->
  530. <!--}-->
  531. <!--.stat.lg .value {-->
  532. <!--font-size: 26px;-->
  533. <!--line-height: 28px;-->
  534. <!--}-->
  535. <!--.stat-col {-->
  536. <!--margin:0 0 10px 0;-->
  537. <!--}-->
  538. <!--.stat.lg .name {-->
  539. <!--font-size: 16px;-->
  540. <!--}-->
  541. <!--.stat-col .progress {-->
  542. <!--height: 2px;-->
  543. <!--}-->
  544. <!--.stat-col .progress-bar {-->
  545. <!--line-height: 2px;-->
  546. <!--height: 2px;-->
  547. <!--}-->
  548. <!--.item {-->
  549. <!--padding: 30px 0;-->
  550. <!--}-->
  551. <!--#statistics .panel {-->
  552. <!--min-height: 150px;-->
  553. <!--}-->
  554. <!--#statistics .panel h5 {-->
  555. <!--font-size: 14px;-->
  556. <!--}-->
  557. <!--</style>-->
  558. <!--<div class="panel panel-default panel-intro">-->
  559. <!--<div class="panel-heading">-->
  560. <!--<?php echo build_heading(null, false); ?>-->
  561. <!--<ul class="nav nav-tabs">-->
  562. <!--<li class="active"><a href="#one" data-toggle="tab"><?php echo __('Dashboard'); ?></a></li>-->
  563. <!--&lt;!&ndash;<li><a href="#two" data-toggle="tab"><?php echo __('Custom'); ?></a></li>&ndash;&gt;-->
  564. <!--</ul>-->
  565. <!--</div>-->
  566. <!--<div class="panel-body">-->
  567. <!--<div id="myTabContent" class="tab-content">-->
  568. <!--<div class="tab-pane fade active in" id="one">-->
  569. <!--<div class="row">-->
  570. <!--<div class="col-sm-3 col-xs-6">-->
  571. <!--<div class="sm-st clearfix">-->
  572. <!--<span class="sm-st-icon st-red"><i class="fa fa-users"></i></span>-->
  573. <!--<div class="sm-st-info">-->
  574. <!--<span><?php echo $totaluser; ?></span>-->
  575. <!--<?php echo __('Total user'); ?>-->
  576. <!--</div>-->
  577. <!--</div>-->
  578. <!--</div>-->
  579. <!--<div class="col-sm-3 col-xs-6">-->
  580. <!--<div class="sm-st clearfix">-->
  581. <!--<span class="sm-st-icon st-violet"><i class="fa fa-magic"></i></span>-->
  582. <!--<div class="sm-st-info">-->
  583. <!--<span><?php echo $totaladdon; ?></span>-->
  584. <!--<?php echo __('Total addon'); ?>-->
  585. <!--</div>-->
  586. <!--</div>-->
  587. <!--</div>-->
  588. <!--<div class="col-sm-3 col-xs-6">-->
  589. <!--<div class="sm-st clearfix">-->
  590. <!--<span class="sm-st-icon st-blue"><i class="fa fa-leaf"></i></span>-->
  591. <!--<div class="sm-st-info">-->
  592. <!--<span><?php echo $attachmentnums; ?></span>-->
  593. <!--<?php echo __('Total attachment'); ?>-->
  594. <!--</div>-->
  595. <!--</div>-->
  596. <!--</div>-->
  597. <!--<div class="col-sm-3 col-xs-6">-->
  598. <!--<div class="sm-st clearfix">-->
  599. <!--<span class="sm-st-icon st-green"><i class="fa fa-user"></i></span>-->
  600. <!--<span><?php echo $totaladmin; ?></span>-->
  601. <!--<?php echo __('Total admin'); ?>-->
  602. <!--</div>-->
  603. <!--</div>-->
  604. <!--</div>-->
  605. <!--</div>-->
  606. <!--<div class="row">-->
  607. <!--<div class="col-lg-8">-->
  608. <!--<div id="echart" class="btn-refresh" style="height:300px;width:100%;"></div>-->
  609. <!--</div>-->
  610. <!--<div class="col-lg-4">-->
  611. <!--<div class="card sameheight-item stats">-->
  612. <!--<div class="card-block">-->
  613. <!--<div class="row row-sm stats-container">-->
  614. <!--<div class="col-xs-6 stat-col">-->
  615. <!--<div class="stat-icon"><i class="fa fa-rocket"></i></div>-->
  616. <!--<div class="stat">-->
  617. <!--<div class="value"> <?php echo $todayusersignup; ?></div>-->
  618. <!--<div class="name"> <?php echo __('Today user signup'); ?></div>-->
  619. <!--</div>-->
  620. <!--<div class="progress">-->
  621. <!--<div class="progress-bar progress-bar-success" style="width: 20%"></div>-->
  622. <!--</div>-->
  623. <!--</div>-->
  624. <!--<div class="col-xs-6 stat-col">-->
  625. <!--<div class="stat-icon"><i class="fa fa-vcard"></i></div>-->
  626. <!--<div class="stat">-->
  627. <!--<div class="value"> <?php echo $todayuserlogin; ?></div>-->
  628. <!--<div class="name"> <?php echo __('Today user login'); ?></div>-->
  629. <!--</div>-->
  630. <!--<div class="progress">-->
  631. <!--<div class="progress-bar progress-bar-success" style="width: 20%"></div>-->
  632. <!--</div>-->
  633. <!--</div>-->
  634. <!--<div class="col-xs-6 stat-col">-->
  635. <!--<div class="stat-icon"><i class="fa fa-calendar"></i></div>-->
  636. <!--<div class="stat">-->
  637. <!--<div class="value"> <?php echo $threednu; ?></div>-->
  638. <!--<div class="name"> <?php echo __('Three dnu'); ?></div>-->
  639. <!--</div>-->
  640. <!--<div class="progress">-->
  641. <!--<div class="progress-bar progress-bar-success" style="width: 20%"></div>-->
  642. <!--</div>-->
  643. <!--</div>-->
  644. <!--<div class="col-xs-6 stat-col">-->
  645. <!--<div class="stat-icon"><i class="fa fa-calendar-plus-o"></i></div>-->
  646. <!--<div class="stat">-->
  647. <!--<div class="value"> <?php echo $sevendnu; ?></div>-->
  648. <!--<div class="name"> <?php echo __('Seven dnu'); ?></div>-->
  649. <!--</div>-->
  650. <!--<div class="progress">-->
  651. <!--<div class="progress-bar progress-bar-success" style="width: 20%"></div>-->
  652. <!--</div>-->
  653. <!--</div>-->
  654. <!--<div class="col-xs-6 stat-col">-->
  655. <!--<div class="stat-icon"><i class="fa fa-user-circle"></i></div>-->
  656. <!--<div class="stat">-->
  657. <!--<div class="value"> <?php echo $sevendau; ?></div>-->
  658. <!--<div class="name"> <?php echo __('Seven dau'); ?></div>-->
  659. <!--</div>-->
  660. <!--<div class="progress">-->
  661. <!--<div class="progress-bar progress-bar-success" style="width: 20%"></div>-->
  662. <!--</div>-->
  663. <!--</div>-->
  664. <!--<div class="col-xs-6 stat-col">-->
  665. <!--<div class="stat-icon"><i class="fa fa-user-circle-o"></i></div>-->
  666. <!--<div class="stat">-->
  667. <!--<div class="value"> <?php echo $thirtydau; ?></div>-->
  668. <!--<div class="name"> <?php echo __('Thirty dau'); ?></div>-->
  669. <!--</div>-->
  670. <!--<div class="progress">-->
  671. <!--<div class="progress-bar progress-bar-success" style="width: 20%"></div>-->
  672. <!--</div>-->
  673. <!--</div>-->
  674. <!--</div>-->
  675. <!--</div>-->
  676. <!--</div>-->
  677. <!--</div>-->
  678. <!--</div>-->
  679. <!--<div class="row" style="margin-top:15px;" id="statistics">-->
  680. <!--<div class="col-lg-12">-->
  681. <!--</div>-->
  682. <!--<div class="col-xs-6 col-md-3">-->
  683. <!--<div class="panel bg-blue-gradient no-border">-->
  684. <!--<div class="panel-body">-->
  685. <!--<div class="panel-title">-->
  686. <!--<span class="label label-primary pull-right"><?php echo __('Real time'); ?></span>-->
  687. <!--<h5><?php echo __('Working addon count'); ?></h5>-->
  688. <!--</div>-->
  689. <!--<div class="panel-content">-->
  690. <!--<div class="row">-->
  691. <!--<div class="col-md-12">-->
  692. <!--<h1 class="no-margins"><?php echo $totalworkingaddon; ?></h1>-->
  693. <!--<div class="font-bold"><i class="fa fa-magic"></i>-->
  694. <!--<small><?php echo __('Working addon count tips'); ?></small>-->
  695. <!--</div>-->
  696. <!--</div>-->
  697. <!--</div>-->
  698. <!--</div>-->
  699. <!--</div>-->
  700. <!--</div>-->
  701. <!--</div>-->
  702. <!--<div class="col-xs-6 col-md-3">-->
  703. <!--<div class="panel bg-teal-gradient no-border">-->
  704. <!--<div class="panel-body">-->
  705. <!--<div class="ibox-title">-->
  706. <!--<span class="label label-primary pull-right"><?php echo __('Real time'); ?></span>-->
  707. <!--<h5><?php echo __('Database count'); ?></h5>-->
  708. <!--</div>-->
  709. <!--<div class="ibox-content">-->
  710. <!--<div class="row">-->
  711. <!--<div class="col-md-6">-->
  712. <!--<h1 class="no-margins"><?php echo $dbtablenums; ?></h1>-->
  713. <!--<div class="font-bold"><i class="fa fa-database"></i>-->
  714. <!--<small><?php echo __('Database table nums'); ?></small>-->
  715. <!--</div>-->
  716. <!--</div>-->
  717. <!--<div class="col-md-6">-->
  718. <!--<h1 class="no-margins"><?php echo format_bytes($dbsize,'',0); ?></h1>-->
  719. <!--<div class="font-bold"><i class="fa fa-filter"></i>-->
  720. <!--<small><?php echo __('Database size'); ?></small>-->
  721. <!--</div>-->
  722. <!--</div>-->
  723. <!--</div>-->
  724. <!--</div>-->
  725. <!--</div>-->
  726. <!--</div>-->
  727. <!--</div>-->
  728. <!--<div class="col-xs-6 col-md-3">-->
  729. <!--<div class="panel bg-purple-gradient no-border">-->
  730. <!--<div class="panel-body">-->
  731. <!--<div class="ibox-title">-->
  732. <!--<span class="label label-primary pull-right"><?php echo __('Real time'); ?></span>-->
  733. <!--<h5><?php echo __('Attachment count'); ?></h5>-->
  734. <!--</div>-->
  735. <!--<div class="ibox-content">-->
  736. <!--<div class="row">-->
  737. <!--<div class="col-md-6">-->
  738. <!--<h1 class="no-margins"><?php echo $attachmentnums; ?></h1>-->
  739. <!--<div class="font-bold"><i class="fa fa-files-o"></i>-->
  740. <!--<small><?php echo __('Attachment nums'); ?></small>-->
  741. <!--</div>-->
  742. <!--</div>-->
  743. <!--<div class="col-md-6">-->
  744. <!--<h1 class="no-margins"><?php echo format_bytes($attachmentsize,'',0); ?></h1>-->
  745. <!--<div class="font-bold"><i class="fa fa-filter"></i>-->
  746. <!--<small><?php echo __('Attachment size'); ?></small>-->
  747. <!--</div>-->
  748. <!--</div>-->
  749. <!--</div>-->
  750. <!--</div>-->
  751. <!--</div>-->
  752. <!--</div>-->
  753. <!--</div>-->
  754. <!--<div class="col-xs-6 col-md-3">-->
  755. <!--<div class="panel bg-green-gradient no-border">-->
  756. <!--<div class="panel-body">-->
  757. <!--<div class="ibox-title">-->
  758. <!--<span class="label label-primary pull-right"><?php echo __('Real time'); ?></span>-->
  759. <!--<h5><?php echo __('Picture count'); ?></h5>-->
  760. <!--</div>-->
  761. <!--<div class="ibox-content">-->
  762. <!--<div class="row">-->
  763. <!--<div class="col-md-6">-->
  764. <!--<h1 class="no-margins"><?php echo $picturenums; ?></h1>-->
  765. <!--<div class="font-bold"><i class="fa fa-picture-o"></i>-->
  766. <!--<small><?php echo __('Picture nums'); ?></small>-->
  767. <!--</div>-->
  768. <!--</div>-->
  769. <!--<div class="col-md-6">-->
  770. <!--<h1 class="no-margins"><?php echo format_bytes($picturesize,'',0); ?></h1>-->
  771. <!--<div class="font-bold"><i class="fa fa-filter"></i>-->
  772. <!--<small><?php echo __('Picture size'); ?></small>-->
  773. <!--</div>-->
  774. <!--</div>-->
  775. <!--</div>-->
  776. <!--</div>-->
  777. <!--</div>-->
  778. <!--</div>-->
  779. <!--</div>-->
  780. <!--</div>-->
  781. <!--</div>-->
  782. <!--<div class="tab-pane fade" id="two">-->
  783. <!--<div class="row">-->
  784. <!--<div class="col-xs-12">-->
  785. <!--<?php echo __('Custom zone'); ?>-->
  786. <!--</div>-->
  787. <!--</div>-->
  788. <!--</div>-->
  789. <!--</div>-->
  790. <!--</div>-->
  791. <!--</div>-->
  792. </div>
  793. </div>
  794. </div>
  795. </div>
  796. </div>
  797. </div>
  798. <script src="/assets/js/require<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.js" data-main="/assets/js/require-backend<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.js?v=<?php echo htmlentities($site['version']); ?>"></script>
  799. <input type="hidden" value="<?php echo \think\Session::get('admin.username'); ?>" name="" id="username">
  800. <input type="hidden" value="<?php echo \think\Session::get('admin.company'); ?>" name="" id="company">
  801. <script>
  802. function watermark(element, config) {
  803. // 获取元素的坐标
  804. function getOffset(el) {
  805. if (el.offsetParent) {
  806. return {
  807. x: el.offsetLeft + getOffset(el.offsetParent).x,
  808. y: el.offsetTop + getOffset(el.offsetParent).y,
  809. };
  810. }
  811. return {
  812. x: el.offsetLeft,
  813. y: el.offsetTop,
  814. };
  815. }
  816. if (!element) return;
  817. // 默认配置
  818. const _config = {
  819. text1: '张三', //文本1
  820. text2: '13868686868', // 文本2
  821. start_x: 0, // x轴起始位置
  822. start_y: 0, // y轴起始位置
  823. space_x: 100, // x轴间距
  824. space_y: 50, // y轴间距
  825. width: 210, // 宽度
  826. height: 80, // 长度
  827. fontSize: 14, // 字体
  828. color: '#aaa', // 字色
  829. alpha: 0.4, // 透明度
  830. rotate: 15, // 倾斜度
  831. };
  832. // 替换默认配置
  833. if (arguments.length === 2 && typeof arguments[1] === "object") {
  834. const src = arguments[1] || {};
  835. for (let key in src) {
  836. if (src[key] && _config[key] && src[key] === _config[key]) {
  837. continue;
  838. } else if (src[key]) {
  839. _config[key] = src[key];
  840. }
  841. }
  842. }
  843. // 节点的总宽度
  844. const total_width = element.scrollWidth;
  845. // 节点的总高度
  846. const total_height = element.scrollHeight;
  847. // 创建文本碎片,用于包含所有的插入节点
  848. const mark = document.createDocumentFragment();
  849. // 水印节点的起始坐标
  850. const position = getOffset(element);
  851. let x = position.x + _config.start_x, y = position.y + _config.start_y;
  852. // 先循环y轴插入水印
  853. do {
  854. // 再循环x轴插入水印
  855. do {
  856. // 创建单个水印节点
  857. const item = document.createElement('div');
  858. item.className = 'watermark-item';
  859. // 设置节点的样式
  860. item.style.position = "absolute";
  861. item.style.zIndex = 99999;
  862. item.style.left = `${x}px`;
  863. item.style.top = `${y}px`;
  864. item.style.width = `${_config.width}px`;
  865. item.style.height = `${_config.height}px`;
  866. item.style.fontSize = `${_config.fontSize}px`;
  867. item.style.color = _config.color;
  868. item.style.textAlign = 'center';
  869. item.style.opacity = _config.alpha;
  870. item.style.filter = `alpha(opacity=${_config.alpha * 100})`;
  871. // item.style.filter = `opacity(${_config.alpha * 100}%)`;
  872. item.style.webkitTransform = `rotate(-${_config.rotate}deg)`;
  873. item.style.MozTransform = `rotate(-${_config.rotate}deg)`;
  874. item.style.msTransform = `rotate(-${_config.rotate}deg)`;
  875. item.style.OTransform = `rotate(-${_config.rotate}deg)`;
  876. item.style.transform = `rotate(-${_config.rotate}deg)`;
  877. item.style.pointerEvents = 'none'; //让水印不遮挡页面的点击事件
  878. // 创建text1水印节点
  879. const text1 = document.createElement('div');
  880. text1.appendChild(document.createTextNode(_config.text1));
  881. item.append(text1);
  882. // 创建text2水印节点
  883. const text2 = document.createElement('div');
  884. text2.appendChild(document.createTextNode(_config.text2));
  885. item.append(text2);
  886. // 添加水印节点到文本碎片
  887. mark.append(item);
  888. // x坐标递增
  889. x = x + _config.width + _config.space_x;
  890. // 超出文本右侧坐标停止插入
  891. } while (total_width + position.x > x + _config.width);
  892. // 重置x初始坐标
  893. x = position.x + _config.start_x;
  894. // y坐标递增
  895. y = y + _config.height + _config.space_y;
  896. // 超出文本底部坐标停止插入
  897. } while (total_height + position.y > y + _config.height);
  898. // 插入文档碎片
  899. element.append(mark);
  900. }
  901. var username = document.getElementById('username');
  902. var company = document.getElementById('company');
  903. //找到存放水印的盒子
  904. const element = document.getElementsByTagName('body')[0];
  905. watermark(element,{text1:username.value,text2:company.value});
  906. </script>
  907. </body>
  908. </html>