feat: 添加呼叫热线

This commit is contained in:
2026-07-16 22:14:10 +08:00
parent bce3e5912f
commit e75c83e592
5 changed files with 83 additions and 15 deletions

View File

@@ -89,6 +89,8 @@ export const Command = {
discovery: "Command.discovery",
// 呼叫服务
callServiceCard: "Command.callServiceCard",
// 电话呼叫咨询
callMobileService: "Command.callMobileService",
// 更多
more: "Command.more",
// 我的订单

View File

@@ -38,16 +38,16 @@ const itemList = ref([
title: "旅行记录",
type: Command.travelAIGC,
},
// {
// icon: "",
// title: "我的订单",
// type: Command.myOrder,
// },
{
icon: "",
title: "呼叫服务",
type: Command.callServiceCard,
title: "我的订单",
type: Command.myOrder,
},
// {
// icon: "",
// title: "呼叫服务",
// type: Command.callServiceCard,
// },
{
icon: "https://oss.nianxx.cn/mp/static/version_101/home/more.png",
title: "更多",

View File

@@ -0,0 +1,49 @@
<template>
<uni-popup ref="popup" type="center" :safe-area="false">
<view class="popup-content bg-white border-box mx-24 px-12 py-16 rounded-12">
<view class="header flex flex-items-center pb-12">
<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" />
</view>
<view class="border-box pl-12 pr-12">
<view class="font-size-16 color-A3A3A3 line-height-22">
如有任何疑问欢迎随时致电景区咨询热线
<text class="color-2563EB" @click="handleClick(mobleNumber1)">{{mobleNumber1}}</text> / <text class="color-2563EB" @click="handleClick(mobleNumber2)">{{mobleNumber2}}</text>
我们将全程为您提供细致解答与暖心服务
</view>
</view>
</view>
</uni-popup>
</template>
<script setup>
import { ref } from "vue";
const mobleNumber1 = "0854-3516115";
const mobleNumber2 = "0854-3516116";
const popup = ref(null);
const open = () => {
popup.value && popup.value.open();
};
const close = () => {
popup.value && popup.value.close();
};
const handleClick = (phoneNumber) => {
close();
uni.makePhoneCall({
phoneNumber: phoneNumber,
});
};
uni.$on("SHOW_CALL_MOBILE_POPUP", () => {
open();
});
</script>
<style lang="scss" scoped>
</style>

View File

@@ -61,14 +61,14 @@ const list = ref([
type: Command.myOrder,
path: "/pages-order/order/list",
},
{
icon: "https://oss.nianxx.cn/mp/static/version_101/home/wdgd.png",
title: "呼叫服务",
content: "查看呼叫服务、进度与处理情况",
btnText: "去查看",
type: Command.myWorkOrder,
path: "/pages-service/order/list",
},
// {
// icon: "https://oss.nianxx.cn/mp/static/version_101/home/wdgd.png",
// title: "呼叫服务",
// content: "查看呼叫服务、进度与处理情况",
// btnText: "去查看",
// type: Command.myWorkOrder,
// path: "/pages-service/order/list",
// },
{
icon: "https://oss.nianxx.cn/mp/static/version_101/home/fkyj.png",
title: "反馈意见",
@@ -77,6 +77,14 @@ const list = ref([
type: Command.feedbackCard,
path: "",
},
{
icon: "https://oss.nianxx.cn/mp/static/version_101/home/fkyj.png",
title: "呼叫热线",
content: "我们将全程为您提供细致解答与暖心服务。",
btnText: "去呼叫",
type: Command.callMobileService,
path: "",
},
]);
const open = () => {
@@ -90,6 +98,11 @@ const close = () => {
const handleClick = (item) => {
close();
if (item.type === Command.callMobileService) {
uni.$emit('SHOW_CALL_MOBILE_POPUP');
return;
}
if (item.path) {
checkToken().then(() => {
uni.navigateTo({ url: item.path });

View File

@@ -14,6 +14,9 @@
<!-- 更多服务 -->
<MoreService />
<!-- 呼叫热线 -->
<CallMobile />
<!-- 抽屉组件 -->
<DrawerSection ref="drawerRef" @close="closeDrawer" />
</view>
@@ -27,6 +30,7 @@ import { useAppStore } from "@/store";
import { checkToken } from "@/hooks/useGoLogin";
import ChatMainList from "../ChatMain/ChatMainList/index.vue";
import MoreService from "../ChatModule/MoreService/index.vue";
import CallMobile from "../ChatModule/CallMobile/index.vue";
import DrawerSection from "../DrawerSection/index.vue";
import Calender from "@/components/Calender/index.vue";