<template>
  <BasicLayout>
    <view class="p-15">
      <view class="white-bg-color p-15 r-md" v-if="notice">
        <view> 各位家长：</view>
        <view class="notice-text">
          {{ notice }}
        </view>
      </view>
      <BasicSign ref="signCompRef" title="签名"></BasicSign>
    </view>
    <template #bottom>
      <view class="white-bg-color py-5">
        <view class="flex-row items-center pb-10 pt-5">
          <u-button
            text="下一步"
            class="mx-15"
            type="primary"
            @click="submit"
          />
        </view>
      </view>
    </template>
  </BasicLayout>
</template>

<script lang="ts" setup>
import { xkgzsApi } from "@/api/base/server";
import { useDataStore } from "@/store/modules/data";
import { showLoading } from "@/utils/uniapp";
import { onLoad } from "@dcloudio/uni-app";

const signCompRef = ref<any>(null);
const sign_file = ref<any>(null);
const { setData, getGlobal } = useDataStore();

const notice = ref("");
onLoad(async () => {
  showLoading({ title: "加载中..." });
  const res = await xkgzsApi({ kcLx: "兴趣课" });
  notice.value = res.rows?.[0]?.content || "";
  uni.hideLoading();
});

async function submit() {
  // 显示加载中
  const data = await signCompRef.value.getSyncSignature();
  sign_file.value = data.base64;
  setData({
    sign_file: sign_file.value,
  });
  if (getGlobal.type == 1) {
    uni.reLaunch({
      url: "/pages/base/course-selection/index",
    });
  }
  if (getGlobal.type == 2) {
    uni.reLaunch({
      url: "/pages/base/course-selection/club-selection",
    });
  }
}
</script>

<style lang="scss" scoped>
.notice-text {
  margin-top: 10px;
  text-indent: 2em; /* 添加两个中文字符的缩进 */
}
</style>
