pay/pay-customer
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:优化ai对话聊天页面

Browse Source
This commit is contained in:
Your Name 2026-04-01 14:27:31 +08:00
parent 7461b5e393
commit 2040e15d56
13 changed files with 178 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
dist/dev/mp-weixin/common/libraries/public.js vendored
View File

@ -2,4 +2,11 @@
function formatPhoneNumber(phone) {
return phone ? phone.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2") : "";
}
const quickActions = [
{ label: "我的账单", message: "请帮我查询我的账单信息", icon: "FWJF.svg" },
{ label: "我要报修", message: "我要报修", icon: "FWJF.svg" },
{ label: "工单查询", message: "请帮我查询我的工单", icon: "GDCX.svg" },
{ label: "社区服务", message: "请提供社区服务信息", icon: "QBGL.svg" }
];
exports.formatPhoneNumber = formatPhoneNumber;
exports.quickActions = quickActions;

43
dist/dev/mp-weixin/pages/ai/chat.js vendored
View File

@ -4,6 +4,7 @@ require("../../common/libraries/request.js");
const common_store_useWeAppAuthStore = require("../../common/store/useWeAppAuthStore.js");
require("../../common/store/useWorkStore.js");
const common_libraries_upload = require("../../common/libraries/upload.js");
const common_libraries_public = require("../../common/libraries/public.js");
require("../../gen/Apis.js");
require("../../common/libraries/setTabBar.js");
require("../../common/libraries/apiLoading.js");
@ -573,6 +574,10 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
inputMessage.value = question;
handleSendMessage();
};
const handleQuickAction = (action) => {
inputMessage.value = action.message;
handleSendMessage();
};
const handleConfirmation = (message, confirmation) => {
if (message.selectedConfirmation !== void 0) {
return;
@ -771,10 +776,13 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
console.log("页面卸载，WebSocket连接已关闭");
}
});
common_vendor.onLoad(async () => {
common_vendor.onLoad(async (op) => {
quickQuestionsData.value = await getQuickQuestions();
console.log("页面加载时已获取开场白按钮数据:", quickQuestionsData.value.length);
getHistoryMessages(1);
if (op == null ? void 0 : op.message) {
handleQuickAction(op);
}
});
return (_ctx, _cache) => {
return common_vendor.e({
@ -888,32 +896,39 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
}),
i: common_vendor.o(chooseImage)
} : {}) : {}, {
j: common_vendor.o(($event) => isInputFocused.value = true),
k: common_vendor.o(($event) => isInputFocused.value = false),
l: common_vendor.o(handleSendMessage),
m: inputMessage.value,
n: common_vendor.o(($event) => inputMessage.value = $event.detail.value),
o: !inputMessage.value.trim() && !isInputFocused.value && selectedImages.value.length === 0
j: common_vendor.f(common_vendor.unref(common_libraries_public.quickActions), (action, index, i0) => {
return {
a: common_vendor.t(action.label),
b: index,
c: common_vendor.o(($event) => handleQuickAction(action), index)
};
}),
k: common_vendor.o(($event) => isInputFocused.value = true),
l: common_vendor.o(($event) => isInputFocused.value = false),
m: common_vendor.o(handleSendMessage),
n: inputMessage.value,
o: common_vendor.o(($event) => inputMessage.value = $event.detail.value),
p: !inputMessage.value.trim() && !isInputFocused.value && selectedImages.value.length === 0
}, !inputMessage.value.trim() && !isInputFocused.value && selectedImages.value.length === 0 ? {
p: common_vendor.p({
q: common_vendor.p({
type: "camera",
size: "24",
color: "#666"
}),
q: common_vendor.o(chooseImage)
r: common_vendor.o(chooseImage)
} : {}, {
r: (inputMessage.value.trim() || isInputFocused.value || selectedImages.value.length > 0) && !loading.value
s: (inputMessage.value.trim() || isInputFocused.value || selectedImages.value.length > 0) && !loading.value
}, (inputMessage.value.trim() || isInputFocused.value || selectedImages.value.length > 0) && !loading.value ? {
s: common_vendor.p({
t: common_vendor.p({
type: "paperplane-filled",
size: "20",
color: "#fff"
}),
t: common_vendor.o(handleSendMessage)
v: common_vendor.o(handleSendMessage)
} : {}, {
v: loading.value
w: loading.value
}, loading.value ? {
w: common_vendor.p({
x: common_vendor.p({
type: "spinner-cycle",
size: "20",
color: "#ccc"

1
dist/dev/mp-weixin/pages/ai/chat.json vendored
View File

@ -1,5 +1,6 @@
{
"navigationBarTitleText": "客服服务",
"enablePullDownRefresh": true,
"usingComponents": {
"uni-icons": "../../uni_modules/uni-icons/components/uni-icons/uni-icons"
}

2
dist/dev/mp-weixin/pages/ai/chat.wxml vendored
View File

@ -1 +1 @@
<view class="chat-container data-v-b15798f7"><view class="chat-messages data-v-b15798f7"><view wx:for="{{a}}" wx:for-item="message" wx:key="F" id="{{message.G}}" class="{{['message-item', 'data-v-b15798f7', message.H]}}"><view wx:if="{{message.a}}" class="message-avatar data-v-b15798f7"><image class="data-v-b15798f7" src="/static/svg/ai_icon.svg" mode="aspectFit"/></view><view class="message-content-wrapper data-v-b15798f7"><view class="message-content data-v-b15798f7"><view wx:if="{{message.b}}" class="message-images data-v-b15798f7"><view wx:for="{{message.c}}" wx:for-item="image" wx:key="c" class="{{['message-image-item', 'data-v-b15798f7', message.e && 'single-image']}}"><image src="{{image.a}}" mode="{{message.d}}" class="message-image data-v-b15798f7" bindtap="{{image.b}}"/></view></view><view wx:elif="{{message.f}}" class="message-images data-v-b15798f7"><view wx:for="{{message.g}}" wx:for-item="image" wx:key="c" class="{{['message-image-item', 'data-v-b15798f7', message.i && 'single-image']}}"><image src="{{image.a}}" mode="{{message.h}}" class="message-image data-v-b15798f7" bindtap="{{image.b}}"/></view></view><view wx:elif="{{message.j}}" class="message-images data-v-b15798f7"><view wx:for="{{message.k}}" wx:for-item="image" wx:key="c" class="{{['message-image-item', 'data-v-b15798f7', message.m && 'single-image']}}"><image src="{{image.a}}" mode="{{message.l}}" class="message-image data-v-b15798f7" bindtap="{{image.b}}"/></view></view><block wx:if="{{message.n}}"><view wx:for="{{message.o}}" wx:for-item="line" wx:key="b" class="message-text-line data-v-b15798f7"><text class="data-v-b15798f7">{{line.a}}</text></view></block></view><view wx:if="{{message.p}}" class="quick-questions data-v-b15798f7"><view wx:for="{{message.q}}" wx:for-item="question" wx:key="b" class="question-btn data-v-b15798f7" bindtap="{{question.c}}"><text class="data-v-b15798f7">{{question.a}}</text></view></view><view wx:if="{{message.r}}" class="confirmation-buttons data-v-b15798f7"><view class="{{['confirmation-btn', 'data-v-b15798f7', message.s && 'selected', message.t && 'disabled']}}" bindtap="{{message.v}}"><text class="data-v-b15798f7">是</text></view><view class="{{['confirmation-btn', 'data-v-b15798f7', message.w && 'selected', message.x && 'disabled']}}" bindtap="{{message.y}}"><text class="data-v-b15798f7">否</text></view></view><view wx:if="{{message.z}}" class="message-meta data-v-b15798f7"><view wx:if="{{message.A}}" class="copy-button data-v-b15798f7" bindtap="{{message.B}}"><image src="/static/svg/copy.svg" mode="aspectFit" class="copy-icon data-v-b15798f7"/></view><text class="message-time data-v-b15798f7">{{message.C}}</text><view wx:if="{{message.D}}" class="copy-button data-v-b15798f7" bindtap="{{message.E}}"><image src="/static/svg/copy.svg" mode="aspectFit" class="copy-icon data-v-b15798f7"/></view></view></view></view><view wx:if="{{b}}" class="message-item ai-message data-v-b15798f7"><view class="message-avatar data-v-b15798f7"><image class="data-v-b15798f7" src="/static/svg/ai_icon.svg" mode="aspectFit"/></view><view class="message-content loading data-v-b15798f7"><text class="data-v-b15798f7">{{c}}</text></view></view></view><view class="chat-input-area data-v-b15798f7"><view wx:if="{{d}}" class="image-preview-area data-v-b15798f7"><view class="image-preview-list data-v-b15798f7"><view wx:for="{{e}}" wx:for-item="image" wx:key="d" class="image-preview-item data-v-b15798f7"><image src="{{image.a}}" mode="aspectFill" class="preview-image data-v-b15798f7"/><view class="remove-image data-v-b15798f7" bindtap="{{image.c}}"><uni-icons wx:if="{{f}}" class="data-v-b15798f7" u-i="{{image.b}}" bind:__l="__l" u-p="{{f}}"/></view></view><view wx:if="{{g}}" class="image-preview-item add-more-button data-v-b15798f7" bindtap="{{i}}"><uni-icons wx:if="{{h}}" class="data-v-b15798f7" u-i="b15798f7-1" bind:__l="__l" u-p="{{h}}"/><text class="add-more-text data-v-b15798f7">添加图片</text></view></view></view><view class="input-container data-v-b15798f7"><input class="message-input data-v-b15798f7" placeholder="请输入您的问题..." confirm-type="{{'send'}}" bindfocus="{{j}}" bindblur="{{k}}" bindconfirm="{{l}}" value="{{m}}" bindinput="{{n}}"/><view wx:if="{{o}}" class="upload-button data-v-b15798f7" bindtap="{{q}}"><uni-icons wx:if="{{p}}" class="data-v-b15798f7" u-i="b15798f7-2" bind:__l="__l" u-p="{{p}}"/></view><view wx:if="{{r}}" class="send-button data-v-b15798f7" bindtap="{{t}}"><uni-icons wx:if="{{s}}" class="data-v-b15798f7" u-i="b15798f7-3" bind:__l="__l" u-p="{{s}}"/></view><view wx:if="{{v}}" class="send-button disabled data-v-b15798f7"><uni-icons wx:if="{{w}}" class="data-v-b15798f7" u-i="b15798f7-4" bind:__l="__l" u-p="{{w}}"/></view></view></view></view>
<view class="chat-container data-v-b15798f7"><view class="chat-messages data-v-b15798f7"><view wx:for="{{a}}" wx:for-item="message" wx:key="F" id="{{message.G}}" class="{{['message-item', 'data-v-b15798f7', message.H]}}"><view wx:if="{{message.a}}" class="message-avatar data-v-b15798f7"><image class="data-v-b15798f7" src="/static/svg/ai_avatar.svg" mode="aspectFit"/></view><view class="message-content-wrapper data-v-b15798f7"><view class="message-content data-v-b15798f7"><view wx:if="{{message.b}}" class="message-images data-v-b15798f7"><view wx:for="{{message.c}}" wx:for-item="image" wx:key="c" class="{{['message-image-item', 'data-v-b15798f7', message.e && 'single-image']}}"><image src="{{image.a}}" mode="{{message.d}}" class="message-image data-v-b15798f7" bindtap="{{image.b}}"/></view></view><view wx:elif="{{message.f}}" class="message-images data-v-b15798f7"><view wx:for="{{message.g}}" wx:for-item="image" wx:key="c" class="{{['message-image-item', 'data-v-b15798f7', message.i && 'single-image']}}"><image src="{{image.a}}" mode="{{message.h}}" class="message-image data-v-b15798f7" bindtap="{{image.b}}"/></view></view><view wx:elif="{{message.j}}" class="message-images data-v-b15798f7"><view wx:for="{{message.k}}" wx:for-item="image" wx:key="c" class="{{['message-image-item', 'data-v-b15798f7', message.m && 'single-image']}}"><image src="{{image.a}}" mode="{{message.l}}" class="message-image data-v-b15798f7" bindtap="{{image.b}}"/></view></view><block wx:if="{{message.n}}"><view wx:for="{{message.o}}" wx:for-item="line" wx:key="b" class="message-text-line data-v-b15798f7"><text class="data-v-b15798f7">{{line.a}}</text></view></block></view><view wx:if="{{message.p}}" class="quick-questions data-v-b15798f7"><view wx:for="{{message.q}}" wx:for-item="question" wx:key="b" class="question-btn data-v-b15798f7" bindtap="{{question.c}}"><text class="data-v-b15798f7">{{question.a}}</text></view></view><view wx:if="{{message.r}}" class="confirmation-buttons data-v-b15798f7"><view class="{{['confirmation-btn', 'data-v-b15798f7', message.s && 'selected', message.t && 'disabled']}}" bindtap="{{message.v}}"><text class="data-v-b15798f7">是</text></view><view class="{{['confirmation-btn', 'data-v-b15798f7', message.w && 'selected', message.x && 'disabled']}}" bindtap="{{message.y}}"><text class="data-v-b15798f7">否</text></view></view><view wx:if="{{message.z}}" class="message-meta data-v-b15798f7"><view wx:if="{{message.A}}" class="copy-button data-v-b15798f7" bindtap="{{message.B}}"><image src="/static/svg/copy.svg" mode="aspectFit" class="copy-icon data-v-b15798f7"/></view><text class="message-time data-v-b15798f7">{{message.C}}</text><view wx:if="{{message.D}}" class="copy-button data-v-b15798f7" bindtap="{{message.E}}"><image src="/static/svg/copy.svg" mode="aspectFit" class="copy-icon data-v-b15798f7"/></view></view></view></view><view wx:if="{{b}}" class="message-item ai-message data-v-b15798f7"><view class="message-avatar data-v-b15798f7"><image class="data-v-b15798f7" src="/static/svg/ai_icon.svg" mode="aspectFit"/></view><view class="message-content loading data-v-b15798f7"><text class="data-v-b15798f7">{{c}}</text></view></view></view><view class="chat-input-area data-v-b15798f7"><view wx:if="{{d}}" class="image-preview-area data-v-b15798f7"><view class="image-preview-list data-v-b15798f7"><view wx:for="{{e}}" wx:for-item="image" wx:key="d" class="image-preview-item data-v-b15798f7"><image src="{{image.a}}" mode="aspectFill" class="preview-image data-v-b15798f7"/><view class="remove-image data-v-b15798f7" bindtap="{{image.c}}"><uni-icons wx:if="{{f}}" class="data-v-b15798f7" u-i="{{image.b}}" bind:__l="__l" u-p="{{f}}"/></view></view><view wx:if="{{g}}" class="image-preview-item add-more-button data-v-b15798f7" bindtap="{{i}}"><uni-icons wx:if="{{h}}" class="data-v-b15798f7" u-i="b15798f7-1" bind:__l="__l" u-p="{{h}}"/><text class="add-more-text data-v-b15798f7">添加图片</text></view></view></view><view class="quick-actions-bar data-v-b15798f7"><view wx:for="{{j}}" wx:for-item="action" wx:key="b" class="quick-action-btn data-v-b15798f7" bindtap="{{action.c}}"><text class="data-v-b15798f7">{{action.a}}</text></view></view><view class="input-container data-v-b15798f7"><input class="message-input data-v-b15798f7" placeholder="请输入您的问题..." confirm-type="{{'send'}}" bindfocus="{{k}}" bindblur="{{l}}" bindconfirm="{{m}}" value="{{n}}" bindinput="{{o}}"/><view wx:if="{{p}}" class="upload-button data-v-b15798f7" bindtap="{{r}}"><uni-icons wx:if="{{q}}" class="data-v-b15798f7" u-i="b15798f7-2" bind:__l="__l" u-p="{{q}}"/></view><view wx:if="{{s}}" class="send-button data-v-b15798f7" bindtap="{{v}}"><uni-icons wx:if="{{t}}" class="data-v-b15798f7" u-i="b15798f7-3" bind:__l="__l" u-p="{{t}}"/></view><view wx:if="{{w}}" class="send-button disabled data-v-b15798f7"><uni-icons wx:if="{{x}}" class="data-v-b15798f7" u-i="b15798f7-4" bind:__l="__l" u-p="{{x}}"/></view></view></view></view>

133
dist/dev/mp-weixin/pages/ai/chat.wxss vendored
View File

@ -3,12 +3,11 @@
flex-direction: column;
min-height: 100vh;
width: 100vw;
background-color: #f5f5f5;
}
.chat-messages.data-v-b15798f7 {
width: 100%;
padding: 30rpx 20rpx;
padding-bottom: calc(200rpx + env(safe-area-inset-bottom));
padding-bottom: calc(220rpx + env(safe-area-inset-bottom));
box-sizing: border-box;
flex: 1;
}
@ -19,59 +18,25 @@
margin-bottom: 30rpx;
animation: fadeIn-b15798f7 0.3s ease-in;
}
.message-item.user-message.data-v-b15798f7 {
justify-content: flex-end;
.ai-message.data-v-b15798f7 {
align-items: flex-start;
}
.message-item.user-message .message-content-wrapper.data-v-b15798f7 {
align-items: flex-end;
}
.message-item.user-message .message-content.data-v-b15798f7 {
background-color: #1c64f2;
color: #fff;
margin-right: 0;
flex-shrink: 0;
}
.message-item.user-message .message-content .message-images.data-v-b15798f7 {
margin-bottom: 0;
}
.message-item.user-message .message-content .message-images .message-image-item.data-v-b15798f7 {
border-radius: 8rpx;
}
.message-item.user-message .message-time.data-v-b15798f7 {
color: #999;
font-size: 22rpx;
margin-top: 6rpx;
text-align: right;
min-width: 80rpx;
}
.message-item.user-message .message-meta.data-v-b15798f7 {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 6rpx;
gap: 8rpx;
flex-direction: row;
}
.message-item.ai-message.data-v-b15798f7 {
.ai-message .message-content-wrapper.data-v-b15798f7 {
align-items: flex-start;
}
.message-item.ai-message .message-content-wrapper.data-v-b15798f7 {
align-items: flex-start;
}
.message-item.ai-message .message-content.data-v-b15798f7 {
background-color: #fff;
.ai-message .message-content.data-v-b15798f7 {
background-color: #f5f5f5;
color: #333;
margin-left: 12rpx;
margin-right: 0;
flex-shrink: 0;
}
.message-item.ai-message .message-time.data-v-b15798f7 {
.ai-message .message-time.data-v-b15798f7 {
color: #999;
font-size: 22rpx;
min-width: 80rpx;
}
.message-item.ai-message .message-meta.data-v-b15798f7 {
.ai-message .message-meta.data-v-b15798f7 {
display: flex;
align-items: center;
justify-content: flex-start;
@ -80,10 +45,44 @@
margin-left: 12rpx;
flex-direction: row;
}
.message-item.ai-message .message-avatar.data-v-b15798f7 {
.ai-message .message-avatar.data-v-b15798f7 {
margin-right: 0;
flex-shrink: 0;
}
.user-message.data-v-b15798f7 {
justify-content: flex-end;
align-items: flex-start;
}
.user-message .message-content-wrapper.data-v-b15798f7 {
align-items: flex-end;
}
.user-message .message-content.data-v-b15798f7 {
background-color: #1c64f2;
color: #fff;
margin-right: 0;
flex-shrink: 0;
}
.user-message .message-content .message-images.data-v-b15798f7 {
margin-bottom: 20rpx;
}
.user-message .message-content .message-images .message-image-item.data-v-b15798f7 {
border-radius: 8rpx;
}
.user-message .message-time.data-v-b15798f7 {
color: #999;
font-size: 22rpx;
margin-top: 6rpx;
text-align: right;
min-width: 80rpx;
}
.user-message .message-meta.data-v-b15798f7 {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 6rpx;
gap: 8rpx;
flex-direction: row;
}
@keyframes fadeIn-b15798f7 {
from {
opacity: 0;
@ -95,8 +94,8 @@ to {
}
}
.message-avatar.data-v-b15798f7 {
width: 60rpx;
height: 60rpx;
width: 80rpx;
height: 80rpx;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
@ -134,6 +133,7 @@ to {
word-wrap: break-word;
word-break: break-all;
box-sizing: border-box;
background-color: #1c64f2;
}
.message-content.loading.data-v-b15798f7 {
opacity: 0.7;
@ -143,7 +143,6 @@ to {
}
.user-message .message-content.data-v-b15798f7:has(.message-images) {
padding: 8rpx;
background-color: transparent;
}
.message-content view.data-v-b15798f7 {
display: block;
@ -194,9 +193,9 @@ to {
}
.confirmation-btn.data-v-b15798f7 {
width: 38rpx;
border-radius: 12rpx;
padding: 16rpx 32rpx;
font-size: 28rpx;
border-radius: 10rpx;
padding: 16rpx 22rpx;
font-size: 24rpx;
line-height: 1.4;
text-align: center;
transition: all 0.2s ease;
@ -225,16 +224,16 @@ to {
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
border-top: 1px solid #e5e5e5;
background-color: #f8f8f8;
border-top: 1px solid #eee;
padding: 20rpx 20rpx;
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
padding-bottom: calc(30rpx + env(safe-area-inset-bottom));
z-index: 100;
}
.input-container.data-v-b15798f7 {
display: flex;
align-items: center;
background-color: #f5f5f5;
background-color: #fff;
border-radius: 50rpx;
padding: 10rpx 20rpx;
}
@ -271,7 +270,33 @@ to {
}
.image-preview-area.data-v-b15798f7 {
margin-bottom: 20rpx;
padding: 0 20rpx;
}
.quick-actions-bar.data-v-b15798f7 {
display: flex;
flex-wrap: wrap;
gap: 16rpx;
padding: 0 0 16rpx 0;
}
.quick-action-btn.data-v-b15798f7 {
height: 60rpx;
padding: 0 24rpx;
background-color: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 100rpx;
font-size: 23rpx;
color: #333333;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
white-space: nowrap;
}
.quick-action-btn.data-v-b15798f7:active {
transform: scale(0.98);
background-color: #f8f8f8;
}
.quick-action-btn text.data-v-b15798f7 {
display: block;
}
.image-preview-list.data-v-b15798f7 {
display: flex;

16
dist/dev/mp-weixin/pages/index/components/AiInput.js vendored
View File

@ -1,6 +1,7 @@
"use strict";
const common_vendor = require("../../../common/vendor.js");
require("../../../common/libraries/getPageConfig.js");
const common_libraries_public = require("../../../common/libraries/public.js");
require("../../../common/store/useWeAppAuthStore.js");
require("../../../gen/Apis.js");
require("../../../common/libraries/request.js");
@ -18,6 +19,11 @@ if (!Math) {
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
__name: "AiInput",
setup(__props) {
const handleAiPage = (i) => {
common_vendor.index.navigateTo({
url: `/pages/ai/chat?message=${i == null ? void 0 : i.message}`
});
};
const handleInputChange = () => {
common_vendor.index.navigateTo({
url: "/pages/ai/chat"
@ -30,7 +36,15 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
size: "20",
color: "#666"
}),
b: common_vendor.o(handleInputChange)
b: common_vendor.o(handleInputChange),
c: common_vendor.f(common_vendor.unref(common_libraries_public.quickActions), (i, index, i0) => {
return {
a: `/static/svg/${i.icon}`,
b: common_vendor.t(i.label),
c: `item_${index}`,
d: common_vendor.o(($event) => handleAiPage(i), `item_${index}`)
};
})
};
};
}

2
dist/dev/mp-weixin/pages/index/components/AiInput.wxml vendored
View File

@ -1 +1 @@
<view class="ai_contents data-v-b68fefb8"><view class="ai_contents_center data-v-b68fefb8"><view class="ai_contents_header data-v-b68fefb8"><image class="data-v-b68fefb8" src="/static/svg/ai_icon.svg" mode="heightFix"/><text class="data-v-b68fefb8">HI，遇到什么问题了，可以问我哦～ </text></view><view class="ai_contents_input data-v-b68fefb8" bindtap="{{b}}"><view class="ai_input data-v-b68fefb8"> 点击联系在线客服 </view><uni-icons wx:if="{{a}}" class="data-v-b68fefb8" u-i="b68fefb8-0" bind:__l="__l" u-p="{{a}}"></uni-icons></view><view class="ai_footer data-v-b68fefb8"><scroll-view class="data-v-b68fefb8" scroll-x="true" style="height:80rpx"><view class="items data-v-b68fefb8"><view class="items_center data-v-b68fefb8"><image class="data-v-b68fefb8" src="/static/svg/FWJF.svg" mode="heightFix"/> 房屋缴费 </view></view><view class="items data-v-b68fefb8"><view class="items_center data-v-b68fefb8"><image class="data-v-b68fefb8" src="/static/svg/GDCX.svg" mode="heightFix"/> 工单查询 </view></view><view class="items data-v-b68fefb8"><view class="items_center data-v-b68fefb8"><image class="data-v-b68fefb8" src="/static/svg/FWJF.svg" mode="heightFix"/> 房屋绑定 </view></view><view class="items data-v-b68fefb8"><view class="items_center data-v-b68fefb8"><image class="data-v-b68fefb8" src="/static/svg/QBGL.svg" mode="heightFix"/> 钱包 </view></view></scroll-view></view></view></view>
<view class="ai_contents data-v-b68fefb8"><view class="ai_contents_center data-v-b68fefb8"><view class="ai_contents_header data-v-b68fefb8"><image class="data-v-b68fefb8" src="/static/svg/ai_icon.svg" mode="heightFix"/><text class="data-v-b68fefb8">HI，遇到什么问题了，可以问我哦～ </text></view><view class="ai_contents_input data-v-b68fefb8" bindtap="{{b}}"><view class="ai_input data-v-b68fefb8"> 点击联系在线客服 </view><uni-icons wx:if="{{a}}" class="data-v-b68fefb8" u-i="b68fefb8-0" bind:__l="__l" u-p="{{a}}"></uni-icons></view><view class="ai_footer data-v-b68fefb8"><scroll-view class="data-v-b68fefb8" scroll-x="true" style="height:80rpx"><view wx:for="{{c}}" wx:for-item="i" wx:key="c" class="items data-v-b68fefb8" bindtap="{{i.d}}"><view class="items_center data-v-b68fefb8"><image class="data-v-b68fefb8" src="{{i.a}}" mode="heightFix"/> {{i.b}}</view></view></scroll-view></view></view></view>

1
dist/dev/mp-weixin/static/svg/ai_avatar.svg vendored Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 764 KiB

13
src/common/libraries/public.ts
View File

@ -1,3 +1,9 @@
export interface QuickAction {
label: string // 按钮显示文字
message: string // 点击后发送的消息内容
icon: string // 按钮图标
}
export const monthsDifferenceEndDay = (str: string, num: number) => {
// 获取当前日期
const currentDate = new Date(str)
@ -75,3 +81,10 @@ export const onSplitArray = (val: string, type: string) => {
export function formatPhoneNumber(phone: string) {
return phone ? phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2') : ''
}
export const quickActions: QuickAction[] = [
{ label: '我的账单', message: '请帮我查询我的账单信息',icon:"FWJF.svg" },
{ label: '我要报修', message: '我要报修',icon:"FWJF.svg" },
{ label: '工单查询', message: '请帮我查询我的工单',icon:"GDCX.svg" },
{ label: '社区服务', message: '请提供社区服务信息',icon:"QBGL.svg" }
]

3
src/pages.json
View File

@ -37,7 +37,8 @@
{
"path": "pages/ai/chat",
"style": {
"navigationBarTitleText": "客服服务"
"navigationBarTitleText": "客服服务",
"enablePullDownRefresh": true
}
},
{

31
src/pages/ai/chat.vue
View File

@ -9,7 +9,7 @@
:class="message.role === 'user' ? 'user-message' : 'ai-message'"
>
<view v-if="message.role === 'ai'" class="message-avatar">
<image src="/static/svg/ai_icon.svg" mode="aspectFit" />
<image src="/static/svg/ai_avatar.svg" mode="aspectFit" />
</view>
<view class="message-content-wrapper">
<view class="message-content">
@ -229,6 +229,7 @@ import dayjs from 'dayjs'
import relativeTime from 'dayjs/plugin/relativeTime'
import 'dayjs/locale/zh-cn'
import { upload } from '@/common/libraries/upload'
import { quickActions,QuickAction } from '@/common/libraries/public'
// 配置dayjs
dayjs.extend(relativeTime)
@ -251,11 +252,6 @@ interface Message {
}
}
// 快捷按钮接口定义
interface QuickAction {
label: string // 按钮显示文字
message: string // 点击后发送的消息内容
}
const auth = useWeAppAuthStore()
const inputMessage = ref('')
@ -287,13 +283,7 @@ const currentOffset = ref(0) // 当前偏移量
const quickQuestionsData = ref<string[]>([]) // 存储开场白数据
const lastMessageContent = ref('') // 用于防止重复显示相同的消息
// 快捷按钮数据定义
const quickActions: QuickAction[] = [
{ label: '我的账单', message: '请帮我查询我的账单信息' },
{ label: '我要报修', message: '我要报修' },
{ label: '工单查询', message: '请帮我查询我的工单' },
{ label: '社区服务', message: '请提供社区服务信息' }
]
// 获取开场白按钮数据
const getQuickQuestions = async () => {
@ -1285,13 +1275,16 @@ onUnmounted(() => {
})
// 页面加载时获取历史记录和开场白
onLoad(async () => {
onLoad(async (op) => {
// 始终获取开场白数据
quickQuestionsData.value = await getQuickQuestions()
console.log('页面加载时已获取开场白按钮数据:', quickQuestionsData.value.length)
// 获取历史记录
getHistoryMessages(1)
if(op?.message){
handleQuickAction(op as QuickAction)
}
})
</script>
@ -1414,8 +1407,8 @@ onLoad(async () => {
}
.message-avatar {
width: 60rpx;
height: 60rpx;
width: 80rpx;
height: 80rpx;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
@ -1530,9 +1523,9 @@ onLoad(async () => {
.confirmation-btn {
width: 38rpx;
border-radius: 12rpx;
padding: 16rpx 32rpx;
font-size: 28rpx;
border-radius: 10rpx;
padding: 16rpx 22rpx;
font-size: 24rpx;
line-height: 1.4;
text-align: center;
transition: all 0.2s ease;

26
src/pages/index/components/AiInput.vue
View File

@ -17,10 +17,16 @@
</view>
<view class="ai_footer">
<scroll-view scroll-x="true" style="height: 80rpx">
<view class="items">
<view v-for="(i,index) in quickActions" :key="`item_${index}`" class="items" @click="handleAiPage(i)">
<view class="items_center">
<image :src="`/static/svg/${i.icon}`" mode="heightFix" />
{{ i.label }}
</view>
</view>
<!-- <view class="items">
<view class="items_center">
<image src="/static/svg/FWJF.svg" mode="heightFix" />
房屋缴费
我要报修
</view>
</view>
<view class="items">
@ -29,18 +35,12 @@
工单查询
</view>
</view>
<view class="items">
<view class="items_center">
<image src="/static/svg/FWJF.svg" mode="heightFix" />
房屋绑定
</view>
</view>
<view class="items">
<view class="items_center">
<image src="/static/svg/QBGL.svg" mode="heightFix" />
钱包
社区服务
</view>
</view>
</view> -->
</scroll-view>
</view>
</view>
@ -50,6 +50,12 @@
<script setup lang="ts">
import { showToast } from '@/common/libraries/naviHelper'
import { getStyleColorInfo, getStyleColorValueInfo } from '@/common/libraries/getPageConfig'
import { quickActions,QuickAction } from '@/common/libraries/public'
const handleAiPage = (i:QuickAction) =>{
uni.navigateTo({
url: `/pages/ai/chat?message=${i?.message}`
})
}
const handleInputChange = () => {
uni.navigateTo({
url: '/pages/ai/chat'

1
src/static/svg/ai_avatar.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 764 KiB