19 Commits

Author SHA1 Message Date
09452bf600 feat: 提交订单的loading 添加 2025-12-01 16:55:10 +08:00
c20563ecf5 feat: 修复了连接断开之后重连的逻辑 2025-12-01 16:39:55 +08:00
172bae663b feat: 支付的时候防止重复点击 2025-12-01 15:15:48 +08:00
9632f5c065 fix: 禁止分享登录页面 2025-12-01 14:18:37 +08:00
3f803b662a feat: 首页的动效的修复 2025-11-26 23:58:18 +08:00
84b77b3fe6 feat: 商品数量的计算问题 2025-11-26 23:35:31 +08:00
92f981769f feat: 商品计算报错问题 2025-11-26 22:47:17 +08:00
f69225dbff feat: 商品的计算问题 2025-11-26 22:24:04 +08:00
f422dbaa00 feat:工单的校验问题处理 2025-11-20 14:02:54 +08:00
14fee13568 feat: 快速预定栏的样式处理 2025-11-20 13:48:59 +08:00
ed62f3fbbc feat: 呼叫服务和反馈意见样式调整 2025-11-19 18:06:36 +08:00
duanshuwen
8f79f5aecf feat: 异常问题处理 2025-11-18 20:01:25 +08:00
duanshuwen
c2c4f323dc feat: 授权token保持登录 2025-11-18 19:44:55 +08:00
duanshuwen
de412aed9c feat: 授权后token刷新保持 2025-11-18 19:40:28 +08:00
duanshuwen
de272b1160 feat: 修改登录界面文案 2025-11-15 10:17:12 +08:00
duanshuwen
47d1c5ab6f feat: 服务地址动态获取 2025-11-13 21:22:37 +08:00
duanshuwen
1028e20d42 feat: 服务接口地址动态获取 2025-11-13 19:43:03 +08:00
duanshuwen
48932e3851 feat: 工单服务数据回显 2025-11-13 18:40:15 +08:00
duanshuwen
9749e20971 feat: 完善首页顶部交互 2025-11-13 17:54:35 +08:00
32 changed files with 720 additions and 2345 deletions

View File

@@ -1,7 +1 @@
NODE_ENV = development NODE_ENV = development
# 测试
VITE_BASE_URL = https://onefeel.brother7.cn/ingress
# 测试
VITE_WSS_URL = wss://onefeel.brother7.cn/ingress/agent/ws/chat

View File

@@ -1,7 +1 @@
NODE_ENV = production NODE_ENV = production
# 生产
VITE_BASE_URL = https://biz.nianxx.cn
# 生产
VITE_WSS_URL = wss://biz.nianxx.cn/agent/ws/chat

View File

@@ -1,7 +1 @@
NODE_ENV = staging NODE_ENV = staging
# 生产
VITE_BASE_URL = https://biz.nianxx.cn
# 生产
VITE_WSS_URL = wss://biz.nianxx.cn/agent/ws/chat

View File

@@ -1,6 +1,6 @@
{ {
"zhinian": { "zhinian": {
"clientId": "2", "clientId": "6",
"appId": "wx5e79df5996572539", "appId": "wx5e79df5996572539",
"name": "智念", "name": "智念",
"placeholder": "快告诉智念您在想什么~", "placeholder": "快告诉智念您在想什么~",

View File

@@ -1,8 +1,11 @@
<script setup> <script setup>
import { onLaunch, onShow, onHide } from "@dcloudio/uni-app"; import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
import { getEvnUrl } from "@/request/api/config";
import { refreshToken } from "@/hooks/useGoLogin";
onLaunch(async () => { onLaunch(() => {
console.log("App Launch"); getEvnUrl({ versionValue: "1.0.1" });
refreshToken();
}); });
onShow(() => { onShow(() => {

View File

@@ -15,7 +15,7 @@
/> />
</view> </view>
<view v-if="!isCallSuccess" class="order-content border-box p-12"> <view v-if="!isCallSuccess" class="border-box p-12">
<view <view
class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12" class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12"
> >
@@ -27,7 +27,11 @@
class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12" class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12"
> >
<text class="font-500 line-height-22 mr-20">联系电话</text> <text class="font-500 line-height-22 mr-20">联系电话</text>
<input placeholder="请填写联系电话" v-model="contactPhone" /> <input
placeholder="请填写联系电话"
v-model="contactPhone"
@input="handleContactPhoneInput"
/>
</view> </view>
<view <view
@@ -115,19 +119,56 @@
</template> </template>
<script setup> <script setup>
import { ref, onMounted, nextTick } from "vue"; import { ref, computed, onMounted, nextTick, defineProps, watch } from "vue";
import { SCROLL_TO_BOTTOM } from "@/constant/constant"; import { SCROLL_TO_BOTTOM } from "@/constant/constant";
import { createWorkOrder } from "@/request/api/WorkOrderApi"; import { createWorkOrder } from "@/request/api/WorkOrderApi";
import { updateImageFile } from "@/request/api/UpdateFile"; import { updateImageFile } from "@/request/api/UpdateFile";
import { zniconsMap } from "@/static/fonts/znicons.js"; import { zniconsMap } from "@/static/fonts/znicons.js";
const props = defineProps({
toolCall: {
type: Object,
default: () => ({}),
},
});
const workOrderTypeId = ref(""); const workOrderTypeId = ref("");
const roomId = ref(""); const roomId = ref("");
const contactPhone = ref("");
const contactText = ref("");
const contentImgUrl = ref(""); const contentImgUrl = ref("");
const isCallSuccess = ref(false); // 呼叫成功状态 const isCallSuccess = ref(false); // 呼叫成功状态
const workOrderId = ref(0); // 工单ID const workOrderId = ref(0); // 工单ID
const toolResult = computed(() => {
if (props.toolCall?.toolResult) {
return JSON.parse(props.toolCall?.toolResult);
} else {
return {};
}
});
// 原始手机号(未脱敏)
const originalPhone = ref("");
// 展示与输入绑定的手机号(初始为脱敏)
const contactPhone = ref("");
// 是否用户已编辑过手机号(一旦编辑则不再脱敏)
const hasEditedPhone = ref(false);
// 需求信息描述:使用可写的 ref并从工具结果初始化
const contactText = ref("");
// 手机号脱敏138****1234仅对11位数字进行处理
const maskPhone = (phone) => {
if (!phone) return "";
return String(phone).replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");
};
// 监听工具返回结果,初始化原始与脱敏显示
watch(
toolResult,
(val) => {
originalPhone.value = val?.userPhone || "";
hasEditedPhone.value = false;
contactPhone.value = maskPhone(originalPhone.value);
contactText.value = val?.callServiceContent || "";
},
{ immediate: true }
);
// 处理图片上传 // 处理图片上传
const handleChooseImage = () => { const handleChooseImage = () => {
@@ -143,6 +184,11 @@ const handleChooseImage = () => {
}); });
}; };
// 标记用户已编辑手机号
const handleContactPhoneInput = () => {
hasEditedPhone.value = true;
};
const handleDeleteImage = () => { const handleDeleteImage = () => {
contentImgUrl.value = ""; contentImgUrl.value = "";
}; };
@@ -168,7 +214,10 @@ const handleCall = async () => {
return; return;
} }
if (!contactPhone.value.trim()) { const phoneToSubmit = hasEditedPhone.value
? contactPhone.value
: originalPhone.value;
if (!phoneToSubmit.trim()) {
uni.showToast({ title: "请填写联系电话", icon: "none" }); uni.showToast({ title: "请填写联系电话", icon: "none" });
return; return;
} }
@@ -178,19 +227,22 @@ const handleCall = async () => {
return; return;
} }
sendCreateWorkOrder(); sendCreateWorkOrder(phoneToSubmit);
}; };
/// 创建工单 /// 创建工单
const sendCreateWorkOrder = async () => { const sendCreateWorkOrder = async (phoneToSubmit) => {
try { try {
const res = await createWorkOrder({ const params = {
workOrderTypeId: workOrderTypeId.value, workOrderTypeId: workOrderTypeId.value,
roomNo: roomId.value, roomNo: roomId.value,
userPhone: contactPhone.value, userPhone: phoneToSubmit,
content: contactText.value, content: contactText.value,
contentImgUrl: contentImgUrl.value, contentImgUrl: contentImgUrl.value,
}); };
console.log("🚀 ~ sendCreateWorkOrder ~ params:", params);
const res = await createWorkOrder(params);
if (res.code === 0) { if (res.code === 0) {
// 保存工单ID // 保存工单ID

View File

@@ -6,9 +6,6 @@
width: 98px; width: 98px;
height: 48px; height: 48px;
} }
.order-content {
width: 335px;
}
.help-icon { .help-icon {
width: 16px; width: 16px;

View File

@@ -15,7 +15,7 @@
/> />
</view> </view>
<view v-if="!isCallSuccess" class="order-content border-box p-12"> <view v-if="!isCallSuccess" class="border-box p-12">
<view <view
class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12" class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12"
> >

View File

@@ -7,10 +7,6 @@
height: 48px; height: 48px;
} }
.order-content {
width: 335px;
}
.help-icon { .help-icon {
width: 16px; width: 16px;
height: 16px; height: 16px;

View File

@@ -1,6 +1,7 @@
import { wxLogin } from "../request/api/LoginApi";
import { loginAuth, bindPhone, checkPhone } from "@/manager/LoginManager"; import { loginAuth, bindPhone, checkPhone } from "@/manager/LoginManager";
import { clientId } from "@/constant/base"; import { clientId } from "@/constant/base";
import { useAppStore } from "@/store"; import { NOTICE_EVENT_LOGIN_SUCCESS } from "@/constant/constant";
// 跳转登录 // 跳转登录
export const goLogin = () => uni.navigateTo({ url: "/pages/login/index" }); export const goLogin = () => uni.navigateTo({ url: "/pages/login/index" });
@@ -46,14 +47,44 @@ export const onLogin = async (e) => {
// 检测token // 检测token
export const checkToken = () => { export const checkToken = () => {
const token = uni.getStorageSync("token");
return new Promise((resolve) => { return new Promise((resolve) => {
const appStore = useAppStore(); if (!token) {
console.log("appStore.hasToken: ", appStore.hasToken);
if (!appStore.hasToken) {
console.log("没有token跳转到登录页");
goLogin(); goLogin();
return; return;
} }
resolve(); resolve();
}); });
}; };
// 刷新token
export const refreshToken = () => {
const token = uni.getStorageSync("token");
if (!token) {
return;
}
uni.login({
provider: "weixin", //使用微信登录
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) {
uni.setStorageSync("token", response.access_token);
// 登录成功后,触发登录成功事件
uni.$emit(NOTICE_EVENT_LOGIN_SUCCESS);
}
},
});
};

View File

@@ -16,6 +16,8 @@ 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);
const pinia = Pinia.createPinia(); const pinia = Pinia.createPinia();
@@ -23,10 +25,11 @@ 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,
pinia, pinia,
}; };
} }
// #endif // #endif

View File

@@ -22,12 +22,8 @@ export const getWeChatAuthCode = (e) => {
uni.login({ uni.login({
provider, provider,
onlyAuthorize: true, onlyAuthorize: true,
success: (res) => { success: (res) => resolve(res.code),
resolve(res.code); fail: (err) => reject(err),
},
fail: (err) => {
reject(err);
},
}); });
}); });
}; };

View File

@@ -11,7 +11,6 @@ import { NOTICE_EVENT_LOGIN_SUCCESS } from "@/constant/constant";
const loginAuth = (e) => { const loginAuth = (e) => {
uni.setStorageSync("token", ""); uni.setStorageSync("token", "");
const appStore = useAppStore(); const appStore = useAppStore();
appStore.setHasToken(false);
return new Promise(async (resolve, reject) => { return new Promise(async (resolve, reject) => {
const openIdCode = await getWeChatAuthCode(e); const openIdCode = await getWeChatAuthCode(e);
@@ -28,8 +27,6 @@ const loginAuth = (e) => {
if (response.access_token) { if (response.access_token) {
uni.setStorageSync("token", response.access_token); uni.setStorageSync("token", response.access_token);
const appStore = useAppStore();
appStore.setHasToken(true);
// 登录成功后,触发登录成功事件 // 登录成功后,触发登录成功事件
uni.$emit(NOTICE_EVENT_LOGIN_SUCCESS); uni.$emit(NOTICE_EVENT_LOGIN_SUCCESS);
resolve(); resolve();

View File

@@ -21,7 +21,7 @@
/> />
<text <text
class="font-size-16 font-500 color-white" class="font-size-16 font-500 color-white"
@click="emit('payClick', orderData)" @click="$onMultipleClicks(() => emit('payClick', orderData))"
>立即支付</text >立即支付</text
> >
</view> </view>
@@ -57,7 +57,6 @@ const count = computed({
const totalAmt = computed(() => { const totalAmt = computed(() => {
const { totalDays } = props.selectedDate; const { totalDays } = props.selectedDate;
const { specificationPrice } = props.orderData; const { specificationPrice } = props.orderData;
return count.value * Number(specificationPrice) * totalDays; return count.value * Number(specificationPrice) * totalDays;
}); });
</script> </script>

View File

@@ -128,11 +128,6 @@ const isDeleting = ref(false); // 标志位防止删除时watch冲突
watch( watch(
quantity, quantity,
async (newQuantity) => { async (newQuantity) => {
// 非酒店类型,不处理
if (orderData.value.commodityTypeCode !== "0") {
return;
}
// 如果正在执行删除操作跳过watch逻辑 // 如果正在执行删除操作跳过watch逻辑
if (isDeleting.value) { if (isDeleting.value) {
isDeleting.value = false; isDeleting.value = false;
@@ -208,96 +203,107 @@ const validateUserForms = () => {
// 处理支付点击事件 // 处理支付点击事件
const handlePayClick = ThrottleUtils.createThrottle(async (goodsData) => { const handlePayClick = ThrottleUtils.createThrottle(async (goodsData) => {
console.log("处理支付点击事件", userFormList.value); // 点击后立即展示 loading
// 判断是酒店类型 uni.showLoading({ title: "正在提交订单..." });
if (goodsData.commodityTypeCode === "0") {
// 校验用户姓名 try {
if (!validateUserForms()) { console.log("处理支付点击事件", userFormList.value);
// 判断是酒店类型
if (goodsData.commodityTypeCode === "0") {
// 校验用户姓名
if (!validateUserForms()) {
uni.hideLoading();
return;
}
}
// 校验手机号
if (!PhoneUtils.validatePhone(userFormList.value[0].contactPhone)) {
uni.hideLoading();
uni.showToast({ title: "请输入正确的手机号", icon: "none" });
return; return;
} }
// 购买的商品id
const commodityId = goodsData.commodityId;
// 消费者信息
const consumerInfoEntityList = userFormList.value;
// 购买数量
const purchaseAmount = consumerInfoEntityList.length;
// 支付方式 0-微信 1-支付宝 2-云闪付
const payWay = "0";
// 支付渠道 0-app 1-小程序 2-h5
const paySource = "1";
const params = {
commodityId,
purchaseAmount,
payWay,
paySource,
consumerInfoEntityList,
};
//酒店类型添加入住时间、离店时间
if (goodsData.commodityTypeCode === "0" && selectedDate.value) {
const { startDate, endDate } = selectedDate.value;
// 入住时间
params.checkInData = startDate;
// 离店时间
params.checkOutData = endDate;
}
const res = await orderPay(params);
console.log("确认订单---2:", res);
// 检查接口返回数据
if (!res || !res.data) {
uni.hideLoading();
uni.showToast({ title: "订单创建失败,请重试", icon: "none" });
return;
}
const { data } = res;
const { nonceStr, packageVal, paySign, signType, timeStamp } = data;
// 验证支付参数是否完整
if (!nonceStr || !packageVal || !paySign || !signType || !timeStamp) {
uni.hideLoading();
uni.showToast({ title: "支付参数错误,请重试", icon: "none" });
return;
}
// 在发起微信支付前关闭 loading避免与原生支付 UI 冲突)
uni.hideLoading();
// 调用微信支付
uni.requestPayment({
provider: "wxpay",
timeStamp: String(timeStamp), // 确保为字符串类型
nonceStr: String(nonceStr),
package: String(packageVal), // 确保为字符串类型
signType: String(signType),
paySign: String(paySign),
success: () => {
uni.showToast({
title: "支付成功",
icon: "success",
success: () => {
uni.navigateTo({
url: "/pages-order/order/list",
});
},
});
},
fail: () => {
uni.showToast({ title: "支付失败,请重试", icon: "none" });
},
});
} catch (error) {
console.error(error);
uni.showToast({ title: "请求出错,请重试", icon: "none" });
} finally {
// 防止某些分支忘记 hide确保最终关闭 loadingrequestPayment 后也可以安全调用 hide
uni.hideLoading();
} }
// 校验手机号
if (!PhoneUtils.validatePhone(userFormList.value[0].contactPhone)) {
uni.showToast({ title: "请输入正确的手机号", icon: "none" });
return;
}
// 购买的商品id
const commodityId = goodsData.commodityId;
// 消费者信息
const consumerInfoEntityList = userFormList.value;
// 购买数量
const purchaseAmount = consumerInfoEntityList.length;
// 支付方式 0-微信 1-支付宝 2-云闪付
const payWay = "0";
// 支付渠道 0-app 1-小程序 2-h5
const paySource = "1";
const params = {
commodityId,
purchaseAmount,
payWay,
paySource,
consumerInfoEntityList,
};
//酒店类型添加入住时间、离店时间
if (goodsData.commodityTypeCode === "0" && selectedDate.value) {
const { startDate, endDate } = selectedDate.value;
// 入住时间
params.checkInData = startDate;
// 离店时间
params.checkOutData = endDate;
}
const res = await orderPay(params);
console.log("确认订单---2:", res);
// 检查接口返回数据
if (!res || !res.data) {
uni.showToast({ title: "订单创建失败,请重试", icon: "none" });
return;
}
const { data } = res;
const { nonceStr, packageVal, paySign, signType, timeStamp } = data;
// 验证支付参数是否完整
if (!nonceStr || !packageVal || !paySign || !signType || !timeStamp) {
// console.error("支付参数不完整:", {
// nonceStr: !!nonceStr,
// packageVal: !!packageVal,
// paySign: !!paySign,
// signType: !!signType,
// timeStamp: !!timeStamp,
// });
uni.showToast({ title: "支付参数错误,请重试", icon: "none" });
return;
}
// 调用微信支付
uni.requestPayment({
provider: "wxpay",
timeStamp: String(timeStamp), // 确保为字符串类型
nonceStr: String(nonceStr),
package: String(packageVal), // 确保为字符串类型
signType: String(signType),
paySign: String(paySign),
success: () => {
uni.showToast({
title: "支付成功",
icon: "success",
success: () => {
uni.navigateTo({
url: "/pages-order/order/list",
});
},
});
},
fail: () => {
uni.showToast({ title: "支付失败,请重试", icon: "none" });
},
});
}, 1000); }, 1000);
</script> </script>

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="handleButtonClick(orderData)" @click="$onmultipleClicks(() => handleButtonClick(orderData))"
> >
{{ buttonText }} {{ buttonText }}
</button> </button>
@@ -71,10 +71,14 @@ const handleButtonClick = async (orderData) => {
uni.navigateTo({ uni.navigateTo({
url: `/pages/goods/index?commodityId=${orderData.commodityId}`, url: `/pages/goods/index?commodityId=${orderData.commodityId}`,
}); });
return;
} }
// 待支付状态,调用支付接口 // 待支付状态,调用支付接口
if (statusCode.value === "0") { if (statusCode.value === "0") {
// 显示 loading
uni.showLoading({ title: "正在提交订单..." });
const orderId = orderData.orderId; const orderId = orderData.orderId;
const payWay = orderData.payWay; const payWay = orderData.payWay;
const paySource = orderData.paySource; const paySource = orderData.paySource;
@@ -84,6 +88,7 @@ const handleButtonClick = async (orderData) => {
// 检查接口返回数据 // 检查接口返回数据
if (!res || !res.data) { if (!res || !res.data) {
uni.hideLoading();
uni.showToast({ title: "订单创建失败,请重试", icon: "none" }); uni.showToast({ title: "订单创建失败,请重试", icon: "none" });
return; return;
} }
@@ -93,17 +98,14 @@ const handleButtonClick = async (orderData) => {
// 验证支付参数是否完整 // 验证支付参数是否完整
if (!nonceStr || !packageVal || !paySign || !signType || !timeStamp) { if (!nonceStr || !packageVal || !paySign || !signType || !timeStamp) {
// console.error("支付参数不完整:", { uni.hideLoading();
// nonceStr: !!nonceStr,
// packageVal: !!packageVal,
// paySign: !!paySign,
// signType: !!signType,
// timeStamp: !!timeStamp,
// });
uni.showToast({ title: "支付参数错误,请重试", icon: "none" }); uni.showToast({ title: "支付参数错误,请重试", icon: "none" });
return; return;
} }
// 在发起微信支付前关闭 loading避免与原生支付 UI 冲突)
uni.hideLoading();
// 调用微信支付 // 调用微信支付
uni.requestPayment({ uni.requestPayment({
provider: "wxpay", provider: "wxpay",
@@ -126,6 +128,7 @@ const handleButtonClick = async (orderData) => {
} }
} catch (error) { } catch (error) {
console.error("操作失败:", error); console.error("操作失败:", error);
uni.hideLoading();
} }
}; };
</script> </script>

View File

@@ -100,8 +100,6 @@ const handleLogout = () => {
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
uni.clearStorageSync(); uni.clearStorageSync();
appStore.setHasToken(false);
appStore.setTokenExpired(true);
emits("close"); emits("close");
uni.$emit(NOTICE_EVENT_LOGOUT); uni.$emit(NOTICE_EVENT_LOGOUT);
} }

View File

@@ -46,6 +46,7 @@
v-else-if=" v-else-if="
item.toolCall.componentName === CompName.callServiceCard item.toolCall.componentName === CompName.callServiceCard
" "
:toolCall="item.toolCall"
/> />
<Feedback <Feedback
v-else-if=" v-else-if="
@@ -132,7 +133,6 @@ import {
NOTICE_EVENT_LOGOUT, NOTICE_EVENT_LOGOUT,
NOTICE_EVENT_LOGIN_SUCCESS, NOTICE_EVENT_LOGIN_SUCCESS,
} from "@/constant/constant"; } from "@/constant/constant";
import { WSS_URL } from "@/request/base/baseUrl";
import { MessageRole, MessageType, CompName } from "@/model/ChatModel"; import { MessageRole, MessageType, CompName } from "@/model/ChatModel";
import ChatTopWelcome from "../ChatTopWelcome/index.vue"; import ChatTopWelcome from "../ChatTopWelcome/index.vue";
import ChatTopNavBar from "../ChatTopNavBar/index.vue"; import ChatTopNavBar from "../ChatTopNavBar/index.vue";
@@ -346,7 +346,9 @@ onLoad(() => {
// token存在初始化数据 // token存在初始化数据
const initHandler = () => { const initHandler = () => {
console.log("initHandler"); console.log("initHandler");
if (!appStore.hasToken) return; const token = uni.getStorageSync("token");
if (!token) return;
loadRecentConversation(); loadRecentConversation();
///loadConversationMsgList(); ///loadConversationMsgList();
initWebSocket(); initWebSocket();
@@ -405,7 +407,7 @@ const getMainPageData = async () => {
/// =============对话↓================ /// =============对话↓================
// 初始化WebSocket // 初始化WebSocket
const initWebSocket = () => { const initWebSocket = async () => {
// 清理旧实例 // 清理旧实例
if (webSocketManager) { if (webSocketManager) {
webSocketManager.destroy(); webSocketManager.destroy();
@@ -413,7 +415,7 @@ const initWebSocket = () => {
// 使用配置的WebSocket服务器地址 // 使用配置的WebSocket服务器地址
const token = uni.getStorageSync("token"); const token = uni.getStorageSync("token");
const wsUrl = `${WSS_URL}?access_token=${token}`; const wsUrl = `${appStore.serverConfig.wssUrl}?access_token=${token}`;
// 初始化WebSocket管理器 // 初始化WebSocket管理器
webSocketManager = new WebSocketManager({ webSocketManager = new WebSocketManager({
@@ -424,9 +426,10 @@ const initWebSocket = () => {
// 连接成功回调 // 连接成功回调
onOpen: (event) => { onOpen: (event) => {
console.log("WebSocket连接成功");
// 重置会话状态 // 重置会话状态
webSocketConnectStatus = true; webSocketConnectStatus = true;
isSessionActive.value = true; isSessionActive.value = false; // 连接成功时重置会话状态,避免影响新消息发送
}, },
// 连接断开回调 // 连接断开回调
@@ -439,9 +442,9 @@ const initWebSocket = () => {
// 错误回调 // 错误回调
onError: (error) => { onError: (error) => {
console.error("WebSocket错误:", error);
webSocketConnectStatus = false; webSocketConnectStatus = false;
isSessionActive.value = false; isSessionActive.value = false;
console.error("WebSocket错误:", error);
}, },
// 消息回调 // 消息回调
@@ -456,67 +459,73 @@ const initWebSocket = () => {
getAgentId: () => agentId.value, getAgentId: () => agentId.value,
}); });
// 初始化连接 try {
webSocketManager // 初始化连接
.connect() await webSocketManager.connect();
.then(() => { console.log("WebSocket连接初始化成功");
webSocketConnectStatus = true; webSocketConnectStatus = true;
}) return true;
.catch((error) => { } catch (error) {
console.error("WebSocket连接失败:", error); console.error("WebSocket连接失败:", error);
}); webSocketConnectStatus = false;
return false;
}
}; };
// 处理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) {
return; console.error("处理WebSocket消息时找不到对应的AI消息项");
} return;
// 确保消息内容是字符串类型
if (data.content && typeof data.content !== "string") {
data.content = String(data.content);
}
// 直接拼接内容到AI消息
if (data.content) {
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) { if (data.content && typeof data.content !== "string") {
const msg = chatMsgList.value[aiMsgIndex].msg; data.content = String(data.content);
if (!msg || chatMsgList.value[aiMsgIndex].isLoading) { }
chatMsgList.value[aiMsgIndex].msg = "未获取到内容,请重试";
chatMsgList.value[aiMsgIndex].isLoading = false; // 直接拼接内容到AI消息
if (data.toolCall) { if (data.content) {
if (chatMsgList.value[aiMsgIndex].isLoading) {
chatMsgList.value[aiMsgIndex].msg = ""; chatMsgList.value[aiMsgIndex].msg = "";
} }
chatMsgList.value[aiMsgIndex].msg += data.content;
chatMsgList.value[aiMsgIndex].isLoading = false;
nextTick(() => scrollToBottom());
} }
// 处理toolCall // 处理完成状态
if (data.toolCall) { if (data.finish) {
chatMsgList.value[aiMsgIndex].toolCall = data.toolCall; 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 = "";
}
}
// 处理question // 处理toolCall
if (data.question && data.question.length > 0) { if (data.toolCall) {
chatMsgList.value[aiMsgIndex].question = data.question; chatMsgList.value[aiMsgIndex].toolCall = data.toolCall;
} }
// 重置会话状态 // 处理question
isSessionActive.value = false; if (data.question && data.question.length > 0) {
} chatMsgList.value[aiMsgIndex].question = data.question;
}; }
// 重置会话状态
isSessionActive.value = false;
}
};
// 重置消息状态 // 重置消息状态
const resetMessageState = () => {}; const resetMessageState = () => {
// 重置当前会话消息ID
currentSessionMessageId = null;
};
// 初始化数据 首次数据加载的时候 // 初始化数据 首次数据加载的时候
const initData = () => { const initData = () => {
@@ -534,12 +543,39 @@ const sendMessage = async (message, isInstruct = false) => {
await checkToken(); await checkToken();
// 检查WebSocket连接状态如果未连接尝试重新连接
if (!webSocketConnectStatus) { if (!webSocketConnectStatus) {
uni.showToast({ console.log("WebSocket未连接尝试重新连接...");
title: "当前网络异常,请稍后重试", // 显示加载提示
icon: "none", uni.showLoading({
title: "正在连接服务器...",
}); });
return;
// 尝试重新初始化WebSocket连接
try {
await initWebSocket();
// 等待短暂时间确保连接建立
await new Promise(resolve => setTimeout(resolve, 1000));
// 检查连接是否成功建立
if (!webSocketConnectStatus) {
uni.hideLoading();
uni.showToast({
title: "连接服务器失败,请稍后重试",
icon: "none",
});
return;
}
uni.hideLoading();
} catch (error) {
console.error("重新连接WebSocket失败:", error);
uni.hideLoading();
uni.showToast({
title: "连接服务器失败,请稍后重试",
icon: "none",
});
return;
}
} }
if (isSessionActive.value) { if (isSessionActive.value) {
@@ -561,6 +597,8 @@ const sendMessage = async (message, isInstruct = false) => {
}; };
chatMsgList.value.push(newMsg); chatMsgList.value.push(newMsg);
inputMessage.value = ""; inputMessage.value = "";
// 发送消息后滚动到底部
setTimeoutScrollToBottom();
sendChat(message, isInstruct); sendChat(message, isInstruct);
console.log("发送的新消息:", JSON.stringify(newMsg)); console.log("发送的新消息:", JSON.stringify(newMsg));
}; };
@@ -576,9 +614,11 @@ const sendWebSocketMessage = (messageType, messageContent, options = {}) => {
}; };
try { try {
webSocketManager.sendMessage(args); // 直接调用webSocketManagersendMessage方法,利用其内部的消息队列机制
// 即使当前连接断开,消息也会被加入队列,等待连接恢复后发送
const result = webSocketManager.sendMessage(args);
console.log(`WebSocket消息已发送 [类型:${messageType}]:`, args); console.log(`WebSocket消息已发送 [类型:${messageType}]:`, args);
return true; return result;
} catch (error) { } catch (error) {
console.error("发送WebSocket消息失败:", error); console.error("发送WebSocket消息失败:", error);
isSessionActive.value = false; isSessionActive.value = false;
@@ -588,9 +628,26 @@ const sendWebSocketMessage = (messageType, messageContent, options = {}) => {
// 发送获取AI聊天消息 // 发送获取AI聊天消息
const sendChat = (message, isInstruct = false) => { const sendChat = (message, isInstruct = false) => {
if (!webSocketManager || !webSocketManager.isConnected()) { // 检查WebSocket管理器是否存在如果不存在尝试重新初始化
console.error("WebSocket未连接"); if (!webSocketManager) {
isSessionActive.value = false; console.error("WebSocket管理器不存在尝试重新初始化...");
initWebSocket();
// 短暂延迟后再次检查连接状态
setTimeout(() => {
if (webSocketManager && webSocketManager.isConnected()) {
// 连接成功后重新发送消息
sendChat(message, isInstruct);
} else {
console.error("WebSocket重新初始化失败");
isSessionActive.value = false;
// 更新AI消息状态为失败
const aiMsgIndex = chatMsgList.value.length - 1;
if (aiMsgIndex >= 0 && chatMsgList.value[aiMsgIndex].msgType === MessageRole.AI) {
chatMsgList.value[aiMsgIndex].msg = "发送消息失败,请重试";
chatMsgList.value[aiMsgIndex].isLoading = false;
}
}
}, 1000);
return; return;
} }
@@ -613,6 +670,8 @@ const sendChat = (message, isInstruct = false) => {
}, },
}; };
chatMsgList.value.push(aiMsg); chatMsgList.value.push(aiMsg);
// 添加AI消息后滚动到底部
setTimeoutScrollToBottom();
const aiMsgIndex = chatMsgList.value.length - 1; const aiMsgIndex = chatMsgList.value.length - 1;
// 发送消息 // 发送消息
@@ -676,6 +735,7 @@ const resetConfig = () => {
// 重置消息状态 // 重置消息状态
resetMessageState(); resetMessageState();
isSessionActive.value = false;
// 清理定时器 // 清理定时器
if (holdKeyboardTimer.value) { if (holdKeyboardTimer.value) {

View File

@@ -1,6 +1,6 @@
<template> <template>
<view <view
class="quick-access border-box flex flex-nowrap items-center ml-12 pt-8 pb-8" class="quick-access flex flex-row ml-12 pt-8 pb-8 scroll-x whitespace-nowrap"
> >
<view <view
class="item border-box rounded-50 flex flex-row items-center" class="item border-box rounded-50 flex flex-row items-center"

View File

@@ -12,10 +12,13 @@
></view> ></view>
<text <text
v-show="show" v-show="show"
class="font-size-14 font-500 color-171717 ml-10" :class="[
:class="{ 'text-animated': show }" 'font-size-14 font-500 color-171717 ml-10',
>沐沐</text { 'text-animated': show },
]"
> >
{{ config.name }}
</text>
</view> </view>
<view class="w-24 h-24"></view> <view class="w-24 h-24"></view>
@@ -34,10 +37,8 @@ const props = defineProps({
}); });
const show = ref(false); const show = ref(false);
const config = getCurrentConfig();
const getStyle = computed(() => { const getStyle = computed(() => {
const config = getCurrentConfig();
return { return {
"--ipSmallImageStep": config.ipSmallImageStep, "--ipSmallImageStep": config.ipSmallImageStep,
"--ipSmallImageHeight": config.ipSmallImageHeight, "--ipSmallImageHeight": config.ipSmallImageHeight,

View File

@@ -3,11 +3,21 @@
} }
.ip { .ip {
position: relative;
flex: 0 0 158px; flex: 0 0 158px;
width: 158px; width: 158px;
height: 134px; height: 134px;
animation: sprite-play calc(var(--ipLargeTime) * 1s) animation: sprite-play calc(var(--ipLargeTime) * 1s)
steps(var(--ipLargeImageStep)) infinite; steps(var(--ipLargeImageStep)) infinite;
&::before {
content: "";
position: absolute;
background-color: #f9fcfd;
top: 0;
left: 0;
right: 0;
height: 3px;
}
} }
@keyframes sprite-play { @keyframes sprite-play {

View File

@@ -43,8 +43,7 @@
type="primary" type="primary"
@click="handleAgreeAndGetPhone" @click="handleAgreeAndGetPhone"
> >
<uni-icons type="weixin" size="20" color="#fff"></uni-icons> 手机号快捷登录
微信一键登录
</button> </button>
<button <button
@@ -54,18 +53,7 @@
open-type="getPhoneNumber" open-type="getPhoneNumber"
@getphonenumber="getPhoneNumber" @getphonenumber="getPhoneNumber"
> >
<uni-icons type="weixin" size="20" color="#fff"></uni-icons> 手机号快捷登录
微信一键登录
</button>
<button
v-if="isAgree && appStore.tokenExpired"
class="login-btn"
type="primary"
@click="handleLogin"
>
<uni-icons type="weixin" size="20" color="#fff"></uni-icons>
微信一键登录
</button> </button>
</view> </view>
@@ -123,20 +111,6 @@ const getPhoneNumber = (e) => {
.catch(() => {}); .catch(() => {});
}; };
const handleLogin = () => {
console.log("handleLogin");
onLogin()
.then(() => {
uni.showToast({
title: "登录成功",
icon: "success",
});
appStore.setTokenExpired(false);
goBack();
})
.catch(() => {});
};
// 处理同意协议点击事件 // 处理同意协议点击事件
const handleAgreeClick = (type) => { const handleAgreeClick = (type) => {
visible.value = true; visible.value = true;

View File

@@ -1,5 +1,5 @@
import { BASE_URL } from "@/request/base/baseUrl";
import { goLogin } from "@/hooks/useGoLogin"; import { goLogin } from "@/hooks/useGoLogin";
import { useAppStore } from "@/store";
/// 请求流式数据的API /// 请求流式数据的API
const API = "/agent/assistant/chat"; const API = "/agent/assistant/chat";
@@ -93,8 +93,9 @@ const agentChatStream = (params, onChunk) => {
}; };
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
const { serverConfig } = useAppStore();
requestTask = uni.request({ requestTask = uni.request({
url: BASE_URL + API, // 替换为你的接口地址 url: serverConfig.baseUrl + API, // 替换为你的接口地址
method: "POST", method: "POST",
data: params, data: params,
enableChunked: true, enableChunked: true,

View File

@@ -1,8 +1,9 @@
import { BASE_URL } from "@/request/base/baseUrl";
import { getCurrentConfig } from "@/constant/base"; import { getCurrentConfig } from "@/constant/base";
import { useAppStore } from "@/store";
export const updateImageFile = (file) => { export const updateImageFile = (file) => {
const url = BASE_URL + "/hotelBiz/hotBizCommon/upload"; const { serverConfig } = useAppStore();
const url = serverConfig.baseUrl + "/hotelBiz/hotBizCommon/upload";
const token = uni.getStorageSync("token"); const token = uni.getStorageSync("token");
const clientId = getCurrentConfig().clientId; const clientId = getCurrentConfig().clientId;

17
src/request/api/config.js Normal file
View File

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

View File

@@ -1,19 +1 @@
import { isProd } from '@/constant/base.js';
// 测试
const VITE_BASE_URL_TEST = "https://onefeel.brother7.cn/ingress";
const VITE_WSS_URL_TEST = "wss://onefeel.brother7.cn/ingress/agent/ws/chat";
// 生产
const VITE_BASE_URL_PRO = "https://biz.nianxx.cn";
const VITE_WSS_URL_PRO = "wss://biz.nianxx.cn/agent/ws/chat";
// 环境配置 - 根据客户端配置动态决定环境
export const BASE_URL = isProd ? VITE_BASE_URL_PRO : VITE_BASE_URL_TEST;
export const WSS_URL = isProd ? VITE_WSS_URL_PRO : VITE_WSS_URL_TEST;
// =====================================
// 环境配置文件使用方法
// console.log("当前环境:", import.meta.env);
// export const BASE_URL = import.meta.env.VITE_BASE_URL;
// export const WSS_URL = import.meta.env.VITE_WSS_URL;

View File

@@ -1,5 +1,4 @@
import { goLogin } from "../../hooks/useGoLogin"; import { goLogin } from "../../hooks/useGoLogin";
import { BASE_URL } from "./baseUrl";
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";
@@ -14,9 +13,10 @@ const defaultConfig = {
}; };
function request(url, args = {}, method = "POST", customConfig = {}) { function request(url, args = {}, method = "POST", customConfig = {}) {
const appStore = useAppStore();
// 判断 url 是否以 http 开头 // 判断 url 是否以 http 开头
if (!/^http/.test(url)) { if (!/^http/.test(url)) {
url = BASE_URL + url; url = appStore.serverConfig?.baseUrl + url;
} }
// 动态获取 token // 动态获取 token
const token = uni.getStorageSync("token"); const token = uni.getStorageSync("token");
@@ -25,6 +25,7 @@ function request(url, args = {}, method = "POST", customConfig = {}) {
...defaultConfig.header, ...defaultConfig.header,
...customConfig.header, ...customConfig.header,
}; };
// 判断是否需要 token // 判断是否需要 token
if (customConfig.noToken) { if (customConfig.noToken) {
delete header.Authorization; delete header.Authorization;
@@ -58,9 +59,6 @@ function request(url, args = {}, method = "POST", customConfig = {}) {
if (res.statusCode && res.statusCode === 424) { if (res.statusCode && res.statusCode === 424) {
console.log("424错误重新登录"); console.log("424错误重新登录");
uni.setStorageSync("token", ""); uni.setStorageSync("token", "");
const appStore = useAppStore();
appStore.setHasToken(false);
appStore.setTokenExpired(true);
uni.$emit(NOTICE_EVENT_LOGOUT); uni.$emit(NOTICE_EVENT_LOGOUT);
goLogin(); goLogin();
} }

View File

@@ -4,10 +4,12 @@ export const useAppStore = defineStore("app", {
state() { state() {
return { return {
title: "", title: "",
sceneId: "", /// 分身场景id sceneId: "", // 分身场景id
hasToken: false, /// 是否有token previewImageData: [], // 预览图片数据
tokenExpired: false, /// token是否过期 serverConfig: {
previewImageData: [], /// 预览图片数据 baseUrl: "https://onefeel.brother7.cn/ingress", // 服务器基础地址
wssUrl: "wss://onefeel.brother7.cn/ingress/agent/ws/chat", // 服务器ws地址
}, // 服务器配置
}; };
}, },
getters: {}, getters: {},
@@ -19,15 +21,12 @@ export const useAppStore = defineStore("app", {
setSceneId(data) { setSceneId(data) {
this.sceneId = data; this.sceneId = data;
}, },
setHasToken(status) {
this.hasToken = status;
},
setTokenExpired(status) {
this.tokenExpired = status;
},
setPreviewImageData(data) { setPreviewImageData(data) {
this.previewImageData = data; this.previewImageData = data;
}, },
setServerConfig(data) {
this.serverConfig = data;
},
}, },
unistorage: true, unistorage: true,

View File

@@ -3,7 +3,11 @@ import { defineStore } from "pinia";
export const useSelectedDateStore = defineStore("selectedDate", { export const useSelectedDateStore = defineStore("selectedDate", {
state() { state() {
return { return {
selectedDate: {}, selectedDate: {
startDate: "",
endDate: "",
totalDays: 1,
},
}; };
}, },

28
src/utils/noclick.js Normal file
View File

@@ -0,0 +1,28 @@
// 防止处理多次点击
// 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;
}
}

View File

@@ -3,7 +3,9 @@ export default {
app.mixin({ app.mixin({
onLoad() { onLoad() {
const page = getCurrentPages().pop(); const page = getCurrentPages().pop();
if (page) { console.log("Current page:", page);
const allowShare = page && page.route && page.route !== "pages/login/index";
if (allowShare) {
uni.showShareMenu({ uni.showShareMenu({
withShareTicket: true, withShareTicket: true,
menus: ["shareAppMessage", "shareTimeline"], menus: ["shareAppMessage", "shareTimeline"],

2331
yarn.lock

File diff suppressed because it is too large Load Diff