<!--
 * @Author: lixg lixg@dongwu-inc.com
 * @Date: 2022-11-09 09:26:26
 * @LastEditors: lixg lixg@dongwu-inc.com
 * @LastEditTime: 2022-11-25 17:37:05
 * @FilePath: /fe-manage/src/views/courselibrary/CourseManage.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!-- 课件管理页面 -->
<!--   sandbox="allow-forms allow-scripts allow-same-origin allow-popups" -->
<template>
  <div class="courseManage">
    <iframe
        id="iframe"
        style="width: 100%; height: 100%"
        src="http://43.143.139.204/platform/"
        frameborder="0"
        name="myframe"
        security="restricted"
        sandbox="allow-forms allow-scripts allow-same-origin allow-popups"
    ></iframe>
    <OnlineClassModelStudent ref="stuRef"></OnlineClassModelStudent>
    <div @click="test">
      asdfasdf
    </div>
  </div>
</template>
<script setup>
import {onMounted, ref} from "vue";
import OnlineClassModelStudent from "@/components/student/OnlineClassModelStudent";

const stuRef = ref()

onMounted(()=>{
  window.openStudentModel = stuRef.value.openDrawer
})

function test(){
  window.openStudentModel()
}
</script>
<style lang="scss">
.courseManage {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.btnn {
  height: 72px;
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
  .btn1 {
    width: 100px;
    height: 40px;
    border: 1px solid #4ea6ff;
    border-radius: 8px;
    color: #4ea6ff;
    background-color: #fff;
    cursor: pointer;
  }
  .btn2 {
    cursor: pointer;
    width: 100px;
    height: 40px;
    background: #4ea6ff;
    border-radius: 8px;
    border: 0;
    margin-left: 15px;
    color: #fff;
  }
}
</style>
  