feat: 添加呼叫热线
This commit is contained in:
@@ -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: "更多",
|
||||
|
||||
49
src/pages/ChatModule/CallMobile/index.vue
Normal file
49
src/pages/ChatModule/CallMobile/index.vue
Normal 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>
|
||||
@@ -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 });
|
||||
|
||||
@@ -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";
|
||||
|
||||
|
||||
Reference in New Issue
Block a user