<!--
 * @Date: 2022-06-29 18:18:02
 * @LastEditors: hookehuyr hookehuyr@gmail.com
 * @LastEditTime: 2023-02-16 16:41:15
 * @FilePath: /data-table/src/views/success.vue
 * @Description: 文件描述
-->
<template>
  <div class="success-page">
    <div v-if="successInfo.commit_text_type === 'default'" class="text-wrapper">
      <van-image
        round
        width="10rem"
        height="10rem"
        style="vertical-align: bottom"
        :src="icon_success"
      />
      <p class="name">{{ successInfo.form_name }}</p>
      <p class="text">{{ successInfo.commit_text }}</p>
    </div>
    <div v-else class="rich-text" v-html="successInfo.commit_text" />
    <!-- <div style="padding: 0 15% 1rem 15%">
      <div class="button-plain" :style="styleObj" @click="handle">返回</div>
    </div> -->
  </div>
</template>

<script setup>
import { ref } from "vue";
import { useRoute, useRouter } from "vue-router";
import { styleColor } from "@/constant.js";
import icon_success from "@images/que-sucess@2x.png";

import {
  Cookies,
  $,
  _,
  axios,
  storeToRefs,
  mainStore,
  Toast,
  useTitle,
} from "@/utils/generatePackage.js";
//import { } from '@/utils/generateModules.js'
//import { } from '@/utils/generateIcons.js'
//import { } from '@/composables'
const $route = useRoute();
const $router = useRouter();
useTitle($route.meta.title);

const styleObj = {
  background: styleColor.baseColor,
  border: styleColor.baseColor,
  color: "#FFFFFF",
};

// 获取成功返回信息
const store = mainStore();
const { successInfo } = storeToRefs(store);

const richText = '<div style="font-weight: bold;">123</div>'

onMounted(() => {
  $('body').css('backgroundColor', 'white');
});

const handle = () => {
  $router.go(-1);
};
</script>

<style lang="less" scoped>
.success-page {
  .text-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    .name {
      font-size: 1.25rem;
      margin: 0.5rem;
      font-weight: bold;
    }
    .text {
      font-size: 1.05rem;
      margin: 0.5rem;
      font-weight: bold;
    }
  }
  .rich-text {
    padding: 1rem 2rem;
    white-space: pre-wrap;
    :deep(img) {
      width: 100%;
    }
  }
  .button-plain {
    width: auto;
    height: auto;
    text-align: center;
    padding: 0.6rem;
    margin: 0.5rem;
    font-size: 1rem;
    // background: @base-font-color;
    border-radius: 24px;
    // border: 1px solid @base-color;
    // color: @base-color;
    font-weight: bold;
  }
}
</style>