<template>
  <div class="test-container">
    <!-- <CommonButton btnText="去学习"></CommonButton> -->
    <!-- <CommonDialog content="该项目仅对河北省石家庄市的用户开放" :isShowDialog="isShowDialog" @handlerAction="handlerDialogAction"></CommonDialog> -->
    <CommonDialog content="您暂未认证身份，完成认证身份后可申请学分" confirmBtnText="去认证" :isShowDialog="isShowDialog" @handlerAction="handlerDialogAction"></CommonDialog>
    <!-- <CommonDialog content="您暂未加入机构，加入机构后且认证身份后可申请学分" confirmBtnText="加入机构" :isShowDialog="isShowDialog" @handlerAction="handlerDialogAction"></CommonDialog> -->
    <!-- <CommonDialog content="您的所属机构不在可申请范围（河北省石家庄市）内" cancleBtnText="我知道了" isSingle :isShowDialog="isShowDialog" @handlerAction="handlerDialogAction"></CommonDialog> -->
    <!-- <CommonDialog content="提交成功" subContent="您可在“个人中心-证书与学分”中查看审核结果" cancleBtnText="我知道了" isSingle needSubContent :isShowDialog="isShowDialog" @handlerAction="handlerDialogAction"></CommonDialog> -->
    <!-- <CommonDialog content="兑换" subContent="确定要花200云鹊豆兑换课程吗？<br>我的云鹊豆：<span style='color:#FF9A4B;'>1500</span>" cancleBtnText="我再想想" confirmBtnText="确认兑换"  needSubContent :isShowDialog="isShowDialog" @handlerAction="handlerDialogAction"></CommonDialog> -->
    <!-- <CommonBottomInfo></CommonBottomInfo> -->

    <!-- 新组件测试 -->
    <!-- <CommonErrorTips></CommonErrorTips> -->
    <div class="course-button-group">
      <CourseButton></CourseButton>
    </div>
    <!-- <CourseCovers></CourseCovers> -->
    <!-- <div @click="testDialog">testDialog</div> -->
    <CourseIntro :intro="intro"></CourseIntro>
    <BriefIntro></BriefIntro>
  </div>
</template>
<script>
import CommonButton from "@/components/cme/common-button";
import CommonDialog from "@/components/cme/common-dialog";
import CommonBottomInfo from "@/components/cme/common-bottom-info";
import CommonErrorTips from "@/components/course/common-error-tips";
import CourseButton from "@/components/course/course-button";
import CourseCovers from "@/components/course/course-covers";
import BriefIntro from "@/components/course/brief-intro";
import CourseIntro from "@/components/course/course-intro";

export default {
  data() {
    return {
      isShowDialog: true,
      intro: "更多其他课程，请前往鹊医App学习更多其他课程，请前往鹊医App学习更多其他课程，请前往鹊医App学习更多其他课程，请前往鹊医App学习更多其他课程，请前往鹊医App学习更多其他课程，请前往鹊医App学习更多其他课程，请前往鹊医App学习"
    };
  },
  components: {
    // CommonButton,
    CommonDialog,
    // CommonBottomInfo,
    // CommonErrorTips,
    CourseButton,
    // CourseCovers,
    BriefIntro,
    CourseIntro
  },
  mounted() {
    // Toast
    // this.$toast({message: '展示图片', duration: 3000 });
  },

  beforeDestroyed() {},
  methods: {
    handlerDialogAction(type) {
      this.isShowDialog = false;
    },
    testDialog() {
      this.$dialog
        .confirm({
          className: "course-detail",
          showCancelButton: false,
          // message: '激活/购买后可学习完整课程',
          message: "恭喜您，已完成全部课程学习",
          confirmButtonText: "我知道了"
        })
        .then(res => {});
    }
  }
};
</script>
<style lang="less" scoped>
.test-container {
  // background: rgba($color: #000000, $alpha: 0.8);
}
</style>

