孔网登录下方添加已保存账号列表，支持一键快捷登录
This commit is contained in:
97694732@qq.com
parent
92b2ce9140
commit
51e0ea5eff
@ -461,6 +461,30 @@
|
||||
<view class="login-btn" @click="handleLogin">登录</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 已保存账号列表 -->
|
||||
<view class="saved-accounts" v-if="savedAccountList.length > 0">
|
||||
<view class="saved-header">
|
||||
<text class="saved-title">已保存账号</text>
|
||||
<text class="saved-count">{{ savedAccountList.length }}个</text>
|
||||
</view>
|
||||
<view class="saved-list">
|
||||
<view
|
||||
class="saved-item"
|
||||
v-for="(acc, idx) in savedAccountList"
|
||||
:key="idx"
|
||||
@click="quickLogin(acc)"
|
||||
>
|
||||
<view class="saved-item-left">
|
||||
<view class="saved-avatar">👤</view>
|
||||
<view class="saved-info">
|
||||
<text class="saved-name">{{ acc.username }}</text>
|
||||
<text class="saved-hint">点击直接登录</text>
|
||||
</view>
|
||||
</view>
|
||||
<text class="saved-del" @click.stop="deleteSavedAccount(idx)">删除</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</swiper-item>
|
||||
@ -696,7 +720,8 @@ export default {
|
||||
showPassword: false,
|
||||
rememberPassword: false,
|
||||
blockedList: '',
|
||||
kongfzToken: ''
|
||||
kongfzToken: '',
|
||||
savedAccountList: []
|
||||
}
|
||||
},
|
||||
|
||||
@ -721,6 +746,8 @@ export default {
|
||||
this.loginAccount = remembered
|
||||
this.rememberPassword = true
|
||||
}
|
||||
// 加载已保存账号列表
|
||||
this.loadSavedAccounts()
|
||||
},
|
||||
|
||||
computed: {
|
||||
@ -1022,21 +1049,27 @@ export default {
|
||||
uni.showToast({ title: '请输入密码', icon: 'none' })
|
||||
return
|
||||
}
|
||||
this.doLogin(this.loginAccount, this.loginPassword)
|
||||
},
|
||||
|
||||
doLogin(username, password) {
|
||||
uni.showLoading({ title: '登录中...', mask: true })
|
||||
kongfzLogin(this.loginAccount, this.loginPassword).then(res => {
|
||||
kongfzLogin(username, password).then(res => {
|
||||
uni.hideLoading()
|
||||
if (res.success) {
|
||||
this.kongfzToken = res.token
|
||||
this.isLoggedIn = true
|
||||
this.shopName = this.loginAccount
|
||||
this.shopName = username
|
||||
this.shopRegion = '孔夫子旧书网'
|
||||
// 持久化登录状态
|
||||
uni.setStorageSync('kongfz_phpsessid', res.token)
|
||||
uni.setStorageSync('kongfz_shop_name', this.loginAccount)
|
||||
uni.setStorageSync('kongfz_shop_name', username)
|
||||
uni.setStorageSync('kongfz_shop_region', '孔夫子旧书网')
|
||||
if (this.rememberPassword) {
|
||||
uni.setStorageSync('kongfz_remembered_account', this.loginAccount)
|
||||
uni.setStorageSync('kongfz_remembered_account', username)
|
||||
}
|
||||
// 保存到账号列表
|
||||
this.saveAccount(username, password)
|
||||
uni.showToast({ title: '登录成功', icon: 'success' })
|
||||
} else {
|
||||
uni.showToast({ title: res.message || '登录失败', icon: 'none' })
|
||||
@ -1064,6 +1097,52 @@ export default {
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 加载已保存账号列表
|
||||
loadSavedAccounts() {
|
||||
try {
|
||||
const list = uni.getStorageSync('kongfz_saved_accounts')
|
||||
this.savedAccountList = list ? JSON.parse(list) : []
|
||||
} catch (e) {
|
||||
this.savedAccountList = []
|
||||
}
|
||||
},
|
||||
|
||||
// 保存账号到列表
|
||||
saveAccount(username, password) {
|
||||
const accounts = [...this.savedAccountList]
|
||||
// 去重：如果已存在相同用户名，替换密码
|
||||
const idx = accounts.findIndex(a => a.username === username)
|
||||
if (idx >= 0) {
|
||||
accounts[idx].password = password
|
||||
} else {
|
||||
accounts.push({ username, password })
|
||||
}
|
||||
this.savedAccountList = accounts
|
||||
uni.setStorageSync('kongfz_saved_accounts', JSON.stringify(accounts))
|
||||
},
|
||||
|
||||
// 点击已保存账号快速登录
|
||||
quickLogin(acc) {
|
||||
uni.showLoading({ title: '登录中...', mask: true })
|
||||
this.loginAccount = acc.username
|
||||
this.loginPassword = acc.password
|
||||
this.doLogin(acc.username, acc.password)
|
||||
},
|
||||
|
||||
// 删除已保存账号
|
||||
deleteSavedAccount(idx) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '确定要删除该账号吗？',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
this.savedAccountList.splice(idx, 1)
|
||||
uni.setStorageSync('kongfz_saved_accounts', JSON.stringify(this.savedAccountList))
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -2201,6 +2280,105 @@ export default {
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
/* --- 已保存账号列表 --- */
|
||||
.saved-accounts {
|
||||
margin-top: 28rpx;
|
||||
padding-top: 24rpx;
|
||||
border-top: 2rpx solid #ebeef5;
|
||||
}
|
||||
|
||||
.saved-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
|
||||
.saved-title {
|
||||
font-size: 26rpx;
|
||||
color: #303133;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.saved-count {
|
||||
font-size: 22rpx;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
.saved-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.saved-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 16rpx 18rpx;
|
||||
background: #f7f8fa;
|
||||
border: 2rpx solid #ebeef5;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.saved-item:active {
|
||||
background: #ecf5ff;
|
||||
border-color: #409eff;
|
||||
}
|
||||
|
||||
.saved-item-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14rpx;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.saved-avatar {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
border-radius: 50%;
|
||||
background: #ecf5ff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 24rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.saved-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4rpx;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.saved-name {
|
||||
font-size: 26rpx;
|
||||
color: #303133;
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.saved-hint {
|
||||
font-size: 22rpx;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
.saved-del {
|
||||
font-size: 24rpx;
|
||||
color: #f56c6c;
|
||||
padding: 6rpx 10rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.saved-del:active {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.login-btn {
|
||||
background-color: #409eff;
|
||||
border-radius: 10rpx;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user