From 7caff23099c093106225672145dc835d243d368f Mon Sep 17 00:00:00 2001 From: 13121765685 Date: Tue, 13 Jan 2026 17:30:01 +0800 Subject: [PATCH] 22 --- .trae/FrontendDesignerStyle.md | 188 +++ .../documents/Fix Unban Functionality Typo.md | 19 - ...nt Phone Verification Code Login Toggle.md | 49 - .trae/documents/plan_20260113_053629.md | 56 + .trae/documents/plan_20260113_073445.md | 90 ++ .trae/documents/佣金提现页面设计与实现.md | 107 ++ .trae/documents/修改手机号登录逻辑.md | 386 ------- .trae/documents/修改登录注册邀请码逻辑.md | 70 -- .trae/documents/实现佣金结算功能.md | 62 - .trae/documents/实现店铺选择功能.md | 94 ++ .trae/documents/实现用户中心优惠券模块.md | 96 -- .trae/documents/实现竖屏移动端卡片展示组件.md | 354 ------ .trae/documents/实现邀请明细页面.md | 46 - .trae/documents/开发智能体管理页面.md | 70 -- ...加店铺证书号和证书图片字段到店铺管理弹窗.md | 34 + .../documents/设计 AdminShop 店铺管理页面.md | 164 +++ .trae/documents/设计Shop.vue页面.md | 54 + .trae/rules/project_rules.md | 7 +- apps/FrontendDesigner/package.json | 1 + .../src/components/admin/SubMenu.vue | 6 +- .../src/locales/lang/en-US.js | 210 +++- .../src/locales/lang/zh-CN.js | 219 +++- apps/FrontendDesigner/src/router/index.js | 85 +- .../AdminCommissionWithdrawal.vue | 640 ++++++++++ .../admin/AdminCommissionManagement/index.js | 176 ++- .../src/views/admin/AdminOrders copy.vue | 2 +- .../views/admin/AdminOrders/AdminOrders.vue | 2 +- .../src/views/admin/AdminShop/employee.vue | 1028 +++++++++++++++++ .../src/views/admin/AdminShop/index.js | 519 +++++++++ .../src/views/admin/AdminShop/shop.vue | 713 ++++++++++++ .../src/components/PurchaseModal/index.js | 47 + .../src/components/PurchaseModal/index.vue | 87 +- apps/frontend/src/locales/index.js | 20 + apps/frontend/src/views/AddAgent.vue | 14 +- apps/frontend/src/views/user/index.js | 29 +- apps/frontend/src/views/user/index.vue | 4 +- .../src/views/user/invite-records.vue | 218 +++- .../changes/create-admin-dashboard/design.md | 2 +- .../specs/admin-pages/spec.md | 2 +- .../specs/shipping-step/spec.md | 2 +- .../utils/src/api/FrontendDesigner/index.js | 3 +- .../src/api/FrontendDesigner/permission.js | 4 +- .../utils/src/api/FrontendDesigner/shop.js | 21 + .../utils/src/api/FrontendDesigner/user.js | 4 + packages/utils/src/api/frontend/index.js | 2 + packages/utils/src/api/frontend/shop.js | 4 + packages/utils/src/api/frontend/user.js | 1 + packages/utils/src/servers/payserver.js | 1 + pnpm-lock.yaml | 13 + 49 files changed, 4794 insertions(+), 1231 deletions(-) create mode 100644 .trae/FrontendDesignerStyle.md delete mode 100644 .trae/documents/Fix Unban Functionality Typo.md delete mode 100644 .trae/documents/Implement Phone Verification Code Login Toggle.md create mode 100644 .trae/documents/plan_20260113_053629.md create mode 100644 .trae/documents/plan_20260113_073445.md create mode 100644 .trae/documents/佣金提现页面设计与实现.md delete mode 100644 .trae/documents/修改手机号登录逻辑.md delete mode 100644 .trae/documents/修改登录注册邀请码逻辑.md delete mode 100644 .trae/documents/实现佣金结算功能.md create mode 100644 .trae/documents/实现店铺选择功能.md delete mode 100644 .trae/documents/实现用户中心优惠券模块.md delete mode 100644 .trae/documents/实现竖屏移动端卡片展示组件.md delete mode 100644 .trae/documents/实现邀请明细页面.md delete mode 100644 .trae/documents/开发智能体管理页面.md create mode 100644 .trae/documents/添加店铺证书号和证书图片字段到店铺管理弹窗.md create mode 100644 .trae/documents/设计 AdminShop 店铺管理页面.md create mode 100644 .trae/documents/设计Shop.vue页面.md create mode 100644 apps/FrontendDesigner/src/views/admin/AdminCommissionManagement/AdminCommissionWithdrawal.vue create mode 100644 apps/FrontendDesigner/src/views/admin/AdminShop/employee.vue create mode 100644 apps/FrontendDesigner/src/views/admin/AdminShop/index.js create mode 100644 apps/FrontendDesigner/src/views/admin/AdminShop/shop.vue create mode 100644 apps/frontend/src/components/PurchaseModal/index.js create mode 100644 packages/utils/src/api/FrontendDesigner/shop.js create mode 100644 packages/utils/src/api/frontend/shop.js diff --git a/.trae/FrontendDesignerStyle.md b/.trae/FrontendDesignerStyle.md new file mode 100644 index 0000000..4c73f24 --- /dev/null +++ b/.trae/FrontendDesignerStyle.md @@ -0,0 +1,188 @@ +# 企业级管理系统设计风格指南 + +## 1. 风格概述 + +当前页面采用的是**Element Plus企业级管理系统设计风格**，这是一种基于Element Plus组件库的现代化、专业化的管理系统设计范式。它以清晰的层次结构、统一的视觉语言和流畅的交互体验为核心，广泛应用于各类企业后台管理系统。 + +## 2. 设计特点 + +### 2.1 布局设计 + +- **卡片式布局**：使用`el-card`组件包裹主要内容区域，形成清晰的视觉边界 +- **头部-内容-底部**：典型的三段式布局，结构清晰 +- **响应式设计**：适配不同屏幕尺寸，在移动端自动调整布局 +- **留白合理**：各元素间保持适当间距，提升可读性 + +### 2.2 色彩系统 + +- **主色调**：使用Element Plus默认的蓝色系(#409EFF)作为主色调，代表专业、信任 +- **辅助色**：绿色(#67C23A)表示成功，红色(#F56C6C)表示危险，黄色(#E6A23C)表示警告，灰色(#909399)表示禁用/次要信息 +- **中性色**：白色背景配合浅灰色边框，形成干净清爽的视觉效果 +- **深色主题支持**：通过CSS变量实现深色主题适配 + +### 2.3 排版规范 + +- **字体层次**：清晰的标题层级(h1-h3)，正文使用14px字体 +- **统一字体**：使用系统默认无衬线字体，保证跨平台一致性 +- **对齐方式**：左对齐为主，保持视觉流的一致性 +- **行高合理**：正文行高约1.5-1.6，提升可读性 + +### 2.4 组件风格 + +- **表格设计**：使用`el-table`组件，支持排序、筛选、分页 +- **表单设计**：使用`el-form`组件，支持表单验证、布局调整 +- **按钮设计**：统一的按钮样式，区分主要操作和次要操作 +- **弹窗设计**：使用`el-dialog`组件，模态弹窗居中显示 +- **状态标签**：使用`el-tag`组件，直观展示不同状态 + +## 3. 技术实现 + +### 3.1 组件库 + +- **Element Plus**：基于Vue 3的企业级UI组件库 +- **组件化开发**：封装通用组件，提高代码复用性 +- **按需引入**：减小打包体积，提高性能 + +### 3.2 样式方案 + +- **CSS变量**：使用CSS变量管理主题色，支持动态切换 +- **Scoped CSS**：组件样式隔离，避免样式冲突 +- **深度选择器**：使用`:deep()`实现样式穿透，覆盖组件默认样式 +- **响应式设计**：结合媒体查询适配不同屏幕尺寸 + +### 3.3 交互设计 + +- **即时反馈**：操作后立即给出视觉反馈(如`ElMessage`提示) +- **加载状态**：使用`v-loading`属性显示加载状态 +- **表单验证**：实时表单验证，提供清晰的错误提示 +- **键盘支持**：支持键盘导航和快捷键 + +## 4. 设计原则 + +### 4.1 一致性 + +- **视觉一致性**：相同类型的元素使用相同的样式 +- **交互一致性**：相似功能的交互方式保持一致 +- **布局一致性**：页面布局遵循统一的网格系统 + +### 4.2 清晰性 + +- **信息层级清晰**：重要信息突出显示 +- **操作流程清晰**：减少用户思考成本 +- **反馈清晰**：操作结果即时反馈 + +### 4.3 易用性 + +- **操作简单**：减少操作步骤，简化复杂流程 +- **易于学习**：符合用户习惯的交互方式 +- **容错性高**：提供明确的错误提示和恢复机制 + +### 4.4 可访问性 + +- **键盘导航支持**：支持纯键盘操作 +- **适当的对比度**：保证文本和背景的对比度 +- **语义化HTML**：使用正确的HTML标签，提高可访问性 + +## 5. 适用场景 + +- **企业后台管理系统**：如订单管理、用户管理、数据分析等 +- **SaaS平台控制台**：多租户管理、权限管理等 +- **内部业务系统**：流程审批、数据监控等 +- **数据分析平台**：报表展示、数据可视化等 + +## 6. 代码示例 + +### 6.1 卡片布局示例 + +```vue + + +
+ +
+ +``` + +### 6.2 表格示例 + +```vue + + + + + + + + + + +``` + +### 6.3 表单示例 + +```vue + + + + + + + + + + + + 重置 + 提交 + + +``` + +## 7. 最佳实践 + +### 7.1 组件使用 + +- **优先使用Element Plus组件**：保持风格一致性 +- **合理选择组件**：根据场景选择合适的组件类型 +- **组件配置统一**：相同组件的配置参数保持一致 + +### 7.2 样式管理 + +- **避免全局样式污染**：使用Scoped CSS +- **使用CSS变量**：便于主题切换和维护 +- **统一间距规范**：定义统一的间距变量 + +### 7.3 性能优化 + +- **按需引入组件**：减小打包体积 +- **合理使用v-if和v-show**：根据场景选择合适的条件渲染方式 +- **虚拟滚动**：处理大数据量列表 + +### 7.4 国际化支持 + +- **使用i18n**：支持多语言切换 +- **统一语言包结构**：便于维护和扩展 +- **考虑RTL支持**：为国际化做好准备 + +## 8. 总结 + +Element Plus企业级管理系统设计风格是一种成熟、专业的设计范式，具有清晰的视觉层次、统一的交互体验和良好的可扩展性。它适用于各类企业后台管理系统，能够帮助开发者快速构建高质量、易用的管理界面。 + +通过遵循本指南中的设计原则和最佳实践，可以确保系统具有一致的视觉风格、流畅的交互体验和良好的可维护性，为用户提供专业、高效的管理系统使用体验。 \ No newline at end of file diff --git a/.trae/documents/Fix Unban Functionality Typo.md b/.trae/documents/Fix Unban Functionality Typo.md deleted file mode 100644 index a711001..0000000 --- a/.trae/documents/Fix Unban Functionality Typo.md +++ /dev/null @@ -1,19 +0,0 @@ -## 问题分析 -用户希望添加解封功能，但实际上该功能已经实现！不过，模板条件中存在一个拼写错误，导致解封按钮无法正确显示。 - -## 问题所在 -- 在 `AdminUsers.vue` 第129行，条件判断为 `v-else-if="row.status === 'disable'"` -- 但整个代码库中实际使用的状态值是 `'disabled'`（末尾有'd'） -- 这种不匹配导致解封按钮永远不会在应该显示的时候出现 - -## 解决方案 -1. 修复模板条件中的拼写错误，将条件改为检查 `'disabled'` 而不是 `'disable'` - -## 需要修改的内容 -**文件**: `d:\work\Aiproject\DeotalandAi\apps\FrontendDesigner\src\views\admin\AdminUsers\AdminUsers.vue` -- **第129行**: 将 `row.status === 'disable'` 改为 `row.status === 'disabled'` - -## 验证信息 -- `index.js` 中的 `updateUserStatus` 方法已经支持 `active` 和 `disabled` 两种状态 -- `handleUnban` 函数已经调用 `updateUserStatus` 并传入 `status: 'active'` -- 修复拼写错误后，解封按钮将对禁用用户正确显示 \ No newline at end of file diff --git a/.trae/documents/Implement Phone Verification Code Login Toggle.md b/.trae/documents/Implement Phone Verification Code Login Toggle.md deleted file mode 100644 index 3b14c1e..0000000 --- a/.trae/documents/Implement Phone Verification Code Login Toggle.md +++ /dev/null @@ -1,49 +0,0 @@ -## 实施计划 - -### 1. 分析当前代码结构 - -- **PhoneLogin.vue**：手机号登录页面主组件，包含登录卡片和子组件调用 -- **PhoneLoginForm.vue**：登录表单组件，包含登录方式切换和表单字段 -- **login.js**：包含登录相关的API调用方法，如`sendPhoneCode`和`phoneLoginCode` - -### 2. 修改PhoneLoginForm.vue组件 - -#### 模板部分修改 -- **更新登录模式切换**：将现有的三种模式（密码登录、注册、重置密码）改为仅保留登录相关的模式 -- **添加密码/验证码登录切换**：在登录模式下，添加一个新的切换开关，允许用户在密码登录和验证码登录之间切换 -- **调整表单字段显示**：根据选择的登录方式显示相应的表单字段 - -#### 脚本部分修改 -- **添加登录方式状态**：添加`loginMethod` ref，用于跟踪用户选择的是密码登录还是验证码登录 -- **设置默认登录方式**：将默认登录方式设置为验证码登录 -- **更新表单验证逻辑**：根据选择的登录方式调整验证规则 -- **更新发送验证码逻辑**：发送登录验证码时传递`purpose: 'login'` -- **更新表单提交逻辑**：验证码登录时调用`phoneLoginCode`函数 - -### 3. 修改PhoneLogin.vue组件 - -- **更新handleLogin方法**：确保根据登录方式调用正确的登录函数 - -### 4. 实施细节 - -#### PhoneLoginForm.vue修改点 -- **第155行**：将默认`loginMode`改为'code' -- **第38-70行**：添加密码/验证码登录切换按钮 -- **第256-285行**：更新`handleSendCode`方法，确保发送验证码时传递正确的purpose -- **第288-316行**：更新`handleSubmit`方法，处理验证码登录逻辑 - -#### PhoneLogin.vue修改点 -- **第79-81行**：更新`handleLogin`方法，根据登录方式调用正确的登录函数 - -### 5. 预期行为 - -- 用户默认看到验证码登录界面 -- 用户可以在密码登录和验证码登录之间切换 -- 发送登录验证码时，传递`purpose: 'login'` -- 验证码登录调用`phoneLoginCode`函数 -- 密码登录保持原有功能不变 - -### 6. 需要修改的文件 - -- `d:\work\Aiproject\DeotalandAi\apps\frontend\src\components\auth\PhoneLoginForm.vue` -- `d:\work\Aiproject\DeotalandAi\apps\frontend\src\views\Login\PhoneLogin.vue` \ No newline at end of file diff --git a/.trae/documents/plan_20260113_053629.md b/.trae/documents/plan_20260113_053629.md new file mode 100644 index 0000000..5d27844 --- /dev/null +++ b/.trae/documents/plan_20260113_053629.md @@ -0,0 +1,56 @@ +# 实现店铺管理页面优化 + +## 需求分析 +1. 移除新增和编辑弹窗中的经纬度填写项 +2. 将省市区的输入框改为下拉选择组件，实现三级联动 +3. 确保编辑弹窗中省市区数据能正确回显 + +## 技术方案 + +### 1. 移除经纬度填写项 +- 修改`shop.vue`文件中的表单部分，删除经纬度相关的表单项 +- 移除表单验证规则中的经纬度验证 +- 确保在提交表单时不会传递经纬度数据 + +### 2. 实现省市区下拉选择 +- 由于项目已使用Element Plus，我们可以实现一个三级联动的省市区选择组件 +- 使用Element Plus的级联选择器(`el-cascader`)实现省市区选择 +- 准备省市区数据，支持三级联动 + +### 3. 实现编辑弹窗回显 +- 在编辑店铺时，将后端返回的省市区数据转换为级联选择器所需的格式 +- 确保级联选择器能正确回显已选择的省市区数据 +- 实现数据转换逻辑，将级联选择器的输出转换为后端所需的格式 + +## 实现步骤 + +1. **修改表单结构** + - 移除`shop.vue`中表单的经纬度输入项 + - 将省市区的`el-input`替换为`el-cascader`组件 + - 调整表单布局，确保组件样式一致 + +2. **准备省市区数据** + - 实现省市区数据的加载逻辑 + - 确保数据格式符合Element Plus级联选择器的要求 + +3. **实现联动和回显逻辑** + - 实现级联选择器的基本功能 + - 实现编辑时省市区数据的回显逻辑 + - 实现数据转换，将级联选择器输出转换为后端所需格式 + +4. **更新表单处理** + - 更新表单验证规则 + - 更新表单提交逻辑，确保省市区数据正确传递 + - 更新编辑店铺时的数据填充逻辑 + +5. **测试功能完整性** + - 测试新增店铺功能，确保省市区选择正常 + - 测试编辑店铺功能，确保省市区数据正确回显 + - 测试表单提交，确保数据格式正确 + +## 预期效果 +- 新增和编辑弹窗中不再显示经纬度输入项 +- 省市区选择使用Element Plus级联选择器，支持三级联动 +- 编辑弹窗中省市区数据能正确回显 +- 表单提交时正确传递省市区数据 +- 页面样式保持一致，交互流畅 \ No newline at end of file diff --git a/.trae/documents/plan_20260113_073445.md b/.trae/documents/plan_20260113_073445.md new file mode 100644 index 0000000..24538c8 --- /dev/null +++ b/.trae/documents/plan_20260113_073445.md @@ -0,0 +1,90 @@ +# 员工管理页面实现计划 + +## 页面结构设计 +1. **页面头部**： + - 标题：员工管理 + - 搜索栏：支持按员工编号、姓名、电话搜索 + - 筛选条件：员工类型、部门、职位、工作状态、员工状态 + +2. **操作区域**： + - 添加员工按钮 + - 批量删除按钮 + +3. **员工列表**： + - 使用Element Plus的`el-table`组件展示员工信息 + - 支持分页 + - 支持单行操作：查看详情、编辑、删除、更新状态 + - 支持批量选择 + +4. **弹窗组件**： + - 添加/编辑员工表单：使用`el-dialog`和`el-form`组件 + - 包含店铺下拉列表（调用getShopList接口） + - 包含管理员用户下拉列表（调用getAdminUsersList接口） + - 员工详情查看：使用`el-dialog`组件 + - 确认删除弹窗：使用`el-dialog`组件 + - 状态更新弹窗：使用`el-dialog`组件 + +## 功能实现 +1. **数据交互**： + - 调用`getShopList`获取店铺列表，用于下拉选择 + - 调用`getAdminUsersList`获取管理员用户列表，用于下拉选择 + - 调用`getEmployeeList`获取员工列表 + - 调用`createShopEmployee`创建员工 + - 调用`updateEmployee`更新员工 + - 调用`deleteEmployee`删除员工 + - 调用`batchDeleteEmployee`批量删除员工 + - 调用`getEmployeeById`查询员工详情 + - 调用`updateWorkStatus`更新工作状态 + - 调用`updateEmployeeStatus`更新员工状态 + - 调用`employeeResign`处理员工离职 + +2. **表单实现**： + - 店铺选择：从getShopList返回的数据中选择 + - 管理员选择：从getAdminUsersList返回的数据中选择 + - 其他表单字段验证 + +3. **国际化支持**： + - 在页面中使用`t()`函数进行文本翻译 + - 添加员工管理相关的中英文对照 + +4. **响应式设计**： + - 使用CSS Grid和Flexbox进行布局 + - 使用媒体查询适配不同屏幕尺寸 + - 确保在移动端、平板和桌面端都有良好的显示效果 + +5. **UI交互**： + - 使用Element Plus组件库 + - 实现各种表单验证 + - 实现加载状态和提示信息 + - 实现主题切换支持 + +## 代码实现 +1. **更新国际化配置**： + - 在`zh-CN.js`和`en-US.js`中添加员工管理相关的翻译 + +2. **实现employee.vue页面**： + - 使用Composition API编写逻辑 + - 实现页面布局和交互 + - 调用API进行数据交互 + - 实现店铺和管理员用户下拉列表 + +3. **样式设计**： + - 使用Scoped CSS + - 使用CSS变量定义主题色 + - 实现响应式布局 + - 遵循Element Plus企业级管理系统设计风格 + +## 技术栈 +- Vue 3 (Composition API) +- Element Plus +- Vue Router +- Pinia +- Vue I18n +- CSS Grid + Flexbox + +## 实现步骤 +1. 首先更新国际化配置文件 +2. 然后实现employee.vue页面的基本结构 +3. 接着实现数据交互逻辑，包括店铺和管理员用户下拉列表 +4. 实现员工列表和各种操作功能 +5. 最后实现样式和响应式设计 \ No newline at end of file diff --git a/.trae/documents/佣金提现页面设计与实现.md b/.trae/documents/佣金提现页面设计与实现.md new file mode 100644 index 0000000..90a0c7c --- /dev/null +++ b/.trae/documents/佣金提现页面设计与实现.md @@ -0,0 +1,107 @@ +# 佣金提现页面设计与实现 + +## 页面功能设计 + +基于提供的API方法，设计一个完整的佣金提现管理页面，包含以下功能： + +1. **结算申请列表** + - 展示所有结算申请，支持分页 + - 显示申请ID、用户名、申请金额、佣金金额、状态、申请时间等信息 + - 支持按用户名搜索、按状态筛选、按时间范围筛选 + +2. **结算申请详情** + - 查看单个结算申请的详细信息 + - 查看关联的订单列表 + - 支持审核操作（通过/拒绝） + +3. **审核功能** + - 审核通过：填写佣金金额和备注 + - 审核拒绝：填写拒绝理由 + +4. **订单详情** + - 查看结算申请关联的订单列表 + - 显示订单号、金额、状态等信息 + +## 技术实现方案 + +1. **组件结构** + - 使用 Vue 3 Composition API 开发 + - 采用响应式设计，适配移动端、桌面端、平板端 + - 使用 Scoped CSS + CSS 变量实现主题适配 + +2. **国际化** + - 使用现有的 i18n 框架，基于 `src/locales/lang` 配置 + - 支持中英文切换 + - 在语言文件中添加佣金提现相关的翻译字段 + +3. **API 调用** + - 实例化 `AdminCommissionManagement` 类 + - 调用提供的四个 API 方法： + - `getSettlementApplications`：获取结算申请列表 + - `approveSettlementApplication`：审核通过 + - `rejectSettlementApplication`：审核拒绝 + - `getSettlementOrders`：获取关联订单 + +4. **UI 设计** + - 简洁明了的表格布局，支持响应式调整 + - 使用卡片式设计展示详情 + - 模态框实现审核操作 + - 加载状态和错误处理 + +## 页面布局设计 + +1. **桌面端布局** + - 顶部：搜索和筛选区域 + - 中间：结算申请列表（表格形式） + - 右侧/底部：操作按钮 + - 模态框：审核操作和详情查看 + +2. **移动端布局** + - 顶部：搜索和筛选区域（折叠式） + - 中间：结算申请列表（卡片形式） + - 底部：操作按钮 + - 全屏模态框：审核操作和详情查看 + +3. **主题适配** + - 使用 CSS 变量定义主题色 + - 支持浅色/深色主题切换 + - 遵循项目现有的主题设计规范 + +## 实现步骤 + +1. **更新语言文件** + - 在 `zh-CN.js` 和 `en-US.js` 中添加佣金提现相关的翻译字段 + +2. **开发主页面组件** + - 实现结算申请列表 + - 实现搜索和筛选功能 + - 实现分页功能 + +3. **开发详情组件** + - 实现结算申请详情展示 + - 实现关联订单列表展示 + +4. **开发审核组件** + - 实现审核通过模态框 + - 实现审核拒绝模态框 + +5. **响应式设计** + - 添加媒体查询，适配不同屏幕尺寸 + - 调整布局和组件样式 + +6. **主题适配** + - 使用 CSS 变量实现主题切换 + - 确保所有组件支持主题变化 + +7. **测试与优化** + - 测试所有功能是否正常工作 + - 优化性能和用户体验 + - 确保中英文切换正常 + +## 预期效果 + +- 一个功能完整的佣金提现管理页面 +- 支持响应式设计，适配各种设备 +- 支持中英文切换 +- 支持主题色切换 +- 良好的用户体验和交互效果 \ No newline at end of file diff --git a/.trae/documents/修改手机号登录逻辑.md b/.trae/documents/修改手机号登录逻辑.md deleted file mode 100644 index 59e3393..0000000 --- a/.trae/documents/修改手机号登录逻辑.md +++ /dev/null @@ -1,386 +0,0 @@ -# 实现竖屏移动端卡片展示组件 - -## 组件设计目标 - -* 适配竖屏移动端的卡片展示组件 - -* 包含图片展示、加载蒙层、预览功能 - -* 底部功能按钮（修改、编辑、场景图、下载、删除） - -* 向父组件抛出事件 - -## 实现步骤 - -### 1. 实现 `shu.vue` 组件 - -* 设计组件结构：主容器、图片区域、功能按钮区域 - -* 实现响应式布局，适配竖屏移动端 - -* 使用 Scoped CSS + CSS 变量实现样式隔离与主题定制 - -### 2. 图片展示与加载效果 - -* 使用 `el-image` 组件实现图片展示 - -* 添加加载状态管理，显示加载蒙层 - -* 实现图片加载完成后的过渡效果 - -### 3. 图片预览功能 - -* 集成图片预览功能，适配 H5 移动端 - -* 点击图片触发预览，支持手势操作 - -### 4. 底部功能按钮 - -* 实现修改、编辑、场景图、下载、删除按钮 - -* 每个按钮向父组件抛出对应的事件 - -* 按钮样式设计符合 UI/UX 要求 - -### 5. 与父组件交互 - -* 在 `CreateProjectShu.vue` 中引入并使用 `shu.vue` 组件 - -* 实现事件处理逻辑，接收并处理子组件抛出的事件 - -## 代码实现 - -### `shu.vue` 组件 - -```vue - - - - - -``` - -### 2. 集成到父组件 `CreateProjectShu.vue` - -* 在父组件中引入 `shu.vue` 组件 - -* 实现事件处理逻辑，接收子组件抛出的事件 - -* 在模板中使用新组件展示卡片 - -## 设计规范 - -* 主色调：深紫色（#6B46C1）、浅紫色（#A78BFA） - -* 辅助色：深灰色（#1F2937）、浅灰色（#F3F4F6） - -* 按钮样式：圆角设计（8px半径）、微妙阴影、悬停效果 - -* 字体排版：Inter字体系列、16px基础大小、响应式缩放 - -* 布局风格：基于卡片的设计、统一间距（8px网格系统） - -* 动画效果：平滑过渡（200ms缓入缓出）、加载蒙层 - -## 测试与验证 - -* 确保组件在竖屏移动端正常显示 - -* 测试图片加载、预览功能 - -* 验证按钮事件正确抛出 - -* 检查响应式布局适配情况 - diff --git a/.trae/documents/修改登录注册邀请码逻辑.md b/.trae/documents/修改登录注册邀请码逻辑.md deleted file mode 100644 index f11883a..0000000 --- a/.trae/documents/修改登录注册邀请码逻辑.md +++ /dev/null @@ -1,70 +0,0 @@ -## 实施计划 - -### 1. 分析当前代码结构 - -* **PhoneLogin.vue**：手机号登录页面主组件，包含登录卡片和子组件调用 - -* **PhoneLoginForm.vue**：登录表单组件，包含登录方式切换和表单字段 - -* **login.js**：包含登录相关的API调用方法，如`sendPhoneCode`和`phoneLoginCode` - -### 2. 修改PhoneLoginForm.vue组件 - -#### 模板部分修改 - -* **更新登录模式切换**：将现有的三种模式（密码登录、注册、重置密码）改为仅保留登录相关的模式 - -* **添加密码/验证码登录切换**：在登录模式下，添加一个新的切换开关，允许用户在密码登录和验证码登录之间切换 - -* **调整表单字段显示**：根据选择的登录方式显示相应的表单字段 - -#### 脚本部分修改 - -* **添加登录方式状态**：添加`loginMethod` ref，用于跟踪用户选择的是密码登录还是验证码登录 - -* **设置默认登录方式**：将默认登录方式设置为验证码登录 - -* **更新表单验证逻辑**：根据选择的登录方式调整验证规则 - -* **更新发送验证码逻辑**：发送登录验证码时传递`purpose: 'login'` - -* **更新表单提交逻辑**：验证码登录时调用`phoneLoginCode`函数 - -### 3. 修改PhoneLogin.vue组件 - -* **更新handleLogin方法**：确保根据登录方式调用正确的登录函数 - -### 4. 实施细节 - -#### PhoneLoginForm.vue修改点 - -* **第155行**：将默认`loginMode`改为'code' - -* **第38-70行**：添加密码/验证码登录切换按钮 - -* **第256-285行**：更新`handleSendCode`方法，确保发送验证码时传递正确的purpose - -* **第288-316行**：更新`handleSubmit`方法，处理验证码登录逻辑 - -#### PhoneLogin.vue修改点 - -* **第79-81行**：更新`handleLogin`方法，根据登录方式调用正确的登录函数 - -### 5. 预期行为 - -* 用户默认看到验证码登录界面 - -* 用户可以在密码登录和验证码登录之间切换 - -* 发送登录验证码时，传递`purpose: 'login'` - -* 验证码登录调用`phoneLoginCode`函数 - -* 密码登录保持原有功能不变 - -### 6. 需要修改的文件 - -* `d:\work\Aiproject\DeotalandAi\apps\frontend\src\components\auth\PhoneLoginForm.vue` - -* `d:\work\Aiproject\DeotalandAi\apps\frontend\src\views\Login\PhoneLogin.vue` - diff --git a/.trae/documents/实现佣金结算功能.md b/.trae/documents/实现佣金结算功能.md deleted file mode 100644 index edd80ec..0000000 --- a/.trae/documents/实现佣金结算功能.md +++ /dev/null @@ -1,62 +0,0 @@ -1. **添加选项卡**：在 `el-tabs` 组件中添加一个新的 `el-tab-pane`，标签名为 "佣金结算"，name 为 "settlement" - -2. **添加响应式数据**： - - * 添加 `settlementRecords` 数组用于存储结算记录 - - * 添加 `settlementTotal` 用于存储总记录数 - - * 在 `loading` 对象中添加 `settlement` 字段 - - * 在 `pagination` 对象中添加 `settlement` 分页配置 - - * 添加弹窗相关的响应式数据：`dialogVisible`、`applyRemark`、`applyLoading` - -3. **实现获取结算列表方法**： - - * 创建 `fetchSettlementList` 方法，调用 `userController.getSettlementList` 接口 - - * 处理接口返回的数据，转换为需要的格式 - - * 处理加载状态和错误情况 - -4. **实现申请结算弹窗**： - - * 添加 `el-dialog` 组件用于申请结算弹窗 - - * 添加表单用于输入备注 - - * 实现 `handleApplySettlement` 方法，打开弹窗 - - * 实现 `handleApplySubmit` 方法，提交表单并调用 `applySettlement` 接口 - - * 实现 `handleApplyCancel` 方法，关闭弹窗 - -5. **添加结算列表的表格展示**： - - * 在新的选项卡内容中添加表格，展示结算记录 - - * 添加分页组件 - - * 添加空状态和加载状态的处理 - - * 添加申请结算按钮 - -6. **添加样式**： - - * 确保新添加的内容符合现有样式风格 - - * 参考 ui-ux-pro-max.md 的极简风格要求 - - * 添加暗色主题支持 - -7. **更新页面挂载和选项卡切换逻辑**： - - * 在 `onMounted` 中添加获取结算列表的调用 - - * 在 `handleTabChange` 中添加切换到结算选项卡时的处理 - -8. **国际化支持**： - - * 确保所有新增的文本都支持中英文切换 - diff --git a/.trae/documents/实现店铺选择功能.md b/.trae/documents/实现店铺选择功能.md new file mode 100644 index 0000000..eebd34f --- /dev/null +++ b/.trae/documents/实现店铺选择功能.md @@ -0,0 +1,94 @@ +# 实现店铺选择功能 + +## 1. 需求分析 +- 在 PurchaseModal 组件中添加店铺选择下拉列表 +- 店铺数据通过 `getShopList()` 方法获取 +- 店铺选择是非必选的 +- 如果选择了店铺，提交订单时需要添加 `shop_id` 字段 + +## 2. 实现步骤 + +### 2.1 添加状态和方法 +- 在 `script setup` 中添加 `shopList` 状态存储店铺列表 +- 添加 `selectedShop` 状态存储选中的店铺 +- 添加 `loadingShops` 状态控制加载状态 +- 导入 `PurchaseModal` 类并创建实例 +- 添加 `getShopList` 方法获取店铺数据 + +### 2.2 修改模板 +- 在配置区域添加店铺选择下拉列表 +- 显示加载状态和空状态 +- 使用 Element Plus 的 `el-select` 组件实现下拉选择 + +### 2.3 修改提交逻辑 +- 在 `goShopify` 方法中，当 `selectedShop` 存在时，添加 `shop_id` 字段到 params + +## 3. 代码实现 + +### 3.1 导入和状态定义 +```javascript +import { PurchaseModal as PurchaseModalClass } from './index.js' +const purchaseModal = new PurchaseModalClass() + +const shopList = ref([]) +const selectedShop = ref(null) +const loadingShops = ref(false) +``` + +### 3.2 获取店铺列表方法 +```javascript +const fetchShopList = async () => { + loadingShops.value = true + try { + const res = await purchaseModal.getShopList() + if (res.code === 0) { + shopList.value = res.data || [] + } + } catch (error) { + console.error('获取店铺列表失败:', error) + shopList.value = [] + } finally { + loadingShops.value = false + } +} +``` + +### 3.3 添加模板代码 +```vue +
+
{{ $t('checkout.shop') }}
+ + + +
+``` + +### 3.4 修改提交逻辑 +```javascript +let params = { + quantity: qty.value, + project_id: props.modelData.projectId, + project_details: project_details, + order_info: order_info, +} +if (selectedShop.value) { + params.shop_id = selectedShop.value.id +} +``` + +## 4. 国际化支持 +- 需要在国际化文件中添加 `checkout.shop` 和 `checkout.chooseShop` 键 + +## 5. 样式调整 +- 为店铺选择添加适当的样式，确保在各种设备上显示正常 \ No newline at end of file diff --git a/.trae/documents/实现用户中心优惠券模块.md b/.trae/documents/实现用户中心优惠券模块.md deleted file mode 100644 index 624bf74..0000000 --- a/.trae/documents/实现用户中心优惠券模块.md +++ /dev/null @@ -1,96 +0,0 @@ -## 实现用户中心优惠券模块 - -### 1. 设计目标 -- 在用户中心添加优惠券模块，显示用户的代金券信息 -- 包含优惠券数量统计和优惠券列表 -- 支持查看优惠券详情 -- 适配当前页面的设计风格和主题色 -- 支持中英文切换 - -### 2. 实现步骤 - -#### 2.1 添加i18n翻译 -在 `d:\work\Aiproject\DeotalandAi\apps\frontend\src\locales\index.js` 中添加优惠券相关的翻译： -- 中文(zh)：在userCenter对象下添加voucher相关翻译 -- 英文(en)：在userCenter对象下添加voucher相关翻译 - -#### 2.2 实现优惠券UI组件 -在 `d:\work\Aiproject\DeotalandAi\apps\frontend\src\views\user\index.vue` 中添加优惠券模块： -- 添加优惠券数量统计卡片 -- 添加优惠券列表，包含优惠券的基本信息（金额、状态、到期时间等） -- 添加优惠券详情弹窗 - -#### 2.3 实现API调用逻辑 -- 添加优惠券数据的响应式状态 -- 实现获取优惠券列表的方法 -- 实现获取优惠券数量统计的方法 -- 实现获取优惠券详情的方法 -- 在组件挂载时初始化数据 - -#### 2.4 适配主题色和响应式设计 -- 使用当前页面的主题色变量 -- 适配深色主题 -- 实现响应式布局，适配移动端、桌面端和平板端 - -### 3. 代码实现细节 - -#### 3.1 i18n翻译设计 -```javascript -// 在userCenter对象下添加voucher相关翻译 -voucher: { - title: '优惠券', - availableCount: '可用', - usedCount: '已使用', - expiredCount: '已过期', - totalCount: '总数', - couponCode: '优惠券码', - amount: '金额', - currency: '货币', - minOrderAmount: '最低订单金额', - status: '状态', - statusDesc: '状态描述', - expireAt: '到期时间', - sourceType: '来源类型', - sourceDesc: '来源描述', - createdAt: '创建时间', - viewDetails: '查看详情', - detailTitle: '优惠券详情', - close: '关闭', - empty: '暂无优惠券', - loading: '加载中...' -} -``` - -#### 3.2 优惠券UI组件设计 -- 使用卡片式设计，与当前页面风格保持一致 -- 优惠券列表使用网格布局，适配不同屏幕尺寸 -- 优惠券详情使用Element Plus的Dialog组件 -- 支持优惠券状态的视觉区分（可用、已使用、已过期） - -#### 3.3 API调用逻辑设计 -- 使用async/await语法调用API方法 -- 添加加载状态管理 -- 处理API响应和错误 -- 实现数据转换，将API返回的数据格式转换为前端需要的格式 - -### 4. 技术要点 -- 使用Vue3 Composition API -- 集成Element Plus组件库 -- 适配主题色和中英文切换 -- 响应式设计，适配不同设备尺寸 -- 遵循当前项目的代码规范和设计风格 - -### 5. 预期效果 -- 用户中心页面添加优惠券模块 -- 显示优惠券数量统计 -- 显示优惠券列表，支持查看详情 -- 适配当前页面的设计风格和主题色 -- 支持中英文切换 -- 适配移动端、桌面端和平板端 - -### 6. 测试要点 -- 测试API调用是否正常 -- 测试优惠券列表和详情显示是否正确 -- 测试中英文切换是否正常 -- 测试主题色切换是否正常 -- 测试响应式布局是否正常 \ No newline at end of file diff --git a/.trae/documents/实现竖屏移动端卡片展示组件.md b/.trae/documents/实现竖屏移动端卡片展示组件.md deleted file mode 100644 index 30d8ba2..0000000 --- a/.trae/documents/实现竖屏移动端卡片展示组件.md +++ /dev/null @@ -1,354 +0,0 @@ -# 实现竖屏移动端卡片展示组件 - -## 组件设计目标 -- 适配竖屏移动端的卡片展示组件 -- 包含图片展示、加载蒙层、预览功能 -- 底部功能按钮（修改、编辑、场景图、下载、删除） -- 向父组件抛出事件 - -## 实现步骤 - -### 1. 实现 `shu.vue` 组件 -- 设计组件结构：主容器、图片区域、功能按钮区域 -- 实现响应式布局，适配竖屏移动端 -- 使用 Scoped CSS + CSS 变量实现样式隔离与主题定制 - -### 2. 图片展示与加载效果 -- 使用 `el-image` 组件实现图片展示 -- 添加加载状态管理，显示加载蒙层 -- 实现图片加载完成后的过渡效果 - -### 3. 图片预览功能 -- 集成图片预览功能，适配 H5 移动端 -- 点击图片触发预览，支持手势操作 - -### 4. 底部功能按钮 -- 实现修改、编辑、场景图、下载、删除按钮 -- 每个按钮向父组件抛出对应的事件 -- 按钮样式设计符合 UI/UX 要求 - -### 5. 与父组件交互 -- 在 `CreateProjectShu.vue` 中引入并使用 `shu.vue` 组件 -- 实现事件处理逻辑，接收并处理子组件抛出的事件 - -## 代码实现 - -### `shu.vue` 组件 -```vue - - - - - -``` - -### 2. 集成到父组件 `CreateProjectShu.vue` -- 在父组件中引入 `shu.vue` 组件 -- 实现事件处理逻辑，接收子组件抛出的事件 -- 在模板中使用新组件展示卡片 - -## 设计规范 -- 主色调：深紫色（#6B46C1）、浅紫色（#A78BFA） -- 辅助色：深灰色（#1F2937）、浅灰色（#F3F4F6） -- 按钮样式：圆角设计（8px半径）、微妙阴影、悬停效果 -- 字体排版：Inter字体系列、16px基础大小、响应式缩放 -- 布局风格：基于卡片的设计、统一间距（8px网格系统） -- 动画效果：平滑过渡（200ms缓入缓出）、加载蒙层 - -## 测试与验证 -- 确保组件在竖屏移动端正常显示 -- 测试图片加载、预览功能 -- 验证按钮事件正确抛出 -- 检查响应式布局适配情况 \ No newline at end of file diff --git a/.trae/documents/实现邀请明细页面.md b/.trae/documents/实现邀请明细页面.md deleted file mode 100644 index ba2492a..0000000 --- a/.trae/documents/实现邀请明细页面.md +++ /dev/null @@ -1,46 +0,0 @@ -## 实现步骤 - -### 1. 新建邀请明细页面组件 -- 创建 `d:\work\Aiproject\DeotalandAi\apps\frontend\src\views\user\invite-records.vue` 文件 -- 实现页面布局，包括标题、表格和分页组件 -- 设计双选项卡切换："积分明细"和"佣金记录"（仅达人会员可见） -- 采用极简风格设计，遵循 ui-ux-pro-max.md 中的设计规则 - -### 2. 修改路由配置 -- 在 `freeRoutes` 数组中添加新路由 `/user-center/invite-records` -- 指向新建的邀请明细页面组件 - -### 3. 修改用户中心页面 -- 在"邀请码"部分的右侧添加"邀请明细"按钮 -- 移除"邀请积分明细"模块（即 `.invite-related-section`） -- 添加按钮点击事件，使用 `router.push()` 跳转到新页面 - -### 4. 实现 API 调用和数据处理 -- 在邀请明细页面中调用 `UserController` 的 `getInviteRecords()` 方法获取积分明细 -- 对于达人会员，额外调用 `getInviteCommissionRecords()` 方法获取佣金记录 -- 处理返回的数据，将其转换为表格所需的格式 -- 实现数据加载状态和空状态处理 - -### 5. 设计风格调整 -- 采用极简风格设计，使用简洁的颜色和字体 -- 确保响应式设计，适配移动端、桌面端、平板端 -- 使用合适的间距和布局，保持页面整洁 -- 实现平滑的过渡效果和交互反馈 - -## 技术要点 - -- 使用 Vue3 Composition API 开发 -- 根据用户角色（达人会员/免费会员）动态显示不同内容 -- 实现中英文国际化支持 -- 确保页面性能和加载速度 -- 遵循 ui-ux-pro-max.md 中的设计规则，特别是极简风格要求 - -## 预期效果 - -- 用户中心页面的邀请码部分右侧会出现"邀请明细"按钮 -- 点击按钮会跳转到新的邀请明细页面 -- 免费会员只能看到"积分明细"选项卡，展示被邀请用户、获得积分和日期 -- 达人会员可以看到"积分明细"和"佣金记录"两个选项卡 -- "佣金记录"选项卡展示被邀请用户邮箱、实际消费金额、佣金比例、佣金金额和订单时间 -- 页面采用极简风格设计，视觉效果简洁美观 -- 支持响应式布局，适配不同设备尺寸 \ No newline at end of file diff --git a/.trae/documents/开发智能体管理页面.md b/.trae/documents/开发智能体管理页面.md deleted file mode 100644 index f11883a..0000000 --- a/.trae/documents/开发智能体管理页面.md +++ /dev/null @@ -1,70 +0,0 @@ -## 实施计划 - -### 1. 分析当前代码结构 - -* **PhoneLogin.vue**：手机号登录页面主组件，包含登录卡片和子组件调用 - -* **PhoneLoginForm.vue**：登录表单组件，包含登录方式切换和表单字段 - -* **login.js**：包含登录相关的API调用方法，如`sendPhoneCode`和`phoneLoginCode` - -### 2. 修改PhoneLoginForm.vue组件 - -#### 模板部分修改 - -* **更新登录模式切换**：将现有的三种模式（密码登录、注册、重置密码）改为仅保留登录相关的模式 - -* **添加密码/验证码登录切换**：在登录模式下，添加一个新的切换开关，允许用户在密码登录和验证码登录之间切换 - -* **调整表单字段显示**：根据选择的登录方式显示相应的表单字段 - -#### 脚本部分修改 - -* **添加登录方式状态**：添加`loginMethod` ref，用于跟踪用户选择的是密码登录还是验证码登录 - -* **设置默认登录方式**：将默认登录方式设置为验证码登录 - -* **更新表单验证逻辑**：根据选择的登录方式调整验证规则 - -* **更新发送验证码逻辑**：发送登录验证码时传递`purpose: 'login'` - -* **更新表单提交逻辑**：验证码登录时调用`phoneLoginCode`函数 - -### 3. 修改PhoneLogin.vue组件 - -* **更新handleLogin方法**：确保根据登录方式调用正确的登录函数 - -### 4. 实施细节 - -#### PhoneLoginForm.vue修改点 - -* **第155行**：将默认`loginMode`改为'code' - -* **第38-70行**：添加密码/验证码登录切换按钮 - -* **第256-285行**：更新`handleSendCode`方法，确保发送验证码时传递正确的purpose - -* **第288-316行**：更新`handleSubmit`方法，处理验证码登录逻辑 - -#### PhoneLogin.vue修改点 - -* **第79-81行**：更新`handleLogin`方法，根据登录方式调用正确的登录函数 - -### 5. 预期行为 - -* 用户默认看到验证码登录界面 - -* 用户可以在密码登录和验证码登录之间切换 - -* 发送登录验证码时，传递`purpose: 'login'` - -* 验证码登录调用`phoneLoginCode`函数 - -* 密码登录保持原有功能不变 - -### 6. 需要修改的文件 - -* `d:\work\Aiproject\DeotalandAi\apps\frontend\src\components\auth\PhoneLoginForm.vue` - -* `d:\work\Aiproject\DeotalandAi\apps\frontend\src\views\Login\PhoneLogin.vue` - diff --git a/.trae/documents/添加店铺证书号和证书图片字段到店铺管理弹窗.md b/.trae/documents/添加店铺证书号和证书图片字段到店铺管理弹窗.md new file mode 100644 index 0000000..b7fa10f --- /dev/null +++ b/.trae/documents/添加店铺证书号和证书图片字段到店铺管理弹窗.md @@ -0,0 +1,34 @@ +1. 在shop.vue的表单模板中添加两个新的表单项： + + * 店铺证书号（licenseNumber）：使用el-input组件 + + * 店铺证书图片（licenseImage）：使用el-upload组件，支持图片上传、预览和删除 + +2. 实现图片上传功能： + + * 引入fileServer（如果尚未引入） + + * 添加图片上传方法，参考AddModal中的实现 + + * 处理图片上传成功后的回调 + +3. 确保编辑弹窗能够正确回显： + + * 表单数据已经包含这两个字段，编辑时会从API响应中获取 + + * 确保el-upload组件能够正确显示已上传的图片 + +4. 响应式设计： + + * 确保新添加的表单项在不同设备尺寸下都能正常显示 + + * 遵循项目现有的响应式设计规范 + +5. 中英文切换支持： + + * 添加对应的中英文翻译字段 + +修改的文件： + +* d:\work\Aiproject\DeotalandAi\apps\FrontendDesigner\src\views\admin + diff --git a/.trae/documents/设计 AdminShop 店铺管理页面.md b/.trae/documents/设计 AdminShop 店铺管理页面.md new file mode 100644 index 0000000..21ddc37 --- /dev/null +++ b/.trae/documents/设计 AdminShop 店铺管理页面.md @@ -0,0 +1,164 @@ +# 佣金提现页面设计与实现 + +## 页面功能设计 + +基于提供的API方法，设计一个完整的佣金提现管理页面，包含以下功能： + +1. **结算申请列表** + + * 展示所有结算申请，支持分页 + + * 显示申请ID、用户名、申请金额、佣金金额、状态、申请时间等信息 + + * 支持按用户名搜索、按状态筛选、按时间范围筛选 + +2. **结算申请详情** + + * 查看单个结算申请的详细信息 + + * 查看关联的订单列表 + + * 支持审核操作（通过/拒绝） + +3. **审核功能** + + * 审核通过：填写佣金金额和备注 + + * 审核拒绝：填写拒绝理由 + +4. **订单详情** + + * 查看结算申请关联的订单列表 + + * 显示订单号、金额、状态等信息 + +## 技术实现方案 + +1. **组件结构** + + * 使用 Vue 3 Composition API 开发 + + * 采用响应式设计，适配移动端、桌面端、平板端 + + * 使用 Scoped CSS + CSS 变量实现主题适配 + +2. **国际化** + + * 使用现有的 i18n 框架，基于 `src/locales/lang` 配置 + + * 支持中英文切换 + + * 在语言文件中添加佣金提现相关的翻译字段 + +3. **API 调用** + + * 实例化 `AdminCommissionManagement` 类 + + * 调用提供的四个 API 方法： + + * `getSettlementApplications`：获取结算申请列表 + + * `approveSettlementApplication`：审核通过 + + * `rejectSettlementApplication`：审核拒绝 + + * `getSettlementOrders`：获取关联订单 + +4. **UI 设计** + + * 简洁明了的表格布局，支持响应式调整 + + * 使用卡片式设计展示详情 + + * 模态框实现审核操作 + + * 加载状态和错误处理 + +## 页面布局设计 + +1. **桌面端布局** + + * 顶部：搜索和筛选区域 + + * 中间：结算申请列表（表格形式） + + * 右侧/底部：操作按钮 + + * 模态框：审核操作和详情查看 + +2. **移动端布局** + + * 顶部：搜索和筛选区域（折叠式） + + * 中间：结算申请列表（卡片形式） + + * 底部：操作按钮 + + * 全屏模态框：审核操作和详情查看 + +3. **主题适配** + + * 使用 CSS 变量定义主题色 + + * 支持浅色/深色主题切换 + + * 遵循项目现有的主题设计规范 + +## 实现步骤 + +1. **更新语言文件** + + * 在 `zh-CN.js` 和 `en-US.js` 中添加佣金提现相关的翻译字段 + +2. **开发主页面组件** + + * 实现结算申请列表 + + * 实现搜索和筛选功能 + + * 实现分页功能 + +3. **开发详情组件** + + * 实现结算申请详情展示 + + * 实现关联订单列表展示 + +4. **开发审核组件** + + * 实现审核通过模态框 + + * 实现审核拒绝模态框 + +5. **响应式设计** + + * 添加媒体查询，适配不同屏幕尺寸 + + * 调整布局和组件样式 + +6. **主题适配** + + * 使用 CSS 变量实现主题切换 + + * 确保所有组件支持主题变化 + +7. **测试与优化** + + * 测试所有功能是否正常工作 + + * 优化性能和用户体验 + + * 确保中英文切换正常 + +## 预期效果 + +* 一个功能完整的佣金提现管理页面 + +* 支持响应式设计，适配各种设备 + +* 支持中英文切换 + +* 支持主题色切换 + +* 良好的用户体验和交互效果 + diff --git a/.trae/documents/设计Shop.vue页面.md b/.trae/documents/设计Shop.vue页面.md new file mode 100644 index 0000000..b88fec5 --- /dev/null +++ b/.trae/documents/设计Shop.vue页面.md @@ -0,0 +1,54 @@ +# 设计Shop.vue页面 + +## 功能分析 +根据index.js中的接口，shop.vue页面需要实现以下功能： +1. 店铺列表展示（表格） +2. 搜索和筛选功能 +3. 分页功能 +4. 店铺状态和营业状态切换 +5. 店铺创建、编辑、删除功能 +6. 批量删除功能 + +## 布局设计 +按照设计风格指南，采用卡片式布局，分为三个区域： +1. **头部区域**：包含标题和操作按钮（新增店铺） +2. **搜索区域**：包含各种筛选条件（店铺名称、店铺编码、店铺类型、省份、城市、区域、营业状态、状态） +3. **表格区域**：展示店铺列表，包含各种操作按钮 +4. **分页区域**：实现分页功能 + +## 组件使用 +- 使用Element Plus组件库 +- 表格：el-table +- 表单：el-form +- 按钮：el-button +- 弹窗：el-dialog +- 状态标签：el-tag +- 分页：el-pagination + +## 数据处理 +- 使用Vue3 Composition API +- 调用index.js中的接口获取数据 +- 实现响应式数据管理 + +## 交互设计 +- 点击新增按钮打开创建弹窗 +- 点击编辑按钮打开编辑弹窗 +- 点击删除按钮弹出确认对话框 +- 支持批量选择和批量删除 +- 状态切换使用开关组件 +- 操作后显示成功/失败提示 + +## 代码实现 +1. 导入必要的组件和工具 +2. 定义响应式数据 +3. 实现接口调用 +4. 设计页面模板 +5. 实现交互逻辑 +6. 添加样式 + +## 预期效果 +- 页面布局清晰，符合设计风格 +- 功能完整，交互流畅 +- 支持响应式设计 +- 支持中英文切换 +- 支持主题色切换 \ No newline at end of file diff --git a/.trae/rules/project_rules.md b/.trae/rules/project_rules.md index c228c81..2a772eb 100644 --- a/.trae/rules/project_rules.md +++ b/.trae/rules/project_rules.md @@ -1,5 +1,4 @@ 如果前端项目，需要考虑以下几点： - 1.你是一名精通 Vue3（纯 JavaScript，不使用 TypeScript）的前端开发专家，专注于构建可适配移动端、桌面端、平板端的响应式页面并且开发的页面都会基于当前项目搭建的中英文框架支持中英文切换(页面中英文切换内容都是本地的，所以需要在项目中配置好对应的英文内容)，和主题色切换请基于以下要求完成开发任务： 2.技术栈规范 核心框架：使用 Vue3（Options API 或 Composition API 均可，优先推荐 Composition API 以提升代码复用性），禁止使用 TypeScript，所有逻辑用原生 JavaScript 实现。 @@ -29,10 +28,10 @@ 11.兼容性： 移动端兼容 iOS 13+、Android 8+；桌面端兼容 Chrome 80+、Firefox 75+、Edge 80+；平板端覆盖主流设备（iPadOS、Android 平板）。 避免使用 ES6 + 以上高级语法（或通过 Babel 转译），确保低版本浏览器兼容性。 -12.设计风格 -- 极简风格 -13.交付标准 +12.交付标准 代码结构清晰，遵循 Vue3 最佳实践（如组件拆分粒度合理、逻辑与 UI 分离）。 提供完整的多端测试报告（说明在不同设备 / 尺寸下的测试结果及适配方案）。 附带 README，说明项目启动、打包命令，以及响应式布局的核心实现逻辑。 +13.风格 + - 极简风格 - 项目我已经启动了，你只负责修改 \ No newline at end of file diff --git a/apps/FrontendDesigner/package.json b/apps/FrontendDesigner/package.json index 4186c47..9808da6 100644 --- a/apps/FrontendDesigner/package.json +++ b/apps/FrontendDesigner/package.json @@ -16,6 +16,7 @@ "@element-plus/icons-vue": "^2.3.2", "@google/genai": "^1.27.0", "@types/three": "^0.180.0", + "element-china-area-data": "^6.1.0", "element-plus": "^2.11.7", "konva": "^10.0.12", "pinia": "^2.2.6", diff --git a/apps/FrontendDesigner/src/components/admin/SubMenu.vue b/apps/FrontendDesigner/src/components/admin/SubMenu.vue index 24413b7..51e373b 100644 --- a/apps/FrontendDesigner/src/components/admin/SubMenu.vue +++ b/apps/FrontendDesigner/src/components/admin/SubMenu.vue @@ -38,7 +38,8 @@ import { Coin, Ticket, ChatDotRound, - ShoppingCartFull + ShoppingCartFull, + Shop } from '@element-plus/icons-vue' const props = defineProps({ @@ -66,7 +67,8 @@ const iconMap = { Coin, Ticket, ChatDotRound, - ShoppingCartFull + ShoppingCartFull, + Shop } const getIconComponent = (iconName) => { diff --git a/apps/FrontendDesigner/src/locales/lang/en-US.js b/apps/FrontendDesigner/src/locales/lang/en-US.js index a03e3df..1412ae8 100644 --- a/apps/FrontendDesigner/src/locales/lang/en-US.js +++ b/apps/FrontendDesigner/src/locales/lang/en-US.js @@ -18,7 +18,61 @@ export default { warning: 'Warning', info: 'Info', close: 'Close', - back: 'Back' + back: 'Back', + submit: 'Submit', + all: 'All', + }, + + // Shop Management + shop: { + pleaseEnterAddress: 'Please enter address', + pleaseEnterContactPerson: 'Please enter contact person', + pleaseEnterContactPhone: 'Please enter contact phone', + shopManagement: 'Shop Management', + addShop: 'Add Shop', + shopName: 'Shop Name', + pleaseEnterShopName: 'Please enter shop name', + shopCode: 'Shop Code', + pleaseEnterShopCode: 'Please enter shop code', + shopType: 'Shop Type', + pleaseSelectShopType: 'Please select shop type', + physicalShop: 'Physical Shop', + onlineShop: 'Online Shop', + businessStatus: 'Business Status', + pleaseSelectBusinessStatus: 'Please select business status', + closed: 'Closed', + open: 'Open', + status: 'Status', + pleaseSelectStatus: 'Please select status', + disabled: 'Disabled', + enabled: 'Enabled', + address: 'Address', + contactPerson: 'Contact Person', + contactPhone: 'Contact Phone', + createdAt: 'Created At', + operation: 'Operation', + disable: 'Disable', + enable: 'Enable', + closeShop: 'Close Business', + openShop: 'Open Business', + batchDelete: 'Batch Delete', + latitude: 'Latitude', + pleaseEnterLatitude: 'Please enter latitude', + longitude: 'Longitude', + pleaseEnterLongitude: 'Please enter longitude', + province: 'Province', + pleaseEnterProvince: 'Please enter province', + city: 'City', + pleaseEnterCity: 'Please enter city', + district: 'District', + pleaseEnterDistrict: 'Please enter district', + contactEmail: 'Contact Email', + pleaseEnterContactEmail: 'Please enter contact email', + businessHours: 'Business Hours', + pleaseEnterBusinessHours: 'Please enter business hours', + shopDesc: 'Shop Description', + pleaseEnterShopDesc: 'Please enter shop description', + pleaseSelectProvinceCityDistrict: 'Please select province/city/district' }, // 3D Model Viewer @@ -61,6 +115,95 @@ export default { pointsList: 'Points List' } }, + // Employee Management + employee: { + idCardImageTip: 'Please upload ID card image', + title: 'Employee Management', + employeeManagement: 'Employee Management', + addEmployee: 'Add Employee', + editEmployee: 'Edit Employee', + employeeList: 'Employee List', + employeeNo: 'Employee No.', + employeeName: 'Employee Name', + employeeType: 'Employee Type', + position: 'Position', + department: 'Department', + level: 'Level', + phone: 'Phone', + email: 'Email', + address: 'Address', + gender: 'Gender', + birthday: 'Birthday', + avatar: 'Avatar', + hireDate: 'Hire Date', + probationEndDate: 'Probation End Date', + contractStartDate: 'Contract Start Date', + contractEndDate: 'Contract End Date', + salary: 'Salary', + salaryType: 'Salary Type', + workHours: 'Work Hours', + workLocation: 'Work Location', + workStatus: 'Work Status', + status: 'Status', + shopId: 'Shop', + adminId: 'Admin', + employeeDetail: 'Employee Detail', + pleaseEnterEmployeeNo: 'Please enter employee number', + pleaseEnterEmployeeName: 'Please enter employee name', + pleaseSelectEmployeeType: 'Please select employee type', + pleaseEnterPosition: 'Please enter position', + pleaseEnterDepartment: 'Please enter department', + pleaseEnterLevel: 'Please enter level', + pleaseEnterPhone: 'Please enter phone', + pleaseEnterEmail: 'Please enter email', + pleaseEnterAddress: 'Please enter address', + pleaseSelectGender: 'Please select gender', + pleaseSelectShop: 'Please select shop', + pleaseSelectAdmin: 'Please select admin', + male: 'Male', + female: 'Female', + other: 'Other', + regular: 'Regular', + partTime: 'Part Time', + temporary: 'Temporary', + workStatusOptions: { + resigned: 'Resigned', + onJob: 'On Job', + onLeave: 'On Leave', + suspended: 'Suspended' + }, + statusOptions: { + normal: 'Normal', + disabled: 'Disabled' + }, + basicInfo: 'Basic Info', + workInfo: 'Work Info', + contactInfo: 'Contact Info', + contractInfo: 'Contract Info', + financialInfo: 'Financial Info', + operation: 'Operation', + viewDetail: 'View Detail', + updateStatus: 'Update Status', + resign: 'Resign', + confirmResign: 'Are you sure to process this employee\'s resignation?', + deleteConfirm: 'Are you sure to delete this employee?', + batchDeleteConfirm: 'Are you sure to batch delete selected employees?', + createSuccess: 'Employee created successfully', + updateSuccess: 'Employee updated successfully', + deleteSuccess: 'Employee deleted successfully', + statusUpdateSuccess: 'Status updated successfully', + resignSuccess: 'Employee resignation processed successfully', + searchPlaceholder: 'Search by employee number, name or phone', + idCard: 'ID Card', + pleaseEnterIdCard: 'Please enter ID card number', + idCardImageFront: 'ID Card Front', + idCardImageBack: 'ID Card Back', + uploadIdCardImageFront: 'Upload ID Card Front', + uploadIdCardImageBack: 'Upload ID Card Back', + imageUploadTip: 'Supports JPG, PNG formats, max size 2MB', + imageUploadSuccess: 'Image uploaded successfully', + imageUploadFailed: 'Image upload failed' + }, // App app: { @@ -237,6 +380,7 @@ export default { delete: 'Delete', edit: 'Edit', add: 'Add', + all: 'All', noData: 'No Data', error: 'Error', success: 'Success', @@ -254,6 +398,8 @@ export default { operationFailed: 'Operation failed' }, layout: { + employee: 'Employee Management', + shop: 'Shop Management', dashboard: 'Dashboard', content: 'Content Review', contentReview: 'Content Review', @@ -267,6 +413,8 @@ export default { userList: 'User List', pointsManagement: 'Points Management', commissionManagement: 'Commission Management', + commissionConfiguration: 'Commission Configuration', + commissionWithdrawal: 'Commission Withdrawal', promptManagement: 'Prompt Management', productManagement: 'Product Management', voucherManagement: 'Voucher Management', @@ -756,6 +904,7 @@ export default { commissionManagement: { title: 'Commission Management', configTitle: 'Commission Configuration', + commissionWithdrawal: 'Commission Withdrawal', commissionRate: 'Commission Rate', minWithdrawAmount: 'Minimum Withdraw Amount', withdrawFeeRate: 'Withdraw Fee Rate', @@ -792,6 +941,65 @@ export default { pending: 'Pending', approved: 'Approved', rejected: 'Rejected' + }, + withdrawal: { + title: 'Commission Withdrawal Management', + settlementApplications: 'Settlement Applications', + applicationId: 'Application ID', + username: 'Username', + applyAmount: 'Apply Amount', + commissionAmount: 'Commission Amount', + applyRemark: 'Apply Remark', + reviewRemark: 'Review Remark', + reviewerId: 'Reviewer ID', + reviewTime: 'Review Time', + paidAt: 'Paid At', + paymentMethod: 'Payment Method', + transactionId: 'Transaction ID', + createdAt: 'Created At', + updatedAt: 'Updated At', + status: { + pending: 'Pending', + approved: 'Approved', + rejected: 'Rejected', + paid: 'Paid' + }, + searchPlaceholder: 'Search username', + filters: { + status: 'Status Filter', + timeRange: 'Time Range', + username: 'Username' + }, + actions: { + view: 'View Detail', + approve: 'Approve', + reject: 'Reject' + }, + detail: { + title: 'Settlement Application Detail', + basicInfo: 'Basic Information', + orderList: 'Related Orders', + orderId: 'Order ID', + orderNo: 'Order Number', + amount: 'Amount', + actualAmount: 'Actual Amount', + quantity: 'Quantity', + orderStatus: 'Order Status', + paymentStatus: 'Payment Status', + refundStatus: 'Refund Status' + }, + approval: { + title: 'Review Settlement Application', + approve: 'Approve', + reject: 'Reject', + enterCommissionAmount: 'Please enter commission amount', + enterRemark: 'Please enter review remark', + enterReason: 'Please enter reject reason', + commissionAmount: 'Commission Amount', + reason: 'Reject Reason', + success: 'Review successful', + failed: 'Review failed' + } } }, promptManagement: { diff --git a/apps/FrontendDesigner/src/locales/lang/zh-CN.js b/apps/FrontendDesigner/src/locales/lang/zh-CN.js index ead0594..7db5a7f 100644 --- a/apps/FrontendDesigner/src/locales/lang/zh-CN.js +++ b/apps/FrontendDesigner/src/locales/lang/zh-CN.js @@ -22,7 +22,8 @@ export default { saveSuccess: '保存成功', saveFailed: '保存失败', deleteSuccess: '删除成功', - deleteFailed: '删除失败' + deleteFailed: '删除失败', + all: '全部', }, orderManagement: { title: '订单', @@ -236,6 +237,8 @@ orderManagement: { } }, common: { + actions: '操作', + all: '全部', detail: '详情', active: '活跃', inactive: '非活跃', @@ -268,6 +271,8 @@ orderManagement: { operationFailed: '操作失败' }, layout: { + employee: '员工管理', + shop: '店铺管理', dashboard: '仪表板', content: '内容审核', contentReview: '订单审核', @@ -281,6 +286,8 @@ orderManagement: { userList: '用户列表', pointsManagement: '充值包管理', commissionManagement: '佣金管理', + commissionConfiguration: '佣金配置', + commissionWithdrawal: '佣金提现', promptManagement: '提示词管理', productManagement: '产品管理', voucherManagement: '优惠券管理', @@ -749,6 +756,7 @@ orderManagement: { commissionManagement: { title: '佣金管理', configTitle: '佣金配置', + commissionWithdrawal: '佣金提现', commissionRate: '佣金比例', minWithdrawAmount: '最低提现金额', withdrawFeeRate: '提现费率', @@ -785,6 +793,65 @@ orderManagement: { pending: '待审核', approved: '已通过', rejected: '已拒绝' + }, + withdrawal: { + title: '佣金提现管理', + settlementApplications: '结算申请', + applicationId: '申请ID', + username: '用户名', + applyAmount: '申请金额', + commissionAmount: '佣金金额', + applyRemark: '申请备注', + reviewRemark: '审核备注', + reviewerId: '审核人ID', + reviewTime: '审核时间', + paidAt: '支付时间', + paymentMethod: '支付方式', + transactionId: '交易ID', + createdAt: '创建时间', + updatedAt: '更新时间', + status: { + pending: '待审核', + approved: '已通过', + rejected: '已拒绝', + paid: '已支付' + }, + searchPlaceholder: '搜索用户名', + filters: { + status: '状态筛选', + timeRange: '时间范围', + username: '用户名' + }, + actions: { + view: '查看详情', + approve: '审核通过', + reject: '审核拒绝' + }, + detail: { + title: '结算申请详情', + basicInfo: '基本信息', + orderList: '关联订单', + orderId: '订单ID', + orderNo: '订单号', + amount: '金额', + actualAmount: '实际金额', + quantity: '数量', + orderStatus: '订单状态', + paymentStatus: '支付状态', + refundStatus: '退款状态' + }, + approval: { + title: '审核结算申请', + approve: '审核通过', + reject: '审核拒绝', + enterCommissionAmount: '请输入佣金金额', + enterRemark: '请输入审核备注', + enterReason: '请输入拒绝理由', + commissionAmount: '佣金金额', + reason: '拒绝理由', + success: '审核成功', + failed: '审核失败' + } } }, promptManagement: { @@ -1045,7 +1112,66 @@ orderManagement: { warning: '警告', info: '信息', close: '关闭', - back: '返回' + back: '返回', + submit: '提交' + }, + + // 店铺管理 + shop: { + pleaseEnterAddress: '请输入地址', + pleaseEnterContactPerson: '请输入联系人', + pleaseEnterContactPhone: '请输入联系电话', + shopManagement: '店铺管理', + addShop: '新增店铺', + shopName: '店铺名称', + pleaseEnterShopName: '请输入店铺名称', + shopCode: '店铺编码', + pleaseEnterShopCode: '请输入店铺编码', + shopType: '店铺类型', + pleaseSelectShopType: '请选择店铺类型', + physicalShop: '实体店', + onlineShop: '网店', + businessStatus: '营业状态', + pleaseSelectBusinessStatus: '请选择营业状态', + closed: '关闭', + open: '营业', + status: '状态', + pleaseSelectStatus: '请选择状态', + disabled: '禁用', + enabled: '启用', + address: '地址', + contactPerson: '联系人', + contactPhone: '联系电话', + createdAt: '创建时间', + operation: '操作', + disable: '禁用', + enable: '启用', + closeShop: '关闭营业', + openShop: '开启营业', + batchDelete: '批量删除', + latitude: '纬度', + pleaseEnterLatitude: '请输入纬度', + longitude: '经度', + pleaseEnterLongitude: '请输入经度', + province: '省份', + pleaseEnterProvince: '请输入省份', + city: '城市', + pleaseEnterCity: '请输入城市', + district: '区域', + pleaseEnterDistrict: '请输入区域', + contactEmail: '联系邮箱', + pleaseEnterContactEmail: '请输入联系邮箱', + businessHours: '营业时间', + pleaseEnterBusinessHours: '请输入营业时间', + shopDesc: '店铺描述', + pleaseEnterShopDesc: '请输入店铺描述', + pleaseSelectProvinceCityDistrict: '请选择省市区', + licenseNumber: '店铺证书号', + pleaseEnterLicenseNumber: '请输入店铺证书号', + licenseImage: '店铺证书图片', + licenseImageTip: '请上传店铺证书图片', + licenseImageUploadSuccess: '证书图片上传成功', + licenseImageUploadFailed: '证书图片上传失败' }, // 3D模型预览器 @@ -1086,5 +1212,94 @@ orderManagement: { points: { pointsList: '积分列表' } + }, + // 员工管理 + employee: { + idCardImageTip: '请上传身份证图片', + title: '员工管理', + employeeManagement: '员工管理', + addEmployee: '添加员工', + editEmployee: '编辑员工', + employeeList: '员工列表', + employeeNo: '员工编号', + employeeName: '员工姓名', + employeeType: '员工类型', + position: '职位', + department: '部门', + level: '级别', + phone: '电话', + email: '邮箱', + address: '地址', + gender: '性别', + birthday: '生日', + avatar: '头像', + hireDate: '入职日期', + probationEndDate: '试用期结束日期', + contractStartDate: '合同开始日期', + contractEndDate: '合同结束日期', + salary: '薪资', + salaryType: '薪资类型', + workHours: '工作时间', + workLocation: '工作地点', + workStatus: '工作状态', + status: '状态', + shopId: '店铺', + adminId: '管理员', + employeeDetail: '员工详情', + pleaseEnterEmployeeNo: '请输入员工编号', + pleaseEnterEmployeeName: '请输入员工姓名', + pleaseSelectEmployeeType: '请选择员工类型', + pleaseEnterPosition: '请输入职位', + pleaseEnterDepartment: '请输入部门', + pleaseEnterLevel: '请输入级别', + pleaseEnterPhone: '请输入电话', + pleaseEnterEmail: '请输入邮箱', + pleaseEnterAddress: '请输入地址', + pleaseSelectGender: '请选择性别', + pleaseSelectShop: '请选择店铺', + pleaseSelectAdmin: '请选择管理员', + male: '男', + female: '女', + other: '其他', + regular: '正式员工', + partTime: '兼职', + temporary: '临时工', + workStatusOptions: { + resigned: '离职', + onJob: '在职', + onLeave: '请假', + suspended: '停职' + }, + statusOptions: { + normal: '正常', + disabled: '禁用' + }, + basicInfo: '基本信息', + workInfo: '工作信息', + contactInfo: '联系信息', + contractInfo: '合同信息', + financialInfo: '财务信息', + operation: '操作', + viewDetail: '查看详情', + updateStatus: '更新状态', + resign: '离职', + confirmResign: '确定要办理该员工离职吗？', + deleteConfirm: '确定要删除该员工吗？', + batchDeleteConfirm: '确定要批量删除选中的员工吗？', + createSuccess: '创建员工成功', + updateSuccess: '更新员工成功', + deleteSuccess: '删除员工成功', + statusUpdateSuccess: '状态更新成功', + resignSuccess: '员工离职办理成功', + searchPlaceholder: '搜索员工编号、姓名或电话', + idCard: '身份证号', + pleaseEnterIdCard: '请输入身份证号', + idCardImageFront: '身份证正面', + idCardImageBack: '身份证背面', + uploadIdCardImageFront: '上传身份证正面', + uploadIdCardImageBack: '上传身份证背面', + imageUploadTip: '支持JPG、PNG格式，大小不超过2MB', + imageUploadSuccess: '图片上传成功', + imageUploadFailed: '图片上传失败' } } \ No newline at end of file diff --git a/apps/FrontendDesigner/src/router/index.js b/apps/FrontendDesigner/src/router/index.js index 4ca1346..3a2d4a3 100644 --- a/apps/FrontendDesigner/src/router/index.js +++ b/apps/FrontendDesigner/src/router/index.js @@ -26,7 +26,9 @@ const AdminProductManagement = () => import('@/views/admin/ProductManagement/Pro const AdminVoucherManagement = () => import('@/views/admin/VoucherManagement/VoucherManagement.vue') const AdminOperationLog = () => import('@/views/admin/AdminOperationLog/AdminOperationLog.vue') const AdminAgent = () => import('@/views/admin/Adminagent/index.vue') - +const AdminCommissionWithdrawal = () => import('@/views/admin/AdminCommissionManagement/AdminCommissionWithdrawal.vue') +const AdminShop = () => import('@/views/admin/AdminShop/shop.vue') +const AdminEmployee = () => import('@/views/admin/AdminShop/employee.vue') //权限路由映射表 export const permissionRoutes = [ { @@ -97,6 +99,75 @@ export const permissionRoutes = [ } ] }, + { + path: 'commission', + name: 'Commission', + meta: { + title: 'admin.layout.commissionManagement', + icon: 'Coin', + menuOrder: 3, + requiresAuth: true + }, + children:[ + { + path: 'commission-management', + name: 'CommissionManagement', + component: AdminCommissionManagement, + meta: { + title: 'admin.layout.commissionConfiguration', + icon: 'Coin', + menuOrder: 1, + requiresAuth: true + } + } + , + { + path: 'commission-withdrawal', + name: 'CommissionWithdrawal', + component: AdminCommissionWithdrawal, + meta: { + title: 'admin.layout.commissionWithdrawal', + icon: 'Coin', + menuOrder: 2, + requiresAuth: true + } + } + ] + }, + { + path: 'adminshop', + name: 'AdminShop', + meta: { + title: 'admin.layout.shop', + icon: 'Shop', + menuOrder: 3, + requiresAuth: true + }, + children:[ + { + path: 'shop', + name: 'Shop', + component: AdminShop, + meta: { + title: 'admin.layout.shop', + icon: 'Shop', + menuOrder: 1, + requiresAuth: true + } + }, + { + path: 'employee', + name: 'Employee', + component: AdminEmployee, + meta: { + title: 'admin.layout.employee', + icon: 'UserFilled', + menuOrder: 2, + requiresAuth: true + } + } + ] + }, { path: 'users', name: 'AdminUsers', @@ -141,17 +212,7 @@ export const permissionRoutes = [ requiresAuth: true } }, - { - path: 'commission-management', - name: 'AdminCommissionManagement', - component: AdminCommissionManagement, - meta: { - title: 'admin.layout.commissionManagement', - icon: 'Coin', - menuOrder: 5, - requiresAuth: true - } - }, + { path: 'prompt-management', name: 'AdminPromptManagement', diff --git a/apps/FrontendDesigner/src/views/admin/AdminCommissionManagement/AdminCommissionWithdrawal.vue b/apps/FrontendDesigner/src/views/admin/AdminCommissionManagement/AdminCommissionWithdrawal.vue new file mode 100644 index 0000000..d462166 --- /dev/null +++ b/apps/FrontendDesigner/src/views/admin/AdminCommissionManagement/AdminCommissionWithdrawal.vue @@ -0,0 +1,640 @@ + + + + + diff --git a/apps/FrontendDesigner/src/views/admin/AdminCommissionManagement/index.js b/apps/FrontendDesigner/src/views/admin/AdminCommissionManagement/index.js index fd41a1c..b7a8ca9 100644 --- a/apps/FrontendDesigner/src/views/admin/AdminCommissionManagement/index.js +++ b/apps/FrontendDesigner/src/views/admin/AdminCommissionManagement/index.js @@ -4,15 +4,28 @@ export class AdminCommissionManagement { } // 更新达人佣金配置参数 async updateCommissionConfig(data) { - let parmas = { - commissionRate: data.commissionRate, - minWithdrawAmount: data.minWithdrawAmount, - withdrawFeeRate: data.withdrawFeeRate, - settlementCycle: data.settlementCycle, - status: data.status, - remark: data.remark -} - return requestUtils.common(adminApi.default.commissionConfigUpdate,parmas) + let params = {}; + + if (data.commissionRate !== undefined) { + params.commissionRate = data.commissionRate; + } + if (data.minWithdrawAmount !== undefined) { + params.minWithdrawAmount = data.minWithdrawAmount; + } + if (data.withdrawFeeRate !== undefined) { + params.withdrawFeeRate = data.withdrawFeeRate; + } + if (data.settlementCycle !== undefined) { + params.settlementCycle = data.settlementCycle; + } + if (data.status !== undefined) { + params.status = data.status; + } + if (data.remark) { + params.remark = data.remark; + } + + return requestUtils.common(adminApi.default.commissionConfigUpdate,params) } // 获取佣金配置信息 async viewCommissionConfig() { @@ -39,4 +52,149 @@ export class AdminCommissionManagement { */ } + //获取结算申请列表 + async getSettlementApplications(data) { + let params = { + page: data.page || 1, + page_size: data.page_size || 10 + }; + + // 只传递有实际值的筛选条件 + if (data.username) { + params.username = data.username; + } + if (data.status && data.status.length > 0) { + params.status = data.status; + } + if (data.created_at_start) { + params.created_at_start = data.created_at_start;//格式：2026-01-13T02:32:01.462Z + } + if (data.created_at_end) { + params.created_at_end = data.created_at_end;//格式：2026-01-13T02:32:01.462Z + } + if (data.sort_by) { + params.sort_by = data.sort_by; + } + if (data.sort_order) { + params.sort_order = data.sort_order; + } + + return requestUtils.common(adminApi.default.getSettlementList,params) + /** + * 返回示例： + { + "code": 0, + "message": "", + "success": true, + "data": { + "items": [ + { + "id": 4, + "user_id": 9, + "username": "超级会员", + "apply_amount": 19.8, + "commission_amount": 0, + "status": 0, + "apply_remark": "string", + "review_remark": null, + "reviewer_id": null, + "review_time": null, + "paid_at": null, + "payment_method": null, + "transaction_id": null, + "created_at": "2026-01-12T10:15:43.455732+00:00", + "updated_at": "2026-01-12T10:15:43.455732+00:00" + } + ], + "page": 1, + "page_size": 10, + "total": 1 + } +} + */ + } + //审核通过结算申请 + async approveSettlementApplication(data) { + let params = { + "id": data.id, + "commission_amount": data.commission_amount,//佣金金额 + "remark": data.remark +} + return requestUtils.common(adminApi.default.approveSettlement,params) + } + //审核拒绝结算申请 + async rejectSettlementApplication(data) { + let params = { + "id": data.id, + "reason": data.reason//拒绝理由 +} + return requestUtils.common(adminApi.default.rejectSettlement,params) + } + //根据结算ID获取订单列表 + async getSettlementOrders(data) { + let params = { + "commission_settlement_id": data.commission_settlement_id ,//结算ID + "page": data.page || 1, + "page_size": data.page_size || 10 +} + return requestUtils.common(adminApi.default.getSettlementOrders,params) + /* + 返回示例： + { + "code": 0, + "message": "", + "success": true, + "data": { + "items": [ + { + "id": 80, + "order_no": "ORD202601120924054F70E7BE", + "user_id": 13, + "amount": 99, + "actual_amount": 99, + "quantity": 1, + "order_status": 5, + "payment_status": 1, + "refund_status": 0, + "is_commission_settled": 1, + "commission_settlement_id": 4, + "order_info": { + "ipName": "角马", + "contact": { + "emailOrPhone": "13121765685" + }, + "quantity": 1, + "shipping": { + "city": "test", + "phone": "test", + "state": "AL", + "country": "US", + "address1": "test", + "address2": "test", + "lastName": "王", + "firstName": "闯", + "postalCode": "test", + "stateLabel": "Alabama", + "countryLabel": "美国" + }, + "modelData": { + "imageUrl": "https://draft-user.s3.us-east-2.amazonaws.com/gemini/d422a403-3f9b-43d7-80dd-355c80e6f801.jpg" + }, + "product_name": "E1" + }, + "project_details": { + "imageUrl": "https://draft-user.s3.us-east-2.amazonaws.com/gemini/d422a403-3f9b-43d7-80dd-355c80e6f801.jpg" + }, + "remark": null, + "created_at": "2026-01-12T09:24:03.847070+00:00", + "updated_at": "2026-01-12T10:14:49.085863+00:00" + } + ], + "page": 1, + "page_size": 10, + "total": 1 + } +} + */ + } } \ No newline at end of file diff --git a/apps/FrontendDesigner/src/views/admin/AdminOrders copy.vue b/apps/FrontendDesigner/src/views/admin/AdminOrders copy.vue index d34f716..ad150d4 100644 --- a/apps/FrontendDesigner/src/views/admin/AdminOrders copy.vue +++ b/apps/FrontendDesigner/src/views/admin/AdminOrders copy.vue @@ -635,7 +635,7 @@ const refresh = () => { // 确认订单 const handleConfirmOrder = (row) => { // 跳转到订单审核页面 - router.push('/admin/content-review') + router.push('/admin/orders/content-review') } // 处理订单 diff --git a/apps/FrontendDesigner/src/views/admin/AdminOrders/AdminOrders.vue b/apps/FrontendDesigner/src/views/admin/AdminOrders/AdminOrders.vue index 7e09376..3d83969 100644 --- a/apps/FrontendDesigner/src/views/admin/AdminOrders/AdminOrders.vue +++ b/apps/FrontendDesigner/src/views/admin/AdminOrders/AdminOrders.vue @@ -657,7 +657,7 @@ const handleStatusUpdate = async () => { // 确认订单 const handleConfirmOrder = (row) => { // 跳转到订单审核页面 - router.push(`/admin/content-review?order_no=${row.order_no}`) + router.push(`/admin/orders/content-review?order_no=${row.order_no}`) } // 处理订单 diff --git a/apps/FrontendDesigner/src/views/admin/AdminShop/employee.vue b/apps/FrontendDesigner/src/views/admin/AdminShop/employee.vue new file mode 100644 index 0000000..a648637 --- /dev/null +++ b/apps/FrontendDesigner/src/views/admin/AdminShop/employee.vue @@ -0,0 +1,1028 @@ + + + + + diff --git a/apps/FrontendDesigner/src/views/admin/AdminShop/index.js b/apps/FrontendDesigner/src/views/admin/AdminShop/index.js new file mode 100644 index 0000000..0505d11 --- /dev/null +++ b/apps/FrontendDesigner/src/views/admin/AdminShop/index.js @@ -0,0 +1,519 @@ +import {requestUtils,adminApi} from '@deotaland/utils'; +export class AdminShop { + constructor() { + } + //获取店铺列表 + async getShopList(data){ + let params = { + shopName:data.shopName, + shopCode:data.shopCode, + shopType:data.shopType , + province:data.province , + city:data.city , + district:data.district , + businessStatus:data.businessStatus, + status:data.status , + pageSize:data.pageSize || 10, + pageNum:data.pageNum || 1, + orderByColumn:data.orderByColumn , + isAsc:data.isAsc , + } + return await requestUtils.common(adminApi.default.getShopList,params); + /** + 返回示例： + { + "code": 0, + "success": true, + "data": { + "total": 9007199254740991, + "rows": [ + { + "id": 9007199254740991, + "shopName": "string", + "shopCode": "string", + "shopType": 1073741824, + "shopTypeName": "string", + "latitude": 0, + "longitude": 0, + "address": "string", + "province": "string", + "city": "string", + "district": "string", + "fullAddress": "string", + "contactPerson": "string", + "contactPhone": "string", + "contactEmail": "string", + "businessHours": "string", + "businessStatus": 1073741824, + "businessStatusName": "string", + "shopLogo": "string", + "shopImages": [ + "string" + ], + "shopDesc": "string", + "licenseNumber": "string", + "licenseImage": "string", + "area": 0, + "employeeCount": 1073741824, + "extraInfo": { + "additionalProp1": {}, + "additionalProp2": {}, + "additionalProp3": {} + }, + "remark": "string", + "status": 1073741824, + "statusName": "string", + "createdAt": "2026-01-13T03:54:34.648Z", + "updatedAt": "2026-01-13T03:54:34.648Z" + } + ], + "code": 1073741824, + "msg": "string" + }, + "message": "操作成功" +} + */ + } + //获取店铺详情 + async getShopDetail(data){ + let params = { + id :data.shopId , + } + const requestData = { + method:adminApi.default.getShopDetail.method, + url:adminApi.default.getShopDetail.url.replace('{id}',params.id ), + isLoading:adminApi.default.getShopDetail.isLoading, + } + return await requestUtils.common(requestData,params); + /* + 返回示例 + { + "code": 0, + "success": true, + "data": { + "id": 9007199254740991, + "shopName": "string", + "shopCode": "string", + "shopType": 1073741824, + "latitude": 0, + "longitude": 0, + "address": "string", + "province": "string", + "city": "string", + "district": "string", + "contactPerson": "string", + "contactPhone": "string", + "contactEmail": "string", + "businessHours": "string", + "businessStatus": 1073741824, + "shopLogo": "string", + "shopImages": [ + "string" + ], + "shopDesc": "string", + "licenseNumber": "string", + "licenseImage": "string", + "area": 0, + "employeeCount": 1073741824, + "extraInfo": { + "additionalProp1": {}, + "additionalProp2": {}, + "additionalProp3": {} + }, + "remark": "string", + "status": 1073741824, + "isDelete": 1073741824, + "createdAt": "2026-01-13T05:03:33.438Z", + "updatedAt": "2026-01-13T05:03:33.438Z" + }, + "message": "操作成功" +} + */ + } + //更新店铺状态 + async updateShopStatus(data){ + let params = { + shopId:data.shopId , + status:data.status ,//状态：0禁用,1启用 + } + const requestData = { + method:adminApi.default.updateShopStatus.method, + url:adminApi.default.updateShopStatus.url.replace('{id}',params.shopId).replace('status',`status?status=${params.status}`), + isLoading:adminApi.default.updateShopStatus.isLoading, + } + return await requestUtils.common(requestData,params); + } + //更新营业状态 + async updateBusinessStatus(data){ + let params = { + shopId:data.shopId , + businessStatus:data.businessStatus ,//营业状态：0关闭,1营业 + } + const requestData = { + method:adminApi.default.updateBusinessStatus.method, + url:adminApi.default.updateBusinessStatus.url.replace('{id}',params.shopId).replace('business-status',`business-status?businessStatus=${params.businessStatus}`), + isLoading:adminApi.default.updateBusinessStatus.isLoading, + } + return await requestUtils.common(requestData,params); + } + //更新店铺 + async updateShop(data){ + let params = { + shopId:data.shopId , + shopName: data.shopName , + shopCode: data.shopCode , + shopType: data.shopType , + latitude: data.latitude || 0, + longitude: data.longitude || 0, + address: data.address , + province: data.province , + city: data.city , + district: data.district , + contactPerson: data.contactPerson , + contactPhone: data.contactPhone , + contactEmail: data.contactEmail , + businessHours: data.businessHours , + businessStatus: data.businessStatus , + shopLogo: data.shopLogo , + shopImages: data.shopImages || [], + shopDesc: data.shopDesc , + licenseNumber: data.licenseNumber , + licenseImage: data.licenseImage , + area: data.area || 0, + extraInfo: data.extraInfo || {}, + remark: data.remark , + status: data.status + } + const requestData = { + method:adminApi.default.updateShop.method, + url:adminApi.default.updateShop.url.replace('{id}',params.shopId), + isLoading:adminApi.default.updateShop.isLoading, + } + return await requestUtils.common(requestData,params); + } + //删除店铺 + async deleteShop(data){ + let params = { + shopId:data.shopId , + } + const requestData = { + method:adminApi.default.deleteShop.method, + url:adminApi.default.deleteShop.url.replace('{id}',params.shopId), + isLoading:adminApi.default.deleteShop.isLoading, + } + return await requestUtils.common(requestData,params); + } + //批量删除店铺 + async batchDeleteShop(data){ + let ids = data.ids || [] + return await requestUtils.common(adminApi.default.batchDeleteShop,ids); + } + //创建店铺 + async createShop(data){ + let params = { + shopName: data.shopName , + shopCode: data.shopCode , + shopType: data.shopType , + latitude: data.latitude || 0, + longitude: data.longitude || 0, + address: data.address , + province: data.province , + city: data.city , + district: data.district , + contactPerson: data.contactPerson , + contactPhone: data.contactPhone , + contactEmail: data.contactEmail , + businessHours: data.businessHours , + businessStatus: data.businessStatus , + shopLogo: data.shopLogo , + shopImages: data.shopImages || [], + shopDesc: data.shopDesc , + licenseNumber: data.licenseNumber ,//店铺证书号 + licenseImage: data.licenseImage ,//店铺证书图片 + area: data.area || 0, + extraInfo: data.extraInfo || {}, + remark: data.remark , + status: data.status + }; + return await requestUtils.common(adminApi.default.createShop,params); + } + /* 员工相关接口 */ + //创建员工 + async createShopEmployee(data){ + let params = { + shopId: data.shopId, + employeeNo: data.employeeNo, + employeeName: data.employeeName, + adminId: data.adminId, + employeeType: data.employeeType, + position: data.position, + department: data.department, + level: data.level, + phone: data.phone, + email: data.email, + address: data.address, + idCard: data.idCard, + idCardImageFront: data.idCardImageFront, + idCardImageBack: data.idCardImageBack, + gender: data.gender, + birthday: data.birthday, + avatar: data.avatar, + hireDate: data.hireDate, + probationEndDate: data.probationEndDate, + contractStartDate: data.contractStartDate, + contractEndDate: data.contractEndDate, + salary: data.salary, + salaryType: data.salaryType, + workHours: data.workHours, + workLocation: data.workLocation, + extraInfo: data.extraInfo || {}, + remark: data.remark, + status: data.status + }; + return await requestUtils.common(adminApi.default.createShopEmployee,params); + } + //更新工作状态 + async updateWorkStatus(data){ + let params = { + id: data.id, + workStatus: data.workStatus, + } + const requestData = { + method:adminApi.default.updateWorkStatus.method, + url:adminApi.default.updateWorkStatus.url.replace('{id}',params.id).replace('work-status',`work-status?workStatus=${params.workStatus}`), + isLoading:adminApi.default.updateWorkStatus.isLoading, + } + return await requestUtils.common(requestData,params); + } + //更新员工状态 + async updateEmployeeStatus(data){ + let params = { + id: data.id, + status: data.status,//状态: 0禁用 1启用 + } + const requestData = { + method:adminApi.default.updateEmployeeStatus.method, + url:adminApi.default.updateEmployeeStatus.url.replace('{id}',params.id).replace('status',`status?status=${params.status}`), + isLoading:adminApi.default.updateEmployeeStatus.isLoading, + } + return await requestUtils.common(requestData,params); + } + //员工离职 + async employeeResign(data){ + let params = { + id: data.id, + } + const requestData = { + method:adminApi.default.employeeResign.method, + url:adminApi.default.employeeResign.url.replace('{id}',params.id), + isLoading:adminApi.default.employeeResign.isLoading, + } + return await requestUtils.common(requestData,params); + } + //更新员工 + async updateEmployee(data){ + let params = { + shopId: data.shopId, + employeeNo: data.employeeNo, + employeeName: data.employeeName, + adminId: data.adminId, + employeeType: data.employeeType, + position: data.position, + department: data.department, + level: data.level, + phone: data.phone, + email: data.email, + address: data.address, + idCard: data.idCard, + idCardImageFront: data.idCardImageFront, + idCardImageBack: data.idCardImageBack, + gender: data.gender, + birthday: data.birthday, + avatar: data.avatar, + hireDate: data.hireDate, + probationEndDate: data.probationEndDate, + contractStartDate: data.contractStartDate, + contractEndDate: data.contractEndDate, + salary: data.salary, + salaryType: data.salaryType, + workHours: data.workHours, + workLocation: data.workLocation, + extraInfo: data.extraInfo || {}, + remark: data.remark, + status: data.status, + id: data.id, + }; + const requestData = { + method:adminApi.default.updateEmployee.method, + url:adminApi.default.updateEmployee.url.replace('{id}',params.id), + isLoading:adminApi.default.updateEmployee.isLoading, + } + return await requestUtils.common(requestData,params); + } + //删除员工 + async deleteEmployee(data){ + let params = { + id: data.id, + } + const requestData = { + method:adminApi.default.deleteEmployee.method, + url:adminApi.default.deleteEmployee.url.replace('{id}',params.id), + isLoading:adminApi.default.deleteEmployee.isLoading, + } + return await requestUtils.common(requestData,params); + } + //批量删除员工 + async batchDeleteEmployee(data){ + let ids = data.ids; + const requestData = { + method:adminApi.default.batchDeleteEmployee.method, + url:adminApi.default.batchDeleteEmployee.url, + isLoading:adminApi.default.batchDeleteEmployee.isLoading, + } + return await requestUtils.common(requestData,ids); + } + //查询员工详情 + async getEmployeeById(data){ + let params = { + id: data.id, + } + const requestData = { + method:adminApi.default.getEmployeeById.method, + url:adminApi.default.getEmployeeById.url.replace('{id}',params.id), + isLoading:adminApi.default.getEmployeeById.isLoading, + } + return await requestUtils.common(requestData,params); + /* + 返回示例： + { + "code": 0, + "success": true, + "data": { + "id": 9007199254740991, + "shopId": 9007199254740991, + "adminId": 9007199254740991, + "employeeNo": "string", + "employeeName": "string", + "employeeType": 1073741824, + "position": "string", + "department": "string", + "level": "string", + "phone": "string", + "email": "string", + "address": "string", + "idCard": "string", + "idCardImageFront": "string", + "idCardImageBack": "string", + "gender": 1073741824, + "birthday": "2026-01-13", + "avatar": "string", + "hireDate": "2026-01-13", + "probationEndDate": "2026-01-13", + "contractStartDate": "2026-01-13", + "contractEndDate": "2026-01-13", + "salary": 0, + "salaryType": 1073741824, + "workHours": "string", + "workLocation": "string", + "role": "string", + "permissions": [ + "string" + ], + "workStatus": 1073741824, + "status": 1073741824, + "resignDate": "2026-01-13", + "resignReason": "string", + "extraInfo": { + "additionalProp1": {}, + "additionalProp2": {}, + "additionalProp3": {} + }, + "remark": "string", + "isDelete": 1073741824, + "createdAt": "2026-01-13T07:29:33.333Z", + "updatedAt": "2026-01-13T07:29:33.333Z" + }, + "message": "操作成功" +} + */ + } + //分页查询员工列表 + async getEmployeeList(data){ + let params = { + shopId: data.shopId, + employeeNo: data.employeeNo, + employeeName: data.employeeName, + employeeType: data.employeeType,//员工类型: 0正式员工 1兼职 2临时工 + department: data.department, + position: data.position, + phone: data.phone,//手机号 + workStatus: data.workStatus,//工作状态: 0离职 1在职 2请假 3停职 + status: data.status,//状态: 0正常 1禁用 + pageSize: data.pageSize, + pageNum: data.pageNum, + } + const requestData = { + method:adminApi.default.getEmployeeList.method, + url:adminApi.default.getEmployeeList.url, + isLoading:adminApi.default.getEmployeeList.isLoading, + } + return await requestUtils.common(requestData,params); + /* + 返回示例： + { + "total": 9007199254740991, + "rows": [ + { + "id": 9007199254740991, + "shopId": 9007199254740991, + "shopName": "string", + "adminId": 9007199254740991, + "employeeNo": "string", + "employeeName": "string", + "employeeType": 1073741824, + "employeeTypeName": "string", + "position": "string", + "department": "string", + "level": "string", + "phone": "string", + "email": "string", + "address": "string", + "gender": 1073741824, + "genderName": "string", + "birthday": "2026-01-13", + "avatar": "string", + "hireDate": "2026-01-13", + "probationEndDate": "2026-01-13", + "contractStartDate": "2026-01-13", + "contractEndDate": "2026-01-13", + "salary": 0, + "salaryType": 1073741824, + "salaryTypeName": "string", + "workHours": "string", + "workLocation": "string", + "role": "string", + "permissions": [ + "string" + ], + "workStatus": 1073741824, + "workStatusName": "string", + "status": 1073741824, + "statusName": "string", + "resignDate": "2026-01-13", + "resignReason": "string", + "extraInfo": { + "additionalProp1": {}, + "additionalProp2": {}, + "additionalProp3": {} + }, + "remark": "string", + "createdAt": "2026-01-13T07:29:46.082Z", + "updatedAt": "2026-01-13T07:29:46.082Z" + } + ], + "code": 1073741824, + "msg": "string" +} + */ + } +} \ No newline at end of file diff --git a/apps/FrontendDesigner/src/views/admin/AdminShop/shop.vue b/apps/FrontendDesigner/src/views/admin/AdminShop/shop.vue new file mode 100644 index 0000000..49e2b18 --- /dev/null +++ b/apps/FrontendDesigner/src/views/admin/AdminShop/shop.vue @@ -0,0 +1,713 @@ + + + + + diff --git a/apps/frontend/src/components/PurchaseModal/index.js b/apps/frontend/src/components/PurchaseModal/index.js new file mode 100644 index 0000000..bd72e81 --- /dev/null +++ b/apps/frontend/src/components/PurchaseModal/index.js @@ -0,0 +1,47 @@ +import { requestUtils,clientApi } from "@deotaland/utils"; +export class PurchaseModal { + constructor() { + } + //获取店铺列表 + async getShopList() { + return await requestUtils.common(clientApi.default.getNearbyShops); + /** + 返回示例： + { + "code": 0, + "success": true, + "data": [ + { + "id": 9007199254740991, + "shopName": "string", + "shopCode": "string", + "shopType": 1073741824, + "shopTypeName": "string", + "latitude": 0, + "longitude": 0, + "address": "string", + "province": "string", + "city": "string", + "district": "string", + "fullAddress": "string", + "contactPerson": "string", + "contactPhone": "string", + "businessHours": "string", + "businessStatus": 1073741824, + "businessStatusName": "string", + "shopLogo": "string", + "shopImages": [ + "string" + ], + "shopDesc": "string", + "distance": 0.1, + "distanceUnit": "string" + } + ], + "message": "操作成功" +} + + + */ + } +} \ No newline at end of file diff --git a/apps/frontend/src/components/PurchaseModal/index.vue b/apps/frontend/src/components/PurchaseModal/index.vue index 072c087..8cbe596 100644 --- a/apps/frontend/src/components/PurchaseModal/index.vue +++ b/apps/frontend/src/components/PurchaseModal/index.vue @@ -50,6 +50,25 @@ class="ip-name-input" /> +
+
{{ $t('checkout.shop') }}
+ + + +
@@ -218,7 +237,9 @@ import { Country, State } from 'country-state-city' import { useI18n } from 'vue-i18n' import { PayServer } from '@deotaland/utils' import { requestUtils,clientApi } from '@deotaland/utils' +import { PurchaseModal as PurchaseModalClass } from './index.js' const payserver = new PayServer(); +const purchaseModal = new PurchaseModalClass(); const props = defineProps({ modelData: { type: Object, default: () => ({}) }, show: { type: Boolean, default: false }, @@ -248,6 +269,12 @@ const amountCents = computed(() => { return total }) +// 店铺选择相关状态 +const shopList = ref([]) +const selectedShop = ref(null) +const loadingShops = ref(false) + + // 计算支付按钮是否禁用 const isPayButtonDisabled = computed(() => { return !( @@ -326,6 +353,24 @@ const getPrice = async () => { } } } + +// 获取店铺列表 +const fetchShopList = async () => { + loadingShops.value = true + try { + const res = await purchaseModal.getShopList() + if (res.code === 0) { + shopList.value = res.data || [] + } + } catch (error) { + console.error('获取店铺列表失败:', error) + shopList.value = [] + } finally { + loadingShops.value = false + } +} + + const incQty = () => { qty.value = Math.min(qty.value+1, 99) } const decQty = () => { qty.value = Math.max(qty.value-1, 1) } const goShopify = () => {//用户点击购买 @@ -367,6 +412,9 @@ const goShopify = () => {//用户点击购买 }else{ params.coupon_ids = [] } + if(selectedShop.value){ + params.shop_id = selectedShop.value.id + } // 显示支付中蒙层 showPayingOverlay.value = true // 5秒后隐藏蒙层 @@ -418,6 +466,7 @@ onMounted(() => { updateStates() getPrice(); getVoucherList(); + fetchShopList(); } catch (e) {} }) watch(() => shipping.value.country, () => { updateStates() }) @@ -684,7 +733,7 @@ const updateStates = () => { /* Configuration Grid */ .config-grid { display: grid; - grid-template-columns: 200px 1fr; + grid-template-columns: 200px 1fr 1fr; gap: 24px; align-items: start; } @@ -703,22 +752,51 @@ const updateStates = () => { align-items: flex-start; } +.config-item.shop-select { + align-items: flex-start; +} + .ip-name-input { width: 100%; max-width: 300px; } -.ip-name-input :deep(.el-input__wrapper) { +.shop-select-input { + width: 100%; + max-width: 300px; +} + +.ip-name-input :deep(.el-input__wrapper), +.shop-select-input :deep(.el-select__wrapper) { background: rgba(17,24,39,0.8); border-color: rgba(255,255,255,0.2); color: #ffffff; border-radius: 8px; } -.ip-name-input :deep(.el-input__inner) { +.ip-name-input :deep(.el-input__inner), +.shop-select-input :deep(.el-select__placeholder) { color: #ffffff; } +.shop-select-input :deep(.el-select__popper) { + background: rgba(17,24,39,0.95); + border-color: rgba(255,255,255,0.2); + color: #ffffff; +} + +.shop-select-input :deep(.el-select__popper .el-select-dropdown__item) { + color: #ffffff; +} + +.shop-select-input :deep(.el-select__popper .el-select-dropdown__item:hover) { + background: rgba(139,92,246,0.2); +} + +.shop-select-input :deep(.el-select__popper .el-select-dropdown__item.selected) { + background: rgba(139,92,246,0.3); +} + /* Voucher Section */ .voucher-section { display: flex; @@ -1213,7 +1291,8 @@ const updateStates = () => { gap: 20px; } - .ip-name-input { + .ip-name-input, + .shop-select-input { max-width: 100%; } diff --git a/apps/frontend/src/locales/index.js b/apps/frontend/src/locales/index.js index bff68c7..10499ee 100644 --- a/apps/frontend/src/locales/index.js +++ b/apps/frontend/src/locales/index.js @@ -778,6 +778,8 @@ export default { quantity: '数量', ipName: 'IP名称', ipNamePlaceholder: '请输入IP名称', + shop: '店铺', + chooseShop: '选择店铺', buy: '购买', processTitle: '我们的流程如下', orderConfirmation: '订单确认：在下单后的1个工作日内，我们会确认信息后开始处理。', @@ -1245,6 +1247,7 @@ export default { copySuccess: '邀请码复制成功', copyFailed: '复制失败，请手动复制', inviteLinkMessage: '🎉 限时福利！送你专属邀请码：{code}，注册立得积分+解锁高级功能，快来一起体验吧！{url}', + noInviteRecords: '暂无邀请记录', rules: { title: '邀请规则', freeMember: { @@ -1307,6 +1310,13 @@ export default { pending: '待处理', approved: '已通过', rejected: '已拒绝', + pendingSettlement: '待结算', + unsettled: '未结算', + settled: '已结算', + pendingCommission: '待结算佣金', + unsettledCommission: '未结算佣金', + settledCommission: '已结算佣金', + currentCommissionRate: '当前佣金比例', }, voucher: { title: '优惠券', @@ -1893,6 +1903,7 @@ export default { copySuccess: 'Invite code copied successfully', copyFailed: 'Copy failed, please copy manually', inviteLinkMessage: '🎉 Limited time offer! Here is your exclusive invite code: {code}, register now to get points + unlock premium features, come and experience it together! {url}', + noInviteRecords: 'No invite records available', rules: { title: 'Invitation Rules', freeMember: { @@ -1955,6 +1966,13 @@ export default { pending: 'Pending', approved: 'Approved', rejected: 'Rejected', + pendingSettlement: 'Pending Settlement', + unsettled: 'Unsettled', + settled: 'Settled', + pendingCommission: 'Pending Commission', + unsettledCommission: 'Unsettled Commission', + settledCommission: 'Settled Commission', + currentCommissionRate: 'Current Commission Rate', }, voucher: { title: 'Vouchers', @@ -2439,6 +2457,8 @@ export default { quantity: 'Quantity', ipName: 'IP Name', ipNamePlaceholder: 'Please enter IP name', + shop: 'Shop', + chooseShop: 'Select Shop', buy: 'Buy', processTitle: 'Our Process', orderConfirmation: 'Order Confirmation: Within 1 business day after placing the order, we will confirm the information and start processing.', diff --git a/apps/frontend/src/views/AddAgent.vue b/apps/frontend/src/views/AddAgent.vue index 81c1a50..20c61a1 100644 --- a/apps/frontend/src/views/AddAgent.vue +++ b/apps/frontend/src/views/AddAgent.vue @@ -328,10 +328,10 @@ class="knowledge-base-item" > - {{ t('agentTemplate.weather') }} - {{ t('agentTemplate.jokes') }} - {{ t('agentTemplate.music') }} - {{ t('agentTemplate.news') }} + {{ t('agentTemplate.weather') }} + {{ t('agentTemplate.jokes') }} + {{ t('agentTemplate.music') }} + {{ t('agentTemplate.news') }} @@ -564,7 +564,6 @@ const availableLanguages = computed(() => { const availableVoices = computed(() => { const currentLang = agentForm.language.split('-')[0] // 提取语言代码，如 'zh-CN' -> 'zh' const list = allVoices.value.filter(voice => voice.language === currentLang&&voice.name != '湾湾小何') - console.log(list); return list }) @@ -655,7 +654,6 @@ const handleLanguageChange = (languageCode) => { const handleVoiceChange = (voiceId) => { // 根据音色调整相关设置 - console.log('Voice changed to:', voiceId) } const playVoiceSample = (voice) => { if (playingVoice.value === voice.id && currentAudio.value) { @@ -749,7 +747,6 @@ const saveAgent = async () => { let result // 如果有id参数，调用updateAgent方法更新智能体 - // console.log(agentData,'agentDataagentData'); // return if (agentForm.id) { agentData.id = agentForm.id @@ -884,7 +881,6 @@ const getAgentDetail = async (agentId) => { agentForm.id = agentId } } catch (error) { - console.error('获取智能体详情失败:', error) ElMessage.error('获取智能体详情失败') } } @@ -914,8 +910,6 @@ const getTtsList = async ()=>{ } voices = voices.filter(voice => voice.name != '湾湾小何') allVoices.value = voices - console.log(allVoices.value,'allVoices.value'); - // 如果当前没有选择音色，设置默认音色 if(!agentForm.voice && voices.length > 0){ agentForm.voice = voices[0].id diff --git a/apps/frontend/src/views/user/index.js b/apps/frontend/src/views/user/index.js index 786bffa..4d27ce3 100644 --- a/apps/frontend/src/views/user/index.js +++ b/apps/frontend/src/views/user/index.js @@ -178,25 +178,24 @@ export class UserController { endTime:data.endTime,////格式要求2026-02-13T00:00:00+08:00 pageSize:data.pageSize, pageNum:data.pageNum, - orderByColumn:data.orderByColumn, isAsc:data.isAsc,//排序的方向desc或者asc } return await requestUtils.common(clientApi.default.INVITE_COMMISSION_RECORDS,params); /* 返回示例： + { + "total": 1, + "rows": [ { - "total": 9007199254740991, - "rows": [ - { - "maskedEmail": "string", - "actualAmount": 0, - "commissionRate": 0, - "commissionAmount": 0, - "orderTime": "2026-01-12T08:45:25.630Z" - } - ], - "code": 1073741824, - "msg": "string" + "maskedEmail": "1***6@qq.com", + "actualAmount": 99.00, + "commissionRate": 20.00, + "commissionAmount": 19.80, + "orderTime": "2026-01-12T09:24:31.979148Z" + } + ], + "code": 200, + "msg": "查询成功" } */ @@ -217,4 +216,8 @@ export class UserController { } return await requestUtils.common(clientApi.default.COMMISSION_SETTLEMENT_LIST,params); } + // 获取佣金结算统计信息：待结算金额、未结算金额、已结算金额 + async getSettlementStatistics() { + return await requestUtils.common(clientApi.default.COMMISSION_SETTLEMENT_STATISTICS); + } } \ No newline at end of file diff --git a/apps/frontend/src/views/user/index.vue b/apps/frontend/src/views/user/index.vue index 5211267..a528710 100644 --- a/apps/frontend/src/views/user/index.vue +++ b/apps/frontend/src/views/user/index.vue @@ -58,7 +58,7 @@ {{total_score}} @@ -186,7 +186,7 @@

{{ $t('userCenter.invitation.inviteCodes') }}

diff --git a/apps/frontend/src/views/user/invite-records.vue b/apps/frontend/src/views/user/invite-records.vue index a4d48f9..f6e4fde 100644 --- a/apps/frontend/src/views/user/invite-records.vue +++ b/apps/frontend/src/views/user/invite-records.vue @@ -2,7 +2,11 @@
-

{{ $t('userCenter.invitation.inviteRecords') }}

+ + + {{ $t('common.back') }} + +
@@ -138,8 +142,38 @@
- +
+
+
+
{{ $t('userCenter.creator.pendingSettlement') }}
+
{{ settlementStatistics.pendingSettlement }}
+
+
+
{{ $t('userCenter.creator.unsettled') }}
+
{{ settlementStatistics.unsettled }}
+
+
+
{{ $t('userCenter.creator.settled') }}
+
{{ settlementStatistics.settled }}
+
+
+
{{ $t('userCenter.creator.pendingCommission') }}
+
{{ settlementStatistics.pendingCommission }}
+
+
+
{{ $t('userCenter.creator.unsettledCommission') }}
+
{{ settlementStatistics.unsettledCommission }}
+
+
+
{{ $t('userCenter.creator.settledCommission') }}
+
{{ settlementStatistics.settledCommission }}
+
+
+
{{ $t('userCenter.creator.currentCommissionRate') }}
+
{{ settlementStatistics.commissionRate }}%
+
+
{{ $t('userCenter.creator.applySettlement') }}
@@ -278,12 +312,18 @@ import { useAuthStore } from '@/stores/auth' import { UserController } from './index.js' import { useI18n } from 'vue-i18n' import { ElMessage } from 'element-plus' +import { ArrowLeft } from '@element-plus/icons-vue' // 初始化 const { t } = useI18n() const authStore = useAuthStore() const userController = new UserController() +// 导航方法 +const handleBack = () => { + window.history.back() +} + // 响应式数据 const userData = ref({ role: authStore.user?.userRole == '2' ? 'creator' : 'free' @@ -297,6 +337,17 @@ const pointsRecords = ref([]) const commissionRecords = ref([]) const settlementRecords = ref([]) +// 佣金结算统计数据 +const settlementStatistics = ref({ + pendingSettlement: 0, // 待结算 + unsettled: 0, // 未结算 + settled: 0, // 已结算 + pendingCommission: 0, // 待结算佣金 + unsettledCommission: 0, // 未结算佣金 + settledCommission: 0, // 已结算佣金 + commissionRate: 0 // 佣金比例 +}) + // 佣金记录总条数 const commissionTotal = ref(0) const settlementTotal = ref(0) @@ -305,7 +356,8 @@ const settlementTotal = ref(0) const loading = ref({ points: false, commission: false, - settlement: false + settlement: false, + statistics: false }) // 筛选条件 @@ -393,12 +445,12 @@ const fetchCommissionRecords = async () => { isAsc: 'desc' } - // 只传递非空的筛选条件 + // 只传递非空的筛选条件，并转换时间格式为 2026-02-13T00:00:00+08:00 if (filters.value.startTime) { - params.startTime = filters.value.startTime + params.startTime = new Date(filters.value.startTime).toISOString().slice(0, 19) + '+08:00' } if (filters.value.endTime) { - params.endTime = filters.value.endTime + params.endTime = new Date(filters.value.endTime).toISOString().slice(0, 19) + '+08:00' } if (filters.value.email) { params.email = filters.value.email @@ -406,7 +458,7 @@ const fetchCommissionRecords = async () => { const response = await userController.getInviteCommissionRecords(params) - if (response.code === 0 || response.code === 1073741824) { + if (response.code === 200 || response.code === 0) { // 转换API返回的数据格式 commissionRecords.value = response.rows.map(item => ({ maskedEmail: item.maskedEmail, @@ -452,6 +504,7 @@ const handleTabChange = (tabName) => { fetchCommissionRecords() } else if (tabName === 'settlement') { fetchSettlementList() + fetchSettlementStatistics() } } @@ -499,6 +552,38 @@ const fetchSettlementList = async () => { } } +// 获取佣金结算统计信息 +const fetchSettlementStatistics = async () => { + if (userData.value.role !== 'creator') return + + try { + loading.value.statistics = true + const response = await userController.getSettlementStatistics() + + if (response.code === 0 || response.success) { + // 打印返回数据到控制台，方便查看字段格式 + console.log('Settlement Statistics Response:', response) + + // 保存统计数据 + if (response.data) { + settlementStatistics.value = { + pendingSettlement: response.data.pending_amount || 0, + unsettled: response.data.unsettled_amount || 0, + settled: response.data.settled_amount || 0, + pendingCommission: response.data.pending_commission || 0, + unsettledCommission: response.data.unsettled_commission || 0, + settledCommission: response.data.settled_commission || 0, + commissionRate: response.data.commission_rate || 0 + } + } + } + } catch (error) { + console.error('获取佣金结算统计信息失败:', error) + } finally { + loading.value.statistics = false + } +} + // 申请结算弹窗处理 const handleApplySettlement = () => { dialogVisible.value = true @@ -562,11 +647,8 @@ const handleReset = () => { // 页面挂载时获取数据 onMounted(() => { - fetchPointsRecords() - if (userData.value.role === 'creator') { - fetchCommissionRecords() - fetchSettlementList() - } + // 只调用当前选中选项卡对应的接口 + handleTabChange(activeTab.value) }) @@ -583,6 +665,39 @@ onMounted(() => { /* 页面标题 */ .page-header { margin-bottom: 32px; + display: flex; + align-items: center; + gap: 16px; +} + +.back-button { + display: flex; + align-items: center; + gap: 6px; + color: var(--text-primary, #1f2937); + font-size: 14px; + font-weight: 500; + padding: 8px 12px; + border-radius: 8px; + transition: all 0.3s ease; + background: rgba(139, 92, 246, 0.1); + border: 1px solid transparent; + color: #8B5CF6; +} + +.back-button:hover { + background: rgba(139, 92, 246, 0.1); + color: #8B5CF6; + border-color: rgba(139, 92, 246, 0.2); +} + +.back-button .el-icon { + font-size: 16px; + transition: transform 0.3s ease; +} + +.back-button:hover .el-icon { + transform: translateX(-2px); } .page-header h1 { @@ -593,6 +708,7 @@ onMounted(() => { display: flex; align-items: center; gap: 12px; + flex: 1; } .page-header h1::before { @@ -604,6 +720,17 @@ onMounted(() => { border-radius: 2px; } +/* 暗色主题下的返回按钮 */ +html.dark .back-button { + color: #F3F4F6; +} + +html.dark .back-button:hover { + background: rgba(139, 92, 246, 0.2); + color: #A78BFA; + border-color: rgba(139, 92, 246, 0.3); +} + /* 选项卡样式 */ .invite-tabs { margin-bottom: 24px; @@ -728,8 +855,53 @@ onMounted(() => { /* 结算记录头部样式 */ .settlement-header { display: flex; - justify-content: flex-end; + justify-content: space-between; + align-items: center; margin-bottom: 24px; + padding: 20px; + background: rgba(107, 70, 193, 0.03); + border-radius: 12px; + border: 1px solid rgba(107, 70, 193, 0.1); +} + +/* 结算统计信息样式 */ +.settlement-statistics { + display: flex; + justify-content: space-around; + gap: 40px; + flex: 1; +} + +.stat-item { + display: flex; + flex-direction: column; + align-items: center; +} + +.stat-label { + font-size: 14px; + color: var(--text-secondary, #6B7280); + margin-bottom: 8px; +} + +.stat-value { + font-size: 24px; + font-weight: 700; + color: #8B5CF6; +} + +/* 暗色主题下的结算统计样式 */ +html.dark .settlement-header { + background: rgba(139, 92, 246, 0.1); + border-color: rgba(139, 92, 246, 0.2); +} + +html.dark .stat-label { + color: #9CA3AF; +} + +html.dark .stat-value { + color: #A78BFA; } /* 响应式设计 */ @@ -741,6 +913,15 @@ onMounted(() => { .page-header h1 { font-size: 20px; } + + .back-button { + padding: 6px 10px; + font-size: 13px; + } + + .back-button .el-icon { + font-size: 14px; + } .details-table th, .details-table td { @@ -757,9 +938,20 @@ onMounted(() => { } .settlement-header { + flex-direction: column; + gap: 16px; justify-content: center; margin-bottom: 16px; } + + .settlement-statistics { + gap: 20px; + margin-bottom: 16px; + } + + .stat-value { + font-size: 20px; + } } /* 暗色主题支持 */ diff --git a/openspec/changes/create-admin-dashboard/design.md b/openspec/changes/create-admin-dashboard/design.md index e5c1363..96c0800 100644 --- a/openspec/changes/create-admin-dashboard/design.md +++ b/openspec/changes/create-admin-dashboard/design.md @@ -21,7 +21,7 @@ AdminLayout.vue (根布局) /login - 登录页面 /admin - 管理后台根路径 ├── /admin/dashboard - 仪表板 - ├── /admin/content-review - 内容审核 + ├── /admin/orders/content-review - 内容审核 ├── /admin/orders - 订单管理 └── /admin/users - 用户管理 ``` diff --git a/openspec/changes/create-admin-dashboard/specs/admin-pages/spec.md b/openspec/changes/create-admin-dashboard/specs/admin-pages/spec.md index c5b8ada..d97640f 100644 --- a/openspec/changes/create-admin-dashboard/specs/admin-pages/spec.md +++ b/openspec/changes/create-admin-dashboard/specs/admin-pages/spec.md @@ -8,7 +8,7 @@ **Then** 显示包含统计卡片、图表区域、快捷操作的仪表板布局 #### Scenario: 内容审核页面展示 -**Given** 用户访问 `/admin/content-review` +**Given** 用户访问 `/admin/orders/content-review` **When** 页面加载 **Then** 显示内容审核列表、筛选功能、审核操作按钮的页面结构 diff --git a/openspec/changes/create-disassembly-workflow/specs/shipping-step/spec.md b/openspec/changes/create-disassembly-workflow/specs/shipping-step/spec.md index 9fd5b7e..1db28b4 100644 --- a/openspec/changes/create-disassembly-workflow/specs/shipping-step/spec.md +++ b/openspec/changes/create-disassembly-workflow/specs/shipping-step/spec.md @@ -176,7 +176,7 @@ const submitShipping = async () => { // 跳转到完成页面或返回列表 setTimeout(() => { - router.push('/admin/content-review') + router.push('/admin/orders/content-review') }, 2000) } catch (error) { diff --git a/packages/utils/src/api/FrontendDesigner/index.js b/packages/utils/src/api/FrontendDesigner/index.js index 4429a37..fa64749 100644 --- a/packages/utils/src/api/FrontendDesigner/index.js +++ b/packages/utils/src/api/FrontendDesigner/index.js @@ -11,7 +11,7 @@ import configuration from './configuration.js'; import seriespriceConfig from './seriespriceConfig.js'; import voucher from './voucher.js'; import agent from './agent.js'; - +import shop from './shop.js'; export default { ...login, ...order, @@ -26,4 +26,5 @@ export default { ...seriespriceConfig, ...voucher, ...agent, + ...shop, }; \ No newline at end of file diff --git a/packages/utils/src/api/FrontendDesigner/permission.js b/packages/utils/src/api/FrontendDesigner/permission.js index 3d42c96..9158839 100644 --- a/packages/utils/src/api/FrontendDesigner/permission.js +++ b/packages/utils/src/api/FrontendDesigner/permission.js @@ -11,8 +11,10 @@ const permission = { assignPermissionToRole: {url: '/api-base/admin/permission/assign/{roleId}', method: 'POST', isLoading: true},//为角色分配权限 getPermissionDetail: {url: '/api-base/admin/permission/{permissionId}', method: 'GET', isLoading: true},//查询权限详情 deletePermission: {url: '/api-base/admin/permission/{permissionId}', method: 'DELETE', isLoading: true},//删除权限 + // getPermissionList: {url: '/api-base/admin/permission/list', method: 'GET', isLoading: true},//查询权限列表 getPermissionList: {url: '/api-base/admin/permission/list', method: 'GET', isLoading: true},//查询权限列表 - getPermissionCodesByUserId: {url: '/api-base/admin/permission/codes/user/{userId}', method: 'GET', isLoading: true},//根据用户ID查询权限代码集合 + // getPermissionCodesByUserId: {url: '/api-base/admin/permission/codes/user/{userId}', method: 'GET', isLoading: true},//根据用户ID查询权限代码集合 + getPermissionCodesByUserId: {url: '/api-base/admin/permission/codes/current', method: 'GET', isLoading: true},//根据用户ID查询权限代码集合 getPermissionCodesByRoleId: {url: '/api-base/admin/permission/role/{roleId}', method: 'GET', isLoading: true},//根据角色ID查询权限代码集合 updateAdminUser: {url: '/api-base/admin/admin-user/update', method: 'POST', isLoading: true},//更新管理员用户 toggleAdminUserStatus: {url: '/api-base/admin/admin-user/toggle-status/{userId}', method: 'POST', isLoading: true},//启用/禁用用户 diff --git a/packages/utils/src/api/FrontendDesigner/shop.js b/packages/utils/src/api/FrontendDesigner/shop.js new file mode 100644 index 0000000..9d9d235 --- /dev/null +++ b/packages/utils/src/api/FrontendDesigner/shop.js @@ -0,0 +1,21 @@ +const shop = { + updateShopStatus:{url:'/api-base/admin/shop/{id}/status',method:'POST'},// 更新店铺状态 + updateBusinessStatus:{url:'/api-base/admin/shop/{id}/business-status',method:'POST'},// 更新营业状态 + updateShop:{url:'/api-base/admin/shop/update/{id}',method:'POST'},// 更新店铺 + deleteShop:{url:'/api-base/admin/shop/delete/{id}',method:'POST'},// 删除店铺 + createShop:{url:'/api-base/admin/shop/create',method:'POST'},// 创建店铺 + batchDeleteShop:{url:'/api-base/admin/shop/batch-delete',method:'POST'},// 批量删除店铺 + getShopDetail:{url:'/api-base/admin/shop/{id}',method:'GET'},// 查询店铺详情 + getShopList:{url:'/api-base/admin/shop/list',method:'GET'},// 分页查询店铺列表 + // 店铺员工相关接口 + createShopEmployee:{url:'/api-base/admin/shop-employee',method:'POST'},// 创建员工 + updateWorkStatus:{url:'/api-base/admin/shop-employee/{id}/work-status',method:'POST'},// 更新工作状态 + updateEmployeeStatus:{url:'/api-base/admin/shop-employee/{id}/status',method:'POST'},// 更新员工状态 + employeeResign:{url:'/api-base/admin/shop-employee/{id}/resign',method:'POST'},// 员工离职 + updateEmployee:{url:'/api-base/admin/shop-employee/update/{id}',method:'POST'},// 更新员工 + deleteEmployee:{url:'/api-base/admin/shop-employee/delete/{id}',method:'POST'},// 删除员工 + batchDeleteEmployee:{url:'/api-base/admin/shop-employee/batch-delete',method:'POST'},// 批量删除员工 + getEmployeeById:{url:'/api-base/admin/shop-employee/{id}',method:'GET'},// 根据ID查询员工 + getEmployeeList:{url:'/api-base/admin/shop-employee/list',method:'GET'},// 分页查询员工列表 +} +export default shop; diff --git a/packages/utils/src/api/FrontendDesigner/user.js b/packages/utils/src/api/FrontendDesigner/user.js index 2dd374f..e603638 100644 --- a/packages/utils/src/api/FrontendDesigner/user.js +++ b/packages/utils/src/api/FrontendDesigner/user.js @@ -9,5 +9,9 @@ const order = { generateInviteCode:{url:'/api-base/admin/invite-code/generate',method:'POST',isLoading:true},//为用户生成邀请码（支持批量生成） deleteInviteCode:{url:'/api-base/admin/invite-code/CODEID',method:'DELETE',isLoading:true},//根据邀请码ID删除邀请码 getOperationLogList:{url:'/api-base/admin/operation-log/list',method:'GET'},//分页查询操作日志列表 + getSettlementList:{url:'/api-core/admin/order/commission-settlement/list',method:'POST'},//获取结算申请列表 + approveSettlement:{url:'/api-core/admin/order/commission-settlement/approve',method:'POST'},//审核通过结算申请 + rejectSettlement:{url:'/api-core/admin/order/commission-settlement/reject',method:'POST'},//审核拒绝结算申请 + getSettlementOrders:{url:'/api-core/admin/order/commission-settlement/orders',method:'POST'},//根据结算ID获取订单列表 } export default order; \ No newline at end of file diff --git a/packages/utils/src/api/frontend/index.js b/packages/utils/src/api/frontend/index.js index 59d7b22..a7e0eba 100644 --- a/packages/utils/src/api/frontend/index.js +++ b/packages/utils/src/api/frontend/index.js @@ -9,6 +9,7 @@ import logistics from './logistics.js'; import agent from './agent.js'; import rechargeconfig from './rechargeconfig.js'; import voucher from './voucher.js'; +import shop from './shop.js'; export default { ...meshy, ...login, @@ -21,4 +22,5 @@ export default { ...agent, ...rechargeconfig, ...voucher, + ...shop, }; \ No newline at end of file diff --git a/packages/utils/src/api/frontend/shop.js b/packages/utils/src/api/frontend/shop.js new file mode 100644 index 0000000..379b746 --- /dev/null +++ b/packages/utils/src/api/frontend/shop.js @@ -0,0 +1,4 @@ +const login = { + getNearbyShops:{url:'/api-base/shops/nearby',method:'GET'},// 查询店铺 +} +export default login; diff --git a/packages/utils/src/api/frontend/user.js b/packages/utils/src/api/frontend/user.js index 6bfcb06..94620e9 100644 --- a/packages/utils/src/api/frontend/user.js +++ b/packages/utils/src/api/frontend/user.js @@ -10,5 +10,6 @@ const login = { INVITE_COMMISSION_RECORDS:{url:'/api-base/user/invite/commission-records',method:'GET',isLoading:true},// 返回邀请的用户佣金记录 COMMISSION_SETTLEMENT_APPLY:{url:'/api-core/front/user/commission-settlement/apply',method:'POST',isLoading:true},// 申请结算佣金 - 只能结算已完成30天的订单 COMMISSION_SETTLEMENT_LIST:{url:'/api-core/front/user/commission-settlement/list',method:'GET',isLoading:true},// 获取结算申请列表 + COMMISSION_SETTLEMENT_STATISTICS:{url:'/api-core/front/user/commission-settlement/statistics',method:'GET',isLoading:true},// 获取佣金结算统计信息：待结算金额、未结算金额、已结算金额 } export default login; diff --git a/packages/utils/src/servers/payserver.js b/packages/utils/src/servers/payserver.js index bfce7f3..c09786b 100644 --- a/packages/utils/src/servers/payserver.js +++ b/packages/utils/src/servers/payserver.js @@ -155,6 +155,7 @@ export class PayServer { payReducerUrl = `${window.location.origin}/#/order-management` pamras = { product_id: orderInfo.product_id, + shop_id: orderInfo.shop_id || '', "methods": [ "card" ], diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 376d056..72dd082 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -56,6 +56,9 @@ importers: '@types/three': specifier: ^0.180.0 version: 0.180.0 + element-china-area-data: + specifier: ^6.1.0 + version: 6.1.0 element-plus: specifier: ^2.11.7 version: 2.11.7(vue@3.5.24) @@ -1735,6 +1738,10 @@ packages: supports-color: 7.2.0 dev: true + /china-division@2.7.0: + resolution: {integrity: sha512-4uUPAT+1WfqDh5jytq7omdCmHNk3j+k76zEG/2IqaGcYB90c2SwcixttcypdsZ3T/9tN1TTpBDoeZn+Yw/qBEA==} + dev: false + /chokidar@4.0.3: resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==} engines: {node: '>= 14.16.0'} @@ -1962,6 +1969,12 @@ packages: resolution: {integrity: sha512-kgWEglXvkEfMH7rxP5OSZZwnaDWT7J9EoZCujhnpLbfi0bbNtRkgdX2E3gt0Uer11c61qCYktB3hwkAS325sJg==} dev: true + /element-china-area-data@6.1.0: + resolution: {integrity: sha512-IkpcjwQv2A/2AxFiSoaISZ+oMw1rZCPUSOg5sOCwT5jKc96TaawmKZeY81xfxXsO0QbKxU5LLc6AirhG52hUmg==} + dependencies: + china-division: 2.7.0 + dev: false + /element-plus@2.11.7(vue@3.5.24): resolution: {integrity: sha512-Bh47wuzsqaNBNDkbtlOlZER1cGcOB8GsXp/+C9b95MOrk0wvoHUV4NKKK7xMkfYNFYdYysQ752oMhnExgAL6+g==} peerDependencies: