diff --git a/api.py b/api.py
index 0cdd625..5ebbc61 100644
--- a/api.py
+++ b/api.py
@@ -1,75 +1,188 @@
-from flask import Flask, jsonify
-import sqlite3
from datetime import datetime
+from flask import Blueprint, jsonify, request
+
+# 导入数据库工具
+from db_utils import get_db_connection, close_db_connection
# 创建Flask蓝图
-api_bp = Flask(__name__)
+api_bp = Blueprint('api', __name__)
-# 连接数据库的辅助函数
-def get_db_connection():
- conn = sqlite3.connect('car_info.db')
- conn.row_factory = sqlite3.Row # 使返回的数据可以通过列名访问
- return conn
-
-# API函数1: 返回所有的参数信息
+# API函数1: 返回最新的参数配置记录
@api_bp.route('/api/parameters', methods=['GET'])
-def get_all_parameters():
+def get_parameters():
try:
# 连接数据库
conn = get_db_connection()
cursor = conn.cursor()
- # 查询所有参数配置记录
+ # 查询所有参数配置记录并只返回第一条（最新的一条）
cursor.execute("""
SELECT id, param1, param2, param3, param4, param5, update_time
FROM parameter_config
ORDER BY update_time DESC
+ LIMIT 1
+ """)
+
+ # 获取第一条查询结果
+ row = cursor.fetchone()
+
+ # 关闭数据库连接
+ close_db_connection(conn)
+
+ # 如果没有查询到数据
+ if not row:
+ return jsonify({
+ 'success': False,
+ 'error': '未找到参数配置记录',
+ 'data': None
+ }), 404
+
+ # 格式化查询结果
+ parameter = {
+ 'id': row[0],
+ 'param1': row[1],
+ 'param2': row[2],
+ 'param3': row[3],
+ 'param4': row[4],
+ 'param5': row[5],
+ 'update_time': row[6]
+ }
+
+ # 返回JSON格式的数据
+ return jsonify({
+ 'success': True,
+ 'data': parameter
+ })
+ except Exception as e:
+ # 确保在异常情况下也关闭连接
+ if 'conn' in locals() and conn:
+ close_db_connection(conn)
+ return jsonify({
+ 'success': False,
+ 'error': str(e),
+ 'data': []
+ }), 500
+
+# API函数2: 返回query_history表中所有results_count=-1的数据
+@api_bp.route('/api/pending-queries', methods=['GET'])
+def get_pending_queries():
+ try:
+ # 连接数据库
+ conn = get_db_connection()
+ cursor = conn.cursor()
+
+ # 查询query_history表中results_count=-1的所有数据
+ cursor.execute("""
+ SELECT id, department, query_date, plate_number, phone, results_count, query_ip
+ FROM query_history
+ WHERE results_count = -1
+ ORDER BY query_date DESC
""")
# 获取所有查询结果
rows = cursor.fetchall()
# 关闭数据库连接
- conn.close()
-
- # 如果没有查询到数据
- if not rows:
- return jsonify({
- 'success': False,
- 'error': '未找到参数配置记录',
- 'data': []
- }), 404
+ close_db_connection(conn)
# 格式化查询结果
- parameters_list = []
+ pending_queries = []
for row in rows:
- parameters_list.append({
+ pending_query = {
'id': row['id'],
- 'param1': row['param1'],
- 'param2': row['param2'],
- 'param3': row['param3'],
- 'param4': row['param4'],
- 'param5': row['param5'],
- 'update_time': row['update_time']
- })
+ 'department': row['department'],
+ 'query_date': row['query_date'],
+ 'plate_number': row['plate_number'],
+ 'phone': row['phone'],
+ 'results_count': row['results_count'],
+ 'query_ip': row['query_ip']
+ }
+ pending_queries.append(pending_query)
- # 返回JSON格式的参数信息
+ # 返回JSON格式的数据
return jsonify({
'success': True,
- 'message': '参数信息获取成功',
- 'data': parameters_list,
- 'total': len(parameters_list)
- }), 200
-
+ 'data': pending_queries,
+ 'count': len(pending_queries)
+ })
except Exception as e:
- # 处理异常情况
+ # 确保在异常情况下也关闭连接
+ if 'conn' in locals() and conn:
+ close_db_connection(conn)
return jsonify({
'success': False,
- 'error': f'获取参数信息失败: {str(e)}',
+ 'error': str(e),
'data': []
}), 500
-# 如果直接运行此文件（用于测试）
-if __name__ == '__main__':
- # 在生产环境中不应使用debug=True
- api_bp.run(debug=True)
\ No newline at end of file
+# API函数3: 更新query_history表中对应记录的results_count值
+@api_bp.route('/api/update-query-result', methods=['POST'])
+def update_query_result():
+ try:
+ # 获取前端提交的数据
+ data = request.json
+ if not data:
+ return jsonify({
+ 'success': False,
+ 'error': '请求数据不能为空',
+ 'data': None
+ }), 400
+
+ # 检查必要的字段是否存在
+ if 'id' not in data or 'results_count' not in data:
+ return jsonify({
+ 'success': False,
+ 'error': '缺少必要的字段: id 或 results_count',
+ 'data': None
+ }), 400
+
+ # 获取id和results_count值
+ query_id = data['id']
+ results_count = data['results_count']
+
+ # 连接数据库
+ conn = get_db_connection()
+ cursor = conn.cursor()
+
+ # 更新query_history表中的对应记录
+ cursor.execute("""
+ UPDATE query_history
+ SET results_count = ?
+ WHERE id = ?
+ """, (results_count, query_id))
+
+ # 提交更改
+ conn.commit()
+
+ # 获取受影响的行数
+ affected_rows = cursor.rowcount
+
+ # 关闭数据库连接
+ close_db_connection(conn)
+
+ # 检查是否有记录被更新
+ if affected_rows == 0:
+ return jsonify({
+ 'success': False,
+ 'error': '未找到id为 {} 的记录'.format(query_id),
+ 'data': None
+ }), 404
+
+ # 返回成功响应
+ return jsonify({
+ 'success': True,
+ 'message': '记录更新成功',
+ 'data': {
+ 'id': query_id,
+ 'results_count': results_count
+ }
+ })
+ except Exception as e:
+ # 确保在异常情况下也关闭连接
+ if 'conn' in locals() and conn:
+ close_db_connection(conn)
+ return jsonify({
+ 'success': False,
+ 'error': str(e),
+ 'data': None
+ }), 500
\ No newline at end of file
diff --git a/app.py b/app.py
index 1592485..830b192 100644
--- a/app.py
+++ b/app.py
@@ -1,13 +1,15 @@
from flask import Flask, render_template, request, redirect, url_for, session, jsonify
from datetime import datetime, timedelta
-import sqlite3
import os
import random
+from flask import Flask, render_template, request, redirect, url_for, session
# 导入用户模块
from user import bp as user_bp, init_user_db
# 导入API模块
from api import api_bp
+# 导入数据库工具
+from db_utils import get_db_connection, close_db_connection, close_global_connection
app = Flask(__name__)
app.secret_key = 'your_secret_key' # 生产环境中应该使用更安全的密钥
@@ -27,7 +29,7 @@ def init_db():
# 初始化用户相关的数据库
init_user_db()
- conn = sqlite3.connect('car_info.db')
+ conn = get_db_connection()
cursor = conn.cursor()
# 创建车辆信息表
@@ -66,9 +68,9 @@ def init_db():
('浙E54321', '13500135001', '330501199001015678', '钱七', 'qianqi@example.com', '浙江省湖州市')
]
cursor.executemany("INSERT INTO car_owners (plate_number, phone, id_card, name, email, address) VALUES (?, ?, ?, ?, ?, ?)", test_cars)
- except sqlite3.IntegrityError:
- # 数据已存在，忽略
- pass
+ except Exception as e:
+ # 数据已存在或其他错误，忽略
+ print(f"插入测试数据时出错: {e}")
# 单独处理查询历史演示数据，确保每次都能插入20条记录
try:
@@ -137,8 +139,12 @@ def init_db():
)
except Exception as e:
print(f"插入查询历史数据时出错: {e}")
- conn.commit()
- conn.close()
+ try:
+ conn.commit()
+ except Exception as e:
+ print(f"提交数据库更改时出错: {e}")
+ finally:
+ close_db_connection(conn)
# 首页重定向到登录页
@app.route('/')
@@ -161,7 +167,7 @@ def query():
if not plate_number and not phone:
return render_template('query.html', error='请至少输入车牌号或手机号', recent_queries=formatted_recent_queries)
- conn = sqlite3.connect('car_info.db')
+ conn = get_db_connection()
cursor = conn.cursor()
query_date = datetime.now().strftime('%Y-%m-%d %H:%M:%S')
@@ -180,32 +186,35 @@ def query():
# 从用户信息表获取部门信息
try:
- conn_dept = sqlite3.connect('car_info.db')
- cursor_dept = conn_dept.cursor()
- cursor_dept.execute("SELECT department FROM users WHERE username = ?", (session['username'],))
- user_dept = cursor_dept.fetchone()
- department = user_dept[0] if user_dept else '未知部门'
+ # 可以复用同一个连接，不需要创建新连接
+ cursor.execute("SELECT department FROM users WHERE username = ?", (session['username'],))
+ user_dept = cursor.fetchone()
+ if user_dept:
+ department = user_dept[0]
except Exception as e:
print(f"获取部门信息时出错: {e}")
- department = '未知部门'
- finally:
- if 'conn_dept' in locals():
- conn_dept.close()
# 记录查询历史到数据库
try:
- conn_history = sqlite3.connect('car_info.db')
- cursor_history = conn_history.cursor()
- cursor_history.execute(
+ # 继续使用同一个连接
+ # 检查是否是从"增加"按钮提交的请求
+ is_add_query = request.form.get('is_add_query', 'false').lower() == 'true'
+
+ # 如果是增加按钮提交的请求，将results_count设置为-1
+ if is_add_query:
+ results_count = -1
+ else:
+ results_count = len(results)
+
+ cursor.execute(
"INSERT INTO query_history (department, query_date, plate_number, phone, results_count, query_ip) VALUES (?, ?, ?, ?, ?, ?)",
- (department, query_date, plate_number if plate_number else None, phone if phone else None, len(results), query_ip)
+ (department, query_date, plate_number if plate_number else None, phone if phone else None, results_count, query_ip)
)
- conn_history.commit()
+ conn.commit()
except Exception as e:
print(f"记录查询历史时出错: {e}")
finally:
- if 'conn_history' in locals():
- conn_history.close()
+ close_db_connection(conn)
# 处理查询结果
car_owners = []
@@ -241,68 +250,97 @@ def query_history_detail(history_id):
if 'username' not in session:
return jsonify({'error': '未登录'}), 401
- conn = sqlite3.connect('car_info.db')
+ conn = get_db_connection()
cursor = conn.cursor()
- # 获取查询历史记录
- cursor.execute("SELECT plate_number, phone FROM query_history WHERE id = ?", (history_id,))
- history = cursor.fetchone()
-
- if not history:
- conn.close()
- return jsonify({'error': '查询历史不存在'}), 404
-
- plate_number, phone = history
-
- # 根据车牌号和手机号查询车辆信息
- if plate_number and phone:
- cursor.execute("SELECT * FROM car_owners WHERE plate_number = ? AND phone = ?", (plate_number, phone))
- elif plate_number:
- cursor.execute("SELECT * FROM car_owners WHERE plate_number = ?", (plate_number,))
- else:
- cursor.execute("SELECT * FROM car_owners WHERE phone = ?", (phone,))
-
- results = cursor.fetchall()
- conn.close()
-
- # 格式化结果
- car_owners = []
- for result in results:
- car_owners.append({
- 'id': result[0],
- 'plate_number': result[1],
- 'phone': result[2],
- 'id_card': result[3],
- 'name': result[4],
- 'email': result[5],
- 'address': result[6]
- })
-
- return jsonify({'car_owners': car_owners})
+ try:
+ # 获取查询历史记录
+ cursor.execute("SELECT plate_number, phone FROM query_history WHERE id = ?", (history_id,))
+ history = cursor.fetchone()
+
+ if not history:
+ return jsonify({'error': '查询历史不存在'}), 404
+
+ plate_number, phone = history
+
+ # 根据车牌号和手机号查询车辆信息
+ if plate_number and phone:
+ cursor.execute("SELECT * FROM car_owners WHERE plate_number = ? AND phone = ?", (plate_number, phone))
+ elif plate_number:
+ cursor.execute("SELECT * FROM car_owners WHERE plate_number = ?", (plate_number,))
+ else:
+ cursor.execute("SELECT * FROM car_owners WHERE phone = ?", (phone,))
+
+ results = cursor.fetchall()
+
+ # 格式化结果
+ car_owners = []
+ for result in results:
+ car_owners.append({
+ 'id': result[0],
+ 'plate_number': result[1],
+ 'phone': result[2],
+ 'id_card': result[3],
+ 'name': result[4],
+ 'email': result[5],
+ 'address': result[6]
+ })
+
+ return jsonify({'car_owners': car_owners})
+ except Exception as e:
+ print(f"查询历史详情时出错: {e}")
+ return jsonify({'error': '查询失败'}), 500
+ finally:
+ close_db_connection(conn)
# 获取最近查询历史的辅助函数
def get_recent_queries():
# 获取最近20条查询历史记录，按查询日期降序排列
- conn = sqlite3.connect('car_info.db')
+ conn = get_db_connection()
cursor = conn.cursor()
- cursor.execute("SELECT id, department, query_date, plate_number, phone, results_count, query_ip FROM query_history ORDER BY query_date DESC LIMIT 20")
- recent_queries = cursor.fetchall()
- conn.close()
- # 格式化查询历史数据
- formatted_recent_queries = []
- for q in recent_queries:
- formatted_recent_queries.append({
- 'id': q[0],
- 'department': q[1],
- 'query_date': q[2],
- 'plate_number': q[3] if q[3] else '未提供',
- 'phone': q[4] if q[4] else '未提供',
- 'results_count': q[5],
- 'query_ip': q[6]
- })
- return formatted_recent_queries
+ try:
+ cursor.execute("SELECT id, department, query_date, plate_number, phone, results_count, query_ip FROM query_history ORDER BY query_date DESC LIMIT 20")
+ recent_queries = cursor.fetchall()
+
+ # 格式化查询历史数据
+ formatted_recent_queries = []
+ for q in recent_queries:
+ formatted_recent_queries.append({
+ 'id': q[0],
+ 'department': q[1],
+ 'query_date': q[2],
+ 'plate_number': q[3] if q[3] else '未提供',
+ 'phone': q[4] if q[4] else '未提供',
+ 'results_count': q[5],
+ 'query_ip': q[6]
+ })
+
+ return formatted_recent_queries
+ except Exception as e:
+ print(f"获取最近查询历史时出错: {e}")
+ return []
+ finally:
+ close_db_connection(conn)
+
+import signal
+import sys
+
+def signal_handler(sig, frame):
+ """处理终止信号，确保在程序退出时关闭数据库连接"""
+ print('\n接收到终止信号，正在关闭数据库连接...')
+ close_global_connection()
+ print('数据库连接已关闭')
+ sys.exit(0)
if __name__ == '__main__':
- init_db()
- app.run(debug=True)
\ No newline at end of file
+ # 注册信号处理程序
+ signal.signal(signal.SIGINT, signal_handler) # 处理Ctrl+C
+ signal.signal(signal.SIGTERM, signal_handler) # 处理终止信号
+
+ try:
+ init_db()
+ app.run(debug=True)
+ finally:
+ # 确保在程序退出时关闭数据库连接
+ close_global_connection()
\ No newline at end of file
diff --git a/car_info.db b/car_info.db
index 69db6b2..311f0be 100644
Binary files a/car_info.db and b/car_info.db differ
diff --git a/check_db.py b/check_db.py
index 0b9abac..1dadf0d 100644
--- a/check_db.py
+++ b/check_db.py
@@ -1,31 +1,55 @@
-import sqlite3
+# 导入数据库工具
+from db_utils import get_db_connection, close_db_connection
-# 连接数据库
-conn = sqlite3.connect('car_info.db')
-cursor = conn.cursor()
+# 检查数据库连接是否正常
+def check_database_connection():
+ try:
+ # 连接数据库
+ conn = get_db_connection()
+ cursor = conn.cursor()
+
+ # 执行简单的SQL查询来测试连接
+ cursor.execute("SELECT sqlite_version()")
+ version = cursor.fetchone()[0]
+
+ # 检查是否存在必要的表
+ necessary_tables = ['users', 'query_records']
+ tables_info = []
+
+ for table in necessary_tables:
+ cursor.execute("SELECT name FROM sqlite_master WHERE type='table' AND name=?", (table,))
+ exists = cursor.fetchone() is not None
+ tables_info.append({"name": table, "exists": exists})
+
+ # 关闭数据库连接
+ close_db_connection(conn)
+
+ # 构造返回结果
+ result = {
+ "success": True,
+ "version": version,
+ "tables": tables_info
+ }
+
+ return result
+ except Exception as e:
+ # 确保在异常情况下也关闭连接
+ if 'conn' in locals() and conn:
+ close_db_connection(conn)
+
+ return {
+ "success": False,
+ "error": str(e)
+ }
-# 查询所有表
-cursor.execute("SELECT name FROM sqlite_master WHERE type='table'")
-tables = cursor.fetchall()
-print('数据库中的表:', tables)
-
-# 查询参数配置表
-cursor.execute("SELECT sql FROM sqlite_master WHERE type='table' AND name='parameter_config'")
-result = cursor.fetchone()
-print('参数配置表SQL:', result)
-
-# 如果参数配置表存在，查询其结构
-if result:
- cursor.execute("PRAGMA table_info(parameter_config)")
- columns = cursor.fetchall()
- print('参数配置表结构:')
- for col in columns:
- print(f"字段: {col[1]}, 类型: {col[2]}")
-
- # 查询数据
- cursor.execute("SELECT * FROM parameter_config")
- data = cursor.fetchall()
- print('参数配置数据:', data)
-
-# 关闭连接
-conn.close()
\ No newline at end of file
+# 如果直接运行此脚本，则执行检查操作
+if __name__ == "__main__":
+ result = check_database_connection()
+ print(f"数据库连接状态: {'成功' if result['success'] else '失败'}")
+ if result['success']:
+ print(f"SQLite版本: {result['version']}")
+ print("表状态:")
+ for table in result['tables']:
+ print(f" - {table['name']}: {'存在' if table['exists'] else '不存在'}")
+ else:
+ print(f"错误信息: {result['error']}")
\ No newline at end of file
diff --git a/db_utils.py b/db_utils.py
new file mode 100644
index 0000000..f54a656
--- /dev/null
+++ b/db_utils.py
@@ -0,0 +1,90 @@
+import sqlite3
+import threading
+
+# 数据库文件路径
+db_path = 'car_info.db'
+
+# 使用线程本地存储来保存每个线程的连接
+_thread_local = threading.local()
+
+# 全局连接引用计数
+global_ref_count = 0
+
+def get_db_connection():
+ """获取数据库连接（线程本地存储模式）
+
+ 使用线程本地存储确保每个线程都有自己的数据库连接，解决SQLite多线程问题
+
+ Returns:
+ sqlite3.Connection: 当前线程的数据库连接对象
+ """
+ global global_ref_count
+
+ # 检查当前线程是否已有连接
+ if not hasattr(_thread_local, 'connection') or _thread_local.connection is None:
+ try:
+ # 为当前线程创建新连接
+ _thread_local.connection = sqlite3.connect(db_path)
+ # 设置行工厂，使查询结果以字典形式返回
+ _thread_local.connection.row_factory = sqlite3.Row
+ # 增加全局引用计数
+ global_ref_count += 1
+ except sqlite3.Error as e:
+ print(f"数据库连接失败: {e}")
+ raise
+
+ return _thread_local.connection
+
+def close_db_connection(conn=None):
+ """关闭数据库连接（线程本地存储模式）
+
+ 1. 如果传入了连接对象，直接关闭它
+ 2. 如果没有传入连接对象，但当前线程有连接，则关闭当前线程的连接
+
+ Args:
+ conn (sqlite3.Connection): 需要关闭的数据库连接对象（可选）
+ """
+ global global_ref_count
+
+ # 如果指定了连接对象，直接关闭
+ if conn:
+ try:
+ conn.close()
+ # 如果关闭的是当前线程的连接，更新线程本地存储
+ if hasattr(_thread_local, 'connection') and _thread_local.connection == conn:
+ _thread_local.connection = None
+ global_ref_count = max(0, global_ref_count - 1)
+ except sqlite3.Error as e:
+ print(f"关闭数据库连接时出错: {e}")
+ else:
+ # 如果没有指定连接对象，尝试关闭当前线程的连接
+ if hasattr(_thread_local, 'connection') and _thread_local.connection is not None:
+ try:
+ _thread_local.connection.close()
+ _thread_local.connection = None
+ global_ref_count = max(0, global_ref_count - 1)
+ except sqlite3.Error as e:
+ print(f"关闭当前线程的数据库连接时出错: {e}")
+
+def close_global_connection():
+ """全局连接清理函数（线程本地存储模式）
+
+ 在应用程序关闭时调用此函数，它会：
+ 1. 关闭当前线程的数据库连接（如果有）
+ 2. 重置全局引用计数
+
+ 注意：由于使用了线程本地存储，无法直接关闭其他线程的连接。
+ 每个线程应该在结束前自行关闭其连接。
+ """
+ global global_ref_count
+
+ # 关闭当前线程的连接（如果有）
+ if hasattr(_thread_local, 'connection') and _thread_local.connection is not None:
+ try:
+ _thread_local.connection.close()
+ _thread_local.connection = None
+ except sqlite3.Error as e:
+ print(f"关闭当前线程的数据库连接时出错: {e}")
+
+ # 重置全局引用计数
+ global_ref_count = 0
\ No newline at end of file
diff --git a/static/js/utils.js b/static/js/utils.js
index efee893..8b45695 100644
--- a/static/js/utils.js
+++ b/static/js/utils.js
@@ -5,9 +5,14 @@
* @param {string} modalId - 模态框的ID
*/
function showModal(modalId) {
- const modal = document.getElementById(modalId);
+ var modal = document.getElementById(modalId);
if (modal) {
- modal.classList.remove('hidden');
+ // 使用className替代classList以提高兼容性
+ if (modal.classList) {
+ modal.classList.remove('hidden');
+ } else {
+ modal.className = modal.className.replace('hidden', '');
+ }
}
}
@@ -16,9 +21,14 @@ function showModal(modalId) {
* @param {string} modalId - 模态框的ID
*/
function closeModal(modalId) {
- const modal = document.getElementById(modalId);
+ var modal = document.getElementById(modalId);
if (modal) {
- modal.classList.add('hidden');
+ // 使用className替代classList以提高兼容性
+ if (modal.classList) {
+ modal.classList.add('hidden');
+ } else {
+ modal.className += ' hidden';
+ }
}
}
@@ -27,7 +37,7 @@ function closeModal(modalId) {
* @param {string} modalId - 模态框的ID
*/
function bindModalOutsideClick(modalId) {
- const modal = document.getElementById(modalId);
+ var modal = document.getElementById(modalId);
if (modal) {
modal.addEventListener('click', function(e) {
if (e.target === this) {
@@ -43,29 +53,69 @@ function bindModalOutsideClick(modalId) {
* @param {boolean} isSuccess - 是否为成功消息
* @param {number} duration - 消息显示时长(毫秒)
*/
-function showMessage(message, isSuccess = true, duration = 5000) {
- const messageContainer = document.getElementById('messageContainer');
- const successMessage = document.getElementById('successMessage');
- const errorMessage = document.getElementById('errorMessage');
+function showMessage(message, isSuccess, duration) {
+ // 为参数设置默认值，不使用ES6默认参数
+ isSuccess = (isSuccess === undefined) ? true : isSuccess;
+ duration = (duration === undefined) ? 5000 : duration;
+
+ var messageContainer = document.getElementById('messageContainer');
+ var successMessage = document.getElementById('successMessage');
+ var errorMessage = document.getElementById('errorMessage');
if (!messageContainer || !successMessage || !errorMessage) return;
if (isSuccess) {
successMessage.querySelector('span').textContent = message;
- successMessage.classList.remove('hidden');
- errorMessage.classList.add('hidden');
+ if (successMessage.classList) {
+ successMessage.classList.remove('hidden');
+ } else {
+ successMessage.className = successMessage.className.replace('hidden', '');
+ }
+ if (errorMessage.classList) {
+ errorMessage.classList.add('hidden');
+ } else {
+ errorMessage.className += ' hidden';
+ }
} else {
errorMessage.querySelector('span').textContent = message;
- errorMessage.classList.remove('hidden');
- successMessage.classList.add('hidden');
+ if (errorMessage.classList) {
+ errorMessage.classList.remove('hidden');
+ } else {
+ errorMessage.className = errorMessage.className.replace('hidden', '');
+ }
+ if (successMessage.classList) {
+ successMessage.classList.add('hidden');
+ } else {
+ successMessage.className += ' hidden';
+ }
}
- messageContainer.classList.remove('hidden');
+ if (messageContainer.classList) {
+ messageContainer.classList.remove('hidden');
+ } else {
+ messageContainer.className = messageContainer.className.replace('hidden', '');
+ }
// 自动隐藏
- setTimeout(() => {
- (isSuccess ? successMessage : errorMessage).classList.add('hidden');
- messageContainer.classList.add('hidden');
+ setTimeout(function() {
+ if (isSuccess) {
+ if (successMessage.classList) {
+ successMessage.classList.add('hidden');
+ } else {
+ successMessage.className += ' hidden';
+ }
+ } else {
+ if (errorMessage.classList) {
+ errorMessage.classList.add('hidden');
+ } else {
+ errorMessage.className += ' hidden';
+ }
+ }
+ if (messageContainer.classList) {
+ messageContainer.classList.add('hidden');
+ } else {
+ messageContainer.className += ' hidden';
+ }
}, duration);
}
@@ -76,22 +126,32 @@ function showMessage(message, isSuccess = true, duration = 5000) {
* @param {string} message - 错误消息内容
* @param {string} successId - 成功消息容器的ID
*/
-function showFormError(errorId, messageId, message, successId = '') {
- const errorContainer = document.getElementById(errorId);
- const errorMessage = document.getElementById(messageId);
- const successContainer = successId ? document.getElementById(successId) : null;
+function showFormError(errorId, messageId, message, successId) {
+ successId = successId || '';
+
+ var errorContainer = document.getElementById(errorId);
+ var errorMessage = document.getElementById(messageId);
+ var successContainer = successId ? document.getElementById(successId) : null;
if (!errorContainer || !errorMessage) return;
errorMessage.textContent = message;
- errorContainer.classList.remove('hidden');
-
- if (successContainer) {
- successContainer.classList.add('hidden');
+ if (errorContainer.classList) {
+ errorContainer.classList.remove('hidden');
+ } else {
+ errorContainer.className = errorContainer.className.replace('hidden', '');
}
- // 滚动到错误信息
- errorContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });
+ if (successContainer) {
+ if (successContainer.classList) {
+ successContainer.classList.add('hidden');
+ } else {
+ successContainer.className += ' hidden';
+ }
+ }
+
+ // 滚动到错误信息，使用简单滚动方式替代smooth behavior
+ errorContainer.scrollIntoView(false);
}
/**
@@ -101,41 +161,71 @@ function showFormError(errorId, messageId, message, successId = '') {
* @param {string} message - 成功消息内容
* @param {string} errorId - 错误消息容器的ID
*/
-function showFormSuccess(successId, messageId, message, errorId = '') {
- const successContainer = document.getElementById(successId);
- const successMessage = document.getElementById(messageId);
- const errorContainer = errorId ? document.getElementById(errorId) : null;
+function showFormSuccess(successId, messageId, message, errorId) {
+ errorId = errorId || '';
+
+ var successContainer = document.getElementById(successId);
+ var successMessage = document.getElementById(messageId);
+ var errorContainer = errorId ? document.getElementById(errorId) : null;
if (!successContainer || !successMessage) return;
successMessage.textContent = message;
- successContainer.classList.remove('hidden');
-
- if (errorContainer) {
- errorContainer.classList.add('hidden');
+ if (successContainer.classList) {
+ successContainer.classList.remove('hidden');
+ } else {
+ successContainer.className = successContainer.className.replace('hidden', '');
}
- // 滚动到成功信息
- successContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });
+ if (errorContainer) {
+ if (errorContainer.classList) {
+ errorContainer.classList.add('hidden');
+ } else {
+ errorContainer.className += ' hidden';
+ }
+ }
+
+ // 滚动到成功信息，使用简单滚动方式替代smooth behavior
+ successContainer.scrollIntoView(false);
}
/**
- * 发起API请求的通用函数
+ * 发起API请求的通用函数 - 使用Promise替代async/await以提高兼容性
* @param {string} url - 请求URL
* @param {string} method - 请求方法
* @param {object} data - 请求数据
* @param {object} options - 附加选项
* @returns {Promise} - 返回Promise对象
*/
-async function apiRequest(url, method = 'GET', data = null, options = {}) {
- const defaultOptions = {
+function apiRequest(url, method, data, options) {
+ // 为参数设置默认值，不使用ES6默认参数
+ method = method || 'GET';
+ data = data || null;
+ options = options || {};
+
+ // 手动合并选项，不使用扩展运算符
+ var defaultOptions = {
headers: {
'Content-Type': 'application/json'
},
- method,
- ...options
+ method: method
};
+ // 手动合并options
+ for (var key in options) {
+ if (options.hasOwnProperty(key)) {
+ if (key === 'headers' && options.headers) {
+ for (var headerKey in options.headers) {
+ if (options.headers.hasOwnProperty(headerKey)) {
+ defaultOptions.headers[headerKey] = options.headers[headerKey];
+ }
+ }
+ } else {
+ defaultOptions[key] = options[key];
+ }
+ }
+ }
+
if (data) {
// 根据Content-Type处理数据
if (defaultOptions.headers['Content-Type'] === 'application/json') {
@@ -145,13 +235,23 @@ async function apiRequest(url, method = 'GET', data = null, options = {}) {
}
}
- try {
- const response = await fetch(url, defaultOptions);
- return await response.json();
- } catch (error) {
- console.error(`API请求错误 [${url}]:`, error);
- throw error;
- }
+ // 使用Promise替代async/await
+ return new Promise(function(resolve, reject) {
+ fetch(url, defaultOptions)
+ .then(function(response) {
+ if (!response.ok) {
+ throw new Error('网络错误');
+ }
+ return response.json();
+ })
+ .then(function(data) {
+ resolve(data);
+ })
+ .catch(function(error) {
+ console.error('API请求错误 [' + url + ']:', error);
+ reject(error);
+ });
+ });
}
/**
@@ -159,7 +259,7 @@ async function apiRequest(url, method = 'GET', data = null, options = {}) {
* @param {string} formId - 表单ID
*/
function resetForm(formId) {
- const form = document.getElementById(formId);
+ var form = document.getElementById(formId);
if (form) {
form.reset();
}
@@ -171,44 +271,61 @@ function resetForm(formId) {
* @param {object} data - 表单数据对象
*/
function fillForm(formId, data) {
- const form = document.getElementById(formId);
+ var form = document.getElementById(formId);
if (!form || !data) return;
- Object.keys(data).forEach(key => {
- const element = form.elements[key] || document.getElementById(key);
- if (element) {
- element.value = data[key] || '';
+ // 使用传统的for-in循环替代forEach
+ for (var key in data) {
+ if (data.hasOwnProperty(key)) {
+ var element = form.elements[key] || document.getElementById(key);
+ if (element) {
+ element.value = data[key] || '';
+ }
}
- });
+ }
}
/**
- * 防抖函数
+ * 防抖函数 - 使用传统函数替代箭头函数
* @param {Function} func - 要防抖的函数
* @param {number} delay - 延迟时间(毫秒)
* @returns {Function} - 返回防抖后的函数
*/
function debounce(func, delay) {
- let timeoutId;
- return function(...args) {
+ var timeoutId;
+ var that = this;
+
+ return function() {
+ var context = this;
+ var args = arguments;
+
clearTimeout(timeoutId);
- timeoutId = setTimeout(() => func.apply(this, args), delay);
+ timeoutId = setTimeout(function() {
+ func.apply(context || that, args);
+ }, delay);
};
}
/**
- * 节流函数
+ * 节流函数 - 使用传统函数替代箭头函数
* @param {Function} func - 要节流的函数
* @param {number} limit - 时间限制(毫秒)
* @returns {Function} - 返回节流后的函数
*/
function throttle(func, limit) {
- let inThrottle;
- return function(...args) {
+ var inThrottle;
+ var that = this;
+
+ return function() {
+ var context = this;
+ var args = arguments;
+
if (!inThrottle) {
- func.apply(this, args);
+ func.apply(context || that, args);
inThrottle = true;
- setTimeout(() => inThrottle = false, limit);
+ setTimeout(function() {
+ inThrottle = false;
+ }, limit);
}
};
}
\ No newline at end of file
diff --git a/templates/js/utils.js b/templates/js/utils.js
deleted file mode 100644
index efee893..0000000
--- a/templates/js/utils.js
+++ /dev/null
@@ -1,214 +0,0 @@
-// 通用工具函数
-
-/**
- * 显示模态框
- * @param {string} modalId - 模态框的ID
- */
-function showModal(modalId) {
- const modal = document.getElementById(modalId);
- if (modal) {
- modal.classList.remove('hidden');
- }
-}
-
-/**
- * 关闭模态框
- * @param {string} modalId - 模态框的ID
- */
-function closeModal(modalId) {
- const modal = document.getElementById(modalId);
- if (modal) {
- modal.classList.add('hidden');
- }
-}
-
-/**
- * 绑定模态框点击外部关闭事件
- * @param {string} modalId - 模态框的ID
- */
-function bindModalOutsideClick(modalId) {
- const modal = document.getElementById(modalId);
- if (modal) {
- modal.addEventListener('click', function(e) {
- if (e.target === this) {
- closeModal(modalId);
- }
- });
- }
-}
-
-/**
- * 显示消息提示
- * @param {string} message - 消息内容
- * @param {boolean} isSuccess - 是否为成功消息
- * @param {number} duration - 消息显示时长(毫秒)
- */
-function showMessage(message, isSuccess = true, duration = 5000) {
- const messageContainer = document.getElementById('messageContainer');
- const successMessage = document.getElementById('successMessage');
- const errorMessage = document.getElementById('errorMessage');
-
- if (!messageContainer || !successMessage || !errorMessage) return;
-
- if (isSuccess) {
- successMessage.querySelector('span').textContent = message;
- successMessage.classList.remove('hidden');
- errorMessage.classList.add('hidden');
- } else {
- errorMessage.querySelector('span').textContent = message;
- errorMessage.classList.remove('hidden');
- successMessage.classList.add('hidden');
- }
-
- messageContainer.classList.remove('hidden');
-
- // 自动隐藏
- setTimeout(() => {
- (isSuccess ? successMessage : errorMessage).classList.add('hidden');
- messageContainer.classList.add('hidden');
- }, duration);
-}
-
-/**
- * 显示表单错误消息
- * @param {string} errorId - 错误容器的ID
- * @param {string} messageId - 错误消息的ID
- * @param {string} message - 错误消息内容
- * @param {string} successId - 成功消息容器的ID
- */
-function showFormError(errorId, messageId, message, successId = '') {
- const errorContainer = document.getElementById(errorId);
- const errorMessage = document.getElementById(messageId);
- const successContainer = successId ? document.getElementById(successId) : null;
-
- if (!errorContainer || !errorMessage) return;
-
- errorMessage.textContent = message;
- errorContainer.classList.remove('hidden');
-
- if (successContainer) {
- successContainer.classList.add('hidden');
- }
-
- // 滚动到错误信息
- errorContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });
-}
-
-/**
- * 显示表单成功消息
- * @param {string} successId - 成功容器的ID
- * @param {string} messageId - 成功消息的ID
- * @param {string} message - 成功消息内容
- * @param {string} errorId - 错误消息容器的ID
- */
-function showFormSuccess(successId, messageId, message, errorId = '') {
- const successContainer = document.getElementById(successId);
- const successMessage = document.getElementById(messageId);
- const errorContainer = errorId ? document.getElementById(errorId) : null;
-
- if (!successContainer || !successMessage) return;
-
- successMessage.textContent = message;
- successContainer.classList.remove('hidden');
-
- if (errorContainer) {
- errorContainer.classList.add('hidden');
- }
-
- // 滚动到成功信息
- successContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });
-}
-
-/**
- * 发起API请求的通用函数
- * @param {string} url - 请求URL
- * @param {string} method - 请求方法
- * @param {object} data - 请求数据
- * @param {object} options - 附加选项
- * @returns {Promise} - 返回Promise对象
- */
-async function apiRequest(url, method = 'GET', data = null, options = {}) {
- const defaultOptions = {
- headers: {
- 'Content-Type': 'application/json'
- },
- method,
- ...options
- };
-
- if (data) {
- // 根据Content-Type处理数据
- if (defaultOptions.headers['Content-Type'] === 'application/json') {
- defaultOptions.body = JSON.stringify(data);
- } else if (defaultOptions.headers['Content-Type'] === 'application/x-www-form-urlencoded') {
- defaultOptions.body = new URLSearchParams(data);
- }
- }
-
- try {
- const response = await fetch(url, defaultOptions);
- return await response.json();
- } catch (error) {
- console.error(`API请求错误 [${url}]:`, error);
- throw error;
- }
-}
-
-/**
- * 重置表单
- * @param {string} formId - 表单ID
- */
-function resetForm(formId) {
- const form = document.getElementById(formId);
- if (form) {
- form.reset();
- }
-}
-
-/**
- * 填充表单数据
- * @param {string} formId - 表单ID
- * @param {object} data - 表单数据对象
- */
-function fillForm(formId, data) {
- const form = document.getElementById(formId);
- if (!form || !data) return;
-
- Object.keys(data).forEach(key => {
- const element = form.elements[key] || document.getElementById(key);
- if (element) {
- element.value = data[key] || '';
- }
- });
-}
-
-/**
- * 防抖函数
- * @param {Function} func - 要防抖的函数
- * @param {number} delay - 延迟时间(毫秒)
- * @returns {Function} - 返回防抖后的函数
- */
-function debounce(func, delay) {
- let timeoutId;
- return function(...args) {
- clearTimeout(timeoutId);
- timeoutId = setTimeout(() => func.apply(this, args), delay);
- };
-}
-
-/**
- * 节流函数
- * @param {Function} func - 要节流的函数
- * @param {number} limit - 时间限制(毫秒)
- * @returns {Function} - 返回节流后的函数
- */
-function throttle(func, limit) {
- let inThrottle;
- return function(...args) {
- if (!inThrottle) {
- func.apply(this, args);
- inThrottle = true;
- setTimeout(() => inThrottle = false, limit);
- }
- };
-}
\ No newline at end of file
diff --git a/templates/query.html b/templates/query.html
index 707c453..2f62df2 100644
--- a/templates/query.html
+++ b/templates/query.html
@@ -105,7 +105,7 @@
| 查询日期 |
车牌号 |
手机号 |
- 查询结果 |
+ 状态 |
登录部门 |
登录IP |
@@ -119,12 +119,18 @@
{{ query.phone }} |
- {{ query.results_count }} 条记录
+ {% if query.results_count == -1 %}
+ 待查询
+ {% else %}
+ {{ query.results_count }} 条记录
+ {% endif %}
|
{{ query.department }} |
@@ -219,59 +225,90 @@
// 等待DOM加载完成
document.addEventListener('DOMContentLoaded', function() {
// 获取DOM元素
- const addQueryBtn = document.getElementById('addQueryBtn');
- const addQueryModal = document.getElementById('addQueryModal');
- const closeAddModal = document.getElementById('closeAddModal');
- const cancelAddBtn = document.getElementById('cancelAddBtn');
- const addQueryForm = document.getElementById('addQueryForm');
- const addQueryLoading = document.getElementById('addQueryLoading');
- const detailModal = document.getElementById('detailModal');
- const closeModal = document.getElementById('closeModal');
- const loadingState = document.getElementById('loadingState');
- const noResultState = document.getElementById('noResultState');
- const resultList = document.getElementById('resultList');
- const carOwnerCards = document.getElementById('carOwnerCards');
+ var addQueryBtn = document.getElementById('addQueryBtn');
+ var addQueryModal = document.getElementById('addQueryModal');
+ var closeAddModal = document.getElementById('closeAddModal');
+ var cancelAddBtn = document.getElementById('cancelAddBtn');
+ var addQueryForm = document.getElementById('addQueryForm');
+ var addQueryLoading = document.getElementById('addQueryLoading');
+ var detailModal = document.getElementById('detailModal');
+ var closeModal = document.getElementById('closeModal');
+ var loadingState = document.getElementById('loadingState');
+ var noResultState = document.getElementById('noResultState');
+ var resultList = document.getElementById('resultList');
+ var carOwnerCards = document.getElementById('carOwnerCards');
// 为查询历史记录行添加点击事件
- document.querySelectorAll('tr[data-history-id]').forEach(row => {
- row.addEventListener('click', function() {
- const historyId = this.getAttribute('data-history-id');
+ var rows = document.querySelectorAll('tr[data-history-id]');
+ for (var i = 0; i < rows.length; i++) {
+ rows[i].addEventListener('click', function() {
+ var historyId = this.getAttribute('data-history-id');
loadHistoryDetail(historyId);
});
- });
+ }
// 增加查询按钮点击事件
addQueryBtn.addEventListener('click', function() {
- addQueryModal.classList.remove('hidden');
+ // 兼容classList API
+ if (addQueryModal.classList) {
+ addQueryModal.classList.remove('hidden');
+ } else {
+ addQueryModal.className = addQueryModal.className.replace('hidden', '');
+ }
addQueryForm.reset();
});
// 关闭增加查询模态框
closeAddModal.addEventListener('click', function() {
- addQueryModal.classList.add('hidden');
+ // 兼容classList API
+ if (addQueryModal.classList) {
+ addQueryModal.classList.add('hidden');
+ } else {
+ addQueryModal.className += ' hidden';
+ }
});
// 取消增加查询
cancelAddBtn.addEventListener('click', function() {
- addQueryModal.classList.add('hidden');
+ // 兼容classList API
+ if (addQueryModal.classList) {
+ addQueryModal.classList.add('hidden');
+ } else {
+ addQueryModal.className += ' hidden';
+ }
});
// 点击增加查询模态框背景关闭
addQueryModal.addEventListener('click', function(e) {
if (e.target === addQueryModal) {
- addQueryModal.classList.add('hidden');
+ // 兼容classList API
+ if (addQueryModal.classList) {
+ addQueryModal.classList.add('hidden');
+ } else {
+ addQueryModal.className += ' hidden';
+ }
}
});
// 关闭详情模态框
closeModal.addEventListener('click', function() {
- detailModal.classList.add('hidden');
+ // 兼容classList API
+ if (detailModal.classList) {
+ detailModal.classList.add('hidden');
+ } else {
+ detailModal.className += ' hidden';
+ }
});
// 点击详情模态框背景关闭
detailModal.addEventListener('click', function(e) {
if (e.target === detailModal) {
- detailModal.classList.add('hidden');
+ // 兼容classList API
+ if (detailModal.classList) {
+ detailModal.classList.add('hidden');
+ } else {
+ detailModal.className += ' hidden';
+ }
}
});
@@ -279,8 +316,8 @@
addQueryForm.addEventListener('submit', function(e) {
e.preventDefault();
- const plateNumber = document.getElementById('add_plate_number').value.trim();
- const phone = document.getElementById('add_phone').value.trim();
+ var plateNumber = document.getElementById('add_plate_number').value.trim();
+ var phone = document.getElementById('add_phone').value.trim();
if (!plateNumber && !phone) {
alert('请至少输入车牌号或手机号');
@@ -288,107 +325,179 @@
}
// 显示加载状态
- addQueryForm.classList.add('hidden');
- addQueryLoading.classList.remove('hidden');
+ // 兼容classList API
+ if (addQueryForm.classList) {
+ addQueryForm.classList.add('hidden');
+ } else {
+ addQueryForm.className += ' hidden';
+ }
+ if (addQueryLoading.classList) {
+ addQueryLoading.classList.remove('hidden');
+ } else {
+ addQueryLoading.className = addQueryLoading.className.replace('hidden', '');
+ }
// 构建表单数据
- const formData = new FormData();
+ var formData = new FormData();
formData.append('plate_number', plateNumber);
formData.append('phone', phone);
+ formData.append('is_add_query', 'true');
// 发送请求到查询路由
fetch('/query', {
method: 'POST',
body: formData
})
- .then(response => {
+ .then(function(response) {
if (!response.ok) {
throw new Error('网络错误');
}
// 重新加载页面以显示新的查询记录
window.location.reload();
})
- .catch(error => {
+ .catch(function(error) {
console.error('Error submitting query:', error);
alert('提交失败，请重试');
// 恢复表单显示
- addQueryForm.classList.remove('hidden');
- addQueryLoading.classList.add('hidden');
+ // 兼容classList API
+ if (addQueryForm.classList) {
+ addQueryForm.classList.remove('hidden');
+ } else {
+ addQueryForm.className = addQueryForm.className.replace('hidden', '');
+ }
+ if (addQueryLoading.classList) {
+ addQueryLoading.classList.add('hidden');
+ } else {
+ addQueryLoading.className += ' hidden';
+ }
});
});
// 加载查询历史详情
function loadHistoryDetail(historyId) {
// 显示模态框和加载状态
- detailModal.classList.remove('hidden');
- loadingState.classList.remove('hidden');
- noResultState.classList.add('hidden');
- resultList.classList.add('hidden');
+ // 兼容classList API
+ if (detailModal.classList) {
+ detailModal.classList.remove('hidden');
+ } else {
+ detailModal.className = detailModal.className.replace('hidden', '');
+ }
+ if (loadingState.classList) {
+ loadingState.classList.remove('hidden');
+ } else {
+ loadingState.className = loadingState.className.replace('hidden', '');
+ }
+ if (noResultState.classList) {
+ noResultState.classList.add('hidden');
+ } else {
+ noResultState.className += ' hidden';
+ }
+ if (resultList.classList) {
+ resultList.classList.add('hidden');
+ } else {
+ resultList.className += ' hidden';
+ }
carOwnerCards.innerHTML = '';
// 发送AJAX请求获取详情
- fetch(`/query_history_detail/${historyId}`)
- .then(response => response.json())
- .then(data => {
+ fetch('/query_history_detail/' + historyId)
+ .then(function(response) {
+ return response.json();
+ })
+ .then(function(data) {
// 隐藏加载状态
- loadingState.classList.add('hidden');
+ // 兼容classList API
+ if (loadingState.classList) {
+ loadingState.classList.add('hidden');
+ } else {
+ loadingState.className += ' hidden';
+ }
if (data.error) {
// 显示错误信息
noResultState.querySelector('p').textContent = data.error;
- noResultState.classList.remove('hidden');
+ // 兼容classList API
+ if (noResultState.classList) {
+ noResultState.classList.remove('hidden');
+ } else {
+ noResultState.className = noResultState.className.replace('hidden', '');
+ }
} else if (data.car_owners && data.car_owners.length > 0) {
// 显示结果列表
- resultList.classList.remove('hidden');
+ // 兼容classList API
+ if (resultList.classList) {
+ resultList.classList.remove('hidden');
+ } else {
+ resultList.className = resultList.className.replace('hidden', '');
+ }
// 添加车辆信息卡片
- data.car_owners.forEach(carOwner => {
- const card = document.createElement('div');
+ for (var i = 0; i < data.car_owners.length; i++) {
+ var carOwner = data.car_owners[i];
+ var card = document.createElement('div');
card.className = 'bg-white border border-gray-200 rounded-lg p-5 shadow-sm hover:shadow-md transition-shadow duration-200';
- card.innerHTML = `
-
-
- 车辆信息
-
-
-
- 车牌号：
- ${carOwner.plate_number}
-
-
- 手机号：
- ${carOwner.phone}
-
-
- 车主姓名：
- ${carOwner.name}
-
-
- 身份证号：
- ${carOwner.id_card}
-
-
- 电子邮箱：
- ${carOwner.email || '未提供'}
-
-
- 居住地址：
- ${carOwner.address || '未提供'}
-
-
';
+ cardHtml += ' ';
+ cardHtml += ' 车辆信息';
+ cardHtml += '
';
+ cardHtml += '';
+ cardHtml += '
';
+ cardHtml += ' 车牌号：';
+ cardHtml += ' ' + (carOwner.plate_number || '') + '';
+ cardHtml += '
';
+ cardHtml += '
';
+ cardHtml += ' 手机号：';
+ cardHtml += ' ' + (carOwner.phone || '') + '';
+ cardHtml += '
';
+ cardHtml += '
';
+ cardHtml += ' 车主姓名：';
+ cardHtml += ' ' + (carOwner.name || '') + '';
+ cardHtml += '
';
+ cardHtml += '
';
+ cardHtml += ' 身份证号：';
+ cardHtml += ' ' + (carOwner.id_card || '') + '';
+ cardHtml += '
';
+ cardHtml += '
';
+ cardHtml += ' 电子邮箱：';
+ cardHtml += ' ' + (carOwner.email || '未提供') + '';
+ cardHtml += '
';
+ cardHtml += '
';
+ cardHtml += ' 居住地址：';
+ cardHtml += ' ' + (carOwner.address || '未提供') + '';
+ cardHtml += '
';
+ cardHtml += '