458 lines
14 KiB
Vue
458 lines
14 KiB
Vue
<template>
|
||
<crud-layout mainIsScroll bg="/static/page/blue-bg.png">
|
||
<tm-sticky>
|
||
<tm-sticky-header>
|
||
<view class="flex-row items-center bg-#ECF4F9 py-3">
|
||
<image
|
||
v-if="state.userInfo?.sysUser?.avatar"
|
||
class="w-100rpx h-100rpx rounded-full"
|
||
:src="filePath(state.userInfo.sysUser.avatar)"
|
||
mode="aspectFill"
|
||
/>
|
||
<image v-else class="w-100rpx h-100rpx rounded-full" src="/static/icon/default-avatar.png" mode="aspectFill" />
|
||
<view class="m-l-30rpx" v-if="state.userInfo?.sysUser?.userId">
|
||
<view class="flex-row items-center">
|
||
<text class="sub-text-30">{{ state.userInfo?.sysUser?.name }}</text>
|
||
<!-- <text class="iconfont icon-youjiantou color-#666666 m-l-20rpx"></text> -->
|
||
</view>
|
||
<text class="sub-text-26">ID {{ state.userInfo?.sysUser?.userId }}</text>
|
||
</view>
|
||
<view v-else class="flex-row items-center m-l-30rpx" @tap="onTabLogin">
|
||
<text class="sub-text-32">请先登录</text>
|
||
<text class="iconfont icon-youjiantou" />
|
||
</view>
|
||
</view>
|
||
</tm-sticky-header>
|
||
|
||
<view class="m-t-10rpx rounded-20rpx shadow-main p-30rpx p-b-40rpx bg-white!">
|
||
<view class="service_item flex-row items-center justify-between" v-for="(v, i) in state.menuList" :key="i" @tap="onTabMenu(v, i)">
|
||
<view class="flex-row-center">
|
||
<image class="w-40rpx h-40rpx" :src="v.icon" mode="aspectFill" />
|
||
<text class="sub-text-28 m-l-20rpx">{{ v.text }}</text>
|
||
</view>
|
||
<view class="iconfont icon-youjiantou" />
|
||
</view>
|
||
</view>
|
||
|
||
<view v-if="isDevEnv()" class="flex-col-center m-t-40rpx m-x-30rpx">
|
||
<view class="w-full text-center sub-text-28 p-y-20rpx rounded-40rpx border-solid border border-#0094ff" @tap="doLogout">
|
||
退出登录
|
||
</view>
|
||
</view>
|
||
<view class="h-30rpx" />
|
||
<view v-if="state.appInfo == 'sh'" class="flex-col-center m-t-40rpx m-x-30rpx">
|
||
<view class="w-full text-center sub-text-28 p-y-20rpx rounded-40rpx border-solid border border-#0094ff" @tap="doChangeRole">
|
||
切换角色
|
||
</view>
|
||
</view>
|
||
|
||
<view class="h-100rpx" />
|
||
|
||
<view class="second-text-26 text-center">
|
||
<text>联系热线：</text>
|
||
<text @click="doPhone('18367908152')">18367908152</text>
|
||
|
||
<text @click="doPhone('15657370065')">15657370065</text>
|
||
</view>
|
||
<view class="h-10rpx" />
|
||
</tm-sticky>
|
||
</crud-layout>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { reactive } from "vue"
|
||
import { onLoad, onShow } from "@dcloudio/uni-app"
|
||
import { isEmpty } from "radash"
|
||
import { filePath } from "@@/utils/file"
|
||
import { getAppInfo } from "@@/utils/app"
|
||
import { hooks, router, constant } from "@@/index"
|
||
import { userApi } from "@@/api"
|
||
import { isDevEnv } from "@/sheep/utils/app"
|
||
|
||
const state = reactive<{
|
||
wallet: any[]
|
||
userInfo: any
|
||
menuList: {
|
||
text: string
|
||
icon: string
|
||
router: string
|
||
}[]
|
||
appInfo: string
|
||
}>({
|
||
wallet: [],
|
||
userInfo: {},
|
||
menuList: [
|
||
{ text: "扫一扫", icon: "/static/icon/scan.png", router: "" },
|
||
{ text: "钱包管理", icon: "/static/icon/service_3.png", router: "/pages/wallet/list" },
|
||
// { text: "包厢预定", icon: "/static/icon/service_4.png", router: "/pages/boxes/apply-list" },
|
||
{ text: "外来人员就餐", icon: "/static/icon/service_1.png", router: "/pages/apply/foreign-list" },
|
||
{ text: "跨单位就餐", icon: "/static/icon/service_1.png", router: "/pages/apply/stride-list" },
|
||
{ text: "人脸管理", icon: "/static/icon/service_5.png", router: "/pages/human-face/list" },
|
||
{ text: "清除缓存", icon: "/static/icon/clear-storage.png", router: "" },
|
||
],
|
||
appInfo: "",
|
||
})
|
||
|
||
// 常量
|
||
const STORAGE_KEYS = {
|
||
TOKEN: constant.storageConstant.TOKEN,
|
||
USER_INFO: constant.storageConstant.USERINFO,
|
||
}
|
||
|
||
const storage = {
|
||
// 获取存储的用户信息
|
||
getUserInfo: () => {
|
||
const tokenStorage = uni.getStorageSync(STORAGE_KEYS.TOKEN)
|
||
const userStorage = uni.getStorageSync(STORAGE_KEYS.USER_INFO)
|
||
|
||
if (!isEmpty(userStorage) && !isEmpty(tokenStorage)) {
|
||
state.userInfo = userStorage
|
||
} else {
|
||
state.userInfo = {}
|
||
}
|
||
},
|
||
|
||
// 保存用户信息到存储
|
||
saveUserInfo: (userData: any) => {
|
||
uni.setStorageSync(STORAGE_KEYS.USER_INFO, userData)
|
||
storage.getUserInfo()
|
||
},
|
||
|
||
// 保存token到存储
|
||
saveToken: (tokenData: any) => {
|
||
uni.setStorageSync(STORAGE_KEYS.TOKEN, tokenData)
|
||
},
|
||
|
||
// 清除用户登录相关的存储
|
||
clearUserStorage: () => {
|
||
uni.removeStorageSync(STORAGE_KEYS.TOKEN)
|
||
uni.removeStorageSync(STORAGE_KEYS.USER_INFO)
|
||
state.userInfo = {}
|
||
},
|
||
|
||
// 清除缓存
|
||
clearCache: () => {
|
||
uni.showModal({
|
||
title: "确定清除缓存吗？",
|
||
content: "清除缓存将自动刷新页面",
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
uni.clearStorageSync()
|
||
uni.removeStorageSync("userRole")
|
||
state.userInfo = {}
|
||
uni.reLaunch({ url: "/pages/tabbar/my" })
|
||
}
|
||
},
|
||
})
|
||
},
|
||
}
|
||
|
||
const login = {
|
||
// 检查应用环境并登录
|
||
checkAppInfo: async () => {
|
||
try {
|
||
// 先尝试诗画登录
|
||
const shihuaResult = await login.shihuaLogin()
|
||
if (shihuaResult) return
|
||
|
||
// 尝试浙政钉登录
|
||
const zhengdingResult = login.zhengdingLogin()
|
||
if (zhengdingResult) return
|
||
|
||
uni.showToast({ title: "当前登录环境未知", icon: "none" })
|
||
} catch (error) {
|
||
console.error("登录失败:", error)
|
||
uni.showToast({ title: "登录失败", icon: "none" })
|
||
}
|
||
},
|
||
|
||
// 诗画环境登录
|
||
shihuaLogin: async () => {
|
||
const appInfo = await (window as any).CP2.getAppInfo()
|
||
if (appInfo.code == 0) return false
|
||
|
||
const userInfo = await (window as any).CP2.getUserInfo()
|
||
if (userInfo.code == 0) {
|
||
uni.showToast({ title: "获取诗画用户信息失败", icon: "none" })
|
||
return false
|
||
} else {
|
||
const { accountId, sessionId } = userInfo.data
|
||
return login.doLogin(1, "", accountId, sessionId)
|
||
// return login.doLogin(1, "", "67186e49d63fea141aad6772", "67186e49d63fea141aad6776")
|
||
}
|
||
},
|
||
|
||
// 浙政钉登录
|
||
zhengdingLogin: () => {
|
||
const params = new URL(window.location.href).searchParams
|
||
const token = params.get("uabaseToken")
|
||
if (token) {
|
||
return login.doLogin(2, token, "", "")
|
||
}
|
||
return false
|
||
},
|
||
|
||
// 执行登录操作 - loginType 1:诗画登录 2:浙政钉登录
|
||
doLogin: async (loginType: number, token: string, accountId: string, sessionId: string) => {
|
||
const tokenStorage = uni.getStorageSync(STORAGE_KEYS.TOKEN)
|
||
const userStorage = uni.getStorageSync(STORAGE_KEYS.USER_INFO)
|
||
|
||
switch (loginType) {
|
||
case 1: // 诗画登录
|
||
uni.showLoading({ title: "登录中...", mask: true })
|
||
const response = await userApi.authsh({ accountId, sessionId })
|
||
|
||
if (response.code == 0) {
|
||
storage.saveToken({ accessToken: response.data.accessToken })
|
||
uni.hideLoading()
|
||
uni.showToast({ title: "登录成功", icon: "none" })
|
||
|
||
const { data: userData } = await userApi.userInfo()
|
||
storage.saveUserInfo(userData)
|
||
} else {
|
||
uni.hideLoading()
|
||
storage.clearUserStorage()
|
||
if (response.msg == "token已失效") {
|
||
uni.showToast({ title: "用户凭证已失效，请退出并重新进入智慧后勤应用", icon: "none", duration: 6000 })
|
||
} else {
|
||
uni.showToast({ title: response.msg || "登录失败", icon: "none" })
|
||
}
|
||
}
|
||
break
|
||
|
||
case 2: // 浙政钉登录
|
||
if (isEmpty(tokenStorage) || isEmpty(userStorage)) {
|
||
try {
|
||
uni.showLoading({ title: "登录中...", mask: true })
|
||
const res = await userApi.auth(token)
|
||
|
||
if (res.code == 0) {
|
||
storage.saveToken(res.data)
|
||
uni.hideLoading()
|
||
uni.showToast({ title: "登录成功", icon: "none" })
|
||
|
||
const { data: userData } = await userApi.userInfo()
|
||
storage.saveUserInfo(userData)
|
||
} else {
|
||
storage.clearUserStorage()
|
||
if (res.msg == "token已失效") {
|
||
uni.showToast({ title: "用户凭证已失效，请退出并重新进入智慧后勤应用", icon: "none", duration: 6000 })
|
||
} else {
|
||
uni.showToast({ title: res.msg || "登录失败", icon: "none" })
|
||
}
|
||
}
|
||
} catch (error) {
|
||
uni.showToast({ title: "登录错误", icon: "none" })
|
||
} finally {
|
||
uni.hideLoading()
|
||
}
|
||
}
|
||
break
|
||
|
||
default:
|
||
uni.showToast({ title: "当前登录环境未知", icon: "none" })
|
||
}
|
||
},
|
||
|
||
// 退出登录
|
||
logout: async () => {
|
||
const isLogin = await hooks.useCheckLogin()
|
||
if (!isLogin) return
|
||
|
||
uni.showLoading({ title: "退出登录中...", mask: true })
|
||
storage.clearUserStorage()
|
||
uni.hideLoading()
|
||
uni.showToast({ title: "退出登录成功", icon: "none" })
|
||
},
|
||
|
||
// 切换角色
|
||
changeRole: () => {
|
||
router.jump("/pages/user/userRole")
|
||
},
|
||
}
|
||
|
||
const scanCode = {
|
||
// 扫一扫
|
||
scan: async () => {
|
||
// 获取扫码结果
|
||
const scanResult = await scanCode.getScanResult()
|
||
|
||
if (!scanResult) return uni.showToast({ title: "扫码错误", icon: "none" })
|
||
|
||
// 判断扫码结果
|
||
if (scanResult.startsWith("http")) {
|
||
// 扫码结果是url链接
|
||
scanCode.processUrlScanResult(scanResult.replace("/#", ""))
|
||
} else {
|
||
// 扫码结果是base64字符串
|
||
const decodedString = scanCode.decodeBase64(scanResult)
|
||
if (!decodedString) return
|
||
scanCode.processBase64ScanResult(decodedString)
|
||
}
|
||
},
|
||
|
||
// 获取扫码结果
|
||
getScanResult: async (): Promise<string | undefined> => {
|
||
if (isDevEnv()) {
|
||
// 开发环境模拟扫码
|
||
// const testQrCode = "eyJpZCI6IjE4OTYxNTcyMDc2NDQwNTM1MDYiLCJuYW1lIjoi5rWL6K+V5ZWG5oi3In0=" // 线上-测试超市-收款二维码
|
||
const testQrCode = "eyJoYXJkRG9vcklkIjoiMTkxNDIxNTYwODQzNzQxMTg0MSIsImNhYmluZXRObyI6IjEifQ==" // 线上-智能柜-收款二维码
|
||
// const testQrCode = "eyJpZCI6IjE5MDU4MTY3NTEwNDM0NTI5MzAiLCJuYW1lIjoi5paw5Y6/5bqc6LaF5biCIn0=" // 邓本地-测试环境-新县府超市收款二维码
|
||
// const testQrCode = "eyJoYXJkRG9vcklkIjoiMTkxMzE1NzA4MDQxODI5NTgwOSIsImNhYmluZXRObyI6IjEifQ==" // 邓本地-测试单门智能柜柜门二维码
|
||
// const testQrCode = "http://192.168.101.45:8889/h5/#/pages/pay/scanPay?id=1905816751043452930&name=测试新县府超市" // 邓本地-测试环境-新县府超市收款二维码
|
||
// const testQrCode = "http://192.168.101.45:8889/h5/#/pages/pay/scanPay?hardDoorId=1913157080418295809&cabinetNo=1" // 测试智能柜柜门二维码
|
||
uni.showModal({ content: "开发环境不是浙政钉和诗画环境，扫码仅供测试，收款商家为测试商户超市" })
|
||
|
||
return testQrCode
|
||
} else if (state.appInfo == "zzd") {
|
||
// 浙政钉扫码
|
||
const res: any = await (window as any).dd.scan({ type: "all" })
|
||
return res.text
|
||
} else if (state.appInfo == "sh") {
|
||
// 诗画扫码
|
||
const res = await (window as any).CP2.showScanQr({ needResult: 1 })
|
||
if (res.code == 1) return res.data.qrCode
|
||
} else {
|
||
uni.showToast({ title: "当前环境未知", icon: "none" })
|
||
}
|
||
},
|
||
|
||
// 处理base64扫码结果
|
||
processBase64ScanResult: (decodedString: string) => {
|
||
try {
|
||
const decodedJson = JSON.parse(decodedString)
|
||
if (decodedJson.id) {
|
||
router.jump("/pages/pay/scanPay", { id: decodedJson.id })
|
||
} else if (decodedJson?.hardDoorId && decodedJson?.cabinetNo) {
|
||
router.jump("/pages/cabinet/buy", { hardDoorId: decodedJson.hardDoorId, cabinetNo: decodedJson.cabinetNo })
|
||
} else {
|
||
uni.showToast({ title: "无效的二维码", icon: "none" })
|
||
}
|
||
} catch (error) {
|
||
uni.showToast({ title: "无效的二维码内容", icon: "none" })
|
||
}
|
||
},
|
||
|
||
// 处理url扫码结果
|
||
processUrlScanResult: (url: string) => {
|
||
const searchParams = new URL(url).searchParams
|
||
const id = searchParams.get("id")
|
||
const name = searchParams.get("name")
|
||
const hardDoorId = searchParams.get("hardDoorId")
|
||
const cabinetNo = searchParams.get("cabinetNo")
|
||
|
||
if (id) {
|
||
router.jump("/pages/pay/scanPay", { id, name })
|
||
} else if (hardDoorId && cabinetNo) {
|
||
router.jump("/pages/cabinet/buy", { hardDoorId, cabinetNo })
|
||
} else {
|
||
uni.showToast({ title: "无效的二维码", icon: "none" })
|
||
}
|
||
},
|
||
|
||
// 解码base64
|
||
decodeBase64: (base64String: string): string | undefined => {
|
||
try {
|
||
const decodedBinaryString = atob(base64String)
|
||
const uint8Array = new Uint8Array(decodedBinaryString.length)
|
||
for (let i = 0; i < decodedBinaryString.length; i++) {
|
||
uint8Array[i] = decodedBinaryString.charCodeAt(i)
|
||
}
|
||
const decoder = new TextDecoder("utf-8")
|
||
const decodedString = decoder.decode(uint8Array)
|
||
|
||
// console.log("解码结果", decodedString)
|
||
|
||
return decodedString
|
||
} catch (error) {
|
||
console.error("Base64 解码失败:", error)
|
||
uni.showToast({ title: "无效的二维码", icon: "none" })
|
||
return undefined
|
||
}
|
||
},
|
||
}
|
||
|
||
const onTabLogin = () => (isDevEnv() ? router.jump("/pages/user/login") : login.checkAppInfo())
|
||
|
||
const onTabMenu = async (item: any, index: number) => {
|
||
const isLogin = await hooks.useCheckLogin()
|
||
if (isLogin) {
|
||
switch (item.text) {
|
||
case "扫一扫":
|
||
await scanCode.scan()
|
||
break
|
||
case "清除缓存":
|
||
storage.clearCache()
|
||
break
|
||
default:
|
||
router.jump(item.router)
|
||
}
|
||
}
|
||
}
|
||
|
||
// 退出登录
|
||
const doLogout = async () => {
|
||
await login.logout()
|
||
}
|
||
|
||
// 切换角色
|
||
const doChangeRole = () => {
|
||
login.changeRole()
|
||
}
|
||
|
||
// 初始化配置菜单
|
||
const initMenuConfig = () => {
|
||
if (isDevEnv()) {
|
||
state.menuList.push({
|
||
text: "测试-登录",
|
||
icon: "/static/icon/login.png",
|
||
router: "/pages/user/login",
|
||
})
|
||
state.menuList.push({
|
||
text: "测试-角色选择",
|
||
icon: "/static/icon/login.png",
|
||
router: "/pages/user/userRole",
|
||
})
|
||
state.menuList.push({
|
||
text: "测试-意见反馈",
|
||
icon: "/static/icon/service_5.png",
|
||
router: "/pages/integrated/feedback",
|
||
})
|
||
}
|
||
}
|
||
|
||
onLoad(async () => {
|
||
const app = getApp()
|
||
app._initTabbar()
|
||
|
||
// 初始化配置菜单
|
||
initMenuConfig()
|
||
|
||
// 获取应用信息
|
||
state.appInfo = await getAppInfo()
|
||
|
||
await userApi.userRole()
|
||
|
||
// 获取存储中的用户信息
|
||
storage.getUserInfo()
|
||
})
|
||
|
||
onShow(() => {
|
||
// 获取存储中的用户信息
|
||
storage.getUserInfo()
|
||
})
|
||
|
||
// 联系客服
|
||
const doPhone = (phone: string) => {
|
||
hooks.useMakePhoneCall(phone)
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.service_item:not(:last-child) {
|
||
padding-bottom: 40rpx;
|
||
border-bottom: 1px solid #fafafa;
|
||
margin-bottom: 40rpx;
|
||
}
|
||
</style>
|