fix: 首页和我的应用排序按 seq 排列

This commit is contained in:
2026-07-29 20:27:36 +08:00
parent 8c9613044c
commit ec6a5dd956
35 changed files with 18361 additions and 17013 deletions

View File

@@ -0,0 +1,61 @@
# 后端 JWT Token 签发 — 需要添加的修改
以 CRMEB 后端 PHP 为例,找到签发 token 的方法(通常在类似以下位置):
## 1. 查找签发位置
CRMEB 后端搜索 `JWT::encode` 或 `makeToken` / `createToken`:
- `crmeb/app/services/system/SystemAuthService.php`
- `crmeb/app/services/other/CacheTokenService.php`
- 或 `crmeb/app/services/wechat/...`
## 2. 修改 Payload
原始代码可能类似:
```php
$payload = [
'iss' => 'crmeb',
'iat' => time(),
'exp' => time() + 86400 * 7,
'id' => $user->id,
];
$token = JWT::encode($payload, $key, 'HS256');
```
改为(添加 uid、phone、openid):
```php
$payload = [
'iss' => 'crmeb',
'iat' => time(),
'exp' => time() + 86400 * 7,
'uid' => $user->id, // ← 添加:用户 ID
'phone' => $user->phone ?? '', // ← 添加:手机号
'openid' => $user->openid ?? '', // ← 添加:微信 openid
];
$token = JWT::encode($payload, $key, 'HS256');
```
## 3. 验证
修改后登录任意用户,token 形如:
```
eyJhbGciOiJIUzI1NiJ9.eyJ1aWQiOjEyMywicGhvbmUiOiIxMzgwMDAwMDAwMCIsIm9wZW5pZCI6Im8xMjNfIn0.xxxx
```
在浏览器 DevTools 或 https://jwt.io 解码 payload 应看到:
```json
{
"uid": 123,
"phone": "13800000000",
"openid": "o123_xxx",
"exp": 1748000000,
"iss": "crmeb",
"iat": 1747395200
}
```
前端 `parseJwt()` 就能正确读取这些字段。

View File

@@ -0,0 +1,77 @@
## 方案:小程序跳转到 H5 页面携带 token
### Summary
- 目标:在微信小程序内通过 web-view 打开指定 H5 地址时,让 H5 自动获得与小程序一致的登录态(token),并在 H5 内完成 Vuex/缓存写入与用户信息同步。
- 约束(来自现状与确认):打开方式为 web-view;当前不方便改后端接口;倾向直接携带 Bearer token。
- 推荐策略:优先把 token 放到 URL 的 fragment(`#` 之后)以避免出现在 HTTP 请求与 Referer/服务端日志里;H5 启动时从 fragment 解析 token,写入 `LOGIN_STATUS` 缓存并拉取用户信息,随后清理 URL 中的 token。
### Current State Analysis
- 小程序打开 H5 的通用入口:`utils/util.js: JumpPath`,当 url 包含 `http` 时在 MP/APP-PLUS 走 web-view 页面:
- [util.js](file:///c:/Users/Jone/Documents/HBuilderProjects/crmeb/utils/util.js#L162-L201)
- web-view 页面接收 `option.url` 并 `decodeURIComponent` 后赋给 `<web-view :src="url">`:
- [pages/annex/web_view/index.vue](file:///c:/Users/Jone/Documents/HBuilderProjects/crmeb/pages/annex/web_view/index.vue#L1-L28)
- H5 端已有“从 URL query 自动登录”的机制,但目前只处理 `remote_token`:
- H5 `App.vue`:`if (!isLogin && option.query.hasOwnProperty('remote_token')) this.remoteRegister(...)`
- [App.vue](file:///c:/Users/Jone/Documents/HBuilderProjects/crmeb/App.vue#L88-L92)
- `remoteRegister` 调用 `GET /api/remote_register`(noAuth)换取 token 或跳转 URL:
- [api/public.js](file:///c:/Users/Jone/Documents/HBuilderProjects/crmeb/api/public.js#L231-L239)
- token 使用方式:请求层统一在 `utils/request.js` 注入 header `Authori-zation: Bearer <token>`:
- [request.js](file:///c:/Users/Jone/Documents/HBuilderProjects/crmeb/utils/request.js#L53-L63)
- 登录态落地:`store/modules/app.js: LOGIN` 将 token 写入 `Cache.set(LOGIN_STATUS, token, time)`;并可配合 `getUserInfo()` 写入 uid/userInfo:
- [app.js](file:///c:/Users/Jone/Documents/HBuilderProjects/crmeb/store/modules/app.js#L89-L117)
### Proposed Changes
#### 1) 小程序侧:构造带 token 的 H5 URL(尽量放在 fragment)
- 修改文件:`utils/util.js`
- 修改点:在 `JumpPath` 的 `url.indexOf("http") != -1` 分支(MP/APP-PLUS)中,在跳转到 `/pages/annex/web_view/index` 之前对目标 url 做“携带 token”的包装。
- 行为设计:
- 若用户未登录(`store.getters.isLogin` 为 false 或 `store.state.app.token` 为空),直接走现有登录流程(可复用 `libs/login.js: toLogin`),不打开 H5。
- 若已登录:
- 优先把 token 附加在 hash 内:`https://h5.xxx.com/#/some/path?token=<encoded>`
- 若目标 url 不含 `#`,则退化为 query:`https://h5.xxx.com/some/path?token=<encoded>`(存在服务端日志/Referer 风险,属于“不得不”的兼容路径)。
- 在把 url 作为参数传给 web_view 页面时,对整段 url 做 `encodeURIComponent`,避免 token 中的特殊字符以及 `&` 被小程序路由二次解析。
- 预计新增/调整函数(放在 util.js 内部):
- `appendTokenToUrl(rawUrl, token): string`(只做字符串处理,不引入新依赖)
- `encodeForWebView(url): string`(统一 `encodeURIComponent`)
- 影响面:
- 任何通过 `this.$util.JumpPath('https://...')` 打开的 H5 链接,都将自动带上 token(仅在 MP/APP-PLUS 生效)。
#### 2) web-view 容器页:强制 decode 前提下保证传参完整
- 修改文件:`pages/annex/web_view/index.vue`
- 修改点:保持现有 `decodeURIComponent(option.url)`,但要求所有调用方都传入 encode 后的 url。
- 如果项目内存在“未 encode 直接拼接 url”的调用点(当前 `utils/util.js` 即如此),统一改为 encode 后再传。
#### 3) H5 侧:解析 token → 写入登录态 → 拉取用户信息 → 清理 URL
- 修改文件:`App.vue`
- 修改点:H5 `onLaunch` 内(`// #ifdef H5` 分支)补充 token 自动登录逻辑,优先级建议:
1. 若当前已登录(`this.$store.getters.isLogin` 为 true),不处理外部 token(避免覆盖用户主动登录态)。
2. 仍保留现有 `remote_token` 分支逻辑(兼容已有能力)。
3. 新增 `token` 分支逻辑:
- 从 `option.query.token` 读取(query 方案)
- 若取不到,再从 `location.hash` 里解析 `token`(fragment 方案)
- 拿到 token 后:
- `this.$store.commit("LOGIN", { token, time: 0 })`(time=0 表示缓存不主动过期,后续由服务端 410xxx 兜底踢下线)
- 调用 `getUserInfo()`,成功后 `SETUID/UPDATE_USERINFO`
- 最后用 `history.replaceState` 把 URL 中的 token 移除(避免用户复制链接时携带 token)
- 需要补一个轻量解析方法(不引入库):
- `parseTokenFromHash(hash): string | ''`:兼容 `#/path?token=...` 和 `#/?token=...` 两种。
### Assumptions & Decisions
- H5 地址可能是 uni-app 默认 hash 路由(`/#/`);因此默认把 token 放在 fragment 内最安全。
- 不改后端时,“直接 token”不可避免有泄露风险;通过 fragment + 清理 URL 将风险降到相对可接受:
- fragment 不会出现在 HTTP 请求行与一般服务端 access log
- Referer 通常不包含 fragment
- token 仍可能在以下场景泄露:用户截屏、设备调试、前端错误上报采集 `location.href` 等;因此上线前需确认前端埋点/监控不会上报完整 URL。
### Verification
- 本地/测试环境:
- 小程序端登录后,通过任意入口打开一个 H5 链接(走 `JumpPath`):
- web-view 打开的 H5 页面无需再次登录
- H5 内 `store.getters.isLogin` 为 true,且请求头带 `Authori-zation: Bearer ...`
- `getUserInfo()` 可正常返回并写入 uid/userInfo
- 打开后检查 H5 当前地址:token 参数已被移除(history.replaceState 生效)
- 回归:
- 未登录时打开 H5 链接:应先跳登录,不应打开带 token 的 H5
- H5 原有 `remote_token` 登录不受影响

80
App.vue
View File

@@ -86,8 +86,14 @@
// 通过vuex获取并储存活动弹窗的数据
this.$store.dispatch("getActivityModal");
// #ifdef H5
if (!this.isLogin && option.query.hasOwnProperty('remote_token')) {
this.remoteRegister(option.query.remote_token);
if (!this.isLogin) {
if (option.query && option.query.hasOwnProperty('remote_token')) {
this.remoteRegister(option.query.remote_token);
} else {
let token = option.query && option.query.token ? option.query.token : '';
if (!token) token = this.getTokenFromHash();
if (token) this.loginByToken(token);
}
}
this.setScript();
const queryData = uni.getEnterOptionsSync();
@@ -120,6 +126,76 @@
uni.setStorageSync('DEBUG_DIY_RENDER', true)
},
methods: {
getTokenFromHash() {
try {
let hash = window.location.hash || '';
let qIndex = hash.indexOf('?');
if (qIndex === -1) return '';
let queryStr = hash.slice(qIndex + 1);
let parts = queryStr.split('&');
for (let i = 0; i < parts.length; i++) {
if (!parts[i]) continue;
let eqIndex = parts[i].indexOf('=');
let k = eqIndex === -1 ? parts[i] : parts[i].slice(0, eqIndex);
if (k === 'token') {
let v = eqIndex === -1 ? '' : parts[i].slice(eqIndex + 1);
return decodeURIComponent(v);
}
}
return '';
} catch (e) {
return '';
}
},
cleanTokenFromUrl() {
try {
let href = window.location.href || '';
if (href.indexOf('token=') === -1) return;
let urlObj = new URL(href);
if (urlObj.searchParams && urlObj.searchParams.has('token')) {
urlObj.searchParams.delete('token');
let search = urlObj.searchParams.toString();
history.replaceState(null, '', urlObj.pathname + (search ? '?' + search : '') + urlObj.hash);
return;
}
} catch (e) {}
try {
let hash = window.location.hash || '';
let qIndex = hash.indexOf('?');
if (qIndex === -1) return;
let hashPath = hash.slice(1, qIndex);
let queryStr = hash.slice(qIndex + 1);
let parts = queryStr.split('&').filter(Boolean);
let newParts = [];
for (let i = 0; i < parts.length; i++) {
let eqIndex = parts[i].indexOf('=');
let k = eqIndex === -1 ? parts[i] : parts[i].slice(0, eqIndex);
if (k !== 'token') newParts.push(parts[i]);
}
let newHash = '#' + hashPath + (newParts.length ? '?' + newParts.join('&') : '');
history.replaceState(null, '', window.location.pathname + window.location.search + newHash);
} catch (e) {}
},
loginByToken(token) {
this.$store.commit("LOGIN", {
'token': token,
'time': 0
});
// 从 JWT payload 中立即提取 uid,无需等 getUserInfo
const payload = this.$util.parseJwt(token);
if (payload) {
if (payload.uid) this.$store.commit("SETUID", payload.uid);
// phone 和 openid 也可从 JWT 读取
// 后端需在签发 JWT 时加入 uid/phone/openid claims
}
getUserInfo().then(res => {
this.$store.commit("SETUID", res.data.uid);
this.$store.commit("UPDATE_USERINFO", res.data);
this.cleanTokenFromUrl();
}).catch(() => {
this.cleanTokenFromUrl();
})
},
remoteRegister(remote_token) {
remoteRegister({ remote_token }).then((res) => {
let data = res.data;

View File

@@ -417,5 +417,5 @@ export function getActivityModalListApi() {
* 活动弹窗观看上报
*/
export function getActivityModalRecordApi(data) {
return request.post("marketing/holiday_gift/record",data);
return request.post("marketing/holiday_gift/record",data, {noAuth: true});
}

44
fix_apply.py Normal file
View File

@@ -0,0 +1,44 @@
import re
with open("C:\\Users\\Jone\\Documents\\HBuilderProjects\\crmeb\\pages\\annex\\web_view\\index.vue", "r", encoding="utf-8") as f:
c = f.read()
# Find and replace the whole _applyIdentity method
pattern = r'(\t\t_applyIdentity\(targetUrl, openid, unionid, urlOpenid\) \{[^}]+\}[^}]+?this\._finalizeUrl\(targetUrl\);)'
replacement = """\t\t_applyIdentity(targetUrl, openid, unionid, urlOpenid) {
\t\t\tif (urlOpenid && urlOpenid !== openid) {
\t\t\t\ttargetUrl = stripAuthParams(targetUrl);
\t\t\t\tconst joiner = targetUrl.indexOf('?') !== -1 ? '&' : '?';
\t\t\t\tconst t = Math.floor(Date.now() / 1000);
\t\t\t\ttargetUrl = targetUrl + joiner + 'openid=' + encodeURIComponent(openid);
\t\t\t\tif (unionid) targetUrl += '&unionid=' + encodeURIComponent(unionid);
\t\t\t\ttargetUrl += '&t=' + t;
\t\t\t\tconsole.log('[web_view] 替换为当前用户身份');
\t\t\t} else if (!urlOpenid) {
\t\t\t\ttargetUrl = stripAuthParams(targetUrl);
\t\t\t\tconst joiner = targetUrl.indexOf('?') !== -1 ? '&' : '?';
\t\t\t\tconst t = Math.floor(Date.now() / 1000);
\t\t\t\ttargetUrl = targetUrl + joiner + 'openid=' + encodeURIComponent(openid);
\t\t\t\tif (unionid) targetUrl += '&unionid=' + encodeURIComponent(unionid);
\t\t\t\ttargetUrl += '&t=' + t;
\t\t\t\tconsole.log('[web_view] 补充身份参数');
\t\t\t} else {
\t\t\t\tconsole.log('[web_view] 身份一致,保留原 URL');
\t\t\t}
\t\t\tthis.debugMsg += ' [最终URL] ' + targetUrl.substring(0, 120);
\t\t\tthis._finalizeUrl(targetUrl);
\t\t},"""
if re.search(pattern, c, re.DOTALL):
c = re.sub(pattern, replacement, c, count=1, flags=re.DOTALL)
with open("C:\\Users\\Jone\\Documents\\HBuilderProjects\\crmeb\\pages\\annex\\web_view\\index.vue", "w", encoding="utf-8") as f:
f.write(c)
script = c[c.find("<script>"):c.find("</script>")]
print(f"Balance: {script.count('{') - script.count('}')}")
print("SUCCESS")
else:
print("Pattern not found")
# Debug: show what's around _applyIdentity
idx = c.find("_applyIdentity")
if idx > 0:
print(c[idx:idx+500])

View File

@@ -28,6 +28,26 @@ import {
} from './../config/cache';
import Routine from '@/libs/routine';
/**
* 不依赖 atob 的 base64 解码(小程序环境不提供 atob)
*/
function base64Decode(str) {
var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
var output = '';
var i = 0;
str = String(str).replace(/[^A-Za-z0-9+/=]/g, '');
while (i < str.length) {
var b1 = chars.indexOf(str.charAt(i++));
var b2 = chars.indexOf(str.charAt(i++));
var b3 = chars.indexOf(str.charAt(i++));
var b4 = chars.indexOf(str.charAt(i++));
output += String.fromCharCode((b1 << 2) | (b2 >> 4));
if (b3 !== 64) output += String.fromCharCode(((b2 & 15) << 4) | (b3 >> 2));
if (b4 !== 64) output += String.fromCharCode(((b3 & 3) << 6) | b4);
}
return output;
}
function prePage() {
let pages = getCurrentPages();
let prePage = pages[pages.length - 1];
@@ -42,7 +62,6 @@ function prePage() {
export const toLogin = Debounce(_toLogin, 800)
function _toLogin(push, pathLogin) {
@@ -80,16 +99,6 @@ function _toLogin(push, pathLogin) {
uni.navigateTo({
url
})
// Routine.getCode()
// .then(code => {
// console.log(code)
// Routine.silenceAuth(code).then(res => {
// console.log(res)
// })
// })
// .catch(err => {
// uni.hideLoading();
// });
// #endif
// #ifdef APP-PLUS
@@ -114,9 +123,44 @@ export function checkLogin() {
return false;
} else {
store.commit('UPDATE_LOGIN', token);
// 从 JWT payload 中恢复 uid / unionid
try {
let parts = token.split('.');
if (parts.length === 3) {
let payload = parts[1]
.replace(/-/g, '+')
.replace(/_/g, '/');
while (payload.length % 4 !== 0) payload += '=';
let data = JSON.parse(base64Decode(payload));
if (data.uid) store.commit('SETUID', data.uid);
if (data.unionid) {
store.commit('SET_UNIONID', data.unionid);
Cache.set('UNIONID', data.unionid);
console.log('[checkLogin] unionid 已从 JWT 恢复:', data.unionid);
}
}
} catch (e) {}
// 恢复缓存的 openid
const cachedOpenid = Cache.get('OPENID');
if (cachedOpenid) {
store.commit('SET_OPENID', cachedOpenid);
console.log('[checkLogin] openid 已从缓存恢复:', cachedOpenid);
}
// 恢复缓存的 unionid
const cachedUnionid = Cache.get('UNIONID');
if (cachedUnionid) {
store.commit('SET_UNIONID', cachedUnionid);
console.log('[checkLogin] unionid 已从缓存恢复:', cachedUnionid);
} else {
console.log('[checkLogin] unionid 缓存为空');
}
// 从 userInfo 缓存恢复
let userInfo = Cache.get(USER_INFO, true);
if (userInfo) {
store.commit('UPDATE_USERINFO', userInfo);
if (!cachedUnionid && userInfo.unionid) {
console.log('[checkLogin] unionid 已从 userInfo 恢复:', userInfo.unionid);
}
}
return true;
}

View File

@@ -415,7 +415,7 @@
},
watch:{
reset(val){
this.getCartList(1);
if (this.isLogin) { this.getCartList(1); }
}
},
mounted() {
@@ -424,7 +424,7 @@
this.getScrollHeight();
}, 500);
if(this.isLogin){
this.getCartList(1);
if (this.isLogin) { this.getCartList(1); }
}
uni.$on('newAttrNum', (data) => {
if (data.length) {
@@ -765,7 +765,7 @@
item.cart_num = item.copy_cart_num;
item.showInput =false;
this.getCartNum();
this.getCartList(1);
if (this.isLogin) { this.getCartList(1); }
})
.catch(err => {
item.copy_cart_num = item.cart_num;

View File

@@ -380,7 +380,7 @@
},
watch:{
reset(val){
this.getCartList(1);
if (this.isLogin) { this.getCartList(1); }
}
},
mounted() {
@@ -389,7 +389,7 @@
this.getScrollHeight();
}, 500)
if(this.isLogin){
this.getCartList(1);
if (this.isLogin) { this.getCartList(1); }
}
uni.$on('newAttrNum', (data) => {
if (data.length) {
@@ -689,7 +689,7 @@
item.cart_num = item.copy_cart_num;
item.showInput =false;
this.getCartNum();
this.getCartList(1);
if (this.isLogin) { this.getCartList(1); }
})
.catch(err => {
item.copy_cart_num = item.cart_num;

View File

@@ -0,0 +1,275 @@
<template>
<view v-if="showApps" :style="[boxStyle]">
<view :style="[boxContentStyle]">
<view class="list-menu" :style="[gridColumns]">
<view
class="item flex-col flex-center"
v-for="(item, index) in displayList"
:key="index"
@click="onAppTap(item)"
>
<!-- 更多按钮 -->
<template v-if="item._isMore">
<view class="img-box skeleton-radius" v-if="menuStyleConfig !== 2">
<view class="more-icon-inner flex-col flex-center">
<view class="more-dots">
<view class="more-dot"></view>
<view class="more-dot"></view>
<view class="more-dot"></view>
</view>
</view>
</view>
<text
class="fs-24"
:class="{ 'mt-14': menuStyleConfig == 0 }"
:style="[nameColorStyle]"
v-if="menuStyleConfig !== 1"
>更多</text>
</template>
<!-- 普通应用 -->
<template v-else>
<view class="img-box skeleton-radius" v-if="menuStyleConfig !== 2">
<image
:src="item.logo"
mode="aspectFill"
:style="{ borderRadius: (imgStyle * 2) + 'rpx' }"
v-if="item.logo"
></image>
<view class="empty-box" v-else></view>
</view>
<text
class="fs-24"
:class="{ 'mt-14': menuStyleConfig == 0 }"
:style="[nameColorStyle]"
v-if="menuStyleConfig !== 1"
>{{ item.name }}</text>
</template>
</view>
</view>
</view>
</view>
</template>
<script>
const STORAGE_KEY = 'MY_HOME_APPS'
const MAX_HOME_APPS = 6
export default {
name: 'appCenter',
props: {
dataConfig: {
type: Object,
default: () => ({})
}
},
computed: {
menuStyleConfig() {
return this.dataConfig.menuStyleConfig?.tabVal ?? 0
},
number() {
return this.dataConfig.number?.tabVal ?? 0
},
boxStyle() {
return {
padding: `${(this.dataConfig.topConfig?.val ?? 0) * 2}rpx ${(this.dataConfig.prConfig?.val ?? 0) * 2}rpx ${(this.dataConfig.bottomConfig?.val ?? 0) * 2}rpx`,
marginTop: `${(this.dataConfig.mbConfig?.val ?? 0) * 2}rpx`,
background: this.dataConfig.bottomBgColor?.color?.[0]?.item ?? 'transparent'
}
},
boxContentStyle() {
let borderRadius = `${(this.dataConfig.fillet?.val ?? 0) * 2}rpx`
if (this.dataConfig.fillet?.type) {
const vl = this.dataConfig.fillet.valList || []
borderRadius = `${(vl[0]?.val ?? 0) * 2}rpx ${(vl[1]?.val ?? 0) * 2}rpx ${(vl[3]?.val ?? 0) * 2}rpx ${(vl[2]?.val ?? 0) * 2}rpx`
}
return {
borderRadius,
background: `linear-gradient(90deg, ${this.dataConfig.bgColor?.color?.[0]?.item ?? '#fff'} 0%, ${this.dataConfig.bgColor?.color?.[1]?.item ?? '#fff'} 100%)`
}
},
imgStyle() {
return this.dataConfig.filletImg?.val ?? 0
},
gridColumns() {
// 应用中心用 4 列固定网格
return {
gridTemplateColumns: `repeat(4, 1fr)`
}
},
nameColorStyle() {
return {
color: this.dataConfig.nameColor?.color?.[0]?.item ?? '#333333'
}
},
// 是否在首页展示
showApps() {
return this.homeApps.showOnHome && this.displayList.length > 0
},
// 已选应用的 id 集合(快速查找)
selectedIds() {
return new Set(this.homeApps.appIds || [])
},
// 最终展示列表(过滤 + 按 seq 排序 + 截取 + 追加"更多")
displayList() {
const ids = this.homeApps.appIds || []
if (!ids.length) return []
const idSet = new Set(ids)
// 按 allApps API 返回顺序排列(即后台设置的 seq 顺序)
const filtered = this.allApps.filter(item => idSet.has(item.id))
const indexMap = new Map(this.allApps.map((item, i) => [item.id, i]))
filtered.sort((a, b) => (indexMap.get(a.id) ?? 999) - (indexMap.get(b.id) ?? 999))
const sliced = filtered.slice(0, MAX_HOME_APPS)
// 追加"更多"条目
sliced.push({
_isMore: true,
name: '更多'
})
return sliced
}
},
data() {
return {
allApps: [],
homeApps: {
showOnHome: true,
appIds: []
}
}
},
mounted() {
this.loadHomeApps()
this.fetchApps()
},
// 从个人中心编辑保存后跳回首页时,重新读取 storage
onShow() {
this.loadHomeApps()
},
methods: {
// 读取本地存储的首页应用配置
loadHomeApps() {
try {
const raw = uni.getStorageSync(STORAGE_KEY)
if (raw) {
this.homeApps = raw
}
} catch (e) {
console.error('[appCenter] loadHomeApps error:', e)
}
},
fetchApps() {
uni.request({
url: 'https://mp.yizhezhe.com/api/mp/apps',
data: {
isPublished: 1,
pageSize: 50
},
success: (res) => {
if (res.data?.code === 200 && res.data?.result?.items) {
this.allApps = res.data.result.items
} else if (res.data?.status === 200 && res.data?.data) {
this.allApps = res.data.data
} else {
return
}
this.autoFillHomeApps()
},
fail: () => {
this.allApps = []
}
})
},
// 自动填充首页展示应用
autoFillHomeApps() {
const ids = this.homeApps.appIds || []
const currentCount = ids.length
if (currentCount >= MAX_HOME_APPS) return
const idSet = new Set(ids)
// 从推荐应用中筛选尚未选中的
const recommended = this.allApps
.filter(item => item.isRecommended && !idSet.has(item.id))
if (!recommended.length) return
const slots = MAX_HOME_APPS - currentCount
const toAdd = recommended.slice(0, slots).map(item => item.id)
this.homeApps.appIds = [...ids, ...toAdd]
try {
uni.setStorageSync(STORAGE_KEY, this.homeApps)
} catch (e) {
console.error('[appCenter] autoFill save error:', e)
}
},
onAppTap(item) {
if (item._isMore) {
// 点击"更多"跳转到我的页面
uni.switchTab({
url: '/pages/user/index'
})
return
}
if (!item.url) return
this.$util.JumpPath(item.url)
}
}
}
</script>
<style lang="scss" scoped>
.list-menu {
display: grid;
grid-template-rows: auto;
grid-row-gap: 24rpx;
width: 100%;
padding: 20rpx 0;
box-sizing: border-box;
.item {
text-align: center;
.img-box {
width: 90rpx;
height: 90rpx;
margin: 0 auto 6rpx;
image {
width: 100%;
height: 100%;
display: block;
}
.empty-box {
width: 100%;
height: 100%;
background-color: #f3f9ff;
}
}
// 更多图标
.more-icon-inner {
width: 100%;
height: 100%;
background: #f5f5f5;
border-radius: 16rpx;
.more-dots {
display: flex;
flex-direction: column;
align-items: center;
gap: 6rpx;
.more-dot {
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: #bbb;
}
}
}
}
}
</style>

View File

@@ -69,6 +69,7 @@
<signIn v-if="item.name == 'signIn'" :dataConfig="item"></signIn>
<hotspot v-if="item.name == 'hotspot'" :dataConfig="item"></hotspot>
<follow v-if="item.name == 'follow'" :dataConfig="item"></follow>
<appCenter v-if="item.name == 'appCenter'" :dataConfig="item"></appCenter>
<community v-if="item.name == 'community'" :dataConfig="item"></community>
</block>
<!-- 分类商品模块 -->
@@ -180,6 +181,7 @@ import promotionList from './components/promotionList';
import signIn from './components/signIn';
import hotspot from './components/hotspot';
import follow from './components/follow';
import appCenter from './components/appCenter';
import waterfallsFlow from "@/components/WaterfallsFlow/WaterfallsFlow.vue";
import emptyPage from '@/components/emptyPage.vue';
import activityModal from "@/components/activityModal/index.vue"
@@ -256,6 +258,7 @@ import promotionList from './components/promotionList';
signIn,
hotspot,
follow,
appCenter,
waterfallsFlow,
activityModal,
emptyPage,

View File

@@ -73,14 +73,14 @@ export default {
</view>
</view>
<!-- 余额、优惠券 -->
<view class="acea-row balance-coupon">
<!-- <view class="acea-row balance-coupon">
<view class="item" v-for="(item, index) in property" @tap="goMenuPage(item.url)" :key="index">
<view class="value num-fa-semi">{{ item.value || 0 }}</view>
<view>{{ item.label }}</view>
</view>
</view>
</view> -->
<!-- 会员中心、积分商城 -->
<view class="acea-row member-points">
<!-- <view class="acea-row member-points">
<view class="acea-row row-middle row-center item" @tap="intoPage(userInfo.level_status == 1 ? '/pages/users/user_vip/index' : '/pages/annex/vip_grade_active/index')">
<view>
<view>会员中心</view>
@@ -101,7 +101,7 @@ export default {
</view>
<image src="@/static/images/user-points.png" class="image"></image>
</view>
</view>
</view> -->
</view>
</template>

View File

@@ -0,0 +1,435 @@
<template>
<view class="my-apps-wrap">
<!-- 展示模式 -->
<template v-if="!editing">
<!-- 顶部:标题 + 编辑按钮 -->
<view class="pt-34 pr-30 pb-20 pl-32 bg--w111-fff rd-t-16rpx mt-20 service ml-20 mr-20">
<view class="flex-row-between">
<view class="fs-30 fw-500 lh-42rpx text--w111-333">我的应用</view>
<view class="edit-btn" @click="enterEdit">
<text class="fs-24 text--w111-1890ff">编辑首页应用</text>
</view>
</view>
</view>
<!-- 应用列表 -->
<view class="pt-10 pr-30 pb-32 pl-32 bg--w111-fff rd-b-16rpx service ml-20 mr-20" v-if="allApps.length">
<view class="grid-column-4 grid-gap-x-76rpx grid-gap-y-54rpx">
<view v-for="(item, index) in allApps" :key="index">
<view class="flex-col flex-center" @click="onAppTap(item)">
<image :src="item.logo" class="app-icon rd-16rpx" v-if="item.logo"></image>
<view class="empty-box" v-else></view>
<text class="fs-26 lh-36rpx text--w111-282828 pt-22">{{ item.name }}</text>
</view>
</view>
</view>
</view>
</template>
<!-- 编辑模式 -->
<template v-else>
<!-- 编辑卡片:整合头栏 + 首页展示栏 + 全部应用 -->
<view class="bg--w111-fff rd-16rpx mt-20 ml-20 mr-20">
<!-- 顶部操作栏 -->
<view class="edit-header">
<view class="edit-header-inner">
<view class="header-btn btn-cancel" @click="cancelEdit">取消</view>
<view class="fs-30 fw-500 text--w111-333">编辑首页展示</view>
<view class="header-btn btn-save" @click="saveEdit">保存</view>
</view>
</view>
<!-- 首页展示栏(横向滚动) -->
<view class="home-bar-wrap" v-if="editSelectedIds.length">
<view class="home-bar-label fs-28 text--w111-333">首页展示栏</view>
<scroll-view class="home-bar-scroll" scroll-x enhanced show-scrollbar="false">
<view class="home-bar-inner">
<view
class="home-bar-item"
v-for="(item, index) in editSelectedList"
:key="item.id"
>
<view class="home-bar-icon-wrap">
<image :src="item.logo" class="home-bar-icon rd-16rpx" v-if="item.logo"></image>
<view class="empty-box-sm" v-else></view>
<!-- 删除标记 -->
<view class="badge badge-remove" @click="removeFromHome(item.id)">✕</view>
</view>
<text class="home-bar-name">{{ item.name }}</text>
</view>
</view>
</scroll-view>
</view>
<!-- 全部应用列表 -->
<view class="all-apps-list">
<view class="fs-28 text--w111-333 mb-20">全部应用</view>
<view class="grid-column-4 grid-gap-x-76rpx grid-gap-y-54rpx">
<view v-for="(item, index) in allApps" :key="index">
<view
class="flex-col flex-center pos-relative"
@click="toggleAppSelect(item)"
>
<view class="app-icon-wrap">
<image :src="item.logo" class="app-icon rd-16rpx" v-if="item.logo"></image>
<view class="empty-box" v-else></view>
<!-- 已选遮罩 -->
<view class="selected-overlay" v-if="isSelected(item.id)">
<text class="selected-check">✓</text>
</view>
</view>
<!-- 添加标记(未选中时) -->
<view
class="badge badge-add"
v-if="!isSelected(item.id) && editSelectedIds.length < 6"
@click.stop="addToHome(item)"
>+</view>
<text
class="fs-26 lh-36rpx pt-22"
:class="isSelected(item.id) ? 'text--w111-ccc' : 'text--w111-282828'"
>{{ item.name }}</text>
</view>
</view>
</view>
</view>
</view>
</template>
</view>
</template>
<script>
const STORAGE_KEY = 'MY_HOME_APPS'
const MAX_HOME_APPS = 6
export default {
name: 'userMyApps',
data() {
return {
allApps: [],
// Storage 数据
homeApps: {
showOnHome: true,
appIds: []
},
editing: false,
// 编辑中的临时副本
editAppIds: []
}
},
computed: {
editSelectedIds() {
return this.editAppIds
},
// 编辑模式中已选应用的完整对象列表(按 allApps 顺序排列)
editSelectedList() {
const idSet = new Set(this.editAppIds)
const filtered = this.allApps.filter(item => idSet.has(item.id))
const indexMap = new Map(this.allApps.map((item, i) => [item.id, i]))
filtered.sort((a, b) => (indexMap.get(a.id) ?? 999) - (indexMap.get(b.id) ?? 999))
return filtered
}
},
mounted() {
this.loadData()
this.fetchApps()
},
// 从首页"更多"跳转过来时刷新数据
onShow() {
this.loadData()
},
methods: {
// ---------- 数据层 ----------
loadData() {
try {
const raw = uni.getStorageSync(STORAGE_KEY)
if (raw) {
this.homeApps = raw
}
} catch (e) {
console.error('[myApps] loadData error:', e)
}
},
saveData() {
try {
uni.setStorageSync(STORAGE_KEY, this.homeApps)
} catch (e) {
console.error('[myApps] saveData error:', e)
}
},
fetchApps() {
uni.request({
url: 'https://mp.yizhezhe.com/api/mp/apps',
data: {
isPublished: 1,
pageSize: 50
},
success: (res) => {
if (res.data?.code === 200 && res.data?.result?.items) {
this.allApps = res.data.result.items
} else if (res.data?.status === 200 && res.data?.data) {
this.allApps = res.data.data
} else {
return
}
this.autoFillHomeApps()
},
fail: () => {
this.allApps = []
}
})
},
// 自动填充首页展示应用(与 appCenter 逻辑一致)
autoFillHomeApps() {
const ids = this.homeApps.appIds || []
const currentCount = ids.length
if (currentCount >= 6) return
const idSet = new Set(ids)
const recommended = this.allApps
.filter(item => item.isRecommended && !idSet.has(item.id))
if (!recommended.length) return
const slots = 6 - currentCount
const toAdd = recommended.slice(0, slots).map(item => item.id)
this.homeApps.appIds = [...ids, ...toAdd]
this.saveData()
},
// ---------- 展示模式 ----------
onAppTap(item) {
if (!item.url) return
this.$util.JumpPath(item.url)
},
// ---------- 编辑模式 ----------
enterEdit() {
// 复制当前 appIds 作为编辑副本
this.editAppIds = [...(this.homeApps.appIds || [])]
this.editing = true
},
cancelEdit() {
this.editing = false
this.editAppIds = []
},
saveEdit() {
this.homeApps.appIds = [...this.editAppIds]
this.saveData()
this.editing = false
},
// 判断应用是否已选
isSelected(id) {
return this.editAppIds.includes(id)
},
// 添加到首页栏(从全部应用点击+)
addToHome(item) {
if (this.editAppIds.length >= MAX_HOME_APPS) {
uni.showToast({ title: `最多选择${MAX_HOME_APPS}个应用`, icon: 'none' })
return
}
if (!this.editAppIds.includes(item.id)) {
this.editAppIds.push(item.id)
}
},
// 从首页栏移除(点击✕)
removeFromHome(id) {
this.editAppIds = this.editAppIds.filter(i => i !== id)
},
// 点击应用图标切换选中状态
toggleAppSelect(item) {
if (this.isSelected(item.id)) {
this.removeFromHome(item.id)
} else {
this.addToHome(item)
}
}
}
}
</script>
<style scoped lang="scss">
.my-apps-wrap {
// 左右布局
.flex-row-between {
display: flex;
justify-content: space-between;
align-items: center;
}
// 应用图标(展示模式 + 编辑模式通用)
.app-icon {
width: 96rpx;
height: 96rpx;
}
.empty-box {
width: 96rpx;
height: 96rpx;
background-color: #f3f9ff;
border-radius: 8rpx;
}
.app-icon-wrap {
position: relative;
width: 96rpx;
height: 96rpx;
}
// 编辑按钮
.edit-btn {
display: inline-flex;
align-items: center;
padding: 6rpx 20rpx;
border: 2rpx solid #1890ff;
border-radius: 10rpx;
flex-shrink: 0;
}
// ---------- 编辑模式 ----------
.edit-header {
padding: 24rpx 30rpx 0;
.edit-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 56rpx;
padding: 0 28rpx;
border-radius: 28rpx;
font-size: 26rpx;
font-weight: 500;
flex-shrink: 0;
}
.btn-cancel {
color: #666;
background: #f5f5f5;
}
.btn-save {
color: #fff;
background: linear-gradient(135deg, #1890ff, #096dd9);
box-shadow: 0 4rpx 12rpx rgba(24, 144, 255, 0.35);
}
}
// 首页展示栏
.home-bar-wrap {
padding: 24rpx 30rpx 0;
margin-top: 20rpx;
.home-bar-label {
margin-bottom: 16rpx;
}
.home-bar-scroll {
white-space: nowrap;
overflow: visible !important;
.home-bar-inner {
display: flex;
gap: 24rpx;
.home-bar-item {
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0;
width: 100rpx;
padding-top: 12rpx;
.home-bar-icon-wrap {
position: relative;
width: 90rpx;
height: 90rpx;
overflow: visible;
.home-bar-icon {
width: 100%;
height: 100%;
border-radius: 16rpx;
}
.empty-box-sm {
width: 100%;
height: 100%;
background-color: #f3f9ff;
border-radius: 16rpx;
}
}
.home-bar-name {
font-size: 22rpx;
color: #333;
margin-top: 8rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100rpx;
}
}
}
}
}
// 全部应用列表
.all-apps-list {
padding: 30rpx 30rpx 34rpx;
}
// ---------- 通用徽标 ----------
.badge {
position: absolute;
width: 36rpx;
height: 36rpx;
border-radius: 50%;
font-size: 20rpx;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
z-index: 2;
}
.badge-remove {
top: -8rpx;
right: -8rpx;
background: #ff4d4f;
}
.badge-add {
top: -8rpx;
right: 6rpx;
background: #52c41a;
}
.selected-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.35);
border-radius: 8rpx;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
.selected-check {
color: #fff;
font-size: 28rpx;
font-weight: bold;
}
}
.pos-relative {
position: relative;
}
}
</style>

View File

@@ -351,9 +351,16 @@
this.isShow = false
},
back() {
uni.navigateBack({
delta: this.configData.wechat_auth_switch ? 2 : 1
})
const pages = getCurrentPages();
if (pages.length > 1) {
uni.navigateBack({
delta: this.configData.wechat_auth_switch ? 2 : 1
})
} else {
uni.switchTab({
url: '/pages/index/index'
});
}
},
privacy(type) {
uni.navigateTo({

View File

@@ -149,6 +149,16 @@ export default {
</view>
</navigator>
</view>
<!-- #ifdef MP -->
<view class="list rd-24rpx mx-20">
<view class="item acea-row row-between-wrapper" @click="outLogin">
<view>退出登录</view>
<view class="grab">
<text class="iconfont icon-ic_rightarrow"></text>
</view>
</view>
</view>
<!-- #endif -->
<!-- #ifdef H5 -->
<view class="log-out list rd-24rpx mx-20 acea-row row-center-wrapper" @click="outLogin" v-if="!this.$wechat.isWeixin()">退出登录</view>
<!-- #endif -->

View File

@@ -24,19 +24,23 @@
<view class="wechat-login">
<view class="btn-wrapper">
<!-- #ifdef H5 -->
<button hover-class="none" @tap="wechatLogin" class="bg-color btn1">授权登录</button>
<button hover-class="none" @tap="handleAuthBtnTap" class="bg-color btn1">授权登录</button>
<!-- #endif -->
<!-- #ifdef MP -->
<template v-if="configData.wechat_auth_switch">
<button hover-class="none" v-if="bindPhone" open-type="getPhoneNumber" @getphonenumber="getphonenumber"
<button hover-class="none" v-if="bindPhone && protocol" open-type="getPhoneNumber" @getphonenumber="getphonenumber"
class="bg-color btn1">授权登录</button>
<button hover-class="none" v-else-if="!bindPhone" @tap="getAuthLogin"
<button hover-class="none" v-else-if="bindPhone && !protocol" @tap="handleAuthBtnTap"
class="bg-color btn1">授权登录</button>
<button hover-class="none" v-else-if="mp_is_new" @tap="userLogin"
<button hover-class="none" v-else-if="!bindPhone" @tap="handleAuthBtnTap"
class="bg-color btn1">授权登录</button>
<button v-else-if="canUseGetUserProfile && code" hover-class="none" @tap="getUserProfile"
class="bg-color btn1">授权登录</button>
<button v-else hover-class="none" open-type="getUserInfo" @getuserinfo="setUserInfo"
<button hover-class="none" v-else-if="mp_is_new" @tap="onAuthorizeLoginTap('mp_userLogin')"
class="bg-color btn1">授权登录</button>
<button v-else-if="canUseGetUserProfile && code" hover-class="none" @tap="onAuthorizeLoginTap('mp_userProfile')"
class="bg-color btn1">授权登录</button>
<button v-else-if="protocol" hover-class="none" open-type="getUserInfo" @getuserinfo="setUserInfo"
class="bg-color btn1">授权登录</button>
<button v-else hover-class="none" @tap="onAuthorizeLoginTap('mp_userinfo')"
class="bg-color btn1">授权登录</button>
</template>
<button v-if="configData.phone_auth_switch" hover-class="none" @tap="phoneLogin" class="btn2">手机号登录</button>
@@ -67,6 +71,23 @@
<privacyAgreementPopup v-if="canGetPrivacySetting" @onReject="onReject" @onAgree="onAgree">
</privacyAgreementPopup>
<!-- #endif -->
<view v-if="showProtocolDialog" class="protocol-modal">
<view class="protocol-modal__mask" @tap="rejectProtocol"></view>
<view class="protocol-modal__box">
<view class="protocol-modal__title">用户协议与隐私协议</view>
<view class="protocol-modal__content">
<text>已阅读并同意</text>
<text class="font-num" @tap.stop="privacy('user')">《用户协议》</text>
<text>与</text>
<text class="font-num" @tap.stop="privacy('privacy')">《隐私协议》</text>
</view>
<view class="protocol-modal__actions">
<view class="protocol-modal__btn" @tap="rejectProtocol">不同意</view>
<view class="protocol-modal__btn protocol-modal__btn--primary bg-color" @tap="agreeProtocol">同意并继续</view>
</view>
</view>
</view>
</view>
</template>
@@ -123,6 +144,8 @@
protocol: false,
bindPhone: false,
isShow: false,
showProtocolDialog: false,
pendingAuthorizeAction: '',
};
},
components: {
@@ -169,8 +192,62 @@
uni.removeStorageSync('form_type_cart');
},
methods: {
handleAuthBtnTap() {
let action = '';
// #ifdef H5
action = 'h5_wechat';
// #endif
// #ifdef MP
action = this.bindPhone ? 'mp_phone' : 'mp_auth';
// #endif
this.openProtocolDialog(action);
},
onAuthorizeLoginTap(action) {
this.openProtocolDialog(action);
},
openProtocolDialog(action) {
this.pendingAuthorizeAction = action || '';
this.showProtocolDialog = true;
},
agreeProtocol() {
const action = this.pendingAuthorizeAction;
this.pendingAuthorizeAction = '';
this.showProtocolDialog = false;
this.protocol = true;
this.$nextTick(() => {
this.runAuthorizeAction(action, {
afterAgree: true
});
});
},
rejectProtocol() {
this.pendingAuthorizeAction = '';
this.showProtocolDialog = false;
},
runAuthorizeAction(action, options = {}) {
if (!action) return;
if (action === 'h5_wechat') return this.wechatLogin();
if (action === 'mp_auth') return this.getAuthLogin();
if (action === 'mp_userLogin') return this.userLogin();
if (action === 'mp_userProfile') return this.getUserProfile();
if (action === 'mp_phone' || action === 'mp_userinfo') {
if (options.afterAgree) {
return this.$util.Tips({
title: '请点击授权登录继续'
});
}
return;
}
},
cancelLogin(){
uni.navigateBack()
const pages = getCurrentPages();
if (pages.length > 1) {
uni.navigateBack();
} else {
uni.switchTab({
url: '/pages/index/index'
});
}
},
wechatAuthLogin(d, back_url) {
let that = this;
@@ -286,10 +363,24 @@
this.protocol = true
},
onReject() {
uni.navigateBack();
const pages = getCurrentPages();
if (pages.length > 1) {
uni.navigateBack();
} else {
uni.switchTab({
url: '/pages/index/index'
});
}
},
back() {
uni.navigateBack();
const pages = getCurrentPages();
if (pages.length > 1) {
uni.navigateBack();
} else {
uni.switchTab({
url: '/pages/index/index'
});
}
},
home() {
uni.switchTab({
@@ -531,7 +622,7 @@
},
// 公众号登录
wechatLogin() {
if (!this.protocol && this.configData.store_user_agreement) {
if (!this.protocol) {
return this.$util.Tips({
title: '请先阅读并同意协议'
});
@@ -690,4 +781,69 @@
height: 40rpx;
}
}
.protocol-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20000;
display: flex;
align-items: center;
justify-content: center;
}
.protocol-modal__mask {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.55);
}
.protocol-modal__box {
position: relative;
z-index: 1;
width: 620rpx;
background: #fff;
border-radius: 24rpx;
overflow: hidden;
}
.protocol-modal__title {
padding: 40rpx 40rpx 0;
font-size: 32rpx;
font-weight: 500;
color: #333333;
text-align: center;
}
.protocol-modal__content {
padding: 32rpx 40rpx 40rpx;
font-size: 28rpx;
color: #333333;
line-height: 42rpx;
text-align: center;
}
.protocol-modal__actions {
display: flex;
border-top: 1px solid #EEEEEE;
}
.protocol-modal__btn {
flex: 1;
height: 88rpx;
line-height: 88rpx;
text-align: center;
font-size: 30rpx;
color: #666666;
}
.protocol-modal__btn--primary {
color: #ffffff;
}
</style>

View File

@@ -21,11 +21,33 @@ import {
} from '@/config/cache';
import Cache from '@/utils/cache';
/**
* 不依赖 atob 的 base64 解码(小程序环境不提供 atob)
*/
function base64Decode(str) {
var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
var output = '';
var i = 0;
str = String(str).replace(/[^A-Za-z0-9+/=]/g, '');
while (i < str.length) {
var b1 = chars.indexOf(str.charAt(i++));
var b2 = chars.indexOf(str.charAt(i++));
var b3 = chars.indexOf(str.charAt(i++));
var b4 = chars.indexOf(str.charAt(i++));
output += String.fromCharCode((b1 << 2) | (b2 >> 4));
if (b3 !== 64) output += String.fromCharCode(((b2 & 15) << 4) | (b3 >> 2));
if (b4 !== 64) output += String.fromCharCode(((b3 & 3) << 6) | b4);
}
return output;
}
const state = {
token: Cache.get(LOGIN_STATUS) || false,
backgroundColor: "#fff",
userInfo: Cache.get(USER_INFO) || {},
uid: Cache.get(UID) || 0,
openid: Cache.get('OPENID') || '',
unionid: Cache.get('UNIONID') || '',
homeActive: false,
phoneStatus: true,
autoplay: Cache.get(NON_WIFI_AUTOPLAY) || false,
@@ -89,11 +111,46 @@ const mutations = {
LOGIN(state, opt) {
state.token = opt.token;
Cache.set(LOGIN_STATUS, opt.token, opt.time);
// 登录时自动提取 openid 缓存起来
if (opt.token) {
try {
let parts = opt.token.split('.');
if (parts.length !== 3) {
console.warn('[LOGIN] token 不是 JWT 格式,parts=' + parts.length);
} else {
let payload = parts[1]
.replace(/-/g, '+')
.replace(/_/g, '/');
while (payload.length % 4 !== 0) payload += '=';
const data = JSON.parse(base64Decode(payload));
if (data.openid) {
state.openid = data.openid;
Cache.set('OPENID', data.openid);
console.log('[LOGIN] openid 已缓存:', data.openid);
} else {
console.warn('[LOGIN] JWT payload 无 openid 字段:', JSON.stringify(data));
}
if (data.unionid) {
state.unionid = data.unionid;
Cache.set('UNIONID', data.unionid);
console.log('[LOGIN] unionid 已缓存:', data.unionid);
}
}
} catch (e) {
console.error('[LOGIN] JWT 解码失败:', e.message, 'token前20位:', opt.token.substring(0, 20));
}
}
},
SETUID(state, val) {
state.uid = val;
Cache.set(UID, val);
},
SET_OPENID(state, val) {
state.openid = val || '';
},
SET_UNIONID(state, val) {
state.unionid = val || '';
},
UPDATE_LOGIN(state, token) {
state.token = token;
},
@@ -102,8 +159,12 @@ const mutations = {
Cache.clear(UID);
Cache.clear(USER_INFO);
Cache.clear('newcomerGift');
Cache.clear('OPENID');
Cache.clear('UNIONID');
state.token = undefined;
state.uid = undefined
state.uid = undefined;
state.openid = '';
state.unionid = '';
state.userInfo = {}
},
BACKGROUND_COLOR(state, color) {

View File

@@ -10,15 +10,39 @@
import {
TOKENNAME,
HTTP_REQUEST_URL
HTTP_REQUEST_URL,
TRUSTED_DOMAINS
} from '../config/app.js';
import { LOGIN_STATUS } from '../config/cache.js';
import store from '../store';
import { toLogin } from '../libs/login';
import {
customerType
} from '@/api/api.js'
// #ifdef APP-PLUS
import permision from "./permission.js"
// #endif
/**
* 不依赖 atob 的 base64 解码(小程序环境不提供 atob)
*/
function base64Decode(str) {
var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
var output = '';
var i = 0;
str = String(str).replace(/[^A-Za-z0-9+/=]/g, '');
while (i < str.length) {
var b1 = chars.indexOf(str.charAt(i++));
var b2 = chars.indexOf(str.charAt(i++));
var b3 = chars.indexOf(str.charAt(i++));
var b4 = chars.indexOf(str.charAt(i++));
output += String.fromCharCode((b1 << 2) | (b2 >> 4));
if (b3 !== 64) output += String.fromCharCode(((b2 & 15) << 4) | (b3 >> 2));
if (b4 !== 64) output += String.fromCharCode(((b3 & 3) << 6) | b4);
}
return output;
}
export default {
/**
* opt object | string
@@ -195,8 +219,65 @@ export default {
window.open(url)
// #endif
// #ifdef MP || APP-PLUS
let openUrl = url;
let token = store.state.app.token;
if (token && url.indexOf('token=') === -1 && (url.indexOf(HTTP_REQUEST_URL) === 0 || (TRUSTED_DOMAINS || []).some(d => url.indexOf(d) === 0))) {
// 从 JWT payload 中提取 openid 和 unionid
let openid = store.state.app.openid;
let unionid = store.state.app.unionid || '';
console.log('[GoUrl] store中 unionid=' + (store.state.app.unionid || '(空)'));
if (!openid) {
try { openid = uni.getStorageSync('OPENID'); } catch (e) {}
}
if (!unionid) {
try {
unionid = uni.getStorageSync('UNIONID');
console.log('[GoUrl] 缓存中 unionid=' + (unionid || '(空)'));
} catch (e) {}
}
if ((!openid || !unionid) && token) {
try {
let parts = token.split('.');
if (parts.length === 3) {
let payload = parts[1]
.replace(/-/g, '+')
.replace(/_/g, '/');
while (payload.length % 4 !== 0) payload += '=';
const data = JSON.parse(base64Decode(payload));
if (!openid) openid = data.openid || '';
if (!unionid) unionid = data.unionid || '';
console.log('[GoUrl] JWT中 unionid=' + (data.unionid || '(空)'));
}
} catch (e) {}
}
// 最后兜底:从用户信息缓存中读 unionid
if (!unionid) {
try {
const userInfo = uni.getStorageSync('user_info');
if (userInfo) {
const info = typeof userInfo === 'string' ? JSON.parse(userInfo) : userInfo;
unionid = info.unionid || '';
console.log('[GoUrl] userInfo中 unionid=' + (info.unionid || '(空)'));
}
} catch (e) {}
}
console.log('[GoUrl] 最终参数: openid=' + (openid || '(空)') + ', unionid=' + (unionid || '(空)') + ', t=' + Math.floor(Date.now() / 1000));
if (!openid) {
// 先存目标路径,登录后自动跳回 web_view
Cache.set('login_back_url', '/pages/annex/web_view/index?url=' + encodeURIComponent(openUrl));
toLogin();
return;
}
const joiner = url.indexOf('?') !== -1 ? '&' : '?';
const t = Math.floor(Date.now() / 1000);
openUrl = url + joiner + 'openid=' + encodeURIComponent(openid);
if (unionid) {
openUrl += '&unionid=' + encodeURIComponent(unionid);
}
openUrl += '&t=' + t;
}
uni.navigateTo({
url: `/pages/annex/web_view/index?url=${url}`
url: `/pages/annex/web_view/index?url=${encodeURIComponent(openUrl)}`
});
// #endif
} else {
@@ -1262,6 +1343,24 @@ export default {
}
return status;
},
/**
* 解析 JWT token 的 payload(不验证签名)
* 返回 { uid, phone, openid, exp, ... } 或 null
* 依赖后端在签发 JWT 时加入 uid、phone、openid 等自定义 claims
*/
parseJwt: function(token) {
try {
let parts = token.split('.');
if (parts.length !== 3) return null;
let payload = parts[1]
.replace(/-/g, '+')
.replace(/_/g, '/');
while (payload.length % 4 !== 0) payload += '=';
return JSON.parse(atob(payload));
} catch (e) {
return null;
}
},
}
}