15 Commits

Author SHA1 Message Date
DEV_DSW
3e18c99161 feat: 快速预定新增未登录检测拦截 2025-12-29 17:26:46 +08:00
duanshuwen
6745e36a79 feat: 登录逻辑调整 2025-12-27 23:20:21 +08:00
duanshuwen
56ad450731 feat: 登录逻辑调整 2025-12-27 22:49:14 +08:00
duanshuwen
ea56695099 feat: 登录异常问题调整 2025-12-26 22:59:44 +08:00
duanshuwen
dfadb06934 feat: 登录逻辑问题调整 2025-12-25 23:04:51 +08:00
duanshuwen
f027685072 feat: 调整登录逻辑 2025-12-25 22:45:55 +08:00
duanshuwen
b7fbe99cd0 feat: 商品详情日期初始化问题修复 2025-12-22 21:58:32 +08:00
5027abc239 fix: 处理日期范围选择 2025-12-22 20:13:09 +08:00
a2ff08f090 feat: 价格计算 2025-12-22 19:51:22 +08:00
37192b0ba4 fix: 支付防抖 2025-12-22 18:51:28 +08:00
8be21f8307 fix: 修复支付问题 2025-12-22 18:05:15 +08:00
296781c506 feat: 优化登录流程 2025-12-15 22:33:22 +08:00
9eb1dc6747 feat: 登录的逻辑调整 2025-12-15 21:04:03 +08:00
364e47b641 feat: 图片样式调整 2025-12-15 18:38:48 +08:00
a3c363cbc9 feat: 区别不同的小程序的缓存问题 2025-12-15 16:26:45 +08:00
25 changed files with 314 additions and 347 deletions

View File

@@ -1,5 +1,5 @@
{ {
"appid": "wx5e79df5996572539", "appid": "wx23f86d809ae80259",
"compileType": "miniprogram", "compileType": "miniprogram",
"libVersion": "3.8.10", "libVersion": "3.8.10",
"packOptions": { "packOptions": {

View File

@@ -2,10 +2,16 @@
import { onLaunch, onShow, onHide } from "@dcloudio/uni-app"; import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
import { getEvnUrl } from "@/request/api/config"; import { getEvnUrl } from "@/request/api/config";
import { refreshToken } from "@/hooks/useGoLogin"; import { refreshToken } from "@/hooks/useGoLogin";
import { getAccessToken } from "@/constant/token";
onLaunch(() => { onLaunch(async () => {
getEvnUrl({ versionValue: "1.0.1" }); await getEvnUrl({ versionValue: "1.0.3" });
refreshToken();
const token = getAccessToken();
if (token) {
refreshToken();
}
}); });
onShow(() => { onShow(() => {

View File

@@ -352,6 +352,14 @@ const handleSingleSelect = (dateInfo) => {
// 处理范围选择 // 处理范围选择
const handleRangeSelection = (dateInfo) => { const handleRangeSelection = (dateInfo) => {
if (dateInfo.price === undefined || dateInfo.price === null || dateInfo.stock === '' || dateInfo.price === '-') {
uni.showToast({
title: "所选日期不可预订,请重新选择",
icon: "none",
});
return;
}
if (!rangeStart.value || (rangeStart.value && rangeEnd.value)) { if (!rangeStart.value || (rangeStart.value && rangeEnd.value)) {
// 开始新的范围选择 // 开始新的范围选择
rangeStart.value = dateInfo.date; rangeStart.value = dateInfo.date;

View File

@@ -80,7 +80,8 @@ const refundTitle = computed(() => {
}); });
const commodityPurchaseInstruction = computed(() => { const commodityPurchaseInstruction = computed(() => {
if (props.orderData.commodityPurchaseInstruction) { if (props.orderData.commodityPurchaseInstruction &&
props.orderData.commodityPurchaseInstruction.refundContent) {
// 以换行符为分隔符,将字符串转换为数组 // 以换行符为分隔符,将字符串转换为数组
return props.orderData.commodityPurchaseInstruction.refundContent.split( return props.orderData.commodityPurchaseInstruction.refundContent.split(
"\n" "\n"

View File

@@ -14,7 +14,7 @@
<view class="inner-card bg-white"> <view class="inner-card bg-white">
<!-- 商品大图部分自适应剩余空间 --> <!-- 商品大图部分自适应剩余空间 -->
<view class="goods-image-wrapper relative"> <view class="goods-image-wrapper relative">
<image class="w-full h-full" :src="card.commodityPhoto" /> <image class="w-full h-full" :src="card.commodityPhoto" mode="aspectFill"/>
<view <view
class="goods-title absolute left-0 right-0 bottom-0 border-box p-12" class="goods-title absolute left-0 right-0 bottom-0 border-box p-12"
> >

View File

@@ -12,7 +12,7 @@ import rawConfigs from '../../client-configs.json' with { type: 'json' };
export const CLIENT_CONFIGS = rawConfigs; export const CLIENT_CONFIGS = rawConfigs;
// 获取当前用户端配置 // 获取当前用户端配置
export const getCurrentConfig = () => CLIENT_CONFIGS.zhinian; export const getCurrentConfig = () => CLIENT_CONFIGS.duohua;
export const clientId = getCurrentConfig().clientId; export const clientId = getCurrentConfig().clientId;
export const appId = getCurrentConfig().appId; export const appId = getCurrentConfig().appId;

35
src/constant/token.js Normal file
View File

@@ -0,0 +1,35 @@
import { currentClientType } from "@/constant/base";
// 存储在本地的认证 token 键名
const CLIENT_TYPE = currentClientType();
const ACCESS_TOKEN = `${CLIENT_TYPE}_ACCESS_TOKEN`;
const REFRESH_ACCESS_TOKEN = `${CLIENT_TYPE}_REFRESH_ACCESS_TOKEN`;
// 设置本地存储的认证 token
export const setAccessToken = (token) => {
return uni.setStorageSync(ACCESS_TOKEN, token);
};
// 设置本地存储的刷新 token
export const setRefreshToken = (token) => {
return uni.setStorageSync(REFRESH_ACCESS_TOKEN, token);
};
// 获取本地存储的刷新 token
export const getRefreshToken = () => {
return uni.getStorageSync(REFRESH_ACCESS_TOKEN);
};
// 获取本地存储的认证 token
export const getAccessToken = () => {
return uni.getStorageSync(ACCESS_TOKEN);
};
// 移除本地存储的认证 token
export const removeAccessToken = () => {
return uni.removeStorageSync(ACCESS_TOKEN);
};
export const removeRefreshToken = () => {
return uni.removeStorageSync(REFRESH_ACCESS_TOKEN);
};

View File

@@ -1,7 +1,8 @@
import { wxLogin } from "../request/api/LoginApi"; import { wxLogin, checkUserPhone } from "@/request/api/LoginApi";
import { loginAuth, bindPhone, checkPhone } from "@/manager/LoginManager"; import { loginAuth, bindPhone } from "@/manager/LoginManager";
import { clientId } from "@/constant/base"; import { clientId } from "@/constant/base";
import { NOTICE_EVENT_LOGIN_SUCCESS } from "@/constant/constant"; import { NOTICE_EVENT_LOGIN_SUCCESS } from "@/constant/constant";
import { getAccessToken, setAccessToken } from "../constant/token";
// 跳转登录 // 跳转登录
export const goLogin = () => uni.navigateTo({ url: "/pages/login/index" }); export const goLogin = () => uni.navigateTo({ url: "/pages/login/index" });
@@ -21,8 +22,9 @@ export const onLogin = async (e) => {
} }
await loginAuth(e).then(async () => { await loginAuth(e).then(async () => {
console.log("loginAuth resolve success");
// 检查手机号是否绑定 // 检查手机号是否绑定
const checkRes = await checkPhone(); const checkRes = await checkUserPhone();
if (checkRes.data) { if (checkRes.data) {
resolve(); resolve();
return; return;
@@ -47,7 +49,7 @@ export const onLogin = async (e) => {
// 检测token // 检测token
export const checkToken = () => { export const checkToken = () => {
const token = uni.getStorageSync("token"); const token = getAccessToken();
return new Promise((resolve) => { return new Promise((resolve) => {
if (!token) { if (!token) {
@@ -60,31 +62,40 @@ export const checkToken = () => {
}; };
// 刷新token // 刷新token
export const refreshToken = () => { export const refreshToken = (needLogin = false) => {
const token = uni.getStorageSync("token"); return new Promise(async (resolve) => {
uni.login({
provider: "weixin", //使用微信登录
success: async ({ code }) => {
console.log("进入 refreshToken success", code);
const params = {
openIdCode: [code],
grant_type: "wechat",
scope: "server",
clientId: clientId,
};
console.log("获取到的微信授权params:", JSON.stringify(params));
if (!token) { const response = await wxLogin(params);
return;
}
uni.login({ if (needLogin && response.access_token) {
provider: "weixin", //使用微信登录 setAccessToken(response.access_token);
success: async ({ code }) => { }
console.log("refreshToken", code);
const params = {
openIdCode: [code],
grant_type: "wechat",
scope: "server",
clientId: clientId,
};
console.log("获取到的微信授权params:", JSON.stringify(params));
const response = await wxLogin(params);
if (response.access_token) { if (response.access_token) {
uni.setStorageSync("token", response.access_token); const checkRes = await checkUserPhone({
// 登录成功后,触发登录成功事件 token: response.access_token,
uni.$emit(NOTICE_EVENT_LOGIN_SUCCESS); });
}
}, if (checkRes.data) {
// 登录成功后,触发登录成功事件
uni.$emit(NOTICE_EVENT_LOGIN_SUCCESS);
resolve(false);
} else {
resolve(true);
}
}
},
});
}); });
}; };

View File

@@ -16,7 +16,6 @@ app.$mount();
import { createSSRApp } from "vue"; import { createSSRApp } from "vue";
import * as Pinia from "pinia"; import * as Pinia from "pinia";
import { createUnistorage } from "pinia-plugin-unistorage"; import { createUnistorage } from "pinia-plugin-unistorage";
import noclick from "./utils/noclick";
export function createApp() { export function createApp() {
const app = createSSRApp(App); const app = createSSRApp(App);
@@ -25,7 +24,6 @@ export function createApp() {
pinia.use(createUnistorage()); pinia.use(createUnistorage());
app.use(pinia); app.use(pinia);
app.use(share); app.use(share);
app.use(noclick);
return { return {
app, app,

View File

@@ -1,16 +1,11 @@
import { import { wxLogin, bindUserPhone } from "../request/api/LoginApi";
wxLogin,
bindUserPhone,
checkUserPhone,
} from "../request/api/LoginApi";
import { getWeChatAuthCode } from "./AuthManager"; import { getWeChatAuthCode } from "./AuthManager";
import { useAppStore } from "@/store";
import { clientId } from "@/constant/base"; import { clientId } from "@/constant/base";
import { NOTICE_EVENT_LOGIN_SUCCESS } from "@/constant/constant"; import { NOTICE_EVENT_LOGIN_SUCCESS } from "@/constant/constant";
import { removeAccessToken, setAccessToken } from "../constant/token";
const loginAuth = (e) => { const loginAuth = (e) => {
uni.setStorageSync("token", ""); removeAccessToken();
const appStore = useAppStore();
return new Promise(async (resolve, reject) => { return new Promise(async (resolve, reject) => {
const openIdCode = await getWeChatAuthCode(e); const openIdCode = await getWeChatAuthCode(e);
@@ -26,7 +21,9 @@ const loginAuth = (e) => {
console.log("获取到的微信授权response:", response); console.log("获取到的微信授权response:", response);
if (response.access_token) { if (response.access_token) {
uni.setStorageSync("token", response.access_token); console.log("进入条件");
setAccessToken(response.access_token);
// 登录成功后,触发登录成功事件 // 登录成功后,触发登录成功事件
uni.$emit(NOTICE_EVENT_LOGIN_SUCCESS); uni.$emit(NOTICE_EVENT_LOGIN_SUCCESS);
resolve(); resolve();
@@ -45,9 +42,4 @@ const bindPhone = async (params) => {
} }
}; };
const checkPhone = async () => { export { loginAuth, bindPhone };
const response = await checkUserPhone();
return response;
};
export { loginAuth, bindPhone, checkPhone };

View File

@@ -60,7 +60,7 @@
wx23f86d809ae80259 wx23f86d809ae80259
*/ */
"mp-weixin": { "mp-weixin": {
"appid": "wx5e79df5996572539", "appid": "wx23f86d809ae80259",
"setting": { "setting": {
"urlCheck": false, "urlCheck": false,
"minified": true "minified": true

View File

@@ -21,7 +21,6 @@
/> />
<text <text
class="font-size-16 font-500 color-white" class="font-size-16 font-500 color-white"
@click="$onMultipleClicks(() => emit('payClick', orderData))"
>立即支付</text >立即支付</text
> >
</view> </view>
@@ -29,7 +28,9 @@
</template> </template>
<script setup> <script setup>
import { computed, defineProps, defineEmits } from "vue"; import { computed, defineProps, defineEmits, ref, onMounted, watch } from "vue";
import { DebounceUtils } from "@/utils";
import { preOrder } from "@/request/api/OrderApi";
const props = defineProps({ const props = defineProps({
modelValue: { modelValue: {
@@ -54,11 +55,39 @@ const count = computed({
}, },
}); });
const totalAmt = computed(() => { watch(
const { totalDays } = props.selectedDate; () => count.value,
const { specificationPrice } = props.orderData; (newVal, oldVal) => {
return count.value * Number(specificationPrice) * totalDays; if (newVal !== oldVal) {
preOrderPay();
}
}
);
onMounted(() => {
preOrderPay();
}); });
const totalAmt = ref(props.orderData.specificationPrice);
const preOrderPay = async () => {
preOrder({
"commodityId": props.orderData.commodityId,
"purchaseAmount": count.value,
"checkInData": props.selectedDate.startDate,
"checkOutData": props.selectedDate.endDate,
}).then((res) => {
console.log("预支付金额计算结果:", res);
totalAmt.value = res.data.payAmt;
}).catch((err) => {
console.error("预支付金额计算失败:", err);
});
}
const handleBooking = DebounceUtils.createDebounce(() => {
emit("payClick", props.orderData);
}, 1000);
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

View File

@@ -79,6 +79,7 @@
<!-- 底部 --> <!-- 底部 -->
<FooterSection <FooterSection
v-if="Object.keys(orderData).length"
v-model="quantity" v-model="quantity"
:selectedDate="selectedDate" :selectedDate="selectedDate"
:orderData="orderData" :orderData="orderData"

View File

@@ -17,7 +17,7 @@
'bg-2D91FF': ['1', '2', '3', '4', '5', '6'].includes(statusCode), 'bg-2D91FF': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
}, },
]" ]"
@click="$onmultipleClicks(() => handleButtonClick(orderData))" @click="handleButtonClick(orderData)"
> >
{{ buttonText }} {{ buttonText }}
</button> </button>
@@ -27,6 +27,7 @@
<script setup> <script setup>
import { defineProps, defineEmits, computed } from "vue"; import { defineProps, defineEmits, computed } from "vue";
import { orderPayNow } from "@/request/api/OrderApi"; import { orderPayNow } from "@/request/api/OrderApi";
import { DebounceUtils } from "@/utils";
const props = defineProps({ const props = defineProps({
orderData: { orderData: {
@@ -64,7 +65,7 @@ const buttonText = computed(() => {
const emit = defineEmits(["refund", "refresh"]); const emit = defineEmits(["refund", "refresh"]);
// 处理按钮点击事件 // 处理按钮点击事件
const handleButtonClick = async (orderData) => { const handleButtonClick = DebounceUtils.createDebounce(async (orderData) => {
try { try {
// 再次预定跳转商品详情 // 再次预定跳转商品详情
if (["1", "2", "3", "4", "5", "6"].includes(statusCode.value)) { if (["1", "2", "3", "4", "5", "6"].includes(statusCode.value)) {
@@ -130,7 +131,7 @@ const handleButtonClick = async (orderData) => {
console.error("操作失败:", error); console.error("操作失败:", error);
uni.hideLoading(); uni.hideLoading();
} }
}; }, 1000);
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@@ -1,21 +1,11 @@
<template> <template>
<view <view class="card bg-white border-box p-8 rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)">
class="card bg-white border-box p-8 rounded-12 flex flex-items-start m-12" <image class="left rounded-10" :src="item.commodityPhoto" mode="aspectFill" />
@click.stop="handleClick(item)"
>
<image
class="left rounded-10"
:src="item.commodityPhoto"
mode="aspectFill"
/>
<view class="right border-box flex-full pl-12"> <view class="right border-box flex-full pl-12">
<view class="font-size-16 line-height-24 color-171717 mb-4"> <view class="font-size-16 line-height-24 color-171717 mb-4">
{{ item.commodityName }} {{ item.commodityName }}
</view> </view>
<view <view v-if="item.commodityFacility" class="font-size-12 line-height-16 color-99A0AE mb-4 ellipsis-1">
v-if="item.commodityFacility"
class="font-size-12 line-height-16 color-99A0AE mb-4 ellipsis-1"
>
{{ item.commodityFacility.join(" ") }} {{ item.commodityFacility.join(" ") }}
</view> </view>
<view class="font-size-12 line-height-18 color-43669A"> <view class="font-size-12 line-height-18 color-43669A">
@@ -23,19 +13,13 @@
</view> </view>
<view class="flex flex-items-center flex-justify-end"> <view class="flex flex-items-center flex-justify-end">
<text <text class="amt font-size-18 font-500 font-family-misans-vf line-height-24 color-FF3D60 mr-4">
class="amt font-size-18 font-500 font-family-misans-vf line-height-24 color-FF3D60 mr-4"
>
{{ item.specificationPrice }} {{ item.specificationPrice }}
</text> </text>
<text class="font-size-12 line-height-16 color-99A0AE"> <text class="font-size-12 line-height-16 color-99A0AE">
/{{ item.stockUnitLabel }} /{{ item.stockUnitLabel }}
</text> </text>
<text <text class="btn border-box rounded-10 color-white ml-16" @click.stop="handleBooking(item)"></text>
class="btn border-box rounded-10 color-white ml-16"
@click.stop="handleBooking(item)"
></text
>
</view> </view>
</view> </view>
</view> </view>
@@ -64,24 +48,22 @@ const props = defineProps({
}, },
selectedDate: { selectedDate: {
type: Object, type: Object,
default: () => {}, default: () => { },
}, },
}); });
const handleClick = ({ commodityId }) => {
uni.navigateTo({ url: `/pages/goods/index?commodityId=${commodityId}` });
};
const selectedDateStore = useSelectedDateStore(); const selectedDateStore = useSelectedDateStore();
const handleBooking = ({ commodityId }) => {
const { startDate, endDate, totalDays } = props.selectedDate;
const navigateToPage = (commodityId, path) => {
const { startDate, endDate, totalDays } = props.selectedDate;
selectedDateStore.setData({ startDate, endDate, totalDays }); selectedDateStore.setData({ startDate, endDate, totalDays });
uni.navigateTo({ uni.navigateTo({ url: `${path}?commodityId=${commodityId}` });
url: `/pages-booking/index?commodityId=${commodityId}`,
});
}; };
const handleClick = ({ commodityId }) => navigateToPage(commodityId, "/pages/goods/index")
const handleBooking = ({ commodityId }) => navigateToPage(commodityId, "/pages-booking/index")
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

View File

@@ -2,79 +2,42 @@
<view class="flex flex-col h-screen"> <view class="flex flex-col h-screen">
<!-- 顶部自定义导航栏 --> <!-- 顶部自定义导航栏 -->
<view class="header" :style="{ paddingTop: statusBarHeight + 'px' }"> <view class="header" :style="{ paddingTop: statusBarHeight + 'px' }">
<ChatTopNavBar <ChatTopNavBar ref="topNavBarRef" :mainPageDataModel="mainPageDataModel" />
ref="topNavBarRef"
:mainPageDataModel="mainPageDataModel"
/>
</view> </view>
<!-- 消息列表可滚动区域 --> <!-- 消息列表可滚动区域 -->
<scroll-view <scroll-view class="main flex-full overflow-hidden scroll-y" scroll-y :scroll-top="scrollTop"
class="main flex-full overflow-hidden scroll-y" :scroll-with-animation="true" @scroll="handleScroll" @scrolltolower="handleScrollToLower">
scroll-y
:scroll-top="scrollTop"
:scroll-with-animation="true"
@scroll="handleScroll"
@scrolltolower="handleScrollToLower"
>
<!-- welcome栏 --> <!-- welcome栏 -->
<ChatTopWelcome ref="welcomeRef" :mainPageDataModel="mainPageDataModel" /> <ChatTopWelcome ref="welcomeRef" :mainPageDataModel="mainPageDataModel" />
<view <view class="area-msg-list-content" v-for="item in chatMsgList" :key="item.msgId" :id="item.msgId">
class="area-msg-list-content"
v-for="item in chatMsgList"
:key="item.msgId"
:id="item.msgId"
>
<template v-if="item.msgType === MessageRole.AI"> <template v-if="item.msgType === MessageRole.AI">
<ChatCardAI <ChatCardAI class="flex flex-justify-start" :key="`ai-${item.msgId}-${item.msg ? item.msg.length : 0}`"
class="flex flex-justify-start" :text="item.msg || ''" :isLoading="item.isLoading">
:key="`ai-${item.msgId}-${item.msg ? item.msg.length : 0}`"
:text="item.msg || ''"
:isLoading="item.isLoading"
>
<template #content v-if="item.toolCall"> <template #content v-if="item.toolCall">
<QuickBookingComponent <QuickBookingComponent v-if="item.toolCall.componentName === CompName.quickBookingCard" />
v-if="item.toolCall.componentName === CompName.quickBookingCard" <DiscoveryCardComponent v-else-if="
/> item.toolCall.componentName === CompName.discoveryCard
<DiscoveryCardComponent " />
v-else-if=" <CreateServiceOrder v-else-if="
item.toolCall.componentName === CompName.discoveryCard item.toolCall.componentName === CompName.callServiceCard
" " :toolCall="item.toolCall" />
/> <Feedback v-else-if="
<CreateServiceOrder item.toolCall.componentName === CompName.feedbackCard
v-else-if=" " :toolCall="item.toolCall" />
item.toolCall.componentName === CompName.callServiceCard <DetailCardCompontent v-else-if="
" item.toolCall.componentName ===
:toolCall="item.toolCall" CompName.pictureAndCommodityCard
/> " :toolCall="item.toolCall" />
<Feedback <AddCarCrad v-else-if="
v-else-if=" item.toolCall.componentName === CompName.enterLicensePlateCard
item.toolCall.componentName === CompName.feedbackCard " :toolCall="item.toolCall" />
"
:toolCall="item.toolCall"
/>
<DetailCardCompontent
v-else-if="
item.toolCall.componentName ===
CompName.pictureAndCommodityCard
"
:toolCall="item.toolCall"
/>
<AddCarCrad
v-else-if="
item.toolCall.componentName === CompName.enterLicensePlateCard
"
:toolCall="item.toolCall"
/>
</template> </template>
<template #footer> <template #footer>
<!-- 这个是底部 --> <!-- 这个是底部 -->
<AttachListComponent <AttachListComponent v-if="item.question" :question="item.question" />
v-if="item.question"
:question="item.question"
/>
</template> </template>
</ChatCardAI> </ChatCardAI>
</template> </template>
@@ -85,21 +48,15 @@
<template v-else> <template v-else>
<ChatCardOther class="flex flex-justify-center" :text="item.msg"> <ChatCardOther class="flex flex-justify-center" :text="item.msg">
<ActivityListComponent <ActivityListComponent v-if="
v-if=" mainPageDataModel.activityList &&
mainPageDataModel.activityList && mainPageDataModel.activityList.length > 0
mainPageDataModel.activityList.length > 0 " :activityList="mainPageDataModel.activityList" />
"
:activityList="mainPageDataModel.activityList"
/>
<RecommendPostsComponent <RecommendPostsComponent v-if="
v-if=" mainPageDataModel.recommendTheme &&
mainPageDataModel.recommendTheme && mainPageDataModel.recommendTheme.length > 0
mainPageDataModel.recommendTheme.length > 0 " :recommendThemeList="mainPageDataModel.recommendTheme" />
"
:recommendThemeList="mainPageDataModel.recommendTheme"
/>
</ChatCardOther> </ChatCardOther>
</template> </template>
</view> </view>
@@ -108,17 +65,9 @@
<!-- 输入框区域 --> <!-- 输入框区域 -->
<view class="pb-safe-area"> <view class="pb-safe-area">
<ChatQuickAccess /> <ChatQuickAccess />
<ChatInputArea <ChatInputArea ref="inputAreaRef" v-model="inputMessage" :holdKeyboard="holdKeyboard"
ref="inputAreaRef" :is-session-active="isSessionActive" :stop-request="stopRequest" @send="sendMessageAction"
v-model="inputMessage" @noHideKeyboard="handleNoHideKeyboard" @keyboardShow="handleKeyboardShow" @keyboardHide="handleKeyboardHide" />
:holdKeyboard="holdKeyboard"
:is-session-active="isSessionActive"
:stop-request="stopRequest"
@send="sendMessageAction"
@noHideKeyboard="handleNoHideKeyboard"
@keyboardShow="handleKeyboardShow"
@keyboardHide="handleKeyboardHide"
/>
</view> </view>
</view> </view>
</template> </template>
@@ -159,6 +108,7 @@ import WebSocketManager from "@/utils/WebSocketManager";
import { ThrottleUtils, IdUtils } from "@/utils"; import { ThrottleUtils, IdUtils } from "@/utils";
import { checkToken } from "@/hooks/useGoLogin"; import { checkToken } from "@/hooks/useGoLogin";
import { useAppStore } from "@/store"; import { useAppStore } from "@/store";
import { getAccessToken } from "@/constant/token";
const appStore = useAppStore(); const appStore = useAppStore();
/// 导航栏相关 /// 导航栏相关
@@ -242,7 +192,7 @@ const handleScroll = ThrottleUtils.createThrottle(({ detail }) => {
}, 50); }, 50);
// 处理滚动到底部事件 // 处理滚动到底部事件
const handleScrollToLower = () => {}; const handleScrollToLower = () => { };
// 滚动到底部 - 优化版本,确保打字机效果始终可见 // 滚动到底部 - 优化版本,确保打字机效果始终可见
const scrollToBottom = () => { const scrollToBottom = () => {
@@ -346,7 +296,7 @@ onLoad(() => {
// token存在初始化数据 // token存在初始化数据
const initHandler = () => { const initHandler = () => {
console.log("initHandler"); console.log("initHandler");
const token = uni.getStorageSync("token"); const token = getAccessToken();
if (!token) return; if (!token) return;
loadRecentConversation(); loadRecentConversation();
@@ -414,7 +364,7 @@ const initWebSocket = async () => {
} }
// 使用配置的WebSocket服务器地址 // 使用配置的WebSocket服务器地址
const token = uni.getStorageSync("token"); const token = getAccessToken();
const wsUrl = `${appStore.serverConfig.wssUrl}?access_token=${token}`; const wsUrl = `${appStore.serverConfig.wssUrl}?access_token=${token}`;
// 初始化WebSocket管理器 // 初始化WebSocket管理器
@@ -473,53 +423,53 @@ const initWebSocket = async () => {
}; };
// 处理WebSocket消息 // 处理WebSocket消息
const handleWebSocketMessage = (data) => { const handleWebSocketMessage = (data) => {
const aiMsgIndex = chatMsgList.value.length - 1; const aiMsgIndex = chatMsgList.value.length - 1;
if (!chatMsgList.value[aiMsgIndex] || aiMsgIndex < 0) { if (!chatMsgList.value[aiMsgIndex] || aiMsgIndex < 0) {
console.error("处理WebSocket消息时找不到对应的AI消息项"); console.error("处理WebSocket消息时找不到对应的AI消息项");
return; return;
} }
// 确保消息内容是字符串类型 // 确保消息内容是字符串类型
if (data.content && typeof data.content !== "string") { if (data.content && typeof data.content !== "string") {
data.content = String(data.content); data.content = String(data.content);
} }
// 直接拼接内容到AI消息 // 直接拼接内容到AI消息
if (data.content) { if (data.content) {
if (chatMsgList.value[aiMsgIndex].isLoading) { if (chatMsgList.value[aiMsgIndex].isLoading) {
chatMsgList.value[aiMsgIndex].msg = "";
}
chatMsgList.value[aiMsgIndex].msg += data.content;
chatMsgList.value[aiMsgIndex].isLoading = false;
nextTick(() => scrollToBottom());
}
// 处理完成状态
if (data.finish) {
const msg = chatMsgList.value[aiMsgIndex].msg;
if (!msg || chatMsgList.value[aiMsgIndex].isLoading) {
chatMsgList.value[aiMsgIndex].msg = "未获取到内容,请重试";
chatMsgList.value[aiMsgIndex].isLoading = false;
if (data.toolCall) {
chatMsgList.value[aiMsgIndex].msg = ""; chatMsgList.value[aiMsgIndex].msg = "";
} }
chatMsgList.value[aiMsgIndex].msg += data.content;
chatMsgList.value[aiMsgIndex].isLoading = false;
nextTick(() => scrollToBottom());
} }
// 处理完成状态 // 处理toolCall
if (data.finish) { if (data.toolCall) {
const msg = chatMsgList.value[aiMsgIndex].msg; chatMsgList.value[aiMsgIndex].toolCall = data.toolCall;
if (!msg || chatMsgList.value[aiMsgIndex].isLoading) {
chatMsgList.value[aiMsgIndex].msg = "未获取到内容,请重试";
chatMsgList.value[aiMsgIndex].isLoading = false;
if (data.toolCall) {
chatMsgList.value[aiMsgIndex].msg = "";
}
}
// 处理toolCall
if (data.toolCall) {
chatMsgList.value[aiMsgIndex].toolCall = data.toolCall;
}
// 处理question
if (data.question && data.question.length > 0) {
chatMsgList.value[aiMsgIndex].question = data.question;
}
// 重置会话状态
isSessionActive.value = false;
} }
};
// 处理question
if (data.question && data.question.length > 0) {
chatMsgList.value[aiMsgIndex].question = data.question;
}
// 重置会话状态
isSessionActive.value = false;
}
};
// 重置消息状态 // 重置消息状态
const resetMessageState = () => { const resetMessageState = () => {
@@ -550,13 +500,13 @@ const sendMessage = async (message, isInstruct = false) => {
uni.showLoading({ uni.showLoading({
title: "正在连接服务器...", title: "正在连接服务器...",
}); });
// 尝试重新初始化WebSocket连接 // 尝试重新初始化WebSocket连接
try { try {
await initWebSocket(); await initWebSocket();
// 等待短暂时间确保连接建立 // 等待短暂时间确保连接建立
await new Promise(resolve => setTimeout(resolve, 1000)); await new Promise(resolve => setTimeout(resolve, 1000));
// 检查连接是否成功建立 // 检查连接是否成功建立
if (!webSocketConnectStatus) { if (!webSocketConnectStatus) {
uni.hideLoading(); uni.hideLoading();

View File

@@ -1,13 +1,7 @@
<template> <template>
<view <view class="quick-access flex flex-row ml-12 pt-8 pb-8 scroll-x whitespace-nowrap">
class="quick-access flex flex-row ml-12 pt-8 pb-8 scroll-x whitespace-nowrap" <view class="item border-box rounded-50 flex flex-row items-center" v-for="(item, index) in itemList" :key="index"
> @click="sendReply(item)">
<view
class="item border-box rounded-50 flex flex-row items-center"
v-for="(item, index) in itemList"
:key="index"
@click="sendReply(item)"
>
<view class="flex items-center justify-center"> <view class="flex items-center justify-center">
<image v-if="item.icon" class="icon" :src="item.icon" /> <image v-if="item.icon" class="icon" :src="item.icon" />
<text class="font-size-14 color-2D91FF line-height-20"> <text class="font-size-14 color-2D91FF line-height-20">
@@ -22,6 +16,7 @@
import { ref } from "vue"; import { ref } from "vue";
import { Command } from "@/model/ChatModel"; import { Command } from "@/model/ChatModel";
import { SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant"; import { SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
import { checkToken } from "@/hooks/useGoLogin";
const itemList = ref([ const itemList = ref([
{ {
@@ -55,7 +50,9 @@ const sendReply = (item) => {
// 快速预定 // 快速预定
if (item.type === Command.quickBooking) { if (item.type === Command.quickBooking) {
uni.navigateTo({ url: "/pages-quick/list" }); checkToken().then(() => {
uni.navigateTo({ url: "/pages-quick/list" });
});
return; return;
} }

View File

@@ -2,19 +2,12 @@
<uni-popup ref="popup" type="bottom" :safe-area="false"> <uni-popup ref="popup" type="bottom" :safe-area="false">
<view class="popup-content border-box pt-12 pl-12 pr-12"> <view class="popup-content border-box pt-12 pl-12 pr-12">
<view class="header flex flex-items-center pb-12"> <view class="header flex flex-items-center pb-12">
<view <view class="title flex-full text-center font-size-17 color-000 font-500 ml-24">更多服务</view>
class="title flex-full text-center font-size-17 color-000 font-500 ml-24"
>更多服务</view
>
<uni-icons type="close" size="24" color="#CACFD8" @click="close" /> <uni-icons type="close" size="24" color="#CACFD8" @click="close" />
</view> </view>
<view class="list bg-white border-box pl-20 pr-20"> <view class="list bg-white border-box pl-20 pr-20">
<view <view class="item border-box border-bottom pt-20 pb-20" v-for="(item, index) in list" :key="index">
class="item border-box border-bottom pt-20 pb-20"
v-for="(item, index) in list"
:key="index"
>
<view class="flex flex-items-center flex-justify-center"> <view class="flex flex-items-center flex-justify-center">
<image v-if="item.icon" class="left" :src="item.icon" /> <image v-if="item.icon" class="left" :src="item.icon" />
<view class="center flex-full"> <view class="center flex-full">
@@ -25,10 +18,7 @@
{{ item.content }} {{ item.content }}
</view> </view>
</view> </view>
<view <view class="right border-box font-size-12 color-white line-height-16" @click="handleClick(item)">
class="right border-box font-size-12 color-white line-height-16"
@click="handleClick(item)"
>
{{ item.btnText }} {{ item.btnText }}
</view> </view>
</view> </view>
@@ -42,6 +32,7 @@
import { ref } from "vue"; import { ref } from "vue";
import { Command } from "@/model/ChatModel"; import { Command } from "@/model/ChatModel";
import { SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant"; import { SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
import { checkToken } from "@/hooks/useGoLogin";
const popup = ref(null); const popup = ref(null);
@@ -100,7 +91,10 @@ const handleClick = (item) => {
close(); close();
if (item.path) { if (item.path) {
uni.navigateTo({ url: item.path }); checkToken().then(() => {
uni.navigateTo({ url: item.path });
});
return; return;
} }

View File

@@ -17,17 +17,9 @@
<view class="login-agreement flex flex-items-center"> <view class="login-agreement flex flex-items-center">
<CheckBox v-model="isAgree"> <CheckBox v-model="isAgree">
<text class="font-size-12 color-525866">我已阅读并同意</text> <text class="font-size-12 color-525866">我已阅读并同意</text>
<text <text class="font-size-12 color-2D91FF ml-4 mr-4" @click.stop="handleAgreeClick('service')">服务协议</text>
class="font-size-12 color-2D91FF ml-4 mr-4"
@click.stop="handleAgreeClick('service')"
>服务协议</text
>
<text class="font-size-12 color-525866"></text> <text class="font-size-12 color-525866"></text>
<text <text class="font-size-12 color-2D91FF ml-4 mr-4" @click.stop="handleAgreeClick('privacy')">隐私协议</text>
class="font-size-12 color-2D91FF ml-4 mr-4"
@click.stop="handleAgreeClick('privacy')"
>隐私协议</text
>
<text class="font-size-12 color-525866">\n</text> <text class="font-size-12 color-525866">\n</text>
<text class="font-size-12 color-525866 ml-30">授权与账号关联操作</text> <text class="font-size-12 color-525866 ml-30">授权与账号关联操作</text>
</CheckBox> </CheckBox>
@@ -37,49 +29,30 @@
<view class="login-btn-area"> <view class="login-btn-area">
<!-- 同意隐私协议并获取手机号按钮 --> <!-- 同意隐私协议并获取手机号按钮 -->
<button <button class="login-btn" type="primary" :open-type="needWxLogin ? 'getPhoneNumber' : ''"
v-if="!isAgree" @getphonenumber="getPhoneNumber" @click="handleAgreeAndGetPhone">
class="login-btn"
type="primary"
@click="handleAgreeAndGetPhone"
>
手机号快捷登录
</button>
<button
v-if="isAgree && !appStore.tokenExpired"
class="login-btn"
type="primary"
open-type="getPhoneNumber"
@getphonenumber="getPhoneNumber"
>
手机号快捷登录 手机号快捷登录
</button> </button>
</view> </view>
<AgreePopup <AgreePopup ref="agreePopup" :visible="visible" :agreement="computedAgreement" @close="visible = false" />
ref="agreePopup"
:visible="visible"
:agreement="computedAgreement"
@close="visible = false"
/>
</view> </view>
</template> </template>
<script setup> <script setup>
import { onShow } from "@dcloudio/uni-app";
import { ref, computed } from "vue"; import { ref, computed } from "vue";
import { import {
getServiceAgreement, getServiceAgreement,
getPrivacyAgreement, getPrivacyAgreement,
} from "@/request/api/LoginApi"; } from "@/request/api/LoginApi";
import { onLogin, goBack } from "@/hooks/useGoLogin"; import { onLogin, goBack, refreshToken } from "@/hooks/useGoLogin";
import CheckBox from "@/components/CheckBox/index.vue"; import CheckBox from "@/components/CheckBox/index.vue";
import AgreePopup from "./components/AgreePopup/index.vue"; import AgreePopup from "./components/AgreePopup/index.vue";
import { zniconsMap } from "@/static/fonts/znicons.js"; import { zniconsMap } from "@/static/fonts/znicons";
import { getCurrentConfig } from "@/constant/base"; import { getCurrentConfig } from "@/constant/base";
import { useAppStore } from "@/store";
const appStore = useAppStore();
const needWxLogin = ref(false);
const isAgree = ref(false); const isAgree = ref(false);
const visible = ref(false); const visible = ref(false);
const serviceAgreement = ref(""); const serviceAgreement = ref("");
@@ -90,6 +63,11 @@ const logo = computed(() => getCurrentConfig().logo);
// 同意隐私协议并获取手机号 // 同意隐私协议并获取手机号
const handleAgreeAndGetPhone = () => { const handleAgreeAndGetPhone = () => {
// 如果需要微信登录,直接返回
if (needWxLogin.value) {
return;
}
if (!isAgree.value) { if (!isAgree.value) {
uni.showToast({ uni.showToast({
title: "请先同意服务协议和隐私协议", title: "请先同意服务协议和隐私协议",
@@ -97,6 +75,8 @@ const handleAgreeAndGetPhone = () => {
}); });
return; return;
} }
refreshToken(true).then(() => goBack());
}; };
const getPhoneNumber = (e) => { const getPhoneNumber = (e) => {
@@ -108,7 +88,7 @@ const getPhoneNumber = (e) => {
}); });
goBack(); goBack();
}) })
.catch(() => {}); .catch(() => { });
}; };
// 处理同意协议点击事件 // 处理同意协议点击事件
@@ -141,10 +121,18 @@ const getPrivacyAgreementData = async () => {
}; };
getPrivacyAgreementData(); getPrivacyAgreementData();
// 页面显示时刷新token
onShow(async () => {
const res = await refreshToken();
needWxLogin.value = res;
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "./styles/index.scss"; @import "./styles/index.scss";
@font-face { @font-face {
font-family: znicons; font-family: znicons;
src: url("@/static/fonts/znicons.ttf"); src: url("@/static/fonts/znicons.ttf");

View File

@@ -1,5 +1,7 @@
import { goLogin } from "@/hooks/useGoLogin"; import { goLogin } from "@/hooks/useGoLogin";
import { useAppStore } from "@/store"; import { useAppStore } from "@/store";
import { getAccessToken } from "@/constant/token";
import { removeAccessToken } from "@/constant/token";
/// 请求流式数据的API /// 请求流式数据的API
const API = "/agent/assistant/chat"; const API = "/agent/assistant/chat";
@@ -72,7 +74,7 @@ const stopAbortTask = () => {
const agentChatStream = (params, onChunk) => { const agentChatStream = (params, onChunk) => {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
const token = uni.getStorageSync("token"); const token = getAccessToken();
const requestId = Date.now().toString(); // 生成唯一请求ID const requestId = Date.now().toString(); // 生成唯一请求ID
// 重置状态 // 重置状态
@@ -130,7 +132,7 @@ const agentChatStream = (params, onChunk) => {
res.statusCode res.statusCode
); );
if (res.statusCode === 424) { if (res.statusCode === 424) {
uni.setStorageSync("token", ""); removeAccessToken();
goLogin(); goLogin();
} }
if (onChunk) { if (onChunk) {

View File

@@ -1,48 +1,49 @@
import { removeAccessToken } from "@/constant/token";
import request from "../base/request"; import request from "../base/request";
const wxLogin = (args) => { const wxLogin = (args) => {
const config = { const config = {
header: { header: {
Authorization: "Basic Y3VzdG9tOmN1c3RvbQ==", // 可在此动态设置 token Authorization: "Basic Y3VzdG9tOmN1c3RvbQ==", // 可在此动态设置 token
"Content-Type": "application/x-www-form-urlencoded", "Content-Type": "application/x-www-form-urlencoded",
}, },
}; };
uni.setStorageSync("token", ""); removeAccessToken();
return request.post("/auth/oauth2/token", args, config); return request.post("/auth/oauth2/token", args, config);
}; };
// 绑定用户手机号 // 绑定用户手机号
const bindUserPhone = (args) => { const bindUserPhone = (args) => {
return request.post("/hotelBiz/user/bindUserPhone", args); return request.post("/hotelBiz/user/bindUserPhone", args);
}; };
// 检测用户是否绑定手机号 // 检测用户是否绑定手机号
const checkUserPhone = (args) => { const checkUserPhone = (config) => {
return request.get("/hotelBiz/user/checkUserHasBindPhone", args); return request.get("/hotelBiz/user/checkUserHasBindPhone", {}, config);
}; };
// 获取登录用户手机号 // 获取登录用户手机号
const getLoginUserPhone = (args) => { const getLoginUserPhone = (args) => {
return request.get("/hotelBiz/user/getLoginUserPhone", args); return request.get("/hotelBiz/user/getLoginUserPhone", args);
}; };
// 获取服务协议 // 获取服务协议
const getServiceAgreement = (args) => { const getServiceAgreement = (args) => {
return request.get("/hotelBiz/mainScene/serviceAgreement", args); return request.get("/hotelBiz/mainScene/serviceAgreement", args);
}; };
// 获取隐私协议 // 获取隐私协议
const getPrivacyAgreement = (args) => { const getPrivacyAgreement = (args) => {
return request.get("/hotelBiz/mainScene/privacyPolicy", args); return request.get("/hotelBiz/mainScene/privacyPolicy", args);
}; };
export { export {
wxLogin, wxLogin,
bindUserPhone, bindUserPhone,
checkUserPhone, checkUserPhone,
getLoginUserPhone, getLoginUserPhone,
getServiceAgreement, getServiceAgreement,
getPrivacyAgreement, getPrivacyAgreement,
}; };

View File

@@ -1,10 +1,11 @@
import { getCurrentConfig } from "@/constant/base"; import { getCurrentConfig } from "@/constant/base";
import { useAppStore } from "@/store"; import { useAppStore } from "@/store";
import { getAccessToken } from "@/constant/token";
export const updateImageFile = (file) => { export const updateImageFile = (file) => {
const { serverConfig } = useAppStore(); const { serverConfig } = useAppStore();
const url = serverConfig.baseUrl + "/hotelBiz/hotBizCommon/upload"; const url = serverConfig.baseUrl + "/hotelBiz/hotBizCommon/upload";
const token = uni.getStorageSync("token"); const token = getAccessToken();
const clientId = getCurrentConfig().clientId; const clientId = getCurrentConfig().clientId;
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {

View File

@@ -3,14 +3,11 @@ import { isProd } from "@/constant/base";
import { useAppStore } from "@/store"; import { useAppStore } from "@/store";
// 获取服务地址 // 获取服务地址
const getEvnUrl = (args) => { const getEvnUrl = async (args) => {
if (isProd) { const res = await request.post("https://biz.nianxx.cn/hotelBiz/mainScene/getServiceUrl", args)
if (res && res.code == 0 && res.data) {
const appStore = useAppStore(); const appStore = useAppStore();
request appStore.setServerConfig(res.data);
.post("https://biz.nianxx.cn/hotelBiz/mainScene/getServiceUrl", args)
.then(({ data }) => {
appStore.setServerConfig(data);
});
} }
}; };

View File

@@ -2,6 +2,7 @@ import { goLogin } from "../../hooks/useGoLogin";
import { getCurrentConfig } from "@/constant/base"; import { getCurrentConfig } from "@/constant/base";
import { useAppStore } from "@/store"; import { useAppStore } from "@/store";
import { NOTICE_EVENT_LOGOUT } from "@/constant/constant"; import { NOTICE_EVENT_LOGOUT } from "@/constant/constant";
import { getAccessToken } from "@/constant/token";
const clientId = getCurrentConfig().clientId; const clientId = getCurrentConfig().clientId;
const defaultConfig = { const defaultConfig = {
@@ -19,7 +20,7 @@ function request(url, args = {}, method = "POST", customConfig = {}) {
url = appStore.serverConfig?.baseUrl + url; url = appStore.serverConfig?.baseUrl + url;
} }
// 动态获取 token // 动态获取 token
const token = uni.getStorageSync("token"); const token = getAccessToken();
let header = { let header = {
...defaultConfig.header, ...defaultConfig.header,
@@ -30,8 +31,8 @@ function request(url, args = {}, method = "POST", customConfig = {}) {
if (customConfig.noToken) { if (customConfig.noToken) {
delete header.Authorization; delete header.Authorization;
} else { } else {
if (token) { if (token || customConfig.token) {
header.Authorization = `Bearer ${token}`; header.Authorization = `Bearer ${token || customConfig.token}`;
} }
} }
@@ -58,9 +59,9 @@ function request(url, args = {}, method = "POST", customConfig = {}) {
resolve(res.data); resolve(res.data);
if (res.statusCode && res.statusCode === 424) { if (res.statusCode && res.statusCode === 424) {
console.log("424错误重新登录"); console.log("424错误重新登录");
uni.setStorageSync("token", ""); // removeAccessToken();
uni.$emit(NOTICE_EVENT_LOGOUT); uni.$emit(NOTICE_EVENT_LOGOUT);
goLogin(); // goLogin();
} }
}, },
fail: (err) => { fail: (err) => {

View File

@@ -1,28 +0,0 @@
// 防止处理多次点击
// methods是需要点击后需要执行的函数 info是点击需要传的参数
export function noMultipleClicks(fn, info, delay = 2000) {
if (typeof fn !== 'function') return;
// this 会是组件实例(因为通过 globalProperties 调用时 Vue 会把组件实例作为上下文)
const ctx = this || {};
if (!ctx.__noClickMap) ctx.__noClickMap = new WeakMap();
const map = ctx.__noClickMap;
if (map.get(fn)) {
console.log('请勿重复点击:', fn.name);
return;
}
map.set(fn, true);
// 保留组件上下文调用方法
fn.call(ctx, info);
setTimeout(() => {
map.set(fn, false);
}, delay);
}
export default {
install(app) {
app.config.globalProperties.$noMultipleClicks = noMultipleClicks;
}
}