-
-
-
-
-
-
-
-
- {$totaluser|htmlentities}
- {:__('Total user')}
-
-
-
-
-
-
-
- {$totaladdon|htmlentities}
- {:__('Total addon')}
-
-
-
-
-
-
-
- {$attachmentnums|htmlentities}
- {:__('Total attachment')}
-
-
-
-
-
-
-
- {$totaladmin|htmlentities}
- {:__('Total admin')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
{$todayusersignup|htmlentities}
-
{:__('Today user signup')}
-
-
-
-
-
-
-
{$todayuserlogin|htmlentities}
-
{:__('Today user login')}
-
-
-
-
-
-
-
{$threednu|htmlentities}
-
{:__('Three dnu')}
-
-
-
-
-
-
-
{$sevendnu|htmlentities}
-
{:__('Seven dnu')}
-
-
-
-
-
-
-
{$sevendau|htmlentities}
-
{:__('Seven dau')}
-
-
-
-
-
-
-
{$thirtydau|htmlentities}
-
{:__('Thirty dau')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {:__('Real time')}
-
{:__('Working addon count')}
-
-
-
-
-
{$totalworkingaddon|htmlentities}
-
- {:__('Working addon count tips')}
-
-
-
-
-
-
-
-
-
-
-
- {:__('Real time')}
-
{:__('Database count')}
-
-
-
-
-
{$dbtablenums|htmlentities}
-
- {:__('Database table nums')}
-
-
-
-
{$dbsize|format_bytes=###,'',0}
-
- {:__('Database size')}
-
-
-
-
-
-
-
-
-
-
-
-
- {:__('Real time')}
-
{:__('Attachment count')}
-
-
-
-
-
-
{$attachmentnums|htmlentities}
-
- {:__('Attachment nums')}
-
-
-
-
{$attachmentsize|format_bytes=###,'',0}
-
- {:__('Attachment size')}
-
-
-
-
-
-
-
-
-
-
-
- {:__('Real time')}
-
{:__('Picture count')}
-
-
-
-
-
-
{$picturenums|htmlentities}
-
- {:__('Picture nums')}
-
-
-
-
{$picturesize|format_bytes=###,'',0}
-
- {:__('Picture size')}
-
-
-
-
-
-
-
-
-
-
-
-
- {:__('Custom zone')}
-
-
-
+ {:build_heading()}
+
+
+
+
🚙
+
{$new_car}
+
新车库存
+
+
+
🚗
+
{$old_car}
+
二手车库存
+
+
+
🚐
+
{$rent_car}
+
租车车辆
+
+
+
+
+
+
+
diff --git a/public/assets/js/backend/dashboard.js b/public/assets/js/backend/dashboard.js
index ab8409c..a275d29 100755
--- a/public/assets/js/backend/dashboard.js
+++ b/public/assets/js/backend/dashboard.js
@@ -2,77 +2,68 @@ define(['jquery', 'bootstrap', 'backend', 'addtabs', 'table', 'echarts', 'echart
var Controller = {
index: function () {
- // 基于准备好的dom，初始化echarts实例
- var myChart = Echarts.init(document.getElementById('echart'), 'walden');
+ function showTab(tabName) {
+ // Hide all tab contents
+ const tabContents = document.querySelectorAll('.tab-content');
+ tabContents.forEach(content => {
+ content.classList.remove('active');
+ });
- // 指定图表的配置项和数据
- var option = {
- title: {
- text: '',
- subtext: ''
- },
- color: [
- "#18d1b1",
- "#3fb1e3",
- "#626c91",
- "#a0a7e6",
- "#c4ebad",
- "#96dee8"
- ],
- tooltip: {
- trigger: 'axis'
- },
- legend: {
- data: [__('Register user')]
- },
- toolbox: {
- show: false,
- feature: {
- magicType: {show: true, type: ['stack', 'tiled']},
- saveAsImage: {show: true}
+ // Remove active class from all tabs
+ const navTabs = document.querySelectorAll('.nav-tab');
+ navTabs.forEach(tab => {
+ tab.classList.remove('active');
+ });
+
+ // Show selected tab content
+ document.getElementById(tabName).classList.add('active');
+
+ // Add active class to corresponding nav tab
+ const activeTab = document.querySelector(`.nav-tab[onclick="showTab('${tabName}')"]`);
+ if (activeTab) {
+ activeTab.classList.add('active');
+ }
+ }
+
+ // Add click animations to cards
+ document.querySelectorAll('.car-card').forEach(card => {
+ card.addEventListener('click', function() {
+ this.style.transform = 'scale(0.95)';
+ setTimeout(() => {
+ this.style.transform = '';
+ }, 150);
+ });
+ });
+
+ // Add hover effect to action buttons
+ document.querySelectorAll('.action-btn').forEach(btn => {
+ btn.addEventListener('click', function() {
+ const originalText = this.textContent;
+ this.textContent = '✓ 已点击';
+ this.style.background = 'linear-gradient(135deg, #48bb78 0%, #38a169 100%)';
+
+ setTimeout(() => {
+ this.textContent = originalText;
+ this.style.background = 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)';
+ }, 1000);
+ });
+ });
+
+ // Simulate real-time updates
+ setInterval(() => {
+ const statNumbers = document.querySelectorAll('.stat-number');
+ statNumbers.forEach(num => {
+ if (num.textContent.includes('¥')) return;
+ const currentValue = parseInt(num.textContent);
+ if (Math.random() > 0.7) {
+ num.textContent = currentValue + Math.floor(Math.random() * 3);
+ num.style.color = '#48bb78';
+ setTimeout(() => {
+ num.style.color = '#2d3748';
+ }, 1000);
}
- },
- xAxis: {
- type: 'category',
- boundaryGap: false,
- data: Config.column
- },
- yAxis: {},
- grid: [{
- left: 'left',
- top: 'top',
- right: '10',
- bottom: 30
- }],
- series: [{
- name: __('Register user'),
- type: 'line',
- smooth: true,
- areaStyle: {
- normal: {}
- },
- lineStyle: {
- normal: {
- width: 1.5
- }
- },
- data: Config.userdata
- }]
- };
-
- // 使用刚指定的配置项和数据显示图表。
- myChart.setOption(option);
-
- $(window).resize(function () {
- myChart.resize();
- });
-
- $(document).on("click", ".btn-refresh", function () {
- setTimeout(function () {
- myChart.resize();
- }, 0);
- });
-
+ });
+ }, 5000);
}
};