{{ message }}
{% endfor %}
-
+
+# 🛍️ Python Flask 电商系统 🛍️
+
+**一个功能完善、技术栈现代、可直接部署的线上电商平台毕业设计项目。**
+
+
+
+
+
+---
+
+## ✨ 项目简介
+
+本项目是一个基于 **Python + Flask** 构建的全功能线上电商系统。它涵盖了从用户注册登录、商品浏览、购物车、下单支付到后台管理的全流程。项目架构清晰，代码结构规范，并集成了**腾讯云COS**、**CDN**等云服务，最终可通过 **Docker** 实现快速、标准化的部署。
+
+## 🚀 技术栈概览
+
+| 分类 | 技术 | 描述 |
+| :--- | :--- | :--- |
+| 🖥️ **后端** | `Python`, `Flask`, `SQLAlchemy` | 核心开发语言、Web框架与ORM |
+| 🗃️ **数据库** | `MySQL` | 持久化数据存储 |
+| 🎨 **前端** | `HTML`, `CSS`, `JavaScript`, `Bootstrap` | 页面构建、样式与交互逻辑 |
+| ☁️ **云服务** | `腾讯云COS`, `腾讯云CDN`, `微信支付` | 对象存储、内容分发网络与支付服务 |
+| 🐳 **部署** | `Docker`, `Nginx` | 容器化部署与反向代理 |
+| ⚙️ **工具** | `Flask-Login`, `Flask-WTF`, `Flask-Mail` | 用户认证、表单处理、邮件服务 |
+
+## 🌟 系统核心功能
+
+
+
+
+🛍️ 用户端功能 (点击展开)
+ +- **👤 用户中心** + - 手机/邮箱注册登录，支持短信/邮箱验证码 + - 微信授权登录（可选） + - 个人信息编辑（昵称、头像、性别等） + - 头像上传至腾讯云COS + - 收货地址管理（增删改查、设为默认） + - 我的收藏夹 & 浏览历史 + +- **🛒 购物流程** + - 多级商品分类导航 + - 商品列表（分页、排序、筛选、搜索） + - 商品详情页（轮播图、规格选择、用户评价） + - 购物车（添加、修改数量、删除、结算） + - 未登录用户购物车（`localStorage` 支持） + +- **💳 订单与支付** + - 创建订单，填写备注 + - **微信支付**（PC端扫码、移动端JSAPI） + - 订单状态跟踪（待支付、待发货、待收货、待评价...） + - 查看订单详情与物流信息 + - 取消订单、申请退款、确认收货 + +- **✍️ 评价系统** + - 对已完成订单的商品进行评价（评分、文字、图片） + - 匿名评价选项 + +
+
+
+## 📂 项目结构
+
+```
+Online_shopping_platform/
+├── app/ # 核心应用目录
+│ ├── models/ # 📦 数据模型 (ORM)
+│ ├── views/ # 👁️ 视图函数 (Controllers)
+│ ├── templates/ # 📄 HTML模板
+│ ├── static/ # 🎨 静态资源 (CSS, JS, Images)
+│ ├── utils/ # 🛠️ 工具模块 (支付, COS, 邮件等)
+│ ├── forms.py # 📝 表单定义
+│ └── __init__.py # 🚀 应用工厂函数
+├── config/ # ⚙️ 配置文件
+├── docker/ # 🐳 Docker 相关配置
+├── logs/ # 📜 日志文件
+├── tests/ # 🧪 测试用例
+├── requirements.txt # 📦 Python 依赖
+├── run.py # ▶️ 应用启动脚本
+└── README.md # 📖 你正在阅读的文件
+```
+
+## 🗄️ 数据库设计
+
+项目数据库设计遵循电商业务逻辑，结构清晰，关系明确。
+
+🔧 管理后台功能 (点击展开)
+ +- **📊 数据看板 (Dashboard)** + - 销售额、订单量、用户增长等核心指标可视化 + +- **📦 商品管理** + - 商品分类的增删改查 + - 商品信息管理（上架/下架、编辑、库存、价格） + - 商品规格与属性管理 + +- **📋 订单管理** + - 按状态筛选和搜索订单 + - 查看订单详情 + - 执行发货操作（填写物流信息） + - 处理用户退款申请 + +- **👥 用户管理** + - 查看用户列表 + - 禁用/启用用户账户 + +- **⚙️ 系统设置** + - 网站基本信息配置 + - 支付接口与云存储配置 + +
+
+
+> 完整的 `CREATE TABLE` SQL语句已在项目文件中提供，包含了详细的字段、索引和外键设计。
+
+## 🛠️ 本地运行与部署
+
+### 1. 环境准备
+
+- 克隆项目到本地
+ ```bash
+ git clone 查看核心数据表 (点击展开)
+ +| 表名 | 用途 | +| :--- | :--- | +| `users` | 存储用户信息 | +| `user_addresses` | 用户收货地址 | +| `products` | 商品基本信息 (SPU) | +| `product_inventory` | 商品库存单元 (SKU) | +| `categories` | 商品分类 | +| `cart` | 购物车 | +| `orders` | 订单主表 | +| `order_items` | 订单详情表 | +| `payments` | 支付记录 | +| `reviews` | 商品评价 | +| `admin_users` | 后台管理员 | + +
+
🔸==============================================================================
📄 文件: app/__init__.py
-📊 大小: 2545 bytes (2.49 KB)
-🕒 修改时间: 2025-07-04 02:28:26
+📊 大小: 1326 bytes (1.29 KB)
+🕒 修改时间: 2025-07-09 02:21:01
🔸==============================================================================
-"""
-Flask应用工厂
-"""
from flask import Flask
-from flask_mail import Mail
+from config.database import init_db
from config.config import Config
-from config.database import db
-import re
-# 初始化邮件服务
-mail = Mail()
-
-
-def create_app(config_name='default'):
+def create_app(config_name=None):
app = Flask(__name__)
-
- # 加载配置
app.config.from_object(Config)
-
+
# 初始化数据库
- db.init_app(app)
-
- # 初始化邮件服务
- mail.init_app(app)
-
- # 注册自定义过滤器
- register_filters(app)
-
+ init_db(app)
+
# 注册蓝图
- register_blueprints(app)
-
- # 创建数据库表
- with app.app_context():
- try:
- db.create_all()
- print("✅ 数据库表创建/同步成功")
- except Exception as e:
- print(f"❌ 数据库表创建失败: {str(e)}")
-
- return app
-
-
-def register_filters(app):
- """注册自定义过滤器"""
-
- @app.template_filter('nl2br')
- def nl2br_filter(text):
- """将换行符转换为HTML 本项目为毕业设计作品，旨在展示一个完整的Web应用开发流程。
+作者：林金兴 | 指导老师：[指导老师姓名]
+标签""" - if not text: - return '' - # 将换行符替换为
标签 - return text.replace('\n', '
') - - @app.template_filter('truncate_chars') - def truncate_chars_filter(text, length=50): - """截断字符串""" - if not text: - return '' - if len(text) <= length: - return text - return text[:length] + '...' - - -def register_blueprints(app): - """注册蓝图""" - from app.views.main import main_bp from app.views.auth import auth_bp + from app.views.main import main_bp from app.views.user import user_bp - from app.views.admin import admin_bp from app.views.product import product_bp from app.views.cart import cart_bp - from app.views.address import address_bp from app.views.order import order_bp from app.views.payment import payment_bp - - app.register_blueprint(main_bp) + from app.views.admin import admin_bp + from app.views.address import address_bp + from app.views.upload import upload_bp + from app.views.review import review_bp + from app.views.favorite import favorite_bp + from app.views.history import history_bp + app.register_blueprint(auth_bp) + app.register_blueprint(main_bp) app.register_blueprint(user_bp) - app.register_blueprint(admin_bp) app.register_blueprint(product_bp) app.register_blueprint(cart_bp) - app.register_blueprint(address_bp) app.register_blueprint(order_bp) app.register_blueprint(payment_bp) - - # 修复：正确注册upload蓝图并设置URL前缀 - try: - from app.views.upload import upload_bp - app.register_blueprint(upload_bp, url_prefix='/upload') # 添加URL前缀 - print("✅ 上传功能蓝图注册成功") - except ImportError as e: - print(f"⚠️ 上传功能暂时不可用: {str(e)}") - - print("✅ 商品管理蓝图注册成功") - print("✅ 购物车蓝图注册成功") + app.register_blueprint(admin_bp) + app.register_blueprint(address_bp) + app.register_blueprint(upload_bp) + app.register_blueprint(review_bp) + app.register_blueprint(favorite_bp) + app.register_blueprint(history_bp) + + return app 🔸============================================================================== @@ -345,8 +558,8 @@ class CheckoutForm(FlaskForm): 🔸============================================================================== 📄 文件: app/models/__init__.py -📊 大小: 822 bytes (0.80 KB) -🕒 修改时间: 2025-07-04 01:56:55 +📊 大小: 952 bytes (0.93 KB) +🕒 修改时间: 2025-07-09 02:20:50 🔸============================================================================== from app.models.user import User @@ -359,13 +572,15 @@ from app.models.address import UserAddress from app.models.order import Order, OrderItem, ShippingInfo from app.models.payment import Payment from app.models.review import Review +from app.models.favorite import UserFavorite +from app.models.browse_history import BrowseHistory __all__ = [ 'User', 'EmailVerification', 'AdminUser', 'OperationLog', 'Category', 'Product', 'ProductImage', 'SpecName', 'SpecValue', 'ProductInventory', 'InventoryLog', 'ProductSpecRelation', 'Cart', 'UserAddress', 'Order', 'OrderItem', 'ShippingInfo', - 'Payment', 'Review' + 'Payment', 'Review', 'UserFavorite', 'BrowseHistory' ] @@ -516,6 +731,125 @@ class AdminUser(db.Model): return f'
+
+ `;
+
+ // 移除现有的模态框
+ const existingModal = document.getElementById('logDetailModal');
+ if (existingModal) {
+ existingModal.remove();
+ }
+
+ // 添加新的模态框
+ document.body.insertAdjacentHTML('beforeend', modalHtml);
+
+ // 显示模态框
+ const modal = new bootstrap.Modal(document.getElementById('logDetailModal'));
+ modal.show();
+}
+
+// 导出日志
+function exportLogs() {
+ // 获取当前筛选条件
+ const userType = document.getElementById('user_type').value;
+ const action = document.getElementById('action').value;
+
+ // 构建导出URL
+ const params = new URLSearchParams();
+ if (userType) params.append('user_type', userType);
+ if (action) params.append('action', action);
+
+ const exportUrl = `/admin/logs/export?${params.toString()}`;
+
+ // 下载文件
+ window.location.href = exportUrl;
+}
+
+// 清理日志
+function clearLogs() {
+ if (!confirm('确定要清理历史日志吗？此操作不可逆！')) {
+ return;
+ }
+
+ const daysToKeep = prompt('请输入要保留的天数（例如：30）:', '30');
+ if (!daysToKeep || isNaN(daysToKeep) || daysToKeep <= 0) {
+ showError('请输入有效的天数');
+ return;
+ }
+
+ // 显示加载状态
+ showLoading();
+
+ // 发送AJAX请求
+ fetch('/admin/logs/clear', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ days_to_keep: parseInt(daysToKeep)
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ hideLoading();
+ if (data.success) {
+ showSuccess(data.message);
+ // 刷新页面
+ setTimeout(() => {
+ location.reload();
+ }, 1000);
+ } else {
+ showError(data.message);
+ }
+ })
+ .catch(error => {
+ hideLoading();
+ console.error('Error:', error);
+ showError('网络错误，请重试');
+ });
+}
+
+// 搜索日志
+function searchLogs() {
+ const searchForm = document.querySelector('form[method="GET"]');
+ if (searchForm) {
+ searchForm.submit();
+ }
+}
+
+// 重置搜索
+function resetSearch() {
+ window.location.href = '/admin/logs';
+}
+
+// 格式化日期时间
+function formatDateTime(dateTimeString) {
+ if (!dateTimeString) return '未知';
+
+ const date = new Date(dateTimeString);
+ return date.toLocaleString('zh-CN');
+}
+
+// 显示成功消息
+function showSuccess(message) {
+ showAlert(message, 'success');
+}
+
+// 显示错误消息
+function showError(message) {
+ showAlert(message, 'danger');
+}
+
+// 显示提示消息
+function showAlert(message, type) {
+ const alertDiv = document.createElement('div');
+ alertDiv.className = `alert alert-${type} alert-dismissible fade show`;
+ alertDiv.innerHTML = `
+ ${message}
+
+ `;
+
+ // 插入到页面顶部
+ const container = document.querySelector('.admin-content');
+ container.insertBefore(alertDiv, container.firstChild);
+
+ // 3秒后自动关闭
+ setTimeout(() => {
+ alertDiv.remove();
+ }, 3000);
+}
+
+// 显示加载状态
+function showLoading() {
+ const loadingDiv = document.createElement('div');
+ loadingDiv.id = 'loading-overlay';
+ loadingDiv.innerHTML = `
+
+
+
+
+
+
+ `;
+ loadingDiv.style.cssText = `
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0,0,0,0.5);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ z-index: 9999;
+ color: white;
+ `;
+
+ document.body.appendChild(loadingDiv);
+}
+
+// 隐藏加载状态
+function hideLoading() {
+ const loadingDiv = document.getElementById('loading-overlay');
+ if (loadingDiv) {
+ loadingDiv.remove();
+ }
+}
+
+// 表格排序功能
+function sortTable(column) {
+ // 实现表格排序功能
+ console.log('Sort by:', column);
+}
+
+// 批量操作功能（可选）
+function bulkOperation() {
+ // 实现批量操作功能
+ const selectedLogs = document.querySelectorAll('input[type="checkbox"]:checked');
+ if (selectedLogs.length === 0) {
+ showError('请选择要操作的日志');
+ return;
+ }
+
+ // 实现批量操作逻辑
+}
+
+
+🔸==============================================================================
+📄 文件: app/static/js/admin_orders.js
+📊 大小: 6855 bytes (6.69 KB)
+🕒 修改时间: 2025-07-09 05:11:36
+🔸==============================================================================
+
+// 订单管理JavaScript功能
+document.addEventListener('DOMContentLoaded', function() {
+ // 初始化所有模态框
+ const shipModal = new bootstrap.Modal(document.getElementById('shipModal'));
+ const refundModal = new bootstrap.Modal(document.getElementById('refundModal'));
+ const cancelModal = new bootstrap.Modal(document.getElementById('cancelModal'));
+
+ // 当前操作的订单ID
+ let currentOrderId = null;
+
+ // 显示发货模态框
+ window.showShipModal = function(orderId, orderSn) {
+ currentOrderId = orderId;
+ document.getElementById('shipOrderSn').value = orderSn;
+ shipModal.show();
+ };
+
+ // 显示退款模态框
+ window.showRefundModal = function(orderId, orderSn) {
+ currentOrderId = orderId;
+ document.getElementById('refundOrderSn').value = orderSn;
+ refundModal.show();
+ };
+
+ // 显示取消模态框
+ window.showCancelModal = function(orderId, orderSn) {
+ currentOrderId = orderId;
+ document.getElementById('cancelOrderSn').value = orderSn;
+ cancelModal.show();
+ };
+
+ // 处理发货表单提交
+ document.getElementById('shipForm').addEventListener('submit', function(e) {
+ e.preventDefault();
+
+ if (!currentOrderId) {
+ showAlert('错误', '订单ID不能为空', 'danger');
+ return;
+ }
+
+ const formData = new FormData(this);
+ const submitBtn = this.querySelector('button[type="submit"]');
+
+ // 显示加载状态
+ const originalText = submitBtn.innerHTML;
+ submitBtn.innerHTML = ' 处理中...';
+ submitBtn.disabled = true;
+
+ fetch(`/admin/orders/${currentOrderId}/ship`, {
+ method: 'POST',
+ body: formData
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showAlert('成功', '发货成功！', 'success');
+ shipModal.hide();
+ setTimeout(() => {
+ location.reload();
+ }, 1000);
+ } else {
+ showAlert('错误', data.message || '发货失败', 'danger');
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ showAlert('错误', '网络请求失败', 'danger');
+ })
+ .finally(() => {
+ // 恢复按钮状态
+ submitBtn.innerHTML = originalText;
+ submitBtn.disabled = false;
+ });
+ });
+
+ // 处理退款表单提交
+ document.getElementById('refundForm').addEventListener('submit', function(e) {
+ e.preventDefault();
+
+ if (!currentOrderId) {
+ showAlert('错误', '订单ID不能为空', 'danger');
+ return;
+ }
+
+ const formData = new FormData(this);
+ const submitBtn = this.querySelector('button[type="submit"]');
+
+ // 显示加载状态
+ const originalText = submitBtn.innerHTML;
+ submitBtn.innerHTML = ' 处理中...';
+ submitBtn.disabled = true;
+
+ fetch(`/admin/orders/${currentOrderId}/refund`, {
+ method: 'POST',
+ body: formData
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showAlert('成功', '退款成功！', 'success');
+ refundModal.hide();
+ setTimeout(() => {
+ location.reload();
+ }, 1000);
+ } else {
+ showAlert('错误', data.message || '退款失败', 'danger');
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ showAlert('错误', '网络请求失败', 'danger');
+ })
+ .finally(() => {
+ // 恢复按钮状态
+ submitBtn.innerHTML = originalText;
+ submitBtn.disabled = false;
+ });
+ });
+
+ // 处理取消表单提交
+ document.getElementById('cancelForm').addEventListener('submit', function(e) {
+ e.preventDefault();
+
+ if (!currentOrderId) {
+ showAlert('错误', '订单ID不能为空', 'danger');
+ return;
+ }
+
+ const formData = new FormData(this);
+ const submitBtn = this.querySelector('button[type="submit"]');
+
+ // 显示加载状态
+ const originalText = submitBtn.innerHTML;
+ submitBtn.innerHTML = ' 处理中...';
+ submitBtn.disabled = true;
+
+ fetch(`/admin/orders/${currentOrderId}/cancel`, {
+ method: 'POST',
+ body: formData
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showAlert('成功', '订单取消成功！', 'success');
+ cancelModal.hide();
+ setTimeout(() => {
+ location.reload();
+ }, 1000);
+ } else {
+ showAlert('错误', data.message || '取消失败', 'danger');
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ showAlert('错误', '网络请求失败', 'danger');
+ })
+ .finally(() => {
+ // 恢复按钮状态
+ submitBtn.innerHTML = originalText;
+ submitBtn.disabled = false;
+ });
+ });
+
+ // 通用提示函数
+ function showAlert(title, message, type) {
+ // 创建提示框
+ const alertDiv = document.createElement('div');
+ alertDiv.className = `alert alert-${type} alert-dismissible fade show position-fixed`;
+ alertDiv.style.cssText = 'top: 20px; right: 20px; z-index: 9999; min-width: 300px;';
+ alertDiv.innerHTML = `
+ ${title} ${message}
+
+ `;
+
+ document.body.appendChild(alertDiv);
+
+ // 3秒后自动关闭
+ setTimeout(() => {
+ if (alertDiv.parentNode) {
+ alertDiv.parentNode.removeChild(alertDiv);
+ }
+ }, 3000);
+ }
+});
+
+// 旋转动画CSS（如果需要）
+if (!document.querySelector('#admin-orders-style')) {
+ const style = document.createElement('style');
+ style.id = 'admin-orders-style';
+ style.textContent = `
+ .spin {
+ animation: spin 1s linear infinite;
+ }
+
+ @keyframes spin {
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(360deg); }
+ }
+ `;
+ document.head.appendChild(style);
+}
+
+
+🔸==============================================================================
+📄 文件: app/static/js/admin_users.js
+📊 大小: 12828 bytes (12.53 KB)
+🕒 修改时间: 2025-07-09 02:08:32
+🔸==============================================================================
+
+// 用户管理页面JavaScript
+document.addEventListener('DOMContentLoaded', function() {
+ // 初始化
+ initializeUserManagement();
+});
+
+// 初始化用户管理功能
+function initializeUserManagement() {
+ // 添加事件监听器
+ setupEventListeners();
+
+ // 初始化头像显示
+ initializeAvatars();
+
+ // 强制设置头像样式
+ forceAvatarStyles();
+}
+
+// 设置事件监听器
+function setupEventListeners() {
+ // 搜索表单提交
+ const searchForm = document.querySelector('form[method="GET"]');
+ if (searchForm) {
+ searchForm.addEventListener('submit', function(e) {
+ // 可以在这里添加搜索前的验证
+ });
+ }
+
+ // 状态筛选变更
+ const statusSelect = document.getElementById('status');
+ if (statusSelect) {
+ statusSelect.addEventListener('change', function() {
+ // 自动提交表单
+ this.form.submit();
+ });
+ }
+}
+
+// 初始化头像显示
+function initializeAvatars() {
+ const avatars = document.querySelectorAll('.user-avatar');
+ avatars.forEach(avatar => {
+ avatar.onerror = function() {
+ // 如果头像加载失败，替换为默认头像
+ this.style.display = 'none';
+ const placeholder = this.parentElement.querySelector('.user-avatar-placeholder');
+ if (placeholder) {
+ placeholder.style.display = 'flex';
+ }
+ };
+ });
+}
+
+// 强制设置头像样式，覆盖Bootstrap
+function forceAvatarStyles() {
+ // 设置表格中的头像样式
+ const tableAvatars = document.querySelectorAll('.table .user-avatar');
+ tableAvatars.forEach(avatar => {
+ setAvatarStyles(avatar, '48px');
+ });
+}
+
+// 设置单个头像样式
+function setAvatarStyles(avatar, size) {
+ if (!avatar) return;
+
+ // 强制设置所有相关样式
+ avatar.style.setProperty('width', size, 'important');
+ avatar.style.setProperty('height', size, 'important');
+ avatar.style.setProperty('max-width', size, 'important');
+ avatar.style.setProperty('max-height', size, 'important');
+ avatar.style.setProperty('min-width', size, 'important');
+ avatar.style.setProperty('min-height', size, 'important');
+ avatar.style.setProperty('border-radius', '50%', 'important');
+ avatar.style.setProperty('object-fit', 'cover', 'important');
+ avatar.style.setProperty('border', '2px solid #f8f9fa', 'important');
+ avatar.style.setProperty('display', 'block', 'important');
+ avatar.style.setProperty('flex-shrink', '0', 'important');
+ avatar.style.setProperty('flex-grow', '0', 'important');
+
+ // 移除可能影响的Bootstrap类
+ avatar.classList.remove('img-fluid', 'img-responsive', 'img-thumbnail');
+
+ // 设置父元素样式
+ if (avatar.parentElement) {
+ avatar.parentElement.style.setProperty('width', size, 'important');
+ avatar.parentElement.style.setProperty('height', size, 'important');
+ avatar.parentElement.style.setProperty('overflow', 'hidden', 'important');
+ avatar.parentElement.style.setProperty('flex-shrink', '0', 'important');
+ avatar.parentElement.style.setProperty('flex-grow', '0', 'important');
+ }
+}
+
+// 查看用户详情
+function viewUser(userId) {
+ // 显示模态框
+ const modal = new bootstrap.Modal(document.getElementById('userDetailModal'));
+ const content = document.getElementById('userDetailContent');
+
+ // 显示加载状态
+ content.innerHTML = `
+ 处理中...
+
+
+
+ `;
+
+ modal.show();
+
+ // 发送AJAX请求获取用户详情
+ fetch(`/admin/users/${userId}/detail`)
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ renderUserDetail(data.user);
+ // 立即强制设置头像样式
+ setTimeout(() => {
+ forceModalAvatarStyles();
+ }, 50);
+ // 再次确保样式正确应用
+ setTimeout(() => {
+ forceModalAvatarStyles();
+ }, 200);
+ } else {
+ showError('获取用户详情失败: ' + data.message);
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ showError('网络错误，请重试');
+ });
+}
+
+// 渲染用户详情
+function renderUserDetail(user) {
+ const content = document.getElementById('userDetailContent');
+
+ content.innerHTML = `
+ 加载中...
+
+
+ `;
+}
+
+// 强制设置模态框中的头像样式
+function forceModalAvatarStyles() {
+ const modalAvatar = document.getElementById('modalAvatar');
+ if (modalAvatar) {
+ setAvatarStyles(modalAvatar, '80px');
+
+ // 设置容器样式
+ const wrapper = document.querySelector('.user-avatar-large-wrapper');
+ if (wrapper) {
+ wrapper.style.setProperty('width', '80px', 'important');
+ wrapper.style.setProperty('height', '80px', 'important');
+ wrapper.style.setProperty('margin', '0 auto', 'important');
+ wrapper.style.setProperty('overflow', 'hidden', 'important');
+ wrapper.style.setProperty('border-radius', '50%', 'important');
+ wrapper.style.setProperty('position', 'relative', 'important');
+ wrapper.style.setProperty('flex-shrink', '0', 'important');
+ wrapper.style.setProperty('flex-grow', '0', 'important');
+ }
+ }
+
+ // 通用的模态框头像处理
+ const modalAvatars = document.querySelectorAll('.modal .avatar-large');
+ modalAvatars.forEach(avatar => {
+ setAvatarStyles(avatar, '80px');
+ });
+}
+
+// 切换用户状态
+function toggleUserStatus(userId, currentStatus) {
+ const action = currentStatus === 1 ? '禁用' : '启用';
+ const newStatus = currentStatus === 1 ? 0 : 1;
+
+ if (!confirm(`确定要${action}此用户吗？`)) {
+ return;
+ }
+
+ // 显示加载状态
+ showLoading();
+
+ // 发送AJAX请求
+ fetch(`/admin/users/${userId}/toggle-status`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ status: newStatus
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ hideLoading();
+ if (data.success) {
+ showSuccess(data.message);
+ // 刷新页面
+ setTimeout(() => {
+ location.reload();
+ }, 1000);
+ } else {
+ showError(data.message);
+ }
+ })
+ .catch(error => {
+ hideLoading();
+ console.error('Error:', error);
+ showError('网络错误，请重试');
+ });
+}
+
+// 获取性别文本
+function getGenderText(gender) {
+ switch (gender) {
+ case 1: return '男';
+ case 2: return '女';
+ default: return '未知';
+ }
+}
+
+// 格式化日期时间
+function formatDateTime(dateTimeString) {
+ if (!dateTimeString) return '未知';
+
+ const date = new Date(dateTimeString);
+ return date.toLocaleString('zh-CN');
+}
+
+// 显示成功消息
+function showSuccess(message) {
+ showAlert(message, 'success');
+}
+
+// 显示错误消息
+function showError(message) {
+ showAlert(message, 'danger');
+}
+
+// 显示提示消息
+function showAlert(message, type) {
+ const alertDiv = document.createElement('div');
+ alertDiv.className = `alert alert-${type} alert-dismissible fade show`;
+ alertDiv.innerHTML = `
+ ${message}
+
+ `;
+
+ // 插入到页面顶部
+ const container = document.querySelector('.admin-content');
+ container.insertBefore(alertDiv, container.firstChild);
+
+ // 3秒后自动关闭
+ setTimeout(() => {
+ alertDiv.remove();
+ }, 3000);
+}
+
+// 显示加载状态
+function showLoading() {
+ const loadingDiv = document.createElement('div');
+ loadingDiv.id = 'loading-overlay';
+ loadingDiv.innerHTML = `
+
+
+
+
+
+ ${user.avatar_url ?
+ `
` :
+ `
+ `
+ }
+
${user.nickname || user.username}
+ + ${user.status === 1 ? '正常' : '禁用'} + +
+
+
+
+
+
+ `;
+ loadingDiv.style.cssText = `
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0,0,0,0.5);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ z-index: 9999;
+ color: white;
+ `;
+
+ document.body.appendChild(loadingDiv);
+}
+
+// 隐藏加载状态
+function hideLoading() {
+ const loadingDiv = document.getElementById('loading-overlay');
+ if (loadingDiv) {
+ loadingDiv.remove();
+ }
+}
+
+// 页面加载完成后强制设置头像样式
+window.addEventListener('load', function() {
+ forceAvatarStyles();
+});
+
+// 定时检查并修复头像样式
+setInterval(function() {
+ // 检查并修复表格头像
+ const tableAvatars = document.querySelectorAll('.table .user-avatar');
+ tableAvatars.forEach(avatar => {
+ if (avatar.offsetWidth > 60 || avatar.offsetHeight > 60) {
+ setAvatarStyles(avatar, '48px');
+ }
+ });
+
+ // 检查并修复模态框头像
+ const modalAvatars = document.querySelectorAll('.modal .avatar-large');
+ modalAvatars.forEach(avatar => {
+ if (avatar.offsetWidth > 100 || avatar.offsetHeight > 100) {
+ setAvatarStyles(avatar, '80px');
+ }
+ });
+}, 500);
+
+
+🔸==============================================================================
+📄 文件: app/static/js/base.js
+📊 大小: 5415 bytes (5.29 KB)
+🕒 修改时间: 2025-07-08 17:18:51
+🔸==============================================================================
+
+// 基础JavaScript功能
+
+// 返回顶部功能
+window.addEventListener('scroll', function() {
+ const backToTop = document.getElementById('backToTop');
+ if (backToTop) {
+ if (window.pageYOffset > 300) {
+ backToTop.style.display = 'block';
+ } else {
+ backToTop.style.display = 'none';
+ }
+ }
+});
+
+function scrollToTop() {
+ window.scrollTo({
+ top: 0,
+ behavior: 'smooth'
+ });
+}
+
+// 购物车数量更新
+function updateCartBadge(count) {
+ const badge = document.getElementById('cartBadge');
+ if (badge) {
+ if (count > 0) {
+ badge.textContent = count;
+ badge.style.display = 'inline-block';
+ } else {
+ badge.style.display = 'none';
+ }
+ }
+}
+
+// 通用提示函数
+function showAlert(message, type = 'info', duration = 3000) {
+ // 移除现有的提示框
+ const existingAlerts = document.querySelectorAll('.custom-alert');
+ existingAlerts.forEach(alert => alert.remove());
+
+ // 创建新的提示框
+ const alertDiv = document.createElement('div');
+ alertDiv.className = `alert alert-${getBootstrapAlertType(type)} alert-dismissible fade show custom-alert`;
+ alertDiv.style.cssText = `
+ position: fixed;
+ top: 20px;
+ right: 20px;
+ z-index: 9999;
+ min-width: 300px;
+ max-width: 500px;
+ box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+ `;
+
+ const icon = getAlertIcon(type);
+ alertDiv.innerHTML = `
+ 处理中...
+
+
+
+ `;
+
+ document.body.appendChild(alertDiv);
+
+ // 自动消失
+ if (duration > 0) {
+ setTimeout(() => {
+ if (alertDiv.parentNode) {
+ alertDiv.classList.remove('show');
+ setTimeout(() => {
+ if (alertDiv.parentNode) {
+ alertDiv.remove();
+ }
+ }, 150);
+ }
+ }, duration);
+ }
+
+ return alertDiv;
+}
+
+// 获取Bootstrap警告类型
+function getBootstrapAlertType(type) {
+ const typeMap = {
+ 'success': 'success',
+ 'error': 'danger',
+ 'warning': 'warning',
+ 'info': 'info'
+ };
+ return typeMap[type] || 'info';
+}
+
+// 获取警告图标
+function getAlertIcon(type) {
+ const iconMap = {
+ 'success': 'bi-check-circle-fill',
+ 'error': 'bi-exclamation-triangle-fill',
+ 'warning': 'bi-exclamation-triangle-fill',
+ 'info': 'bi-info-circle-fill'
+ };
+ return iconMap[type] || 'bi-info-circle-fill';
+}
+
+// 确认对话框
+function showConfirm(message, callback) {
+ if (confirm(message)) {
+ if (typeof callback === 'function') {
+ callback();
+ }
+ return true;
+ }
+ return false;
+}
+
+// 页面加载完成后的初始化
+document.addEventListener('DOMContentLoaded', function() {
+ // 当前页面高亮
+ const currentPath = window.location.pathname;
+ const navLinks = document.querySelectorAll('.navbar-nav .nav-link');
+
+ navLinks.forEach(link => {
+ if (link.getAttribute('href') === currentPath) {
+ link.classList.add('active');
+ }
+ });
+
+ // 初始化购物车数量
+ updateCartCount();
+});
+
+// 通用AJAX错误处理
+function handleAjaxError(xhr, defaultMessage = '操作失败，请稍后再试') {
+ if (xhr.status === 401) {
+ showAlert('请先登录', 'warning');
+ setTimeout(() => {
+ window.location.href = '/auth/login';
+ }, 1500);
+ } else if (xhr.status === 403) {
+ showAlert('没有权限执行此操作', 'error');
+ } else if (xhr.status === 404) {
+ showAlert('请求的资源不存在', 'error');
+ } else if (xhr.status >= 500) {
+ showAlert('服务器错误，请稍后再试', 'error');
+ } else {
+ showAlert(defaultMessage, 'error');
+ }
+}
+
+// 通用成功提示（保持向后兼容）
+function showSuccessMessage(message) {
+ showAlert(message, 'success');
+}
+
+// 更新购物车数量
+function updateCartCount() {
+ fetch('/cart/count')
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ updateCartBadge(data.count);
+ }
+ })
+ .catch(error => {
+ console.log('获取购物车数量失败:', error);
+ });
+}
+
+// 格式化价格
+function formatPrice(price) {
+ return '¥' + parseFloat(price).toFixed(2);
+}
+
+// 格式化数字
+function formatNumber(num) {
+ return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+}
+
+// 防抖函数
+function debounce(func, wait) {
+ let timeout;
+ return function executedFunction(...args) {
+ const later = () => {
+ clearTimeout(timeout);
+ func(...args);
+ };
+ clearTimeout(timeout);
+ timeout = setTimeout(later, wait);
+ };
+}
+
+// 节流函数
+function throttle(func, limit) {
+ let inThrottle;
+ return function() {
+ const args = arguments;
+ const context = this;
+ if (!inThrottle) {
+ func.apply(context, args);
+ inThrottle = true;
+ setTimeout(() => inThrottle = false, limit);
+ }
+ }
+}
+
+
+🔸==============================================================================
+📄 文件: app/static/js/cart.js
+📊 大小: 6282 bytes (6.13 KB)
+🕒 修改时间: 2025-07-04 14:40:34
+🔸==============================================================================
+
+let selectedItems = new Set();
+
+// 页面加载完成后初始化
+document.addEventListener('DOMContentLoaded', function() {
+ updateSelectAllState();
+ updateTotalPrice();
+});
+
+// 全选/取消全选
+document.getElementById('selectAll').addEventListener('change', function() {
+ const checkboxes = document.querySelectorAll('.item-checkbox:not(:disabled)');
+ checkboxes.forEach(checkbox => {
+ checkbox.checked = this.checked;
+ if (this.checked) {
+ selectedItems.add(parseInt(checkbox.value));
+ } else {
+ selectedItems.delete(parseInt(checkbox.value));
+ }
+ });
+ updateTotalPrice();
+});
+
+// 单个商品选择
+document.querySelectorAll('.item-checkbox').forEach(checkbox => {
+ checkbox.addEventListener('change', function() {
+ const cartId = parseInt(this.value);
+ if (this.checked) {
+ selectedItems.add(cartId);
+ } else {
+ selectedItems.delete(cartId);
+ }
+ updateSelectAllState();
+ updateTotalPrice();
+ });
+});
+
+// 更新全选状态
+function updateSelectAllState() {
+ const selectAllCheckbox = document.getElementById('selectAll');
+ const availableCheckboxes = document.querySelectorAll('.item-checkbox:not(:disabled)');
+ const checkedCheckboxes = document.querySelectorAll('.item-checkbox:not(:disabled):checked');
+
+ if (availableCheckboxes.length === 0) {
+ selectAllCheckbox.disabled = true;
+ selectAllCheckbox.checked = false;
+ } else {
+ selectAllCheckbox.disabled = false;
+ selectAllCheckbox.checked = availableCheckboxes.length === checkedCheckboxes.length;
+ }
+}
+
+// 更新总价
+function updateTotalPrice() {
+ let totalPrice = 0;
+ let selectedCount = 0;
+
+ selectedItems.forEach(cartId => {
+ const cartItem = document.querySelector(`[data-cart-id="${cartId}"]`);
+ if (cartItem) {
+ const itemTotal = parseFloat(cartItem.querySelector('.item-total').textContent);
+ const quantity = parseInt(cartItem.querySelector('.quantity-input').value);
+ totalPrice += itemTotal;
+ selectedCount += quantity;
+ }
+ });
+
+ document.getElementById('selectedCount').textContent = selectedCount;
+ document.getElementById('selectedTotal').textContent = totalPrice.toFixed(2);
+ document.getElementById('finalTotal').textContent = totalPrice.toFixed(2);
+
+ // 更新结算按钮状态
+ const checkoutBtn = document.getElementById('checkoutBtn');
+ checkoutBtn.disabled = selectedItems.size === 0;
+}
+
+// 修改数量
+function changeQuantity(cartId, delta) {
+ const input = document.querySelector(`[data-cart-id="${cartId}"]`);
+ const currentValue = parseInt(input.value);
+ const newValue = currentValue + delta;
+
+ if (newValue >= 1 && newValue <= parseInt(input.max)) {
+ updateQuantity(cartId, newValue);
+ }
+}
+
+// 更新数量
+function updateQuantity(cartId, quantity) {
+ if (quantity < 1) return;
+
+ fetch('/cart/update', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ cart_id: cartId,
+ quantity: parseInt(quantity)
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ // 更新页面显示
+ const cartItem = document.querySelector(`[data-cart-id="${cartId}"]`);
+ cartItem.querySelector('.quantity-input').value = quantity;
+ cartItem.querySelector('.item-total').textContent = data.item_total.toFixed(2);
+
+ // 更新总价
+ updateTotalPrice();
+
+ // 更新全局购物车数量
+ updateCartBadge(data.cart_count);
+
+ showSuccessMessage('数量更新成功');
+ } else {
+ alert(data.message);
+ // 恢复原始值
+ location.reload();
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ alert('更新失败');
+ location.reload();
+ });
+}
+
+// 删除商品
+function removeItem(cartId) {
+ if (!confirm('确定要删除这件商品吗？')) {
+ return;
+ }
+
+ fetch('/cart/remove', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ cart_id: cartId
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ // 从页面中移除商品
+ const cartItem = document.querySelector(`[data-cart-id="${cartId}"]`);
+ cartItem.remove();
+
+ // 从选中列表中移除
+ selectedItems.delete(cartId);
+
+ // 更新显示
+ updateSelectAllState();
+ updateTotalPrice();
+ updateCartBadge(data.cart_count);
+
+ showSuccessMessage('商品已删除');
+
+ // 如果购物车为空，刷新页面
+ if (data.cart_count === 0) {
+ setTimeout(() => {
+ location.reload();
+ }, 1000);
+ }
+ } else {
+ alert(data.message);
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ alert('删除失败');
+ });
+}
+
+// 清空购物车
+function clearCart() {
+ if (!confirm('确定要清空购物车吗？')) {
+ return;
+ }
+
+ fetch('/cart/clear', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ }
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showSuccessMessage('购物车已清空');
+ setTimeout(() => {
+ location.reload();
+ }, 1000);
+ } else {
+ alert(data.message);
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ alert('清空失败');
+ });
+}
+
+// 去结算
+function checkout() {
+ if (selectedItems.size === 0) {
+ alert('请选择要购买的商品');
+ return;
+ }
+
+ const params = new URLSearchParams();
+ selectedItems.forEach(cartId => {
+ params.append('items', cartId);
+ });
+
+ window.location.href = `/cart/checkout?${params.toString()}`;
+}
+
+
+🔸==============================================================================
+📄 文件: app/static/js/checkout.js
+📊 大小: 4771 bytes (4.66 KB)
+🕒 修改时间: 2025-07-08 17:18:51
+🔸==============================================================================
+
+// 订单结算页面脚本
+let selectedAddressId = 0;
+let subtotal = 0;
+
+// 初始化页面
+document.addEventListener('DOMContentLoaded', function() {
+ // 从页面获取初始数据
+ const defaultAddress = document.querySelector('input[name="address_id"]:checked');
+ if (defaultAddress) {
+ selectedAddressId = parseInt(defaultAddress.value);
+ }
+
+ // 获取商品总价
+ const subtotalElement = document.getElementById('subtotal');
+ if (subtotalElement) {
+ subtotal = parseFloat(subtotalElement.textContent.replace('¥', ''));
+ }
+});
+
+// 选择地址
+function selectAddress(addressId) {
+ selectedAddressId = addressId;
+
+ // 更新UI
+ document.querySelectorAll('.address-card').forEach(card => {
+ card.classList.remove('selected');
+ });
+
+ const selectedCard = document.querySelector(`[data-address-id="${addressId}"]`);
+ if (selectedCard) {
+ selectedCard.classList.add('selected');
+ }
+
+ // 更新单选按钮
+ const radioButton = document.querySelector(`input[value="${addressId}"]`);
+ if (radioButton) {
+ radioButton.checked = true;
+ }
+}
+
+// 更新运费
+function updateShippingFee() {
+ const shippingMethodElement = document.querySelector('input[name="shipping_method"]:checked');
+ if (!shippingMethodElement) return;
+
+ const shippingMethod = shippingMethodElement.value;
+ let fee = 0;
+
+ switch(shippingMethod) {
+ case 'express':
+ fee = 10;
+ break;
+ case 'same_day':
+ fee = 20;
+ break;
+ default:
+ fee = 0;
+ }
+
+ const shippingFeeElement = document.getElementById('shippingFee');
+ const totalAmountElement = document.getElementById('totalAmount');
+
+ if (shippingFeeElement) {
+ shippingFeeElement.textContent = `¥${fee.toFixed(2)}`;
+ }
+
+ if (totalAmountElement) {
+ totalAmountElement.textContent = `¥${(subtotal + fee).toFixed(2)}`;
+ }
+}
+
+// 提交订单
+function submitOrder() {
+ // 验证地址选择
+ if (!selectedAddressId) {
+ showAlert('请选择收货地址', 'warning');
+ return;
+ }
+
+ // 获取表单数据
+ const shippingMethodElement = document.querySelector('input[name="shipping_method"]:checked');
+ const paymentMethodElement = document.querySelector('input[name="payment_method"]:checked');
+ const remarkElement = document.getElementById('orderRemark');
+
+ if (!shippingMethodElement) {
+ showAlert('请选择配送方式', 'warning');
+ return;
+ }
+
+ if (!paymentMethodElement) {
+ showAlert('请选择支付方式', 'warning');
+ return;
+ }
+
+ const shippingMethod = shippingMethodElement.value;
+ const paymentMethod = paymentMethodElement.value;
+ const remark = remarkElement ? remarkElement.value : '';
+
+ // 获取选中的购物车商品ID
+ const urlParams = new URLSearchParams(window.location.search);
+ const selectedItems = urlParams.getAll('items');
+
+ if (selectedItems.length === 0) {
+ showAlert('没有选中的商品', 'error');
+ return;
+ }
+
+ const orderData = {
+ selected_items: selectedItems,
+ address_id: selectedAddressId,
+ shipping_method: shippingMethod,
+ payment_method: paymentMethod,
+ remark: remark
+ };
+
+ // 显示加载状态
+ const submitBtn = document.querySelector('.btn-danger');
+ if (!submitBtn) {
+ showAlert('提交按钮未找到', 'error');
+ return;
+ }
+
+ const originalText = submitBtn.innerHTML;
+ submitBtn.innerHTML = ' 提交中...';
+ submitBtn.disabled = true;
+
+ // 提交订单
+ fetch('/order/create', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify(orderData)
+ })
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ if (data.success) {
+ showAlert('订单创建成功！正在跳转到支付页面...', 'success');
+ setTimeout(() => {
+ window.location.href = `/order/pay/${data.payment_sn}`;
+ }, 1500);
+ } else {
+ showAlert(data.message || '订单创建失败', 'error');
+ // 恢复按钮状态
+ submitBtn.innerHTML = originalText;
+ submitBtn.disabled = false;
+ }
+ })
+ .catch(error => {
+ console.error('提交订单错误:', error);
+ showAlert('提交订单失败，请重试', 'error');
+ // 恢复按钮状态
+ submitBtn.innerHTML = originalText;
+ submitBtn.disabled = false;
+ });
+}
+
+
🔸==============================================================================
📄 文件: app/static/js/city_data.js
📊 大小: 55620 bytes (54.32 KB)
@@ -1937,10 +8727,2639 @@ const cityData = {
};
+🔸==============================================================================
+📄 文件: app/static/js/favorites.js
+📊 大小: 6804 bytes (6.64 KB)
+🕒 修改时间: 2025-07-09 02:20:37
+🔸==============================================================================
+
+// 收藏页面JavaScript
+let selectedItems = [];
+let isSelectAll = false;
+
+document.addEventListener('DOMContentLoaded', function() {
+ // 初始化事件监听
+ initEventListeners();
+});
+
+function initEventListeners() {
+ // 复选框变化事件
+ document.querySelectorAll('.favorite-checkbox').forEach(checkbox => {
+ checkbox.addEventListener('change', function() {
+ updateSelectedItems();
+ });
+ });
+}
+
+function updateSelectedItems() {
+ selectedItems = [];
+ document.querySelectorAll('.favorite-checkbox:checked').forEach(checkbox => {
+ selectedItems.push(parseInt(checkbox.value));
+ });
+
+ // 更新按钮状态
+ const batchBtn = document.querySelector('[onclick="batchRemove()"]');
+ if (batchBtn) {
+ batchBtn.disabled = selectedItems.length === 0;
+ }
+}
+
+function toggleSelectAll() {
+ isSelectAll = !isSelectAll;
+ const checkboxes = document.querySelectorAll('.favorite-checkbox');
+
+ checkboxes.forEach(checkbox => {
+ checkbox.checked = isSelectAll;
+ });
+
+ updateSelectedItems();
+
+ // 更新按钮文本
+ const selectAllBtn = document.querySelector('[onclick="toggleSelectAll()"]');
+ if (selectAllBtn) {
+ selectAllBtn.innerHTML = isSelectAll ?
+ ' 取消全选' :
+ ' 全选';
+ }
+}
+
+function removeFavorite(productId) {
+ if (confirm('确定要取消收藏这个商品吗？')) {
+ fetch('/favorite/remove', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ product_id: productId
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showSuccessMessage(data.message);
+ // 移除商品卡片
+ const itemElement = document.querySelector(`[data-product-id="${productId}"]`);
+ if (itemElement) {
+ itemElement.remove();
+ }
+ // 更新收藏数量
+ updateFavoriteCount();
+ // 检查是否为空
+ checkEmptyState();
+ } else {
+ showErrorMessage(data.message);
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ showErrorMessage('操作失败，请稍后再试');
+ });
+ }
+}
+
+function batchRemove() {
+ if (selectedItems.length === 0) {
+ showErrorMessage('请选择要删除的商品');
+ return;
+ }
+
+ const modal = new bootstrap.Modal(document.getElementById('confirmModal'));
+ document.getElementById('confirmMessage').textContent =
+ `确定要取消收藏这 ${selectedItems.length} 个商品吗？`;
+
+ document.getElementById('confirmBtn').onclick = function() {
+ performBatchRemove();
+ modal.hide();
+ };
+
+ modal.show();
+}
+
+function performBatchRemove() {
+ fetch('/favorite/batch-remove', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ product_ids: selectedItems
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showSuccessMessage(data.message);
+ // 移除选中的商品卡片
+ selectedItems.forEach(productId => {
+ const itemElement = document.querySelector(`[data-product-id="${productId}"]`);
+ if (itemElement) {
+ itemElement.remove();
+ }
+ });
+ // 重置选择状态
+ selectedItems = [];
+ isSelectAll = false;
+ updateSelectedItems();
+ // 更新收藏数量
+ updateFavoriteCount();
+ // 检查是否为空
+ checkEmptyState();
+ } else {
+ showErrorMessage(data.message);
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ showErrorMessage('批量删除失败，请稍后再试');
+ });
+}
+
+function addToCart(productId) {
+ // 调用购物车添加功能
+ fetch('/cart/add', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ product_id: productId,
+ quantity: 1
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showSuccessMessage(data.message);
+ // 更新购物车数量
+ if (typeof updateCartBadge === 'function') {
+ updateCartBadge(data.cart_count);
+ }
+ } else {
+ showErrorMessage(data.message);
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ showErrorMessage('加入购物车失败，请稍后再试');
+ });
+}
+
+function updateFavoriteCount() {
+ fetch('/favorite/count')
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ // 更新收藏数量显示
+ const badge = document.querySelector('.badge.bg-secondary');
+ if (badge) {
+ badge.textContent = `共 ${data.favorite_count} 件商品`;
+ }
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ });
+}
+
+function checkEmptyState() {
+ const itemsContainer = document.querySelector('.row');
+ const items = itemsContainer.querySelectorAll('.favorite-item');
+
+ if (items.length === 0) {
+ // 显示空状态
+ itemsContainer.innerHTML = `
+ ${message}
+
+
+
+ `;
+ }
+}
+
+function showSuccessMessage(message) {
+ // 使用现有的消息提示函数
+ if (typeof showMessage === 'function') {
+ showMessage(message, 'success');
+ } else {
+ alert(message);
+ }
+}
+
+function showErrorMessage(message) {
+ // 使用现有的消息提示函数
+ if (typeof showMessage === 'function') {
+ showMessage(message, 'error');
+ } else {
+ alert(message);
+ }
+}
+
+
+🔸==============================================================================
+📄 文件: app/static/js/history.js
+📊 大小: 8170 bytes (7.98 KB)
+🕒 修改时间: 2025-07-09 02:20:46
+🔸==============================================================================
+
+// 浏览历史页面JavaScript
+let selectedItems = [];
+let isSelectAll = false;
+
+document.addEventListener('DOMContentLoaded', function() {
+ // 初始化事件监听
+ initEventListeners();
+});
+
+function initEventListeners() {
+ // 复选框变化事件
+ document.querySelectorAll('.history-checkbox').forEach(checkbox => {
+ checkbox.addEventListener('change', function() {
+ updateSelectedItems();
+ });
+ });
+}
+
+function updateSelectedItems() {
+ selectedItems = [];
+ document.querySelectorAll('.history-checkbox:checked').forEach(checkbox => {
+ selectedItems.push(parseInt(checkbox.value));
+ });
+
+ // 更新按钮状态
+ const batchBtn = document.querySelector('[onclick="batchRemove()"]');
+ if (batchBtn) {
+ batchBtn.disabled = selectedItems.length === 0;
+ }
+}
+
+function toggleSelectAll() {
+ isSelectAll = !isSelectAll;
+ const checkboxes = document.querySelectorAll('.history-checkbox');
+
+ checkboxes.forEach(checkbox => {
+ checkbox.checked = isSelectAll;
+ });
+
+ updateSelectedItems();
+
+ // 更新按钮文本
+ const selectAllBtn = document.querySelector('[onclick="toggleSelectAll()"]');
+ if (selectAllBtn) {
+ selectAllBtn.innerHTML = isSelectAll ?
+ ' 取消全选' :
+ ' 全选';
+ }
+}
+
+function removeHistory(productId) {
+ if (confirm('确定要删除这个浏览记录吗？')) {
+ fetch('/history/remove', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ product_id: productId
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showSuccessMessage(data.message);
+ // 移除商品卡片
+ const itemElement = document.querySelector(`[data-product-id="${productId}"]`);
+ if (itemElement) {
+ itemElement.remove();
+ }
+ // 更新历史数量
+ updateHistoryCount();
+ // 检查是否为空
+ checkEmptyState();
+ } else {
+ showErrorMessage(data.message);
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ showErrorMessage('操作失败，请稍后再试');
+ });
+ }
+}
+
+function batchRemove() {
+ if (selectedItems.length === 0) {
+ showErrorMessage('请选择要删除的商品');
+ return;
+ }
+
+ const modal = new bootstrap.Modal(document.getElementById('confirmModal'));
+ document.getElementById('confirmMessage').textContent =
+ `确定要删除这 ${selectedItems.length} 个浏览记录吗？`;
+
+ document.getElementById('confirmBtn').onclick = function() {
+ performBatchRemove();
+ modal.hide();
+ };
+
+ modal.show();
+}
+
+function performBatchRemove() {
+ fetch('/history/batch-remove', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ product_ids: selectedItems
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showSuccessMessage(data.message);
+ // 移除选中的商品卡片
+ selectedItems.forEach(productId => {
+ const itemElement = document.querySelector(`[data-product-id="${productId}"]`);
+ if (itemElement) {
+ itemElement.remove();
+ }
+ });
+ // 重置选择状态
+ selectedItems = [];
+ isSelectAll = false;
+ updateSelectedItems();
+ // 更新历史数量
+ updateHistoryCount();
+ // 检查是否为空
+ checkEmptyState();
+ } else {
+ showErrorMessage(data.message);
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ showErrorMessage('批量删除失败，请稍后再试');
+ });
+}
+
+function clearHistory() {
+ if (confirm('确定要清空所有浏览历史吗？此操作不可恢复。')) {
+ fetch('/history/clear', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ }
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showSuccessMessage(data.message);
+ // 重新加载页面或显示空状态
+ location.reload();
+ } else {
+ showErrorMessage(data.message);
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ showErrorMessage('清空历史失败，请稍后再试');
+ });
+ }
+}
+
+function addToCart(productId) {
+ // 调用购物车添加功能
+ fetch('/cart/add', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ product_id: productId,
+ quantity: 1
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showSuccessMessage(data.message);
+ // 更新购物车数量
+ if (typeof updateCartBadge === 'function') {
+ updateCartBadge(data.cart_count);
+ }
+ } else {
+ showErrorMessage(data.message);
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ showErrorMessage('加入购物车失败，请稍后再试');
+ });
+}
+
+function addToFavorites(productId) {
+ fetch('/favorite/add', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ product_id: productId
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showSuccessMessage(data.message);
+ } else {
+ showErrorMessage(data.message);
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ showErrorMessage('收藏失败，请稍后再试');
+ });
+}
+
+function updateHistoryCount() {
+ fetch('/history/count')
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ // 更新历史数量显示
+ const badge = document.querySelector('.badge.bg-secondary');
+ if (badge) {
+ badge.textContent = `共 ${data.history_count} 件商品`;
+ }
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ });
+}
+
+function checkEmptyState() {
+ const itemsContainer = document.querySelector('.row');
+ const items = itemsContainer.querySelectorAll('.history-item');
+
+ if (items.length === 0) {
+ // 显示空状态
+ itemsContainer.innerHTML = `
+
+
+
+
+
+ `;
+ }
+}
+
+function showSuccessMessage(message) {
+ // 使用现有的消息提示函数
+ if (typeof showMessage === 'function') {
+ showMessage(message, 'success');
+ } else {
+ alert(message);
+ }
+}
+
+function showErrorMessage(message) {
+ // 使用现有的消息提示函数
+ if (typeof showMessage === 'function') {
+ showMessage(message, 'error');
+ } else {
+ alert(message);
+ }
+}
+
+
+🔸==============================================================================
+📄 文件: app/static/js/order_detail.js
+📊 大小: 1505 bytes (1.47 KB)
+🕒 修改时间: 2025-07-08 16:50:42
+🔸==============================================================================
+
+// 订单详情页面脚本 - 只处理业务逻辑，不处理样式
+
+// 取消订单
+function cancelOrder(orderId) {
+ if (confirm('确定要取消这个订单吗？取消后无法恢复。')) {
+ fetch(`/order/cancel/${orderId}`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ }
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showAlert(data.message, 'success');
+ setTimeout(() => location.reload(), 1000);
+ } else {
+ showAlert(data.message, 'error');
+ }
+ })
+ .catch(error => {
+ showAlert('操作失败，请重试', 'error');
+ });
+ }
+}
+
+// 确认收货
+function confirmReceipt(orderId) {
+ if (confirm('确定已收到商品吗？确认后订单将完成。')) {
+ fetch(`/order/confirm_receipt/${orderId}`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ }
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showAlert(data.message, 'success');
+ setTimeout(() => location.reload(), 1000);
+ } else {
+ showAlert(data.message, 'error');
+ }
+ })
+ .catch(error => {
+ showAlert('操作失败，请重试', 'error');
+ });
+ }
+}
+
+
+🔸==============================================================================
+📄 文件: app/static/js/orders.js
+📊 大小: 3465 bytes (3.38 KB)
+🕒 修改时间: 2025-07-04 04:03:15
+🔸==============================================================================
+
+// 订单页面JavaScript功能
+
+// 强制设置商品图片样式的函数
+function forceProductImageStyle(imgElement) {
+ if (!imgElement) return;
+
+ // 强制设置所有样式属性
+ imgElement.style.width = '80px';
+ imgElement.style.height = '80px';
+ imgElement.style.objectFit = 'cover';
+ imgElement.style.borderRadius = '4px';
+ imgElement.style.display = 'block';
+ imgElement.style.maxWidth = '80px';
+ imgElement.style.maxHeight = '80px';
+ imgElement.style.minWidth = '80px';
+ imgElement.style.minHeight = '80px';
+
+ // 设置属性避免被覆盖
+ imgElement.setAttribute('width', '80');
+ imgElement.setAttribute('height', '80');
+}
+
+// 页面加载完成后的处理
+document.addEventListener('DOMContentLoaded', function() {
+ // 强制设置所有商品图片样式
+ const productImages = document.querySelectorAll('.product-image');
+ productImages.forEach(function(img) {
+ forceProductImageStyle(img);
+
+ // 图片加载完成后再次强制设置
+ if (img.complete) {
+ forceProductImageStyle(img);
+ } else {
+ img.onload = function() {
+ forceProductImageStyle(img);
+ };
+ }
+ });
+
+ // 为订单卡片添加悬停效果
+ const orderCards = document.querySelectorAll('.order-card');
+ orderCards.forEach(card => {
+ card.addEventListener('mouseenter', function() {
+ this.style.boxShadow = '0 4px 15px rgba(0,0,0,0.1)';
+ });
+
+ card.addEventListener('mouseleave', function() {
+ this.style.boxShadow = '';
+ });
+ });
+});
+
+// 额外的保险措施：定期检查并修正商品图片样式
+setInterval(function() {
+ const productImages = document.querySelectorAll('.product-image');
+ productImages.forEach(function(img) {
+ // 检查图片是否超出预期尺寸
+ const rect = img.getBoundingClientRect();
+ if (rect.width > 85 || rect.height > 85) {
+ forceProductImageStyle(img);
+ }
+ });
+}, 1000); // 每秒检查一次
+
+function cancelOrder(orderId) {
+ if (confirm('确定要取消这个订单吗？取消后无法恢复。')) {
+ fetch(`/order/cancel/${orderId}`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ }
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showAlert(data.message, 'success');
+ setTimeout(() => location.reload(), 1000);
+ } else {
+ showAlert(data.message, 'error');
+ }
+ })
+ .catch(error => {
+ showAlert('操作失败，请重试', 'error');
+ });
+ }
+}
+
+function confirmReceipt(orderId) {
+ if (confirm('确定已收到商品吗？确认后订单将完成。')) {
+ fetch(`/order/confirm_receipt/${orderId}`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ }
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showAlert(data.message, 'success');
+ setTimeout(() => location.reload(), 1000);
+ } else {
+ showAlert(data.message, 'error');
+ }
+ })
+ .catch(error => {
+ showAlert('操作失败，请重试', 'error');
+ });
+ }
+}
+
+
+🔸==============================================================================
+📄 文件: app/static/js/pay.js
+📊 大小: 10562 bytes (10.31 KB)
+🕒 修改时间: 2025-07-08 17:18:51
+🔸==============================================================================
+
+// 订单支付页面脚本
+let countdownTimer;
+let statusCheckTimer;
+let timeLeft = 15 * 60; // 15分钟
+
+// 页面加载时开始倒计时
+document.addEventListener('DOMContentLoaded', function() {
+ startCountdown();
+});
+
+// 页面卸载时清理定时器
+window.addEventListener('beforeunload', function() {
+ if (countdownTimer) clearInterval(countdownTimer);
+ if (statusCheckTimer) clearInterval(statusCheckTimer);
+});
+
+// 开始倒计时
+function startCountdown() {
+ const countdownElement = document.getElementById('countdown');
+ if (!countdownElement) return;
+
+ countdownTimer = setInterval(() => {
+ timeLeft--;
+
+ const minutes = Math.floor(timeLeft / 60);
+ const seconds = timeLeft % 60;
+
+ countdownElement.textContent =
+ `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+
+ if (timeLeft <= 0) {
+ clearInterval(countdownTimer);
+ showAlert('订单已过期，请重新下单', 'warning');
+ setTimeout(() => {
+ window.location.href = '/order/list';
+ }, 2000);
+ }
+ }, 1000);
+}
+
+// 开始支付
+function startPayment() {
+ const paymentSn = document.querySelector('[data-payment-sn]')?.dataset.paymentSn;
+ const paymentMethod = document.querySelector('[data-payment-method]')?.dataset.paymentMethod;
+
+ if (!paymentSn || !paymentMethod) {
+ showAlert('支付信息获取失败', 'error');
+ return;
+ }
+
+ // 如果是模拟支付，直接显示控制面板，不需要调用接口
+ if (paymentMethod === 'simulate') {
+ showAlert('请使用下方控制面板完成模拟支付', 'info');
+ return;
+ }
+
+ fetch('/payment/process', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ payment_sn: paymentSn,
+ payment_method: paymentMethod
+ })
+ })
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ if (data.success) {
+ if (data.payment_type === 'qrcode') {
+ showQRCode(data.qr_code_url);
+ startStatusCheck();
+ } else if (data.payment_type === 'redirect') {
+ window.open(data.pay_url, '_blank');
+ startStatusCheck();
+ } else if (data.payment_type === 'simulate') {
+ showAlert('模拟支付已准备就绪', 'success');
+ }
+ } else {
+ showAlert(data.message || '支付启动失败', 'error');
+ }
+ })
+ .catch(error => {
+ console.error('支付启动错误:', error);
+ showAlert('支付启动失败，请重试', 'error');
+ });
+}
+
+// 显示二维码
+function showQRCode(qrUrl) {
+ const qrArea = document.getElementById('qrCodeArea');
+ const qrImage = document.getElementById('qrCodeImage');
+
+ if (!qrArea || !qrImage) return;
+
+ // 这里应该使用真实的二维码生成库，现在用文本模拟
+ qrImage.innerHTML = `
+
+
+
+
+
+ `;
+
+ qrArea.style.display = 'block';
+}
+
+// 开始检查支付状态
+function startStatusCheck() {
+ statusCheckTimer = setInterval(() => {
+ checkPaymentStatus();
+ }, 3000); // 每3秒检查一次
+}
+
+// 检查支付状态
+function checkPaymentStatus() {
+ const paymentSn = document.querySelector('[data-payment-sn]')?.dataset.paymentSn;
+
+ if (!paymentSn) return;
+
+ fetch(`/payment/check_status/${paymentSn}`)
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ if (data.success) {
+ if (data.status === 2) { // 支付成功
+ clearInterval(statusCheckTimer);
+ clearInterval(countdownTimer);
+ showPaymentSuccess();
+ } else if (data.status === 3) { // 支付失败
+ clearInterval(statusCheckTimer);
+ showPaymentFail();
+ }
+ }
+ })
+ .catch(error => {
+ console.error('状态检查失败:', error);
+ });
+}
+
+// 显示支付成功
+function showPaymentSuccess() {
+ const paymentArea = document.getElementById('paymentArea');
+ const actionButtons = document.getElementById('actionButtons');
+ const paymentStatus = document.getElementById('paymentStatus');
+ const successStatus = document.getElementById('successStatus');
+
+ if (paymentArea) paymentArea.style.display = 'none';
+ if (actionButtons) actionButtons.style.display = 'none';
+ if (paymentStatus) paymentStatus.style.display = 'block';
+ if (successStatus) successStatus.style.display = 'block';
+
+ showAlert('支付成功！正在跳转到订单详情...', 'success');
+
+ const orderId = document.querySelector('[data-order-id]')?.dataset.orderId;
+ setTimeout(() => {
+ if (orderId) {
+ window.location.href = `/order/detail/${orderId}`;
+ } else {
+ window.location.href = '/order/list';
+ }
+ }, 2000);
+}
+
+// 显示支付失败
+function showPaymentFail() {
+ const paymentArea = document.getElementById('paymentArea');
+ const paymentStatus = document.getElementById('paymentStatus');
+ const failStatus = document.getElementById('failStatus');
+
+ if (paymentArea) paymentArea.style.display = 'none';
+ if (paymentStatus) paymentStatus.style.display = 'block';
+ if (failStatus) failStatus.style.display = 'block';
+
+ showAlert('支付失败，请重新尝试', 'error');
+
+ // 显示重试按钮
+ setTimeout(() => {
+ if (paymentArea) paymentArea.style.display = 'block';
+ if (paymentStatus) paymentStatus.style.display = 'none';
+ }, 3000);
+}
+
+// 取消订单
+function cancelOrder() {
+ const orderId = document.querySelector('[data-order-id]')?.dataset.orderId;
+
+ if (!orderId) {
+ showAlert('订单信息获取失败', 'error');
+ return;
+ }
+
+ showConfirm('确定要取消这个订单吗？', () => {
+ fetch(`/order/cancel/${orderId}`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ }
+ })
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ if (data.success) {
+ showAlert('订单已取消，正在跳转...', 'success');
+ setTimeout(() => {
+ window.location.href = '/order/list';
+ }, 1500);
+ } else {
+ showAlert(data.message || '取消订单失败', 'error');
+ }
+ })
+ .catch(error => {
+ console.error('取消订单错误:', error);
+ showAlert('取消失败，请重试', 'error');
+ });
+ });
+}
+
+// 模拟支付成功
+function simulatePaymentSuccess() {
+ const paymentSn = document.querySelector('[data-payment-sn]')?.dataset.paymentSn;
+
+ if (!paymentSn) {
+ showAlert('支付信息获取失败', 'error');
+ return;
+ }
+
+ // 显示处理中状态
+ const button = event.target;
+ const originalText = button.innerHTML;
+ button.innerHTML = ' 处理中...';
+ button.disabled = true;
+
+ fetch(`/payment/simulate_success/${paymentSn}`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ }
+ })
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ if (data.success) {
+ showAlert('模拟支付成功！', 'success');
+ setTimeout(() => {
+ showPaymentSuccess();
+ }, 1000);
+ } else {
+ showAlert(data.message || '模拟支付失败', 'error');
+ button.innerHTML = originalText;
+ button.disabled = false;
+ }
+ })
+ .catch(error => {
+ console.error('模拟支付错误:', error);
+ showAlert('模拟支付失败', 'error');
+ button.innerHTML = originalText;
+ button.disabled = false;
+ });
+}
+
+// 模拟支付失败
+function simulatePaymentFail() {
+ const paymentSn = document.querySelector('[data-payment-sn]')?.dataset.paymentSn;
+
+ if (!paymentSn) {
+ showAlert('支付信息获取失败', 'error');
+ return;
+ }
+
+ showConfirm('确定要模拟支付失败吗？这将导致订单支付失败。', () => {
+ // 显示处理中状态
+ const button = event.target;
+ const originalText = button.innerHTML;
+ button.innerHTML = ' 处理中...';
+ button.disabled = true;
+
+ fetch(`/payment/simulate_fail/${paymentSn}`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ }
+ })
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ if (data.success) {
+ showAlert('模拟支付失败！', 'warning');
+ setTimeout(() => {
+ showPaymentFail();
+ }, 1000);
+ } else {
+ showAlert(data.message || '模拟操作失败', 'error');
+ button.innerHTML = originalText;
+ button.disabled = false;
+ }
+ })
+ .catch(error => {
+ console.error('模拟支付失败错误:', error);
+ showAlert('模拟操作失败', 'error');
+ button.innerHTML = originalText;
+ button.disabled = false;
+ });
+ });
+}
+
+// 兼容旧版本的模拟支付函数
+function simulatePayment() {
+ simulatePaymentSuccess();
+}
+
+
+🔸==============================================================================
+📄 文件: app/static/js/product_detail.js
+📊 大小: 13520 bytes (13.20 KB)
+🕒 修改时间: 2025-07-09 05:22:56
+🔸==============================================================================
+
+// 获取库存数据
+const inventoryData = JSON.parse(document.getElementById('inventoryData').textContent);
+let selectedSpecs = {};
+let currentSku = null;
+
+// 初始化
+document.addEventListener('DOMContentLoaded', function() {
+ // 如果只有一个SKU，自动选择
+ if (inventoryData.length === 1) {
+ currentSku = inventoryData[0];
+ updateStockInfo();
+ } else if (inventoryData.length > 1) {
+ // 自动选择默认规格
+ const defaultSku = inventoryData.find(sku => sku.is_default);
+ if (defaultSku && defaultSku.spec_combination) {
+ // 自动选择默认规格
+ for (const [specName, specValue] of Object.entries(defaultSku.spec_combination)) {
+ selectedSpecs[specName] = specValue;
+ // 更新按钮状态
+ const button = document.querySelector(`[data-spec-name="${specName}"][data-spec-value="${specValue}"]`);
+ if (button) {
+ button.classList.remove('btn-outline-secondary');
+ button.classList.add('btn-primary');
+ }
+ }
+ currentSku = defaultSku;
+ updateStockInfo();
+ }
+ }
+
+ // 绑定规格选择事件
+ document.querySelectorAll('.spec-option').forEach(button => {
+ button.addEventListener('click', function() {
+ selectSpec(this);
+ });
+ });
+
+ // 初始化购物车数量显示
+ if (typeof loadCartCount === 'function') {
+ loadCartCount();
+ }
+
+ // 添加浏览历史记录
+ if (window.isLoggedIn && window.productId) {
+ addBrowseHistory(window.productId);
+ }
+
+ // 检查收藏状态
+ if (window.isLoggedIn && window.productId) {
+ checkFavoriteStatus(window.productId);
+ }
+});
+
+// 添加浏览历史记录
+function addBrowseHistory(productId) {
+ fetch('/history/add', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ product_id: productId
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ // 静默添加，不需要用户感知
+ console.log('浏览历史记录已添加');
+ })
+ .catch(error => {
+ console.error('添加浏览历史失败:', error);
+ });
+}
+
+// 检查收藏状态
+function checkFavoriteStatus(productId) {
+ fetch(`/favorite/check/${productId}`)
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ updateFavoriteButton(data.is_favorited);
+ }
+ })
+ .catch(error => {
+ console.error('检查收藏状态失败:', error);
+ });
+}
+
+// 更新收藏按钮状态
+function updateFavoriteButton(isFavorited) {
+ const favoriteBtn = document.querySelector('[onclick="addToFavorites()"]');
+ if (favoriteBtn) {
+ if (isFavorited) {
+ favoriteBtn.innerHTML = ' 已收藏';
+ favoriteBtn.className = 'btn btn-outline-danger';
+ } else {
+ favoriteBtn.innerHTML = ' 收藏商品';
+ favoriteBtn.className = 'btn btn-outline-secondary';
+ }
+ }
+}
+
+// 规格选择
+function selectSpec(button) {
+ const specName = button.getAttribute('data-spec-name');
+ const specValue = button.getAttribute('data-spec-value');
+
+ // 清除同组其他选择
+ document.querySelectorAll(`[data-spec-name="${specName}"]`).forEach(btn => {
+ btn.classList.remove('btn-primary');
+ btn.classList.add('btn-outline-secondary');
+ });
+
+ // 选中当前项
+ button.classList.remove('btn-outline-secondary');
+ button.classList.add('btn-primary');
+
+ // 更新选择状态
+ selectedSpecs[specName] = specValue;
+
+ // 查找匹配的SKU
+ findMatchingSku();
+}
+
+// 查找匹配的SKU
+function findMatchingSku() {
+ // 获取所有需要选择的规格类型
+ const allSpecNames = new Set();
+ inventoryData.forEach(sku => {
+ if (sku.spec_combination) {
+ Object.keys(sku.spec_combination).forEach(specName => {
+ allSpecNames.add(specName);
+ });
+ }
+ });
+
+ // 检查是否选择了所有必需的规格
+ const selectedSpecNames = Object.keys(selectedSpecs);
+ if (selectedSpecNames.length < allSpecNames.size) {
+ currentSku = null;
+ updateStockInfo();
+ return;
+ }
+
+ // 查找完全匹配的SKU
+ for (let sku of inventoryData) {
+ if (sku.spec_combination) {
+ let isMatch = true;
+
+ // 检查规格数量是否匹配
+ if (Object.keys(sku.spec_combination).length !== selectedSpecNames.length) {
+ continue;
+ }
+
+ // 检查每个规格是否匹配
+ for (let [specName, specValue] of Object.entries(selectedSpecs)) {
+ if (sku.spec_combination[specName] !== specValue) {
+ isMatch = false;
+ break;
+ }
+ }
+
+ if (isMatch) {
+ currentSku = sku;
+ updateStockInfo();
+ return;
+ }
+ }
+ }
+
+ // 未找到完全匹配的SKU
+ currentSku = null;
+ updateStockInfo();
+}
+
+// 更新库存信息
+function updateStockInfo() {
+ const stockElement = document.getElementById('stockCount');
+ const priceElement = document.getElementById('currentPrice');
+ const addToCartBtn = document.getElementById('addToCartBtn');
+ const buyNowBtn = document.getElementById('buyNowBtn');
+ const quantityInput = document.getElementById('quantity');
+
+ if (currentSku) {
+ // 有选中的SKU
+ stockElement.textContent = currentSku.stock;
+ if (currentSku.stock > 0) {
+ stockElement.className = 'text-success';
+ addToCartBtn.disabled = false;
+ buyNowBtn.disabled = false;
+ quantityInput.max = currentSku.stock;
+ quantityInput.value = Math.min(parseInt(quantityInput.value), currentSku.stock);
+ } else {
+ stockElement.className = 'text-danger';
+ addToCartBtn.disabled = true;
+ buyNowBtn.disabled = true;
+ quantityInput.max = 0;
+ quantityInput.value = 1;
+ }
+
+ // 更新价格
+ priceElement.textContent = currentSku.final_price.toFixed(2);
+ } else if (inventoryData.length > 1) {
+ // 多规格商品但未完全选择
+ stockElement.textContent = '请选择规格';
+ stockElement.className = 'text-warning';
+ addToCartBtn.disabled = true;
+ buyNowBtn.disabled = true;
+ quantityInput.max = 999;
+ } else {
+ // 无库存或其他错误
+ stockElement.textContent = '暂无库存';
+ stockElement.className = 'text-danger';
+ addToCartBtn.disabled = true;
+ buyNowBtn.disabled = true;
+ quantityInput.max = 0;
+ }
+}
+
+// 数量变更
+function changeQuantity(delta) {
+ const quantityInput = document.getElementById('quantity');
+ let quantity = parseInt(quantityInput.value) + delta;
+
+ const min = parseInt(quantityInput.min) || 1;
+ const max = parseInt(quantityInput.max) || 999;
+
+ quantity = Math.max(min, Math.min(max, quantity));
+ quantityInput.value = quantity;
+}
+
+// 轮播图跳转
+function goToSlide(index) {
+ const carousel = new bootstrap.Carousel(document.getElementById('productImageCarousel'));
+ carousel.to(index);
+}
+
+// 加载购物车数量
+function loadCartCount() {
+ fetch('/cart/count')
+ .then(response => response.json())
+ .then(data => {
+ updateCartBadge(data.cart_count);
+ })
+ .catch(error => {
+ console.error('Error loading cart count:', error);
+ });
+}
+
+// 更新购物车徽章
+function updateCartBadge(count) {
+ const badge = document.querySelector('.cart-badge');
+ if (badge) {
+ badge.textContent = count;
+ badge.style.display = count > 0 ? 'inline' : 'none';
+ }
+}
+
+// 加入购物车
+function addToCart() {
+ if (!currentSku) {
+ alert('请选择商品规格');
+ return;
+ }
+
+ const quantity = parseInt(document.getElementById('quantity').value);
+ if (quantity <= 0 || quantity > currentSku.stock) {
+ alert('请选择正确的购买数量');
+ return;
+ }
+
+ // 禁用按钮，防止重复点击
+ const addToCartBtn = document.getElementById('addToCartBtn');
+ addToCartBtn.disabled = true;
+ addToCartBtn.innerHTML = ' 添加中...';
+
+ // 准备规格组合数据
+ const specCombination = Object.keys(selectedSpecs).length > 0 ?
+ Object.entries(selectedSpecs).map(([key, value]) => `${key}:${value}`).join(', ') : '';
+
+ // 提交到购物车
+ fetch('/cart/add', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ product_id: window.productId,
+ sku_code: currentSku.sku_code,
+ spec_combination: specCombination,
+ quantity: quantity
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showSuccessMessage(data.message);
+ updateCartBadge(data.cart_count);
+
+ // 询问是否查看购物车
+ setTimeout(() => {
+ if (confirm('商品已添加到购物车，是否查看购物车？')) {
+ window.location.href = '/cart/';
+ }
+ }, 500);
+ } else {
+ alert(data.message);
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ alert('加入购物车失败，请稍后再试');
+ })
+ .finally(() => {
+ // 恢复按钮状态
+ addToCartBtn.disabled = false;
+ addToCartBtn.innerHTML = ' 加入购物车';
+ });
+}
+
+// 立即购买
+function buyNow() {
+ if (!currentSku) {
+ alert('请选择商品规格');
+ return;
+ }
+
+ const quantity = parseInt(document.getElementById('quantity').value);
+ if (quantity <= 0 || quantity > currentSku.stock) {
+ alert('请选择正确的购买数量');
+ return;
+ }
+
+ // 禁用按钮，防止重复点击
+ const buyNowBtn = document.getElementById('buyNowBtn');
+ buyNowBtn.disabled = true;
+ buyNowBtn.innerHTML = ' 处理中...';
+
+ // 准备规格组合数据
+ const specCombination = Object.keys(selectedSpecs).length > 0 ?
+ Object.entries(selectedSpecs).map(([key, value]) => `${key}:${value}`).join(', ') : '';
+
+ // 先添加到购物车，然后跳转到结算页面
+ fetch('/cart/add', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ product_id: window.productId,
+ sku_code: currentSku.sku_code,
+ spec_combination: specCombination,
+ quantity: quantity
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ // 立即跳转到购物车结算
+ window.location.href = '/cart/';
+ } else {
+ alert(data.message);
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ alert('购买失败，请稍后再试');
+ })
+ .finally(() => {
+ // 恢复按钮状态
+ buyNowBtn.disabled = false;
+ buyNowBtn.innerHTML = ' 立即购买';
+ });
+}
+
+// 收藏商品
+function addToFavorites() {
+ if (!window.isLoggedIn) {
+ if (confirm('请先登录后再收藏，是否前往登录？')) {
+ window.location.href = '/auth/login?next=' + encodeURIComponent(window.location.pathname);
+ }
+ return;
+ }
+
+ // 确保获取到商品ID
+ const productId = window.productId || window.currentProductId;
+ if (!productId) {
+ alert('获取商品信息失败，请刷新页面重试');
+ return;
+ }
+
+ const favoriteBtn = document.querySelector('[onclick="addToFavorites()"]');
+ const isFavorited = favoriteBtn && favoriteBtn.innerHTML.includes('已收藏');
+
+ // 临时禁用按钮
+ if (favoriteBtn) {
+ favoriteBtn.disabled = true;
+ favoriteBtn.innerHTML = ' 处理中...';
+ }
+
+ fetch('/favorite/toggle', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ product_id: parseInt(productId)
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showSuccessMessage(data.message);
+ updateFavoriteButton(data.is_favorited);
+ } else {
+ alert(data.message);
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ alert('操作失败，请稍后再试');
+ })
+ .finally(() => {
+ // 恢复按钮状态
+ if (favoriteBtn) {
+ favoriteBtn.disabled = false;
+ }
+ });
+}
+
+// 显示成功消息
+function showSuccessMessage(message) {
+ // 这里可以使用Toast或其他方式显示消息
+ if (typeof showToast === 'function') {
+ showToast(message, 'success');
+ } else {
+ // 简单的成功提示
+ alert(message);
+ }
+}
+
+
+🔸==============================================================================
+📄 文件: app/static/js/product_list.js
+📊 大小: 224 bytes (0.22 KB)
+🕒 修改时间: 2025-07-04 14:41:10
+🔸==============================================================================
+
+function changeSort(sortType) {
+ const url = new URL(window.location);
+ url.searchParams.set('sort', sortType);
+ url.searchParams.set('page', '1'); // 重置到第一页
+ window.location.href = url.toString();
+}
+
+
+🔸==============================================================================
+📄 文件: app/static/js/profile.js
+📊 大小: 10990 bytes (10.73 KB)
+🕒 修改时间: 2025-07-04 04:00:03
+🔸==============================================================================
+
+// 个人中心页面JavaScript功能
+let selectedFile = null;
+
+// 强制设置头像样式的函数
+function forceAvatarStyle(imgElement) {
+ if (!imgElement) return;
+
+ // 强制设置所有样式属性
+ imgElement.style.width = '120px';
+ imgElement.style.height = '120px';
+ imgElement.style.borderRadius = '50%';
+ imgElement.style.border = '3px solid #ddd';
+ imgElement.style.objectFit = 'cover';
+ imgElement.style.cursor = 'pointer';
+ imgElement.style.transition = 'all 0.3s ease';
+ imgElement.style.display = 'block';
+ imgElement.style.maxWidth = '120px';
+ imgElement.style.maxHeight = '120px';
+ imgElement.style.minWidth = '120px';
+ imgElement.style.minHeight = '120px';
+
+ // 设置属性避免被覆盖
+ imgElement.setAttribute('width', '120');
+ imgElement.setAttribute('height', '120');
+}
+
+// 页面加载完成后的处理
+document.addEventListener('DOMContentLoaded', function() {
+ // 隐藏进度条
+ const progressContainer = document.getElementById('uploadProgress');
+ if (progressContainer) {
+ progressContainer.classList.remove('show');
+ progressContainer.style.display = 'none';
+ }
+
+ // *** 关键：强制设置已存在的头像样式 ***
+ const existingAvatar = document.getElementById('avatarPreview');
+ if (existingAvatar) {
+ forceAvatarStyle(existingAvatar);
+
+ // 图片加载完成后再次强制设置
+ if (existingAvatar.complete) {
+ forceAvatarStyle(existingAvatar);
+ } else {
+ existingAvatar.onload = function() {
+ forceAvatarStyle(existingAvatar);
+ };
+ }
+ }
+
+ // 添加拖拽上传支持
+ initDragAndDrop();
+});
+
+// 触发文件选择
+function triggerFileInput() {
+ document.getElementById('avatarInput').click();
+}
+
+// 处理文件选择
+function handleFileSelect(event) {
+ const file = event.target.files[0];
+ if (!file) return;
+
+ // 验证文件类型
+ if (!file.type.match('image.*')) {
+ showAlert('请选择图片文件！', 'error');
+ return;
+ }
+
+ // 验证文件大小 (2MB)
+ if (file.size > 2 * 1024 * 1024) {
+ showAlert('图片大小不能超过 2MB！', 'error');
+ return;
+ }
+
+ selectedFile = file;
+
+ // 预览图片
+ const reader = new FileReader();
+ reader.onload = function(e) {
+ const previewImage = document.getElementById('previewImage');
+ previewImage.src = e.target.result;
+
+ // 更新文件信息
+ updateFileInfo(file);
+
+ // 确保图片加载完成后再显示模态框
+ previewImage.onload = function() {
+ // *** 强制设置预览图片样式 ***
+ previewImage.style.maxWidth = '280px';
+ previewImage.style.maxHeight = '280px';
+ previewImage.style.width = 'auto';
+ previewImage.style.height = 'auto';
+ previewImage.style.objectFit = 'contain';
+ previewImage.style.borderRadius = '12px';
+ previewImage.style.boxShadow = '0 8px 25px rgba(0,0,0,0.15)';
+ previewImage.style.border = '3px solid #fff';
+
+ // 更新图片尺寸信息
+ document.getElementById('imageWidth').textContent = previewImage.naturalWidth;
+ document.getElementById('imageHeight').textContent = previewImage.naturalHeight;
+
+ const modal = new bootstrap.Modal(document.getElementById('imagePreviewModal'));
+ modal.show();
+ };
+ };
+ reader.readAsDataURL(file);
+}
+
+// 更新文件信息
+function updateFileInfo(file) {
+ // 文件大小
+ const sizeInMB = (file.size / 1024 / 1024).toFixed(2);
+ document.getElementById('imageSize').textContent = sizeInMB + ' MB';
+
+ // 文件类型
+ const fileType = file.type.split('/')[1].toUpperCase();
+ document.getElementById('imageType').textContent = fileType;
+}
+
+// 确认上传
+function confirmUpload() {
+ if (!selectedFile) return;
+
+ // 关闭模态框
+ const modal = bootstrap.Modal.getInstance(document.getElementById('imagePreviewModal'));
+ modal.hide();
+
+ // 开始上传
+ uploadAvatar(selectedFile);
+}
+
+// 上传头像
+function uploadAvatar(file) {
+ const formData = new FormData();
+ formData.append('avatar', file);
+
+ // 显示上传进度
+ const progressContainer = document.getElementById('uploadProgress');
+ const progressBar = progressContainer.querySelector('.progress-bar');
+
+ progressContainer.style.display = 'block';
+ progressContainer.classList.add('show');
+ progressBar.style.width = '0%';
+ progressBar.textContent = '0%';
+
+ // 创建XMLHttpRequest以支持进度显示
+ const xhr = new XMLHttpRequest();
+
+ // 上传进度
+ xhr.upload.addEventListener('progress', function(e) {
+ if (e.lengthComputable) {
+ const percentComplete = (e.loaded / e.total) * 100;
+ progressBar.style.width = percentComplete + '%';
+ progressBar.textContent = Math.round(percentComplete) + '%';
+ }
+ });
+
+ // 上传完成
+ xhr.addEventListener('load', function() {
+ // 隐藏进度条
+ progressContainer.style.display = 'none';
+ progressContainer.classList.remove('show');
+
+ if (xhr.status === 200) {
+ try {
+ const response = JSON.parse(xhr.responseText);
+ if (response.success) {
+ // 更新头像显示
+ updateAvatarDisplay(response.avatar_url);
+ showAlert('头像上传成功！', 'success');
+ } else {
+ showAlert(response.message || '上传失败', 'error');
+ }
+ } catch (e) {
+ showAlert('服务器响应错误', 'error');
+ }
+ } else {
+ showAlert('上传失败，请重试', 'error');
+ }
+
+ // 清理文件输入
+ document.getElementById('avatarInput').value = '';
+ selectedFile = null;
+ });
+
+ // 上传错误
+ xhr.addEventListener('error', function() {
+ progressContainer.style.display = 'none';
+ progressContainer.classList.remove('show');
+ showAlert('网络错误，请重试', 'error');
+
+ // 清理文件输入
+ document.getElementById('avatarInput').value = '';
+ selectedFile = null;
+ });
+
+ // 发送请求
+ xhr.open('POST', '/upload/avatar');
+ xhr.send(formData);
+}
+
+// *** 关键：更新头像显示函数 ***
+function updateAvatarDisplay(avatarUrl) {
+ const avatarPreview = document.getElementById('avatarPreview');
+ const avatarPlaceholder = document.getElementById('avatarPlaceholder');
+
+ if (avatarPreview) {
+ // 更新现有头像
+ avatarPreview.src = avatarUrl + '?t=' + new Date().getTime();
+
+ // *** 强制设置头像样式 ***
+ avatarPreview.onload = function() {
+ forceAvatarStyle(avatarPreview);
+
+ // 延迟再次确保样式生效
+ setTimeout(function() {
+ forceAvatarStyle(avatarPreview);
+ }, 100);
+ };
+
+ } else if (avatarPlaceholder) {
+ // 替换占位符为头像
+ const avatarUpload = avatarPlaceholder.parentElement;
+ avatarPlaceholder.remove();
+
+ const img = document.createElement('img');
+ img.src = avatarUrl + '?t=' + new Date().getTime();
+ img.alt = '头像';
+ img.className = 'avatar-preview';
+ img.id = 'avatarPreview';
+
+ // *** 创建新头像时强制设置样式 ***
+ img.onload = function() {
+ forceAvatarStyle(img);
+
+ // 延迟再次确保样式生效
+ setTimeout(function() {
+ forceAvatarStyle(img);
+ }, 100);
+ };
+
+ avatarUpload.insertBefore(img, avatarUpload.firstChild);
+ }
+}
+
+// 显示提示信息
+function showAlert(message, type = 'info') {
+ // 移除现有的提示框
+ const existingAlerts = document.querySelectorAll('.alert.position-fixed');
+ existingAlerts.forEach(alert => alert.remove());
+
+ // 创建提示框
+ const alertDiv = document.createElement('div');
+ alertDiv.className = `alert alert-${type === 'error' ? 'danger' : type} alert-dismissible fade show position-fixed`;
+ alertDiv.style.cssText = 'top: 20px; right: 20px; z-index: 9999; min-width: 300px; max-width: 400px;';
+
+ const icon = type === 'success' ? 'check-circle' : type === 'error' ? 'exclamation-triangle' : 'info-circle';
+
+ alertDiv.innerHTML = `
+
+ ${message}
+
+ `;
+
+ document.body.appendChild(alertDiv);
+
+ // 3秒后自动消失
+ setTimeout(() => {
+ if (alertDiv.parentElement) {
+ alertDiv.classList.remove('show');
+ setTimeout(() => {
+ if (alertDiv.parentElement) {
+ alertDiv.remove();
+ }
+ }, 150);
+ }
+ }, 3000);
+}
+
+// 初始化拖拽上传功能
+function initDragAndDrop() {
+ const avatarUpload = document.querySelector('.avatar-upload');
+
+ if (avatarUpload) {
+ // 防止默认拖拽行为
+ ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
+ avatarUpload.addEventListener(eventName, preventDefaults, false);
+ });
+
+ function preventDefaults(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ }
+
+ // 拖拽进入和离开的视觉反馈
+ ['dragenter', 'dragover'].forEach(eventName => {
+ avatarUpload.addEventListener(eventName, highlight, false);
+ });
+
+ ['dragleave', 'drop'].forEach(eventName => {
+ avatarUpload.addEventListener(eventName, unhighlight, false);
+ });
+
+ function highlight(e) {
+ avatarUpload.style.transform = 'scale(1.05)';
+ avatarUpload.style.boxShadow = '0 0 20px rgba(0,123,255,0.5)';
+ }
+
+ function unhighlight(e) {
+ avatarUpload.style.transform = '';
+ avatarUpload.style.boxShadow = '';
+ }
+
+ // 处理文件拖拽
+ avatarUpload.addEventListener('drop', handleDrop, false);
+
+ function handleDrop(e) {
+ const dt = e.dataTransfer;
+ const files = dt.files;
+
+ if (files.length > 0) {
+ const file = files[0];
+ // 模拟文件输入事件
+ const event = { target: { files: [file] } };
+ handleFileSelect(event);
+ }
+ }
+ }
+}
+
+// 额外的保险措施：定期检查并修正头像样式
+setInterval(function() {
+ const avatar = document.getElementById('avatarPreview');
+ if (avatar) {
+ // 检查头像是否超出预期尺寸
+ const rect = avatar.getBoundingClientRect();
+ if (rect.width > 125 || rect.height > 125) {
+ forceAvatarStyle(avatar);
+ }
+ }
+}, 1000); // 每秒检查一次
+
+
+🔸==============================================================================
+📄 文件: app/static/js/register.js
+📊 大小: 4062 bytes (3.97 KB)
+🕒 修改时间: 2025-07-04 03:58:52
+🔸==============================================================================
+
+// 注册页面JavaScript功能
+document.addEventListener('DOMContentLoaded', function() {
+ const sendBtn = document.getElementById('sendEmailCodeBtn');
+ const emailInput = document.getElementById('emailInput');
+ const btnText = document.getElementById('btnText');
+ const passwordInput = document.getElementById('passwordInput');
+ const confirmPasswordInput = document.getElementById('confirmPasswordInput');
+ const passwordMatchMessage = document.getElementById('passwordMatchMessage');
+ let countdown = 0;
+ let timer = null;
+
+ // 密码确认实时验证
+ function checkPasswordMatch() {
+ const password = passwordInput.value;
+ const confirmPassword = confirmPasswordInput.value;
+
+ if (confirmPassword === '') {
+ passwordMatchMessage.textContent = '';
+ passwordMatchMessage.className = 'form-text';
+ return;
+ }
+
+ if (password === confirmPassword) {
+ passwordMatchMessage.textContent = '✓ 密码匹配';
+ passwordMatchMessage.className = 'form-text text-success';
+ confirmPasswordInput.classList.remove('is-invalid');
+ confirmPasswordInput.classList.add('is-valid');
+ } else {
+ passwordMatchMessage.textContent = '✗ 密码不匹配';
+ passwordMatchMessage.className = 'form-text text-danger';
+ confirmPasswordInput.classList.remove('is-valid');
+ confirmPasswordInput.classList.add('is-invalid');
+ }
+ }
+
+ // 监听密码输入
+ passwordInput.addEventListener('input', checkPasswordMatch);
+ confirmPasswordInput.addEventListener('input', checkPasswordMatch);
+
+ // 发送验证码
+ sendBtn.addEventListener('click', function() {
+ const email = emailInput.value.trim();
+
+ // 简单的邮箱格式验证
+ const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+ if (!email) {
+ alert('请输入邮箱地址');
+ emailInput.focus();
+ return;
+ }
+
+ if (!emailRegex.test(email)) {
+ alert('请输入有效的邮箱地址');
+ emailInput.focus();
+ return;
+ }
+
+ // 发送AJAX请求
+ fetch('/auth/send_email_code', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'X-CSRFToken': document.querySelector('input[name="csrf_token"]').value
+ },
+ body: JSON.stringify({
+ email: email,
+ type: 1 // 1表示注册
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ alert('验证码已发送到您的邮箱，请查收！');
+ startCountdown();
+ } else {
+ alert(data.message || '发送失败，请重试');
+ }
+ })
+ .catch(error => {
+ console.error('Error:', error);
+ alert('发送失败，请检查网络连接');
+ });
+ });
+
+ // 倒计时功能
+ function startCountdown() {
+ countdown = 60;
+ sendBtn.disabled = true;
+ sendBtn.classList.add('disabled');
+
+ timer = setInterval(function() {
+ btnText.textContent = `${countdown}秒后重发`;
+ countdown--;
+
+ if (countdown < 0) {
+ clearInterval(timer);
+ sendBtn.disabled = false;
+ sendBtn.classList.remove('disabled');
+ btnText.textContent = '发送验证码';
+ }
+ }, 1000);
+ }
+
+ // 表单提交前验证
+ document.getElementById('registerForm').addEventListener('submit', function(e) {
+ const password = passwordInput.value;
+ const confirmPassword = confirmPasswordInput.value;
+
+ if (password !== confirmPassword) {
+ e.preventDefault();
+ alert('两次输入的密码不一致，请重新输入');
+ confirmPasswordInput.focus();
+ return false;
+ }
+ });
+});
+
+
+🔸==============================================================================
+📄 文件: app/static/js/review.js
+📊 大小: 22091 bytes (21.57 KB)
+🕒 修改时间: 2025-07-08 19:31:57
+🔸==============================================================================
+
+// 评价功能 JavaScript
+
+document.addEventListener('DOMContentLoaded', function() {
+ initializeReviewForm();
+ initializeImageUpload();
+});
+
+// 初始化评价表单
+function initializeReviewForm() {
+ const starRating = document.getElementById('starRating');
+ const ratingInput = document.getElementById('rating');
+ const ratingText = document.getElementById('ratingText');
+ const reviewForm = document.getElementById('reviewForm');
+
+ if (starRating) {
+ const stars = starRating.querySelectorAll('.star');
+ const ratingTexts = {
+ 1: '很差',
+ 2: '较差',
+ 3: '一般',
+ 4: '满意',
+ 5: '非常满意'
+ };
+
+ let currentRating = 0; // 当前选中的评分
+
+ // 初始化：设置所有星星为空心
+ stars.forEach(star => {
+ star.textContent = '☆'; // 空心星星
+ });
+
+ // 星级点击事件
+ stars.forEach((star, index) => {
+ star.addEventListener('click', function() {
+ const rating = index + 1;
+ setRating(rating);
+ });
+
+ // 鼠标悬停事件
+ star.addEventListener('mouseenter', function() {
+ const rating = index + 1;
+ showHoverStars(rating);
+
+ // 显示临时评分文字
+ const tempText = ratingTexts[rating] || '请选择评分';
+ ratingText.textContent = tempText;
+ ratingText.style.backgroundColor = '#ff6b35';
+ ratingText.style.color = 'white';
+ ratingText.style.borderColor = '#ff6b35';
+ });
+ });
+
+ // 鼠标离开星级评分区域
+ starRating.addEventListener('mouseleave', function() {
+ showSelectedStars(currentRating);
+
+ // 恢复原来的评分文字
+ if (currentRating > 0) {
+ ratingText.textContent = ratingTexts[currentRating];
+ ratingText.classList.add('selected');
+ ratingText.style.backgroundColor = '#ff6b35';
+ ratingText.style.color = 'white';
+ ratingText.style.borderColor = '#ff6b35';
+ } else {
+ ratingText.textContent = '请选择评分';
+ ratingText.classList.remove('selected');
+ ratingText.style.backgroundColor = '#f8f9fa';
+ ratingText.style.color = '#666';
+ ratingText.style.borderColor = '#e9ecef';
+ }
+ });
+
+ // 设置评分
+ function setRating(rating) {
+ currentRating = rating;
+ ratingInput.value = rating;
+ ratingText.textContent = ratingTexts[rating] || '请选择评分';
+ ratingText.classList.add('selected');
+ ratingText.style.backgroundColor = '#ff6b35';
+ ratingText.style.color = 'white';
+ ratingText.style.borderColor = '#ff6b35';
+ showSelectedStars(rating);
+ }
+
+ // 显示悬停状态的星星
+ function showHoverStars(rating) {
+ stars.forEach((star, index) => {
+ star.classList.remove('filled');
+ if (index < rating) {
+ star.textContent = '★'; // 实心星星
+ star.classList.add('filled');
+ } else {
+ star.textContent = '☆'; // 空心星星
+ }
+ });
+ }
+
+ // 显示选中状态的星星
+ function showSelectedStars(rating) {
+ stars.forEach((star, index) => {
+ star.classList.remove('filled');
+ if (index < rating) {
+ star.textContent = '★'; // 实心星星
+ star.classList.add('filled');
+ } else {
+ star.textContent = '☆'; // 空心星星
+ }
+ });
+ }
+ }
+
+ // 表单提交
+ if (reviewForm) {
+ reviewForm.addEventListener('submit', function(e) {
+ e.preventDefault();
+ submitReview();
+ });
+ }
+}
+
+// 初始化图片上传
+function initializeImageUpload() {
+ const uploadArea = document.getElementById('uploadArea');
+ const imageInput = document.getElementById('imageInput');
+ const uploadedImages = document.getElementById('uploadedImages');
+
+ if (!uploadArea || !imageInput) return;
+
+ let uploadedImageUrls = [];
+
+ // 点击上传区域
+ uploadArea.addEventListener('click', function() {
+ imageInput.click();
+ });
+
+ // 拖拽上传
+ uploadArea.addEventListener('dragover', function(e) {
+ e.preventDefault();
+ this.style.borderColor = '#007bff';
+ });
+
+ uploadArea.addEventListener('dragleave', function(e) {
+ e.preventDefault();
+ this.style.borderColor = '#ddd';
+ });
+
+ uploadArea.addEventListener('drop', function(e) {
+ e.preventDefault();
+ this.style.borderColor = '#ddd';
+
+ const files = Array.from(e.dataTransfer.files);
+ handleFiles(files);
+ });
+
+ // 文件选择
+ imageInput.addEventListener('change', function() {
+ const files = Array.from(this.files);
+ handleFiles(files);
+ });
+
+ // 处理文件上传
+ function handleFiles(files) {
+ if (uploadedImageUrls.length + files.length > 5) {
+ showAlert('最多只能上传5张图片', 'warning');
+ return;
+ }
+
+ files.forEach(file => {
+ if (!file.type.startsWith('image/')) {
+ showAlert('只能上传图片文件', 'warning');
+ return;
+ }
+
+ if (file.size > 5 * 1024 * 1024) {
+ showAlert('图片大小不能超过5MB', 'warning');
+ return;
+ }
+
+ uploadImage(file);
+ });
+ }
+
+ // 上传图片到服务器
+ function uploadImage(file) {
+ const formData = new FormData();
+ formData.append('file', file);
+
+ // 显示上传进度
+ const previewElement = createImagePreview(URL.createObjectURL(file), true);
+ uploadedImages.appendChild(previewElement);
+
+ fetch('/review/upload_image', {
+ method: 'POST',
+ body: formData
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ // 更新预览元素
+ const img = previewElement.querySelector('img');
+ img.src = data.url;
+ // 强制设置图片样式
+ forceImageStyles(img);
+ previewElement.classList.remove('uploading');
+ previewElement.dataset.url = data.url;
+ uploadedImageUrls.push(data.url);
+ } else {
+ showAlert(data.message || '图片上传失败', 'error');
+ previewElement.remove();
+ }
+ })
+ .catch(error => {
+ showAlert('图片上传失败', 'error');
+ previewElement.remove();
+ });
+ }
+
+ // 创建图片预览元素
+ function createImagePreview(src, isUploading = false) {
+ const div = document.createElement('div');
+ div.className = `image-preview ${isUploading ? 'uploading' : ''}`;
+
+ // 强制设置容器样式
+ div.style.cssText = `
+ position: relative !important;
+ width: 80px !important;
+ height: 80px !important;
+ max-width: 80px !important;
+ max-height: 80px !important;
+ min-width: 80px !important;
+ min-height: 80px !important;
+ border-radius: 8px !important;
+ overflow: hidden !important;
+ border: 2px solid #e9ecef !important;
+ flex-shrink: 0 !important;
+ flex-grow: 0 !important;
+ display: inline-block !important;
+ box-sizing: border-box !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ vertical-align: top !important;
+ `;
+
+ const img = document.createElement('img');
+ img.src = src;
+ img.alt = '评价图片';
+
+ // 强制设置图片样式
+ forceImageStyles(img);
+
+ const removeBtn = document.createElement('button');
+ removeBtn.className = 'remove-btn';
+ removeBtn.innerHTML = '×';
+ removeBtn.type = 'button';
+ removeBtn.style.cssText = `
+ position: absolute !important;
+ top: 2px !important;
+ right: 2px !important;
+ background: rgba(255, 255, 255, 0.9) !important;
+ border: none !important;
+ border-radius: 50% !important;
+ width: 20px !important;
+ height: 20px !important;
+ display: flex !important;
+ align-items: center !important;
+ justify-content: center !important;
+ cursor: pointer !important;
+ font-size: 12px !important;
+ color: #dc3545 !important;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
+ z-index: 10 !important;
+ `;
+
+ removeBtn.onclick = function() {
+ const url = div.dataset.url;
+ if (url) {
+ uploadedImageUrls = uploadedImageUrls.filter(u => u !== url);
+ }
+ div.remove();
+ };
+
+ div.appendChild(img);
+ div.appendChild(removeBtn);
+
+ return div;
+ }
+
+ // 强制设置图片样式的函数
+ function forceImageStyles(img) {
+ img.style.cssText = `
+ display: block !important;
+ width: 80px !important;
+ height: 80px !important;
+ max-width: 80px !important;
+ max-height: 80px !important;
+ min-width: 80px !important;
+ min-height: 80px !important;
+ object-fit: cover !important;
+ border-radius: 6px !important;
+ box-sizing: border-box !important;
+ position: relative !important;
+ top: 0 !important;
+ left: 0 !important;
+ right: 0 !important;
+ bottom: 0 !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ border: none !important;
+ outline: none !important;
+ background: none !important;
+ vertical-align: top !important;
+ flex-shrink: 0 !important;
+ flex-grow: 0 !important;
+ `;
+
+ // 图片加载完成后再次强制设置样式
+ img.onload = function() {
+ forceImageStyles(this);
+ };
+ }
+
+ // 获取上传的图片URL列表
+ window.getUploadedImages = function() {
+ return uploadedImageUrls;
+ };
+}
+
+// 提交评价
+function submitReview() {
+ const submitBtn = document.getElementById('submitBtn');
+ const orderId = document.getElementById('orderId').value;
+ const productId = document.getElementById('productId').value;
+ const rating = document.getElementById('rating').value;
+ const content = document.getElementById('content').value;
+ const isAnonymous = document.getElementById('isAnonymous').checked;
+
+ // 验证
+ if (!rating) {
+ showAlert('请选择评分', 'warning');
+ return;
+ }
+
+ // 禁用提交按钮
+ submitBtn.disabled = true;
+ submitBtn.innerHTML = ' 提交中...';
+
+ const data = {
+ order_id: parseInt(orderId),
+ product_id: parseInt(productId),
+ rating: parseInt(rating),
+ content: content.trim(),
+ is_anonymous: isAnonymous,
+ images: window.getUploadedImages ? window.getUploadedImages() : []
+ };
+
+ fetch('/review/submit', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify(data)
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ showAlert(data.message, 'success');
+ setTimeout(() => {
+ window.location.href = `/order/detail/${orderId}`;
+ }, 1500);
+ } else {
+ showAlert(data.message, 'error');
+ }
+ })
+ .catch(error => {
+ showAlert('提交失败，请重试', 'error');
+ })
+ .finally(() => {
+ // 恢复提交按钮
+ submitBtn.disabled = false;
+ submitBtn.innerHTML = ' 提交评价';
+ });
+}
+
+// 加载商品评价列表（用于商品详情页）
+function loadProductReviews(productId, page = 1, rating = null) {
+ const reviewsContainer = document.getElementById('reviewsContainer');
+ if (!reviewsContainer) return;
+
+ const params = new URLSearchParams({
+ page: page
+ });
+
+ if (rating) {
+ params.append('rating', rating);
+ }
+
+ reviewsContainer.innerHTML = '
+
+ 微信支付二维码 +
+ + 微信支付二维码 +
加载中...
';
+
+ fetch(`/review/product/${productId}?${params}`)
+ .then(response => response.json())
+ .then(data => {
+ if (data.success) {
+ renderReviews(data);
+ } else {
+ reviewsContainer.innerHTML = '加载失败
';
+ }
+ })
+ .catch(error => {
+ reviewsContainer.innerHTML = '加载失败
';
+ });
+}
+
+// 渲染评价列表
+function renderReviews(data) {
+ const reviewsContainer = document.getElementById('reviewsContainer');
+ if (!reviewsContainer) return;
+
+ let html = '';
+
+ // 评价统计
+ if (data.stats) {
+ html += renderReviewStats(data.stats);
+ }
+
+ // 评价筛选
+ html += renderReviewFilter();
+
+ // 评价列表
+ if (data.reviews && data.reviews.length > 0) {
+ data.reviews.forEach(review => {
+ html += renderReviewItem(review);
+ });
+
+ // 分页
+ if (data.pagination && data.pagination.pages > 1) {
+ html += renderPagination(data.pagination);
+ }
+ } else {
+ html += '暂无评价
';
+ }
+
+ reviewsContainer.innerHTML = html;
+}
+
+// 渲染评价统计
+function renderReviewStats(stats) {
+ const goodRate = stats.good_rate || 0;
+ const totalReviews = stats.total_reviews || 0;
+
+ let html = `
+
+
+
+ `;
+
+ return html;
+}
+
+// 渲染评价筛选
+function renderReviewFilter() {
+ return `
+
+
+
+
+
+
+ `;
+}
+
+// 渲染单个评价 - 修复图片和头像问题
+function renderReviewItem(review) {
+ let html = `
+
+
';
+
+ return html;
+}
+
+// 渲染分页
+function renderPagination(pagination) {
+ if (pagination.pages <= 1) return '';
+
+ let html = '';
+
+ return html;
+}
+
+// 筛选评价
+function filterReviews(rating) {
+ // 更新筛选按钮状态
+ const filterButtons = document.querySelectorAll('.reviews-filter .btn');
+ filterButtons.forEach(btn => btn.classList.remove('active'));
+ event.target.classList.add('active');
+
+ // 重新加载评价
+ loadProductReviews(window.currentProductId, 1, rating);
+}
+
+// 显示图片模态框
+function showImageModal(imageUrl) {
+ const modal = document.getElementById('imageModal');
+ const modalImage = document.getElementById('modalImage');
+
+ if (modal && modalImage) {
+ modalImage.src = imageUrl;
+ new bootstrap.Modal(modal).show();
+ }
+}
+
+// 显示提示信息
+function showAlert(message, type = 'info') {
+ // 创建警告框
+ const alertDiv = document.createElement('div');
+ alertDiv.className = `alert alert-${type === 'error' ? 'danger' : type} alert-dismissible fade show position-fixed`;
+ alertDiv.style.cssText = 'top: 20px; right: 20px; z-index: 9999; min-width: 300px;';
+ alertDiv.innerHTML = `
+ ${message}
+
+ `;
+
+ // 添加到页面
+ document.body.appendChild(alertDiv);
+
+ // 自动消失
+ setTimeout(() => {
+ if (alertDiv.parentNode) {
+ alertDiv.remove();
+ }
+ }, 5000);
+}
+
+// 全局变量，用于存储当前商品ID
+window.currentProductId = null;
+
+
🔸==============================================================================
📄 文件: app/templates/admin/base.html
-📊 大小: 7904 bytes (7.72 KB)
-🕒 修改时间: 2025-07-03 07:06:17
+📊 大小: 5154 bytes (5.03 KB)
+🕒 修改时间: 2025-07-08 17:54:21
🔸==============================================================================
@@ -1954,126 +11373,8 @@ const cityData = {
-
-
+
+
{% block extra_css %}{% endblock %}
@@ -2108,8 +11409,8 @@ const cityData = {
+ `;
+
+ if (review.user_avatar) {
+ // 用户头像 - 添加内联样式强制约束尺寸
+ html += `
`;
+ } else {
+ html += `
+
+
+ `;
+
+ if (review.content) {
+ html += `
+
+
`;
+ }
+
+ html += `
+
+
+ ${review.username}
+ ${new Date(review.created_at).toLocaleDateString()}
+ ${review.content}
`; + } + + if (review.images && review.images.length > 0) { + html += '';
+ review.images.forEach(imageUrl => {
+ // 评价图片 - 使用特殊的类名和内联样式确保图片尺寸正确
+ html += `
`;
+ });
+ html += '
';
+ }
+
+ html += '
+
@@ -2954,19 +11926,19 @@ document.getElementById('addCategoryForm').addEventListener('submit', function(e
@@ -2939,7 +11909,9 @@ document.getElementById('addCategoryForm').addEventListener('submit', function(e
-
+
+
+
-
+
数据库连接
正常
-
+
文件存储
正常
-
+
邮件服务
正常
-
+
-
系统版本
v1.0.0
@@ -2976,7 +11948,7 @@ document.getElementById('addCategoryForm').addEventListener('submit', function(e
+
@@ -3023,8 +11995,9 @@ document.getElementById('addCategoryForm').addEventListener('submit', function(e
{% endfor %}
{% else %}
-
- 暂无操作日志
+
+
+
{% endif %}
@@ -3047,55 +12020,26 @@ document.getElementById('addCategoryForm').addEventListener('submit', function(e
{% block extra_js %}
+
{% endblock %}
🔸==============================================================================
📄 文件: app/templates/admin/login.html
-📊 大小: 4628 bytes (4.52 KB)
-🕒 修改时间: 2025-07-03 05:58:36
+📊 大小: 2726 bytes (2.66 KB)
+🕒 修改时间: 2025-07-04 14:51:53
🔸==============================================================================
@@ -3109,91 +12053,8 @@ const userTrendChart = new Chart(ctx, {
-
-
+
+
暂无操作日志
@@ -3253,12 +12114,1063 @@ const userTrendChart = new Chart(ctx, {
🔸==============================================================================
-📄 文件: app/templates/admin/orders.html
-📊 大小: 0 bytes (0.00 KB)
-🕒 修改时间: 2025-07-03 02:46:14
+📄 文件: app/templates/admin/logs.html
+📊 大小: 11310 bytes (11.04 KB)
+🕒 修改时间: 2025-07-09 02:00:00
🔸==============================================================================
+{% extends "admin/base.html" %}
+{% block title %}操作日志 - 太白购物商城管理后台{% endblock %}
+
+{% block page_title %}操作日志{% endblock %}
+{% block page_description %}查看系统操作日志，监控用户和管理员行为{% endblock %}
+
+{% block extra_css %}
+
+{% endblock %}
+
+{% block content %}
+
+
+
+{% endblock %}
+
+{% block extra_js %}
+
+{% endblock %}
+
+
+🔸==============================================================================
+📄 文件: app/templates/admin/order_detail.html
+📊 大小: 20284 bytes (19.81 KB)
+🕒 修改时间: 2025-07-08 17:54:21
+🔸==============================================================================
+
+{% extends "admin/base.html" %}
+
+{% block title %}订单详情 - 太白购物商城管理后台{% endblock %}
+
+{% block page_title %}订单详情{% endblock %}
+{% block page_description %}订单号：{{ order.order_sn }}{% endblock %}
+
+{% block extra_css %}
+
+{% endblock %}
+
+{% block content %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ logs.total }}
+总日志数
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ logs.items | selectattr('user_type', 'equalto', 1) | list | length }}
+用户操作
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ logs.items | selectattr('user_type', 'equalto', 2) | list | length }}
+管理员操作
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ today_logs_count }}
+今日操作
+
+
+
+
+
+
+
+ + + 操作日志 + 共 {{ logs.total }} 条记录 +
+
+
+
+
+
+
+
+ {% if logs.pages > 1 %}
+
+ {% endif %}
+ | 时间 | +操作者 | +操作类型 | +操作内容 | +IP地址 | +用户代理 | +
|---|---|---|---|---|---|
|
+ {{ log.created_at.strftime('%Y-%m-%d') if log.created_at else '-' }}
+ {{ log.created_at.strftime('%H:%M:%S') if log.created_at else '' }}
+ |
+
+
+
+ {{ '管理员' if log.user_type == 2 else '用户' }}
+
+ #{{ log.user_id or '-' }}
+
+ |
+ + {{ log.action }} + | +
+
+ {% if log.resource_type %}
+ {{ log.resource_type }}
+ {% if log.resource_id %}
+ #{{ log.resource_id }}
+ {% endif %}
+ {% else %}
+ -
+ {% endif %}
+
+ |
+
+ {{ log.ip_address or '-' }}
+ |
+
+
+ {% if log.user_agent %}
+
+ {{ log.user_agent[:50] }}{% if log.user_agent|length > 50 %}...{% endif %}
+
+ {% else %}
+ -
+ {% endif %}
+
+ |
+
|
+
+
+
+ 暂无操作日志
+ {% if user_type or action %}
+ 尝试调整筛选条件
+ {% endif %}
+ |
+ |||||
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 订单基本信息
+
+
+
+
+
+ {% if order.remark %}
+
+
+
+
+ | 订单号： | +{{ order.order_sn }} | +
|---|---|
| 用户信息： | +
+ {{ order.user.username }}
+ {% if order.user.phone %}
+ {{ order.user.phone }}
+ {% endif %}
+ |
+
| 订单状态： | ++ {{ order.get_status_text() }} + | +
| 支付方式： | ++ {% if order.payment_method %} + {{ order.payment_method }} + {% else %} + 未设置 + {% endif %} + | +
+
+
+
+ | 创建时间： | +{{ order.created_at.strftime('%Y-%m-%d %H:%M:%S') }} | +
|---|---|
| 发货时间： | +{{ order.shipped_at.strftime('%Y-%m-%d %H:%M:%S') }} | +
| 收货时间： | +{{ order.received_at.strftime('%Y-%m-%d %H:%M:%S') }} | +
| 配送方式： | +{{ order.shipping_method or '标准配送' }} | +
+ 订单备注：
+
+ {% endif %}
+ {{ order.remark }}
+
+
+
+
+
+
+ 收货信息
+
+ {% set receiver = order.get_receiver_info() %}
+ {% if receiver %}
+
+
+
+ {% else %}
+
+
+
+
+ | 收货人： | +{{ receiver.receiver_name }} | +
|---|---|
| 联系电话： | +{{ receiver.receiver_phone }} | +
+
+
+
+ | 收货地址： | +{{ receiver.full_address }} | +
|---|---|
| 邮政编码： | +{{ receiver.postal_code }} | +
暂无收货信息
+ {% endif %} +
+
+
+
+ 订单商品
+
+
+
+
+
+
+
+ | 商品信息 | +单价 | +数量 | +小计 | +
|---|---|---|---|
|
+
+ {% if item.product_image %}
+
+
+
+ {{ item.product_name }}
+ {% if item.spec_combination %}
+ {{ item.spec_combination }}
+ {% endif %}
+ {% if item.sku_code %}
+ SKU: {{ item.sku_code }}
+ {% endif %}
+ |
+ ¥{{ "%.2f"|format(item.price) }} | +{{ item.quantity }} | +¥{{ "%.2f"|format(item.total_price) }} | +
+
+
+
+
+
+
+ {% if payment %}
+
+
+ 金额信息
+
+
+
+
+ | 商品总额： | +¥{{ "%.2f"|format(order.total_amount) }} | +
|---|---|
| 运费： | +¥{{ "%.2f"|format(order.shipping_fee) }} | +
| 实付金额： | +¥{{ "%.2f"|format(order.actual_amount) }} | +
+
+ {% endif %}
+
+
+ {% if shipping_info %}
+
+
+ 支付信息
+
+
+
+
+ | 支付流水号： | +{{ payment.payment_sn }} | +
|---|---|
| 支付状态： | ++ + {{ payment.get_status_text() }} + + | +
| 支付时间： | +{{ payment.paid_at.strftime('%Y-%m-%d %H:%M:%S') }} | +
| 第三方流水号： | +{{ payment.third_party_sn }} | +
+
+ {% endif %}
+
+
+
+
+ 物流信息
+
+
+
+
+ | 物流公司： | +{{ shipping_info.shipping_company }} | +
|---|---|
| 快递单号： | +{{ shipping_info.tracking_number }} | +
| 物流状态： | ++ + {% if shipping_info.shipping_status == 1 %}已发货 + {% elif shipping_info.shipping_status == 2 %}运输中 + {% elif shipping_info.shipping_status == 3 %}已送达 + {% endif %} + + | +
+
+
+
+ 订单操作
+
+
+
+ {% if order.status == 2 %}
+
+ {% endif %}
+
+ {% if order.status in [2, 3] %}
+
+ {% endif %}
+
+ {% if order.can_cancel() %}
+
+ {% endif %}
+
+
+ 返回列表
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endblock %}
+
+{% block extra_js %}
+
+{% endblock %}
+
+
+🔸==============================================================================
+📄 文件: app/templates/admin/orders.html
+📊 大小: 17845 bytes (17.43 KB)
+🕒 修改时间: 2025-07-08 17:54:21
+🔸==============================================================================
+
+{% extends "admin/base.html" %}
+
+{% block title %}订单管理 - 太白购物商城管理后台{% endblock %}
+
+{% block page_title %}订单管理{% endblock %}
+{% block page_description %}管理系统中的所有订单{% endblock %}
+
+{% block extra_css %}
+
+{% endblock %}
+
+{% block content %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ order_stats.get(0, {}).get('count', 0) + order_stats.get(1, {}).get('count', 0) + order_stats.get(2, {}).get('count', 0) + order_stats.get(3, {}).get('count', 0) + order_stats.get(4, {}).get('count', 0) + order_stats.get(5, {}).get('count', 0) + order_stats.get(6, {}).get('count', 0) + order_stats.get(7, {}).get('count', 0) }}
+ 总订单
+
+
+
+
+
+
+ {{ order_stats.get(1, {}).get('count', 0) }}
+ 待支付
+
+
+
+
+
+
+ {{ order_stats.get(2, {}).get('count', 0) }}
+ 待发货
+
+
+
+
+
+
+ {{ order_stats.get(3, {}).get('count', 0) }}
+ 待收货
+
+
+
+
+
+
+ {{ order_stats.get(5, {}).get('count', 0) }}
+ 已完成
+
+
+
+
+
+
+ {{ order_stats.get(6, {}).get('count', 0) }}
+ 已取消
+
+
+
+
+
+
+
+
+
+
+
+ 订单列表
+
+ {% if orders.items %}
+
+
+
+
+
+
+
+
+ {% if orders.pages > 1 %}
+
+ {% endif %}
+
+ {% else %}
+ | 订单号 | +用户信息 | +订单金额 | +订单状态 | +支付方式 | +创建时间 | +操作 | +
|---|---|---|---|---|---|---|
|
+ {{ order.order_sn }}
+ ID: {{ order.id }}
+ |
+
+ {{ order.user.username }}
+ {% if order.user.phone %}
+ {{ order.user.phone }}
+ {% endif %}
+ |
+
+ ¥{{ "%.2f"|format(order.actual_amount) }}
+ {% if order.shipping_fee > 0 %}
+ 含运费: ¥{{ "%.2f"|format(order.shipping_fee) }}
+ {% endif %}
+ |
+ + {{ order.get_status_text() }} + | ++ {% if order.payment_method %} + {{ order.payment_method }} + {% else %} + 未设置 + {% endif %} + | +
+ {{ order.created_at.strftime('%Y-%m-%d') }}
+ {{ order.created_at.strftime('%H:%M:%S') }}
+ |
+
+
+
+ 详情
+
+
+ {% if order.status == 2 %}
+
+ {% endif %}
+
+ {% if order.status in [2, 3] %}
+
+ {% endif %}
+
+ {% if order.can_cancel() %}
+
+ {% endif %}
+
+ |
+
+
+
+ {% endif %}
+ 暂无订单数据
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endblock %}
+
+{% block extra_js %}
+
+{% endblock %}
🔸==============================================================================
@@ -4579,8 +14491,8 @@ document.addEventListener('DOMContentLoaded', function() {
🔸==============================================================================
📄 文件: app/templates/admin/profile.html
-📊 大小: 5778 bytes (5.64 KB)
-🕒 修改时间: 2025-07-03 05:59:09
+📊 大小: 6433 bytes (6.28 KB)
+🕒 修改时间: 2025-07-04 18:44:46
🔸==============================================================================
{% extends "admin/base.html" %}
@@ -4590,126 +14502,132 @@ document.addEventListener('DOMContentLoaded', function() {
{% block page_title %}个人资料{% endblock %}
{% block page_description %}管理员个人信息设置{% endblock %}
+{% block extra_css %}
+
+{% endblock %}
+
{% block content %}
-
+
+
+
-
-
-
-
-
-
-
- - - 基本信息 -
-
-
-
-
-
-
-
- - - 账号信息 -
-
-
- 角色：
- {{ admin.role }}
+
+
+
+
+
-
-
+
- + + 基本信息 +
- 状态：
- {% if admin.status == 1 %}
- 正常
- {% else %}
- 禁用
- {% endif %}
-
-
- 创建时间：
- {{ admin.created_at.strftime('%Y-%m-%d %H:%M:%S') if admin.created_at else '' }} -
- - {{ admin.created_at.strftime('%Y-%m-%d %H:%M:%S') if admin.created_at else '' }} -
- 最后登录：
- {{ admin.last_login_at.strftime('%Y-%m-%d %H:%M:%S') if admin.last_login_at else '从未登录' }} +
- {{ admin.last_login_at.strftime('%Y-%m-%d %H:%M:%S') if admin.last_login_at else '从未登录' }} +
+
-
{% block content %}{% endblock %}
-
- {% block title %}太白购物商城{% endblock %}
+
+
-
+
+
+
+ {% block head %}{% endblock %}
@@ -4789,24 +14963,12 @@ document.addEventListener('DOMContentLoaded', function() {
全部商品
-
-
- 商品分类
-
-
-
-
-
- {% with messages = get_flashed_messages(with_categories=true) %}
- {% if messages %}
- - - 修改密码 -
+
+
@@ -4719,17 +14637,295 @@ document.addEventListener('DOMContentLoaded', function() {
🔸==============================================================================
📄 文件: app/templates/admin/users.html
-📊 大小: 0 bytes (0.00 KB)
-🕒 修改时间: 2025-07-03 02:46:14
+📊 大小: 12968 bytes (12.66 KB)
+🕒 修改时间: 2025-07-09 02:00:00
🔸==============================================================================
+{% extends "admin/base.html" %}
+{% block title %}用户管理 - 太白购物商城管理后台{% endblock %}
+
+{% block page_title %}用户管理{% endblock %}
+{% block page_description %}管理系统用户，查看用户信息和状态{% endblock %}
+
+{% block extra_css %}
+
+{% endblock %}
+
+{% block content %}
+
+
-
+
+ + + 账号信息 +
+
+
+ 角色：
+ {{ admin.role }}
+
+
+ 状态：
+ {% if admin.status == 1 %}
+ 正常
+ {% else %}
+ 禁用
+ {% endif %}
+
+
+ 创建时间：
+ {{ admin.created_at.strftime('%Y-%m-%d %H:%M:%S') if admin.created_at else '' }} +
+ + {{ admin.created_at.strftime('%Y-%m-%d %H:%M:%S') if admin.created_at else '' }} +
+ 最后登录：
+ {{ admin.last_login_at.strftime('%Y-%m-%d %H:%M:%S') if admin.last_login_at else '从未登录' }} +
+ + {{ admin.last_login_at.strftime('%Y-%m-%d %H:%M:%S') if admin.last_login_at else '从未登录' }} +
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ users.total }}
+总用户数
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ users.items | selectattr('status', 'equalto', 1) | list | length }}
+正常用户
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ users.items | selectattr('status', 'equalto', 0) | list | length }}
+禁用用户
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ week_new_users }}
+本周新增
+
+
+
+
+
+
+
+ + + 用户列表 + 共 {{ users.total }} 条记录 +
+
+
+
+
+
+
+
+ {% if users.pages > 1 %}
+
+ {% endif %}
+ | 用户ID | +用户信息 | +联系方式 | +注册时间 | +状态 | +操作 | +
|---|---|---|---|---|---|
| + #{{ user.id }} + | +
+
+
+
+ {% if user.avatar_url %}
+
+
+
+
+ {% endif %}
+
+
+ {{ user.username }}
+ {% if user.nickname %}
+ {{ user.nickname }}
+ {% endif %}
+ |
+
+
+ {% if user.email %}
+
+ {{ user.email }}
+ {% endif %}
+ {% if user.phone %}
+ {{ user.phone }}
+ {% endif %}
+ {% if not user.email and not user.phone %}
+ 未设置
+ {% endif %}
+ |
+
+ {{ user.created_at.strftime('%Y-%m-%d') if user.created_at else '-' }}
+ {{ user.created_at.strftime('%H:%M:%S') if user.created_at else '' }}
+ |
+ + + {{ '正常' if user.status == 1 else '禁用' }} + + | +
+
+
+
+
+ |
+
|
+
+
+
+ 暂无用户数据
+ {% if search or status %}
+ 尝试调整搜索条件
+ {% endif %}
+ |
+ |||||
+
+
+{% endblock %}
+
+{% block extra_js %}
+
+{% endblock %}
🔸==============================================================================
📄 文件: app/templates/base.html
-📊 大小: 11658 bytes (11.38 KB)
-🕒 修改时间: 2025-07-03 15:26:16
+📊 大小: 5960 bytes (5.82 KB)
+🕒 修改时间: 2025-07-09 04:36:54
🔸==============================================================================
@@ -4738,36 +14934,14 @@ document.addEventListener('DOMContentLoaded', function() {
+
+
+
+
+
+
+ {% with messages = get_flashed_messages(with_categories=true) %}
+ {% if messages %}
{% for category, message in messages %}
- {% endif %}
- {% endwith %}
+ {% endif %}
+ {% endwith %}
-
-