chore: 初始开源发布
iotlcm-app：小程序端 + 用户端服务。 - app/：uni-app 小程序前端（基于 unibest，MIT） - 微信 AppID → YOUR_WX_APPID，uni-app AppID → __UNI__YOURAPPID - 内网后端地址 → admin.iotlcm.example.com - 应用标题与 unibest 模板 README 重写（保留上游致谢与 MIT 声明） - server/：GoFrame 用户端服务（基于 XiuAdmin，Apache-2.0） - module xiuadmin → git.5iot.com/iotlcm-public/iotlcm-app（360 文件） - 支付回调地址 → app.iotlcm.example.com，商户名与应用名泛化 - 真实手机号 → 合法 11 位编造号（保留号段前 3 位 + 后 4 位） - 依赖号码尾部的断言同步更新 - 补 server/LICENSE（Apache-2.0） - 移除内部资产：CI 触发器 - 补根 README，LF 行尾 + .gitattributes 已知：TestSysDept_RefreshDeptAncestors 在源仓同一提交上同样失败，属既有缺陷。
This commit is contained in:
MiFaZhan
@@ -0,0 +1,14 @@
|
|||||||
|
# 统一使用 LF，避免跨平台协作时产生整文件 diff
|
||||||
|
* text=auto eol=lf
|
||||||
|
|
||||||
|
# 二进制文件不做行尾转换
|
||||||
|
*.png binary
|
||||||
|
*.jpg binary
|
||||||
|
*.gif binary
|
||||||
|
*.ico binary
|
||||||
|
*.woff binary
|
||||||
|
*.woff2 binary
|
||||||
|
*.ttf binary
|
||||||
|
*.pdf binary
|
||||||
|
*.exe binary
|
||||||
|
*.xlsx binary
|
||||||
+70
@@ -0,0 +1,70 @@
|
|||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
node_modules
|
||||||
|
.DS_Store
|
||||||
|
dist
|
||||||
|
*.local
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.idea
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
||||||
|
.hbuilderx
|
||||||
|
|
||||||
|
.stylelintcache
|
||||||
|
.eslintcache
|
||||||
|
|
||||||
|
/docs/
|
||||||
|
|
||||||
|
src/types
|
||||||
|
# 单独把这个文件排除掉，用以解决部分电脑生成的 auto-import.d.ts 的API不完整导致类型提示报错问题
|
||||||
|
!src/types/auto-import.d.ts
|
||||||
|
src/manifest.json
|
||||||
|
src/pages.json
|
||||||
|
|
||||||
|
# 2025-10-15 by 菲鸽： lock 文件还是需要加入版本管理，今天又遇到版本不一致导致无法运行的问题了。
|
||||||
|
# pnpm-lock.yaml
|
||||||
|
# package-lock.json
|
||||||
|
|
||||||
|
# TIPS：如果某些文件已经加入了版本管理，现在重新加入 .gitignore 是不生效的，需要执行下面的操作
|
||||||
|
# `git rm -r --cached .` 然后提交 commit 即可。
|
||||||
|
|
||||||
|
# git rm -r --cached file1 file2 ## 针对某些文件
|
||||||
|
# git rm -r --cached dir1 dir2 ## 针对某些文件夹
|
||||||
|
# git rm -r --cached . ## 针对所有文件
|
||||||
|
|
||||||
|
# 更新 uni-app 官方版本
|
||||||
|
# npx @dcloudio/uvm@latest
|
||||||
|
*.log
|
||||||
|
*.exe
|
||||||
|
*.tar
|
||||||
|
*.zip
|
||||||
|
.vscode
|
||||||
|
.cursor
|
||||||
|
|
||||||
|
# Local upload files generated by the backend.
|
||||||
|
server/resource/upload/
|
||||||
|
server/resource/certs/*
|
||||||
|
!server/resource/certs/
|
||||||
|
server/upload/
|
||||||
|
server/.env
|
||||||
|
server/xiujie-wechat/
|
||||||
|
|
||||||
|
# Deployment host runtime configuration.
|
||||||
|
deploy/.env
|
||||||
|
|
||||||
|
# Local tooling / preview artifacts (not part of source)
|
||||||
|
.workbuddy/
|
||||||
|
app/.card-dom.html
|
||||||
|
app/.preview-*.png
|
||||||
|
app/_tmp_*
|
||||||
@@ -0,0 +1,94 @@
|
|||||||
|
# 项目约束规范
|
||||||
|
## xiuAdmin框架说明文档
|
||||||
|
先阅读 http://xiuadmin.com/sys/catalog.html
|
||||||
|
## 范围界定
|
||||||
|
1. 本仓库包含两部分代码：
|
||||||
|
- 后端：基于 GoFrame v2 框架，存放于 `server/` 目录
|
||||||
|
- 前端：Vue + Vben Admin 技术栈，存放于 `app/` 目录
|
||||||
|
2. GoFrame 项目专属规范仅适用于 `server/` 下后端开发，或用户明确要求进行 GoFrame 开发的场景。
|
||||||
|
3. 仅修改前端代码时，不得套用 GoFrame 后端开发规范。
|
||||||
|
4. `vue/` 目录下前端开发需遵循 Vben Admin 5.x 开发规范，同步沿用 `vue/apps/web-antd` 中已落地的 Ant Design Vue 页面风格。
|
||||||
|
|
||||||
|
## GoFrame 后端开发规范
|
||||||
|
1. 控制器、服务、中间件、路由、配置、ORM、自动生成代码均严格遵循 GoFrame v2 官方编码惯例。
|
||||||
|
2. 禁止手动编辑自动生成的 DAO、DO、Entity 文件，统一使用项目内置代码生成流程更新。
|
||||||
|
3. 新增逻辑前优先复用项目现有服务、工具函数与通用设计模式，避免重复新增抽象层。
|
||||||
|
4. 数据库新增、更新操作必须使用自动生成的 DAO/DO 结构体；禁止将 `g.Map`、`map[string]interface{}` 作为 ORM 数据载体。
|
||||||
|
5. 后端新增业务报错统一使用 `gerror` 组件封装并返回错误信息。
|
||||||
|
6. 常规 ORM 操作交由 GoFrame 自动维护 `created_at`、`updated_at`、`deleted_at` 字段；逻辑删除统一调用 `Delete()` 方法。
|
||||||
|
|
||||||
|
|
||||||
|
## 前端开发规范
|
||||||
|
1. 必须使用中文进行对话以及编写文档。
|
||||||
|
2. 编写代码、修改文档或做业务判断前，必须先查询是否有可使用的本地 SKILL、项目文档、知识库、已有实现或现成工具，再决定行动方案。
|
||||||
|
3. 如果上下文过长、信息开始混乱或可能遗忘已确认内容，应提醒用户：建议压缩上下文。
|
||||||
|
4. 用户指定修改某个部分时，只处理指定范围；未经用户同意，不修改其他未指定部分。
|
||||||
|
5. 不要覆盖用户或其他工具已经产生的改动。若目标文件已有人工改动，应先理解并兼容现状。
|
||||||
|
6. 编写界面前必须先确认 Wot UI、uni-app 内置组件、项目现成组件和 UnoCSS 是否能满足需求；不能跳过这一步直接手搓样式或 UI。
|
||||||
|
7. 默认禁止手搓 CSS 和基础 UI 组件。只有在 UI 库、项目现成组件、UnoCSS 均无法满足，或存在明确平台兼容/业务封装需要时，才允许例外。
|
||||||
|
8. 使用例外时，必须在最终汇报中说明：为什么不能用 UnoCSS、为什么不能用 UI 库或现成组件、手写范围控制在哪里。
|
||||||
|
9. 若新增界面代码绕过 UnoCSS 或 UI 库且未说明例外依据，本轮任务视为未完成，必须先返工再汇报完成。
|
||||||
|
|
||||||
|
## 信息确认原则
|
||||||
|
1. 避免仅凭推测给出答案。回答或修改前，应优先基于以下来源确认信息：
|
||||||
|
- 当前项目文件、已有实现、配置、测试结果；
|
||||||
|
- 用户明确说明；
|
||||||
|
- `docs/README.md` 及相关业务文档；
|
||||||
|
- 管理平台后端和前端当前实现；
|
||||||
|
- 本地 SKILL、项目文档、知识库或现成工具；
|
||||||
|
- 官方文档或联网查询结果。
|
||||||
|
2. 当需求不明确、存在多种实现方式、影响范围较大、或可能破坏现有逻辑时，必须先向用户确认。
|
||||||
|
3. 当需求明确、范围清楚、风险较低时，可以直接执行，并在完成后说明处理内容和验证结果。
|
||||||
|
4. 涉及时效性信息，例如版本、法规、价格、接口文档、第三方库最新用法、新闻等，应优先使用官方来源或联网查询。
|
||||||
|
|
||||||
|
|
||||||
|
## 行为准则
|
||||||
|
|
||||||
|
1. 没有确切指令时，不得擅自替用户做高风险决策。
|
||||||
|
2. 在多轮对话中，已确认或用户未提出异议的内容必须保持一致。若用户变更需求，应明确记录并按新需求调整。
|
||||||
|
3. 需要参考案例或材料时，优先参考项目内类似实现；找不到或不确定时，再联网查询最新资料。
|
||||||
|
4. 对于多模块、高风险或探索性任务，应按模块推进，并在关键节点向用户确认。
|
||||||
|
5. 对于范围明确的常规任务，可以一次完成实现、校验和汇报。
|
||||||
|
6. 保持专业，坚持最佳实践。若用户需求明显不符合最佳实践，应说明风险并提供可选方案。
|
||||||
|
7. 当判断用户的方案、行动或前提存在明显问题时，以基于事实和最佳实践进行辩论为荣，以不分青红皂白附和用户为耻。
|
||||||
|
8. 保持客观、冷静、专业，避免过度奉承或无关情绪化表达。
|
||||||
|
|
||||||
|
|
||||||
|
## 系统菜单权限
|
||||||
|
1. 登录系统界面后，左侧菜单栏菜单都是动态路由菜单。菜单数据都放在 sys_menu表。菜单栏里有权限标识（不带前缀）。权限标识有相关的前缀。
|
||||||
|
"cpr:" // 角色权限码前缀+角色权限
|
||||||
|
"cpm:" // 菜单权限码前缀+菜单权限
|
||||||
|
"cpd:" // 部门权限码前缀+部门编码
|
||||||
|
"cpp:" // 岗位权限码前缀+岗位编码
|
||||||
|
"cpu:" // 用户权限码前缀+用户名
|
||||||
|
"cpc:current:user" // 当前登录用户默认权限
|
||||||
|
2. 如果登录的是超级管理员账号 admin，默认返回所有权限。
|
||||||
|
3. 如果登录的不是超级管理员账号：
|
||||||
|
1. 登录用户取得用户的所有角色；
|
||||||
|
2. 根据角色取得所有角色绑定的菜单；
|
||||||
|
3. 获取菜单中的权限标识。
|
||||||
|
|
||||||
|
|
||||||
|
## 项目概述
|
||||||
|
|
||||||
|
`iotlcm-app` 是 IOTLCM 的用户侧小程序项目，定位为：
|
||||||
|
|
||||||
|
```text
|
||||||
|
物联卡用户服务小程序 + 代理商轻量工作台
|
||||||
|
```
|
||||||
|
|
||||||
|
技术栈：
|
||||||
|
|
||||||
|
- uni-app
|
||||||
|
- Vue 3
|
||||||
|
- TypeScript
|
||||||
|
- Vite 5
|
||||||
|
- UnoCSS
|
||||||
|
- Wot UI v2
|
||||||
|
- unibest
|
||||||
|
|
||||||
|
输出端：
|
||||||
|
|
||||||
|
- H5
|
||||||
|
- 微信小程序
|
||||||
|
- APP
|
||||||
@@ -0,0 +1,201 @@
|
|||||||
|
Apache License
|
||||||
|
Version 2.0, January 2004
|
||||||
|
http://www.apache.org/licenses/
|
||||||
|
|
||||||
|
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||||
|
|
||||||
|
1. Definitions.
|
||||||
|
|
||||||
|
"License" shall mean the terms and conditions for use, reproduction,
|
||||||
|
and distribution as defined by Sections 1 through 9 of this document.
|
||||||
|
|
||||||
|
"Licensor" shall mean the copyright owner or entity authorized by
|
||||||
|
the copyright owner that is granting the License.
|
||||||
|
|
||||||
|
"Legal Entity" shall mean the union of the acting entity and all
|
||||||
|
other entities that control, are controlled by, or are under common
|
||||||
|
control with that entity. For the purposes of this definition,
|
||||||
|
"control" means (i) the power, direct or indirect, to cause the
|
||||||
|
direction or management of such entity, whether by contract or
|
||||||
|
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||||
|
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||||
|
|
||||||
|
"You" (or "Your") shall mean an individual or Legal Entity
|
||||||
|
exercising permissions granted by this License.
|
||||||
|
|
||||||
|
"Source" form shall mean the preferred form for making modifications,
|
||||||
|
including but not limited to software source code, documentation
|
||||||
|
source, and configuration files.
|
||||||
|
|
||||||
|
"Object" form shall mean any form resulting from mechanical
|
||||||
|
transformation or translation of a Source form, including but
|
||||||
|
not limited to compiled object code, generated documentation,
|
||||||
|
and conversions to other media types.
|
||||||
|
|
||||||
|
"Work" shall mean the work of authorship, whether in Source or
|
||||||
|
Object form, made available under the License, as indicated by a
|
||||||
|
copyright notice that is included in or attached to the work
|
||||||
|
(an example is provided in the Appendix below).
|
||||||
|
|
||||||
|
"Derivative Works" shall mean any work, whether in Source or Object
|
||||||
|
form, that is based on (or derived from) the Work and for which the
|
||||||
|
editorial revisions, annotations, elaborations, or other modifications
|
||||||
|
represent, as a whole, an original work of authorship. For the purposes
|
||||||
|
of this License, Derivative Works shall not include works that remain
|
||||||
|
separable from, or merely link (or bind by name) to the interfaces of,
|
||||||
|
the Work and Derivative Works thereof.
|
||||||
|
|
||||||
|
"Contribution" shall mean any work of authorship, including
|
||||||
|
the original version of the Work and any modifications or additions
|
||||||
|
to that Work or Derivative Works thereof, that is intentionally
|
||||||
|
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||||
|
or by an individual or Legal Entity authorized to submit on behalf of
|
||||||
|
the copyright owner. For the purposes of this definition, "submitted"
|
||||||
|
means any form of electronic, verbal, or written communication sent
|
||||||
|
to the Licensor or its representatives, including but not limited to
|
||||||
|
communication on electronic mailing lists, source code control systems,
|
||||||
|
and issue tracking systems that are managed by, or on behalf of, the
|
||||||
|
Licensor for the purpose of discussing and improving the Work, but
|
||||||
|
excluding communication that is conspicuously marked or otherwise
|
||||||
|
designated in writing by the copyright owner as "Not a Contribution."
|
||||||
|
|
||||||
|
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||||
|
on behalf of whom a Contribution has been received by Licensor and
|
||||||
|
subsequently incorporated within the Work.
|
||||||
|
|
||||||
|
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
copyright license to reproduce, prepare Derivative Works of,
|
||||||
|
publicly display, publicly perform, sublicense, and distribute the
|
||||||
|
Work and such Derivative Works in Source or Object form.
|
||||||
|
|
||||||
|
3. Grant of Patent License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
(except as stated in this section) patent license to make, have made,
|
||||||
|
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||||
|
where such license applies only to those patent claims licensable
|
||||||
|
by such Contributor that are necessarily infringed by their
|
||||||
|
Contribution(s) alone or by combination of their Contribution(s)
|
||||||
|
with the Work to which such Contribution(s) was submitted. If You
|
||||||
|
institute patent litigation against any entity (including a
|
||||||
|
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||||
|
or a Contribution incorporated within the Work constitutes direct
|
||||||
|
or contributory patent infringement, then any patent licenses
|
||||||
|
granted to You under this License for that Work shall terminate
|
||||||
|
as of the date such litigation is filed.
|
||||||
|
|
||||||
|
4. Redistribution. You may reproduce and distribute copies of the
|
||||||
|
Work or Derivative Works thereof in any medium, with or without
|
||||||
|
modifications, and in Source or Object form, provided that You
|
||||||
|
meet the following conditions:
|
||||||
|
|
||||||
|
(a) You must give any other recipients of the Work or
|
||||||
|
Derivative Works a copy of this License; and
|
||||||
|
|
||||||
|
(b) You must cause any modified files to carry prominent notices
|
||||||
|
stating that You changed the files; and
|
||||||
|
|
||||||
|
(c) You must retain, in the Source form of any Derivative Works
|
||||||
|
that You distribute, all copyright, patent, trademark, and
|
||||||
|
attribution notices from the Source form of the Work,
|
||||||
|
excluding those notices that do not pertain to any part of
|
||||||
|
the Derivative Works; and
|
||||||
|
|
||||||
|
(d) If the Work includes a "NOTICE" text file as part of its
|
||||||
|
distribution, then any Derivative Works that You distribute must
|
||||||
|
include a readable copy of the attribution notices contained
|
||||||
|
within such NOTICE file, excluding those notices that do not
|
||||||
|
pertain to any part of the Derivative Works, in at least one
|
||||||
|
of the following places: within a NOTICE text file distributed
|
||||||
|
as part of the Derivative Works; within the Source form or
|
||||||
|
documentation, if provided along with the Derivative Works; or,
|
||||||
|
within a display generated by the Derivative Works, if and
|
||||||
|
wherever such third-party notices normally appear. The contents
|
||||||
|
of the NOTICE file are for informational purposes only and
|
||||||
|
do not modify the License. You may add Your own attribution
|
||||||
|
notices within Derivative Works that You distribute, alongside
|
||||||
|
or as an addendum to the NOTICE text from the Work, provided
|
||||||
|
that such additional attribution notices cannot be construed
|
||||||
|
as modifying the License.
|
||||||
|
|
||||||
|
You may add Your own copyright statement to Your modifications and
|
||||||
|
may provide additional or different license terms and conditions
|
||||||
|
for use, reproduction, or distribution of Your modifications, or
|
||||||
|
for any such Derivative Works as a whole, provided Your use,
|
||||||
|
reproduction, and distribution of the Work otherwise complies with
|
||||||
|
the conditions stated in this License.
|
||||||
|
|
||||||
|
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||||
|
any Contribution intentionally submitted for inclusion in the Work
|
||||||
|
by You to the Licensor shall be under the terms and conditions of
|
||||||
|
this License, without any additional terms or conditions.
|
||||||
|
Notwithstanding the above, nothing herein shall supersede or modify
|
||||||
|
the terms of any separate license agreement you may have executed
|
||||||
|
with Licensor regarding such Contributions.
|
||||||
|
|
||||||
|
6. Trademarks. This License does not grant permission to use the trade
|
||||||
|
names, trademarks, service marks, or product names of the Licensor,
|
||||||
|
except as required for reasonable and customary use in describing the
|
||||||
|
origin of the Work and reproducing the content of the NOTICE file.
|
||||||
|
|
||||||
|
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||||
|
agreed to in writing, Licensor provides the Work (and each
|
||||||
|
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||||
|
implied, including, without limitation, any warranties or conditions
|
||||||
|
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||||
|
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||||
|
appropriateness of using or redistributing the Work and assume any
|
||||||
|
risks associated with Your exercise of permissions under this License.
|
||||||
|
|
||||||
|
8. Limitation of Liability. In no event and under no legal theory,
|
||||||
|
whether in tort (including negligence), contract, or otherwise,
|
||||||
|
unless required by applicable law (such as deliberate and grossly
|
||||||
|
negligent acts) or agreed to in writing, shall any Contributor be
|
||||||
|
liable to You for damages, including any direct, indirect, special,
|
||||||
|
incidental, or consequential damages of any character arising as a
|
||||||
|
result of this License or out of the use or inability to use the
|
||||||
|
Work (including but not limited to damages for loss of goodwill,
|
||||||
|
work stoppage, computer failure or malfunction, or any and all
|
||||||
|
other commercial damages or losses), even if such Contributor
|
||||||
|
has been advised of the possibility of such damages.
|
||||||
|
|
||||||
|
9. Accepting Warranty or Additional Liability. While redistributing
|
||||||
|
the Work or Derivative Works thereof, You may choose to offer,
|
||||||
|
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||||
|
or other liability obligations and/or rights consistent with this
|
||||||
|
License. However, in accepting such obligations, You may act only
|
||||||
|
on Your own behalf and on Your sole responsibility, not on behalf
|
||||||
|
of any other Contributor, and only if You agree to indemnify,
|
||||||
|
defend, and hold each Contributor harmless for any liability
|
||||||
|
incurred by, or claims asserted against, such Contributor by reason
|
||||||
|
of your accepting any such warranty or additional liability.
|
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
APPENDIX: How to apply the Apache License to your work.
|
||||||
|
|
||||||
|
To apply the Apache License to your work, attach the following
|
||||||
|
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||||
|
replaced with your own identifying information. (Don't include
|
||||||
|
the brackets!) The text should be enclosed in the appropriate
|
||||||
|
comment syntax for the file format. We also recommend that a
|
||||||
|
file or class name and description of purpose be included on the
|
||||||
|
same "printed page" as the copyright notice for easier
|
||||||
|
identification within third-party archives.
|
||||||
|
|
||||||
|
Copyright [yyyy] [name of copyright owner]
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
@@ -0,0 +1,107 @@
|
|||||||
|
# iotlcm-app
|
||||||
|
|
||||||
|
iotLCM 物联网卡全生命周期管理平台的**小程序端 + 用户端服务**。
|
||||||
|
|
||||||
|
- `app/` —— uni-app 小程序前端（基于 [unibest](https://github.com/unibest-tech/unibest)，MIT）
|
||||||
|
- `server/` —— 用户端 GoFrame 服务（基于 XiuAdmin 框架，Apache-2.0）
|
||||||
|
|
||||||
|
配套管理后台：[iotlcm-admin-svr](https://git.5iot.com/iotlcm-public/iotlcm-admin-svr) / [iotlcm-admin-ui](https://git.5iot.com/iotlcm-public/iotlcm-admin-ui)
|
||||||
|
|
||||||
|
## 特性
|
||||||
|
|
||||||
|
**小程序端**（`app/`）
|
||||||
|
|
||||||
|
- 公开查卡：输入卡号即可查状态、流量、到期时间
|
||||||
|
- 卡片详情与用量曲线（日/月分库）
|
||||||
|
- 一键诊断：拍卡号或手输，问题排查直达
|
||||||
|
- 账号体系：组织下个人账号、角色权限
|
||||||
|
|
||||||
|
**用户端服务**（`server/`）
|
||||||
|
|
||||||
|
- 小程序端的业务后端：卡映射、诊断、订单、余额、消息、工单
|
||||||
|
- 独立于管理后台的用户域数据与权限
|
||||||
|
- 对接上游通道完成真实查卡与诊断
|
||||||
|
|
||||||
|
## 技术栈
|
||||||
|
|
||||||
|
- 前端：uni-app + Vue 3 + TypeScript + Vite 5 + UnoCSS + wot-ui + z-paging
|
||||||
|
- 后端：Go 1.25 + GoFrame v2 + MySQL + Redis
|
||||||
|
|
||||||
|
## 快速开始
|
||||||
|
|
||||||
|
### 后端
|
||||||
|
|
||||||
|
```bash
|
||||||
|
cd server
|
||||||
|
go mod tidy
|
||||||
|
go run .
|
||||||
|
```
|
||||||
|
|
||||||
|
默认监听 `:8199`。
|
||||||
|
|
||||||
|
### 小程序前端
|
||||||
|
|
||||||
|
```bash
|
||||||
|
cd app
|
||||||
|
pnpm install
|
||||||
|
pnpm dev:mp-weixin # 微信小程序，产物用微信开发者工具打开 dist/dev/mp-weixin
|
||||||
|
```
|
||||||
|
|
||||||
|
## 配置
|
||||||
|
|
||||||
|
| 位置 | 说明 |
|
||||||
|
| --- | --- |
|
||||||
|
| `server/config/config.yaml` | 后端配置（**公开版凭据为占位符**） |
|
||||||
|
| `app/env/.env*` | 前端环境变量（**公开版 AppID 为占位符**） |
|
||||||
|
|
||||||
|
后端配置占位：
|
||||||
|
|
||||||
|
| 配置项 | 占位 |
|
||||||
|
| --- | --- |
|
||||||
|
| `database.default.link` | `mysql:${DB_USER}:${DB_PASSWORD}@tcp(${DB_HOST}:3306)` |
|
||||||
|
| `redis.default.address` / `pass` | `${REDIS_ADDR}` / `${REDIS_PASSWORD}` |
|
||||||
|
| `jwt.signingKey` | `${JWT_SIGNING_KEY}` |
|
||||||
|
|
||||||
|
前端配置占位：
|
||||||
|
|
||||||
|
| 变量 | 占位 |
|
||||||
|
| --- | --- |
|
||||||
|
| `VITE_WX_APPID` | `YOUR_WX_APPID` |
|
||||||
|
| `VITE_UNI_APPID` | `__UNI__YOURAPPID` |
|
||||||
|
| `VITE_MP_SERVER_BASEURL` | `https://admin.iotlcm.example.com/app/api/v1` |
|
||||||
|
|
||||||
|
## 目录结构
|
||||||
|
|
||||||
|
```text
|
||||||
|
iotlcm-app/
|
||||||
|
├── app/ # uni-app 小程序前端
|
||||||
|
│ ├── src/pages/ # 页面（首页、查卡、诊断、登录等）
|
||||||
|
│ ├── src/constant/ # 常量与路由定义
|
||||||
|
│ ├── env/ # 环境变量
|
||||||
|
│ └── src/static/logo.svg # 应用图标
|
||||||
|
└── server/ # GoFrame 用户端服务
|
||||||
|
├── api/ # API 契约（app / common / gen）
|
||||||
|
├── internal/
|
||||||
|
│ ├── logic/app/ # 用户端业务逻辑
|
||||||
|
│ ├── model/ consts/ # 模型与常量
|
||||||
|
│ └── utility/ # 工具（含启动 banner）
|
||||||
|
├── config/ # 配置
|
||||||
|
└── storage/data/ # 框架基座初始化数据
|
||||||
|
```
|
||||||
|
|
||||||
|
## 初始化数据
|
||||||
|
|
||||||
|
`server/storage/data/xiu_admin.sql` 是框架基座初始化数据（系统菜单、字典、角色、示例账号），是运行起点的必要输入。
|
||||||
|
|
||||||
|
> **数据库 schema 不随本仓发布** —— 生产库的完整 DDL 已过时，请按需自建表结构。
|
||||||
|
|
||||||
|
## 上游与许可
|
||||||
|
|
||||||
|
| 部分 | 上游 | 许可 |
|
||||||
|
| --- | --- | --- |
|
||||||
|
| `app/` | [unibest](https://github.com/unibest-tech/unibest) | MIT（见 [`app/LICENSE`](./app/LICENSE)） |
|
||||||
|
| `server/` | XiuAdmin（GoFrame 中后台框架基座） | Apache-2.0（见 [`server/LICENSE`](./server/LICENSE)） |
|
||||||
|
|
||||||
|
## License
|
||||||
|
|
||||||
|
根目录 [LICENSE](./LICENSE) 为 Apache-2.0。
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
module.exports = {
|
||||||
|
extends: ['@commitlint/config-conventional'],
|
||||||
|
}
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
.git
|
||||||
|
.idea
|
||||||
|
.hbuilderx
|
||||||
|
node_modules/
|
||||||
|
dist/
|
||||||
|
unpackage/
|
||||||
|
.vite/
|
||||||
|
.stylelintcache
|
||||||
|
.eslintcache
|
||||||
|
*.log
|
||||||
|
*.local
|
||||||
@@ -0,0 +1,13 @@
|
|||||||
|
root = true
|
||||||
|
|
||||||
|
[*] # 表示所有文件适用
|
||||||
|
charset = utf-8 # 设置文件字符集为 utf-8
|
||||||
|
indent_style = space # 缩进风格（tab | space）
|
||||||
|
indent_size = 2 # 缩进大小
|
||||||
|
end_of_line = lf # 控制换行类型(lf | cr | crlf)
|
||||||
|
trim_trailing_whitespace = true # 去除行首的任意空白字符
|
||||||
|
insert_final_newline = true # 始终在文件末尾插入一个新行
|
||||||
|
|
||||||
|
[*.md] # 表示仅 md 文件适用以下规则
|
||||||
|
max_line_length = off # 关闭最大行长度限制
|
||||||
|
trim_trailing_whitespace = false # 关闭末尾空格修剪
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
node_modules
|
||||||
|
private.*.key
|
||||||
|
private.key
|
||||||
|
|
||||||
|
# Local Claude API credentials
|
||||||
|
scripts/claude-instances.local.ps1
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
# registry = https://registry.npmjs.org
|
||||||
|
registry = https://registry.npmmirror.com
|
||||||
|
|
||||||
|
strict-peer-dependencies=false
|
||||||
|
auto-install-peers=true
|
||||||
|
shamefully-hoist=true
|
||||||
|
ignore-workspace-root-check=true
|
||||||
|
install-workspace-root=true
|
||||||
|
node-options=--max-old-space-size=8192
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
dist
|
||||||
|
node_modules
|
||||||
|
src/pages.json
|
||||||
|
src/manifest.json
|
||||||
|
src/service
|
||||||
|
auto-import.d.ts
|
||||||
|
uni-pages.d.ts
|
||||||
|
src/uni_modules
|
||||||
|
scripts
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
{
|
||||||
|
"semi": false,
|
||||||
|
"singleQuote": true,
|
||||||
|
"trailingComma": "all",
|
||||||
|
"printWidth": 100
|
||||||
|
}
|
||||||
+129
@@ -0,0 +1,129 @@
|
|||||||
|
# Build context: app/
|
||||||
|
# Example:
|
||||||
|
# docker build -f Dockerfile -t iotlcm-app-web:latest .
|
||||||
|
|
||||||
|
FROM crpi-svwhn8x8nvask31h.cn-beijing.personal.cr.aliyuncs.com/xjzlpublic/node:24-alpine AS builder
|
||||||
|
|
||||||
|
WORKDIR /build/app
|
||||||
|
|
||||||
|
COPY package.json pnpm-lock.yaml .npmrc ./
|
||||||
|
|
||||||
|
RUN npm config set registry https://registry.npmmirror.com/ && \
|
||||||
|
npm install -g pnpm@10.10.0 --registry=https://registry.npmmirror.com/ && \
|
||||||
|
pnpm config set registry https://registry.npmmirror.com/ && \
|
||||||
|
pnpm install --frozen-lockfile --ignore-scripts
|
||||||
|
|
||||||
|
COPY index.html vite.config.ts manifest.config.ts pages.config.ts tsconfig.json ./
|
||||||
|
COPY uno.config.ts wot-ui-resolver.ts openapi-ts-request.config.ts ./
|
||||||
|
COPY folder-alias.json favicon.ico ./
|
||||||
|
COPY env ./env
|
||||||
|
COPY public ./public
|
||||||
|
COPY scripts ./scripts
|
||||||
|
COPY src ./src
|
||||||
|
COPY vite-plugins ./vite-plugins
|
||||||
|
|
||||||
|
ARG VITE_SERVER_BASEURL=/app/api/v1
|
||||||
|
ARG VITE_MP_SERVER_BASEURL=http://yznw2.xiujie.cn:8010/api/v1
|
||||||
|
ARG VITE_APP_PUBLIC_BASE=/app/
|
||||||
|
|
||||||
|
RUN printf '%s\n' \
|
||||||
|
"VITE_SERVER_BASEURL='${VITE_SERVER_BASEURL}'" \
|
||||||
|
"VITE_MP_SERVER_BASEURL='${VITE_MP_SERVER_BASEURL}'" \
|
||||||
|
"VITE_APP_PUBLIC_BASE='${VITE_APP_PUBLIC_BASE}'" \
|
||||||
|
> env/.env.production.local
|
||||||
|
|
||||||
|
RUN pnpm init-baseFiles
|
||||||
|
RUN CI=true pnpm build:h5:prod
|
||||||
|
|
||||||
|
FROM crpi-svwhn8x8nvask31h.cn-beijing.personal.cr.aliyuncs.com/xjzlpublic/nginx:1.30.0-alpine AS runtime
|
||||||
|
|
||||||
|
COPY --from=builder /build/app/dist/build/h5 /usr/share/nginx/html
|
||||||
|
|
||||||
|
RUN printf '%s\n' \
|
||||||
|
'server {' \
|
||||||
|
' listen 80;' \
|
||||||
|
' server_name _;' \
|
||||||
|
' root /usr/share/nginx/html;' \
|
||||||
|
' index index.html;' \
|
||||||
|
' resolver 127.0.0.11 ipv6=off valid=30s;' \
|
||||||
|
' set $app_backend http://iotlcm-app-server:8010;' \
|
||||||
|
'' \
|
||||||
|
' client_max_body_size 200m;' \
|
||||||
|
'' \
|
||||||
|
' location = /app {' \
|
||||||
|
' return 301 /app/;' \
|
||||||
|
' }' \
|
||||||
|
'' \
|
||||||
|
' location ^~ /app/api/ {' \
|
||||||
|
' rewrite ^/app/(.*)$ /$1 break;' \
|
||||||
|
' proxy_http_version 1.1;' \
|
||||||
|
' proxy_set_header Host $host;' \
|
||||||
|
' proxy_set_header X-Real-IP $remote_addr;' \
|
||||||
|
' proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;' \
|
||||||
|
' proxy_set_header X-Forwarded-Proto $scheme;' \
|
||||||
|
' proxy_pass $app_backend;' \
|
||||||
|
' }' \
|
||||||
|
'' \
|
||||||
|
' location ^~ /app/upload/ {' \
|
||||||
|
' rewrite ^/app/(.*)$ /$1 break;' \
|
||||||
|
' proxy_http_version 1.1;' \
|
||||||
|
' proxy_set_header Host $host;' \
|
||||||
|
' proxy_set_header X-Real-IP $remote_addr;' \
|
||||||
|
' proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;' \
|
||||||
|
' proxy_set_header X-Forwarded-Proto $scheme;' \
|
||||||
|
' proxy_pass $app_backend;' \
|
||||||
|
' }' \
|
||||||
|
'' \
|
||||||
|
' location ^~ /app/assets/ {' \
|
||||||
|
' rewrite ^/app/(.*)$ /$1 break;' \
|
||||||
|
' expires 30d;' \
|
||||||
|
' add_header Cache-Control "public, immutable";' \
|
||||||
|
' try_files $uri =404;' \
|
||||||
|
' }' \
|
||||||
|
'' \
|
||||||
|
' location ^~ /app/ {' \
|
||||||
|
' rewrite ^/app/(.*)$ /$1 break;' \
|
||||||
|
' try_files $uri $uri/ /index.html;' \
|
||||||
|
' }' \
|
||||||
|
'' \
|
||||||
|
' gzip on;' \
|
||||||
|
' gzip_types text/plain text/css application/json application/javascript application/xml image/svg+xml;' \
|
||||||
|
'' \
|
||||||
|
' location / {' \
|
||||||
|
' try_files $uri $uri/ /index.html;' \
|
||||||
|
' }' \
|
||||||
|
'' \
|
||||||
|
' location = /favicon.ico {' \
|
||||||
|
' alias /usr/share/nginx/html/static/images/shandong-yunze-logo.png;' \
|
||||||
|
' add_header Cache-Control "no-cache";' \
|
||||||
|
' }' \
|
||||||
|
'' \
|
||||||
|
' location /api/ {' \
|
||||||
|
' proxy_http_version 1.1;' \
|
||||||
|
' proxy_set_header Host $host;' \
|
||||||
|
' proxy_set_header X-Real-IP $remote_addr;' \
|
||||||
|
' proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;' \
|
||||||
|
' proxy_set_header X-Forwarded-Proto $scheme;' \
|
||||||
|
' proxy_pass $app_backend;' \
|
||||||
|
' }' \
|
||||||
|
'' \
|
||||||
|
' location /upload/ {' \
|
||||||
|
' proxy_http_version 1.1;' \
|
||||||
|
' proxy_set_header Host $host;' \
|
||||||
|
' proxy_set_header X-Real-IP $remote_addr;' \
|
||||||
|
' proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;' \
|
||||||
|
' proxy_set_header X-Forwarded-Proto $scheme;' \
|
||||||
|
' proxy_pass $app_backend;' \
|
||||||
|
' }' \
|
||||||
|
'' \
|
||||||
|
' location /assets/ {' \
|
||||||
|
' expires 30d;' \
|
||||||
|
' add_header Cache-Control "public, immutable";' \
|
||||||
|
' try_files $uri =404;' \
|
||||||
|
' }' \
|
||||||
|
'}' \
|
||||||
|
> /etc/nginx/conf.d/default.conf
|
||||||
|
|
||||||
|
EXPOSE 80
|
||||||
|
|
||||||
|
CMD ["nginx", "-g", "daemon off;"]
|
||||||
+21
@@ -0,0 +1,21 @@
|
|||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2025 菲鸽
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
||||||
@@ -0,0 +1,66 @@
|
|||||||
|
<p align="center">
|
||||||
|
<img width="120" src="./src/static/logo.svg">
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h1 align="center">iotlcm-app-ui</h1>
|
||||||
|
|
||||||
|
<div align="center">
|
||||||
|
|
||||||
|
iotLCM 物联网卡全生命周期管理平台的**小程序端**。
|
||||||
|
|
||||||
|
基于 [unibest](https://github.com/unibest-tech/unibest)（MIT License）二次开发。
|
||||||
|
|
||||||
|
[](https://nodejs.org)
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
## 技术栈
|
||||||
|
|
||||||
|
`uniapp` + `Vue3` + `TypeScript` + `Vite5` + `UnoCSS` + `wot-ui` + `z-paging`
|
||||||
|
|
||||||
|
## 本地开发
|
||||||
|
|
||||||
|
```bash
|
||||||
|
pnpm install
|
||||||
|
pnpm dev:mp-weixin # 微信小程序
|
||||||
|
pnpm dev:h5 # H5
|
||||||
|
```
|
||||||
|
|
||||||
|
## 构建
|
||||||
|
|
||||||
|
```bash
|
||||||
|
pnpm build:mp-weixin # 微信小程序（产物在 dist/build/mp-weixin）
|
||||||
|
pnpm build:h5
|
||||||
|
```
|
||||||
|
|
||||||
|
## 配置
|
||||||
|
|
||||||
|
环境变量文件在 `env/`：
|
||||||
|
|
||||||
|
| 文件 | 用途 |
|
||||||
|
| --- | --- |
|
||||||
|
| `.env` | 通用配置（应用标题、端口、uni-app AppID、微信 AppID、公开路径） |
|
||||||
|
| `.env.development` | 开发环境（后端地址） |
|
||||||
|
| `.env.production` | 生产环境 |
|
||||||
|
| `.env.test` | 测试环境 |
|
||||||
|
|
||||||
|
**公开版里的标识是占位符**：
|
||||||
|
|
||||||
|
| 变量 | 占位 | 说明 |
|
||||||
|
| --- | --- | --- |
|
||||||
|
| `VITE_WX_APPID` | `YOUR_WX_APPID` | 微信小程序 AppID |
|
||||||
|
| `VITE_UNI_APPID` | `__UNI__YOURAPPID` | uni-app 应用标识 |
|
||||||
|
| `VITE_SERVER_BASEURL` | `http://localhost:8010/api/v1` | 后端地址 |
|
||||||
|
| `VITE_MP_SERVER_BASEURL` | `https://admin.iotlcm.example.com/app/api/v1` | 生产后端地址 |
|
||||||
|
|
||||||
|
## 上游与许可
|
||||||
|
|
||||||
|
本项目基于 **[unibest](https://github.com/unibest-tech/unibest)**（MIT License）二次开发。
|
||||||
|
|
||||||
|
- 上游版权声明保留在 [`LICENSE`](./LICENSE)
|
||||||
|
- iotLCM 相关的业务页面、路由、配置为本项目新增
|
||||||
|
- 上游仓库：[unibest-tech/unibest](https://github.com/unibest-tech/unibest)
|
||||||
|
|
||||||
|
## License
|
||||||
|
|
||||||
|
[MIT](./LICENSE)
|
||||||
Vendored
+31
@@ -0,0 +1,31 @@
|
|||||||
|
VITE_APP_TITLE = '山东平台物联卡'
|
||||||
|
VITE_APP_PORT = 9000
|
||||||
|
|
||||||
|
VITE_UNI_APPID = '__UNI__YOURAPPID'
|
||||||
|
VITE_WX_APPID = 'YOUR_WX_APPID'
|
||||||
|
|
||||||
|
# 微信开发者工具 CLI 路径，仅当默认安装路径不正确时配置（就是当 pnpm dev:mp 无法自动打开微信开发者工具时，才需要配置，通常是你更改了默认的安装位置导致的，一般出现在windows系统）
|
||||||
|
# macOS 示例：
|
||||||
|
# WECHAT_DEVTOOLS_CLI_PATH = '/Applications/wechatwebdevtools.app/Contents/MacOS/cli'
|
||||||
|
# Windows 示例：
|
||||||
|
# WECHAT_DEVTOOLS_CLI_PATH = 'C:\Program Files (x86)\Tencent\微信web开发者工具\cli.bat'
|
||||||
|
|
||||||
|
# h5部署网站的base，配置到 manifest.config.ts 里的 h5.router.base
|
||||||
|
# https://uniapp.dcloud.net.cn/collocation/manifest.html#h5-router
|
||||||
|
# 比如你要部署到 https://unibest.tech/doc/ ，则配置为 /doc/
|
||||||
|
VITE_APP_PUBLIC_BASE=/
|
||||||
|
|
||||||
|
# 默认后台请求地址
|
||||||
|
# 不同命令会按 mode 叠加读取 .env.development / .env.test / .env.production。
|
||||||
|
VITE_SERVER_BASEURL = 'http://localhost:8010/api/v1'
|
||||||
|
# 备注：如果后台带统一前缀，则也要加到后面，eg: https://ukw0y1.laf.run/api
|
||||||
|
|
||||||
|
# 微信小程序专用后台请求地址，构建后会直接请求这个地址。
|
||||||
|
# 不配置时会回退使用 VITE_SERVER_BASEURL。
|
||||||
|
VITE_MP_SERVER_BASEURL = 'https://admin.iotlcm.example.com/app/api/v1'
|
||||||
|
|
||||||
|
# 认证模式，'single' | 'double' ==> 单token | 双token
|
||||||
|
VITE_AUTH_MODE = 'single'
|
||||||
|
|
||||||
|
# 原生插件资源复制开关，启用后 App 构建会把根目录 nativeplugins 复制到 dist
|
||||||
|
VITE_COPY_NATIVE_RES_ENABLE = true
|
||||||
Vendored
+10
@@ -0,0 +1,10 @@
|
|||||||
|
# 变量必须以 VITE_ 为前缀才能暴露给外部读取
|
||||||
|
NODE_ENV = 'development'
|
||||||
|
# 是否去除console 和 debugger
|
||||||
|
VITE_DELETE_CONSOLE = false
|
||||||
|
# 是否开启sourcemap
|
||||||
|
VITE_SHOW_SOURCEMAP = false
|
||||||
|
|
||||||
|
# development mode 后台请求地址
|
||||||
|
VITE_SERVER_BASEURL = 'http://localhost:8010/api/v1'
|
||||||
|
VITE_MP_SERVER_BASEURL = 'https://admin.iotlcm.example.com/app/api/v1'
|
||||||
Vendored
+11
@@ -0,0 +1,11 @@
|
|||||||
|
# 变量必须以 VITE_ 为前缀才能暴露给外部读取
|
||||||
|
NODE_ENV = 'production'
|
||||||
|
# 是否去除console 和 debugger
|
||||||
|
VITE_DELETE_CONSOLE = true
|
||||||
|
# 是否开启sourcemap
|
||||||
|
VITE_SHOW_SOURCEMAP = false
|
||||||
|
|
||||||
|
# production mode 后台请求地址
|
||||||
|
VITE_APP_PUBLIC_BASE = '/app/'
|
||||||
|
VITE_SERVER_BASEURL = '/app/api/v1'
|
||||||
|
VITE_MP_SERVER_BASEURL = 'https://admin.iotlcm.example.com/app/api/v1'
|
||||||
Vendored
+10
@@ -0,0 +1,10 @@
|
|||||||
|
# 变量必须以 VITE_ 为前缀才能暴露给外部读取
|
||||||
|
NODE_ENV = 'development'
|
||||||
|
# 是否去除console 和 debugger
|
||||||
|
VITE_DELETE_CONSOLE = false
|
||||||
|
# 是否开启sourcemap
|
||||||
|
VITE_SHOW_SOURCEMAP = false
|
||||||
|
|
||||||
|
# test mode 后台请求地址
|
||||||
|
VITE_SERVER_BASEURL = 'http://localhost:8010/api/v1'
|
||||||
|
VITE_MP_SERVER_BASEURL = 'https://admin.iotlcm.example.com/app/api/v1'
|
||||||
@@ -0,0 +1,60 @@
|
|||||||
|
import uniHelper from '@uni-helper/eslint-config'
|
||||||
|
|
||||||
|
export default uniHelper({
|
||||||
|
unocss: true,
|
||||||
|
vue: true,
|
||||||
|
markdown: false,
|
||||||
|
ignores: [
|
||||||
|
// 忽略uni_modules目录
|
||||||
|
'**/uni_modules/',
|
||||||
|
// 忽略原生插件目录
|
||||||
|
'**/nativeplugins/',
|
||||||
|
'dist',
|
||||||
|
// unplugin-auto-import 生成的类型文件，每次提交都改变，所以加入这里吧，与 .gitignore 配合使用
|
||||||
|
'auto-import.d.ts',
|
||||||
|
// vite-plugin-uni-pages 生成的类型文件，每次切换分支都一堆不同的，所以直接 .gitignore
|
||||||
|
'uni-pages.d.ts',
|
||||||
|
// 插件生成的文件
|
||||||
|
'src/pages.json',
|
||||||
|
'src/manifest.json',
|
||||||
|
// 忽略自动生成文件
|
||||||
|
'src/service/**',
|
||||||
|
],
|
||||||
|
// https://eslint-config.antfu.me/rules
|
||||||
|
rules: {
|
||||||
|
'no-useless-return': 'off',
|
||||||
|
'no-console': 'off',
|
||||||
|
'no-unused-vars': 'off',
|
||||||
|
'vue/no-unused-refs': 'off',
|
||||||
|
'unused-imports/no-unused-vars': 'off',
|
||||||
|
'eslint-comments/no-unlimited-disable': 'off',
|
||||||
|
'jsdoc/check-param-names': 'off',
|
||||||
|
'jsdoc/require-returns-description': 'off',
|
||||||
|
'ts/no-empty-object-type': 'off',
|
||||||
|
'no-extend-native': 'off',
|
||||||
|
// uni 条件编译注释可能包裹 import，自动排序会破坏平台条件边界
|
||||||
|
'perfectionist/sort-imports': 'off',
|
||||||
|
'vue/singleline-html-element-content-newline': [
|
||||||
|
'error',
|
||||||
|
{
|
||||||
|
externalIgnores: ['text'],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
// vue SFC 调换顺序改这里
|
||||||
|
'vue/block-order': ['error', {
|
||||||
|
order: [['script', 'template'], 'style'],
|
||||||
|
}],
|
||||||
|
},
|
||||||
|
formatters: {
|
||||||
|
/**
|
||||||
|
* Format CSS, LESS, SCSS files, also the `<style>` blocks in Vue
|
||||||
|
* By default uses Prettier
|
||||||
|
*/
|
||||||
|
css: true,
|
||||||
|
/**
|
||||||
|
* Format HTML files
|
||||||
|
* By default uses Prettier
|
||||||
|
*/
|
||||||
|
html: true,
|
||||||
|
},
|
||||||
|
})
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
@@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"src/pages/home/components/CardOverview.vue": {
|
||||||
|
"description": "卡片概览"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,28 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html build-time="%BUILD_TIME%">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="icon" href="/static/images/shandong-yunze-logo.png?v=20260721-2" type="image/png" />
|
||||||
|
<link rel="shortcut icon" href="/static/images/shandong-yunze-logo.png?v=20260721-2" type="image/png" />
|
||||||
|
<link rel="apple-touch-icon" href="/static/images/shandong-yunze-logo.png?v=20260721-2" />
|
||||||
|
<script>
|
||||||
|
var coverSupport =
|
||||||
|
'CSS' in window &&
|
||||||
|
typeof CSS.supports === 'function' &&
|
||||||
|
(CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
|
||||||
|
document.write(
|
||||||
|
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
|
||||||
|
(coverSupport ? ', viewport-fit=cover' : '') +
|
||||||
|
'" />',
|
||||||
|
)
|
||||||
|
</script>
|
||||||
|
<title>%VITE_APP_TITLE%</title>
|
||||||
|
<!--preload-links-->
|
||||||
|
<!--app-context-->
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="app"><!--app-html--></div>
|
||||||
|
<script type="module" src="/src/main.ts"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,165 @@
|
|||||||
|
import path from 'node:path'
|
||||||
|
import process from 'node:process'
|
||||||
|
// manifest.config.ts
|
||||||
|
import { defineManifestConfig } from '@uni-helper/vite-plugin-uni-manifest'
|
||||||
|
import { loadEnv } from 'vite'
|
||||||
|
|
||||||
|
// 手动解析命令行参数获取 mode
|
||||||
|
function getMode() {
|
||||||
|
const args = process.argv.slice(2)
|
||||||
|
const modeFlagIndex = args.findIndex(arg => arg === '--mode')
|
||||||
|
return modeFlagIndex !== -1 ? args[modeFlagIndex + 1] : args[0] === 'build' ? 'production' : 'development' // 默认 development
|
||||||
|
}
|
||||||
|
// 获取环境变量的范例
|
||||||
|
const env = loadEnv(getMode(), path.resolve(process.cwd(), 'env'))
|
||||||
|
const {
|
||||||
|
VITE_APP_TITLE,
|
||||||
|
VITE_UNI_APPID,
|
||||||
|
VITE_WX_APPID,
|
||||||
|
VITE_APP_PUBLIC_BASE,
|
||||||
|
VITE_FALLBACK_LOCALE,
|
||||||
|
} = env
|
||||||
|
// console.log('manifest.config.ts env:', env)
|
||||||
|
|
||||||
|
export default defineManifestConfig({
|
||||||
|
'name': VITE_APP_TITLE,
|
||||||
|
'appid': VITE_UNI_APPID,
|
||||||
|
'description': '',
|
||||||
|
'versionName': '1.0.0',
|
||||||
|
'versionCode': '100',
|
||||||
|
'transformPx': false,
|
||||||
|
'locale': VITE_FALLBACK_LOCALE, // 'zh-Hans'
|
||||||
|
'h5': {
|
||||||
|
router: {
|
||||||
|
base: VITE_APP_PUBLIC_BASE,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
/* 5+App特有相关 */
|
||||||
|
'app-plus': {
|
||||||
|
usingComponents: true,
|
||||||
|
nvueStyleCompiler: 'uni-app',
|
||||||
|
compilerVersion: 3,
|
||||||
|
compatible: {
|
||||||
|
ignoreVersion: true,
|
||||||
|
},
|
||||||
|
splashscreen: {
|
||||||
|
alwaysShowBeforeRender: true,
|
||||||
|
waiting: true,
|
||||||
|
autoclose: true,
|
||||||
|
delay: 0,
|
||||||
|
},
|
||||||
|
/* 模块配置 */
|
||||||
|
modules: {},
|
||||||
|
/* 应用发布信息 */
|
||||||
|
distribute: {
|
||||||
|
/* android打包配置 */
|
||||||
|
android: {
|
||||||
|
minSdkVersion: 21,
|
||||||
|
targetSdkVersion: 30,
|
||||||
|
abiFilters: ['armeabi-v7a', 'arm64-v8a'],
|
||||||
|
permissions: [
|
||||||
|
'<uses-permission android:name="android.permission.CHANGE_NETWORK_STATE"/>',
|
||||||
|
'<uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"/>',
|
||||||
|
'<uses-permission android:name="android.permission.VIBRATE"/>',
|
||||||
|
'<uses-permission android:name="android.permission.READ_LOGS"/>',
|
||||||
|
'<uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>',
|
||||||
|
'<uses-feature android:name="android.hardware.camera.autofocus"/>',
|
||||||
|
'<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>',
|
||||||
|
'<uses-permission android:name="android.permission.CAMERA"/>',
|
||||||
|
'<uses-permission android:name="android.permission.GET_ACCOUNTS"/>',
|
||||||
|
'<uses-permission android:name="android.permission.READ_PHONE_STATE"/>',
|
||||||
|
'<uses-permission android:name="android.permission.CHANGE_WIFI_STATE"/>',
|
||||||
|
'<uses-permission android:name="android.permission.WAKE_LOCK"/>',
|
||||||
|
'<uses-permission android:name="android.permission.FLASHLIGHT"/>',
|
||||||
|
'<uses-feature android:name="android.hardware.camera"/>',
|
||||||
|
'<uses-permission android:name="android.permission.WRITE_SETTINGS"/>',
|
||||||
|
],
|
||||||
|
},
|
||||||
|
/* ios打包配置 */
|
||||||
|
ios: {},
|
||||||
|
/* SDK配置 */
|
||||||
|
sdkConfigs: {},
|
||||||
|
/* 图标配置 */
|
||||||
|
icons: {
|
||||||
|
android: {
|
||||||
|
hdpi: 'static/app/icons/72x72.png',
|
||||||
|
xhdpi: 'static/app/icons/96x96.png',
|
||||||
|
xxhdpi: 'static/app/icons/144x144.png',
|
||||||
|
xxxhdpi: 'static/app/icons/192x192.png',
|
||||||
|
},
|
||||||
|
ios: {
|
||||||
|
appstore: 'static/app/icons/1024x1024.png',
|
||||||
|
ipad: {
|
||||||
|
'app': 'static/app/icons/76x76.png',
|
||||||
|
'app@2x': 'static/app/icons/152x152.png',
|
||||||
|
'notification': 'static/app/icons/20x20.png',
|
||||||
|
'notification@2x': 'static/app/icons/40x40.png',
|
||||||
|
'proapp@2x': 'static/app/icons/167x167.png',
|
||||||
|
'settings': 'static/app/icons/29x29.png',
|
||||||
|
'settings@2x': 'static/app/icons/58x58.png',
|
||||||
|
'spotlight': 'static/app/icons/40x40.png',
|
||||||
|
'spotlight@2x': 'static/app/icons/80x80.png',
|
||||||
|
},
|
||||||
|
iphone: {
|
||||||
|
'app@2x': 'static/app/icons/120x120.png',
|
||||||
|
'app@3x': 'static/app/icons/180x180.png',
|
||||||
|
'notification@2x': 'static/app/icons/40x40.png',
|
||||||
|
'notification@3x': 'static/app/icons/60x60.png',
|
||||||
|
'settings@2x': 'static/app/icons/58x58.png',
|
||||||
|
'settings@3x': 'static/app/icons/87x87.png',
|
||||||
|
'spotlight@2x': 'static/app/icons/80x80.png',
|
||||||
|
'spotlight@3x': 'static/app/icons/120x120.png',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
/* 快应用特有相关 */
|
||||||
|
'quickapp': {},
|
||||||
|
/* 小程序特有相关 */
|
||||||
|
'mp-weixin': {
|
||||||
|
appid: VITE_WX_APPID,
|
||||||
|
setting: {
|
||||||
|
urlCheck: false,
|
||||||
|
// 是否启用 ES6 转 ES5
|
||||||
|
es6: true,
|
||||||
|
minified: true,
|
||||||
|
},
|
||||||
|
optimization: {
|
||||||
|
subPackages: true,
|
||||||
|
},
|
||||||
|
// 是否合并组件虚拟节点外层属性，uni-app 3.5.1+ 开始支持。目前仅支持 style、class 属性。
|
||||||
|
// 默认不开启（undefined），这里设置为开启。
|
||||||
|
mergeVirtualHostAttributes: true,
|
||||||
|
styleIsolation: 'shared',
|
||||||
|
usingComponents: true,
|
||||||
|
lazyCodeLoading: 'requiredComponents',
|
||||||
|
// __usePrivacyCheck__: true,
|
||||||
|
},
|
||||||
|
'mp-alipay': {
|
||||||
|
usingComponents: true,
|
||||||
|
styleIsolation: 'shared',
|
||||||
|
optimization: {
|
||||||
|
subPackages: true,
|
||||||
|
},
|
||||||
|
// 解决支付宝小程序开发工具报错 【globalThis is not defined】
|
||||||
|
compileOptions: {
|
||||||
|
globalObjectMode: 'enable',
|
||||||
|
transpile: {
|
||||||
|
script: {
|
||||||
|
ignore: ['node_modules/**'],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
'mp-baidu': {
|
||||||
|
usingComponents: true,
|
||||||
|
},
|
||||||
|
'mp-toutiao': {
|
||||||
|
usingComponents: true,
|
||||||
|
},
|
||||||
|
'uniStatistics': {
|
||||||
|
enable: false,
|
||||||
|
},
|
||||||
|
'vueVersion': '3',
|
||||||
|
})
|
||||||
@@ -0,0 +1,14 @@
|
|||||||
|
import { defineConfig } from 'openapi-ts-request'
|
||||||
|
|
||||||
|
export default defineConfig([
|
||||||
|
{
|
||||||
|
describe: 'unibest-openapi-test',
|
||||||
|
schemaPath: 'https://ukw0y1.laf.run/unibest-opapi-test.json',
|
||||||
|
serversPath: './src/service',
|
||||||
|
requestLibPath: `import request from '@/http/vue-query';\n import { CustomRequestOptions_ } from '@/http/types';`,
|
||||||
|
requestOptionsType: 'CustomRequestOptions_',
|
||||||
|
isGenReactQuery: false,
|
||||||
|
reactQueryMode: 'vue',
|
||||||
|
isGenJavaScript: false,
|
||||||
|
},
|
||||||
|
])
|
||||||
@@ -0,0 +1,222 @@
|
|||||||
|
{
|
||||||
|
"name": "iotlcm-app-ui",
|
||||||
|
"type": "module",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"unibest": {
|
||||||
|
"platforms": [
|
||||||
|
"h5",
|
||||||
|
"mp-weixin",
|
||||||
|
"app"
|
||||||
|
],
|
||||||
|
"uiLibrary": "wot-ui-v2",
|
||||||
|
"loginStrategy": true,
|
||||||
|
"i18n": true,
|
||||||
|
"chartLibraries": [
|
||||||
|
"ucharts"
|
||||||
|
],
|
||||||
|
"cliVersion": "4.0.16",
|
||||||
|
"unibestVersion": "4.4.1",
|
||||||
|
"unibestUpdateTime": "2026-05-22",
|
||||||
|
"createdAt": "2026-06-16 15:30:53"
|
||||||
|
},
|
||||||
|
"packageManager": "pnpm@10.10.0",
|
||||||
|
"description": "unibest - 最好的 uniapp 开发模板",
|
||||||
|
"generate-time": "用户创建项目时生成",
|
||||||
|
"author": {
|
||||||
|
"name": "feige996",
|
||||||
|
"zhName": "菲鸽",
|
||||||
|
"email": "1020103647@example.com",
|
||||||
|
"github": "https://github.com/feige996",
|
||||||
|
"gitee": "https://gitee.com/feige996"
|
||||||
|
},
|
||||||
|
"license": "MIT",
|
||||||
|
"homepage": "https://unibest.tech",
|
||||||
|
"repository": "https://github.com/feige996/unibest",
|
||||||
|
"bugs": {
|
||||||
|
"url": "https://github.com/feige996/unibest/issues",
|
||||||
|
"url-old": "https://github.com/codercup/unibest/issues"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=20",
|
||||||
|
"pnpm": ">=9"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"openapi": "openapi-ts",
|
||||||
|
"init-husky": "git init && husky",
|
||||||
|
"init-baseFiles": "node ./scripts/create-base-files.js",
|
||||||
|
"prepare": "pnpm init-husky & pnpm init-baseFiles",
|
||||||
|
"predev": "pnpm init-baseFiles",
|
||||||
|
"predev:app": "pnpm init-baseFiles",
|
||||||
|
"predev:mp": "pnpm init-baseFiles",
|
||||||
|
"preinstall": "npx only-allow pnpm",
|
||||||
|
"uvm": "npx @dcloudio/uvm@latest",
|
||||||
|
"uvm-rm": "node ./scripts/postupgrade.js",
|
||||||
|
"bump-version": "node ./scripts/bump-version.js",
|
||||||
|
"postuvm": "echo upgrade uni-app success!",
|
||||||
|
"dev:app": "uni -p app",
|
||||||
|
"dev:app:test": "uni -p app --mode test",
|
||||||
|
"dev:app:prod": "uni -p app --mode production",
|
||||||
|
"dev:app-android": "uni -p app-android",
|
||||||
|
"dev:app-ios": "uni -p app-ios",
|
||||||
|
"dev:custom": "uni -p",
|
||||||
|
"dev": "uni",
|
||||||
|
"dev:test": "uni --mode test",
|
||||||
|
"dev:prod": "uni --mode production",
|
||||||
|
"dev:h5": "uni",
|
||||||
|
"dev:h5:test": "uni --mode test",
|
||||||
|
"dev:h5:prod": "uni --mode production",
|
||||||
|
"dev:h5:ssr": "uni --ssr",
|
||||||
|
"dev:mp": "uni -p mp-weixin",
|
||||||
|
"dev:mp:test": "uni -p mp-weixin --mode test",
|
||||||
|
"dev:mp:prod": "uni -p mp-weixin --mode production",
|
||||||
|
"dev:mp-alipay": "uni -p mp-alipay",
|
||||||
|
"dev:mp-baidu": "uni -p mp-baidu",
|
||||||
|
"dev:mp-jd": "uni -p mp-jd",
|
||||||
|
"dev:mp-kuaishou": "uni -p mp-kuaishou",
|
||||||
|
"dev:mp-lark": "uni -p mp-lark",
|
||||||
|
"dev:mp-qq": "uni -p mp-qq",
|
||||||
|
"dev:mp-toutiao": "uni -p mp-toutiao",
|
||||||
|
"dev:mp-weixin": "uni -p mp-weixin",
|
||||||
|
"dev:mp-xhs": "uni -p mp-xhs",
|
||||||
|
"dev:quickapp-webview": "uni -p quickapp-webview",
|
||||||
|
"dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei",
|
||||||
|
"dev:quickapp-webview-union": "uni -p quickapp-webview-union",
|
||||||
|
"build:app": "uni build -p app",
|
||||||
|
"build:app:test": "uni build -p app --mode test",
|
||||||
|
"build:app:prod": "uni build -p app --mode production",
|
||||||
|
"build:app-android": "uni build -p app-android",
|
||||||
|
"build:app-ios": "uni build -p app-ios",
|
||||||
|
"build:custom": "uni build -p",
|
||||||
|
"build:h5": "uni build",
|
||||||
|
"build:h5:test": "uni build --mode test",
|
||||||
|
"build:h5:prod": "uni build --mode production",
|
||||||
|
"build": "uni build",
|
||||||
|
"build:test": "uni build --mode test",
|
||||||
|
"build:prod": "uni build --mode production",
|
||||||
|
"build:h5:ssr": "uni build --ssr",
|
||||||
|
"build:mp-alipay": "uni build -p mp-alipay",
|
||||||
|
"build:mp": "uni build -p mp-weixin",
|
||||||
|
"build:mp:test": "uni build -p mp-weixin --mode test",
|
||||||
|
"build:mp:prod": "uni build -p mp-weixin --mode production",
|
||||||
|
"build:mp-baidu": "uni build -p mp-baidu",
|
||||||
|
"build:mp-jd": "uni build -p mp-jd",
|
||||||
|
"build:mp-kuaishou": "uni build -p mp-kuaishou",
|
||||||
|
"build:mp-lark": "uni build -p mp-lark",
|
||||||
|
"build:mp-qq": "uni build -p mp-qq",
|
||||||
|
"build:mp-toutiao": "uni build -p mp-toutiao",
|
||||||
|
"build:mp-weixin": "uni build -p mp-weixin",
|
||||||
|
"build:mp-xhs": "uni build -p mp-xhs",
|
||||||
|
"build:quickapp-webview": "uni build -p quickapp-webview",
|
||||||
|
"build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
|
||||||
|
"build:quickapp-webview-union": "uni build -p quickapp-webview-union",
|
||||||
|
"upload:changeset": "pnpm changeset && pnpm changeset version",
|
||||||
|
"upload:mp": "node ./scripts/upload-weixin.js",
|
||||||
|
"type-check": "vue-tsc --noEmit",
|
||||||
|
"lint": "eslint",
|
||||||
|
"lint:fix": "eslint --fix",
|
||||||
|
"format": "prettier . --write",
|
||||||
|
"format:check": "prettier . --check"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@alova/adapter-uniapp": "^2.0.14",
|
||||||
|
"@alova/shared": "^1.3.1",
|
||||||
|
"@changesets/cli": "^2.30.0",
|
||||||
|
"@dcloudio/uni-app": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-app-harmony": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-app-plus": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-components": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-h5": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-mp-alipay": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-mp-baidu": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-mp-harmony": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-mp-jd": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-mp-kuaishou": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-mp-lark": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-mp-qq": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-mp-toutiao": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-mp-weixin": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-mp-xhs": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-quickapp-webview": "3.0.0-4070620250821001",
|
||||||
|
"@qiun/ucharts": "2.5.0-20230101",
|
||||||
|
"@wot-ui/ui": "latest",
|
||||||
|
"abortcontroller-polyfill": "^1.7.8",
|
||||||
|
"alova": "^3.3.3",
|
||||||
|
"dayjs": "1.11.10",
|
||||||
|
"go-captcha-uni": "^1.0.7",
|
||||||
|
"pinia": "2.0.36",
|
||||||
|
"pinia-plugin-persistedstate": "3.2.1",
|
||||||
|
"vue": "^3.4.21",
|
||||||
|
"vue-i18n": "9.1.9",
|
||||||
|
"vue-router": "4.5.1",
|
||||||
|
"z-paging": "2.8.7"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@commitlint/cli": "^19.8.1",
|
||||||
|
"@commitlint/config-conventional": "^19.8.1",
|
||||||
|
"@dcloudio/types": "^3.4.8",
|
||||||
|
"@dcloudio/uni-automator": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-cli-shared": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/uni-stacktracey": "3.0.0-4070620250821001",
|
||||||
|
"@dcloudio/vite-plugin-uni": "3.0.0-4070620250821001",
|
||||||
|
"@iconify-json/carbon": "^1.2.4",
|
||||||
|
"@iconify/utils": "^3.0.2",
|
||||||
|
"@types/node": "^20.17.9",
|
||||||
|
"@uni-helper/eslint-config": "0.5.0",
|
||||||
|
"@uni-helper/plugin-uni": "0.1.0",
|
||||||
|
"@uni-helper/uni-env": "0.1.8",
|
||||||
|
"@uni-helper/uni-types": "1.0.0-alpha.6",
|
||||||
|
"@uni-helper/unocss-preset-uni": "0.2.11",
|
||||||
|
"@uni-helper/vite-plugin-uni-components": "0.2.3",
|
||||||
|
"@uni-helper/vite-plugin-uni-layouts": "0.1.11",
|
||||||
|
"@uni-helper/vite-plugin-uni-manifest": "0.2.12",
|
||||||
|
"@uni-helper/vite-plugin-uni-pages": "0.3.23",
|
||||||
|
"@uni-helper/vite-plugin-uni-platform": "0.0.5",
|
||||||
|
"@uni-ku/bundle-optimizer": "v1.3.15-beta.2",
|
||||||
|
"@uni-ku/root": "1.4.1",
|
||||||
|
"@unocss/eslint-plugin": "^66.2.3",
|
||||||
|
"@unocss/preset-legacy-compat": "66.0.0",
|
||||||
|
"@vitejs/plugin-vue": "^5.1.0",
|
||||||
|
"@vue/runtime-core": "^3.4.21",
|
||||||
|
"@vue/tsconfig": "^0.1.3",
|
||||||
|
"autoprefixer": "^10.4.20",
|
||||||
|
"cross-env": "^10.0.0",
|
||||||
|
"enquirer": "^2.4.1",
|
||||||
|
"eslint": "^9.31.0",
|
||||||
|
"eslint-plugin-format": "^1.0.1",
|
||||||
|
"husky": "^9.1.7",
|
||||||
|
"lint-staged": "^15.2.10",
|
||||||
|
"miniprogram-api-typings": "^4.1.0",
|
||||||
|
"miniprogram-ci": "^2.1.26",
|
||||||
|
"openapi-ts-request": "^1.10.0",
|
||||||
|
"picocolors": "^1.1.1",
|
||||||
|
"postcss": "^8.4.49",
|
||||||
|
"postcss-html": "^1.8.0",
|
||||||
|
"postcss-scss": "^4.0.9",
|
||||||
|
"prettier": "3.8.3",
|
||||||
|
"rollup-plugin-visualizer": "^6.0.3",
|
||||||
|
"sass": "1.77.8",
|
||||||
|
"std-env": "^3.9.0",
|
||||||
|
"typescript": "~5.8.0",
|
||||||
|
"unocss": "66.0.0",
|
||||||
|
"unplugin-auto-import": "^20.0.0",
|
||||||
|
"vite": "5.2.8",
|
||||||
|
"vite-plugin-restart": "^1.0.0",
|
||||||
|
"vite-plugin-vue-devtools": "^8.0.5",
|
||||||
|
"vue-tsc": "^3.0.6"
|
||||||
|
},
|
||||||
|
"pnpm": {
|
||||||
|
"overrides": {
|
||||||
|
"unconfig": "7.3.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"overrides": {
|
||||||
|
"unconfig": "7.3.2"
|
||||||
|
},
|
||||||
|
"resolutions": {
|
||||||
|
"bin-wrapper": "npm:bin-wrapper-china",
|
||||||
|
"unconfig": "7.3.2"
|
||||||
|
},
|
||||||
|
"lint-staged": {
|
||||||
|
"*": "echo 祝菲鸽身体健康"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,27 @@
|
|||||||
|
import { defineUniPages } from '@uni-helper/vite-plugin-uni-pages'
|
||||||
|
import { tabBar } from './src/tabbar/config'
|
||||||
|
|
||||||
|
export default defineUniPages({
|
||||||
|
globalStyle: {
|
||||||
|
navigationStyle: 'default',
|
||||||
|
navigationBarTitleText: '山东平台物联卡',
|
||||||
|
navigationBarBackgroundColor: '#f8f8f8',
|
||||||
|
navigationBarTextStyle: 'black',
|
||||||
|
backgroundColor: '#FFFFFF',
|
||||||
|
},
|
||||||
|
easycom: {
|
||||||
|
autoscan: true,
|
||||||
|
custom: {
|
||||||
|
'^fg-(.*)': '@/components/fg-$1/fg-$1.vue',
|
||||||
|
'^(?!z-paging-refresh|z-paging-load-more)z-paging(.*)':
|
||||||
|
'z-paging/components/z-paging$1/z-paging$1.vue',
|
||||||
|
'^wd-(.*)': '@wot-ui/ui/components/wd-$1/wd-$1.vue',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// tabbar 的配置统一在 “./src/tabbar/config.ts” 文件中
|
||||||
|
// subPackages: [{
|
||||||
|
// root: 'pages-demo',
|
||||||
|
// pages: [],
|
||||||
|
// }],
|
||||||
|
tabBar: tabBar as any,
|
||||||
|
})
|
||||||
Generated
+22285
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,35 @@
|
|||||||
|
{
|
||||||
|
"setting": {
|
||||||
|
"es6": true,
|
||||||
|
"postcss": true,
|
||||||
|
"minified": true,
|
||||||
|
"uglifyFileName": false,
|
||||||
|
"enhance": true,
|
||||||
|
"packNpmRelationList": [],
|
||||||
|
"babelSetting": {
|
||||||
|
"ignore": [],
|
||||||
|
"disablePlugins": [],
|
||||||
|
"outputPath": ""
|
||||||
|
},
|
||||||
|
"useCompilerPlugins": false,
|
||||||
|
"minifyWXML": true,
|
||||||
|
"compileWorklet": false,
|
||||||
|
"uploadWithSourceMap": true,
|
||||||
|
"packNpmManually": false,
|
||||||
|
"minifyWXSS": true,
|
||||||
|
"localPlugins": false,
|
||||||
|
"disableUseStrict": false,
|
||||||
|
"condition": false,
|
||||||
|
"swc": false,
|
||||||
|
"disableSWC": true
|
||||||
|
},
|
||||||
|
"compileType": "miniprogram",
|
||||||
|
"simulatorPluginLibVersion": {},
|
||||||
|
"packOptions": {
|
||||||
|
"ignore": [],
|
||||||
|
"include": []
|
||||||
|
},
|
||||||
|
"appid": "YOUR_WX_APPID",
|
||||||
|
"editorSetting": {},
|
||||||
|
"libVersion": "3.16.2"
|
||||||
|
}
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
{
|
||||||
|
"libVersion": "3.16.2",
|
||||||
|
"projectname": "app",
|
||||||
|
"setting": {
|
||||||
|
"urlCheck": true,
|
||||||
|
"coverView": true,
|
||||||
|
"lazyloadPlaceholderEnable": false,
|
||||||
|
"skylineRenderEnable": false,
|
||||||
|
"preloadBackgroundData": false,
|
||||||
|
"autoAudits": false,
|
||||||
|
"showShadowRootInWxmlPanel": true,
|
||||||
|
"compileHotReLoad": true,
|
||||||
|
"useApiHook": true,
|
||||||
|
"useApiHostProcess": true,
|
||||||
|
"useStaticServer": false,
|
||||||
|
"useLanDebug": false,
|
||||||
|
"showES6CompileOption": false,
|
||||||
|
"checkInvalidKey": true,
|
||||||
|
"ignoreDevUnusedFiles": true,
|
||||||
|
"bigPackageSizeSupport": false
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
@@ -0,0 +1,154 @@
|
|||||||
|
import fs from 'node:fs'
|
||||||
|
import path from 'node:path'
|
||||||
|
import process from 'node:process'
|
||||||
|
import enquirer from 'enquirer'
|
||||||
|
import pc from 'picocolors'
|
||||||
|
|
||||||
|
const manifestPath = path.resolve(process.cwd(), 'manifest.config.ts')
|
||||||
|
// 获取是否只是测试运行
|
||||||
|
const dryRun = process.argv.includes('--dry-run')
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 将语义化版本号根据传递的类型进行递增
|
||||||
|
* @param {string} version 当前版本号，如 '1.1.0'
|
||||||
|
* @param {string} type 升级类型: 'patch' | 'minor' | 'major' | 'none'
|
||||||
|
* @returns {string} 新的版本号
|
||||||
|
*/
|
||||||
|
function bumpVersionName(version, type) {
|
||||||
|
if (type === 'none') return version
|
||||||
|
|
||||||
|
const parts = version.split('.')
|
||||||
|
let major = Number.parseInt(parts[0] || '0', 10)
|
||||||
|
let minor = Number.parseInt(parts[1] || '0', 10)
|
||||||
|
let patch = Number.parseInt(parts[2] || '0', 10)
|
||||||
|
|
||||||
|
switch (type) {
|
||||||
|
case 'major':
|
||||||
|
major += 1; minor = 0; patch = 0;
|
||||||
|
break;
|
||||||
|
case 'minor':
|
||||||
|
minor += 1; patch = 0;
|
||||||
|
break;
|
||||||
|
case 'patch':
|
||||||
|
patch += 1;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
return `${major}.${minor}.${patch}`
|
||||||
|
}
|
||||||
|
|
||||||
|
async function run() {
|
||||||
|
const source = fs.readFileSync(manifestPath, 'utf8')
|
||||||
|
|
||||||
|
// 匹配 versionCode 和 versionName 的正则表达式，支持键名带有引号的情况，例如 'versionCode': '100'
|
||||||
|
const versionCodeRegex = /((?:['"])?versionCode(?:['"])?\s*:\s*)(['"])(\d+)\2/
|
||||||
|
const versionNameRegex = /((?:['"])?versionName(?:['"])?\s*:\s*)(['"])([\d\.]+)\2/
|
||||||
|
|
||||||
|
const codeMatch = source.match(versionCodeRegex)
|
||||||
|
const nameMatch = source.match(versionNameRegex)
|
||||||
|
|
||||||
|
if (!codeMatch || !nameMatch) {
|
||||||
|
console.error(pc.red('✖ [bump-version] 未在 manifest.config.ts 中找到合法的 versionCode 或 versionName'))
|
||||||
|
process.exit(1)
|
||||||
|
}
|
||||||
|
|
||||||
|
const currentVersionCode = Number.parseInt(codeMatch[3], 10)
|
||||||
|
const currentVersionName = nameMatch[3]
|
||||||
|
const nextVersionCode = String(currentVersionCode + 1)
|
||||||
|
|
||||||
|
// 1. 检查命令行参数是否有 --type
|
||||||
|
const typeArgMatch = process.argv.find(arg => arg.startsWith('--type='))
|
||||||
|
let bumpType = typeArgMatch ? typeArgMatch.split('=')[1] : null
|
||||||
|
|
||||||
|
// 2. 环境判定：如果不在交互终端或者是CI环境，但是没有指定类型，则默认只升级 versionCode
|
||||||
|
const isInteractive = process.stdout.isTTY && !process.env.CI
|
||||||
|
|
||||||
|
if (!bumpType) {
|
||||||
|
if (!isInteractive) {
|
||||||
|
console.log(pc.yellow('⚠ [bump-version] 非交互环境且未指定参数，默认不修改 versionName'))
|
||||||
|
bumpType = 'none'
|
||||||
|
} else {
|
||||||
|
// 3. 在终端交互式询问用户怎么处理 versionName
|
||||||
|
console.log('')
|
||||||
|
console.log(pc.cyan('📦 准备发布新版本'))
|
||||||
|
console.log(`${pc.gray('当前版本:')} ${pc.bold(currentVersionName)} ${pc.gray(`(v${currentVersionCode})`)}`)
|
||||||
|
console.log('')
|
||||||
|
|
||||||
|
const response = await enquirer.prompt({
|
||||||
|
type: 'select',
|
||||||
|
name: 'selectedType',
|
||||||
|
message: '请选择如何升级版本名称 (versionName)？',
|
||||||
|
pointer: pc.cyan('❯'),
|
||||||
|
choices: [
|
||||||
|
{
|
||||||
|
message: `${pc.bold('修复')} (Patch) ${pc.gray(currentVersionName)} → ${pc.green(bumpVersionName(currentVersionName, 'patch'))}`,
|
||||||
|
name: 'patch',
|
||||||
|
hint: pc.gray('修复Bug、极小的代码安全变动')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
message: `${pc.bold('特性')} (Minor) ${pc.gray(currentVersionName)} → ${pc.cyan(bumpVersionName(currentVersionName, 'minor'))}`,
|
||||||
|
name: 'minor',
|
||||||
|
hint: pc.gray('新增功能、向下兼容的API更新')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
message: `${pc.bold('重大')} (Major) ${pc.gray(currentVersionName)} → ${pc.magenta(bumpVersionName(currentVersionName, 'major'))}`,
|
||||||
|
name: 'major',
|
||||||
|
hint: pc.gray('重大重构、不兼容的API修改')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
message: `${pc.bold('仅Code')} (None) ${pc.gray('保持 ' + currentVersionName)}`,
|
||||||
|
name: 'none',
|
||||||
|
hint: pc.gray('保持名称不变，仅升级构建号(versionCode)')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
message: `${pc.bold('取消')} (Cancel) ${pc.gray('完全不升级版本')}`,
|
||||||
|
name: 'cancel',
|
||||||
|
hint: pc.gray('跳过版本修改，直接进入后续打包流程')
|
||||||
|
},
|
||||||
|
],
|
||||||
|
// 如果用户按 ctrl+c 退出
|
||||||
|
onCancel: () => {
|
||||||
|
console.log(pc.red('✖ 取消操作并退出编译'))
|
||||||
|
process.exit(1)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
bumpType = response.selectedType
|
||||||
|
|
||||||
|
// 用户选择了完全不升级
|
||||||
|
if (bumpType === 'cancel') {
|
||||||
|
console.log('')
|
||||||
|
console.log(pc.green('✔ 已跳过版本升级操作'))
|
||||||
|
console.log('')
|
||||||
|
process.exit(0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 4. 根据类型计算下一代版本并进行替换计算
|
||||||
|
const nextVersionName = bumpVersionName(currentVersionName, bumpType)
|
||||||
|
|
||||||
|
let updated = source.replace(versionCodeRegex, `${codeMatch[1]}${codeMatch[2]}${nextVersionCode}${codeMatch[2]}`)
|
||||||
|
updated = updated.replace(versionNameRegex, `${nameMatch[1]}${nameMatch[2]}${nextVersionName}${nameMatch[2]}`)
|
||||||
|
|
||||||
|
// 5. 回填文件内容
|
||||||
|
if (!dryRun) {
|
||||||
|
fs.writeFileSync(manifestPath, updated, 'utf8')
|
||||||
|
}
|
||||||
|
|
||||||
|
// 美化成功提示输出
|
||||||
|
console.log('')
|
||||||
|
console.log(pc.green(`✔ ${dryRun ? '(模拟运行) ' : ''}版本更新成功！`))
|
||||||
|
|
||||||
|
if (bumpType !== 'none') {
|
||||||
|
console.log(` ${pc.gray('versionName:')} ${pc.strikethrough(pc.gray(currentVersionName))} → ${pc.bold(pc.green(nextVersionName))}`)
|
||||||
|
} else {
|
||||||
|
console.log(` ${pc.gray('versionName:')} ${pc.dim(currentVersionName)} (未更改)`)
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log(` ${pc.gray('versionCode:')} ${pc.strikethrough(pc.gray(currentVersionCode))} → ${pc.bold(pc.green(nextVersionCode))}`)
|
||||||
|
console.log('')
|
||||||
|
}
|
||||||
|
|
||||||
|
run().catch(err => {
|
||||||
|
console.error(pc.red('✖ [bump-version] 发生错误:'), err)
|
||||||
|
process.exit(1)
|
||||||
|
})
|
||||||
@@ -0,0 +1,55 @@
|
|||||||
|
// 基础配置文件生成脚本
|
||||||
|
// 此脚本用于生成 src/manifest.json 和 src/pages.json 基础文件
|
||||||
|
// 由于这两个配置文件会被添加到 .gitignore 中，因此需要通过此脚本确保项目能正常运行
|
||||||
|
import fs from 'node:fs'
|
||||||
|
import path from 'node:path'
|
||||||
|
import { fileURLToPath } from 'node:url'
|
||||||
|
|
||||||
|
// 获取当前文件的目录路径（替代 CommonJS 中的 __dirname）
|
||||||
|
const __filename = fileURLToPath(import.meta.url)
|
||||||
|
const __dirname = path.dirname(__filename)
|
||||||
|
|
||||||
|
// 最简可运行配置
|
||||||
|
const manifest = { }
|
||||||
|
const pages = {
|
||||||
|
pages: [
|
||||||
|
{
|
||||||
|
path: 'pages/index/index',
|
||||||
|
type: 'home',
|
||||||
|
style: {
|
||||||
|
navigationStyle: 'custom',
|
||||||
|
navigationBarTitleText: '首页',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'pages/me/me',
|
||||||
|
type: 'page',
|
||||||
|
style: {
|
||||||
|
navigationBarTitleText: '我的',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
subPackages: [],
|
||||||
|
}
|
||||||
|
|
||||||
|
// 使用修复后的 __dirname 来解析文件路径
|
||||||
|
const manifestPath = path.resolve(__dirname, '../src/manifest.json')
|
||||||
|
const pagesPath = path.resolve(__dirname, '../src/pages.json')
|
||||||
|
|
||||||
|
// 确保 src 目录存在
|
||||||
|
const srcDir = path.resolve(__dirname, '../src')
|
||||||
|
if (!fs.existsSync(srcDir)) {
|
||||||
|
fs.mkdirSync(srcDir, { recursive: true })
|
||||||
|
}
|
||||||
|
|
||||||
|
const MIN_SIZE = `{ }`.length // 如果只有一个空对象，必定是不对的，需要重新生成
|
||||||
|
|
||||||
|
// 如果 src/manifest.json 不存在，就创建它；或者如果文件大小小于等于 MIN_SIZE，也重新创建
|
||||||
|
if (!fs.existsSync(manifestPath) || fs.statSync(manifestPath).size <= MIN_SIZE) {
|
||||||
|
fs.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2))
|
||||||
|
}
|
||||||
|
|
||||||
|
// 如果 src/pages.json 不存在，就创建它；或者如果文件大小小于等于 MIN_SIZE，也重新创建
|
||||||
|
if (!fs.existsSync(pagesPath) || fs.statSync(pagesPath).size <= MIN_SIZE) {
|
||||||
|
fs.writeFileSync(pagesPath, JSON.stringify(pages, null, 2))
|
||||||
|
}
|
||||||
@@ -0,0 +1,107 @@
|
|||||||
|
import { exec } from 'node:child_process'
|
||||||
|
import fs from 'node:fs'
|
||||||
|
import path from 'node:path'
|
||||||
|
import process from 'node:process'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 打开开发者工具
|
||||||
|
* @param {string} env - 环境，'dev' 或 'build'
|
||||||
|
* @param {object} options - 配置选项
|
||||||
|
* @param {string} options.wechatDevtoolsCliPath - 微信开发者工具 CLI 路径
|
||||||
|
*/
|
||||||
|
function _openDevTools(env = 'dev', options = {}) {
|
||||||
|
const { wechatDevtoolsCliPath } = options
|
||||||
|
const platform = process.platform // darwin, win32, linux
|
||||||
|
const { UNI_PLATFORM } = process.env // mp-weixin, mp-alipay, mp-lark
|
||||||
|
|
||||||
|
const uniPlatformText = UNI_PLATFORM === 'mp-weixin' ? '微信小程序' : UNI_PLATFORM === 'mp-alipay' ? '支付宝小程序' : UNI_PLATFORM === 'mp-lark' ? '抖音小程序' : '小程序'
|
||||||
|
|
||||||
|
// 项目路径（构建输出目录），根据环境选择不同目录
|
||||||
|
const outputDir = env === 'build' ? `dist/build/${UNI_PLATFORM}` : `dist/dev/${UNI_PLATFORM}`
|
||||||
|
const projectPath = path.resolve(process.cwd(), outputDir)
|
||||||
|
|
||||||
|
// 检查构建输出目录是否存在
|
||||||
|
if (!fs.existsSync(projectPath)) {
|
||||||
|
console.log(`❌ ${uniPlatformText}构建目录不存在:`, projectPath)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log(`🚀 正在打开${uniPlatformText}开发者工具...`)
|
||||||
|
|
||||||
|
// 根据不同操作系统执行不同命令
|
||||||
|
let command = ''
|
||||||
|
|
||||||
|
if (platform === 'darwin') {
|
||||||
|
// macOS
|
||||||
|
if (UNI_PLATFORM === 'mp-weixin') {
|
||||||
|
const cliPath = wechatDevtoolsCliPath || '/Applications/wechatwebdevtools.app/Contents/MacOS/cli'
|
||||||
|
command = `"${cliPath}" -o "${projectPath}"`
|
||||||
|
}
|
||||||
|
else if (UNI_PLATFORM === 'mp-alipay') {
|
||||||
|
command = `/Applications/小程序开发者工具.app/Contents/MacOS/小程序开发者工具 --p "${projectPath}"`
|
||||||
|
}
|
||||||
|
else if (UNI_PLATFORM === 'mp-lark') {
|
||||||
|
command = `/Applications/抖音开发者工具.app/Contents/MacOS/抖音开发者工具 --p "${projectPath}"`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if (platform === 'win32' || platform === 'win64') {
|
||||||
|
// Windows
|
||||||
|
if (UNI_PLATFORM === 'mp-weixin') {
|
||||||
|
const cliPath = wechatDevtoolsCliPath || 'C:\\Program Files (x86)\\Tencent\\微信web开发者工具\\cli.bat'
|
||||||
|
command = `"${cliPath}" -o "${projectPath}"`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
// Linux 或其他系统
|
||||||
|
console.log('❌ 当前系统不支持自动打开微信开发者工具')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
exec(command, (error, stdout, stderr) => {
|
||||||
|
if (error) {
|
||||||
|
console.log(`❌ 打开${uniPlatformText}开发者工具失败:`, error.message)
|
||||||
|
if (UNI_PLATFORM === 'mp-weixin') {
|
||||||
|
console.log('💡 当前使用的微信开发者工具 CLI 命令:', command)
|
||||||
|
console.log('💡 如果安装位置不同，可以在 env/.env 配置 WECHAT_DEVTOOLS_CLI_PATH 为本机实际 CLI 路径')
|
||||||
|
}
|
||||||
|
console.log(`💡 请确保${uniPlatformText}开发者工具服务端口已启用`)
|
||||||
|
console.log(`💡 可以手动打开${uniPlatformText}开发者工具并导入项目:`, projectPath)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
if (stderr) {
|
||||||
|
console.log('⚠️ 警告:', stderr)
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log(`✅ ${uniPlatformText}开发者工具已打开`)
|
||||||
|
|
||||||
|
if (stdout) {
|
||||||
|
console.log(stdout)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 创建 Vite 插件，用于自动打开开发者工具
|
||||||
|
* @param {object} options - 配置选项
|
||||||
|
* @param {string} options.mode - 构建模式，'development' 或 'production'
|
||||||
|
* @param {string} options.wechatDevtoolsCliPath - 微信开发者工具 CLI 路径
|
||||||
|
*/
|
||||||
|
export default function openDevTools(options = {}) {
|
||||||
|
const { mode = 'development', wechatDevtoolsCliPath } = options
|
||||||
|
// 根据 mode 确定环境：development -> dev, production -> build
|
||||||
|
const env = mode === 'production' ? 'build' : 'dev'
|
||||||
|
|
||||||
|
// 首次构建标记
|
||||||
|
let isFirstBuild = true
|
||||||
|
|
||||||
|
return {
|
||||||
|
name: 'uni-devtools',
|
||||||
|
writeBundle() {
|
||||||
|
if (isFirstBuild && process.env.UNI_PLATFORM?.includes('mp')) {
|
||||||
|
isFirstBuild = false
|
||||||
|
_openDevTools(env, { wechatDevtoolsCliPath })
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,95 @@
|
|||||||
|
// # 执行 `pnpm upgrade` 后会升级 `uniapp` 相关依赖
|
||||||
|
// # 在升级完后，会自动添加很多无用依赖，这需要删除以减小依赖包体积
|
||||||
|
// # 只需要执行下面的命令即可
|
||||||
|
|
||||||
|
import { exec } from 'node:child_process'
|
||||||
|
import { promisify } from 'node:util'
|
||||||
|
|
||||||
|
// 日志控制开关，设置为 true 可以启用所有日志输出
|
||||||
|
const FG_LOG_ENABLE = true
|
||||||
|
|
||||||
|
// 将 exec 转换为返回 Promise 的函数
|
||||||
|
const execPromise = promisify(exec)
|
||||||
|
|
||||||
|
// 定义要执行的命令
|
||||||
|
const dependencies = [
|
||||||
|
// TODO: 如果不需要某个平台的小程序，请手动删除或注释掉
|
||||||
|
'@dcloudio/uni-mp-baidu',
|
||||||
|
'@dcloudio/uni-mp-jd',
|
||||||
|
'@dcloudio/uni-mp-kuaishou',
|
||||||
|
'@dcloudio/uni-mp-qq',
|
||||||
|
'@dcloudio/uni-mp-xhs',
|
||||||
|
'@dcloudio/uni-quickapp-webview',
|
||||||
|
]
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 带开关的日志输出函数
|
||||||
|
* @param {string} message 日志消息
|
||||||
|
* @param {string} type 日志类型 (log, error)
|
||||||
|
*/
|
||||||
|
function log(message, type = 'log') {
|
||||||
|
if (FG_LOG_ENABLE) {
|
||||||
|
if (type === 'error') {
|
||||||
|
console.error(message)
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
console.log(message)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 卸载单个依赖包
|
||||||
|
* @param {string} dep 依赖包名
|
||||||
|
* @returns {Promise<boolean>} 是否成功卸载
|
||||||
|
*/
|
||||||
|
async function uninstallDependency(dep) {
|
||||||
|
try {
|
||||||
|
log(`开始卸载依赖: ${dep}`)
|
||||||
|
const { stdout, stderr } = await execPromise(`pnpm un ${dep}`)
|
||||||
|
if (stdout) {
|
||||||
|
log(`stdout [${dep}]: ${stdout}`)
|
||||||
|
}
|
||||||
|
if (stderr) {
|
||||||
|
log(`stderr [${dep}]: ${stderr}`, 'error')
|
||||||
|
}
|
||||||
|
log(`成功卸载依赖: ${dep}`)
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
// 单个依赖卸载失败不影响其他依赖
|
||||||
|
log(`卸载依赖 ${dep} 失败: ${error.message}`, 'error')
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 串行卸载所有依赖包
|
||||||
|
*/
|
||||||
|
async function uninstallAllDependencies() {
|
||||||
|
log(`开始串行卸载 ${dependencies.length} 个依赖包...`)
|
||||||
|
|
||||||
|
let successCount = 0
|
||||||
|
let failedCount = 0
|
||||||
|
|
||||||
|
// 串行执行所有卸载命令
|
||||||
|
for (const dep of dependencies) {
|
||||||
|
const success = await uninstallDependency(dep)
|
||||||
|
if (success) {
|
||||||
|
successCount++
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
failedCount++
|
||||||
|
}
|
||||||
|
|
||||||
|
// 为了避免命令执行过快导致的问题，添加短暂延迟
|
||||||
|
await new Promise(resolve => setTimeout(resolve, 100))
|
||||||
|
}
|
||||||
|
|
||||||
|
log(`卸载操作完成: 成功 ${successCount} 个, 失败 ${failedCount} 个`)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 执行串行卸载
|
||||||
|
uninstallAllDependencies().catch((err) => {
|
||||||
|
log(`串行卸载过程中出现未捕获的错误: ${err}`, 'error')
|
||||||
|
})
|
||||||
@@ -0,0 +1,306 @@
|
|||||||
|
/**
|
||||||
|
* 微信小程序 CLI 上传脚本
|
||||||
|
*
|
||||||
|
* 使用方法:
|
||||||
|
* pnpm upload:mp # 版本号读取 package.json，描述使用最新 Git commit
|
||||||
|
* pnpm upload:mp --version=1.0.1 # 指定版本号（覆盖 package.json）
|
||||||
|
* pnpm upload:mp --desc="修复bug" # 指定版本描述（覆盖 Git commit）
|
||||||
|
* pnpm upload:mp --robot=2 # 指定机器人编号（1-30）
|
||||||
|
* pnpm upload:mp --version=2.0.0 --desc="重大更新" # 组合使用多个参数
|
||||||
|
*
|
||||||
|
* 版本号策略: 命令行参数 > package.json version
|
||||||
|
* 描述策略: 命令行参数 > Git 最新 commit > 默认时间戳
|
||||||
|
*
|
||||||
|
* 注意事项:
|
||||||
|
* 1. 确保已在微信公众平台开通 "小程序代码上传" 权限
|
||||||
|
* 2. 确保私钥文件存在（private.${appid}.key），并且配置了上传IP白名单
|
||||||
|
* 3. 上传前会自动执行 build:mp:prod 构建 并跳过打开开发者工具
|
||||||
|
* 4. 秘钥文件的appid(VITE_WX_APPID)需要与微信公众平台的小程序appid一致
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { execSync } from 'node:child_process'
|
||||||
|
import fs from 'node:fs'
|
||||||
|
import path from 'node:path'
|
||||||
|
import process from 'node:process'
|
||||||
|
import { fileURLToPath } from 'node:url'
|
||||||
|
import ci from 'miniprogram-ci'
|
||||||
|
|
||||||
|
const __filename = fileURLToPath(import.meta.url)
|
||||||
|
const __dirname = path.dirname(__filename)
|
||||||
|
const ROOT_DIR = path.resolve(__dirname, '..')
|
||||||
|
|
||||||
|
// 从 package.json 读取版本号
|
||||||
|
function getPackageVersion() {
|
||||||
|
try {
|
||||||
|
const pkgPath = path.resolve(ROOT_DIR, 'package.json')
|
||||||
|
const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'))
|
||||||
|
return pkg.version || '1.0.0'
|
||||||
|
}
|
||||||
|
catch {
|
||||||
|
return '1.0.0'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取最新的 Git commit 信息
|
||||||
|
function getGitCommitMessage() {
|
||||||
|
try {
|
||||||
|
// 获取最新 commit 的作者和标题
|
||||||
|
const message = execSync('git log -1 --pretty="%an: %s"', {
|
||||||
|
cwd: ROOT_DIR,
|
||||||
|
encoding: 'utf-8',
|
||||||
|
}).trim()
|
||||||
|
return message || null
|
||||||
|
}
|
||||||
|
catch {
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 生成默认描述
|
||||||
|
function getDefaultDesc() {
|
||||||
|
// 优先使用 Git commit 信息
|
||||||
|
const gitMessage = getGitCommitMessage()
|
||||||
|
if (gitMessage) {
|
||||||
|
return gitMessage
|
||||||
|
}
|
||||||
|
// 回退到时间戳
|
||||||
|
return `上传于 ${new Date().toLocaleString('zh-CN')}`
|
||||||
|
}
|
||||||
|
|
||||||
|
// 解析命令行参数
|
||||||
|
function parseArgs() {
|
||||||
|
const args = process.argv.slice(2)
|
||||||
|
const params = {
|
||||||
|
version: null, // 稍后设置，优先级：命令行 > package.json
|
||||||
|
desc: null, // 稍后设置，优先级：命令行 > Git commit > 默认
|
||||||
|
robot: 1, // 机器人编号 1-30
|
||||||
|
}
|
||||||
|
|
||||||
|
args.forEach((arg) => {
|
||||||
|
if (arg.startsWith('--version=')) {
|
||||||
|
params.version = arg.split('=')[1]
|
||||||
|
}
|
||||||
|
else if (arg.startsWith('--desc=')) {
|
||||||
|
params.desc = arg.split('=')[1]
|
||||||
|
}
|
||||||
|
else if (arg.startsWith('--robot=')) {
|
||||||
|
params.robot = Number.parseInt(arg.split('=')[1], 10)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
// 如果命令行没有指定版本号，则读取 package.json
|
||||||
|
if (!params.version) {
|
||||||
|
params.version = getPackageVersion()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 如果命令行没有指定描述，则读取 Git commit 或使用默认
|
||||||
|
if (!params.desc) {
|
||||||
|
params.desc = getDefaultDesc()
|
||||||
|
}
|
||||||
|
|
||||||
|
return params
|
||||||
|
}
|
||||||
|
|
||||||
|
// 读取环境变量
|
||||||
|
function loadEnvFile(mode = 'production') {
|
||||||
|
const envPath = path.resolve(ROOT_DIR, 'env', `.env.${mode}`)
|
||||||
|
const defaultEnvPath = path.resolve(ROOT_DIR, 'env', '.env')
|
||||||
|
const localEnvPath = path.resolve(ROOT_DIR, 'env', '.env.local')
|
||||||
|
|
||||||
|
const envContent = {}
|
||||||
|
|
||||||
|
// 先读取默认 .env
|
||||||
|
if (fs.existsSync(defaultEnvPath)) {
|
||||||
|
const content = fs.readFileSync(defaultEnvPath, 'utf-8')
|
||||||
|
content.split('\n').forEach((line) => {
|
||||||
|
const trimmed = line.trim()
|
||||||
|
if (trimmed && !trimmed.startsWith('#')) {
|
||||||
|
const [key, ...valueParts] = trimmed.split('=')
|
||||||
|
if (key) {
|
||||||
|
envContent[key.trim()] = valueParts.join('=').trim().replace(/^['"]|['"]$/g, '')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 再读取对应模式的 .env 文件（会覆盖默认值）
|
||||||
|
if (fs.existsSync(localEnvPath)) {
|
||||||
|
const content = fs.readFileSync(localEnvPath, 'utf-8')
|
||||||
|
content.split('\n').forEach((line) => {
|
||||||
|
const trimmed = line.trim()
|
||||||
|
if (trimmed && !trimmed.startsWith('#')) {
|
||||||
|
const [key, ...valueParts] = trimmed.split('=')
|
||||||
|
if (key) {
|
||||||
|
envContent[key.trim()] = valueParts.join('=').trim().replace(/^['"]|['"]$/g, '')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
if (fs.existsSync(envPath)) {
|
||||||
|
const content = fs.readFileSync(envPath, 'utf-8')
|
||||||
|
content.split('\n').forEach((line) => {
|
||||||
|
const trimmed = line.trim()
|
||||||
|
if (trimmed && !trimmed.startsWith('#')) {
|
||||||
|
const [key, ...valueParts] = trimmed.split('=')
|
||||||
|
if (key) {
|
||||||
|
envContent[key.trim()] = valueParts.join('=').trim().replace(/^['"]|['"]$/g, '')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
return envContent
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取私钥路径
|
||||||
|
function getPrivateKeyPath(appid) {
|
||||||
|
const configuredPath = envValue('WECHAT_UPLOAD_PRIVATE_KEY_PATH', 'MINIPROGRAM_UPLOAD_PRIVATE_KEY_PATH')
|
||||||
|
if (configuredPath) {
|
||||||
|
const privateKeyPath = path.isAbsolute(configuredPath)
|
||||||
|
? configuredPath
|
||||||
|
: path.resolve(ROOT_DIR, configuredPath)
|
||||||
|
if (fs.existsSync(privateKeyPath)) {
|
||||||
|
return privateKeyPath
|
||||||
|
}
|
||||||
|
throw new Error(`配置的微信小程序上传密钥文件不存在：${privateKeyPath}`)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查找私钥文件
|
||||||
|
const keyPatterns = [
|
||||||
|
`private.${appid}.key`,
|
||||||
|
'private.key',
|
||||||
|
]
|
||||||
|
|
||||||
|
for (const pattern of keyPatterns) {
|
||||||
|
const keyPath = path.resolve(ROOT_DIR, pattern)
|
||||||
|
if (fs.existsSync(keyPath)) {
|
||||||
|
return keyPath
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
throw new Error(`未找到私钥文件，请确保项目根目录存在 private.${appid}.key 文件`)
|
||||||
|
}
|
||||||
|
|
||||||
|
function envValue(...keys) {
|
||||||
|
for (const key of keys) {
|
||||||
|
const value = process.env[key]
|
||||||
|
if (typeof value === 'string' && value.trim()) {
|
||||||
|
return value.trim().replace(/^['"]|['"]$/g, '')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
|
||||||
|
// 主函数
|
||||||
|
async function main() {
|
||||||
|
console.log('\n🚀 开始微信小程序上传流程...\n')
|
||||||
|
|
||||||
|
const params = parseArgs()
|
||||||
|
const env = loadEnvFile('production')
|
||||||
|
Object.assign(process.env, env)
|
||||||
|
const appid = env.VITE_WX_APPID
|
||||||
|
|
||||||
|
if (!appid) {
|
||||||
|
throw new Error('未找到 VITE_WX_APPID 环境变量，请检查 env/.env 文件')
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log(`📱 AppID: ${appid}`)
|
||||||
|
console.log(`📌 版本号: ${params.version}`)
|
||||||
|
console.log(`📝 版本描述: ${params.desc}`)
|
||||||
|
console.log(`🤖 机器人编号: ${params.robot}`)
|
||||||
|
|
||||||
|
// 获取私钥路径
|
||||||
|
const privateKeyPath = getPrivateKeyPath(appid)
|
||||||
|
console.log(`🔑 私钥路径: ${privateKeyPath}`)
|
||||||
|
|
||||||
|
// 构建小程序（跳过自动打开开发者工具）
|
||||||
|
console.log('\n📦 正在构建小程序...（跳过自动打开开发者工具）\n')
|
||||||
|
try {
|
||||||
|
execSync('pnpm build:mp:prod', {
|
||||||
|
cwd: ROOT_DIR,
|
||||||
|
stdio: 'inherit',
|
||||||
|
env: {
|
||||||
|
...process.env,
|
||||||
|
SKIP_OPEN_DEVTOOLS: 'true', // 上传时跳过打开开发者工具
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
console.error('❌ 构建失败:', error.message)
|
||||||
|
process.exit(1)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 小程序代码目录
|
||||||
|
const projectPath = path.resolve(ROOT_DIR, 'dist', 'build', 'mp-weixin')
|
||||||
|
|
||||||
|
if (!fs.existsSync(projectPath)) {
|
||||||
|
throw new Error(`构建产物不存在: ${projectPath}`)
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log(`📂 项目路径: ${projectPath}`)
|
||||||
|
console.log('\n⬆️ 正在上传到微信服务器...\n')
|
||||||
|
|
||||||
|
// 创建项目实例
|
||||||
|
const project = new ci.Project({
|
||||||
|
appid,
|
||||||
|
type: 'miniProgram',
|
||||||
|
projectPath,
|
||||||
|
privateKeyPath,
|
||||||
|
ignores: ['node_modules/**/*'],
|
||||||
|
})
|
||||||
|
|
||||||
|
try {
|
||||||
|
// 上传代码
|
||||||
|
const uploadResult = await ci.upload({
|
||||||
|
project,
|
||||||
|
version: params.version,
|
||||||
|
desc: params.desc,
|
||||||
|
robot: params.robot,
|
||||||
|
setting: {
|
||||||
|
es6: true,
|
||||||
|
es7: true,
|
||||||
|
minify: true,
|
||||||
|
autoPrefixWXSS: true,
|
||||||
|
minifyWXML: true,
|
||||||
|
minifyWXSS: true,
|
||||||
|
minifyJS: true,
|
||||||
|
},
|
||||||
|
onProgressUpdate: (task) => {
|
||||||
|
if (task._status === 'done') {
|
||||||
|
console.log(` ✅ ${task._msg}`)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
console.log('\n✅ 上传成功!')
|
||||||
|
console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━')
|
||||||
|
console.log(` 📌 版本号: ${params.version}`)
|
||||||
|
console.log(` 📝 描述: ${params.desc}`)
|
||||||
|
console.log(` 🤖 机器人: ${params.robot}`)
|
||||||
|
console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━')
|
||||||
|
console.log('\n📋 下一步操作:')
|
||||||
|
console.log(' 1. 登录微信公众平台: https://mp.weixin.qq.com')
|
||||||
|
console.log(' 2. 进入 "管理 -> 版本管理"')
|
||||||
|
console.log(' 3. 在 "开发版本" 中找到刚上传的版本')
|
||||||
|
console.log(' 4. 点击 "选为体验版" 按钮\n')
|
||||||
|
|
||||||
|
return uploadResult
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
console.error('\n❌ 上传失败:', error.message)
|
||||||
|
if (error.message.includes('privateKeyPath')) {
|
||||||
|
console.log('\n💡 提示: 请确保已在微信公众平台配置代码上传密钥')
|
||||||
|
console.log(' 1. 登录微信公众平台')
|
||||||
|
console.log(' 2. 进入 "开发 -> 开发设置"')
|
||||||
|
console.log(' 3. 在 "小程序代码上传" 区域生成并下载密钥')
|
||||||
|
console.log(' 4. 在 "小程序代码上传" 区域配置上传IP白名单')
|
||||||
|
}
|
||||||
|
process.exit(1)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
main().catch((error) => {
|
||||||
|
console.error('❌ 执行出错:', error)
|
||||||
|
process.exit(1)
|
||||||
|
})
|
||||||
@@ -0,0 +1,45 @@
|
|||||||
|
import { readFileSync } from 'node:fs'
|
||||||
|
import { resolve } from 'node:path'
|
||||||
|
import process from 'node:process'
|
||||||
|
|
||||||
|
const root = process.cwd()
|
||||||
|
const dataPath = resolve(root, 'src/pages/message/data.ts')
|
||||||
|
const indexPath = resolve(root, 'src/pages/message/index.vue')
|
||||||
|
const source = readFileSync(dataPath, 'utf8')
|
||||||
|
const indexSource = readFileSync(indexPath, 'utf8')
|
||||||
|
|
||||||
|
const forbiddenWords = ['代理', '未来', '敬请期待', 'agent', 'future']
|
||||||
|
const forbiddenRoutePatterns = [
|
||||||
|
/url\s*:/,
|
||||||
|
/path\s*:/,
|
||||||
|
/route\s*:/,
|
||||||
|
/navigateTo/,
|
||||||
|
/switchTab/,
|
||||||
|
/redirectTo/,
|
||||||
|
/reLaunch/,
|
||||||
|
]
|
||||||
|
|
||||||
|
for (const word of forbiddenWords) {
|
||||||
|
if (source.includes(word) || indexSource.includes(word)) {
|
||||||
|
throw new Error(`消息页默认内容包含禁用词：${word}`)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
for (const pattern of forbiddenRoutePatterns) {
|
||||||
|
if (source.match(pattern) || indexSource.match(pattern)) {
|
||||||
|
throw new Error(`消息页一级页面不应包含跳转配置或跳转调用：${pattern}`)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const groupCount = (source.match(/^\s{4}key:\s*'(system|card)',/gm) || []).length
|
||||||
|
if (groupCount !== 2) {
|
||||||
|
throw new Error(`消息页应只保留 2 个用户侧消息分类，当前为 ${groupCount} 个`)
|
||||||
|
}
|
||||||
|
|
||||||
|
for (const required of ['系统消息', '卡片消息', '端午假期服务时间调整通知', '尾号 8821 流量不足']) {
|
||||||
|
if (!source.includes(required)) {
|
||||||
|
throw new Error(`消息页缺少来自暂存设计的用户侧内容：${required}`)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log('message page scope checked')
|
||||||
@@ -0,0 +1,62 @@
|
|||||||
|
import { existsSync, readFileSync } from 'node:fs'
|
||||||
|
import { resolve } from 'node:path'
|
||||||
|
import process from 'node:process'
|
||||||
|
|
||||||
|
const root = process.cwd()
|
||||||
|
|
||||||
|
const expectedPages = [
|
||||||
|
['business', 'renew', '套餐续费确认'],
|
||||||
|
['business', 'change', '套餐变更确认'],
|
||||||
|
['business', 'addon', '订购加油包'],
|
||||||
|
['business', 'diagnosis', '智能诊断'],
|
||||||
|
['business', 'workOrder', '工单列表'],
|
||||||
|
['business', 'workOrderCreate', '提交工单'],
|
||||||
|
['business', 'workOrderDetail', '工单详情'],
|
||||||
|
['card', 'detail', '卡片详情'],
|
||||||
|
['card', 'packageDetail', '套餐详情'],
|
||||||
|
['message', 'systemDetail', '系统消息详情'],
|
||||||
|
['message', 'cardDetail', '卡片消息详情'],
|
||||||
|
['user', 'profile', '账号资料'],
|
||||||
|
['user', 'realName', '实名信息'],
|
||||||
|
['user', 'notification', '通知设置'],
|
||||||
|
['user', 'feedback', '帮助与反馈'],
|
||||||
|
['user', 'contact', '联系客服'],
|
||||||
|
['user', 'agreement', '协议与隐私'],
|
||||||
|
['user', 'about', '关于我们'],
|
||||||
|
]
|
||||||
|
|
||||||
|
for (const [owner, name, title] of expectedPages) {
|
||||||
|
const file = resolve(root, `src/pages/${owner}/views/${name}/index.vue`)
|
||||||
|
if (!existsSync(file)) {
|
||||||
|
throw new Error(`缺少子界面文件：src/pages/${owner}/views/${name}/index.vue`)
|
||||||
|
}
|
||||||
|
|
||||||
|
const source = readFileSync(file, 'utf8')
|
||||||
|
if (!source.includes('definePage({')) {
|
||||||
|
throw new Error(`子界面缺少 definePage：${file}`)
|
||||||
|
}
|
||||||
|
if (!source.includes(`navigationBarTitleText: '${title}'`)) {
|
||||||
|
throw new Error(`子界面标题不匹配：${file}，期望 ${title}`)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const entryFiles = [
|
||||||
|
'src/pages/business/index.vue',
|
||||||
|
'src/pages/card/components/CardList.vue',
|
||||||
|
'src/pages/card/components/PackageList.vue',
|
||||||
|
'src/pages/message/components/MessageList.vue',
|
||||||
|
'src/pages/user/components/UserServiceCells.vue',
|
||||||
|
'src/pages/user/components/UserSupportCells.vue',
|
||||||
|
]
|
||||||
|
|
||||||
|
for (const relative of entryFiles) {
|
||||||
|
const source = readFileSync(resolve(root, relative), 'utf8')
|
||||||
|
if (!source.includes('RouterPath')) {
|
||||||
|
throw new Error(`入口未使用 RouterPath 跳转：${relative}`)
|
||||||
|
}
|
||||||
|
if (!source.includes('navigateTo')) {
|
||||||
|
throw new Error(`入口未调用 navigateTo：${relative}`)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log('sub pages checked')
|
||||||
@@ -0,0 +1,37 @@
|
|||||||
|
/**
|
||||||
|
* @description 通过 vite 自定义条件动态导入 eruda
|
||||||
|
* @description Eruda 配置参考 https://eruda.liriliri.io/zh/docs/
|
||||||
|
* @param {object} options
|
||||||
|
* @param {boolean} [options.open] - 是否开启 eruda
|
||||||
|
* @param {object} [options.erudaOptions] - eruda 配置
|
||||||
|
* @param {string} [options.erudaUrl] - eruda 地址
|
||||||
|
*/
|
||||||
|
export default function vitePluginEruda(options = {}) {
|
||||||
|
const { open = true, erudaOptions = {}, erudaUrl = 'https://cdn.jsdelivr.net/npm/eruda' } = options
|
||||||
|
|
||||||
|
return {
|
||||||
|
name: 'vite-plugin-eruda',
|
||||||
|
|
||||||
|
transformIndexHtml(html) {
|
||||||
|
const tags = [
|
||||||
|
{
|
||||||
|
tag: 'script',
|
||||||
|
attrs: {
|
||||||
|
src: erudaUrl,
|
||||||
|
},
|
||||||
|
injectTo: 'head',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tag: 'script',
|
||||||
|
children: `eruda.init(${JSON.stringify(erudaOptions)});`,
|
||||||
|
injectTo: 'head',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
if (!open) {
|
||||||
|
return html
|
||||||
|
}
|
||||||
|
return { html, tags }
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,46 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { ref } from 'vue'
|
||||||
|
import FgTabbar from '@/tabbar/index.vue'
|
||||||
|
import { isPageTabbar } from './tabbar/store'
|
||||||
|
import { currRoute } from './utils'
|
||||||
|
|
||||||
|
const isCurrentPageTabbar = ref(true)
|
||||||
|
onShow(() => {
|
||||||
|
const { path } = currRoute()
|
||||||
|
// “蜡笔小开心”提到本地是 '/pages/index/index'，线上是 '/' 导致线上 tabbar 不见了
|
||||||
|
// 所以这里需要判断一下，如果是 '/' 就当做首页，也要显示 tabbar
|
||||||
|
if (path === '/') {
|
||||||
|
isCurrentPageTabbar.value = true
|
||||||
|
} else {
|
||||||
|
isCurrentPageTabbar.value = isPageTabbar(path)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const helloKuRoot = ref('Hello AppKuVue')
|
||||||
|
|
||||||
|
const exposeRef = ref('this is form app.Ku.vue')
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
exposeRef,
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<view class="app-root">
|
||||||
|
<!-- 这个先隐藏了，知道这样用就行 -->
|
||||||
|
<view class="hidden text-center"> {{ helloKuRoot }}，这里可以配置全局的东西 </view>
|
||||||
|
|
||||||
|
<KuRootView />
|
||||||
|
|
||||||
|
<FgTabbar v-if="isCurrentPageTabbar" />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.app-root {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 100vh;
|
||||||
|
background: #f6f8fb;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,49 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { onHide, onLaunch, onShow } from '@dcloudio/uni-app'
|
||||||
|
import { getCurrentInstance, onMounted, onUnmounted } from 'vue'
|
||||||
|
import { navigateToInterceptor } from '@/router/interceptor'
|
||||||
|
import { tabbarStore } from '@/tabbar/store'
|
||||||
|
import { permission } from '@/router/permission'
|
||||||
|
|
||||||
|
const { proxy } = (getCurrentInstance() || {}) as any
|
||||||
|
const router = proxy?.$router
|
||||||
|
|
||||||
|
router && permission.install(router)
|
||||||
|
|
||||||
|
onLaunch((options: any) => {
|
||||||
|
// console.log('App.vue onLaunch', options)
|
||||||
|
})
|
||||||
|
onShow((options: any) => {
|
||||||
|
// console.log('App.vue onShow', options)
|
||||||
|
// 处理直接进入页面路由的情况：如h5直接输入路由、微信小程序分享后进入等
|
||||||
|
// https://github.com/unibest-tech/unibest/issues/192
|
||||||
|
if (options?.path) {
|
||||||
|
navigateToInterceptor.invoke({ url: `/${options.path}`, query: options.query })
|
||||||
|
} else {
|
||||||
|
navigateToInterceptor.invoke({ url: '/' })
|
||||||
|
}
|
||||||
|
})
|
||||||
|
onHide(() => {
|
||||||
|
// console.log('App Hide')
|
||||||
|
})
|
||||||
|
|
||||||
|
// #ifdef H5
|
||||||
|
function syncTabbarWhenPageVisible() {
|
||||||
|
if (document.visibilityState === 'visible') {
|
||||||
|
tabbarStore.syncCurIdxByCurrentPageAsync()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
document.addEventListener('visibilitychange', syncTabbarWhenPageVisible)
|
||||||
|
window.addEventListener('pageshow', syncTabbarWhenPageVisible)
|
||||||
|
})
|
||||||
|
|
||||||
|
onUnmounted(() => {
|
||||||
|
document.removeEventListener('visibilitychange', syncTabbarWhenPageVisible)
|
||||||
|
window.removeEventListener('pageshow', syncTabbarWhenPageVisible)
|
||||||
|
})
|
||||||
|
// #endif
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss"></style>
|
||||||
@@ -0,0 +1,61 @@
|
|||||||
|
import type {
|
||||||
|
BalanceRechargeMockPayParams,
|
||||||
|
BalanceRechargeRefundParams,
|
||||||
|
BalanceRechargeStatusParams,
|
||||||
|
BalanceRechargeStatusRes,
|
||||||
|
BalanceRechargeSubmitParams,
|
||||||
|
BalanceRechargeSubmitRes,
|
||||||
|
} from './types/balance'
|
||||||
|
import type { AppOrder } from './types/order'
|
||||||
|
import { http } from '@/http/http'
|
||||||
|
|
||||||
|
export type {
|
||||||
|
BalanceRechargeMockPayParams,
|
||||||
|
BalanceRechargeRefundParams,
|
||||||
|
BalanceRechargeStatusParams,
|
||||||
|
BalanceRechargeStatusRes,
|
||||||
|
BalanceRechargeSubmitParams,
|
||||||
|
BalanceRechargeSubmitRes,
|
||||||
|
} from './types/balance'
|
||||||
|
|
||||||
|
export function balanceRechargeSubmit(data: BalanceRechargeSubmitParams) {
|
||||||
|
return http.post<BalanceRechargeSubmitRes>(
|
||||||
|
'/balance/recharge-submit',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
{
|
||||||
|
hideErrorToast: true,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function balanceRechargeStatus(data: BalanceRechargeStatusParams) {
|
||||||
|
return http.get<BalanceRechargeStatusRes>('/balance/recharge-status', data, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function balanceRechargeMockPay(data: BalanceRechargeMockPayParams) {
|
||||||
|
return http.post<BalanceRechargeStatusRes>(
|
||||||
|
'/balance/recharge-mock-pay',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
{
|
||||||
|
hideErrorToast: true,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function balanceRechargeRefund(data: BalanceRechargeRefundParams) {
|
||||||
|
return http.post<AppOrder>(
|
||||||
|
'/balance/recharge-refund',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
{
|
||||||
|
hideErrorToast: true,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,203 @@
|
|||||||
|
import type {
|
||||||
|
AllocateBatchPrepareParams,
|
||||||
|
AllocateBatchRes,
|
||||||
|
AllocateBatchSubmitParams,
|
||||||
|
AllocateTargetListParams,
|
||||||
|
AllocateTargetListRes,
|
||||||
|
BindCardParams,
|
||||||
|
CardLifecycleParams,
|
||||||
|
CardLifecycleRes,
|
||||||
|
CardLifecycleStatusParams,
|
||||||
|
CardListParams,
|
||||||
|
CardListRes,
|
||||||
|
CardRecognitionRes,
|
||||||
|
CardQueryRes,
|
||||||
|
ChangePrepareParams,
|
||||||
|
ChangePrepareRes,
|
||||||
|
ChangeSubmitParams,
|
||||||
|
ChangeSubmitRes,
|
||||||
|
PackageDetailRes,
|
||||||
|
PackageListParams,
|
||||||
|
PackageListRes,
|
||||||
|
PublicPackageDetailParams,
|
||||||
|
PublicQueryCardParams,
|
||||||
|
RenewBatchPrepareParams,
|
||||||
|
RenewBatchSubmitParams,
|
||||||
|
RenewPrepareParams,
|
||||||
|
RenewPrepareRes,
|
||||||
|
RenewSubmitParams,
|
||||||
|
RenewSubmitRes,
|
||||||
|
RestartCardParams,
|
||||||
|
RestartCardRes,
|
||||||
|
} from './types/card'
|
||||||
|
import { http } from '@/http/http'
|
||||||
|
import { getEnvBaseUrl } from '@/utils/index'
|
||||||
|
|
||||||
|
const CARD_REQUEST_OPTIONS = {
|
||||||
|
timeout: 15000,
|
||||||
|
hideErrorToast: true,
|
||||||
|
} as const
|
||||||
|
|
||||||
|
export type {
|
||||||
|
AllocateBatchRes,
|
||||||
|
AllocateTarget,
|
||||||
|
AppCard,
|
||||||
|
AppPackage,
|
||||||
|
AppRenewOption,
|
||||||
|
CardLifecycleRes,
|
||||||
|
ChangePackageOption,
|
||||||
|
ChangePrepareRes,
|
||||||
|
ChangeSubmitRes,
|
||||||
|
RenewPackageOption,
|
||||||
|
RenewPrepareRes,
|
||||||
|
RenewSubmitRes,
|
||||||
|
} from './types/card'
|
||||||
|
|
||||||
|
export function publicQueryCard(data: PublicQueryCardParams) {
|
||||||
|
return http.post<CardQueryRes>('/card/public-query', data, undefined, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function recognizeCardImage(filePath: string) {
|
||||||
|
return new Promise<CardRecognitionRes>((resolve, reject) => {
|
||||||
|
uni.uploadFile({
|
||||||
|
url: `${getEnvBaseUrl()}/card/recognize`,
|
||||||
|
filePath,
|
||||||
|
name: 'file',
|
||||||
|
timeout: 30000,
|
||||||
|
success: (response) => {
|
||||||
|
let payload: { code?: number, message?: string, data?: CardRecognitionRes }
|
||||||
|
try {
|
||||||
|
payload = JSON.parse(String(response.data || '{}'))
|
||||||
|
}
|
||||||
|
catch {
|
||||||
|
reject({ message: '图片识别响应格式错误' })
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
if (response.statusCode < 200 || response.statusCode >= 300 || Number(payload.code) !== 0) {
|
||||||
|
reject({ message: payload.message || '图片识别失败' })
|
||||||
|
return
|
||||||
|
}
|
||||||
|
resolve(payload.data || {
|
||||||
|
code: 'RECOGNITION_FAILED',
|
||||||
|
message: '图片识别结果为空',
|
||||||
|
cardType: 'iccid',
|
||||||
|
cardValue: '',
|
||||||
|
confidence: 0,
|
||||||
|
candidates: [],
|
||||||
|
})
|
||||||
|
},
|
||||||
|
fail: (error) => {
|
||||||
|
reject({ message: error.errMsg || '图片上传失败，请检查网络后重试' })
|
||||||
|
},
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getCardList(params: CardListParams) {
|
||||||
|
return http.get<CardListRes>('/card/list', params, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getPackageList(params: PackageListParams) {
|
||||||
|
return http.get<PackageListRes>('/card/package-list', params, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function publicPackageDetail(data: PublicPackageDetailParams) {
|
||||||
|
return http.post<PackageDetailRes>(
|
||||||
|
'/card/public-package-detail',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
CARD_REQUEST_OPTIONS,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getCardDetail(cardValue: string) {
|
||||||
|
return http.get<CardQueryRes>('/card/detail', { cardValue }, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function bindCard(data: BindCardParams) {
|
||||||
|
return http.post<CardQueryRes>('/card/bind', data, undefined, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function restartCard(data: RestartCardParams) {
|
||||||
|
return http.post<RestartCardRes>('/card/restart', data, undefined, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function stopCard(data: RestartCardParams) {
|
||||||
|
return http.post<CardLifecycleRes>('/card/stop', data, undefined, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function startCard(data: RestartCardParams) {
|
||||||
|
return http.post<CardLifecycleRes>('/card/start', data, undefined, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function startDataService(data: RestartCardParams) {
|
||||||
|
return lifecycleBatchSubmit({ cardValue: data.cardValue, operation: 'dataStart', remark: data.remark })
|
||||||
|
}
|
||||||
|
|
||||||
|
export function stopDataService(data: RestartCardParams) {
|
||||||
|
return lifecycleBatchSubmit({ cardValue: data.cardValue, operation: 'dataStop', remark: data.remark })
|
||||||
|
}
|
||||||
|
|
||||||
|
export function lifecycleBatchSubmit(data: CardLifecycleParams) {
|
||||||
|
return http.post<CardLifecycleRes>(
|
||||||
|
'/card/lifecycle-batch-submit',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
CARD_REQUEST_OPTIONS,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function lifecycleBatchStatus(data: CardLifecycleStatusParams) {
|
||||||
|
return http.get<CardLifecycleRes>('/card/lifecycle-batch-status', data, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function renewPrepare(data: RenewPrepareParams) {
|
||||||
|
return http.post<RenewPrepareRes>('/card/renew-prepare', data, undefined, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function renewBatchPrepare(data: RenewBatchPrepareParams) {
|
||||||
|
return http.post<RenewPrepareRes>('/card/renew-batch-prepare', data, undefined, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function renewSubmit(data: RenewSubmitParams) {
|
||||||
|
return http.post<RenewSubmitRes>('/card/renew-submit', data, undefined, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function renewBatchSubmit(data: RenewBatchSubmitParams) {
|
||||||
|
return http.post<RenewSubmitRes>('/card/renew-batch-submit', data, undefined, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getAllocateTargets(params: AllocateTargetListParams) {
|
||||||
|
return http.get<AllocateTargetListRes>('/card/allocate-targets', params, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function allocateBatchPrepare(data: AllocateBatchPrepareParams) {
|
||||||
|
return http.post<AllocateBatchRes>(
|
||||||
|
'/card/allocate-batch-prepare',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
CARD_REQUEST_OPTIONS,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function allocateBatchSubmit(data: AllocateBatchSubmitParams) {
|
||||||
|
return http.post<AllocateBatchRes>(
|
||||||
|
'/card/allocate-batch-submit',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
CARD_REQUEST_OPTIONS,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function changePrepare(data: ChangePrepareParams) {
|
||||||
|
return http.post<ChangePrepareRes>('/card/change-prepare', data, undefined, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function changeSubmit(data: ChangeSubmitParams) {
|
||||||
|
return http.post<ChangeSubmitRes>('/card/change-submit', data, undefined, undefined, CARD_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
@@ -0,0 +1,27 @@
|
|||||||
|
import type {
|
||||||
|
CustomerDetailParams,
|
||||||
|
CustomerDetailRes,
|
||||||
|
CustomerListParams,
|
||||||
|
CustomerListRes,
|
||||||
|
} from './types/customer'
|
||||||
|
import { http } from '@/http/http'
|
||||||
|
|
||||||
|
export type {
|
||||||
|
AppCustomer,
|
||||||
|
AppCustomerDetail,
|
||||||
|
AppCustomerType,
|
||||||
|
CustomerDetailParams,
|
||||||
|
CustomerListParams,
|
||||||
|
} from './types/customer'
|
||||||
|
|
||||||
|
export function getCustomerList(params: CustomerListParams) {
|
||||||
|
return http.get<CustomerListRes>('/customer/list', params, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getCustomerDetail(params: CustomerDetailParams) {
|
||||||
|
return http.get<CustomerDetailRes>('/customer/detail', params, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,44 @@
|
|||||||
|
import type {
|
||||||
|
DiagnosisFlowParams,
|
||||||
|
DiagnosisFlowRes,
|
||||||
|
DiagnosisInfoParams,
|
||||||
|
DiagnosisInfoRes,
|
||||||
|
} from './types/diagnosis'
|
||||||
|
import { http } from '@/http/http'
|
||||||
|
|
||||||
|
export type {
|
||||||
|
DiagnosisFlowParams,
|
||||||
|
DiagnosisFlowRes,
|
||||||
|
DiagnosisInfoItem,
|
||||||
|
DiagnosisInfoParams,
|
||||||
|
DiagnosisInfoRes,
|
||||||
|
DiagnosisModuleItem,
|
||||||
|
DiagnosisPackageItem,
|
||||||
|
DiagnosisRateLimitApnItem,
|
||||||
|
DiagnosisRateLimitPccItem,
|
||||||
|
DiagnosisSessionItem,
|
||||||
|
} from './types/diagnosis'
|
||||||
|
|
||||||
|
export function getDiagnosisInfo(data: DiagnosisInfoParams) {
|
||||||
|
return http.post<DiagnosisInfoRes>('/diagnosis/info', data, undefined, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getOpenDiagnosisInfo(data: DiagnosisInfoParams & { tenantId?: string }) {
|
||||||
|
return http.post<DiagnosisInfoRes>('/open/diagnosis/info', data, undefined, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getDiagnosisFlow(data: DiagnosisFlowParams) {
|
||||||
|
return http.post<DiagnosisFlowRes>('/open/diagnosis/flow', data, undefined, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getOpenDiagnosisFlow(data: DiagnosisFlowParams & { tenantId?: string }) {
|
||||||
|
return http.post<DiagnosisFlowRes>('/open/diagnosis/flow', data, undefined, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
import { http } from '@/http/alova'
|
||||||
|
|
||||||
|
export interface IFoo {
|
||||||
|
id: number
|
||||||
|
name: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export function foo() {
|
||||||
|
return http.Get<IFoo>('/foo', {
|
||||||
|
params: {
|
||||||
|
name: '菲鸽',
|
||||||
|
page: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,43 @@
|
|||||||
|
import { http } from '@/http/http'
|
||||||
|
|
||||||
|
export interface IFoo {
|
||||||
|
id: number
|
||||||
|
name: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export function foo() {
|
||||||
|
return http.Get<IFoo>('/foo', {
|
||||||
|
params: {
|
||||||
|
name: '菲鸽',
|
||||||
|
page: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IFooItem {
|
||||||
|
id: string
|
||||||
|
name: string
|
||||||
|
}
|
||||||
|
|
||||||
|
/** GET 请求 */
|
||||||
|
export async function getFooAPI(name: string) {
|
||||||
|
return await http.get<IFooItem>('/foo', { name })
|
||||||
|
}
|
||||||
|
/** GET 请求；支持 传递 header 的范例 */
|
||||||
|
export function getFooAPI2(name: string) {
|
||||||
|
return http.get<IFooItem>('/foo', { name }, { 'Content-Type-100': '100' })
|
||||||
|
}
|
||||||
|
|
||||||
|
/** POST 请求 */
|
||||||
|
export function postFooAPI(name: string) {
|
||||||
|
return http.post<IFooItem>('/foo', { name })
|
||||||
|
}
|
||||||
|
/** POST 请求；需要传递 query 参数的范例；微信小程序经常有同时需要query参数和body参数的场景 */
|
||||||
|
export function postFooAPI2(name: string) {
|
||||||
|
return http.post<IFooItem>('/foo', { name }, { a: 1, b: 2 })
|
||||||
|
}
|
||||||
|
/** POST 请求；支持 传递 header 的范例 */
|
||||||
|
export function postFooAPI3(name: string) {
|
||||||
|
return http.post<IFooItem>('/foo', { name }, { a: 1, b: 2 }, { 'Content-Type-100': '100' })
|
||||||
|
}
|
||||||
@@ -0,0 +1,152 @@
|
|||||||
|
import type {
|
||||||
|
IAuthLoginRes,
|
||||||
|
ICheckSideCaptchaForm,
|
||||||
|
IForgotPasswordForm,
|
||||||
|
ILoginForm,
|
||||||
|
IRegisterForm,
|
||||||
|
ISendSmsForm,
|
||||||
|
ISendSmsRes,
|
||||||
|
ISideCaptcha,
|
||||||
|
IUpdateInfo,
|
||||||
|
IUserInfoRes,
|
||||||
|
IWechatBindForm,
|
||||||
|
IWechatBindPhoneForm,
|
||||||
|
IWechatBindPhoneRes,
|
||||||
|
IWechatBindRes,
|
||||||
|
IWechatLoginForm,
|
||||||
|
IWechatLoginRes,
|
||||||
|
} from './types/login'
|
||||||
|
import { http } from '@/http/http'
|
||||||
|
|
||||||
|
export type { IForgotPasswordForm, ILoginForm, IRegisterForm }
|
||||||
|
|
||||||
|
const AUTH_REQUEST_OPTIONS = {
|
||||||
|
timeout: 15000,
|
||||||
|
hideErrorToast: true,
|
||||||
|
} as const
|
||||||
|
|
||||||
|
export function getSideCaptcha() {
|
||||||
|
return http.post<ISideCaptcha>(
|
||||||
|
'/auth/side-captcha',
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
AUTH_REQUEST_OPTIONS,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function checkSideCaptcha(data: ICheckSideCaptchaForm) {
|
||||||
|
return http.post<{ success: boolean }>(
|
||||||
|
'/auth/check-side-captcha',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
AUTH_REQUEST_OPTIONS,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function sendSms(data: ISendSmsForm) {
|
||||||
|
return http.post<ISendSmsRes>('/auth/sms', data, undefined, undefined, AUTH_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function login(loginForm: ILoginForm) {
|
||||||
|
return http.post<IAuthLoginRes>(
|
||||||
|
'/auth/login',
|
||||||
|
loginForm,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
AUTH_REQUEST_OPTIONS,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function wechatLogin(data: IWechatLoginForm) {
|
||||||
|
return http.post<IWechatLoginRes>(
|
||||||
|
'/auth/wechat-login',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
AUTH_REQUEST_OPTIONS,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function wechatBindPhone(data: IWechatBindPhoneForm) {
|
||||||
|
return http.post<IWechatBindPhoneRes>(
|
||||||
|
'/auth/wechat-bind-phone',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
AUTH_REQUEST_OPTIONS,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function register(registerForm: IRegisterForm) {
|
||||||
|
return http.post<IAuthLoginRes>(
|
||||||
|
'/auth/register',
|
||||||
|
registerForm,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
AUTH_REQUEST_OPTIONS,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function forgotPassword(data: IForgotPasswordForm) {
|
||||||
|
return http.post<{ success: boolean }>(
|
||||||
|
'/auth/forgot-password',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
AUTH_REQUEST_OPTIONS,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function refreshToken(_refreshToken: string) {
|
||||||
|
return Promise.reject(new Error('当前 APP 接口使用单 token 模式，暂不支持刷新 token'))
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getUserInfo() {
|
||||||
|
return http.get<IUserInfoRes>('/user/info', undefined, undefined, AUTH_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function logout() {
|
||||||
|
return Promise.resolve()
|
||||||
|
}
|
||||||
|
|
||||||
|
export function updateInfo(data: IUpdateInfo) {
|
||||||
|
return http.post<IUserInfoRes>('/user/info', data, undefined, undefined, AUTH_REQUEST_OPTIONS)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function bindWechat(data: IWechatBindForm) {
|
||||||
|
return http.post<IWechatBindRes>(
|
||||||
|
'/user/wechat/bind',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
AUTH_REQUEST_OPTIONS,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function updateUserPassword() {
|
||||||
|
return Promise.reject(new Error('请使用找回密码流程重置密码'))
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppWechatLoginCodeRes {
|
||||||
|
code: string
|
||||||
|
errMsg?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getWxCode() {
|
||||||
|
return new Promise<AppWechatLoginCodeRes>((resolve, reject) => {
|
||||||
|
if (typeof wx !== 'undefined' && typeof wx.login === 'function') {
|
||||||
|
wx.login({
|
||||||
|
success: res => resolve({ code: res.code || '', errMsg: res.errMsg }),
|
||||||
|
fail: err => reject(new Error(err.errMsg || '微信登录失败')),
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
uni.login({
|
||||||
|
provider: 'weixin',
|
||||||
|
success: res => resolve({ code: res.code || '', errMsg: res.errMsg }),
|
||||||
|
fail: err => reject(new Error(err.errMsg)),
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,78 @@
|
|||||||
|
import type { MessageCenterParams, MessageCenterRes } from './types/message'
|
||||||
|
import { http } from '@/http/http'
|
||||||
|
|
||||||
|
export interface AppMessage {
|
||||||
|
id: number
|
||||||
|
messageId: number
|
||||||
|
messageLogId: number
|
||||||
|
messageType: number
|
||||||
|
messageTypeText?: string
|
||||||
|
title: string
|
||||||
|
content: string
|
||||||
|
link?: string
|
||||||
|
isRead: number
|
||||||
|
sendTime?: string
|
||||||
|
createdAt?: string
|
||||||
|
updatedAt?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppMessageListParams {
|
||||||
|
page: number
|
||||||
|
pageSize: number
|
||||||
|
isRead?: '' | '0' | '1'
|
||||||
|
messageType?: number
|
||||||
|
keyword?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppMessageListRes {
|
||||||
|
items: AppMessage[]
|
||||||
|
total: number
|
||||||
|
page?: number
|
||||||
|
pageSize?: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppMessageDetailParams {
|
||||||
|
messageId: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppMessageDetailRes {
|
||||||
|
message: AppMessage
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppMessageReadParams {
|
||||||
|
ids: number[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getMessageList(params: AppMessageListParams) {
|
||||||
|
return http.get<AppMessageListRes>('/message/list', params, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function getMessageCenter(params: MessageCenterParams = {}): Promise<MessageCenterRes> {
|
||||||
|
const unreadRes = await getMessageList({
|
||||||
|
page: 1,
|
||||||
|
pageSize: 1,
|
||||||
|
isRead: '0',
|
||||||
|
keyword: params.keyword,
|
||||||
|
group: params.group,
|
||||||
|
} as AppMessageListParams)
|
||||||
|
|
||||||
|
return {
|
||||||
|
groups: [],
|
||||||
|
totalUnread: Number(unreadRes.total || 0),
|
||||||
|
warnSummary: undefined,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getMessageDetail(params: AppMessageDetailParams) {
|
||||||
|
return http.get<AppMessageDetailRes>('/message/detail', params, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function readMessages(data: AppMessageReadParams) {
|
||||||
|
return http.post<void>('/message/read', data, undefined, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,21 @@
|
|||||||
|
import type {
|
||||||
|
OrderDetailParams,
|
||||||
|
OrderDetailRes,
|
||||||
|
OrderListParams,
|
||||||
|
OrderListRes,
|
||||||
|
} from './types/order'
|
||||||
|
import { http } from '@/http/http'
|
||||||
|
|
||||||
|
export type { AppOrder, AppOrderItem, OrderDetailParams, OrderListParams } from './types/order'
|
||||||
|
|
||||||
|
export function getOrderList(params: OrderListParams) {
|
||||||
|
return http.get<OrderListRes>('/order/list', params, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getOrderDetail(params: OrderDetailParams) {
|
||||||
|
return http.get<OrderDetailRes>('/order/detail', params, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,19 @@
|
|||||||
|
export interface AccessCodesResponse {
|
||||||
|
code?: number | string
|
||||||
|
data?:
|
||||||
|
| string[]
|
||||||
|
| {
|
||||||
|
data?: string[]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeAccessCodesResponse(body?: string[] | AccessCodesResponse | null) {
|
||||||
|
if (Array.isArray(body))
|
||||||
|
return body
|
||||||
|
if (Array.isArray(body?.data))
|
||||||
|
return body.data
|
||||||
|
const nested = body?.data
|
||||||
|
if (nested && !Array.isArray(nested) && Array.isArray(nested.data))
|
||||||
|
return nested.data
|
||||||
|
return []
|
||||||
|
}
|
||||||
@@ -0,0 +1,24 @@
|
|||||||
|
import { describe, expect, it } from 'vitest'
|
||||||
|
import { normalizeAccessCodesResponse } from './system-normalize'
|
||||||
|
|
||||||
|
describe('normalizeAccessCodesResponse', () => {
|
||||||
|
it('supports xiuAdmin wrapped access code response', () => {
|
||||||
|
expect(
|
||||||
|
normalizeAccessCodesResponse({
|
||||||
|
code: 0,
|
||||||
|
data: {
|
||||||
|
data: ['cpm:iot:tSimCardInfo:view', 'cpm:iot:tSimCardRenew:input:prepare'],
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
).toEqual(['cpm:iot:tSimCardInfo:view', 'cpm:iot:tSimCardRenew:input:prepare'])
|
||||||
|
})
|
||||||
|
|
||||||
|
it('keeps compatibility with direct array response', () => {
|
||||||
|
expect(
|
||||||
|
normalizeAccessCodesResponse({
|
||||||
|
code: 0,
|
||||||
|
data: ['cpc:current:user'],
|
||||||
|
}),
|
||||||
|
).toEqual(['cpc:current:user'])
|
||||||
|
})
|
||||||
|
})
|
||||||
@@ -0,0 +1,15 @@
|
|||||||
|
import type { AccessCodesResponse } from './system-normalize'
|
||||||
|
import { http } from '@/http/http'
|
||||||
|
import { normalizeAccessCodesResponse } from './system-normalize'
|
||||||
|
|
||||||
|
export interface AccessCodesParams {
|
||||||
|
isCache?: boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
export { normalizeAccessCodesResponse }
|
||||||
|
|
||||||
|
export function getAccessCodes(params?: AccessCodesParams) {
|
||||||
|
return http.get<string[] | AccessCodesResponse>('/system/auth/codes', params, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
}).then(normalizeAccessCodesResponse)
|
||||||
|
}
|
||||||
@@ -0,0 +1,61 @@
|
|||||||
|
export interface BalanceRechargeSubmitParams {
|
||||||
|
amount: number
|
||||||
|
buyerNote?: string
|
||||||
|
payProvider?: 'wechat' | 'mock'
|
||||||
|
payScene?: 'h5' | 'mini'
|
||||||
|
wxCode?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface BalanceRechargeSubmitRes {
|
||||||
|
orderId: number
|
||||||
|
orderSn: string
|
||||||
|
totalAmount: number
|
||||||
|
priceText: string
|
||||||
|
orderStatus: number
|
||||||
|
payStatus: number
|
||||||
|
status: string
|
||||||
|
paymentExpireAt?: string
|
||||||
|
paymentRemainingSeconds?: number
|
||||||
|
paymentExpired?: boolean
|
||||||
|
payProvider: string
|
||||||
|
payUrl: string
|
||||||
|
payMethod?: string
|
||||||
|
payGateway?: string
|
||||||
|
payParams?: Record<string, string>
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface BalanceRechargeStatusParams {
|
||||||
|
orderSn: string
|
||||||
|
payScene?: 'h5' | 'mini'
|
||||||
|
wxCode?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface BalanceRechargeMockPayParams {
|
||||||
|
orderSn: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface BalanceRechargeRefundParams {
|
||||||
|
orderSn: string
|
||||||
|
refundReason?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface BalanceRechargeStatusRes {
|
||||||
|
orderId: number
|
||||||
|
orderSn: string
|
||||||
|
totalAmount: number
|
||||||
|
priceText: string
|
||||||
|
orderStatus: number
|
||||||
|
payStatus: number
|
||||||
|
status: string
|
||||||
|
paymentExpireAt?: string
|
||||||
|
paymentRemainingSeconds?: number
|
||||||
|
paymentExpired?: boolean
|
||||||
|
balanceAfter: number
|
||||||
|
balanceAfterText: string
|
||||||
|
payProvider: string
|
||||||
|
payTradeNo: string
|
||||||
|
payUrl: string
|
||||||
|
payMethod?: string
|
||||||
|
payGateway?: string
|
||||||
|
payParams?: Record<string, string>
|
||||||
|
}
|
||||||
@@ -0,0 +1,394 @@
|
|||||||
|
export interface AppCard {
|
||||||
|
id?: number
|
||||||
|
iccid: string
|
||||||
|
msisdn?: string
|
||||||
|
imsi?: string
|
||||||
|
imei?: string
|
||||||
|
regionCode?: string
|
||||||
|
deptName?: string
|
||||||
|
currentPackageCode?: string
|
||||||
|
packageName?: string
|
||||||
|
packageType?: number
|
||||||
|
categoryCode?: string
|
||||||
|
categoryName?: string
|
||||||
|
packageStatus?: number
|
||||||
|
bossCardStatus?: number
|
||||||
|
abnormalReason?: string
|
||||||
|
abnormalReasons?: string[]
|
||||||
|
cardType?: number
|
||||||
|
netModel?: number
|
||||||
|
onlineStatus?: string | number
|
||||||
|
deviceStatus?: string | number
|
||||||
|
imeiStatus?: string | number
|
||||||
|
regionLimitStatus?: string | number
|
||||||
|
apnName?: string
|
||||||
|
apnId?: string
|
||||||
|
rat?: string
|
||||||
|
ipv4?: string
|
||||||
|
ipv6?: string
|
||||||
|
ipv6Prefix?: string
|
||||||
|
sessionCreateTime?: string
|
||||||
|
stopReason?: string
|
||||||
|
packageTotalFlowMb?: number
|
||||||
|
usedFlowMb?: number
|
||||||
|
remainFlowMb?: number
|
||||||
|
usedFlowPercent?: number
|
||||||
|
yesterdayFlowStatDate?: string
|
||||||
|
yesterdayDeptUsedFlowMb?: number
|
||||||
|
yesterdayDeptSms?: number
|
||||||
|
yesterdayDeptVoiceMin?: number
|
||||||
|
flowPkgBeginAt?: string
|
||||||
|
flowPkgEndAt?: string
|
||||||
|
dataServiceStatus?: number
|
||||||
|
packageTotalSms?: number
|
||||||
|
usedSms?: number
|
||||||
|
smsServiceStatus?: number
|
||||||
|
packageTotalVoice?: number
|
||||||
|
usedVoice?: number
|
||||||
|
voiceServiceStatus?: number
|
||||||
|
roamServiceStatus?: number
|
||||||
|
statusSyncTime?: string
|
||||||
|
flowSyncTime?: string
|
||||||
|
remark?: string
|
||||||
|
terminalName?: string
|
||||||
|
isBound?: boolean
|
||||||
|
canBusiness?: boolean
|
||||||
|
canAllocate?: boolean
|
||||||
|
ownerType?: 'public' | 'terminal' | 'agent' | string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface PublicQueryCardParams {
|
||||||
|
tenantId?: string
|
||||||
|
cardValue: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export type CardRecognitionCode
|
||||||
|
= | 'CARD_RECOGNIZED'
|
||||||
|
| 'CARD_AMBIGUOUS'
|
||||||
|
| 'CARD_UNREADABLE'
|
||||||
|
| 'RECOGNITION_TIMEOUT'
|
||||||
|
| 'RECOGNITION_FAILED'
|
||||||
|
| 'RECOGNITION_DISABLED'
|
||||||
|
| 'RECOGNITION_RATE_LIMITED'
|
||||||
|
|
||||||
|
export interface CardRecognitionRes {
|
||||||
|
code: CardRecognitionCode | string
|
||||||
|
message: string
|
||||||
|
cardType: 'iccid' | string
|
||||||
|
cardValue: string
|
||||||
|
confidence: number
|
||||||
|
candidates: string[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface CardListParams {
|
||||||
|
page?: number
|
||||||
|
pageSize?: number
|
||||||
|
cardValue?: string
|
||||||
|
status?: string
|
||||||
|
categoryCode?: string
|
||||||
|
includeTotal?: boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppPackage {
|
||||||
|
id: number
|
||||||
|
subscriptionNo?: string
|
||||||
|
packageCode?: string
|
||||||
|
packageName?: string
|
||||||
|
packageType?: number
|
||||||
|
packageTypeName?: string
|
||||||
|
categoryCode?: string
|
||||||
|
categoryName?: string
|
||||||
|
iccid?: string
|
||||||
|
msisdn?: string
|
||||||
|
cardId?: number
|
||||||
|
cardValue?: string
|
||||||
|
cardRemark?: string
|
||||||
|
terminalName?: string
|
||||||
|
businessType?: number
|
||||||
|
businessTypeName?: string
|
||||||
|
effectiveStatus?: number
|
||||||
|
status?: string
|
||||||
|
statusType?: 'danger' | 'primary' | 'success' | 'warning' | string
|
||||||
|
filterValue?: string
|
||||||
|
effectiveTime?: string
|
||||||
|
expireTime?: string
|
||||||
|
validText?: string
|
||||||
|
effectText?: string
|
||||||
|
flowMb?: number
|
||||||
|
flowText?: string
|
||||||
|
ownerType?: 'public' | 'terminal' | 'agent' | string
|
||||||
|
canBusiness?: boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface PackageListParams {
|
||||||
|
page?: number
|
||||||
|
pageSize?: number
|
||||||
|
keyword?: string
|
||||||
|
cardValue?: string
|
||||||
|
subscriptionNo?: string
|
||||||
|
packageCode?: string
|
||||||
|
status?: string
|
||||||
|
categoryCode?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface PublicPackageDetailParams {
|
||||||
|
tenantId?: string
|
||||||
|
cardValue: string
|
||||||
|
packageCode?: string
|
||||||
|
subscriptionNo?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface BindCardParams {
|
||||||
|
tenantId?: string
|
||||||
|
cardValue: string
|
||||||
|
remark?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface RestartCardParams {
|
||||||
|
cardValue: string
|
||||||
|
remark?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface CardLifecycleParams {
|
||||||
|
cardValue?: string
|
||||||
|
cardValues?: string[]
|
||||||
|
operation: 'stop' | 'start' | 'restart' | string
|
||||||
|
remark?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface CardLifecycleStatusParams {
|
||||||
|
batchNo: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface RenewPrepareParams {
|
||||||
|
cardValue: string
|
||||||
|
packageCode?: string
|
||||||
|
subscriptionNo?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface RenewBatchPrepareParams {
|
||||||
|
cardValues: string[]
|
||||||
|
packageCode?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface RenewSubmitParams {
|
||||||
|
cardValue: string
|
||||||
|
packageCode?: string
|
||||||
|
subscriptionNo?: string
|
||||||
|
durationMonths?: number
|
||||||
|
durationYears?: number
|
||||||
|
buyerNote?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface RenewBatchSubmitParams {
|
||||||
|
cardValues?: string[]
|
||||||
|
batchNo?: string
|
||||||
|
packageCode?: string
|
||||||
|
durationMonths?: number
|
||||||
|
durationYears?: number
|
||||||
|
buyerNote?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AllocateTargetListParams {
|
||||||
|
page?: number
|
||||||
|
pageSize?: number
|
||||||
|
keyword?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AllocateTarget {
|
||||||
|
deptId: number
|
||||||
|
parentId?: number
|
||||||
|
deptKey?: string
|
||||||
|
deptName: string
|
||||||
|
deptCategory?: string
|
||||||
|
targetScope?: string
|
||||||
|
targetScopeName?: string
|
||||||
|
label?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AllocateBatchPrepareParams {
|
||||||
|
cardValues: string[]
|
||||||
|
targetDeptId: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AllocateBatchSubmitParams {
|
||||||
|
cardValues?: string[]
|
||||||
|
batchNo: string
|
||||||
|
targetDeptId?: number
|
||||||
|
remark?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ChangePrepareParams {
|
||||||
|
cardValues: string[]
|
||||||
|
newPackageCode?: string
|
||||||
|
targetPackageCode?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ChangeSubmitParams {
|
||||||
|
cardValues?: string[]
|
||||||
|
batchNo: string
|
||||||
|
newPackageCode: string
|
||||||
|
durationMonths: number
|
||||||
|
buyerNote?: string
|
||||||
|
remark?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface CardQueryRes {
|
||||||
|
card: AppCard
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface CardListRes {
|
||||||
|
items: AppCard[]
|
||||||
|
total: number
|
||||||
|
hasMore?: boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface PackageListRes {
|
||||||
|
items: AppPackage[]
|
||||||
|
total: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface PackageDetailRes {
|
||||||
|
package: AppPackage
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface RestartCardRes {
|
||||||
|
batchNo: string
|
||||||
|
batchType: number
|
||||||
|
status: string
|
||||||
|
card: AppCard
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface CardLifecycleRes {
|
||||||
|
batchNo: string
|
||||||
|
batchType: number
|
||||||
|
operation: string
|
||||||
|
status: string
|
||||||
|
quantity: number
|
||||||
|
successCount?: number
|
||||||
|
failCount?: number
|
||||||
|
failReason?: string
|
||||||
|
cards: AppCard[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AllocateTargetListRes {
|
||||||
|
items: AllocateTarget[]
|
||||||
|
total: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AllocateBatchRes {
|
||||||
|
batchNo: string
|
||||||
|
sourceBatchNo?: string
|
||||||
|
batchType: number
|
||||||
|
quantity: number
|
||||||
|
totalCount?: number
|
||||||
|
validCount?: number
|
||||||
|
failCount?: number
|
||||||
|
failReason?: string
|
||||||
|
target: AllocateTarget
|
||||||
|
cards: AppCard[]
|
||||||
|
details?: Array<{
|
||||||
|
rowNo: number
|
||||||
|
itemId: string
|
||||||
|
status: string
|
||||||
|
errorReason?: string
|
||||||
|
}>
|
||||||
|
status: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ChangePackageOption {
|
||||||
|
package: AppPackage
|
||||||
|
options: AppRenewOption[]
|
||||||
|
unitPrice: number
|
||||||
|
priceText: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ChangePrepareRes {
|
||||||
|
batchNo: string
|
||||||
|
batchType: number
|
||||||
|
quantity: number
|
||||||
|
cards: AppCard[]
|
||||||
|
currentPackage: AppPackage
|
||||||
|
targetPackages: ChangePackageOption[]
|
||||||
|
effectiveRule: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ChangeSubmitRes {
|
||||||
|
batchNo: string
|
||||||
|
batchType: number
|
||||||
|
orderId: number
|
||||||
|
orderSn: string
|
||||||
|
totalAmount: number
|
||||||
|
priceText: string
|
||||||
|
quantity: number
|
||||||
|
orderStatus: number
|
||||||
|
payStatus: number
|
||||||
|
status: string
|
||||||
|
effectiveRule: string
|
||||||
|
cards: AppCard[]
|
||||||
|
currentPackage: AppPackage
|
||||||
|
newPackage: AppPackage
|
||||||
|
option: AppRenewOption
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppRenewOption {
|
||||||
|
durationMonths: number
|
||||||
|
actualDurationMonths?: number
|
||||||
|
durationYears?: number
|
||||||
|
durationValue?: number
|
||||||
|
durationUnit?: string
|
||||||
|
durationUnitText?: string
|
||||||
|
label: string
|
||||||
|
unitPrice: number
|
||||||
|
totalAmount: number
|
||||||
|
priceText: string
|
||||||
|
expireAfter?: string
|
||||||
|
recommended?: boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface RenewPackageOption {
|
||||||
|
package: AppPackage
|
||||||
|
packageCode: string
|
||||||
|
packageName: string
|
||||||
|
renewUnitPrice: number
|
||||||
|
unitPrice?: number
|
||||||
|
priceSource?: string
|
||||||
|
priceText?: string
|
||||||
|
renewableDurationOptions?: number[]
|
||||||
|
options: AppRenewOption[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface RenewPrepareRes {
|
||||||
|
batchNo?: string
|
||||||
|
batchType?: number
|
||||||
|
card: AppCard
|
||||||
|
cards?: AppCard[]
|
||||||
|
quantity?: number
|
||||||
|
currentPackage?: AppPackage
|
||||||
|
package: AppPackage
|
||||||
|
renewablePackageCodes?: string[]
|
||||||
|
renewablePackages?: RenewPackageOption[]
|
||||||
|
options: AppRenewOption[]
|
||||||
|
priceSource: string
|
||||||
|
unitPrice: number
|
||||||
|
effectiveRule: string
|
||||||
|
recommendIndex: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface RenewSubmitRes {
|
||||||
|
batchNo?: string
|
||||||
|
batchType?: number
|
||||||
|
orderId: number
|
||||||
|
orderSn: string
|
||||||
|
totalAmount: number
|
||||||
|
priceText: string
|
||||||
|
quantity?: number
|
||||||
|
orderStatus: number
|
||||||
|
payStatus: number
|
||||||
|
status: string
|
||||||
|
effectiveRule: string
|
||||||
|
card: AppCard
|
||||||
|
cards?: AppCard[]
|
||||||
|
package: AppPackage
|
||||||
|
option: AppRenewOption
|
||||||
|
}
|
||||||
@@ -0,0 +1,53 @@
|
|||||||
|
import type { AppEnterpriseProfile, AppTerminalProfile } from './login'
|
||||||
|
|
||||||
|
export type AppCustomerType = 'all' | 'enterprise' | 'terminal'
|
||||||
|
|
||||||
|
export interface CustomerListParams {
|
||||||
|
page?: number
|
||||||
|
pageSize?: number
|
||||||
|
keyword?: string
|
||||||
|
customerType?: AppCustomerType
|
||||||
|
status?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppCustomer {
|
||||||
|
customerType: AppCustomerType | string
|
||||||
|
customerTypeName: string
|
||||||
|
customerId: number
|
||||||
|
deptId?: number
|
||||||
|
terminalId?: number
|
||||||
|
parentDeptId?: number
|
||||||
|
customerCode?: string
|
||||||
|
customerName: string
|
||||||
|
deptCategory?: string
|
||||||
|
phone?: string
|
||||||
|
email?: string
|
||||||
|
status?: string
|
||||||
|
statusText: string
|
||||||
|
realNameStatus: string
|
||||||
|
balance?: number
|
||||||
|
cardCount: number
|
||||||
|
normalCardCount: number
|
||||||
|
address?: string
|
||||||
|
fullName?: string
|
||||||
|
createdAt?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppCustomerDetail extends AppCustomer {
|
||||||
|
enterpriseProfile?: AppEnterpriseProfile | null
|
||||||
|
terminalProfile?: AppTerminalProfile | null
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface CustomerListRes {
|
||||||
|
items: AppCustomer[]
|
||||||
|
total: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface CustomerDetailParams {
|
||||||
|
customerType: Exclude<AppCustomerType, 'all'> | string
|
||||||
|
customerId: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface CustomerDetailRes {
|
||||||
|
customer: AppCustomerDetail
|
||||||
|
}
|
||||||
@@ -0,0 +1,102 @@
|
|||||||
|
import type { AppCard } from './card'
|
||||||
|
|
||||||
|
export interface DiagnosisInfoParams {
|
||||||
|
queryCode: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface DiagnosisFlowParams {
|
||||||
|
queryCode: string
|
||||||
|
queryType: '7d' | '30d' | '3M' | '6M'
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface DiagnosisInfoItem {
|
||||||
|
iccid?: string
|
||||||
|
imsi?: string
|
||||||
|
msisdn?: string
|
||||||
|
status?: string
|
||||||
|
dataStatus?: string
|
||||||
|
onlineStatus?: string
|
||||||
|
operatingStatus?: string
|
||||||
|
deviceStatus?: string
|
||||||
|
imeiStatus?: string
|
||||||
|
regionLimitStatus?: string
|
||||||
|
regionLimitOrderStatus?: string
|
||||||
|
regionLimitTriggerStatus?: string
|
||||||
|
regionLimitType?: string
|
||||||
|
regionLimitArea?: string
|
||||||
|
humanLimitStatus?: string
|
||||||
|
rateLimitStatus?: string
|
||||||
|
rateLimitReason?: string
|
||||||
|
rateLimitDetail?: string
|
||||||
|
rateLimitApnDetails?: DiagnosisRateLimitApnItem[]
|
||||||
|
packageTotalFlowMb?: number
|
||||||
|
usedFlowMb?: number
|
||||||
|
remainFlowMb?: number
|
||||||
|
flowSyncTime?: string
|
||||||
|
stopReason?: string
|
||||||
|
frozenStatus?: string
|
||||||
|
frozenReason?: string
|
||||||
|
frozenOperTime?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface DiagnosisRateLimitApnItem {
|
||||||
|
apnName?: string
|
||||||
|
apnStatus?: string
|
||||||
|
modifyTime?: string
|
||||||
|
overUseDetails?: string
|
||||||
|
apnServiceUsageState?: string
|
||||||
|
pccDetails?: DiagnosisRateLimitPccItem[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface DiagnosisRateLimitPccItem {
|
||||||
|
pccServiceCode?: string
|
||||||
|
pccName?: string
|
||||||
|
pccPolicyStatus?: string
|
||||||
|
pccServiceUsageState?: string
|
||||||
|
modifyTime?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface DiagnosisSessionItem {
|
||||||
|
apnId?: string
|
||||||
|
rat?: string
|
||||||
|
imei?: string
|
||||||
|
createTime?: string
|
||||||
|
ipv4?: string
|
||||||
|
ipv6?: string
|
||||||
|
ipv6Prefix?: string
|
||||||
|
status?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface DiagnosisPackageItem {
|
||||||
|
packageName?: string
|
||||||
|
packageType?: string
|
||||||
|
effectiveStatus?: string
|
||||||
|
packageTotalFlowMb?: number
|
||||||
|
usedFlowMb?: number
|
||||||
|
remainFlowMb?: number
|
||||||
|
durationMonths?: number
|
||||||
|
expectedExpireTime?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface DiagnosisInfoRes {
|
||||||
|
info?: DiagnosisInfoItem
|
||||||
|
session?: DiagnosisSessionItem
|
||||||
|
package?: DiagnosisPackageItem
|
||||||
|
modules?: Record<string, DiagnosisModuleItem>
|
||||||
|
card?: AppCard
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface DiagnosisModuleItem {
|
||||||
|
status: 'success' | 'error' | 'cached' | 'skipped' | string
|
||||||
|
message?: string
|
||||||
|
cached?: boolean
|
||||||
|
updatedAt?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface DiagnosisFlowRes {
|
||||||
|
times: string[]
|
||||||
|
flow: number[]
|
||||||
|
unit: string
|
||||||
|
granularity?: 'day' | 'month' | string
|
||||||
|
hasData?: boolean
|
||||||
|
}
|
||||||
@@ -0,0 +1,246 @@
|
|||||||
|
export type AuthMode = 'single' | 'double'
|
||||||
|
|
||||||
|
export interface ISingleTokenRes {
|
||||||
|
token: string
|
||||||
|
expiresIn: number
|
||||||
|
userInfo?: IUserInfoRes
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IDoubleTokenRes {
|
||||||
|
accessToken: string
|
||||||
|
refreshToken: string
|
||||||
|
accessExpiresIn: number
|
||||||
|
refreshExpiresIn: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ILoginCandidate {
|
||||||
|
userId: number
|
||||||
|
username: string
|
||||||
|
nickName: string
|
||||||
|
phone: string
|
||||||
|
deptId?: number
|
||||||
|
deptName: string
|
||||||
|
userType: string
|
||||||
|
role: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ILoginSelectRes {
|
||||||
|
needSelect: true
|
||||||
|
candidates: ILoginCandidate[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export type IAuthLoginRes = ISingleTokenRes | IDoubleTokenRes | ILoginSelectRes
|
||||||
|
|
||||||
|
export interface IWechatNeedBindRes {
|
||||||
|
needBindPhone: true
|
||||||
|
bindTicket: string
|
||||||
|
bindExpireIn?: number
|
||||||
|
needSelect?: boolean
|
||||||
|
candidates?: ILoginCandidate[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export type IWechatLoginRes = ISingleTokenRes | IDoubleTokenRes | IWechatNeedBindRes
|
||||||
|
export type IWechatBindPhoneRes = ISingleTokenRes
|
||||||
|
| IDoubleTokenRes
|
||||||
|
| (ILoginSelectRes & Pick<IWechatNeedBindRes, 'needBindPhone' | 'bindTicket'>)
|
||||||
|
|
||||||
|
export type UserRole = string
|
||||||
|
|
||||||
|
export interface AppEnterpriseProfile {
|
||||||
|
deptId?: number
|
||||||
|
cardCount?: number
|
||||||
|
deptName: string
|
||||||
|
deptKey: string
|
||||||
|
phone: string
|
||||||
|
email: string
|
||||||
|
statusText: string
|
||||||
|
creditCode: string
|
||||||
|
areaCode: string
|
||||||
|
address: string
|
||||||
|
fullName: string
|
||||||
|
industry: string
|
||||||
|
legalPersonName: string
|
||||||
|
legalPersonIdCard: string
|
||||||
|
companyType: string
|
||||||
|
establishTime: string
|
||||||
|
bankName: string
|
||||||
|
bankAccount: string
|
||||||
|
realNameStatus: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppTerminalProfile {
|
||||||
|
cardCount?: number
|
||||||
|
terminalName: string
|
||||||
|
phone: string
|
||||||
|
email: string
|
||||||
|
statusText: string
|
||||||
|
creditCode: string
|
||||||
|
areaCode: string
|
||||||
|
address: string
|
||||||
|
fullName: string
|
||||||
|
industry: string
|
||||||
|
legalPersonName: string
|
||||||
|
legalPersonIdCard: string
|
||||||
|
companyType: string
|
||||||
|
establishTime: string
|
||||||
|
bankName: string
|
||||||
|
bankAccount: string
|
||||||
|
realNameStatus: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ILoginForm {
|
||||||
|
tenantId: string
|
||||||
|
account: string
|
||||||
|
username?: string
|
||||||
|
password: string
|
||||||
|
selectedUserId?: number
|
||||||
|
wxCode?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IWechatLoginForm {
|
||||||
|
tenantId: string
|
||||||
|
wxCode: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IWechatBindPhoneForm {
|
||||||
|
tenantId: string
|
||||||
|
bindTicket: string
|
||||||
|
phone: string
|
||||||
|
captchaKey?: string
|
||||||
|
captchaPoint?: string
|
||||||
|
selectedUserId?: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IRegisterForm {
|
||||||
|
tenantId: string
|
||||||
|
phone: string
|
||||||
|
password: string
|
||||||
|
nickName: string
|
||||||
|
/** 短信验证码：当前注册未接入短信，图形验证通过后可为空 */
|
||||||
|
smsCode?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IForgotPasswordForm {
|
||||||
|
tenantId: string
|
||||||
|
phone: string
|
||||||
|
password: string
|
||||||
|
smsCode: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IUserInfoRes {
|
||||||
|
userId?: number
|
||||||
|
tenantId?: string
|
||||||
|
deptId?: number
|
||||||
|
username: string
|
||||||
|
nickName: string
|
||||||
|
nickname?: string
|
||||||
|
phone: string
|
||||||
|
avatar?: string
|
||||||
|
sex?: '0' | '1' | '2' | string
|
||||||
|
userType?: string
|
||||||
|
isTerminal?: boolean
|
||||||
|
canEnterpriseBusiness?: boolean
|
||||||
|
wechatBound?: boolean
|
||||||
|
wechatBindText?: string
|
||||||
|
balance?: number
|
||||||
|
role?: UserRole
|
||||||
|
roleName?: string
|
||||||
|
roleKey?: string
|
||||||
|
roleNames?: string[]
|
||||||
|
roles?: UserRole[]
|
||||||
|
accessCodes?: string[]
|
||||||
|
enterpriseProfile?: AppEnterpriseProfile | null
|
||||||
|
terminalProfile?: AppTerminalProfile | null
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AuthStorage {
|
||||||
|
mode: AuthMode
|
||||||
|
tokens: ISingleTokenRes | IDoubleTokenRes
|
||||||
|
userInfo?: IUserInfoRes
|
||||||
|
loginTime: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ISideCaptcha {
|
||||||
|
captchaKey: string
|
||||||
|
imageBase64: string
|
||||||
|
tileBase64: string
|
||||||
|
tileWidth: number
|
||||||
|
tileHeight: number
|
||||||
|
tileX: number
|
||||||
|
tileY: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ICheckSideCaptchaForm {
|
||||||
|
captchaKey: string
|
||||||
|
point: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ISendSmsForm {
|
||||||
|
tenantId: string
|
||||||
|
phone: string
|
||||||
|
scene: 'register' | 'forgotPassword'
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ISendSmsRes {
|
||||||
|
success: boolean
|
||||||
|
smsCode?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IUploadSuccessInfo {
|
||||||
|
fileId: number
|
||||||
|
originalName: string
|
||||||
|
fileName: string
|
||||||
|
storagePath: string
|
||||||
|
fileHash: string
|
||||||
|
fileType: string
|
||||||
|
fileBusinessType: string
|
||||||
|
fileSize: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IUpdateInfo {
|
||||||
|
nickName: string
|
||||||
|
avatar?: string
|
||||||
|
sex: string
|
||||||
|
terminalName?: string
|
||||||
|
phone?: string
|
||||||
|
email?: string
|
||||||
|
creditCode?: string
|
||||||
|
areaCode?: string
|
||||||
|
address?: string
|
||||||
|
fullName?: string
|
||||||
|
industry?: string
|
||||||
|
legalPersonName?: string
|
||||||
|
legalPersonIdCard?: string
|
||||||
|
companyType?: string
|
||||||
|
establishTime?: string
|
||||||
|
bankName?: string
|
||||||
|
bankAccount?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IWechatBindForm {
|
||||||
|
wxCode: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IWechatBindRes {
|
||||||
|
success: boolean
|
||||||
|
userInfo: IUserInfoRes
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IUpdatePassword {
|
||||||
|
oldPassword: string
|
||||||
|
newPassword: string
|
||||||
|
confirmPassword: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export function isSingleTokenRes(tokenRes: IAuthLoginRes): tokenRes is ISingleTokenRes {
|
||||||
|
return 'token' in tokenRes && !('refreshToken' in tokenRes)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function isDoubleTokenRes(tokenRes: IAuthLoginRes): tokenRes is IDoubleTokenRes {
|
||||||
|
return 'accessToken' in tokenRes && 'refreshToken' in tokenRes
|
||||||
|
}
|
||||||
|
|
||||||
|
export function isLoginSelectRes(tokenRes: IAuthLoginRes): tokenRes is ILoginSelectRes {
|
||||||
|
return 'needSelect' in tokenRes && tokenRes.needSelect === true
|
||||||
|
}
|
||||||
@@ -0,0 +1,63 @@
|
|||||||
|
export type MessageGroupKey = 'system' | 'card' | string
|
||||||
|
|
||||||
|
export type MessageTagType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'volcano' | 'lightblue' | 'cyan' | 'pink' | 'purple'
|
||||||
|
|
||||||
|
export interface MessageItem {
|
||||||
|
messageId?: number
|
||||||
|
group?: MessageGroupKey
|
||||||
|
source?: 'user_message' | 'card_warn' | string
|
||||||
|
title: string
|
||||||
|
summary: string
|
||||||
|
time: string
|
||||||
|
unread: boolean
|
||||||
|
tag?: string
|
||||||
|
tagType?: MessageTagType
|
||||||
|
link?: string
|
||||||
|
cardValue?: string
|
||||||
|
warnType?: string
|
||||||
|
severity?: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface MessageGroup {
|
||||||
|
key: MessageGroupKey
|
||||||
|
label: string
|
||||||
|
unreadCount: number
|
||||||
|
searchPlaceholder: string
|
||||||
|
tag: string
|
||||||
|
tagType: MessageTagType
|
||||||
|
list: MessageItem[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WarnSummary {
|
||||||
|
total: number
|
||||||
|
critical: number
|
||||||
|
warning: number
|
||||||
|
reminder: number
|
||||||
|
latestTime?: string
|
||||||
|
items?: MessageItem[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface MessageCenterParams {
|
||||||
|
page?: number
|
||||||
|
pageSize?: number
|
||||||
|
group?: MessageGroupKey
|
||||||
|
keyword?: string
|
||||||
|
timeRange?: MessageTimeRange
|
||||||
|
sortBy?: MessageSortBy
|
||||||
|
}
|
||||||
|
|
||||||
|
export type MessageTimeRange = 'all' | '30d'
|
||||||
|
|
||||||
|
export type MessageSortBy = 'none' | 'time_desc' | 'time_asc'
|
||||||
|
|
||||||
|
export interface MessageCenterRes {
|
||||||
|
groups: MessageGroup[]
|
||||||
|
totalUnread: number
|
||||||
|
warnSummary?: WarnSummary
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface MessageReadParams {
|
||||||
|
messageIds: number[]
|
||||||
|
group?: MessageGroupKey
|
||||||
|
source?: MessageItem['source']
|
||||||
|
}
|
||||||
@@ -0,0 +1,72 @@
|
|||||||
|
export interface OrderListParams {
|
||||||
|
page: number
|
||||||
|
pageSize: number
|
||||||
|
keyword?: string
|
||||||
|
orderType?: number
|
||||||
|
payStatus?: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppOrderItem {
|
||||||
|
itemId: number
|
||||||
|
productName: string
|
||||||
|
productSn: string
|
||||||
|
price: number
|
||||||
|
priceText: string
|
||||||
|
quantity: number
|
||||||
|
originPrice: number
|
||||||
|
originPriceText: string
|
||||||
|
productType: number
|
||||||
|
serviceBeginTime?: string
|
||||||
|
serviceEndTime?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppOrder {
|
||||||
|
orderId: number
|
||||||
|
orderSn: string
|
||||||
|
orderType: number
|
||||||
|
orderTypeText: string
|
||||||
|
orderStatus: number
|
||||||
|
orderStatusText: string
|
||||||
|
payType: number
|
||||||
|
payTypeText: string
|
||||||
|
payStatus: number
|
||||||
|
payStatusText: string
|
||||||
|
payOrderSn: string
|
||||||
|
returnStatus: number
|
||||||
|
returnStatusText: string
|
||||||
|
paymentExpireAt?: string
|
||||||
|
paymentRemainingSeconds?: number
|
||||||
|
paymentExpired?: boolean
|
||||||
|
totalAmount: number
|
||||||
|
totalAmountText: string
|
||||||
|
paidAmount: number
|
||||||
|
paidAmountText: string
|
||||||
|
onlinePaidAmount: number
|
||||||
|
onlinePaidAmountText: string
|
||||||
|
balance: number
|
||||||
|
balanceText: string
|
||||||
|
unpaidAmount: number
|
||||||
|
unpaidAmountText: string
|
||||||
|
unrefundAmount: number
|
||||||
|
unrefundAmountText: string
|
||||||
|
buyerNote: string
|
||||||
|
remark: string
|
||||||
|
createdAt?: string
|
||||||
|
payTime?: string
|
||||||
|
itemSummary: string
|
||||||
|
itemCount: number
|
||||||
|
items?: AppOrderItem[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface OrderListRes {
|
||||||
|
items: AppOrder[]
|
||||||
|
total: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface OrderDetailParams {
|
||||||
|
orderSn: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface OrderDetailRes {
|
||||||
|
order: AppOrder
|
||||||
|
}
|
||||||
@@ -0,0 +1,127 @@
|
|||||||
|
import type { AppCard } from './card'
|
||||||
|
|
||||||
|
export interface WarningConfig {
|
||||||
|
id?: number
|
||||||
|
itemType?: number
|
||||||
|
itemId?: number
|
||||||
|
itemCode?: string
|
||||||
|
warnType?: number
|
||||||
|
warnUnit: number
|
||||||
|
warnTitle?: string
|
||||||
|
unitText?: string
|
||||||
|
firstWarn: number
|
||||||
|
secondWarn?: number
|
||||||
|
thirdWarn?: number
|
||||||
|
autoAction?: number
|
||||||
|
isEnabled: number
|
||||||
|
appNotifyEnabled?: number
|
||||||
|
wxTemplateId?: string
|
||||||
|
remark?: string
|
||||||
|
updatedAt?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WarningConfigListParams {
|
||||||
|
cardValue: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WarningConfigListRes {
|
||||||
|
card: AppCard
|
||||||
|
items: WarningConfig[]
|
||||||
|
templateId: string
|
||||||
|
templateReady: boolean
|
||||||
|
wechatBound: boolean
|
||||||
|
wechatBindText: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WarningConfigSaveParams {
|
||||||
|
cardValue: string
|
||||||
|
warnUnit: number
|
||||||
|
firstWarn: number
|
||||||
|
secondWarn?: number
|
||||||
|
thirdWarn?: number
|
||||||
|
isEnabled: number
|
||||||
|
appNotifyEnabled: number
|
||||||
|
remark?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WarningConfigSaveRes {
|
||||||
|
id: number
|
||||||
|
config: WarningConfig
|
||||||
|
templateId: string
|
||||||
|
templateReady: boolean
|
||||||
|
wechatBound: boolean
|
||||||
|
wechatBindText: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WarningConfigNotifyParams {
|
||||||
|
cardValue: string
|
||||||
|
warnUnit?: number
|
||||||
|
appNotifyEnabled: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WarningConfigNotifyRes {
|
||||||
|
appNotifyEnabled: number
|
||||||
|
config?: WarningConfig
|
||||||
|
templateId: string
|
||||||
|
templateReady: boolean
|
||||||
|
wechatBound: boolean
|
||||||
|
wechatBindText: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WarningConfigMetaRes {
|
||||||
|
templateId: string
|
||||||
|
templateReady: boolean
|
||||||
|
wechatBound: boolean
|
||||||
|
wechatBindText: string
|
||||||
|
appNotifyEnabled: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WarningConfigBatchSaveParams {
|
||||||
|
cardValues: string[]
|
||||||
|
configs: WarningConfigBatchItemParams[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WarningConfigBatchItemParams {
|
||||||
|
warnUnit: number
|
||||||
|
firstWarn: number
|
||||||
|
secondWarn?: number
|
||||||
|
thirdWarn?: number
|
||||||
|
isEnabled: number
|
||||||
|
appNotifyEnabled: number
|
||||||
|
remark?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WarningConfigBatchFailItem {
|
||||||
|
cardValue: string
|
||||||
|
reason: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WarningConfigBatchSaveRes {
|
||||||
|
batchNo: string
|
||||||
|
totalCount: number
|
||||||
|
successCount: number
|
||||||
|
failCount: number
|
||||||
|
failItems: WarningConfigBatchFailItem[]
|
||||||
|
templateId: string
|
||||||
|
templateReady: boolean
|
||||||
|
wechatBound: boolean
|
||||||
|
wechatBindText: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WarningConfigBatchNotifyParams {
|
||||||
|
cardValues: string[]
|
||||||
|
warnUnit?: number
|
||||||
|
appNotifyEnabled: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WarningConfigBatchNotifyRes {
|
||||||
|
appNotifyEnabled: number
|
||||||
|
totalCount: number
|
||||||
|
successCount: number
|
||||||
|
failCount: number
|
||||||
|
failItems: WarningConfigBatchFailItem[]
|
||||||
|
templateId: string
|
||||||
|
templateReady: boolean
|
||||||
|
wechatBound: boolean
|
||||||
|
wechatBindText: string
|
||||||
|
}
|
||||||
@@ -0,0 +1,62 @@
|
|||||||
|
export interface WorkOrderListParams {
|
||||||
|
page: number
|
||||||
|
pageSize: number
|
||||||
|
keyword?: string
|
||||||
|
currentStatus?: number
|
||||||
|
woType?: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WorkOrderDetailParams {
|
||||||
|
woNo: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WorkOrderCreateParams {
|
||||||
|
woType: number
|
||||||
|
relatedId?: number
|
||||||
|
title: string
|
||||||
|
content: string
|
||||||
|
attachmentUrls?: string[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppWorkOrderCommunication {
|
||||||
|
id: number
|
||||||
|
woNo: string
|
||||||
|
commType: number
|
||||||
|
commTypeText: string
|
||||||
|
senderName: string
|
||||||
|
content: string
|
||||||
|
attachmentUrls?: string[]
|
||||||
|
createdAt?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AppWorkOrder {
|
||||||
|
id: number
|
||||||
|
woNo: string
|
||||||
|
woType: number
|
||||||
|
woTypeText: string
|
||||||
|
relatedId: number
|
||||||
|
title: string
|
||||||
|
content: string
|
||||||
|
creatorType: number
|
||||||
|
creatorName: string
|
||||||
|
creatorPhone: string
|
||||||
|
currentStatus: number
|
||||||
|
currentStatusText: string
|
||||||
|
statusType: string
|
||||||
|
createdAt?: string
|
||||||
|
updatedAt?: string
|
||||||
|
communications?: AppWorkOrderCommunication[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WorkOrderListRes {
|
||||||
|
items: AppWorkOrder[]
|
||||||
|
total: number
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WorkOrderDetailRes {
|
||||||
|
workOrder: AppWorkOrder
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface WorkOrderCreateRes {
|
||||||
|
workOrder: AppWorkOrder
|
||||||
|
}
|
||||||
@@ -0,0 +1,81 @@
|
|||||||
|
import type {
|
||||||
|
WarningConfigBatchNotifyParams,
|
||||||
|
WarningConfigBatchNotifyRes,
|
||||||
|
WarningConfigBatchSaveParams,
|
||||||
|
WarningConfigBatchSaveRes,
|
||||||
|
WarningConfigListParams,
|
||||||
|
WarningConfigListRes,
|
||||||
|
WarningConfigMetaRes,
|
||||||
|
WarningConfigNotifyParams,
|
||||||
|
WarningConfigNotifyRes,
|
||||||
|
WarningConfigSaveParams,
|
||||||
|
WarningConfigSaveRes,
|
||||||
|
} from './types/warning'
|
||||||
|
import { http } from '@/http/http'
|
||||||
|
|
||||||
|
export type {
|
||||||
|
WarningConfig,
|
||||||
|
WarningConfigBatchItemParams,
|
||||||
|
WarningConfigBatchNotifyParams,
|
||||||
|
WarningConfigBatchNotifyRes,
|
||||||
|
WarningConfigBatchSaveParams,
|
||||||
|
WarningConfigBatchSaveRes,
|
||||||
|
WarningConfigListRes,
|
||||||
|
WarningConfigNotifyParams,
|
||||||
|
WarningConfigNotifyRes,
|
||||||
|
WarningConfigSaveParams,
|
||||||
|
} from './types/warning'
|
||||||
|
|
||||||
|
export function getWarningConfigList(params: WarningConfigListParams) {
|
||||||
|
return http.get<WarningConfigListRes>('/warning/config/list', params, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function saveWarningConfig(data: WarningConfigSaveParams) {
|
||||||
|
return http.post<WarningConfigSaveRes>('/warning/config/save', data, undefined, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function updateWarningConfigNotify(data: WarningConfigNotifyParams) {
|
||||||
|
return http.post<WarningConfigNotifyRes>(
|
||||||
|
'/warning/config/notify',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
{
|
||||||
|
hideErrorToast: true,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getWarningConfigMeta() {
|
||||||
|
return http.get<WarningConfigMetaRes>('/warning/config/meta', undefined, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function saveWarningConfigBatch(data: WarningConfigBatchSaveParams) {
|
||||||
|
return http.post<WarningConfigBatchSaveRes>(
|
||||||
|
'/warning/config/batch-save',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
{
|
||||||
|
hideErrorToast: true,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function updateWarningConfigNotifyBatch(data: WarningConfigBatchNotifyParams) {
|
||||||
|
return http.post<WarningConfigBatchNotifyRes>(
|
||||||
|
'/warning/config/batch-notify',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
{
|
||||||
|
hideErrorToast: true,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
import type {
|
||||||
|
WorkOrderCreateParams,
|
||||||
|
WorkOrderCreateRes,
|
||||||
|
WorkOrderDetailParams,
|
||||||
|
WorkOrderDetailRes,
|
||||||
|
WorkOrderListParams,
|
||||||
|
WorkOrderListRes,
|
||||||
|
} from './types/workOrder'
|
||||||
|
import { http } from '@/http/http'
|
||||||
|
|
||||||
|
export type {
|
||||||
|
AppWorkOrder,
|
||||||
|
AppWorkOrderCommunication,
|
||||||
|
WorkOrderCreateParams,
|
||||||
|
WorkOrderDetailParams,
|
||||||
|
WorkOrderListParams,
|
||||||
|
} from './types/workOrder'
|
||||||
|
|
||||||
|
export function getWorkOrderList(params: WorkOrderListParams) {
|
||||||
|
return http.get<WorkOrderListRes>('/work-order/list', params, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getWorkOrderDetail(params: WorkOrderDetailParams) {
|
||||||
|
return http.get<WorkOrderDetailRes>('/work-order/detail', params, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function createWorkOrder(data: WorkOrderCreateParams) {
|
||||||
|
return http.post<WorkOrderCreateRes>('/work-order/create', data, undefined, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,113 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import { getCurrentPageI18nKey, isCurrentPageTabbar } from '@/utils'
|
||||||
|
defineProps<{
|
||||||
|
desc?: string
|
||||||
|
}>()
|
||||||
|
/** ==================== 数据 ==================== */
|
||||||
|
const title = ref('')
|
||||||
|
const isTabbarPage = ref(true)
|
||||||
|
/** ==================== 方法 ==================== */
|
||||||
|
function handleClickLeft() {
|
||||||
|
uni.navigateBack()
|
||||||
|
}
|
||||||
|
|
||||||
|
/** ==================== 周期 ==================== */
|
||||||
|
onMounted(() => {
|
||||||
|
title.value = getCurrentPageI18nKey()
|
||||||
|
isTabbarPage.value = isCurrentPageTabbar()
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<wd-navbar
|
||||||
|
:fixed="true"
|
||||||
|
safe-area-inset-top
|
||||||
|
placeholder
|
||||||
|
custom-class="navbar"
|
||||||
|
>
|
||||||
|
<template #left>
|
||||||
|
<view
|
||||||
|
v-if="!isTabbarPage"
|
||||||
|
class="nav-back"
|
||||||
|
@click="handleClickLeft"
|
||||||
|
>
|
||||||
|
<wd-icon name="left" size="16px" custom-class="nav-back-ico" />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #title>
|
||||||
|
<view class="nav-title-row">
|
||||||
|
<view class="nav-title">{{ title }}</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</wd-navbar>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
:deep(.navbar) {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
background: #fff;
|
||||||
|
border-bottom: 1px solid #e2e8f0;
|
||||||
|
box-shadow: none;
|
||||||
|
|
||||||
|
.wd-navbar__content {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 4rpx !important;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
background: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wd-navbar__left {
|
||||||
|
padding: 0;
|
||||||
|
position: static;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wd-navbar__title {
|
||||||
|
max-width: 100%;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wd-navbar__right {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-back {
|
||||||
|
height: 52rpx;
|
||||||
|
width: 52rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
background: #eff6ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.nav-back-ico) {
|
||||||
|
color: #2563eb !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-title-row {
|
||||||
|
display: flex;
|
||||||
|
height: 64rpx;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-title {
|
||||||
|
max-width: 360rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
color: #0f172a;
|
||||||
|
font-size: 17px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 32px;
|
||||||
|
text-align: center;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,266 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import GoCaptchaUni from 'go-captcha-uni'
|
||||||
|
import { computed, getCurrentInstance, nextTick, onMounted, reactive, ref } from 'vue'
|
||||||
|
import { getSideCaptcha } from '@/api/login'
|
||||||
|
|
||||||
|
defineOptions({ name: 'SideCaptcha' })
|
||||||
|
|
||||||
|
const emit = defineEmits<{
|
||||||
|
confirm: [{ captchaKey: string, posX: number, posY: number }]
|
||||||
|
}>()
|
||||||
|
|
||||||
|
const instance = getCurrentInstance()
|
||||||
|
const DEFAULT_WIDTH = 300
|
||||||
|
const DEFAULT_HEIGHT = 220
|
||||||
|
|
||||||
|
const loading = ref(false)
|
||||||
|
const errorMessage = ref('')
|
||||||
|
const captchaKey = ref('')
|
||||||
|
const scaleRatio = ref(1)
|
||||||
|
const captchaRef = ref<InstanceType<typeof GoCaptchaUni> | null>(null)
|
||||||
|
let requestSerial = 0
|
||||||
|
|
||||||
|
const captchaConfig = reactive({
|
||||||
|
width: DEFAULT_WIDTH,
|
||||||
|
height: DEFAULT_HEIGHT,
|
||||||
|
showTheme: false,
|
||||||
|
verticalPadding: 0,
|
||||||
|
horizontalPadding: 0,
|
||||||
|
})
|
||||||
|
|
||||||
|
const captchaData = reactive({
|
||||||
|
thumbX: 0,
|
||||||
|
thumbY: 0,
|
||||||
|
thumbWidth: 0,
|
||||||
|
thumbHeight: 0,
|
||||||
|
image: '',
|
||||||
|
thumb: '',
|
||||||
|
})
|
||||||
|
|
||||||
|
const captchaReady = computed(() =>
|
||||||
|
!loading.value
|
||||||
|
&& !errorMessage.value
|
||||||
|
&& !!captchaKey.value
|
||||||
|
&& !!captchaData.image
|
||||||
|
&& !!captchaData.thumb
|
||||||
|
&& captchaData.thumbWidth > 0
|
||||||
|
&& captchaData.thumbHeight > 0,
|
||||||
|
)
|
||||||
|
|
||||||
|
function toBase64(src?: string) {
|
||||||
|
return src
|
||||||
|
? (src.startsWith('data:image') ? src : `data:image/png;base64,${src}`)
|
||||||
|
: ''
|
||||||
|
}
|
||||||
|
|
||||||
|
function stripBase64Prefix(src: string) {
|
||||||
|
return src.replace(/^data:image\/\w+;base64,/, '')
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeCaptchaImage(src: string, name: string) {
|
||||||
|
return new Promise<string>((resolve, reject) => {
|
||||||
|
const dataUri = toBase64(src)
|
||||||
|
if (!dataUri) {
|
||||||
|
reject(new Error('验证码图片为空'))
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
const userDataPath = wx.env?.USER_DATA_PATH
|
||||||
|
if (!userDataPath) {
|
||||||
|
reject(new Error('小程序本地图片目录不可用'))
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const filePath = `${userDataPath}/${name}-${Date.now()}-${Math.random().toString(36).slice(2)}.png`
|
||||||
|
wx.getFileSystemManager().writeFile({
|
||||||
|
filePath,
|
||||||
|
data: stripBase64Prefix(dataUri),
|
||||||
|
encoding: 'base64',
|
||||||
|
success: () => resolve(filePath),
|
||||||
|
fail: error => reject(new Error(error.errMsg || '验证码图片写入失败')),
|
||||||
|
})
|
||||||
|
// #endif
|
||||||
|
|
||||||
|
// #ifndef MP-WEIXIN
|
||||||
|
resolve(dataUri)
|
||||||
|
// #endif
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function measureContainerWidth(): Promise<number> {
|
||||||
|
return new Promise((resolve) => {
|
||||||
|
if (!instance) {
|
||||||
|
resolve(DEFAULT_WIDTH)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
uni
|
||||||
|
.createSelectorQuery()
|
||||||
|
.in(instance)
|
||||||
|
.select('.side-captcha-host')
|
||||||
|
.boundingClientRect((rect) => {
|
||||||
|
resolve(!Array.isArray(rect) && rect?.width ? Math.floor(rect.width) : DEFAULT_WIDTH)
|
||||||
|
})
|
||||||
|
.exec()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function getImageSize(src: string) {
|
||||||
|
return new Promise<{ width: number, height: number }>((resolve) => {
|
||||||
|
uni.getImageInfo({
|
||||||
|
src,
|
||||||
|
success: ({ width, height }) => resolve({ width, height }),
|
||||||
|
fail: () => resolve({ width: 0, height: 0 }),
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
async function fetchCaptcha() {
|
||||||
|
const currentRequest = ++requestSerial
|
||||||
|
loading.value = true
|
||||||
|
errorMessage.value = ''
|
||||||
|
captchaKey.value = ''
|
||||||
|
Object.assign(captchaData, {
|
||||||
|
thumbX: 0,
|
||||||
|
thumbY: 0,
|
||||||
|
thumbWidth: 0,
|
||||||
|
thumbHeight: 0,
|
||||||
|
image: '',
|
||||||
|
thumb: '',
|
||||||
|
})
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await getSideCaptcha()
|
||||||
|
const imageSrc = await normalizeCaptchaImage(res.imageBase64, 'side-captcha-bg')
|
||||||
|
const thumbSrc = await normalizeCaptchaImage(res.tileBase64, 'side-captcha-tile')
|
||||||
|
if (currentRequest !== requestSerial)
|
||||||
|
return
|
||||||
|
|
||||||
|
const captchaKeyValue = String(res.captchaKey || '').trim()
|
||||||
|
const tileWidth = Number(res.tileWidth || 0)
|
||||||
|
const tileHeight = Number(res.tileHeight || 0)
|
||||||
|
if (!captchaKeyValue || !imageSrc || !thumbSrc || tileWidth <= 0 || tileHeight <= 0)
|
||||||
|
throw new Error('验证码返回数据不完整')
|
||||||
|
|
||||||
|
await nextTick()
|
||||||
|
const containerW = await measureContainerWidth()
|
||||||
|
const { width: srcW, height: srcH } = await getImageSize(imageSrc)
|
||||||
|
const sourceWidth = srcW || 280
|
||||||
|
const sourceHeight = srcH || 170
|
||||||
|
const availableWidth = containerW > 0 ? containerW : DEFAULT_WIDTH
|
||||||
|
const displayWidth = Math.max(240, Math.min(availableWidth, sourceWidth))
|
||||||
|
const ratio = displayWidth / sourceWidth
|
||||||
|
|
||||||
|
scaleRatio.value = ratio
|
||||||
|
captchaConfig.width = displayWidth
|
||||||
|
captchaConfig.height = Math.round(sourceHeight * ratio) || DEFAULT_HEIGHT
|
||||||
|
|
||||||
|
captchaKey.value = captchaKeyValue
|
||||||
|
captchaData.image = imageSrc
|
||||||
|
captchaData.thumb = thumbSrc
|
||||||
|
captchaData.thumbX = Math.round((res.tileX || 0) * ratio)
|
||||||
|
captchaData.thumbY = Math.round((res.tileY || 0) * ratio)
|
||||||
|
captchaData.thumbWidth = Math.round(tileWidth * ratio)
|
||||||
|
captchaData.thumbHeight = Math.round(tileHeight * ratio)
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
if (currentRequest !== requestSerial)
|
||||||
|
return
|
||||||
|
console.error('获取滑块验证码失败:', error)
|
||||||
|
errorMessage.value = '验证码加载失败，请点击重新获取'
|
||||||
|
}
|
||||||
|
finally {
|
||||||
|
if (currentRequest === requestSerial)
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function onCaptchaConfirm(point: { x: number, y: number }) {
|
||||||
|
if (!captchaReady.value)
|
||||||
|
return
|
||||||
|
const posX = Math.round(point.x / (scaleRatio.value || 1))
|
||||||
|
const posY = Math.round(point.y / (scaleRatio.value || 1))
|
||||||
|
if (!Number.isFinite(posX) || !Number.isFinite(posY) || posX < 0 || posY < 0) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
emit('confirm', { captchaKey: captchaKey.value, posX, posY })
|
||||||
|
}
|
||||||
|
|
||||||
|
async function refresh() {
|
||||||
|
captchaRef.value?.clear()
|
||||||
|
await nextTick()
|
||||||
|
await fetchCaptcha()
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({ refresh })
|
||||||
|
|
||||||
|
onMounted(fetchCaptcha)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<view class="side-captcha-host w-full flex justify-center">
|
||||||
|
<view v-if="loading" class="min-h-[260px] flex items-center justify-center">
|
||||||
|
<wd-loading />
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<go-captcha-uni
|
||||||
|
v-else-if="captchaReady"
|
||||||
|
ref="captchaRef"
|
||||||
|
type="slide"
|
||||||
|
class="captcha"
|
||||||
|
:config="captchaConfig"
|
||||||
|
:data="captchaData"
|
||||||
|
@event-confirm="onCaptchaConfirm"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<view v-else class="captcha-error">
|
||||||
|
<view class="i-carbon-warning-alt captcha-error__icon" />
|
||||||
|
<text class="captcha-error__title">验证码暂时无法显示</text>
|
||||||
|
<text class="captcha-error__desc">{{ errorMessage || '请重新获取验证码' }}</text>
|
||||||
|
<wd-button size="small" type="primary" @click="refresh">
|
||||||
|
重新获取
|
||||||
|
</wd-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
:deep(.captcha) {
|
||||||
|
.gc-header {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.captcha-error {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 260px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 12rpx;
|
||||||
|
padding: 28rpx;
|
||||||
|
border: 1px solid #e2e8f0;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
background: #f8fafc;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.captcha-error__icon {
|
||||||
|
color: #94a3b8;
|
||||||
|
font-size: 42rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.captcha-error__title {
|
||||||
|
color: #334155;
|
||||||
|
font-size: 25rpx;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.captcha-error__desc {
|
||||||
|
max-width: 90%;
|
||||||
|
color: #64748b;
|
||||||
|
font-size: 22rpx;
|
||||||
|
line-height: 32rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,81 @@
|
|||||||
|
/*******************************
|
||||||
|
* 此文件由脚本自动生成，请勿手动修改 *
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面路径常量
|
||||||
|
*/
|
||||||
|
const RouterPath = {
|
||||||
|
/** 山东平台物联卡 */
|
||||||
|
Home: '/pages/home/index',
|
||||||
|
/** 办理 */
|
||||||
|
Business: '/pages/business/index',
|
||||||
|
/** 卡片 */
|
||||||
|
Card: '/pages/card/index',
|
||||||
|
/** 山东平台物联卡 */
|
||||||
|
Login: '/pages/login/index',
|
||||||
|
/** 消息 */
|
||||||
|
Message: '/pages/message/index',
|
||||||
|
/** 我的 */
|
||||||
|
User: '/pages/user/index',
|
||||||
|
/** 找回密码 */
|
||||||
|
'LoginForgot-password': '/pages/login/forgot-password/index',
|
||||||
|
/** 注册账号 */
|
||||||
|
LoginRegister: '/pages/login/register/index',
|
||||||
|
/** 加油包 */
|
||||||
|
BusinessViewsAddon: '/pages/business/views/addon/index',
|
||||||
|
/** 批量卡片划拨 */
|
||||||
|
BusinessViewsAllocate: '/pages/business/views/allocate/index',
|
||||||
|
/** 余额充值 */
|
||||||
|
BusinessViewsBalanceRecharge: '/pages/business/views/balanceRecharge/index',
|
||||||
|
/** 单卡套餐续费 */
|
||||||
|
BusinessViewsCardRenew: '/pages/business/views/cardRenew/index',
|
||||||
|
/** 套餐变更 */
|
||||||
|
BusinessViewsChange: '/pages/business/views/change/index',
|
||||||
|
/** 客户管理 */
|
||||||
|
BusinessViewsCustomer: '/pages/business/views/customer/index',
|
||||||
|
/** 客户详情 */
|
||||||
|
BusinessViewsCustomerDetail: '/pages/business/views/customerDetail/index',
|
||||||
|
/** 卡片排查 */
|
||||||
|
BusinessViewsDiagnosis: '/pages/business/views/diagnosis/index',
|
||||||
|
/** 我的订单 */
|
||||||
|
BusinessViewsOrder: '/pages/business/views/order/index',
|
||||||
|
/** 批量套餐续费 */
|
||||||
|
BusinessViewsRenew: '/pages/business/views/renew/index',
|
||||||
|
/** 预警配置 */
|
||||||
|
BusinessViewsWarning: '/pages/business/views/warning/index',
|
||||||
|
/** 工单列表 */
|
||||||
|
BusinessViewsWorkOrder: '/pages/business/views/workOrder/index',
|
||||||
|
/** 提交工单 */
|
||||||
|
BusinessViewsWorkOrderCreate: '/pages/business/views/workOrderCreate/index',
|
||||||
|
/** 工单详情 */
|
||||||
|
BusinessViewsWorkOrderDetail: '/pages/business/views/workOrderDetail/index',
|
||||||
|
/** 卡片详情 */
|
||||||
|
CardViewsDetail: '/pages/card/views/detail/index',
|
||||||
|
/** 全部设备 */
|
||||||
|
CardViewsManagement: '/pages/card/views/management/index',
|
||||||
|
/** 卡片详情 */
|
||||||
|
CardViewsPackageDetail: '/pages/card/views/packageDetail/index',
|
||||||
|
/** 预警配置 */
|
||||||
|
CardViewsWarning: '/pages/card/views/warning/index',
|
||||||
|
/** 消息详情 */
|
||||||
|
MessageViewsCardDetail: '/pages/message/views/cardDetail/index',
|
||||||
|
/** 消息详情 */
|
||||||
|
MessageViewsSystemDetail: '/pages/message/views/systemDetail/index',
|
||||||
|
/** 关于我们 */
|
||||||
|
UserViewsAbout: '/pages/user/views/about/index',
|
||||||
|
/** 协议与隐私 */
|
||||||
|
UserViewsAgreement: '/pages/user/views/agreement/index',
|
||||||
|
/** 联系客服 */
|
||||||
|
UserViewsContact: '/pages/user/views/contact/index',
|
||||||
|
/** 帮助与反馈 */
|
||||||
|
UserViewsFeedback: '/pages/user/views/feedback/index',
|
||||||
|
/** 微信提醒 */
|
||||||
|
UserViewsNotification: '/pages/user/views/notification/index',
|
||||||
|
/** 账号资料 */
|
||||||
|
UserViewsProfile: '/pages/user/views/profile/index',
|
||||||
|
/** 实名信息 */
|
||||||
|
UserViewsRealName: '/pages/user/views/realName/index',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default RouterPath
|
||||||
Vendored
+39
@@ -0,0 +1,39 @@
|
|||||||
|
/// <reference types="vite/client" />
|
||||||
|
/// <reference types="vite-svg-loader" />
|
||||||
|
|
||||||
|
declare module '*.vue' {
|
||||||
|
import type { DefineComponent } from 'vue'
|
||||||
|
|
||||||
|
const component: DefineComponent<{}, {}, any>
|
||||||
|
export default component
|
||||||
|
}
|
||||||
|
|
||||||
|
declare module '@qiun/ucharts' {
|
||||||
|
export default class UCharts {
|
||||||
|
constructor(options: Record<string, any>)
|
||||||
|
updateData(options?: Record<string, any>): void
|
||||||
|
showToolTip(event: unknown, options?: Record<string, any>): void
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ImportMetaEnv {
|
||||||
|
/** 网站标题，应用名称 */
|
||||||
|
readonly VITE_APP_TITLE: string
|
||||||
|
/** 服务端口号 */
|
||||||
|
readonly VITE_APP_PORT: string
|
||||||
|
/** 后台接口地址 */
|
||||||
|
readonly VITE_SERVER_BASEURL: string
|
||||||
|
/** 微信小程序后台接口地址，不配置则使用 VITE_SERVER_BASEURL */
|
||||||
|
readonly VITE_MP_SERVER_BASEURL?: string
|
||||||
|
/** 后端是否有统一前缀 /api */
|
||||||
|
readonly VITE_SERVER_HAS_API_PREFIX: 'true' | 'false'
|
||||||
|
/** 认证模式，'single' | 'double' ==> 单token | 双token */
|
||||||
|
readonly VITE_AUTH_MODE: 'single' | 'double'
|
||||||
|
/** 是否清除console */
|
||||||
|
readonly VITE_DELETE_CONSOLE: string
|
||||||
|
// 更多环境变量...
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ImportMeta {
|
||||||
|
readonly env: ImportMetaEnv
|
||||||
|
}
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
import type { Ref } from 'vue'
|
||||||
|
import { ref } from 'vue'
|
||||||
|
|
||||||
|
interface IUseRequestOptions<T> {
|
||||||
|
/** 是否立即执行 */
|
||||||
|
immediate?: boolean
|
||||||
|
/** 初始化数据 */
|
||||||
|
initialData?: T
|
||||||
|
}
|
||||||
|
|
||||||
|
interface IUseRequestReturn<T, P = undefined> {
|
||||||
|
loading: Ref<boolean>
|
||||||
|
error: Ref<boolean | Error>
|
||||||
|
data: Ref<T | undefined>
|
||||||
|
run: (args?: P) => Promise<T | undefined>
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* useRequest是一个定制化的请求钩子，用于处理异步请求和响应。
|
||||||
|
* @param func 一个执行异步请求的函数，返回一个包含响应数据的Promise。
|
||||||
|
* @param options 包含请求选项的对象 {immediate, initialData}。
|
||||||
|
* @param options.immediate 是否立即执行请求，默认为false。
|
||||||
|
* @param options.initialData 初始化数据，默认为undefined。
|
||||||
|
* @returns 返回一个对象{loading, error, data, run}，包含请求的加载状态、错误信息、响应数据和手动触发请求的函数。
|
||||||
|
*/
|
||||||
|
export default function useRequest<T, P = undefined>(
|
||||||
|
func: (args?: P) => Promise<T>,
|
||||||
|
options: IUseRequestOptions<T> = { immediate: false },
|
||||||
|
): IUseRequestReturn<T, P> {
|
||||||
|
const loading = ref(false)
|
||||||
|
const error = ref(false)
|
||||||
|
const data = ref<T | undefined>(options.initialData) as Ref<T | undefined>
|
||||||
|
const run = async (args?: P) => {
|
||||||
|
loading.value = true
|
||||||
|
return func(args)
|
||||||
|
.then((res) => {
|
||||||
|
data.value = res
|
||||||
|
error.value = false
|
||||||
|
return data.value
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
error.value = err
|
||||||
|
throw err
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
loading.value = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
if (options.immediate) {
|
||||||
|
(run as (args: P) => Promise<T | undefined>)({} as P)
|
||||||
|
}
|
||||||
|
return { loading, error, data, run }
|
||||||
|
}
|
||||||
@@ -0,0 +1,116 @@
|
|||||||
|
# 上拉刷新和下拉加载更多
|
||||||
|
|
||||||
|
在 unibest 框架中，我们通过组合 `useScroll` Hook 可结合 `scroll-view` 组件来轻松实现上拉刷新和下拉加载更多的功能。
|
||||||
|
场景一 页面滚动
|
||||||
|
|
||||||
|
```
|
||||||
|
definePage({
|
||||||
|
style: {
|
||||||
|
navigationBarTitleText: '上拉刷新和下拉加载更多',
|
||||||
|
enablePullDownRefresh: true,
|
||||||
|
onReachBottomDistance: 100,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
```
|
||||||
|
|
||||||
|
场景二 局部滚动 结合 `scroll-view`
|
||||||
|
|
||||||
|
## 关键文件
|
||||||
|
|
||||||
|
- `src/hooks/useScroll.ts`: 提供了核心的滚动逻辑处理 Hook。
|
||||||
|
- `src/pages-sub/demo/scroll.vue`: 一个具体的实现示例页面。
|
||||||
|
|
||||||
|
## `useScroll` Hook
|
||||||
|
|
||||||
|
`useScroll` 是一个 Vue Composition API Hook，它封装了处理下拉刷新和上拉加载的通用逻辑。
|
||||||
|
|
||||||
|
### 主要功能
|
||||||
|
|
||||||
|
- **管理加载状态**: 自动处理 `loading`（加载中）、`finished`（已加载全部）和 `error`（加载失败）等状态。
|
||||||
|
- **分页逻辑**: 内部维护分页参数（页码 `page` 和每页数量 `pageSize`）。
|
||||||
|
- **事件处理**: 提供 `onScrollToLower`（滚动到底部）、`onRefresherRefresh`（下拉刷新）等方法，用于在视图层触发。
|
||||||
|
- **数据合并**: 自动将新加载的数据追加到现有列表 `list` 中。
|
||||||
|
|
||||||
|
### 使用方法
|
||||||
|
|
||||||
|
```typescript
|
||||||
|
import { useScroll } from '@/hooks/useScroll'
|
||||||
|
import { getList } from '@/service/list' // 你的数据请求API
|
||||||
|
|
||||||
|
const {
|
||||||
|
list, // 响应式的数据列表
|
||||||
|
loading, // 是否加载中
|
||||||
|
finished, // 是否已全部加载
|
||||||
|
error, // 是否加载失败
|
||||||
|
onScrollToLower, // 滚动到底部时触发的事件
|
||||||
|
onRefresherRefresh, // 下拉刷新时触发的事件
|
||||||
|
} = useScroll(getList) // 将获取数据的API函数传入
|
||||||
|
```
|
||||||
|
|
||||||
|
## `scroll-view` 组件
|
||||||
|
|
||||||
|
`scroll-view` 是 uni-app 提供的可滚动视图区域组件，它提供了一系列属性来支持下拉刷新和上拉加载。
|
||||||
|
|
||||||
|
### 关键属性
|
||||||
|
|
||||||
|
- `scroll-y`: 允许纵向滚动。
|
||||||
|
- `refresher-enabled`: 启用下拉刷新。
|
||||||
|
- `refresher-triggered`: 控制下拉刷新动画的显示与隐藏，通过 `loading` 状态绑定。
|
||||||
|
- `@scrolltolower`: 滚动到底部时触发的事件，绑定 `onScrollToLower` 方法。
|
||||||
|
- `@refresherrefresh`: 触发下拉刷新时触发的事件，绑定 `onRefresherRefresh` 方法。
|
||||||
|
|
||||||
|
## 示例代码
|
||||||
|
|
||||||
|
以下是 `src/pages-sub/demo/scroll.vue` 中的核心代码，展示了如何将 `useScroll` 和 `scroll-view` 结合使用。
|
||||||
|
|
||||||
|
```vue
|
||||||
|
<template>
|
||||||
|
<view class="scroll-page">
|
||||||
|
<scroll-view
|
||||||
|
class="scroll-view"
|
||||||
|
scroll-y
|
||||||
|
:refresher-enabled="true"
|
||||||
|
:refresher-triggered="loading"
|
||||||
|
@scrolltolower="onScrollToLower"
|
||||||
|
@refresherrefresh="onRefresherRefresh"
|
||||||
|
>
|
||||||
|
<view v-for="item in list" :key="item.id" class="scroll-item">
|
||||||
|
{{ item.name }}
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 加载状态提示 -->
|
||||||
|
<view v-if="loading" class="loading-tip">加载中...</view>
|
||||||
|
<view v-if="finished" class="finished-tip">没有更多了</view>
|
||||||
|
<view v-if="error" class="error-tip">加载失败，请重试</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { useScroll } from '@/hooks/useScroll'
|
||||||
|
import { getList } from '@/service/list'
|
||||||
|
|
||||||
|
const { list, loading, finished, error, onScrollToLower, onRefresherRefresh } = useScroll(getList)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
/* 样式省略 */
|
||||||
|
.scroll-page, .scroll-view {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
```
|
||||||
|
|
||||||
|
## 实现步骤总结
|
||||||
|
|
||||||
|
1. **创建API**: 确保你有一个返回分页数据的API请求函数（例如 `getList`），它应该接受页码和页面大小作为参数。
|
||||||
|
2. **调用 `useScroll`**: 在你的页面脚本中，导入并调用 `useScroll` Hook，将你的API函数作为参数传入。
|
||||||
|
3. **模板绑定**:
|
||||||
|
- 使用 `scroll-view` 组件作为滚动容器。
|
||||||
|
- 将其 `refresher-triggered` 属性绑定到 `useScroll` 返回的 `loading` 状态。
|
||||||
|
- 将其 `@scrolltolower` 事件绑定到 `onScrollToLower` 方法。
|
||||||
|
- 将其 `@refresherrefresh` 事件绑定到 `onRefresherRefresh` 方法。
|
||||||
|
4. **渲染列表**: 使用 `v-for` 指令渲染 `useScroll` 返回的 `list` 数组。
|
||||||
|
5. **添加加载提示**: 根据 `loading`, `finished`, `error` 状态，在列表底部显示不同的提示信息，提升用户体验。
|
||||||
|
|
||||||
|
通过以上步骤，你就可以在项目中快速集成一个功能完善、体验良好的上拉刷新和下拉加载列表。
|
||||||
@@ -0,0 +1,74 @@
|
|||||||
|
import type { Ref } from 'vue'
|
||||||
|
import { onMounted, ref } from 'vue'
|
||||||
|
|
||||||
|
interface UseScrollOptions<T> {
|
||||||
|
fetchData: (page: number, pageSize: number) => Promise<T[]>
|
||||||
|
pageSize?: number
|
||||||
|
}
|
||||||
|
|
||||||
|
interface UseScrollReturn<T> {
|
||||||
|
list: Ref<T[]>
|
||||||
|
loading: Ref<boolean>
|
||||||
|
finished: Ref<boolean>
|
||||||
|
error: Ref<any>
|
||||||
|
refresh: () => Promise<void>
|
||||||
|
loadMore: () => Promise<void>
|
||||||
|
}
|
||||||
|
|
||||||
|
export function useScroll<T>({
|
||||||
|
fetchData,
|
||||||
|
pageSize = 10,
|
||||||
|
}: UseScrollOptions<T>): UseScrollReturn<T> {
|
||||||
|
const list = ref<T[]>([]) as Ref<T[]>
|
||||||
|
const loading = ref(false)
|
||||||
|
const finished = ref(false)
|
||||||
|
const error = ref<any>(null)
|
||||||
|
const page = ref(1)
|
||||||
|
|
||||||
|
const loadData = async () => {
|
||||||
|
if (loading.value || finished.value)
|
||||||
|
return
|
||||||
|
|
||||||
|
loading.value = true
|
||||||
|
error.value = null
|
||||||
|
|
||||||
|
try {
|
||||||
|
const data = await fetchData(page.value, pageSize)
|
||||||
|
if (data.length < pageSize) {
|
||||||
|
finished.value = true
|
||||||
|
}
|
||||||
|
list.value.push(...data)
|
||||||
|
page.value++
|
||||||
|
}
|
||||||
|
catch (err) {
|
||||||
|
error.value = err
|
||||||
|
}
|
||||||
|
finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const refresh = async () => {
|
||||||
|
page.value = 1
|
||||||
|
finished.value = false
|
||||||
|
list.value = []
|
||||||
|
await loadData()
|
||||||
|
}
|
||||||
|
|
||||||
|
const loadMore = async () => {
|
||||||
|
await loadData()
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
refresh()
|
||||||
|
})
|
||||||
|
|
||||||
|
return {
|
||||||
|
list,
|
||||||
|
loading,
|
||||||
|
finished,
|
||||||
|
error,
|
||||||
|
refresh,
|
||||||
|
loadMore,
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,171 @@
|
|||||||
|
import { ref } from 'vue'
|
||||||
|
import { getEnvBaseUrl } from '@/utils/index'
|
||||||
|
|
||||||
|
const VITE_UPLOAD_BASEURL = `${getEnvBaseUrl()}/upload`
|
||||||
|
|
||||||
|
type TfileType = 'image' | 'file'
|
||||||
|
type TImage = 'png' | 'jpg' | 'jpeg' | 'webp' | '*'
|
||||||
|
type TFile = 'doc' | 'docx' | 'ppt' | 'zip' | 'xls' | 'xlsx' | 'txt' | TImage
|
||||||
|
|
||||||
|
interface TOptions<T extends TfileType> {
|
||||||
|
formData?: Record<string, any>
|
||||||
|
maxSize?: number
|
||||||
|
accept?: T extends 'image' ? TImage[] : TFile[]
|
||||||
|
fileType?: T
|
||||||
|
success?: (params: any) => void
|
||||||
|
error?: (err: any) => void
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function useUpload<T extends TfileType>(options: TOptions<T> = {} as TOptions<T>) {
|
||||||
|
const {
|
||||||
|
formData = {},
|
||||||
|
maxSize = 5 * 1024 * 1024,
|
||||||
|
accept = ['*'],
|
||||||
|
fileType = 'image',
|
||||||
|
success,
|
||||||
|
error: onError,
|
||||||
|
} = options
|
||||||
|
|
||||||
|
const loading = ref(false)
|
||||||
|
const error = ref<Error | null>(null)
|
||||||
|
const data = ref<any>(null)
|
||||||
|
|
||||||
|
const handleFileChoose = ({ tempFilePath, size }: { tempFilePath: string, size: number }) => {
|
||||||
|
if (size > maxSize) {
|
||||||
|
uni.showToast({
|
||||||
|
title: `文件大小不能超过 ${maxSize / 1024 / 1024}MB`,
|
||||||
|
icon: 'none',
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// const fileExtension = file?.tempFiles?.name?.split('.').pop()?.toLowerCase()
|
||||||
|
// const isTypeValid = accept.some((type) => type === '*' || type.toLowerCase() === fileExtension)
|
||||||
|
|
||||||
|
// if (!isTypeValid) {
|
||||||
|
// uni.showToast({
|
||||||
|
// title: `仅支持 ${accept.join(', ')} 格式的文件`,
|
||||||
|
// icon: 'none',
|
||||||
|
// })
|
||||||
|
// return
|
||||||
|
// }
|
||||||
|
|
||||||
|
loading.value = true
|
||||||
|
uploadFile({
|
||||||
|
tempFilePath,
|
||||||
|
formData,
|
||||||
|
onSuccess: (res) => {
|
||||||
|
// 修改这里的解析逻辑，适应不同平台的返回格式
|
||||||
|
let parsedData = res
|
||||||
|
try {
|
||||||
|
// 尝试解析为JSON
|
||||||
|
const jsonData = JSON.parse(res)
|
||||||
|
// 检查是否包含data字段
|
||||||
|
parsedData = jsonData.data || jsonData
|
||||||
|
}
|
||||||
|
catch (e) {
|
||||||
|
// 如果解析失败，使用原始数据
|
||||||
|
console.log('Response is not JSON, using raw data:', res)
|
||||||
|
}
|
||||||
|
data.value = parsedData
|
||||||
|
// console.log('上传成功', res)
|
||||||
|
success?.(parsedData)
|
||||||
|
},
|
||||||
|
onError: (err) => {
|
||||||
|
error.value = err
|
||||||
|
onError?.(err)
|
||||||
|
},
|
||||||
|
onComplete: () => {
|
||||||
|
loading.value = false
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const run = () => {
|
||||||
|
// 微信小程序从基础库 2.21.0 开始， wx.chooseImage 停止维护，请使用 uni.chooseMedia 代替。
|
||||||
|
// 微信小程序在2023年10月17日之后，使用本API需要配置隐私协议
|
||||||
|
const chooseFileOptions = {
|
||||||
|
count: 1,
|
||||||
|
success: (res: any) => {
|
||||||
|
console.log('File selected successfully:', res)
|
||||||
|
// 小程序中res:{errMsg: "chooseImage:ok", tempFiles: [{fileType: "image", size: 48976, tempFilePath: "http://tmp/5iG1WpIxTaJf3ece38692a337dc06df7eb69ecb49c6b.jpeg"}]}
|
||||||
|
// h5中res:{errMsg: "chooseImage:ok", tempFilePaths: "blob:http://localhost:9000/f74ab6b8-a14d-4cb6-a10d-fcf4511a0de5", tempFiles: [File]}
|
||||||
|
// h5的File有以下字段：{name: "girl.jpeg", size: 48976, type: "image/jpeg"}
|
||||||
|
// App中res:{errMsg: "chooseImage:ok", tempFilePaths: "file:///Users/feige/xxx/gallery/1522437259-compressed-IMG_0006.jpg", tempFiles: [File]}
|
||||||
|
// App的File有以下字段：{path: "file:///Users/feige/xxx/gallery/1522437259-compressed-IMG_0006.jpg", size: 48976}
|
||||||
|
let tempFilePath = ''
|
||||||
|
let size = 0
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
tempFilePath = res.tempFiles[0].tempFilePath
|
||||||
|
size = res.tempFiles[0].size
|
||||||
|
// #endif
|
||||||
|
// #ifndef MP-WEIXIN
|
||||||
|
tempFilePath = res.tempFilePaths[0]
|
||||||
|
size = res.tempFiles[0].size
|
||||||
|
// #endif
|
||||||
|
handleFileChoose({ tempFilePath, size })
|
||||||
|
},
|
||||||
|
fail: (err: any) => {
|
||||||
|
console.error('File selection failed:', err)
|
||||||
|
error.value = err
|
||||||
|
onError?.(err)
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
if (fileType === 'image') {
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
uni.chooseMedia({
|
||||||
|
...chooseFileOptions,
|
||||||
|
mediaType: ['image'],
|
||||||
|
})
|
||||||
|
// #endif
|
||||||
|
|
||||||
|
// #ifndef MP-WEIXIN
|
||||||
|
uni.chooseImage(chooseFileOptions)
|
||||||
|
// #endif
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
uni.chooseFile({
|
||||||
|
...chooseFileOptions,
|
||||||
|
type: 'all',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return { loading, error, data, run }
|
||||||
|
}
|
||||||
|
|
||||||
|
async function uploadFile({
|
||||||
|
tempFilePath,
|
||||||
|
formData,
|
||||||
|
onSuccess,
|
||||||
|
onError,
|
||||||
|
onComplete,
|
||||||
|
}: {
|
||||||
|
tempFilePath: string
|
||||||
|
formData: Record<string, any>
|
||||||
|
onSuccess: (data: any) => void
|
||||||
|
onError: (err: any) => void
|
||||||
|
onComplete: () => void
|
||||||
|
}) {
|
||||||
|
uni.uploadFile({
|
||||||
|
url: VITE_UPLOAD_BASEURL,
|
||||||
|
filePath: tempFilePath,
|
||||||
|
name: 'file',
|
||||||
|
formData,
|
||||||
|
success: (uploadFileRes) => {
|
||||||
|
try {
|
||||||
|
const data = uploadFileRes.data
|
||||||
|
onSuccess(data)
|
||||||
|
}
|
||||||
|
catch (err) {
|
||||||
|
onError(err)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail: (err) => {
|
||||||
|
console.error('Upload failed:', err)
|
||||||
|
onError(err)
|
||||||
|
},
|
||||||
|
complete: onComplete,
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,13 @@
|
|||||||
|
# 请求库
|
||||||
|
|
||||||
|
目前unibest支持3种请求库：
|
||||||
|
- 菲鸽简单封装的 `简单版本http`，路径（src/http/http.ts），对应的示例在 src/api/foo.ts
|
||||||
|
- `alova 的 http`，路径（src/http/alova.ts），对应的示例在 src/api/foo-alova.ts
|
||||||
|
- `vue-query`, 路径（src/http/vue-query.ts）, 目前主要用在自动生成接口，详情看(https://unibest.tech/base/17-generate)，示例在 src/service/app 文件夹
|
||||||
|
|
||||||
|
## 如何选择
|
||||||
|
如果您以前用过 alova 或者 vue-query，可以优先使用您熟悉的。
|
||||||
|
如果您的项目简单，简单版本的http 就够了，也不会增加包体积。（发版的时候可以去掉alova和vue-query，如果没有超过包体积，留着也无所谓 ^_^）
|
||||||
|
|
||||||
|
## roadmap
|
||||||
|
菲鸽最近在优化脚手架，后续可以选择是否使用第三方的请求库，以及选择什么请求库。还在开发中，大概月底出来（8月31号）。
|
||||||
@@ -0,0 +1,122 @@
|
|||||||
|
import type { uniappRequestAdapter } from '@alova/adapter-uniapp'
|
||||||
|
import type { IResponse } from './types'
|
||||||
|
import AdapterUniapp from '@alova/adapter-uniapp'
|
||||||
|
import { createAlova } from 'alova'
|
||||||
|
import { createServerTokenAuthentication } from 'alova/client'
|
||||||
|
import VueHook from 'alova/vue'
|
||||||
|
import { toLoginPage } from '@/utils/toLoginPage'
|
||||||
|
import { getEnvBaseUrl } from '@/utils'
|
||||||
|
import { ContentTypeEnum, getHttpErrorMessage, REQUEST_ERROR_MESSAGE, ResultEnum, ShowMessage } from './tools/enum'
|
||||||
|
|
||||||
|
// 配置动态Tag
|
||||||
|
export const API_DOMAINS = {
|
||||||
|
DEFAULT: getEnvBaseUrl(),
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 创建请求实例
|
||||||
|
*/
|
||||||
|
const { onAuthRequired, onResponseRefreshToken } = createServerTokenAuthentication<
|
||||||
|
typeof VueHook,
|
||||||
|
typeof uniappRequestAdapter
|
||||||
|
>({
|
||||||
|
// 如果下面拦截不到，请使用 refreshTokenOnSuccess by 群友@琛
|
||||||
|
refreshTokenOnError: {
|
||||||
|
isExpired: (error) => {
|
||||||
|
return error.response?.status === ResultEnum.Unauthorized
|
||||||
|
},
|
||||||
|
handler: async () => {
|
||||||
|
try {
|
||||||
|
// await authLogin();
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
// 切换到登录页
|
||||||
|
toLoginPage({ mode: 'reLaunch' })
|
||||||
|
throw error
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
/**
|
||||||
|
* alova 请求实例
|
||||||
|
*/
|
||||||
|
const alovaInstance = createAlova({
|
||||||
|
baseURL: API_DOMAINS.DEFAULT,
|
||||||
|
...AdapterUniapp(),
|
||||||
|
timeout: 5000,
|
||||||
|
statesHook: VueHook,
|
||||||
|
|
||||||
|
beforeRequest: onAuthRequired((method) => {
|
||||||
|
// 设置默认 Content-Type
|
||||||
|
method.config.headers = {
|
||||||
|
ContentType: ContentTypeEnum.JSON,
|
||||||
|
Accept: 'application/json, text/plain, */*',
|
||||||
|
...method.config.headers,
|
||||||
|
}
|
||||||
|
|
||||||
|
const { config } = method
|
||||||
|
const ignoreAuth = !config.meta?.ignoreAuth
|
||||||
|
console.log('ignoreAuth===>', ignoreAuth)
|
||||||
|
// 处理认证信息 自行处理认证问题
|
||||||
|
if (ignoreAuth) {
|
||||||
|
const token = 'getToken()'
|
||||||
|
if (!token) {
|
||||||
|
throw new Error('[请求错误]：未登录')
|
||||||
|
}
|
||||||
|
// method.config.headers.token = token;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 处理动态域名
|
||||||
|
if (config.meta?.domain) {
|
||||||
|
method.baseURL = config.meta.domain
|
||||||
|
console.log('当前域名', method.baseURL)
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
|
||||||
|
responded: onResponseRefreshToken((response, method) => {
|
||||||
|
const { config } = method
|
||||||
|
const { requestType } = config
|
||||||
|
const {
|
||||||
|
statusCode,
|
||||||
|
data: rawData,
|
||||||
|
errMsg,
|
||||||
|
} = response as UniNamespace.RequestSuccessCallbackResult
|
||||||
|
|
||||||
|
// 处理特殊请求类型（上传/下载）
|
||||||
|
if (requestType === 'upload' || requestType === 'download') {
|
||||||
|
return response
|
||||||
|
}
|
||||||
|
|
||||||
|
// 处理 HTTP 状态码错误
|
||||||
|
if (statusCode !== 200) {
|
||||||
|
const errorMessage = ShowMessage(statusCode) || REQUEST_ERROR_MESSAGE
|
||||||
|
console.error('errorMessage===>', errorMessage)
|
||||||
|
uni.showToast({
|
||||||
|
title: errorMessage,
|
||||||
|
icon: 'none',
|
||||||
|
})
|
||||||
|
console.error('[ALOVA REQUEST ERROR]', { statusCode, errMsg, url: method.url })
|
||||||
|
throw new Error(errorMessage)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 处理业务逻辑错误
|
||||||
|
const { code, message, data } = rawData as IResponse
|
||||||
|
// 0和200当做成功都很普遍，这里直接兼容两者，见 ResultEnum
|
||||||
|
if (code !== ResultEnum.Success0 && code !== ResultEnum.Success200) {
|
||||||
|
const errorMessage = getHttpErrorMessage(rawData, REQUEST_ERROR_MESSAGE)
|
||||||
|
if (config.meta?.toast !== false) {
|
||||||
|
uni.showToast({
|
||||||
|
title: errorMessage,
|
||||||
|
icon: 'none',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
console.error('[ALOVA BUSINESS ERROR]', { code, message, url: method.url })
|
||||||
|
throw new Error(errorMessage)
|
||||||
|
}
|
||||||
|
// 处理成功响应，返回业务数据
|
||||||
|
return data
|
||||||
|
}),
|
||||||
|
})
|
||||||
|
|
||||||
|
export const http = alovaInstance
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
export {
|
||||||
|
getHttpErrorMessage,
|
||||||
|
NETWORK_ERROR_MESSAGE,
|
||||||
|
normalizeErrorText,
|
||||||
|
REQUEST_ERROR_MESSAGE,
|
||||||
|
toUserRequestError,
|
||||||
|
} from './tools/enum'
|
||||||
@@ -0,0 +1,227 @@
|
|||||||
|
import type { IDoubleTokenRes } from '@/api/types/login'
|
||||||
|
import type { CustomRequestOptions, IResponse } from '@/http/types'
|
||||||
|
import { nextTick } from 'vue'
|
||||||
|
import { useTokenStore } from '@/store/token'
|
||||||
|
import { isDoubleTokenMode } from '@/utils'
|
||||||
|
import { toLoginPage } from '@/utils/toLoginPage'
|
||||||
|
import { getHttpErrorMessage, NETWORK_ERROR_MESSAGE, REQUEST_ERROR_MESSAGE, toUserRequestError } from './error'
|
||||||
|
import { ResultEnum } from './tools/enum'
|
||||||
|
|
||||||
|
let refreshing = false
|
||||||
|
let taskQueue: (() => void)[] = []
|
||||||
|
const DEFAULT_REQUEST_TIMEOUT = 30000
|
||||||
|
const REQUEST_TIMEOUT_BUFFER = 1000
|
||||||
|
|
||||||
|
function resolveRequestTimeout(timeout?: number) {
|
||||||
|
const value = Number(timeout)
|
||||||
|
return Number.isFinite(value) && value > 0 ? value : DEFAULT_REQUEST_TIMEOUT
|
||||||
|
}
|
||||||
|
|
||||||
|
function showErrorToast(options: CustomRequestOptions, message: string) {
|
||||||
|
if (options.hideErrorToast)
|
||||||
|
return
|
||||||
|
uni.showToast({
|
||||||
|
icon: 'none',
|
||||||
|
title: message,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function showRequestFailDebug(options: CustomRequestOptions, err: UniApp.GeneralCallbackResult) {
|
||||||
|
console.error('[APP REQUEST FAIL]', {
|
||||||
|
url: options.url,
|
||||||
|
method: options.method,
|
||||||
|
errMsg: err.errMsg,
|
||||||
|
err,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function http<T>(options: CustomRequestOptions) {
|
||||||
|
return new Promise<T>((resolve, reject) => {
|
||||||
|
let settled = false
|
||||||
|
let requestTask: UniApp.RequestTask | undefined
|
||||||
|
let timeoutTimer: ReturnType<typeof setTimeout> | undefined
|
||||||
|
const timeout = resolveRequestTimeout(options.timeout)
|
||||||
|
|
||||||
|
function clearRequestTimeout() {
|
||||||
|
if (timeoutTimer) {
|
||||||
|
clearTimeout(timeoutTimer)
|
||||||
|
timeoutTimer = undefined
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function finishResolve(value: T | PromiseLike<T>) {
|
||||||
|
if (settled)
|
||||||
|
return
|
||||||
|
settled = true
|
||||||
|
clearRequestTimeout()
|
||||||
|
resolve(value)
|
||||||
|
}
|
||||||
|
|
||||||
|
function finishReject(error: unknown) {
|
||||||
|
if (settled)
|
||||||
|
return
|
||||||
|
settled = true
|
||||||
|
clearRequestTimeout()
|
||||||
|
reject(error)
|
||||||
|
}
|
||||||
|
|
||||||
|
const requestOptions: CustomRequestOptions = {
|
||||||
|
...options,
|
||||||
|
timeout,
|
||||||
|
dataType: 'json',
|
||||||
|
// #ifndef MP-WEIXIN
|
||||||
|
responseType: 'json',
|
||||||
|
// #endif
|
||||||
|
success: async (res) => {
|
||||||
|
if (settled)
|
||||||
|
return
|
||||||
|
try {
|
||||||
|
const responseData = res.data as IResponse<T>
|
||||||
|
const code = Number((responseData as any)?.code)
|
||||||
|
const isTokenExpired = res.statusCode === 401 || code === 401
|
||||||
|
|
||||||
|
if (isTokenExpired) {
|
||||||
|
const tokenStore = useTokenStore()
|
||||||
|
if (!isDoubleTokenMode) {
|
||||||
|
await tokenStore.logout()
|
||||||
|
toLoginPage()
|
||||||
|
return finishReject(responseData || res)
|
||||||
|
}
|
||||||
|
|
||||||
|
const { refreshToken } = (tokenStore.tokenInfo as IDoubleTokenRes) || {}
|
||||||
|
if (refreshToken) {
|
||||||
|
taskQueue.push(() => {
|
||||||
|
finishResolve(http<T>(options))
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
if (refreshToken && !refreshing) {
|
||||||
|
refreshing = true
|
||||||
|
try {
|
||||||
|
await tokenStore.refreshToken()
|
||||||
|
refreshing = false
|
||||||
|
nextTick(() => {
|
||||||
|
uni.hideToast()
|
||||||
|
})
|
||||||
|
taskQueue.forEach(task => task())
|
||||||
|
}
|
||||||
|
catch (refreshErr) {
|
||||||
|
console.error('刷新 token 失败:', refreshErr)
|
||||||
|
refreshing = false
|
||||||
|
showErrorToast(options, '登录已过期，请重新登录')
|
||||||
|
await tokenStore.logout()
|
||||||
|
setTimeout(() => {
|
||||||
|
toLoginPage()
|
||||||
|
}, 1200)
|
||||||
|
}
|
||||||
|
finally {
|
||||||
|
taskQueue = []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return finishReject(responseData || res)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (res.statusCode >= 200 && res.statusCode < 300) {
|
||||||
|
if (code !== ResultEnum.Success0 && code !== ResultEnum.Success200) {
|
||||||
|
const message = getHttpErrorMessage(responseData, REQUEST_ERROR_MESSAGE)
|
||||||
|
showErrorToast(options, message)
|
||||||
|
return finishReject({ ...responseData, msg: message })
|
||||||
|
}
|
||||||
|
return finishResolve(responseData.data)
|
||||||
|
}
|
||||||
|
|
||||||
|
const message = getHttpErrorMessage(res.data, REQUEST_ERROR_MESSAGE, res.statusCode)
|
||||||
|
showErrorToast(options, message)
|
||||||
|
finishReject({ ...res, msg: message, message, errMsg: message })
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
const message = getHttpErrorMessage(error, REQUEST_ERROR_MESSAGE)
|
||||||
|
showErrorToast(options, message)
|
||||||
|
finishReject(toUserRequestError(error, message))
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail(err) {
|
||||||
|
if (settled)
|
||||||
|
return
|
||||||
|
showRequestFailDebug(requestOptions, err)
|
||||||
|
const message = getHttpErrorMessage(err, NETWORK_ERROR_MESSAGE)
|
||||||
|
showErrorToast(requestOptions, message)
|
||||||
|
finishReject(toUserRequestError(err, message))
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
timeoutTimer = setTimeout(() => {
|
||||||
|
if (settled)
|
||||||
|
return
|
||||||
|
settled = true
|
||||||
|
clearRequestTimeout()
|
||||||
|
const error = { errMsg: `request:fail timeout after ${timeout}ms` }
|
||||||
|
requestTask?.abort?.()
|
||||||
|
showRequestFailDebug(requestOptions, error)
|
||||||
|
showErrorToast(requestOptions, NETWORK_ERROR_MESSAGE)
|
||||||
|
reject(toUserRequestError(error, NETWORK_ERROR_MESSAGE))
|
||||||
|
}, timeout + REQUEST_TIMEOUT_BUFFER)
|
||||||
|
|
||||||
|
try {
|
||||||
|
requestTask = uni.request(requestOptions) as unknown as UniApp.RequestTask
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
const message = getHttpErrorMessage(error, NETWORK_ERROR_MESSAGE)
|
||||||
|
showErrorToast(requestOptions, message)
|
||||||
|
finishReject(toUserRequestError(error, message))
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function httpGet<T>(url: string, query?: Record<string, any>, header?: Record<string, any>, options?: Partial<CustomRequestOptions>) {
|
||||||
|
return http<T>({
|
||||||
|
url,
|
||||||
|
query,
|
||||||
|
method: 'GET',
|
||||||
|
header,
|
||||||
|
...options,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function httpPost<T>(url: string, data?: Record<string, any>, query?: Record<string, any>, header?: Record<string, any>, options?: Partial<CustomRequestOptions>) {
|
||||||
|
return http<T>({
|
||||||
|
url,
|
||||||
|
query,
|
||||||
|
data,
|
||||||
|
method: 'POST',
|
||||||
|
header,
|
||||||
|
...options,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function httpPut<T>(url: string, data?: Record<string, any>, query?: Record<string, any>, header?: Record<string, any>, options?: Partial<CustomRequestOptions>) {
|
||||||
|
return http<T>({
|
||||||
|
url,
|
||||||
|
data,
|
||||||
|
query,
|
||||||
|
method: 'PUT',
|
||||||
|
header,
|
||||||
|
...options,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function httpDelete<T>(url: string, query?: Record<string, any>, header?: Record<string, any>, options?: Partial<CustomRequestOptions>) {
|
||||||
|
return http<T>({
|
||||||
|
url,
|
||||||
|
query,
|
||||||
|
method: 'DELETE',
|
||||||
|
header,
|
||||||
|
...options,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
http.get = httpGet
|
||||||
|
http.post = httpPost
|
||||||
|
http.put = httpPut
|
||||||
|
http.delete = httpDelete
|
||||||
|
|
||||||
|
http.Get = httpGet
|
||||||
|
http.Post = httpPost
|
||||||
|
http.Put = httpPut
|
||||||
|
http.Delete = httpDelete
|
||||||
@@ -0,0 +1,58 @@
|
|||||||
|
import type { CustomRequestOptions } from '@/http/types'
|
||||||
|
import { useTokenStore } from '@/store'
|
||||||
|
import { getEnvBaseUrl } from '@/utils'
|
||||||
|
import { stringifyQuery } from './tools/queryString'
|
||||||
|
|
||||||
|
// 请求基准地址
|
||||||
|
const baseUrl = getEnvBaseUrl()
|
||||||
|
|
||||||
|
// 拦截器配置
|
||||||
|
const httpInterceptor = {
|
||||||
|
// 拦截前触发
|
||||||
|
invoke(options: CustomRequestOptions) {
|
||||||
|
// 如果您使用了alova，则请把下面的代码放开注释
|
||||||
|
// alova 执行流程：alova beforeRequest --> 本拦截器 --> alova responded
|
||||||
|
// return options
|
||||||
|
|
||||||
|
// 非 alova 请求，正常执行
|
||||||
|
// 接口请求支持通过 query 参数配置 queryString
|
||||||
|
if (options.query) {
|
||||||
|
const queryStr = stringifyQuery(options.query)
|
||||||
|
if (options.url.includes('?')) {
|
||||||
|
options.url += `&${queryStr}`
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
options.url += `?${queryStr}`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 非 http 开头需拼接地址
|
||||||
|
if (!options.url.startsWith('http')) {
|
||||||
|
options.url = baseUrl + options.url
|
||||||
|
// TIPS: 如果需要对接多个后端服务，也可以在这里处理，拼接成所需要的地址
|
||||||
|
}
|
||||||
|
// 1. 请求超时：保留业务请求显式设置的超时时间。
|
||||||
|
if (!options.timeout || options.timeout <= 0)
|
||||||
|
options.timeout = 60000
|
||||||
|
// 2. （可选）添加小程序端请求头标识
|
||||||
|
options.header = {
|
||||||
|
...options.header,
|
||||||
|
}
|
||||||
|
// 3. 添加 token 请求头标识
|
||||||
|
const tokenStore = useTokenStore()
|
||||||
|
const token = tokenStore.updateNowTime().validToken
|
||||||
|
|
||||||
|
if (token) {
|
||||||
|
options.header.Authorization = `Bearer ${token}`
|
||||||
|
}
|
||||||
|
return options
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
export const requestInterceptor = {
|
||||||
|
install() {
|
||||||
|
// 拦截 request 请求
|
||||||
|
uni.addInterceptor('request', httpInterceptor)
|
||||||
|
// 拦截 uploadFile 文件上传
|
||||||
|
uni.addInterceptor('uploadFile', httpInterceptor)
|
||||||
|
},
|
||||||
|
}
|
||||||
@@ -0,0 +1,129 @@
|
|||||||
|
export enum ResultEnum {
|
||||||
|
// 0和200当做成功都很普遍，这里直接兼容两者（PS：0和200通常都不会当做错误码，但是有的接口会返回0，有的接口会返回200）
|
||||||
|
Success0 = 0, // 成功
|
||||||
|
Success200 = 200, // 成功
|
||||||
|
Error = 400, // 错误
|
||||||
|
Unauthorized = 401, // 未授权
|
||||||
|
Forbidden = 403, // 禁止访问（原为forbidden）
|
||||||
|
NotFound = 404, // 未找到（原为notFound）
|
||||||
|
MethodNotAllowed = 405, // 方法不允许（原为methodNotAllowed）
|
||||||
|
RequestTimeout = 408, // 请求超时（原为requestTimeout）
|
||||||
|
InternalServerError = 500, // 服务器错误（原为internalServerError）
|
||||||
|
NotImplemented = 501, // 未实现（原为notImplemented）
|
||||||
|
BadGateway = 502, // 网关错误（原为badGateway）
|
||||||
|
ServiceUnavailable = 503, // 服务不可用（原为serviceUnavailable）
|
||||||
|
GatewayTimeout = 504, // 网关超时（原为gatewayTimeout）
|
||||||
|
HttpVersionNotSupported = 505, // HTTP版本不支持（原为httpVersionNotSupported）
|
||||||
|
}
|
||||||
|
export enum ContentTypeEnum {
|
||||||
|
JSON = 'application/json;charset=UTF-8',
|
||||||
|
FORM_URLENCODED = 'application/x-www-form-urlencoded;charset=UTF-8',
|
||||||
|
FORM_DATA = 'multipart/form-data;charset=UTF-8',
|
||||||
|
}
|
||||||
|
|
||||||
|
export const NETWORK_ERROR_MESSAGE = '网络异常，请检查网络后重试'
|
||||||
|
export const REQUEST_ERROR_MESSAGE = '请求处理失败，请稍后重试'
|
||||||
|
|
||||||
|
const networkErrorPattern
|
||||||
|
= /request:fail|timeout|failed to fetch|networkerror|err_connection|econnrefused|econnreset|econnaborted|enotfound|net::|socket|connect|refused|abort|not in domain list|url not in domain list|ssl|tls|certificate|网络|超时/i
|
||||||
|
|
||||||
|
const technicalDetailPattern
|
||||||
|
= /https?:\/\/|\/api\/|接口[:：]|errMsg|statusCode|StatusCode|request:|XMLHttpRequest|TypeError:|Error:/i
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据状态码，生成对应的错误信息
|
||||||
|
* @param {number|string} status 状态码
|
||||||
|
* @returns {string} 错误信息
|
||||||
|
*/
|
||||||
|
export function ShowMessage(status: number | string): string {
|
||||||
|
let message: string
|
||||||
|
switch (status) {
|
||||||
|
case 400:
|
||||||
|
message = '请求错误(400)'
|
||||||
|
break
|
||||||
|
case 401:
|
||||||
|
message = '未授权，请重新登录(401)'
|
||||||
|
break
|
||||||
|
case 403:
|
||||||
|
message = '拒绝访问(403)'
|
||||||
|
break
|
||||||
|
case 404:
|
||||||
|
message = '请求出错(404)'
|
||||||
|
break
|
||||||
|
case 408:
|
||||||
|
message = '请求超时(408)'
|
||||||
|
break
|
||||||
|
case 500:
|
||||||
|
message = '服务器错误(500)'
|
||||||
|
break
|
||||||
|
case 501:
|
||||||
|
message = '服务未实现(501)'
|
||||||
|
break
|
||||||
|
case 502:
|
||||||
|
message = '网络错误(502)'
|
||||||
|
break
|
||||||
|
case 503:
|
||||||
|
message = '服务不可用(503)'
|
||||||
|
break
|
||||||
|
case 504:
|
||||||
|
message = '网络超时(504)'
|
||||||
|
break
|
||||||
|
case 505:
|
||||||
|
message = 'HTTP版本不受支持(505)'
|
||||||
|
break
|
||||||
|
default:
|
||||||
|
message = `连接出错(${status})!`
|
||||||
|
}
|
||||||
|
return `${message}，请检查网络或联系管理员！`
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeErrorText(value: unknown, fallback = REQUEST_ERROR_MESSAGE) {
|
||||||
|
if (typeof value !== 'string') {
|
||||||
|
return fallback
|
||||||
|
}
|
||||||
|
const message = value.trim().replace(/^Error:\s*/i, '')
|
||||||
|
if (!message) {
|
||||||
|
return fallback
|
||||||
|
}
|
||||||
|
if (/^\d+$/.test(message)) {
|
||||||
|
return ShowMessage(Number(message))
|
||||||
|
}
|
||||||
|
if (networkErrorPattern.test(message)) {
|
||||||
|
return NETWORK_ERROR_MESSAGE
|
||||||
|
}
|
||||||
|
if (technicalDetailPattern.test(message)) {
|
||||||
|
return fallback
|
||||||
|
}
|
||||||
|
return message
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getHttpErrorMessage(data: any, fallback = REQUEST_ERROR_MESSAGE, statusCode?: number) {
|
||||||
|
if (data instanceof Error) {
|
||||||
|
return normalizeErrorText(data.message, fallback)
|
||||||
|
}
|
||||||
|
|
||||||
|
const directMessage = data?.msg || data?.message || data?.data?.msg || data?.data?.message
|
||||||
|
if (directMessage) {
|
||||||
|
return normalizeErrorText(directMessage, fallback)
|
||||||
|
}
|
||||||
|
|
||||||
|
const rawErrMsg = data?.errMsg
|
||||||
|
if (rawErrMsg) {
|
||||||
|
return normalizeErrorText(rawErrMsg, fallback)
|
||||||
|
}
|
||||||
|
|
||||||
|
const code = Number(data?.code || statusCode || data?.statusCode)
|
||||||
|
if (Number.isFinite(code) && code >= 400) {
|
||||||
|
return ShowMessage(code)
|
||||||
|
}
|
||||||
|
return fallback
|
||||||
|
}
|
||||||
|
|
||||||
|
export function toUserRequestError(error: unknown, message: string) {
|
||||||
|
return {
|
||||||
|
rawError: error,
|
||||||
|
msg: message,
|
||||||
|
message,
|
||||||
|
errMsg: message,
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,29 @@
|
|||||||
|
/**
|
||||||
|
* 将对象序列化为URL查询字符串，用于替代第三方的 qs 库，节省宝贵的体积
|
||||||
|
* 支持基本类型值和数组，不支持嵌套对象
|
||||||
|
* @param obj 要序列化的对象
|
||||||
|
* @returns 序列化后的查询字符串
|
||||||
|
*/
|
||||||
|
export function stringifyQuery(obj: Record<string, any>): string {
|
||||||
|
if (!obj || typeof obj !== 'object' || Array.isArray(obj))
|
||||||
|
return ''
|
||||||
|
|
||||||
|
return Object.entries(obj)
|
||||||
|
.filter(([_, value]) => value !== undefined && value !== null)
|
||||||
|
.map(([key, value]) => {
|
||||||
|
// 对键进行编码
|
||||||
|
const encodedKey = encodeURIComponent(key)
|
||||||
|
|
||||||
|
// 处理数组类型
|
||||||
|
if (Array.isArray(value)) {
|
||||||
|
return value
|
||||||
|
.filter(item => item !== undefined && item !== null)
|
||||||
|
.map(item => `${encodedKey}=${encodeURIComponent(item)}`)
|
||||||
|
.join('&')
|
||||||
|
}
|
||||||
|
|
||||||
|
// 处理基本类型
|
||||||
|
return `${encodedKey}=${encodeURIComponent(value)}`
|
||||||
|
})
|
||||||
|
.join('&')
|
||||||
|
}
|
||||||
@@ -0,0 +1,44 @@
|
|||||||
|
/**
|
||||||
|
* 在 uniapp 的 RequestOptions 和 IUniUploadFileOptions 基础上，添加自定义参数
|
||||||
|
*/
|
||||||
|
export type CustomRequestOptions = UniApp.RequestOptions & {
|
||||||
|
query?: Record<string, any>
|
||||||
|
/** 出错时是否隐藏错误提示 */
|
||||||
|
hideErrorToast?: boolean
|
||||||
|
} & IUniUploadFileOptions // 添加uni.uploadFile参数类型
|
||||||
|
|
||||||
|
/** 主要提供给 openapi-ts-request 生成的代码使用 */
|
||||||
|
export type CustomRequestOptions_ = Omit<CustomRequestOptions, 'url'>
|
||||||
|
|
||||||
|
export interface HttpRequestResult<T> {
|
||||||
|
promise: Promise<T>
|
||||||
|
requestTask: UniApp.RequestTask
|
||||||
|
}
|
||||||
|
|
||||||
|
// 通用响应格式（兼容 msg + message 字段）
|
||||||
|
export type IResponse<T = any> = {
|
||||||
|
code: number
|
||||||
|
data: T
|
||||||
|
message: string
|
||||||
|
[key: string]: any // 允许额外属性
|
||||||
|
} | {
|
||||||
|
code: number
|
||||||
|
data: T
|
||||||
|
msg: string
|
||||||
|
[key: string]: any // 允许额外属性
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页请求参数
|
||||||
|
export interface PageParams {
|
||||||
|
page: number
|
||||||
|
pageSize: number
|
||||||
|
[key: string]: any
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页响应数据
|
||||||
|
export interface PageResult<T> {
|
||||||
|
list: T[]
|
||||||
|
total: number
|
||||||
|
page: number
|
||||||
|
pageSize: number
|
||||||
|
}
|
||||||
@@ -0,0 +1,30 @@
|
|||||||
|
import type { CustomRequestOptions } from '@/http/types'
|
||||||
|
import { http } from './http'
|
||||||
|
|
||||||
|
/*
|
||||||
|
* openapi-ts-request 工具的 request 跨客户端适配方法
|
||||||
|
*/
|
||||||
|
export default function request<T extends { data?: any }>(
|
||||||
|
url: string,
|
||||||
|
options: Omit<CustomRequestOptions, 'url'> & {
|
||||||
|
params?: Record<string, unknown>
|
||||||
|
headers?: Record<string, unknown>
|
||||||
|
},
|
||||||
|
) {
|
||||||
|
const requestOptions = {
|
||||||
|
url,
|
||||||
|
...options,
|
||||||
|
}
|
||||||
|
|
||||||
|
if (options.params) {
|
||||||
|
requestOptions.query = requestOptions.params
|
||||||
|
delete requestOptions.params
|
||||||
|
}
|
||||||
|
|
||||||
|
if (options.headers) {
|
||||||
|
requestOptions.header = options.headers
|
||||||
|
delete requestOptions.headers
|
||||||
|
}
|
||||||
|
|
||||||
|
return http<T['data']>(requestOptions)
|
||||||
|
}
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
//
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<view class="w-screen flex flex-1 flex-col">
|
||||||
|
<slot />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
<template>
|
||||||
|
<view class="layout-default w-screen flex flex-1 flex-col">
|
||||||
|
<slot />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,12 @@
|
|||||||
|
# 注意事项
|
||||||
|
|
||||||
|
> 文件夹名字必须为 `locale`, 这是 `uniapp` 官方约定的，如果改为别的，标题将不能正常切换多语言（其他内容还是正常）。
|
||||||
|
>
|
||||||
|
> `xxx.json` 的 `xxx` 多语言标识必须与 `uniapp` 官方约定的一致，否则也会出现 BUG。
|
||||||
|
>
|
||||||
|
> 查看截图 `screenshots/i18n.png`。
|
||||||
|
|
||||||
|
## 参考文档
|
||||||
|
|
||||||
|
[uniapp 国际化开发指南](https://uniapp.dcloud.net.cn/tutorial/i18n.html)
|
||||||
|
[uniapp 国际化-注意事项](https://uniapp.dcloud.net.cn/api/ui/locale.html#onlocalechange) 最下面的注意事项
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
{
|
||||||
|
"tabbar.home": "Home",
|
||||||
|
"tabbar.about": "About",
|
||||||
|
"tabbar.me": "Me",
|
||||||
|
"tabbar.i18n": "I18n",
|
||||||
|
"i18n.title": "En Title",
|
||||||
|
"alova.title": "Alova Request",
|
||||||
|
"weight": "{heavy}KG",
|
||||||
|
"detail": "{0}cm, {1}KG",
|
||||||
|
"introduction": "I am {name},height:{detail.height},weight:{detail.weight}"
|
||||||
|
}
|
||||||
@@ -0,0 +1,81 @@
|
|||||||
|
import { createI18n } from 'vue-i18n'
|
||||||
|
|
||||||
|
import en from './en.json'
|
||||||
|
import zhHans from './zh-Hans.json' // 简体中文
|
||||||
|
|
||||||
|
const messages = {
|
||||||
|
en,
|
||||||
|
'zh-Hans': zhHans, // key 不能乱写，查看uniapp官网
|
||||||
|
}
|
||||||
|
|
||||||
|
const i18n = createI18n({
|
||||||
|
locale: uni.getLocale(), // 获取已设置的语言，fallback 语言需要再 manifest.config.ts 中设置
|
||||||
|
messages,
|
||||||
|
allowComposition: true,
|
||||||
|
})
|
||||||
|
|
||||||
|
console.log(uni.getLocale())
|
||||||
|
console.log(i18n.global.locale)
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 可以拿到原始的语言模板，非 vue 文件使用这个方法，
|
||||||
|
* @param { string } key 多语言的key，eg: "app.name"
|
||||||
|
* @returns {string} 返回原始的多语言模板，eg: "{heavy}KG"
|
||||||
|
*/
|
||||||
|
export function getTemplateByKey(key: string) {
|
||||||
|
if (!key) {
|
||||||
|
console.error(`[i18n] Function getTemplateByKey(), key param is required`)
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
const locale = uni.getLocale()
|
||||||
|
console.log('locale:', locale)
|
||||||
|
|
||||||
|
const message = messages[locale] // 拿到某个多语言的所有模板（是一个对象)
|
||||||
|
if (Object.keys(message).includes(key)) {
|
||||||
|
return message[key]
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const keyList = key.split('.')
|
||||||
|
return keyList.reduce((pre, cur) => {
|
||||||
|
return pre[cur]
|
||||||
|
}, message)
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
console.error(`[i18n] Function getTemplateByKey(), key param ${key} is not existed.`)
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* formatI18n('我是{name},身高{detail.height},体重{detail.weight}',{name:'张三',detail:{height:178,weight:'75kg'}})
|
||||||
|
* 暂不支持数组
|
||||||
|
* @param template 多语言模板字符串，eg: `我是{name}`
|
||||||
|
* @param {object | undefined} data 需要传递的数据对象，里面的key与多语言字符串对应，eg: `{name:'菲鸽'}`
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
function formatI18n(template: string, data?: any) {
|
||||||
|
return template.replace(/\{([^}]+)\}/g, (match, key: string) => {
|
||||||
|
// console.log( match, key) // => { detail.height } detail.height
|
||||||
|
const arr = key.trim().split('.')
|
||||||
|
let result = data
|
||||||
|
while (arr.length) {
|
||||||
|
const first = arr.shift()
|
||||||
|
result = result[first]
|
||||||
|
}
|
||||||
|
return result
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* t('introduction',{name:'张三',detail:{height:178,weight:'75kg'}})
|
||||||
|
* => formatI18n('我是{name},身高{detail.height},体重{detail.weight}',{name:'张三',detail:{height:178,weight:'75kg'}})
|
||||||
|
* 没有key的，可以不传 data；暂不支持数组
|
||||||
|
* @param template 多语言模板字符串，eg: `我是{name}`
|
||||||
|
* @param {object | undefined} data 需要传递的数据对象，里面的key与多语言字符串对应，eg: `{name:'菲鸽'}`
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
export function t(key, data?) {
|
||||||
|
return formatI18n(getTemplateByKey(key), data)
|
||||||
|
}
|
||||||
|
export default i18n
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
{
|
||||||
|
"tabbar.home": "首页",
|
||||||
|
"tabbar.about": "关于",
|
||||||
|
"tabbar.me": "我的",
|
||||||
|
"tabbar.i18n": "多语言",
|
||||||
|
"i18n.title": "中文标题",
|
||||||
|
"alova.title": "Alova 请求",
|
||||||
|
"weight": "{heavy}公斤",
|
||||||
|
"detail": "{0}cm, {1}公斤",
|
||||||
|
"introduction": "我是 {name},身高:{detail.height},体重:{detail.weight}"
|
||||||
|
}
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
import { createSSRApp } from 'vue'
|
||||||
|
import App from './App.vue'
|
||||||
|
import { requestInterceptor } from './http/interceptor'
|
||||||
|
import { routeInterceptor } from './router/interceptor'
|
||||||
|
|
||||||
|
import store from './store'
|
||||||
|
import '@/style/index.scss'
|
||||||
|
import 'go-captcha-uni/assets/css/gocaptcha.css'
|
||||||
|
import 'virtual:uno.css'
|
||||||
|
import i18n from './locale/index'
|
||||||
|
|
||||||
|
export function createApp() {
|
||||||
|
const app = createSSRApp(App)
|
||||||
|
app.use(store)
|
||||||
|
app.use(routeInterceptor)
|
||||||
|
app.use(requestInterceptor)
|
||||||
|
app.use(i18n)
|
||||||
|
|
||||||
|
return {
|
||||||
|
app,
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,138 @@
|
|||||||
|
{
|
||||||
|
"name": "山东平台物联卡",
|
||||||
|
"appid": "__UNI__YOURAPPID",
|
||||||
|
"description": "",
|
||||||
|
"versionName": "1.0.0",
|
||||||
|
"versionCode": "100",
|
||||||
|
"transformPx": false,
|
||||||
|
"app-plus": {
|
||||||
|
"usingComponents": true,
|
||||||
|
"nvueStyleCompiler": "uni-app",
|
||||||
|
"compilerVersion": 3,
|
||||||
|
"splashscreen": {
|
||||||
|
"alwaysShowBeforeRender": true,
|
||||||
|
"waiting": true,
|
||||||
|
"autoclose": true,
|
||||||
|
"delay": 0
|
||||||
|
},
|
||||||
|
"modules": {},
|
||||||
|
"distribute": {
|
||||||
|
"android": {
|
||||||
|
"permissions": [
|
||||||
|
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
|
||||||
|
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
|
||||||
|
"<uses-feature android:name=\"android.hardware.camera\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
|
||||||
|
],
|
||||||
|
"minSdkVersion": 21,
|
||||||
|
"targetSdkVersion": 30,
|
||||||
|
"abiFilters": [
|
||||||
|
"armeabi-v7a",
|
||||||
|
"arm64-v8a"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"ios": {},
|
||||||
|
"sdkConfigs": {},
|
||||||
|
"icons": {
|
||||||
|
"android": {
|
||||||
|
"hdpi": "static/app/icons/72x72.png",
|
||||||
|
"xhdpi": "static/app/icons/96x96.png",
|
||||||
|
"xxhdpi": "static/app/icons/144x144.png",
|
||||||
|
"xxxhdpi": "static/app/icons/192x192.png"
|
||||||
|
},
|
||||||
|
"ios": {
|
||||||
|
"appstore": "static/app/icons/1024x1024.png",
|
||||||
|
"ipad": {
|
||||||
|
"app": "static/app/icons/76x76.png",
|
||||||
|
"app@2x": "static/app/icons/152x152.png",
|
||||||
|
"notification": "static/app/icons/20x20.png",
|
||||||
|
"notification@2x": "static/app/icons/40x40.png",
|
||||||
|
"proapp@2x": "static/app/icons/167x167.png",
|
||||||
|
"settings": "static/app/icons/29x29.png",
|
||||||
|
"settings@2x": "static/app/icons/58x58.png",
|
||||||
|
"spotlight": "static/app/icons/40x40.png",
|
||||||
|
"spotlight@2x": "static/app/icons/80x80.png"
|
||||||
|
},
|
||||||
|
"iphone": {
|
||||||
|
"app@2x": "static/app/icons/120x120.png",
|
||||||
|
"app@3x": "static/app/icons/180x180.png",
|
||||||
|
"notification@2x": "static/app/icons/40x40.png",
|
||||||
|
"notification@3x": "static/app/icons/60x60.png",
|
||||||
|
"settings@2x": "static/app/icons/58x58.png",
|
||||||
|
"settings@3x": "static/app/icons/87x87.png",
|
||||||
|
"spotlight@2x": "static/app/icons/80x80.png",
|
||||||
|
"spotlight@3x": "static/app/icons/120x120.png"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"compatible": {
|
||||||
|
"ignoreVersion": true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"app-harmony": {
|
||||||
|
"distribute": {}
|
||||||
|
},
|
||||||
|
"mp-harmony": {
|
||||||
|
"distribute": {}
|
||||||
|
},
|
||||||
|
"quickapp": {},
|
||||||
|
"mp-weixin": {
|
||||||
|
"appid": "YOUR_WX_APPID",
|
||||||
|
"setting": {
|
||||||
|
"urlCheck": false,
|
||||||
|
"es6": true,
|
||||||
|
"minified": true
|
||||||
|
},
|
||||||
|
"usingComponents": true,
|
||||||
|
"optimization": {
|
||||||
|
"subPackages": true
|
||||||
|
},
|
||||||
|
"mergeVirtualHostAttributes": true,
|
||||||
|
"styleIsolation": "shared",
|
||||||
|
"lazyCodeLoading": "requiredComponents"
|
||||||
|
},
|
||||||
|
"mp-alipay": {
|
||||||
|
"usingComponents": true,
|
||||||
|
"styleIsolation": "shared",
|
||||||
|
"optimization": {
|
||||||
|
"subPackages": true
|
||||||
|
},
|
||||||
|
"compileOptions": {
|
||||||
|
"globalObjectMode": "enable",
|
||||||
|
"transpile": {
|
||||||
|
"script": {
|
||||||
|
"ignore": [
|
||||||
|
"node_modules/**"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"mp-baidu": {
|
||||||
|
"usingComponents": true
|
||||||
|
},
|
||||||
|
"mp-toutiao": {
|
||||||
|
"usingComponents": true
|
||||||
|
},
|
||||||
|
"uniStatistics": {
|
||||||
|
"enable": false
|
||||||
|
},
|
||||||
|
"vueVersion": "3",
|
||||||
|
"h5": {
|
||||||
|
"router": {
|
||||||
|
"base": "/app/"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,345 @@
|
|||||||
|
{
|
||||||
|
"globalStyle": {
|
||||||
|
"navigationStyle": "default",
|
||||||
|
"navigationBarTitleText": "山东平台物联卡",
|
||||||
|
"navigationBarBackgroundColor": "#f8f8f8",
|
||||||
|
"navigationBarTextStyle": "black",
|
||||||
|
"backgroundColor": "#FFFFFF"
|
||||||
|
},
|
||||||
|
"easycom": {
|
||||||
|
"autoscan": true,
|
||||||
|
"custom": {
|
||||||
|
"^fg-(.*)": "@/components/fg-$1/fg-$1.vue",
|
||||||
|
"^(?!z-paging-refresh|z-paging-load-more)z-paging(.*)": "z-paging/components/z-paging$1/z-paging$1.vue",
|
||||||
|
"^wd-(.*)": "@wot-ui/ui/components/wd-$1/wd-$1.vue"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"pages": [
|
||||||
|
// #ifdef H5 || MP-WEIXIN
|
||||||
|
{
|
||||||
|
"path": "pages/home/index",
|
||||||
|
"type": "home",
|
||||||
|
"style": {
|
||||||
|
"navigationStyle": "default",
|
||||||
|
"navigationBarTitleText": "山东平台物联卡",
|
||||||
|
"navigationBarBackgroundColor": "#ffffff",
|
||||||
|
"navigationBarTextStyle": "black"
|
||||||
|
},
|
||||||
|
"layout": false
|
||||||
|
},
|
||||||
|
// #endif
|
||||||
|
{
|
||||||
|
"path": "pages/business/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "办理"
|
||||||
|
},
|
||||||
|
"layout": "default"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/card/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "卡片"
|
||||||
|
},
|
||||||
|
"layout": "default"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/login/index",
|
||||||
|
"type": "page",
|
||||||
|
"name": "Login",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "山东平台物联卡",
|
||||||
|
"navigationBarBackgroundColor": "#ffffff",
|
||||||
|
"navigationBarTextStyle": "black",
|
||||||
|
"disableScroll": true
|
||||||
|
},
|
||||||
|
"layout": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/message/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "消息"
|
||||||
|
},
|
||||||
|
"layout": "default"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/user/index",
|
||||||
|
"type": "page",
|
||||||
|
"excludeLoginPath": true,
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "我的",
|
||||||
|
"navigationBarBackgroundColor": "#ffffff",
|
||||||
|
"navigationBarTextStyle": "black"
|
||||||
|
},
|
||||||
|
"layout": "blank"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/login/forgot-password/index",
|
||||||
|
"type": "page",
|
||||||
|
"name": "LoginForgotPassword",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "找回密码"
|
||||||
|
},
|
||||||
|
"layout": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/login/register/index",
|
||||||
|
"type": "page",
|
||||||
|
"name": "LoginRegister",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "注册账号"
|
||||||
|
},
|
||||||
|
"layout": false
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"subPackages": [
|
||||||
|
{
|
||||||
|
"root": "pages/business/views",
|
||||||
|
"pages": [
|
||||||
|
// GENERATED BY UNI-PAGES, PLATFORM: H5 || MP-WEIXIN
|
||||||
|
{
|
||||||
|
"path": "addon/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "加油包"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "allocate/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "批量卡片划拨"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "balanceRecharge/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "余额充值"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "cardRenew/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "单卡套餐续费"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "change/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "套餐变更"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "customer/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "客户管理"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "customerDetail/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "客户详情"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "diagnosis/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "卡片排查"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "order/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "我的订单"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "renew/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "批量套餐续费"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "warning/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "预警配置"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "workOrder/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "工单列表"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "workOrderCreate/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "提交工单"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "workOrderDetail/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "工单详情"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"root": "pages/card/views",
|
||||||
|
"pages": [
|
||||||
|
// GENERATED BY UNI-PAGES, PLATFORM: H5 || MP-WEIXIN
|
||||||
|
{
|
||||||
|
"path": "detail/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "卡片详情"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "management/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "全部设备"
|
||||||
|
},
|
||||||
|
"layout": "default"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "packageDetail/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "卡片详情"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "warning/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "预警配置"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"root": "pages/message/views",
|
||||||
|
"pages": [
|
||||||
|
// GENERATED BY UNI-PAGES, PLATFORM: H5 || MP-WEIXIN
|
||||||
|
{
|
||||||
|
"path": "cardDetail/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "消息详情"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "systemDetail/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "消息详情"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"root": "pages/user/views",
|
||||||
|
"pages": [
|
||||||
|
// GENERATED BY UNI-PAGES, PLATFORM: H5 || MP-WEIXIN
|
||||||
|
{
|
||||||
|
"path": "about/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "关于我们"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "agreement/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "协议与隐私"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "contact/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "联系客服"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "feedback/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "帮助与反馈"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "notification/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "微信提醒"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "profile/index",
|
||||||
|
"type": "page",
|
||||||
|
"excludeLoginPath": true,
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "账号资料"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "realName/index",
|
||||||
|
"type": "page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "实名信息"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"tabBar": {
|
||||||
|
"custom": true,
|
||||||
|
"color": "#94a3b8",
|
||||||
|
"selectedColor": "#2563eb",
|
||||||
|
"backgroundColor": "#F8F8F8",
|
||||||
|
"borderStyle": "black",
|
||||||
|
"height": "50px",
|
||||||
|
"fontSize": "10px",
|
||||||
|
"iconWidth": "24px",
|
||||||
|
"spacing": "3px",
|
||||||
|
"list": [
|
||||||
|
// #ifdef H5 || MP-WEIXIN
|
||||||
|
{
|
||||||
|
"text": "首页",
|
||||||
|
"pagePath": "pages/home/index"
|
||||||
|
},
|
||||||
|
// #endif
|
||||||
|
{
|
||||||
|
"text": "设备",
|
||||||
|
"pagePath": "pages/card/index"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "办理",
|
||||||
|
"pagePath": "pages/business/index"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "我的",
|
||||||
|
"pagePath": "pages/user/index"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,39 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
/** ==================== 常量 ==================== */
|
||||||
|
const emit = defineEmits<{
|
||||||
|
action: [action: 'addon' | 'renew']
|
||||||
|
}>()
|
||||||
|
|
||||||
|
/** ==================== 数据 ==================== */
|
||||||
|
/** ==================== 方法 ==================== */
|
||||||
|
function handleAction(action: 'addon' | 'renew') {
|
||||||
|
emit('action', action)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** ==================== 组件 ==================== */
|
||||||
|
/** ==================== 周期 ==================== */
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<wd-card custom-class="!mx-0 !mb-0" custom-content-class="!p-32rpx">
|
||||||
|
<view class="flex flex-col gap-24rpx">
|
||||||
|
<view class="flex flex-col gap-10rpx">
|
||||||
|
<text class="text-40rpx text-#111827 font-900 leading-48rpx">
|
||||||
|
常用业务
|
||||||
|
</text>
|
||||||
|
<text class="text-26rpx text-#64748b leading-38rpx">
|
||||||
|
办理套餐续费、加油包订购和卡片自助服务。
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="grid grid-cols-2 gap-16rpx">
|
||||||
|
<wd-button type="primary" block @click="handleAction('renew')">
|
||||||
|
套餐续费
|
||||||
|
</wd-button>
|
||||||
|
<wd-button type="primary" plain block @click="handleAction('addon')">
|
||||||
|
加油包
|
||||||
|
</wd-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</wd-card>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,216 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import type { BusinessServiceItem, BusinessServiceSection, BusinessTone } from '../data'
|
||||||
|
|
||||||
|
const props = defineProps<{
|
||||||
|
section: BusinessServiceSection
|
||||||
|
}>()
|
||||||
|
|
||||||
|
const emit = defineEmits<{
|
||||||
|
action: [item: BusinessServiceItem]
|
||||||
|
}>()
|
||||||
|
|
||||||
|
const toneClass: Record<BusinessTone, string> = {
|
||||||
|
primary: 'tone-primary',
|
||||||
|
blue: 'tone-blue',
|
||||||
|
green: 'tone-green',
|
||||||
|
orange: 'tone-orange',
|
||||||
|
red: 'tone-red',
|
||||||
|
purple: 'tone-purple',
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleClick(item: BusinessServiceItem) {
|
||||||
|
emit('action', item)
|
||||||
|
}
|
||||||
|
|
||||||
|
function visibleRoleTag(item: BusinessServiceItem) {
|
||||||
|
if (item.agentOnly)
|
||||||
|
return '代理商'
|
||||||
|
if (item.terminalOnly)
|
||||||
|
return '用户'
|
||||||
|
if (item.terminalHidden)
|
||||||
|
return '企业'
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<view class="biz-section">
|
||||||
|
<text class="biz-group-title">{{ props.section.title }}</text>
|
||||||
|
|
||||||
|
<view class="biz-list">
|
||||||
|
<view
|
||||||
|
v-for="item in props.section.items"
|
||||||
|
:key="item.title"
|
||||||
|
class="biz-item"
|
||||||
|
@click="handleClick(item)"
|
||||||
|
>
|
||||||
|
<view class="biz-ico" :class="toneClass[item.tone]">
|
||||||
|
<view :class="[item.icon]" />
|
||||||
|
</view>
|
||||||
|
<view class="biz-mid">
|
||||||
|
<view class="biz-title-row">
|
||||||
|
<text class="biz-title">{{ item.title }}</text>
|
||||||
|
<view v-if="visibleRoleTag(item)" class="app-tag app-tag--info biz-role-tag">
|
||||||
|
{{ visibleRoleTag(item) }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<text class="biz-desc">{{ item.desc }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="i-carbon-chevron-right biz-chev" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.biz-section {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.biz-group-title {
|
||||||
|
padding: 0 4rpx;
|
||||||
|
color: #64748b;
|
||||||
|
font-size: 23rpx;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.biz-list {
|
||||||
|
box-sizing: border-box;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 6rpx 22rpx;
|
||||||
|
border: 1px solid #e2e8f0;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: #fff;
|
||||||
|
box-shadow: 0 2px 8px rgba(17, 24, 39, 0.04);
|
||||||
|
}
|
||||||
|
|
||||||
|
.biz-item {
|
||||||
|
display: flex;
|
||||||
|
min-width: 0;
|
||||||
|
align-items: center;
|
||||||
|
gap: 18rpx;
|
||||||
|
padding: 20rpx 0;
|
||||||
|
border-bottom: 1px solid #e2e8f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.biz-item:last-child {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.biz-ico {
|
||||||
|
display: flex;
|
||||||
|
width: 76rpx;
|
||||||
|
height: 76rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border-radius: 18rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.biz-ico > view {
|
||||||
|
font-size: 38rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.biz-mid {
|
||||||
|
min-width: 0;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.biz-title-row {
|
||||||
|
display: flex;
|
||||||
|
min-width: 0;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.biz-title {
|
||||||
|
min-width: 0;
|
||||||
|
flex-shrink: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #111827;
|
||||||
|
line-height: 34rpx;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.biz-role-tag {
|
||||||
|
flex-shrink: 0;
|
||||||
|
max-width: 118rpx;
|
||||||
|
padding: 2rpx 12rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 20rpx;
|
||||||
|
line-height: 28rpx;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.biz-desc {
|
||||||
|
display: block;
|
||||||
|
margin-top: 4rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 21rpx;
|
||||||
|
color: #64748b;
|
||||||
|
line-height: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.biz-chev {
|
||||||
|
color: #cbd5e1;
|
||||||
|
font-size: 28rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tone-primary {
|
||||||
|
background: #eff6ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tone-primary > view {
|
||||||
|
color: #2563eb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tone-blue {
|
||||||
|
background: #e0f2fe;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tone-blue > view {
|
||||||
|
color: #0369a1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tone-green {
|
||||||
|
background: #dcfce7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tone-green > view {
|
||||||
|
color: #16a34a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tone-orange {
|
||||||
|
background: #fef3c7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tone-orange > view {
|
||||||
|
color: #d97706;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tone-red {
|
||||||
|
background: #fee2e2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tone-red > view {
|
||||||
|
color: #dc2626;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tone-purple {
|
||||||
|
background: #e0e7ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tone-purple > view {
|
||||||
|
color: #4f46e5;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,200 @@
|
|||||||
|
import fs from 'node:fs'
|
||||||
|
import { fileURLToPath, URL } from 'node:url'
|
||||||
|
import { describe, expect, it } from 'vitest'
|
||||||
|
import { businessSections, getUserBusinessSections } from './data'
|
||||||
|
|
||||||
|
const businessDir = fileURLToPath(new URL('.', import.meta.url))
|
||||||
|
|
||||||
|
const expectedSubViews = [
|
||||||
|
'diagnosis',
|
||||||
|
'renew',
|
||||||
|
'allocate',
|
||||||
|
'change',
|
||||||
|
'addon',
|
||||||
|
'customer',
|
||||||
|
'customerDetail',
|
||||||
|
'order',
|
||||||
|
'warning',
|
||||||
|
'workOrder',
|
||||||
|
'workOrderCreate',
|
||||||
|
'workOrderDetail',
|
||||||
|
]
|
||||||
|
|
||||||
|
describe('getUserBusinessSections', () => {
|
||||||
|
it('只保留用户侧一级业务入口', () => {
|
||||||
|
const sections = getUserBusinessSections(businessSections)
|
||||||
|
const titles = sections.flatMap(section => section.items.map(item => item.title))
|
||||||
|
|
||||||
|
expect(titles).toContain('套餐续费')
|
||||||
|
expect(titles).not.toContain('余额充值')
|
||||||
|
expect(titles).toContain('重启卡')
|
||||||
|
expect(titles).toContain('停机 / 复机')
|
||||||
|
expect(titles).toContain('加油包')
|
||||||
|
expect(titles).toContain('预警配置')
|
||||||
|
expect(titles).toContain('卡片排查')
|
||||||
|
expect(titles).toContain('我的卡片')
|
||||||
|
expect(titles).toContain('我的订单')
|
||||||
|
expect(titles).toContain('工单服务')
|
||||||
|
expect(titles).not.toContain('进入商城')
|
||||||
|
expect(titles).not.toContain('订单记录')
|
||||||
|
expect(titles).not.toContain('流量池预警（代理商独有）')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('可办理业务都有明确动作', () => {
|
||||||
|
const sections = getUserBusinessSections(businessSections)
|
||||||
|
const actionableItems = sections
|
||||||
|
.flatMap(section => section.items)
|
||||||
|
.filter(item => item.action)
|
||||||
|
|
||||||
|
expect(actionableItems.map(item => [item.title, item.action])).toEqual([
|
||||||
|
['套餐续费', 'renew'],
|
||||||
|
['加油包', 'addon'],
|
||||||
|
['停机 / 复机', 'cardList'],
|
||||||
|
['重启卡', 'cardList'],
|
||||||
|
['卡片排查', 'diagnosis'],
|
||||||
|
['预警配置', 'warning'],
|
||||||
|
['我的订单', 'order'],
|
||||||
|
['工单服务', 'workOrder'],
|
||||||
|
['我的卡片', 'cardList'],
|
||||||
|
])
|
||||||
|
})
|
||||||
|
|
||||||
|
it('卡片排查完全开放，不受业务权限过滤', () => {
|
||||||
|
const sections = getUserBusinessSections({
|
||||||
|
userId: 18,
|
||||||
|
deptId: 100,
|
||||||
|
userType: 'sys_user',
|
||||||
|
appAccess: {
|
||||||
|
configured: true,
|
||||||
|
permissions: [],
|
||||||
|
features: [],
|
||||||
|
routes: [],
|
||||||
|
menus: [],
|
||||||
|
},
|
||||||
|
} as any)
|
||||||
|
const titles = sections.flatMap(section => section.items.map(item => item.title))
|
||||||
|
|
||||||
|
expect(titles).toContain('卡片排查')
|
||||||
|
expect(titles).toContain('我的订单')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('企业用户显示卡片划拨、套餐变更和客户管理入口', () => {
|
||||||
|
const enterpriseUserTypes = ['sys_user', '']
|
||||||
|
enterpriseUserTypes.forEach((userType, index) => {
|
||||||
|
const sections = getUserBusinessSections({
|
||||||
|
userId: 10 + index,
|
||||||
|
deptId: 100,
|
||||||
|
userType,
|
||||||
|
} as any)
|
||||||
|
const titles = sections.flatMap(section => section.items.map(item => item.title))
|
||||||
|
|
||||||
|
expect(titles).toContain('卡片划拨')
|
||||||
|
expect(titles).toContain('套餐变更')
|
||||||
|
expect(titles).toContain('客户管理')
|
||||||
|
expect(titles).toContain('停机 / 复机')
|
||||||
|
expect(titles).toContain('重启卡')
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
it('终端用户不显示卡片划拨、套餐变更和客户管理入口', () => {
|
||||||
|
const sections = getUserBusinessSections({
|
||||||
|
userId: 11,
|
||||||
|
deptId: 147,
|
||||||
|
userType: 'app_user',
|
||||||
|
} as any)
|
||||||
|
const titles = sections.flatMap(section => section.items.map(item => item.title))
|
||||||
|
|
||||||
|
expect(titles).not.toContain('卡片划拨')
|
||||||
|
expect(titles).not.toContain('套餐变更')
|
||||||
|
expect(titles).not.toContain('客户管理')
|
||||||
|
expect(titles).toContain('停机 / 复机')
|
||||||
|
expect(titles).toContain('重启卡')
|
||||||
|
expect(titles).toContain('加油包')
|
||||||
|
expect(titles).toContain('预警配置')
|
||||||
|
expect(titles).toContain('卡片排查')
|
||||||
|
expect(titles).toContain('我的卡片')
|
||||||
|
expect(titles).toContain('工单服务')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('配置权限时只展示已授权业务入口', () => {
|
||||||
|
const sections = getUserBusinessSections({
|
||||||
|
userId: 12,
|
||||||
|
deptId: 100,
|
||||||
|
userType: 'sys_user',
|
||||||
|
appAccess: {
|
||||||
|
configured: true,
|
||||||
|
permissions: [],
|
||||||
|
features: ['card:list', 'customer:list'],
|
||||||
|
routes: [],
|
||||||
|
menus: [],
|
||||||
|
},
|
||||||
|
} as any)
|
||||||
|
const titles = sections.flatMap(section => section.items.map(item => item.title))
|
||||||
|
|
||||||
|
expect(titles).toContain('我的卡片')
|
||||||
|
expect(titles).toContain('客户管理')
|
||||||
|
expect(titles).toContain('卡片排查')
|
||||||
|
expect(titles).toContain('我的订单')
|
||||||
|
expect(titles).not.toContain('套餐续费')
|
||||||
|
expect(titles).not.toContain('卡片划拨')
|
||||||
|
expect(titles).not.toContain('套餐变更')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('控制台权限标识直接决定可见业务入口', () => {
|
||||||
|
const sections = getUserBusinessSections({
|
||||||
|
userId: 13,
|
||||||
|
deptId: 100,
|
||||||
|
userType: 'sys_user',
|
||||||
|
appAccess: {
|
||||||
|
configured: true,
|
||||||
|
permissions: ['cpm:iot:tSimCardInfo:list', 'cpm:agent:tAgentEnterprise:list'],
|
||||||
|
features: [],
|
||||||
|
routes: [],
|
||||||
|
menus: [],
|
||||||
|
},
|
||||||
|
} as any)
|
||||||
|
const actions = sections.flatMap(section => section.items.map(item => item.action))
|
||||||
|
|
||||||
|
expect(actions).toContain('cardList')
|
||||||
|
expect(actions).toContain('customer')
|
||||||
|
expect(actions).not.toContain('renew')
|
||||||
|
expect(actions).not.toContain('allocate')
|
||||||
|
expect(actions).not.toContain('change')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('有工单列表或新增权限都展示工单服务入口', () => {
|
||||||
|
const listSections = getUserBusinessSections({
|
||||||
|
userId: 14,
|
||||||
|
deptId: 100,
|
||||||
|
userType: 'sys_user',
|
||||||
|
appAccess: {
|
||||||
|
configured: true,
|
||||||
|
permissions: ['cpm:gen:tWoMain:list'],
|
||||||
|
features: [],
|
||||||
|
routes: [],
|
||||||
|
menus: [],
|
||||||
|
},
|
||||||
|
} as any)
|
||||||
|
const createSections = getUserBusinessSections({
|
||||||
|
userId: 15,
|
||||||
|
deptId: 100,
|
||||||
|
userType: 'sys_user',
|
||||||
|
appAccess: {
|
||||||
|
configured: true,
|
||||||
|
permissions: ['cpm:gen:tWoMain:edit'],
|
||||||
|
features: [],
|
||||||
|
routes: [],
|
||||||
|
menus: [],
|
||||||
|
},
|
||||||
|
} as any)
|
||||||
|
|
||||||
|
expect(listSections.flatMap(section => section.items.map(item => item.title))).toContain('工单服务')
|
||||||
|
expect(createSections.flatMap(section => section.items.map(item => item.title))).toContain('工单服务')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('业务子界面容器文件都存在', () => {
|
||||||
|
expectedSubViews.forEach((viewName) => {
|
||||||
|
expect(fs.existsSync(`${businessDir}views/${viewName}/index.vue`)).toBe(true)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
@@ -0,0 +1,214 @@
|
|||||||
|
import type { IUserInfoRes } from '@/api/types/login'
|
||||||
|
import type { AppPermissionAction } from '@/utils/permission'
|
||||||
|
import { hasUserPermission } from '@/utils/permission'
|
||||||
|
import { getAccountWorkspace, isTerminalUserInfo } from '@/utils/userIdentity'
|
||||||
|
|
||||||
|
export type BusinessTone = 'blue' | 'green' | 'orange' | 'primary' | 'purple' | 'red'
|
||||||
|
|
||||||
|
export interface BusinessServiceItem {
|
||||||
|
title: string
|
||||||
|
desc: string
|
||||||
|
tag: string
|
||||||
|
icon: string
|
||||||
|
tone: BusinessTone
|
||||||
|
action?:
|
||||||
|
| 'addon'
|
||||||
|
| 'allocate'
|
||||||
|
| 'balanceRecharge'
|
||||||
|
| 'cardList'
|
||||||
|
| 'change'
|
||||||
|
| 'customer'
|
||||||
|
| 'diagnosis'
|
||||||
|
| 'order'
|
||||||
|
| 'renew'
|
||||||
|
| 'warning'
|
||||||
|
| 'workOrder'
|
||||||
|
agentOnly?: boolean
|
||||||
|
terminalOnly?: boolean
|
||||||
|
terminalHidden?: boolean
|
||||||
|
permissionAction?: AppPermissionAction | AppPermissionAction[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface BusinessServiceSection {
|
||||||
|
title: string
|
||||||
|
desc: string
|
||||||
|
type: 'grid' | 'list'
|
||||||
|
items: BusinessServiceItem[]
|
||||||
|
}
|
||||||
|
|
||||||
|
/** ==================== 常量 ==================== */
|
||||||
|
export const businessSections: BusinessServiceSection[] = [
|
||||||
|
{
|
||||||
|
title: '套餐与流量',
|
||||||
|
desc: '续费、变更与加油包',
|
||||||
|
type: 'grid',
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: '套餐续费',
|
||||||
|
desc: '续约当前套餐，避免停机',
|
||||||
|
tag: '续费',
|
||||||
|
icon: 'i-carbon-renew',
|
||||||
|
tone: 'green',
|
||||||
|
action: 'renew',
|
||||||
|
permissionAction: 'renew',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '加油包',
|
||||||
|
desc: '流量加餐，按需购买',
|
||||||
|
tag: '流量',
|
||||||
|
icon: 'i-carbon-package',
|
||||||
|
tone: 'blue',
|
||||||
|
action: 'addon',
|
||||||
|
permissionAction: 'addon',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '套餐变更',
|
||||||
|
desc: '更换套餐档位',
|
||||||
|
tag: '变更',
|
||||||
|
icon: 'i-carbon-change-catalog',
|
||||||
|
tone: 'primary',
|
||||||
|
action: 'change',
|
||||||
|
agentOnly: true,
|
||||||
|
permissionAction: 'change',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '生命周期操作',
|
||||||
|
desc: '停复机与联网操作',
|
||||||
|
type: 'grid',
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: '停机 / 复机',
|
||||||
|
desc: '进入卡片选择暂停或恢复服务',
|
||||||
|
tag: '生命周期',
|
||||||
|
icon: 'i-carbon-pause-outline',
|
||||||
|
tone: 'orange',
|
||||||
|
action: 'cardList',
|
||||||
|
permissionAction: ['stop', 'start'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '重启卡',
|
||||||
|
desc: '重新建立网络会话',
|
||||||
|
tag: '重启',
|
||||||
|
icon: 'i-carbon-restart',
|
||||||
|
tone: 'primary',
|
||||||
|
action: 'cardList',
|
||||||
|
permissionAction: 'restart',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '管理与预警',
|
||||||
|
desc: '状态排查、预警与分配',
|
||||||
|
type: 'grid',
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: '卡片排查',
|
||||||
|
desc: '状态、会话和流量异常',
|
||||||
|
tag: '排查',
|
||||||
|
icon: 'i-carbon-stethoscope',
|
||||||
|
tone: 'green',
|
||||||
|
action: 'diagnosis',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预警配置',
|
||||||
|
desc: '流量阈值与微信订阅',
|
||||||
|
tag: '预警',
|
||||||
|
icon: 'i-carbon-warning-alt',
|
||||||
|
tone: 'orange',
|
||||||
|
action: 'warning',
|
||||||
|
permissionAction: 'warning',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '卡片划拨',
|
||||||
|
desc: '分配给下游客户/子账号',
|
||||||
|
tag: '划拨',
|
||||||
|
icon: 'i-carbon-share-knowledge',
|
||||||
|
tone: 'blue',
|
||||||
|
action: 'allocate',
|
||||||
|
agentOnly: true,
|
||||||
|
permissionAction: 'allocate',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '服务记录',
|
||||||
|
desc: '订单与工单',
|
||||||
|
type: 'grid',
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: '我的订单',
|
||||||
|
desc: '续费/加油包办理记录',
|
||||||
|
tag: '订单',
|
||||||
|
icon: 'i-carbon-receipt',
|
||||||
|
tone: 'blue',
|
||||||
|
action: 'order',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '工单服务',
|
||||||
|
desc: '反馈问题和查看进度',
|
||||||
|
tag: '工单',
|
||||||
|
icon: 'i-carbon-chat',
|
||||||
|
tone: 'orange',
|
||||||
|
action: 'workOrder',
|
||||||
|
permissionAction: ['workOrder', 'workOrderCreate'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '我的卡片',
|
||||||
|
desc: '查看卡信息、套餐和流量',
|
||||||
|
tag: '进入',
|
||||||
|
icon: 'i-carbon-sim-card',
|
||||||
|
tone: 'primary',
|
||||||
|
action: 'cardList',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '客户管理',
|
||||||
|
desc: '直属客户与客户详情',
|
||||||
|
tag: '客户',
|
||||||
|
icon: 'i-carbon-user-multiple',
|
||||||
|
tone: 'green',
|
||||||
|
action: 'customer',
|
||||||
|
agentOnly: true,
|
||||||
|
permissionAction: 'customer',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
/** ==================== 方法 ==================== */
|
||||||
|
export function getUserBusinessSections(
|
||||||
|
userInfoOrSections?: IUserInfoRes | BusinessServiceSection[],
|
||||||
|
sections: BusinessServiceSection[] = businessSections,
|
||||||
|
) {
|
||||||
|
const userInfo = Array.isArray(userInfoOrSections) ? undefined : userInfoOrSections
|
||||||
|
const sourceSections = Array.isArray(userInfoOrSections) ? userInfoOrSections : sections
|
||||||
|
const workspace = getAccountWorkspace(userInfo)
|
||||||
|
const isAgentUser = Boolean(userInfo) && workspace !== 'terminal'
|
||||||
|
const isTerminalUser = !userInfo || isTerminalUserInfo(userInfo)
|
||||||
|
|
||||||
|
return sourceSections
|
||||||
|
.map(section => ({
|
||||||
|
...section,
|
||||||
|
items: section.items.filter((item) => {
|
||||||
|
if (item.agentOnly && !isAgentUser)
|
||||||
|
return false
|
||||||
|
if (item.terminalOnly && !isTerminalUser)
|
||||||
|
return false
|
||||||
|
if (item.terminalHidden && isTerminalUser)
|
||||||
|
return false
|
||||||
|
if (userInfo && item.permissionAction && !hasBusinessItemPermission(userInfo, item.permissionAction))
|
||||||
|
return false
|
||||||
|
return true
|
||||||
|
}),
|
||||||
|
}))
|
||||||
|
.filter(section => section.items.length > 0)
|
||||||
|
}
|
||||||
|
|
||||||
|
function hasBusinessItemPermission(
|
||||||
|
userInfo: IUserInfoRes,
|
||||||
|
action: AppPermissionAction | AppPermissionAction[],
|
||||||
|
) {
|
||||||
|
const actions = Array.isArray(action) ? action : [action]
|
||||||
|
return actions.some(item => hasUserPermission(userInfo, item))
|
||||||
|
}
|
||||||
@@ -0,0 +1,189 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import RouterPath from '@/constant/RouterPath'
|
||||||
|
import type { IUserInfoRes } from '@/api/types/login'
|
||||||
|
import { useTokenStore } from '@/store/token'
|
||||||
|
import { useUserStore } from '@/store/user'
|
||||||
|
import type { AppPermissionAction } from '@/utils/permission'
|
||||||
|
import { hasUserPermission } from '@/utils/permission'
|
||||||
|
import BusinessSection from './components/BusinessSection.vue'
|
||||||
|
import { getUserBusinessSections } from './data'
|
||||||
|
import type { BusinessServiceItem } from './data'
|
||||||
|
|
||||||
|
definePage({
|
||||||
|
style: {
|
||||||
|
navigationBarTitleText: '办理',
|
||||||
|
},
|
||||||
|
layout: 'default',
|
||||||
|
})
|
||||||
|
|
||||||
|
/** ==================== 常量 ==================== */
|
||||||
|
const actionRouteMap: Partial<Record<NonNullable<BusinessServiceItem['action']>, string>> = {
|
||||||
|
renew: RouterPath.BusinessViewsRenew,
|
||||||
|
allocate: RouterPath.BusinessViewsAllocate,
|
||||||
|
balanceRecharge: RouterPath.BusinessViewsBalanceRecharge,
|
||||||
|
change: RouterPath.BusinessViewsChange,
|
||||||
|
customer: RouterPath.BusinessViewsCustomer,
|
||||||
|
addon: RouterPath.BusinessViewsAddon,
|
||||||
|
diagnosis: RouterPath.BusinessViewsDiagnosis,
|
||||||
|
order: RouterPath.BusinessViewsOrder,
|
||||||
|
warning: RouterPath.BusinessViewsWarning,
|
||||||
|
workOrder: RouterPath.BusinessViewsWorkOrder,
|
||||||
|
}
|
||||||
|
|
||||||
|
/** ==================== 数据 ==================== */
|
||||||
|
const tokenStore = useTokenStore()
|
||||||
|
const userStore = useUserStore()
|
||||||
|
let refreshUserPromise: Promise<void | IUserInfoRes> | undefined
|
||||||
|
const sections = computed(() => getUserBusinessSections(userStore.userInfo))
|
||||||
|
|
||||||
|
/** ==================== 方法 ==================== */
|
||||||
|
async function refreshUserInfoIfNeeded() {
|
||||||
|
if (!tokenStore.updateNowTime().hasLogin)
|
||||||
|
return
|
||||||
|
if (!refreshUserPromise) {
|
||||||
|
refreshUserPromise = userStore
|
||||||
|
.fetchUserInfo()
|
||||||
|
.catch(() => {
|
||||||
|
// 保留本地已缓存的用户信息，避免网络抖动时业务入口反复隐藏。
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
refreshUserPromise = undefined
|
||||||
|
})
|
||||||
|
}
|
||||||
|
await refreshUserPromise
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handleBusinessAction(item: BusinessServiceItem) {
|
||||||
|
await refreshUserInfoIfNeeded()
|
||||||
|
if (item.permissionAction && !hasBusinessItemPermission(item.permissionAction)) {
|
||||||
|
uni.showToast({ title: '暂无操作权限', icon: 'none' })
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
if (item.action === 'cardList') {
|
||||||
|
uni.switchTab({ url: RouterPath.Card })
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const url = item.action ? actionRouteMap[item.action] : ''
|
||||||
|
if (url) {
|
||||||
|
uni.navigateTo({ url })
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
uni.showToast({
|
||||||
|
title: item.title,
|
||||||
|
icon: 'none',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function goDiagnosis() {
|
||||||
|
uni.navigateTo({ url: RouterPath.BusinessViewsDiagnosis })
|
||||||
|
}
|
||||||
|
|
||||||
|
function hasBusinessItemPermission(action: AppPermissionAction | AppPermissionAction[]) {
|
||||||
|
const actions = Array.isArray(action) ? action : [action]
|
||||||
|
return actions.some(item => hasUserPermission(userStore.userInfo, item))
|
||||||
|
}
|
||||||
|
|
||||||
|
/** ==================== 组件 ==================== */
|
||||||
|
/** ==================== 周期 ==================== */
|
||||||
|
onShow(() => {
|
||||||
|
void refreshUserInfoIfNeeded()
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<view class="business-page">
|
||||||
|
<view class="business-stack">
|
||||||
|
<view class="assist-card" @click="goDiagnosis">
|
||||||
|
<view class="assist-icon">
|
||||||
|
<view class="i-carbon-stethoscope text-32rpx" />
|
||||||
|
</view>
|
||||||
|
<view class="min-w-0 flex-1">
|
||||||
|
<text class="assist-title">不确定办哪项？先查卡状态</text>
|
||||||
|
<text class="assist-sub">按卡片状态、套餐、流量和会话信息整理处理方向</text>
|
||||||
|
<text class="mt-4rpx block text-20rpx text-#2563eb leading-30rpx">
|
||||||
|
排查建议仅供辅助判断，以实际业务处理结果为准
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
<view class="i-carbon-chevron-right assist-chev" />
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<BusinessSection
|
||||||
|
v-for="section in sections"
|
||||||
|
:key="section.title"
|
||||||
|
:section="section"
|
||||||
|
@action="handleBusinessAction"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background: #f6f8fb;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.business-page {
|
||||||
|
box-sizing: border-box;
|
||||||
|
min-height: 100vh;
|
||||||
|
padding: 20rpx 28rpx calc(128rpx + env(safe-area-inset-bottom));
|
||||||
|
background: #f6f8fb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.business-stack {
|
||||||
|
display: flex;
|
||||||
|
max-width: 920rpx;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 18rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assist-card {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 18rpx;
|
||||||
|
padding: 22rpx 24rpx;
|
||||||
|
border: 1px solid #dbeafe;
|
||||||
|
border-radius: 12px;
|
||||||
|
background: linear-gradient(120deg, #eef5ff 0%, #f3f9ff 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.assist-icon {
|
||||||
|
display: flex;
|
||||||
|
width: 56rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
background: #2563eb;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assist-title {
|
||||||
|
display: block;
|
||||||
|
font-size: 25rpx;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #111827;
|
||||||
|
line-height: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assist-sub {
|
||||||
|
display: block;
|
||||||
|
margin-top: 5rpx;
|
||||||
|
font-size: 21rpx;
|
||||||
|
color: #64748b;
|
||||||
|
line-height: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assist-chev {
|
||||||
|
margin-top: 12rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
|
color: #93c5fd;
|
||||||
|
font-size: 30rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,219 @@
|
|||||||
|
<script lang="ts" setup>
|
||||||
|
import { useLastQueriedCardStore, useUserStore } from '@/store'
|
||||||
|
import { hasAnyFeature } from '@/utils/permission'
|
||||||
|
import { displayCardValue, displayPackageName, formatDateTime, formatFlowPair, getBossCardStatusText } from '@/pages/card/data'
|
||||||
|
|
||||||
|
definePage({
|
||||||
|
style: {
|
||||||
|
navigationBarTitleText: '加油包',
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
type AddonOption = {
|
||||||
|
name: string
|
||||||
|
price: string
|
||||||
|
desc: string
|
||||||
|
flowText: string
|
||||||
|
badge?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
const addonOptions: AddonOption[] = [
|
||||||
|
{ name: '1GB 加油包', price: '¥8.00', desc: '适合短时补量', flowText: '1GB', badge: '推荐' },
|
||||||
|
{ name: '3GB 加油包', price: '¥18.00', desc: '日常轻量补充', flowText: '3GB' },
|
||||||
|
{ name: '5GB 加油包', price: '¥28.00', desc: '中等用量设备', flowText: '5GB' },
|
||||||
|
{ name: '10GB 加油包', price: '¥48.00', desc: '持续在线设备', flowText: '10GB' },
|
||||||
|
]
|
||||||
|
|
||||||
|
const userStore = useUserStore()
|
||||||
|
const lastCardStore = useLastQueriedCardStore()
|
||||||
|
const noPermission = ref(false)
|
||||||
|
const selectedIndex = ref(0)
|
||||||
|
const canUseAddon = computed(() => hasAnyFeature(userStore.userInfo, 'card:addon'))
|
||||||
|
const currentCard = computed(() => lastCardStore.card)
|
||||||
|
const selectedOption = computed(() => addonOptions[selectedIndex.value] || addonOptions[0])
|
||||||
|
const selectedAmountText = computed(() => selectedOption.value?.price || '¥0.00')
|
||||||
|
|
||||||
|
const cardValueText = computed(() => {
|
||||||
|
const card = currentCard.value
|
||||||
|
return card ? displayCardValue(card) : '请选择卡片'
|
||||||
|
})
|
||||||
|
const packageText = computed(() => {
|
||||||
|
const card = currentCard.value
|
||||||
|
return card ? displayPackageName(card) : '当前套餐'
|
||||||
|
})
|
||||||
|
const flowText = computed(() => {
|
||||||
|
const card = currentCard.value
|
||||||
|
return card ? formatFlowPair(card) : '暂无'
|
||||||
|
})
|
||||||
|
const expireText = computed(() => {
|
||||||
|
const card = currentCard.value
|
||||||
|
return card ? formatDateTime(card.flowPkgEndAt) : '-'
|
||||||
|
})
|
||||||
|
const statusText = computed(() => {
|
||||||
|
const card = currentCard.value
|
||||||
|
return card ? getBossCardStatusText(card.bossCardStatus) : '未选择'
|
||||||
|
})
|
||||||
|
|
||||||
|
function selectOption(index: number) {
|
||||||
|
selectedIndex.value = index
|
||||||
|
}
|
||||||
|
|
||||||
|
function handlePay() {
|
||||||
|
if (!canUseAddon.value) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '暂无加油包订购权限',
|
||||||
|
icon: 'none',
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
uni.showModal({
|
||||||
|
title: '确认订购',
|
||||||
|
content: `卡号：${cardValueText.value}\n加油包：${selectedOption.value.name}\n应付金额：${selectedAmountText.value}\n订购后将立即生效。`,
|
||||||
|
confirmText: '确认',
|
||||||
|
cancelText: '再看看',
|
||||||
|
success: (res) => {
|
||||||
|
if (!res.confirm)
|
||||||
|
return
|
||||||
|
uni.showToast({
|
||||||
|
title: '已选择加油包',
|
||||||
|
icon: 'success',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
await userStore.fetchUserInfo().catch(() => undefined)
|
||||||
|
if (!canUseAddon.value) {
|
||||||
|
noPermission.value = true
|
||||||
|
uni.showToast({ title: '当前账号不能订购加油包', icon: 'none' })
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<view class="biz-page">
|
||||||
|
<view class="biz-stack">
|
||||||
|
<view v-if="noPermission" class="biz-card">
|
||||||
|
<view class="biz-card__body text-26rpx text-#64748b leading-38rpx">
|
||||||
|
当前账号不能订购加油包。
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<template v-else>
|
||||||
|
<view class="biz-hero">
|
||||||
|
<view class="biz-hero__top">
|
||||||
|
<view class="min-w-0 flex items-center gap-16rpx">
|
||||||
|
<view class="biz-hero__icon">
|
||||||
|
<view class="i-carbon-flash" />
|
||||||
|
</view>
|
||||||
|
<view class="min-w-0">
|
||||||
|
<text class="biz-hero__title">加油包</text>
|
||||||
|
<text class="biz-hero__sub">按需补充流量，选定后直接进入支付确认</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<wd-tag type="primary" variant="plain">
|
||||||
|
订购
|
||||||
|
</wd-tag>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="biz-stat-grid">
|
||||||
|
<view class="biz-stat">
|
||||||
|
<text class="biz-stat__label">当前卡片</text>
|
||||||
|
<text class="biz-stat__value">{{ cardValueText }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="biz-stat">
|
||||||
|
<text class="biz-stat__label">当前套餐</text>
|
||||||
|
<text class="biz-stat__value">{{ packageText }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="biz-stat">
|
||||||
|
<text class="biz-stat__label">剩余流量</text>
|
||||||
|
<text class="biz-stat__value">{{ flowText }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="biz-stat">
|
||||||
|
<text class="biz-stat__label">卡片状态</text>
|
||||||
|
<text class="biz-stat__value">{{ statusText }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="biz-card">
|
||||||
|
<view class="biz-card__body">
|
||||||
|
<view class="biz-section-head">
|
||||||
|
<view>
|
||||||
|
<text class="biz-section-title">选择加油包</text>
|
||||||
|
<text class="biz-section-sub">按流量档位单选，价格与生效时间由后端统一控制</text>
|
||||||
|
</view>
|
||||||
|
<wd-tag type="success" variant="plain">
|
||||||
|
{{ selectedOption.name }}
|
||||||
|
</wd-tag>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="grid gap-12rpx">
|
||||||
|
<view
|
||||||
|
v-for="(item, index) in addonOptions"
|
||||||
|
:key="item.name"
|
||||||
|
class="biz-option"
|
||||||
|
:class="{ 'is-active': index === selectedIndex }"
|
||||||
|
@click="selectOption(index)"
|
||||||
|
>
|
||||||
|
<view class="biz-option__main">
|
||||||
|
<view class="flex items-center gap-10rpx">
|
||||||
|
<text class="biz-option__title">{{ item.name }}</text>
|
||||||
|
<wd-tag
|
||||||
|
v-if="item.badge"
|
||||||
|
type="warning"
|
||||||
|
size="small"
|
||||||
|
variant="plain"
|
||||||
|
>
|
||||||
|
{{ item.badge }}
|
||||||
|
</wd-tag>
|
||||||
|
</view>
|
||||||
|
<text class="biz-option__meta">
|
||||||
|
{{ item.flowText }} · {{ item.desc }}
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
<text class="biz-option__price">{{ item.price }}</text>
|
||||||
|
<view class="biz-radio" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="biz-card">
|
||||||
|
<view class="biz-card__body">
|
||||||
|
<view class="biz-row">
|
||||||
|
<text class="biz-row__label">已选加油包</text>
|
||||||
|
<text class="biz-row__value">{{ selectedOption.name }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="biz-row">
|
||||||
|
<text class="biz-row__label">付款方式</text>
|
||||||
|
<text class="biz-row__value">微信支付</text>
|
||||||
|
</view>
|
||||||
|
<view class="biz-row">
|
||||||
|
<text class="biz-row__label">生效时间</text>
|
||||||
|
<text class="biz-row__value">订购成功后立即生效</text>
|
||||||
|
</view>
|
||||||
|
<view class="biz-row">
|
||||||
|
<text class="biz-row__label">到期时间</text>
|
||||||
|
<text class="biz-row__value">{{ expireText }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view v-if="!noPermission" class="biz-paybar">
|
||||||
|
<view class="biz-paybar__inner">
|
||||||
|
<view class="biz-paybar__summary">
|
||||||
|
<text class="biz-paybar__label">{{ cardValueText }}</text>
|
||||||
|
<text class="biz-paybar__value">应付 {{ selectedAmountText }}</text>
|
||||||
|
</view>
|
||||||
|
<wd-button block type="primary" @click="handlePay">
|
||||||
|
立即订购 {{ selectedAmountText }}
|
||||||
|
</wd-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,740 @@
|
|||||||
|
<script lang="ts" setup>
|
||||||
|
import type { AllocateBatchRes, AllocateTarget, AppCard } from '@/api/card'
|
||||||
|
import {
|
||||||
|
allocateBatchPrepare,
|
||||||
|
allocateBatchSubmit,
|
||||||
|
getAllocateTargets,
|
||||||
|
getCardList,
|
||||||
|
} from '@/api/card'
|
||||||
|
import {
|
||||||
|
displayCardValue,
|
||||||
|
displayPackageName,
|
||||||
|
formatDateTime,
|
||||||
|
formatFlowPair,
|
||||||
|
} from '@/pages/card/data'
|
||||||
|
import { useUserStore } from '@/store/user'
|
||||||
|
import { hasUserPermission } from '@/utils/permission'
|
||||||
|
import { getAccountWorkspace } from '@/utils/userIdentity'
|
||||||
|
|
||||||
|
definePage({
|
||||||
|
style: {
|
||||||
|
navigationBarTitleText: '批量卡片划拨',
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
const userStore = useUserStore()
|
||||||
|
const keyword = ref('')
|
||||||
|
const targetKeyword = ref('')
|
||||||
|
const cards = ref<AppCard[]>([])
|
||||||
|
const targets = ref<AllocateTarget[]>([])
|
||||||
|
const selectedCardValues = ref<string[]>([])
|
||||||
|
const selectedTargetId = ref<number>()
|
||||||
|
const loadingCards = ref(false)
|
||||||
|
const loadingTargets = ref(false)
|
||||||
|
const preparing = ref(false)
|
||||||
|
const submitting = ref(false)
|
||||||
|
const noPermission = ref(false)
|
||||||
|
const errorMessage = ref('')
|
||||||
|
const targetPopupVisible = ref(false)
|
||||||
|
const prepare = ref<AllocateBatchRes>()
|
||||||
|
const result = ref<AllocateBatchRes>()
|
||||||
|
const initialCardValue = ref('')
|
||||||
|
let targetLoadSeq = 0
|
||||||
|
|
||||||
|
const workspace = computed(() => getAccountWorkspace(userStore.userInfo))
|
||||||
|
const isAgentUser = computed(() => workspace.value === 'enterprise' || workspace.value === 'agent' || workspace.value === 'admin')
|
||||||
|
const canUseAllocate = computed(() => isAgentUser.value && hasUserPermission(userStore.userInfo, 'allocate'))
|
||||||
|
const selectedTarget = computed(() =>
|
||||||
|
targets.value.find(item => Number(item.deptId) === Number(selectedTargetId.value)),
|
||||||
|
)
|
||||||
|
const allocatableCards = computed(() => cards.value.filter(item => item.canAllocate !== false))
|
||||||
|
const visibleCards = computed(() => {
|
||||||
|
const value = keyword.value.trim()
|
||||||
|
if (!value)
|
||||||
|
return allocatableCards.value
|
||||||
|
return allocatableCards.value.filter((item) => {
|
||||||
|
return (
|
||||||
|
allocateCardValue(item).includes(value)
|
||||||
|
|| (item.msisdn || '').includes(value)
|
||||||
|
|| (item.imsi || '').includes(value)
|
||||||
|
|| displayPackageName(item).includes(value)
|
||||||
|
|| (item.remark || '').includes(value)
|
||||||
|
|| (item.terminalName || '').includes(value)
|
||||||
|
|| ownerDeptText(item).includes(value)
|
||||||
|
)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
const canPrepare = computed(
|
||||||
|
() => canUseAllocate.value && !!selectedTarget.value && !!selectedCardValues.value.length,
|
||||||
|
)
|
||||||
|
const canSubmit = computed(() => {
|
||||||
|
return !!prepare.value?.batchNo
|
||||||
|
&& !submitting.value
|
||||||
|
&& !result.value
|
||||||
|
&& (prepare.value.failCount || 0) === 0
|
||||||
|
&& prepare.value.status !== 'failed'
|
||||||
|
})
|
||||||
|
const isFixedCardMode = computed(() => !!initialCardValue.value)
|
||||||
|
|
||||||
|
async function openTargetPopup() {
|
||||||
|
if (noPermission.value)
|
||||||
|
return
|
||||||
|
targetPopupVisible.value = true
|
||||||
|
await refreshTargetPopup()
|
||||||
|
}
|
||||||
|
|
||||||
|
async function refreshTargetPopup() {
|
||||||
|
targetKeyword.value = ''
|
||||||
|
targets.value = []
|
||||||
|
await loadTargets('')
|
||||||
|
}
|
||||||
|
|
||||||
|
async function searchTargetPopup() {
|
||||||
|
await loadTargets(targetKeyword.value)
|
||||||
|
}
|
||||||
|
|
||||||
|
async function bootstrap() {
|
||||||
|
await userStore.fetchUserInfo().catch(() => undefined)
|
||||||
|
if (!canUseAllocate.value) {
|
||||||
|
noPermission.value = true
|
||||||
|
uni.showToast({ title: '当前账号不能使用卡片划拨', icon: 'none' })
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.navigateBack()
|
||||||
|
}, 800)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
await Promise.all([loadTargets(), loadCards()])
|
||||||
|
}
|
||||||
|
|
||||||
|
async function loadTargets(keyword?: string) {
|
||||||
|
const seq = ++targetLoadSeq
|
||||||
|
loadingTargets.value = true
|
||||||
|
try {
|
||||||
|
const actualKeyword = typeof keyword === 'string' ? keyword : targetKeyword.value
|
||||||
|
const res = await getAllocateTargets({
|
||||||
|
page: 1,
|
||||||
|
pageSize: 1000,
|
||||||
|
keyword: actualKeyword.trim() || undefined,
|
||||||
|
})
|
||||||
|
if (seq !== targetLoadSeq)
|
||||||
|
return
|
||||||
|
targets.value = (res.items || []).map(item => ({
|
||||||
|
...item,
|
||||||
|
deptId: Number(item.deptId),
|
||||||
|
parentId: item.parentId == null ? undefined : Number(item.parentId),
|
||||||
|
})).filter(isSelectableTarget)
|
||||||
|
if (
|
||||||
|
selectedTargetId.value
|
||||||
|
&& !targets.value.some(item => Number(item.deptId) === Number(selectedTargetId.value))
|
||||||
|
) {
|
||||||
|
selectedTargetId.value = undefined
|
||||||
|
}
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
if (seq !== targetLoadSeq)
|
||||||
|
return
|
||||||
|
targets.value = []
|
||||||
|
uni.showToast({ title: getErrorMessage(error, '目标客户加载失败'), icon: 'none' })
|
||||||
|
}
|
||||||
|
finally {
|
||||||
|
if (seq === targetLoadSeq)
|
||||||
|
loadingTargets.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function loadCards() {
|
||||||
|
loadingCards.value = true
|
||||||
|
errorMessage.value = ''
|
||||||
|
try {
|
||||||
|
const res = await getCardList({
|
||||||
|
page: 1,
|
||||||
|
pageSize: 100,
|
||||||
|
cardValue: keyword.value.trim() || undefined,
|
||||||
|
})
|
||||||
|
cards.value = res.items || []
|
||||||
|
applyInitialCardSelection()
|
||||||
|
const nextKeys = new Set(allocatableCards.value.map(allocateCardValue))
|
||||||
|
selectedCardValues.value = selectedCardValues.value.filter(value => nextKeys.has(value))
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
cards.value = []
|
||||||
|
selectedCardValues.value = []
|
||||||
|
errorMessage.value = getErrorMessage(error, '卡片列表加载失败')
|
||||||
|
}
|
||||||
|
finally {
|
||||||
|
loadingCards.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function allocateCardValue(item: AppCard) {
|
||||||
|
return item.iccid || item.msisdn || item.imsi || item.imei || ''
|
||||||
|
}
|
||||||
|
|
||||||
|
function ownerDeptText(item: AppCard) {
|
||||||
|
return item.deptName || '-'
|
||||||
|
}
|
||||||
|
|
||||||
|
function cardMatchesValue(item: AppCard, value: string) {
|
||||||
|
return [item.iccid, item.msisdn, item.imsi, item.imei].filter(Boolean).includes(value)
|
||||||
|
}
|
||||||
|
|
||||||
|
function applyInitialCardSelection() {
|
||||||
|
const value = initialCardValue.value.trim()
|
||||||
|
if (!value)
|
||||||
|
return
|
||||||
|
const item = allocatableCards.value.find(cardItem => cardMatchesValue(cardItem, value))
|
||||||
|
if (!item)
|
||||||
|
return
|
||||||
|
const selectedValue = allocateCardValue(item)
|
||||||
|
if (selectedValue) {
|
||||||
|
selectedCardValues.value = [selectedValue]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function isSelected(item: AppCard) {
|
||||||
|
return selectedCardValues.value.includes(allocateCardValue(item))
|
||||||
|
}
|
||||||
|
|
||||||
|
function selectVisibleCards() {
|
||||||
|
const values = visibleCards.value.map(allocateCardValue).filter(Boolean)
|
||||||
|
selectedCardValues.value = Array.from(new Set([...selectedCardValues.value, ...values]))
|
||||||
|
}
|
||||||
|
|
||||||
|
function clearSelection() {
|
||||||
|
selectedCardValues.value = []
|
||||||
|
}
|
||||||
|
|
||||||
|
function selectTarget(item: AllocateTarget) {
|
||||||
|
selectedTargetId.value = Number(item.deptId)
|
||||||
|
targetPopupVisible.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
function targetLabel(item?: AllocateTarget) {
|
||||||
|
if (!item)
|
||||||
|
return '请选择划拨目标客户'
|
||||||
|
return item.label || item.deptName || '未命名客户'
|
||||||
|
}
|
||||||
|
|
||||||
|
function targetDescription(item?: AllocateTarget) {
|
||||||
|
if (!item)
|
||||||
|
return ''
|
||||||
|
return item.deptKey ? `客户编码：${item.deptKey}` : targetScopeName(item)
|
||||||
|
}
|
||||||
|
|
||||||
|
function targetScopeName(item?: AllocateTarget) {
|
||||||
|
return item?.targetScopeName || (item?.targetScope === 'direct_child' ? '直属下级' : '当前机构')
|
||||||
|
}
|
||||||
|
|
||||||
|
function targetScopeTagType(item?: AllocateTarget) {
|
||||||
|
return item?.targetScope === 'direct_child' ? 'primary' : 'success'
|
||||||
|
}
|
||||||
|
|
||||||
|
function isSelectableTarget(item: AllocateTarget) {
|
||||||
|
const currentDeptId = Number(userStore.userInfo?.deptId || userStore.userInfo?.enterpriseProfile?.deptId || 0)
|
||||||
|
if (currentDeptId && Number(item.deptId) === currentDeptId)
|
||||||
|
return false
|
||||||
|
if (item.targetScope === 'current')
|
||||||
|
return false
|
||||||
|
if (item.targetScope === 'direct_child')
|
||||||
|
return true
|
||||||
|
if (currentDeptId && Number(item.parentId) === currentDeptId)
|
||||||
|
return true
|
||||||
|
return String(item.targetScopeName || '').includes('下级')
|
||||||
|
}
|
||||||
|
|
||||||
|
function prepareStatusText(item?: AllocateBatchRes) {
|
||||||
|
if (!item)
|
||||||
|
return '-'
|
||||||
|
if (result.value)
|
||||||
|
return '已划拨'
|
||||||
|
if (item.status === 'failed' || (item.failCount || 0) > 0)
|
||||||
|
return '校验失败'
|
||||||
|
return '已校验'
|
||||||
|
}
|
||||||
|
|
||||||
|
function failedAllocateDetails(item?: AllocateBatchRes) {
|
||||||
|
return item?.details?.filter(detail => detail.status === 'failed') || []
|
||||||
|
}
|
||||||
|
|
||||||
|
function showPrepareFailedModal(item: AllocateBatchRes) {
|
||||||
|
const failedDetails = failedAllocateDetails(item)
|
||||||
|
const failCount = item.failCount || failedDetails.length
|
||||||
|
const lines = failedDetails.slice(0, 6).map((detail) => {
|
||||||
|
const cardNo = detail.itemId || `第${detail.rowNo}行`
|
||||||
|
return `${cardNo}：${detail.errorReason || '校验失败'}`
|
||||||
|
})
|
||||||
|
if (failCount > lines.length)
|
||||||
|
lines.push(`还有 ${failCount - lines.length} 条失败明细，请在页面下方查看。`)
|
||||||
|
uni.showModal({
|
||||||
|
title: `校验失败 ${failCount} 张`,
|
||||||
|
content: lines.join('\n') || item.failReason || '存在校验失败卡，请调整后重新校验。',
|
||||||
|
confirmText: '知道了',
|
||||||
|
showCancel: false,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handlePrepare() {
|
||||||
|
if (!canPrepare.value || preparing.value) {
|
||||||
|
uni.showToast({ title: '请先选择目标客户和需要划拨的卡', icon: 'none' })
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
preparing.value = true
|
||||||
|
try {
|
||||||
|
const res = await allocateBatchPrepare({
|
||||||
|
cardValues: selectedCardValues.value,
|
||||||
|
targetDeptId: selectedTargetId.value as number,
|
||||||
|
})
|
||||||
|
prepare.value = res
|
||||||
|
result.value = undefined
|
||||||
|
if ((res.failCount || 0) > 0 || res.status === 'failed') {
|
||||||
|
showPrepareFailedModal(res)
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
uni.showToast({ title: '校验通过', icon: 'success' })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
prepare.value = undefined
|
||||||
|
uni.showToast({ title: getErrorMessage(error, '划拨校验失败'), icon: 'none' })
|
||||||
|
}
|
||||||
|
finally {
|
||||||
|
preparing.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handleSubmit() {
|
||||||
|
if (!prepare.value?.batchNo || !selectedTarget.value) {
|
||||||
|
uni.showToast({ title: '请先校验划拨批次', icon: 'none' })
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (submitting.value)
|
||||||
|
return
|
||||||
|
const confirmed = await confirmAllocateSubmit()
|
||||||
|
if (!confirmed)
|
||||||
|
return
|
||||||
|
|
||||||
|
submitting.value = true
|
||||||
|
try {
|
||||||
|
const res = await allocateBatchSubmit({
|
||||||
|
batchNo: prepare.value.batchNo,
|
||||||
|
cardValues: selectedCardValues.value,
|
||||||
|
targetDeptId: selectedTarget.value.deptId,
|
||||||
|
})
|
||||||
|
result.value = res
|
||||||
|
prepare.value = res
|
||||||
|
uni.showModal({
|
||||||
|
title: '划拨成功',
|
||||||
|
content: `划拨批次：${res.batchNo || '-'}\n目标客户：${targetLabel(res.target)}\n划拨卡数：${res.quantity || selectedCardValues.value.length} 张\n当前企业保留查看和其他办理权限，划拨权交由目标客户。`,
|
||||||
|
showCancel: false,
|
||||||
|
})
|
||||||
|
initialCardValue.value = ''
|
||||||
|
clearSelection()
|
||||||
|
await loadCards()
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
uni.showToast({ title: getErrorMessage(error, '划拨提交失败'), icon: 'none' })
|
||||||
|
}
|
||||||
|
finally {
|
||||||
|
submitting.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function confirmAllocateSubmit() {
|
||||||
|
return new Promise<boolean>((resolve) => {
|
||||||
|
uni.showModal({
|
||||||
|
title: '确认划拨',
|
||||||
|
content: `目标客户：${targetLabel(selectedTarget.value)}\n划拨卡数：${prepare.value?.quantity || selectedCardValues.value.length} 张\n确认后更新卡片归属，当前企业保留查看和其他办理权限，划拨权交由目标客户。`,
|
||||||
|
confirmText: '确认划拨',
|
||||||
|
cancelText: '再看一下',
|
||||||
|
success: res => resolve(!!res.confirm),
|
||||||
|
fail: () => resolve(false),
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function getErrorMessage(error: unknown, fallback: string) {
|
||||||
|
if (error && typeof error === 'object') {
|
||||||
|
const data = error as {
|
||||||
|
msg?: unknown
|
||||||
|
message?: unknown
|
||||||
|
errMsg?: unknown
|
||||||
|
statusCode?: unknown
|
||||||
|
data?: { msg?: unknown, message?: unknown }
|
||||||
|
}
|
||||||
|
if (typeof data.msg === 'string' && data.msg)
|
||||||
|
return data.msg
|
||||||
|
if (typeof data.message === 'string' && data.message)
|
||||||
|
return data.message
|
||||||
|
if (typeof data.data?.msg === 'string' && data.data.msg)
|
||||||
|
return data.data.msg
|
||||||
|
if (typeof data.data?.message === 'string' && data.data.message)
|
||||||
|
return data.data.message
|
||||||
|
if (typeof data.statusCode === 'number')
|
||||||
|
return fallback
|
||||||
|
if (typeof data.errMsg === 'string' && data.errMsg)
|
||||||
|
return fallback
|
||||||
|
}
|
||||||
|
return fallback
|
||||||
|
}
|
||||||
|
|
||||||
|
watch([selectedCardValues, selectedTargetId], () => {
|
||||||
|
prepare.value = undefined
|
||||||
|
result.value = undefined
|
||||||
|
})
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
void bootstrap()
|
||||||
|
})
|
||||||
|
|
||||||
|
onLoad((query) => {
|
||||||
|
const value = normalizeQueryValue(query?.cardValue || query?.cardNo || query?.iccid)
|
||||||
|
if (!value)
|
||||||
|
return
|
||||||
|
initialCardValue.value = value
|
||||||
|
keyword.value = value
|
||||||
|
})
|
||||||
|
|
||||||
|
function normalizeQueryValue(value: string | string[] | undefined) {
|
||||||
|
return Array.isArray(value) ? value[0] : String(value || '')
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<scroll-view scroll-y class="h-screen">
|
||||||
|
<view class="biz-page">
|
||||||
|
<view class="biz-stack">
|
||||||
|
<view v-if="noPermission" class="biz-card">
|
||||||
|
<view class="biz-card__body text-26rpx text-#64748b leading-38rpx">
|
||||||
|
当前账号不能使用卡片划拨。
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<template v-else>
|
||||||
|
<view class="biz-hero">
|
||||||
|
<view class="biz-hero__top">
|
||||||
|
<view class="min-w-0 flex items-center gap-16rpx">
|
||||||
|
<view class="biz-hero__icon">
|
||||||
|
<view class="i-carbon-user-multiple" />
|
||||||
|
</view>
|
||||||
|
<view class="min-w-0">
|
||||||
|
<text class="biz-hero__title">卡片划拨</text>
|
||||||
|
<text class="biz-hero__sub">选择可划拨卡片，校验后转给目标下级客户</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="app-tag app-tag--info shrink-0 whitespace-nowrap">
|
||||||
|
代理商
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="biz-stat-grid">
|
||||||
|
<view class="biz-stat">
|
||||||
|
<text class="biz-stat__label">目标客户</text>
|
||||||
|
<text class="biz-stat__value">{{ targetLabel(selectedTarget) }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="biz-stat">
|
||||||
|
<text class="biz-stat__label">已选卡片</text>
|
||||||
|
<text class="biz-stat__value">{{ selectedCardValues.length }} 张</text>
|
||||||
|
</view>
|
||||||
|
<view class="biz-stat">
|
||||||
|
<text class="biz-stat__label">校验状态</text>
|
||||||
|
<text class="biz-stat__value">{{ prepareStatusText(prepare) }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="biz-stat">
|
||||||
|
<text class="biz-stat__label">失败卡数</text>
|
||||||
|
<text class="biz-stat__value">{{ prepare?.failCount || 0 }} 张</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="biz-card">
|
||||||
|
<wd-cell
|
||||||
|
title="目标客户"
|
||||||
|
:value="targetLabel(selectedTarget)"
|
||||||
|
clickable
|
||||||
|
is-link
|
||||||
|
center
|
||||||
|
@click="openTargetPopup"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="biz-card">
|
||||||
|
<view class="biz-card__body">
|
||||||
|
<wd-input
|
||||||
|
v-model="keyword"
|
||||||
|
placeholder="搜索卡号、套餐、备注或客户"
|
||||||
|
:clearable="!isFixedCardMode"
|
||||||
|
@confirm="loadCards"
|
||||||
|
/>
|
||||||
|
<view class="biz-mini-action-grid mt-16rpx">
|
||||||
|
<wd-button size="small" type="primary" plain block custom-class="biz-mini-action-btn" :loading="loadingCards" @click="loadCards">
|
||||||
|
<view class="biz-mini-action-btn__inner">
|
||||||
|
<view class="i-carbon-renew biz-mini-action-btn__icon biz-mini-action-btn__icon--blue" />
|
||||||
|
<text class="biz-mini-action-btn__text">刷新</text>
|
||||||
|
</view>
|
||||||
|
</wd-button>
|
||||||
|
<wd-button
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
block
|
||||||
|
custom-class="biz-mini-action-btn"
|
||||||
|
:disabled="!visibleCards.length"
|
||||||
|
@click="selectVisibleCards"
|
||||||
|
>
|
||||||
|
<view class="biz-mini-action-btn__inner">
|
||||||
|
<view class="i-carbon-checkmark-outline biz-mini-action-btn__icon biz-mini-action-btn__icon--green" />
|
||||||
|
<text class="biz-mini-action-btn__text">全选</text>
|
||||||
|
</view>
|
||||||
|
</wd-button>
|
||||||
|
<wd-button
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
block
|
||||||
|
custom-class="biz-mini-action-btn"
|
||||||
|
:disabled="!selectedCardValues.length"
|
||||||
|
@click="clearSelection"
|
||||||
|
>
|
||||||
|
<view class="biz-mini-action-btn__inner">
|
||||||
|
<view class="i-carbon-close biz-mini-action-btn__icon biz-mini-action-btn__icon--gray" />
|
||||||
|
<text class="biz-mini-action-btn__text">清空</text>
|
||||||
|
</view>
|
||||||
|
</wd-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="biz-section-head">
|
||||||
|
<view>
|
||||||
|
<text class="biz-section-title">当前可划拨卡</text>
|
||||||
|
<text class="biz-section-sub">划拨前会生成 ALC 批次进行归属和状态校验</text>
|
||||||
|
</view>
|
||||||
|
<view class="app-tag app-tag--info shrink-0 whitespace-nowrap">
|
||||||
|
已选 {{ selectedCardValues.length }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view v-if="loadingCards" class="biz-card">
|
||||||
|
<view class="biz-card__body">
|
||||||
|
<wd-skeleton theme="paragraph" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view v-else-if="errorMessage" class="biz-card">
|
||||||
|
<view class="biz-card__body grid gap-16rpx">
|
||||||
|
<view class="text-26rpx text-#b91c1c leading-38rpx">
|
||||||
|
{{ errorMessage }}
|
||||||
|
</view>
|
||||||
|
<wd-button size="small" type="primary" @click="loadCards">
|
||||||
|
重试
|
||||||
|
</wd-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view v-else class="biz-card">
|
||||||
|
<view v-if="visibleCards.length" class="biz-card__body">
|
||||||
|
<wd-checkbox-group v-model="selectedCardValues" type="square" checked-color="#2563eb">
|
||||||
|
<view class="grid gap-12rpx">
|
||||||
|
<view
|
||||||
|
v-for="item in visibleCards"
|
||||||
|
:key="allocateCardValue(item)"
|
||||||
|
class="biz-check-row"
|
||||||
|
:class="{ 'is-active': isSelected(item) }"
|
||||||
|
>
|
||||||
|
<wd-checkbox
|
||||||
|
:name="allocateCardValue(item)"
|
||||||
|
custom-label-class="!block !w-full"
|
||||||
|
>
|
||||||
|
<view class="min-w-0 pr-16rpx">
|
||||||
|
<view class="truncate text-30rpx text-#111827 font-900">
|
||||||
|
{{ displayCardValue(item) }}
|
||||||
|
</view>
|
||||||
|
<view class="mt-8rpx truncate text-24rpx text-#64748b">
|
||||||
|
{{ displayPackageName(item) }}
|
||||||
|
</view>
|
||||||
|
<view class="mt-8rpx text-22rpx text-#64748b leading-32rpx">
|
||||||
|
{{ formatFlowPair(item) }} · 到期 {{ formatDateTime(item.flowPkgEndAt) }}
|
||||||
|
</view>
|
||||||
|
<view class="mt-8rpx text-22rpx text-#64748b leading-32rpx">
|
||||||
|
归属客户：{{ ownerDeptText(item) }}
|
||||||
|
</view>
|
||||||
|
<view v-if="item.terminalName" class="mt-8rpx text-22rpx text-#64748b leading-32rpx">
|
||||||
|
终端绑定：{{ item.terminalName }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</wd-checkbox>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</wd-checkbox-group>
|
||||||
|
</view>
|
||||||
|
<view v-else class="biz-card__body text-center text-26rpx text-#64748b">
|
||||||
|
暂无可划拨卡片
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view v-if="prepare" class="biz-card">
|
||||||
|
<view class="biz-card__body">
|
||||||
|
<view class="biz-section-head mb-8rpx">
|
||||||
|
<text class="biz-section-title">校验结果</text>
|
||||||
|
<wd-tag :type="prepare.failCount ? 'warning' : 'success'" variant="plain">
|
||||||
|
{{ prepareStatusText(prepare) }}
|
||||||
|
</wd-tag>
|
||||||
|
</view>
|
||||||
|
<view class="biz-row">
|
||||||
|
<text class="biz-row__label">划拨批次</text>
|
||||||
|
<text class="biz-row__value mono">{{ prepare.batchNo || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="biz-row">
|
||||||
|
<text class="biz-row__label">目标客户</text>
|
||||||
|
<text class="biz-row__value">{{ targetLabel(prepare.target) }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="biz-row">
|
||||||
|
<text class="biz-row__label">校验卡数</text>
|
||||||
|
<text class="biz-row__value">
|
||||||
|
{{ prepare.validCount ?? prepare.quantity ?? 0 }}/{{ prepare.totalCount ?? selectedCardValues.length }} 张
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
<view class="biz-row">
|
||||||
|
<text class="biz-row__label">失败卡数</text>
|
||||||
|
<text class="biz-row__value">{{ prepare.failCount || 0 }} 张</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
v-if="prepare.failCount"
|
||||||
|
class="border-t border-#eef2f7 border-solid px-24rpx py-20rpx"
|
||||||
|
>
|
||||||
|
<view class="mb-14rpx text-26rpx text-#991b1b font-800">
|
||||||
|
失败明细
|
||||||
|
</view>
|
||||||
|
<view class="grid gap-12rpx">
|
||||||
|
<view
|
||||||
|
v-for="item in failedAllocateDetails(prepare)"
|
||||||
|
:key="`${item.rowNo}-${item.itemId}`"
|
||||||
|
class="rounded-8rpx bg-#fef2f2 px-18rpx py-16rpx"
|
||||||
|
>
|
||||||
|
<view class="text-24rpx text-#7f1d1d font-700">
|
||||||
|
第 {{ item.rowNo }} 行：{{ item.itemId || '-' }}
|
||||||
|
</view>
|
||||||
|
<view class="mt-6rpx text-23rpx text-#991b1b leading-32rpx">
|
||||||
|
{{ item.errorReason || '校验失败' }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<wd-popup v-model="targetPopupVisible" position="bottom" round safe-area-inset-bottom>
|
||||||
|
<view class="max-h-84vh flex flex-col p-24rpx">
|
||||||
|
<view class="text-32rpx text-#111827 font-900">
|
||||||
|
选择目标客户
|
||||||
|
</view>
|
||||||
|
<view class="mt-20rpx">
|
||||||
|
<wd-input
|
||||||
|
v-model="targetKeyword"
|
||||||
|
label="搜索"
|
||||||
|
label-width="72px"
|
||||||
|
placeholder="客户名称或编码"
|
||||||
|
clearable
|
||||||
|
@confirm="searchTargetPopup"
|
||||||
|
/>
|
||||||
|
<view class="mt-16rpx">
|
||||||
|
<wd-button
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
block
|
||||||
|
custom-class="biz-mini-action-btn"
|
||||||
|
:loading="loadingTargets"
|
||||||
|
@click="refreshTargetPopup"
|
||||||
|
>
|
||||||
|
<view class="biz-mini-action-btn__inner">
|
||||||
|
<view class="i-carbon-renew biz-mini-action-btn__icon biz-mini-action-btn__icon--blue" />
|
||||||
|
<text class="biz-mini-action-btn__text">刷新目标客户</text>
|
||||||
|
</view>
|
||||||
|
</wd-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="mt-16rpx text-24rpx text-#64748b">
|
||||||
|
{{ loadingTargets ? '正在加载下级代理...' : `已加载 ${targets.length} 个下级代理` }}
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<scroll-view scroll-y class="mt-20rpx h-620rpx min-h-260rpx">
|
||||||
|
<view v-if="targets.length" class="grid gap-12rpx">
|
||||||
|
<view
|
||||||
|
v-for="item in targets"
|
||||||
|
:key="item.deptId"
|
||||||
|
class="border rounded-8rpx border-solid p-20rpx"
|
||||||
|
:class="
|
||||||
|
Number(item.deptId) === Number(selectedTargetId)
|
||||||
|
? 'border-#2563eb bg-#eff6ff'
|
||||||
|
: 'border-#e5e7eb bg-#f8fafc'
|
||||||
|
"
|
||||||
|
@click="selectTarget(item)"
|
||||||
|
>
|
||||||
|
<view class="flex items-center justify-between gap-16rpx">
|
||||||
|
<view class="min-w-0">
|
||||||
|
<view class="truncate text-28rpx text-#111827 font-900">
|
||||||
|
{{ item.deptName }}
|
||||||
|
</view>
|
||||||
|
<view class="mt-8rpx text-23rpx text-#64748b">
|
||||||
|
{{ targetDescription(item) }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex shrink-0 items-center gap-8rpx">
|
||||||
|
<wd-tag :type="targetScopeTagType(item)" variant="plain">
|
||||||
|
{{ targetScopeName(item) }}
|
||||||
|
</wd-tag>
|
||||||
|
<wd-tag v-if="Number(item.deptId) === Number(selectedTargetId)" type="primary" variant="plain">
|
||||||
|
已选择
|
||||||
|
</wd-tag>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view v-else class="p-32rpx text-center text-26rpx text-#64748b">
|
||||||
|
暂无可划拨下级代理
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
</wd-popup>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
<view
|
||||||
|
v-if="!noPermission && !targetPopupVisible"
|
||||||
|
class="biz-paybar z-1100"
|
||||||
|
>
|
||||||
|
<view class="biz-paybar__inner">
|
||||||
|
<view class="biz-paybar__summary">
|
||||||
|
<text class="biz-paybar__label">已选 {{ selectedCardValues.length }} 张</text>
|
||||||
|
<text class="biz-paybar__value">
|
||||||
|
{{ selectedTarget ? `${targetScopeName(selectedTarget)} · ${targetLabel(selectedTarget)}` : '请选择目标客户' }}
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
<view class="biz-paybar-actions">
|
||||||
|
<wd-button
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
block
|
||||||
|
custom-class="biz-paybar-btn"
|
||||||
|
:loading="preparing"
|
||||||
|
:disabled="!canPrepare || preparing"
|
||||||
|
@click="handlePrepare"
|
||||||
|
>
|
||||||
|
校验划拨
|
||||||
|
</wd-button>
|
||||||
|
<wd-button
|
||||||
|
type="primary"
|
||||||
|
block
|
||||||
|
custom-class="biz-paybar-btn"
|
||||||
|
:loading="submitting"
|
||||||
|
:disabled="!canSubmit"
|
||||||
|
@click="handleSubmit"
|
||||||
|
>
|
||||||
|
确认划拨
|
||||||
|
</wd-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,61 @@
|
|||||||
|
import type {
|
||||||
|
BalanceRechargeMockPayParams,
|
||||||
|
BalanceRechargeRefundParams,
|
||||||
|
BalanceRechargeStatusParams,
|
||||||
|
BalanceRechargeStatusRes,
|
||||||
|
BalanceRechargeSubmitParams,
|
||||||
|
BalanceRechargeSubmitRes,
|
||||||
|
} from '@/api/types/balance'
|
||||||
|
import type { AppOrder } from '@/api/types/order'
|
||||||
|
import { http } from '@/http/http'
|
||||||
|
|
||||||
|
export type {
|
||||||
|
BalanceRechargeMockPayParams,
|
||||||
|
BalanceRechargeRefundParams,
|
||||||
|
BalanceRechargeStatusParams,
|
||||||
|
BalanceRechargeStatusRes,
|
||||||
|
BalanceRechargeSubmitParams,
|
||||||
|
BalanceRechargeSubmitRes,
|
||||||
|
} from '@/api/types/balance'
|
||||||
|
|
||||||
|
export function balanceRechargeSubmit(data: BalanceRechargeSubmitParams) {
|
||||||
|
return http.post<BalanceRechargeSubmitRes>(
|
||||||
|
'/balance/recharge-submit',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
{
|
||||||
|
hideErrorToast: true,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function balanceRechargeStatus(data: BalanceRechargeStatusParams) {
|
||||||
|
return http.get<BalanceRechargeStatusRes>('/balance/recharge-status', data, undefined, {
|
||||||
|
hideErrorToast: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function balanceRechargeMockPay(data: BalanceRechargeMockPayParams) {
|
||||||
|
return http.post<BalanceRechargeStatusRes>(
|
||||||
|
'/balance/recharge-mock-pay',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
{
|
||||||
|
hideErrorToast: true,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function balanceRechargeRefund(data: BalanceRechargeRefundParams) {
|
||||||
|
return http.post<AppOrder>(
|
||||||
|
'/balance/recharge-refund',
|
||||||
|
data,
|
||||||
|
undefined,
|
||||||
|
undefined,
|
||||||
|
{
|
||||||
|
hideErrorToast: true,
|
||||||
|
},
|
||||||
|
)
|
||||||
|
}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user