horzi_rai_wxa/pages-signIn/isSignIn/isSignIn.vue

<template>
  <view class="container content-sign-in">
    <view class="content-box" v-if="dataDetail">
      <upload-contact v-if="!isBindMobile" :codeId="codeId" :itemDetail="dataDetail" @getDetail="getDetail" />
      <signInItem :itemDetail="dataDetail" v-else />
    </view>
    <Loading />
  </view>
</template>

<script>
import signInItem from "./components/signInItem.vue";
import UploadContact from "./components/uploadContact.vue";
import { Mine } from "@/config/api.js";

export default {
  components: { signInItem, UploadContact },
  data() {
    return {
      dataDetail: null,
      isBindMobile: false,
      codeId: 0,
    };
  },
  methods: {
    async getDetail() {
      const res = await Mine.activity_signin_detail({
        ActivityId: this.codeId,
      });
      if (res.Ret === 200) {
        this.dataDetail = res.Data.Detail;
        this.isBindMobile = res.Data.IsBindingMobile;
      }
    },
  },
  onLoad(options) {
    this.codeId = Number(options.scene);
    this.codeId && this.getDetail();
  },
};
</script>

<style lang="scss" scoped>
.content-sign-in {
  width: 100%;
  height: 100%;
  background: url("https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/sign_in_bg_icon.jpg") no-repeat;
  background-size: 100% 100%;
  display: flex;
  .content-box {
    margin: 165rpx auto;
    width: 710rpx;
    height: 1004rpx;
    background: url("https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/sign_in_box_bg.jpg") no-repeat;
    background-size: 100% 100%;
    border-radius: 18rpx;
    overflow: hidden;
    padding-top: 77rpx;
  }
}
</style>