<template>
  <BasicLayout>
    <view class="p-15">
      <view class="white-bg-color p-15 r-md" v-if="notice">
        <RichTextContent :content="notice" />
      </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";
import RichTextContent from "@/components/RichTextContent/RichTextContent.vue";

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,
  });
  uni.reLaunch({
    url: "/pages/base/xk/qk/jlb",
  });
  /*if (getGlobal.type == 1) {
    uni.reLaunch({
      url: "/pages/base/xk/qk/xqk",
    });
  }
  if (getGlobal.type == 2) {
    uni.reLaunch({
      url: "/pages/base/xk/qk/jlb",
    });
  }*/
}
</script>

<style lang="scss" scoped>
// 页面样式
.white-bg-color {
  background-color: #fff;
}

.r-md {
  border-radius: 8px;
}

.p-15 {
  padding: 15px;
}

.py-5 {
  padding: 5px 0;
}

.pb-10 {
  padding-bottom: 10px;
}

.pt-5 {
  padding-top: 5px;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.items-center {
  align-items: center;
}

.mx-15 {
  margin: 0 15px;
}
</style>
