demand 在线课对接

src/components/student/OnlineClassModelStudent.vue

@@ -2,22 +2,22 @@
   <a-modal
       :visible="visiable"
       :centered="true"
-      :width="1000"
+      width="70%"
       title="学员管理"
       @cancel="closeDrawer"
   >
     <div class="header-content">
-      <div>
+      <div style="font-size: 16px">
-          xxxxxxxx课程
+        xxxxxxxx  课程
       </div>
       <div>
-        内容分类:12312
+        <span style="color:#999">内容分类</span>：12312
       </div>
       <div>
-        授课教师:12312
+        <span style="color:#999">授课教师</span>：12312
       </div>
       <div>
-        状态审核:12312
+        <span style="color:#999">审核状态</span>：12312
       </div>
     </div>
     <div class="TableStudent">
@@ -41,21 +41,14 @@
               style="background: #4ea6ff; color: #fff; width: 100px"
               @click="searchStu"
           >
-            <template #icon>
+            <template #icon><img style="margin-right: 10px" src="../../assets/images/courseManage/search0.png"/>
-              <img
+            </template>
-                  style="margin-right: 10px"
-                  src="../../assets/images/courseManage/search0.png"
-              /></template>
             搜索
           </a-button>
         </a-col>
         <a-col :span="2">
           <a-button class="cus-btn white" style="width: 100px" @click="reset">
-            <template #icon>
+            <template #icon><img style="margin-right: 10px" src="../../assets/images/leveladd/reset.png"/></template>
-              <img
-                  style="margin-right: 10px"
-                  src="../../assets/images/leveladd/reset.png"
-              /></template>
             重置
           </a-button>
         </a-col>
@@ -65,7 +58,6 @@
           type="flex"
           gutter="12"
           style="padding-left: 20px; margin-right: 0px"
-          v-if="checkPer(permissions)"
       >
         <a-col :span="1.5">
           <CommonStudent
@@ -75,103 +67,12 @@
               :stage="stage"
           >
             <a-button class="cus-btn" style="background: #4ea6ff; color: #fff">
-              <template #icon
+              <template #icon><img style="margin-right: 10px" src="../../assets/images/courseManage/add0.png"/>
-              ><img
+              </template>
-                  style="margin-right: 10px"
-                  src="../../assets/images/courseManage/add0.png"
-              /></template>
               添加学员
             </a-button>
           </CommonStudent>
         </a-col>
-        <!-- 新加导入学员 批量换组 导出学习信息  -->
-        <a-col :span="1.5" v-if="type === 1 || type === 2">
-          <a-button class="cus-btn white" @click="showImpStu">
-            <template #icon
-            ><img
-                style="margin-right: 10px"
-                src="../../assets/images/basicinfo/in2.png"
-            /></template>
-            导入学员
-          </a-button>
-        </a-col>
-        <!--
-        <a-col :span="1.5" v-if="type === 1">
-          <a-button class="cus-btn white"> 批量换组 </a-button>
-        </a-col>-->
-        <a-col :span="1.5" v-if="type === 1">
-          <a-button class="cus-btn white" @click="exportTaskStu">
-            导出学习信息
-          </a-button>
-        </a-col>
-
-        <a-col :span="1.5" v-if="type === 2">
-          <a-button class="cus-btn white" @click="exportTaskStuRouter">
-            导出学习信息
-          </a-button>
-        </a-col>
-        <a-col :span="1.5">
-          <a-button class="cus-btn white" @click="bathDel">
-            <template #icon
-            ><img
-                style="margin-right: 10px"
-                src="../../assets/images/projectadd/delete.png"
-            /></template>
-            批量删除
-          </a-button>
-        </a-col>
-        <a-col :span="1.5" v-if="type === 2">
-          <a-button class="cus-btn white" @click="showChangeModal">
-            <template #icon></template>
-            批量调整关卡
-          </a-button>
-        </a-col>
-        <!-- 新加批量操作、导出、导出作业 -->
-        <a-col :span="1.5" v-if="type === 3" class="batchOpera">
-          <div class="stmm_btn btn4" @click="hideShow">
-            <div class="btn4_sub">
-              <span style="color: #4ea6ff; margin-right: 4px"> 批量操作 </span>
-              <div
-                  class="b_zk"
-                  :style="{ display: hideshow ? 'block' : 'none' }"
-              ></div>
-              <div
-                  class="b_sq"
-                  :style="{ display: hideshow ? 'none' : 'block' }"
-              ></div>
-            </div>
-            <div
-                class="btn4_sup"
-                :style="{ display: hideshow ? 'none' : 'block' }"
-            >
-              <div class="btnsbox">
-                <div class="btn4_tit" @click="showEScoreModal">
-                  <span>批量录入成绩</span>
-                </div>
-                <div class="btn4_op1" @click="updateStatus(1)">
-                  <span>批量结业</span>
-                </div>
-                <div class="btn4_op2" @click="updateStatus(0)">
-                  <span>批量通过</span>
-                </div>
-                <div class="btn4_op3" @click="updateStatus(2)">
-                  <span>批量拒绝</span>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="stmm_btn btn5" @click="exportStu">
-            <div class="export"></div>
-            <div class="btnText">导出</div>
-          </div>
-          <div
-              class="stmm_btn btn5"
-              style="margin-left: 15px"
-              @click="exportHomeWorkShow"
-          >
-            <div class="btnText">导出作业</div>
-          </div>
-        </a-col>
       </a-row>
       <div style="margin-top: 20px">
         <a-table
@@ -194,7 +95,7 @@
   </a-modal>
 </template>
 <script setup>
-import {computed, createVNode, defineProps, defineExpose, ref, watch} from "vue";
+import {computed, createVNode, defineExpose, defineProps, ref, watch} from "vue";
 import {usePage} from "@/api/request";
 import {STUDENT_LIST} from "@/api/apis";
 import {delStudentList} from "@/api/index1";
@@ -339,14 +240,16 @@ defineExpose({
 })
 </script>
 <style lang="scss">
-.header-content{
+.header-content {
-  padding:20px;
+  padding: 20px;
-  border:1px solid #eef9f3;
+  border: 1px solid #eef9f3;
   margin-bottom: 20px;
-  div{
+
+  div {
     margin-top: 10px;
   }
 }
+
 .cus-btn {
   width: 100%;
   height: 40px;

src/views/courselibrary/OnlineManage.vue

@@ -21,7 +21,7 @@
     ></iframe>
     <OnlineClassModelStudent ref="stuRef"></OnlineClassModelStudent>
     <div @click="test">
-      asdfasdf
+      测试
     </div>
   </div>
 </template>
@@ -33,11 +33,11 @@ import OnlineClassModelStudent from "@/components/student/OnlineClassModelStuden
 const stuRef = ref()
 
 onMounted(()=>{
-  window.openStudentModel = stuRef.value.openDrawer
+  window.openSelectStu = stuRef.value.openDrawer
 })
 
 function test(){
-  window.openStudentModel()
+  window.openSelectStu()
 }
 </script>
 <style lang="scss">