Files
YGChatCS/src/pages/index/index.vue
2025-11-04 18:40:16 +08:00

87 lines
2.0 KiB
Vue

<template>
<view class="w-full h-screen bg-liner">
<ChatMainList />
</view>
<!-- 日历组件 -->
<Calender
:visible="calendarVisible"
mode="single"
:default-value="selectedDate"
@close="handleCalendarClose"
@select="handleDateSelect"
/>
<!-- 更多服务 -->
<MoreService />
<!-- 抽屉组件 -->
<DrawerSection ref="drawerRef" @close="closeDrawer" />
</template>
<script setup>
import { onLoad } from "@dcloudio/uni-app";
import { ref, onUnmounted } from "vue";
import { getUrlParams } from "@/utils/UrlParams";
import { useAppStore } from "@/store";
import { checkToken } from "@/hooks/useGoLogin";
import ChatMainList from "./components/chat/ChatMainList/index.vue";
import Calender from "@/components/Calender/index.vue";
import MoreService from "./components/module/MoreService/index.vue";
import DrawerSection from "./components/DrawerSection/index.vue";
const appStore = useAppStore();
const calendarVisible = ref(false);
const selectedDate = ref("");
// 处理日历关闭
const handleCalendarClose = () => {
calendarVisible.value = false;
};
// 处理日期选择
const handleDateSelect = (data) => {
selectedDate.value = data.date;
calendarVisible.value = false;
console.log("选择的日期:", data.date);
uni.$emit("selectCalendarDate", selectedDate.value); // 传回父组件
};
uni.$on("openCalendar", () => {
calendarVisible.value = true;
});
const getWeixinMiniProgramParams = (e) => {
console.log("Params:", e);
if (e.q && e.q != "undefined") {
const qrUrl = decodeURIComponent(e.q); // 获取到二维码原始链接内容
const params = getUrlParams(qrUrl);
appStore.setSceneId(params.sceneId);
}
};
// 打开窗口
const drawerRef = ref(null);
const showDrawer = async (e) => {
await checkToken();
drawerRef.value.open();
};
uni.$on("SHOW_DRAWER", showDrawer);
// 关闭窗口
const closeDrawer = (e) => drawerRef.value.close();
onLoad((e) => {
getWeixinMiniProgramParams(e);
});
onUnmounted(() => {
// uni.$off('openCalendar')
});
</script>
<style lang="scss" scoped></style>