dy-admin-manager/src/views/resetTeaming/modals/member.vue

<template>
  <div
    v-if="toolsPackage.length > 0"
    key="toolsPackage"
    class="courseModel"
    style="margin-top: 12px;"
  >
    <!-- <template>
      <div class="yunTrain">
        <img :src="trainBg" />
        <div class="toolText">
          <p class="toolTitle">
            学练宝标准版
            <span @click="videoStatus = true"
              >查看视频<i class="icon_video"
            /></span>
          </p>
          <p class="toolDate">
            购买后根据教学情况激活使用，详细请咨询机构老师
          </p>
        </div>
      </div>
    </template> -->

    <slot />
    
   
  </div>
</template>

<script>
import videoTcplayer from "@/components/video-tcplayer";
export default {
  name: "MemberModal",
  components: { videoTcplayer },
  filters: {
    unitFormat(val) {
      let template = {
        YEAR: "年",
        MONTH: "月",
        QUARTERLY: "季度",
        YEAR_HALF: "半年"
      };
      return template[val];
    }
  },
  props: {
    courseViewType: [Number, String],
    toolsPackage: Array,
    trainSmallBg: String,
    isGiveAccessories: Boolean,
    accessStatus: Boolean,
    isShowSalePrice: Boolean
  },
  data() {
    return {
      trainBg: require("../../../assets/images/musicGroup/yunTrain_bg.png"),
      videoStatus: false
    };
  },
  watch: {
    toolsPackage: {
      handler(newValue) {
        console.log(newValue, "heandler");
      },
      immediate: true,
      deep: true
    }
  },
  methods: {
    onTrainChange(item) {
      // 云练习点击时
      this.$emit("onCheckItem", item, "train");
    },
    onQuestions(item) {
      this.$emit("onQuestions", item);
    }
  }
};
</script>

<style lang="less" scoped>
.giveTitle {
  margin-top: 16px;
  padding-top: 8px;
  color: #1a1a1a;
  font-size: 14;
  padding-left: 24;
}
.small_point {
  position: absolute;
  left: 8px;
  top: 7px;
  width: 6px;
  height: 6px;
  background: #01c1b5;
  border-radius: 50%;
}
@import url("./signUpPayment.less");
</style>