Compare commits
15 Commits
09452bf600
...
fix-109
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
3e18c99161 | ||
|
|
6745e36a79 | ||
|
|
56ad450731 | ||
|
|
ea56695099 | ||
|
|
dfadb06934 | ||
|
|
f027685072 | ||
|
|
b7fbe99cd0 | ||
| 5027abc239 | |||
| a2ff08f090 | |||
| 37192b0ba4 | |||
| 8be21f8307 | |||
| 296781c506 | |||
| 9eb1dc6747 | |||
| 364e47b641 | |||
| a3c363cbc9 |
@@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"appid": "wx5e79df5996572539",
|
"appid": "wx23f86d809ae80259",
|
||||||
"compileType": "miniprogram",
|
"compileType": "miniprogram",
|
||||||
"libVersion": "3.8.10",
|
"libVersion": "3.8.10",
|
||||||
"packOptions": {
|
"packOptions": {
|
||||||
|
|||||||
12
src/App.vue
12
src/App.vue
@@ -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(() => {
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -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
35
src/constant/token.js
Normal 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);
|
||||||
|
};
|
||||||
@@ -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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -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 };
|
|
||||||
|
|||||||
@@ -60,7 +60,7 @@
|
|||||||
朵花:wx23f86d809ae80259
|
朵花:wx23f86d809ae80259
|
||||||
*/
|
*/
|
||||||
"mp-weixin": {
|
"mp-weixin": {
|
||||||
"appid": "wx5e79df5996572539",
|
"appid": "wx23f86d809ae80259",
|
||||||
"setting": {
|
"setting": {
|
||||||
"urlCheck": false,
|
"urlCheck": false,
|
||||||
"minified": true
|
"minified": true
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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();
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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");
|
||||||
|
|||||||
@@ -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) {
|
||||||
|
|||||||
@@ -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,
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -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) => {
|
||||||
|
|||||||
@@ -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);
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@@ -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) => {
|
||||||
|
|||||||
@@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user