<template>
  <view class="index-page w-full h-screen overflow-hidden bg-liner">
    <ChatMainList @showDrawer="showDrawer" />

    <!-- 日历组件 -->
    <Calender
      :visible="calendarVisible"
      mode="single"
      :default-value="selectedDate"
      @close="handleCalendarClose"
      @select="handleDateSelect"
    />

    <!-- 更多服务 -->
    <MoreService />

    <!-- 抽屉组件 -->
    <DrawerSection ref="drawerRef" @close="closeDrawer" />
  </view>
</template>

<script setup>
import { onLoad } from "@dcloudio/uni-app";
import { ref, onUnmounted, onMounted } from "vue";
import { getUrlParams } from "@/utils/UrlParams";
import { useAppStore } from "@/store";
import { checkToken } from "@/hooks/useGoLogin";
import ChatMainList from "../ChatMain/ChatMainList/index.vue";
import MoreService from "../ChatModule/MoreService/index.vue";
import DrawerSection from "../DrawerSection/index.vue";
import Calender from "@/components/Calender/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); // 传回父组件
};

const openCalendar = () => {
  calendarVisible.value = true;
};


// 打开窗口
const drawerRef = ref(null);
const showDrawer = async (e) => {
  await checkToken();

  drawerRef.value?.open?.();
};
// 关闭窗口
const closeDrawer = (e) => drawerRef.value?.close?.();

///获取到二维码原始链接内容
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 || params.tagId);
  }
};

onLoad((e) => {
  getWeixinMiniProgramParams(e);
});

onMounted(() => {
  uni.$on("openCalendar", openCalendar);
  uni.$on("SHOW_DRAWER", showDrawer);
});

onUnmounted(() => {
  uni.$off("openCalendar", openCalendar);
  uni.$off("SHOW_DRAWER", showDrawer);
});

</script>

<style lang="scss" scoped>
.index-page {
  position: relative;
  min-height: 0;
  overscroll-behavior: none;
}

.top {
  margin-top: 150px;
}
</style>
