stop.vue 2.13 KB
<!--
 * @Date: 2022-06-29 18:18:02
 * @LastEditors: hookehuyr hookehuyr@gmail.com
 * @LastEditTime: 2022-06-29 18:18:09
 * @FilePath: /tswj/src/views/test/404.vue
 * @Description: 文件描述
-->
<template>
  <div class="stop-page">
    <div style="padding-top: 2rem; padding-bottom: 2rem; text-align: center">
      <van-image
        round
        width="10rem"
        height="10rem"
        style="vertical-align: bottom"
        :src="icon_success"
      />
      <p style="font-size: 1.05rem; margin: 0.5rem; font-weight: bold">
        <span v-if="status === 'apply'">表单未开始</span>
        <span v-if="status === 'finish'">表单已结束</span>
        <span v-if="status === 'disable'">表单已关闭</span>
      </p>
      <!-- <p style="font-size: 0.9rem; margin-bottom: 0.5rem">您的作品正在审核中</p> -->
      <!-- <p style="font-size: 0.9rem">请耐心等待~~</p> -->
    </div>
    <!-- <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 status = $route.query.status;

onMounted(() => {});

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

<style lang="less" scoped>
.stop-page {
  .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>