feat:增加嵌套页面

src/api/method.js

@@ -162,6 +162,7 @@ function autoComma(number) {
     return 0;
   }
 }
+//新建延迟
 const commonData = {
   timeout: 50
 }
@@ -368,6 +369,8 @@ const commonData = {
 
 //组织树
 const organizationalTree = []
+
+const iframeUrl = "https://u-pre.boe.com/pc/iframe"
 export {
   toDate,
   getWeek,
@@ -375,4 +378,5 @@ export {
   formatNumber,
   commonData,
   organizationalTree,
+  iframeUrl,
 }

src/components/Modals/addOnlineCourse.vue

@@ -0,0 +1,68 @@
+<!--
+ * @Author: lixg lixg@dongwu-inc.com
+ * @Date: 2022-11-24 16:39:48
+ * @LastEditors: lixg lixg@dongwu-inc.com
+ * @LastEditTime: 2022-11-24 16:53:00
+ * @FilePath: /fe-manage/src/components/Modals/addOnlineCourse.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <!-- 新建在线课弹窗 -->
+  <div>
+    <a-modal
+      :visible="addOnlineCoursevisible"
+      :footer="null"
+      :closable="false"
+      wrapClassName="modalStyle addOnlineCourseStyle"
+      :zIndex="9999"
+      @cancel="closeModal"
+    >
+      <iframe
+        id="iframe"
+        style="width: 100%; height: 100%"
+        :src="iframeUrl + 'course/noapproved'"
+        name="myframe"
+        sandbox="allow-forms allow-scripts allow-same-origin allow-popups"
+      ></iframe>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+// import {getTask} from "../../api/indexTaskadd"
+// import dayjs from "dayjs";
+// import {message} from "ant-design-vue"
+import { iframeUrl } from "@/api/method";
+
+export default {
+  name: "addOnlineCourse",
+  props: {
+    addOnlineCoursevisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    // console.log("学习路径", props.addOnlineCoursevisible, ctx);
+    const state = reactive({
+      iframeUrl: iframeUrl,
+    });
+    const closeModal = () => {
+      ctx.emit("update:addOnlineCoursevisible", false);
+    };
+    return {
+      ...toRefs(state),
+      closeModal,
+    };
+  },
+};
+</script>
+
+<style lang="scss" >
+.addOnlineCourseStyle {
+  .ant-modal {
+    width: 80% !important;
+  }
+}
+</style>

src/components/drawers/SelectTest.vue

@@ -1,466 +1,497 @@
 <template>
-    <a-drawer
-      :visible="STvisible"
-      class="drawerStyle TimeManage"
-      placement="right"
-      width="60%"
-      @after-visible-change="afterVisibleChange"
-    >
-      <div class="drawerMain">
-        <div class="header">
-          <div class="headerTitle">选择考试</div>
-          <img
-            style="width: 29px; height: 29px; cursor: pointer"
-            src="../../assets/images/basicinfo/close.png"
-            @click="closeDrawer"
+  <a-drawer
+    :visible="STvisible"
+    class="drawerStyle TimeManage"
+    placement="right"
+    width="60%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">选择考试</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="search">
+          <div class="sealeft">
+            <div class="namecon" style="margin-right: 30px">
+              <div class="name">试卷名称：</div>
+              <a-input
+                v-model:value="inputPname"
+                style="width: 270px; height: 40px; border-radius: 8px"
+                placeholder="请输入试卷名称或序号"
+              />
+            </div>
+            <div class="namecon" style="margin-right: 30px">
+              <div class="name">创建人：</div>
+              <a-input
+                v-model:value="inputCname"
+                style="width: 240px; height: 40px; border-radius: 8px"
+                placeholder="请输入创建人"
+              />
+            </div>
+          </div>
+          <div class="btns">
+            <div
+              class="btn btn1"
+              style="margin-right: 20px"
+              @click="searchTaskList"
+            >
+              <div class="img1"></div>
+              <div class="wz">搜索</div>
+            </div>
+            <div class="btn btn2" @click="resetTaskList">
+              <div class="img2"></div>
+              <div class="wz">重置</div>
+            </div>
+          </div>
+        </div>
+        <div class="btnss" style="margin-top: 20px">
+          <div class="btn btn1" @click="newTest()" style="margin-right: 20px">
+            <div class="wz">新建考试</div>
+          </div>
+        </div>
+        <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
+          <a-table
+            style="border: 1px solid #f2f6fe"
+            :columns="tableDataFunc()"
+            :data-source="tableData"
+            :loading="tableDataTotal === -1 ? true : false"
+            :row-selection="{
+              selectedRowKeys: selectedRowKeys,
+              onChange: onSelectChange,
+              hideSelectAll: true,
+            }"
+            :scroll="{ x: 900 }"
+            :pagination="false"
           />
-        </div>
-        <div class="main">
-          <div class="search">
-            <div class="sealeft">
-              <div class="namecon" style="margin-right: 30px">
-                <div class="name">试卷名称：</div>
-                <a-input
-                  v-model:value="inputPname"
-                  style="width: 270px; height: 40px; border-radius: 8px"
-                  placeholder="请输入试卷名称或序号"
-                />
-              </div>
-              <div class="namecon" style="margin-right: 30px">
-                <div class="name">创建人：</div>
-                <a-input
-                  v-model:value="inputCname"
-                  style="width: 240px; height: 40px; border-radius: 8px"
-                  placeholder="请输入创建人"
-                />
-              </div>
-            </div>
-            <div class="btns">
-              <div
-                class="btn btn1"
-                style="margin-right: 20px"
-                @click="searchTaskList"
-              >
-                <div class="img1"></div>
-                <div class="wz">搜索</div>
-              </div>
-              <div class="btn btn2" @click="resetTaskList">
-                <div class="img2"></div>
-                <div class="wz">重置</div>
-              </div>
+          <div class="tableBox">
+            <div class="pa">
+              <a-pagination
+                showSizeChanger="true"
+                showQuickJumper="true"
+                hideOnSinglePage="true"
+                :pageSize="pageSize"
+                :current="currentPage"
+                :total="tableDataTotal"
+                class="pagination"
+                @change="onChange"
+              />
             </div>
           </div>
-          <div class="btnss" style="margin-top: 20px">
-            <div class="btn btn1" @click="newTest()" style="margin-right: 20px">
-              <div class="wz">新建考试</div>
-            </div>
-          </div>
-          <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
-            <a-table
-              style="border: 1px solid #f2f6fe"
-              :columns="tableDataFunc()"
-              :data-source="tableData"
-              :loading="tableDataTotal === -1 ? true : false"
-              :row-selection="{selectedRowKeys:selectedRowKeys, onChange:onSelectChange, hideSelectAll:true}"
-              :scroll="{ x: 900 }"
-              :pagination="false"
-            />
-            <div class="tableBox">
-              <div class="pa">
-                <a-pagination
-                  showSizeChanger="true"
-                  showQuickJumper="true"
-                  hideOnSinglePage="true"
-                  :pageSize="pageSize"
-                  :current="currentPage"
-                  :total="tableDataTotal"
-                  class="pagination"
-                  @change="onChange"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="btnn">
-          <button class="btn1">取消</button>
-          <button class="btn2" @click="CreatSTText()">确定</button>
         </div>
       </div>
-    </a-drawer>
-  </template>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2" @click="CreatSTText()">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+
+  <!-- 新建考试 -->
+  <a-modal
+    v-model:visible="addExamVisible"
+    :footer="null"
+    :closable="false"
+    wrapClassName="modalStyle addExamModal"
+    :zIndex="9999"
+  >
+    <iframe
+      id="iframe"
+      style="width: 100%; height: 100%"
+      :src="iframeUrl + '/exam/tests'"
+      name="myframe"
+      sandbox="allow-forms allow-scripts allow-same-origin allow-popups"
+    ></iframe>
+  </a-modal>
+</template>
   
   <script>
-  import { toRefs, reactive } from "vue";
-  import * as api from "../../api/indexTest";
-  import { message } from 'ant-design-vue';
-  export default {
-    name: "STest",
-    props: {
-      STvisible: {
-        type: Boolean,
-        default: false,
-      },
+import { toRefs, reactive } from "vue";
+import * as api from "../../api/indexTest";
+import { message } from "ant-design-vue";
+import { iframeUrl } from "../../api/method";
+export default {
+  name: "STest",
+  props: {
+    STvisible: {
+      type: Boolean,
+      default: false,
     },
+  },
 
-    setup(props, ctx) {
-      const state = reactive({
-        inputPname: "",
-        inputCname: "",
-        pageNo: 1,
-        pageSize: 10,
-        currentPage: 1,
-        tableDataTotal: 0,
-        projectName: "",
-        tableData: [],
-        selectedRowKeys:[],
-        //需要传给父亲的参数
-        SelectTestData:{},
+  setup(props, ctx) {
+    const state = reactive({
+      inputPname: "",
+      inputCname: "",
+      pageNo: 1,
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 0,
+      projectName: "",
+      tableData: [],
+      selectedRowKeys: [],
+      //需要传给父亲的参数
+      SelectTestData: {},
 
-      });
-      //点击确认后执行此方法将参数传给父亲
-      const CreatSTText = ()=> {
-        ctx.emit('getSTData',state.SelectTestData)
-        closeDrawer()
+      addExamVisible: false, //新建考试弹窗
+      iframeUrl: iframeUrl,
+    });
+    //点击确认后执行此方法将参数传给父亲
+    const CreatSTText = () => {
+      ctx.emit("getSTData", state.SelectTestData);
+      closeDrawer();
+    };
+    const closeDrawer = () => {
+      ctx.emit("update:STvisible", false);
+    };
+
+    const afterVisibleChange = (bol) => {
+      if (bol == true) {
+        getManageList();
       }
-      const closeDrawer = () => {
-        ctx.emit("update:STvisible", false);
-      };
+    };
 
-      const afterVisibleChange = (bol) => {
-        if (bol == true) {
-          getManageList()
-        }
-      };
-
-      const tableDataFunc = ()=> {
-        {
-            const columns =  [
-                {
-                  title: "序号",
-                  dataIndex: "paperId",
-                  key: "paperId",
-                  width: 90,
-                  align: "center",
-                  className: "h head",
-                },
-                {
-                  title: "试卷名称",
-                  dataIndex: "testName",
-                  key: "testName",
-                  width: 110,
-                  align: "center",
-                  className: "h head",
-                },
-                {
-                  title: "随机模式",
-                  dataIndex: "paperMode",
-                  key: "paperMode",
-                  width: 110,
-                  align: "center",
-                  className: "h",
-                },
-                {
-                  title: "创建人",
-                  dataIndex: "sysCreateBy",
-                  key: "sysCreateBy",
-                  width: 90,
-                  align: "center",
-                  className: "h",
-                },
-                {
-                  title: "最近更新时间",
-                  dataIndex: "sysUpdateTime",
-                  key: "sysUpdateTime",
-                  width: 150,
-                  align: "center",
-                  className: "h",
-                },
-            ]
-            return columns;
-        } 
-      };
-
-      const onChange = (pageNumber) => {
-        console.log("Page: ", pageNumber);
-      };
-
-      const onSelectChange = (selectedRowKeys,selectedRows) => {
-        if(selectedRowKeys.length>1){
-          return
-        }
-        state.selectedRowKeys = selectedRowKeys;
-        state.SelectTestData = selectedRows[0];
-        console.log('state.SelectTestData---------------',state.SelectTestData);
+    const tableDataFunc = () => {
+      {
+        const columns = [
+          {
+            title: "序号",
+            dataIndex: "paperId",
+            key: "paperId",
+            width: 90,
+            align: "center",
+            className: "h head",
+          },
+          {
+            title: "试卷名称",
+            dataIndex: "testName",
+            key: "testName",
+            width: 110,
+            align: "center",
+            className: "h head",
+          },
+          {
+            title: "随机模式",
+            dataIndex: "paperMode",
+            key: "paperMode",
+            width: 110,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "创建人",
+            dataIndex: "sysCreateBy",
+            key: "sysCreateBy",
+            width: 90,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "最近更新时间",
+            dataIndex: "sysUpdateTime",
+            key: "sysUpdateTime",
+            width: 150,
+            align: "center",
+            className: "h",
+          },
+        ];
+        return columns;
       }
+    };
 
-      const newTest = ()=> {
-        console.log('创建考试没设计图');
+    const onChange = (pageNumber) => {
+      console.log("Page: ", pageNumber);
+    };
+
+    const onSelectChange = (selectedRowKeys, selectedRows) => {
+      if (selectedRowKeys.length > 1) {
+        return;
       }
-      const getTableDate = (tableData) => {
+      state.selectedRowKeys = selectedRowKeys;
+      state.SelectTestData = selectedRows[0];
+      console.log("state.SelectTestData---------------", state.SelectTestData);
+    };
+
+    const newTest = () => {
+      console.log("创建考试没设计图");
+      state.addExamVisible = true;
+    };
+    const getTableDate = (tableData) => {
       let data = tableData;
       let array = [];
       data.map((value, index) => {
         let obj = {
-          key: index+1,
+          key: index + 1,
           sysCreateBy: value.sysCreateBy,
           paperId: value.paperId,
-          testName:value.testName,
-          paperMode:value.paperMode,
+          testName: value.testName,
+          paperMode: value.paperMode,
           sysUpdateTime: value.sysUpdateTime,
         };
         array.push(obj);
       });
       state.tableData = array;
     };
-      //获取任务管理列表
-      const getManageList = () => {
-        let obj = {
-          // "keyWord": "",
-          // "pageIndex": 0,
-          // "pageSize": 0,
-          // "published": true,
-          "keyWord": "",
-          "orderAsc": true,
-          "orderFiled": "",
-          "pageIndex": 0,
-          "pageSize": 0
-        };
-        api
-          .queryExaminationPaper(obj)
-          .then((res) => {
-            getTableDate(res.data.data)
-          })
-          .catch(() => {
-            message.destroy()
-            message.error("获取选择考试列表失败")
-          });
+    //获取任务管理列表
+    const getManageList = () => {
+      let obj = {
+        // "keyWord": "",
+        // "pageIndex": 0,
+        // "pageSize": 0,
+        // "published": true,
+        keyWord: "",
+        orderAsc: true,
+        orderFiled: "",
+        pageIndex: 0,
+        pageSize: 0,
       };
+      api
+        .queryExaminationPaper(obj)
+        .then((res) => {
+          getTableDate(res.data.data);
+        })
+        .catch(() => {
+          message.destroy();
+          message.error("获取选择考试列表失败");
+        });
+    };
 
-      //搜索任务列表 没接口
-      const searchTaskList = () => {
-        let objser = {
-          name: "",
-          pageNo: state.pageNo,
-          pageSize: state.pageSize,
-          projectId: 27,
+    //搜索任务列表 没接口
+    const searchTaskList = () => {
+      let objser = {
+        name: "",
+        pageNo: state.pageNo,
+        pageSize: state.pageSize,
+        projectId: 27,
         //   projectTaskId: props.projectTaskId,
-          projectTaskId: 370,
-          status: -1,
-        };
-        if (state.name !== "" || state.projectName !== "") {
-          api
-            .taskStudentList(objser)
-            .then((res) => {
-              state.pageNo = res.data.data.pageNo;
-              state.pageSize = res.data.data.pageSize;
-              state.pageSize = res.data.data.pageSize;
-              let newArr = [];
-              for (let i = 0; i < res.data.data.rows.length; i++) {
-                if (res.data.data.rows[i].userInfoBo.userName == state.name)
-                  newArr.push(res.data.data.rows[i].userInfoBo);
-              }
-              state.tabledata = newArr;
-            })
-            .catch(() => {
-            });
-        }
+        projectTaskId: 370,
+        status: -1,
       };
+      if (state.name !== "" || state.projectName !== "") {
+        api
+          .taskStudentList(objser)
+          .then((res) => {
+            state.pageNo = res.data.data.pageNo;
+            state.pageSize = res.data.data.pageSize;
+            state.pageSize = res.data.data.pageSize;
+            let newArr = [];
+            for (let i = 0; i < res.data.data.rows.length; i++) {
+              if (res.data.data.rows[i].userInfoBo.userName == state.name)
+                newArr.push(res.data.data.rows[i].userInfoBo);
+            }
+            state.tabledata = newArr;
+          })
+          .catch(() => {});
+      }
+    };
 
-      //重置任务列表
-      const resetTaskList = () => {
-        state.inputPname = "";
-        state.inputCname = "";
-        state.tableData = [];
-        state.selectedRowKeys = [];
-        state.SelectTestData = [];
-        state.currentPage = 1;
-        getManageList();
-      };
-      return {
-        ...toRefs(state),
-        closeDrawer,
-        afterVisibleChange,
-        getTableDate,
-        onSelectChange,
-        CreatSTText,
-        newTest,
-        tableDataFunc,
-        onChange,
-        getManageList,
-        searchTaskList,
-        resetTaskList,
-      };
-    },
-  };
-  </script>
+    //重置任务列表
+    const resetTaskList = () => {
+      state.inputPname = "";
+      state.inputCname = "";
+      state.tableData = [];
+      state.selectedRowKeys = [];
+      state.SelectTestData = [];
+      state.currentPage = 1;
+      getManageList();
+    };
+    return {
+      ...toRefs(state),
+      closeDrawer,
+      afterVisibleChange,
+      getTableDate,
+      onSelectChange,
+      CreatSTText,
+      newTest,
+      tableDataFunc,
+      onChange,
+      getManageList,
+      searchTaskList,
+      resetTaskList,
+    };
+  },
+};
+</script>
   
   <style lang="scss">
-  .TimeManage {
-    .drawerMain {
-      min-width: 550px;
-      margin: 0px 32px 0px 32px;
-      overflow-x: auto;
+.TimeManage {
+  .drawerMain {
+    min-width: 550px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: auto;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
       display: flex;
-      flex-direction: column;
-      .header {
-        height: 73px;
-        border-bottom: 1px solid #e8e8e8;
-        display: flex;
-        flex-shrink: 0;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 20px;
-        .headerTitle {
-          font-size: 18px;
-          font-weight: 600;
-          color: #333333;
-          line-height: 25px;
-        }
+      flex-shrink: 0;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
       }
-      .main {
+    }
+    .main {
+      width: 100%;
+      height: 100%;
+      overflow-y: auto;
+      padding-right: 10px;
+      .search {
         width: 100%;
-        height: 100%;
-        overflow-y: auto;
-        padding-right: 10px;
-        .search {
-          width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        margin-top: 20px;
+        justify-content: space-between;
+
+        .sealeft {
           display: flex;
           flex-wrap: wrap;
-          margin-top: 20px;
-          justify-content: space-between;
-  
-          .sealeft {
-            display: flex;
-            flex-wrap: wrap;
-            .namecon {
-              display: flex;
-              flex-wrap: nowrap;
-              margin-bottom: 10px;
-              .name {
-                margin-top: 8px;
-                white-space: nowrap;
-              }
-            }
-          }
-          .btns {
+          .namecon {
             display: flex;
             flex-wrap: nowrap;
-  
-            .btn {
-              cursor: pointer;
-              width: 100px;
-              height: 40px;
-              border-radius: 8px;
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              .img1 {
-                width: 15px;
-                height: 17px;
-                background-image: url(../../assets/images/courseManage/search0.png);
-                background-size: 100% 100%;
-                margin-right: 7px;
-              }
-              .img2 {
-                width: 16px;
-                height: 18px;
-                background-image: url(../../assets/images/courseManage/reset1.png);
-                background-size: 100% 100%;
-                margin-right: 7px;
-              }
-            }
-  
-            .btn1 {
-              background: #409eff;
-  
-              color: #ffffff;
-            }
-            .btn2 {
-              background: #ffffff;
-  
-              color: #388be1;
-              border: 1px solid #388be1;
+            margin-bottom: 10px;
+            .name {
+              margin-top: 8px;
+              white-space: nowrap;
             }
           }
         }
-        .btnss {
+        .btns {
           display: flex;
           flex-wrap: nowrap;
 
           .btn {
             cursor: pointer;
-            width: 130px;
+            width: 100px;
             height: 40px;
             border-radius: 8px;
             display: flex;
             justify-content: center;
             align-items: center;
+            .img1 {
+              width: 15px;
+              height: 17px;
+              background-image: url(../../assets/images/courseManage/search0.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+            .img2 {
+              width: 16px;
+              height: 18px;
+              background-image: url(../../assets/images/courseManage/reset1.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
           }
 
           .btn1 {
             background: #409eff;
+
             color: #ffffff;
           }
-        }
-        .tab {
-          th,th.h {
-            background-color: #eff4fc !important;
-          }
+          .btn2 {
+            background: #ffffff;
 
-          .ant-table-tbody
-            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-            > td {
-            background: #f6f9fd;
+            color: #388be1;
+            border: 1px solid #388be1;
           }
-          .tableBox {
-            .pa {
-              margin-top: 15px;
-              width: 100%;
-              display: flex;
-              justify-content: center;
-              .ant-pagination-prev,
-              .ant-pagination-next,
-              .ant-pagination-item,
-              .ant-pagination-options {
-                margin-bottom: 10px;
-              }
+        }
+      }
+      .btnss {
+        display: flex;
+        flex-wrap: nowrap;
+
+        .btn {
+          cursor: pointer;
+          width: 130px;
+          height: 40px;
+          border-radius: 8px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        }
+
+        .btn1 {
+          background: #409eff;
+          color: #ffffff;
+        }
+      }
+      .tab {
+        th,
+        th.h {
+          background-color: #eff4fc !important;
+        }
+
+        .ant-table-tbody
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
+          background: #f6f9fd;
+        }
+        .tableBox {
+          .pa {
+            margin-top: 15px;
+            width: 100%;
+            display: flex;
+            justify-content: center;
+            .ant-pagination-prev,
+            .ant-pagination-next,
+            .ant-pagination-item,
+            .ant-pagination-options {
+              margin-bottom: 10px;
             }
           }
         }
       }
+    }
 
-      .btnn {
-        height: 72px;
-        width: 100%;
-        position: absolute;
-        bottom: 0;
-        left: 0;
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      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;
-        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: #409eff;
-          border-radius: 8px;
-          border: 0;
-          margin-left: 15px;
-          color: #fff;
-        }
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #409eff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
       }
     }
   }
-  </style>
+}
+
+.addExamModal {
+  .ant-modal {
+    width: 80% !important;
+  }
+}
+</style>
   

src/views/courselibrary/CourseManage.vue

@@ -2,7 +2,7 @@
  * @Author: lixg lixg@dongwu-inc.com
  * @Date: 2022-11-09 09:26:26
  * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2022-11-22 20:13:01
+ * @LastEditTime: 2022-11-24 16:16:10
  * @FilePath: /fe-manage/src/views/courselibrary/CourseManage.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -11,8 +11,8 @@
   <div class="courseManage">
     <iframe
       id="iframe"
-      style="width: 100%l; height: 100%"
-      src="https://u-pre.boe.com/pc/iframe/course/coursewares"
+      style="width: 100%; height: 100%"
+      :src="iframeUrl + '/course/coursewares'"
       name="myframe"
       sandbox="allow-forms allow-scripts allow-same-origin allow-popups"
     ></iframe>
@@ -20,12 +20,14 @@
 </template>
 <script>
 import { reactive, toRefs, onMounted } from "vue";
-
+import { iframeUrl } from "../../api/method";
 export default {
   name: "CourseManage",
 
   setup() {
-    const state = reactive({});
+    const state = reactive({
+      iframeUrl: iframeUrl,
+    });
 
     onMounted(() => {
       // console.log("执行");

src/views/courselibrary/CoursewareManage.vue

@@ -2118,6 +2118,9 @@
     <!-- 添加授权侧弹窗 -->
     <corpowerlist v-model:corpowerlistVisible="corpowerlistvisible" />
     <!-- 添加授权侧弹窗 -->
+    <!-- 新建在线课弹窗 -->
+    <addOnlineCourse v-model:addOnlineCoursevisible="addOnlineCoursevisible" />
+    <!-- 新建在线课弹窗 -->
   </div>
 </template>
 <script>
@@ -2133,6 +2136,7 @@ import {
 import { message } from "ant-design-vue";
 import OwnPower from "../../components/drawers/OwnPower.vue";
 import Corpowerlist from "../../components/drawers/CorPowerlist.vue";
+import addOnlineCourse from "../../components/Modals/addOnlineCourse.vue";
 import {
   list,
   edit,
@@ -2601,6 +2605,7 @@ export default defineComponent({
     Corpowerlist,
     Editor,
     Toolbar,
+    addOnlineCourse,
   },
   setup() {
     const state = reactive({
@@ -3067,6 +3072,7 @@ export default defineComponent({
       checked4: false,
       offcoursePlanId: 0,
       filesList: [],
+      addOnlineCoursevisible: false, //新建面授弹窗
     });
 
     //  富文本 sssssssssssssss
@@ -3655,6 +3661,9 @@ export default defineComponent({
         state.qdms_inputV1 = state.xzinputV1;
         state.xzinputV1 = "";
       }
+      if (state.bs_hs&& state.valueE1 != "") {
+        state.addOnlineCoursevisible = true;
+      }
     };
     const ft_exit = () => {
       state.ft_hs = false;

src/views/examine/CourseReviewedN.vue

@@ -2,7 +2,7 @@
  * @Author: lixg lixg@dongwu-inc.com
  * @Date: 2022-11-16 20:59:33
  * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2022-11-16 21:09:01
+ * @LastEditTime: 2022-11-24 16:21:04
  * @FilePath: /fe-manage/src/views/examine/CourseReviewedN.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -382,6 +382,23 @@
         </div>
       </div>
     </a-modal>
+
+    <!-- 审核在线课 -->
+    <a-modal
+      v-model:visible="onlineClassesVisible"
+      :footer="null"
+      :closable="false"
+      wrapClassName="modalStyle onlineClassesStyle"
+      :zIndex="9999"
+    >
+      <iframe
+        id="iframe"
+        style="width: 100%; height: 100%"
+        :src="iframeUrl + 'course/noapproved'"
+        name="myframe"
+        sandbox="allow-forms allow-scripts allow-same-origin allow-popups"
+      ></iframe>
+    </a-modal>
   </div>
 </template>
 <script>
@@ -390,7 +407,7 @@ import { list, courseAuditView } from "../../api/indexAudit";
 import { toDate } from "../../api/method";
 import { message } from "ant-design-vue";
 import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
-
+import { iframeUrl } from "../../api/method";
 export default {
   name: "CoursereViewedN",
   components: {
@@ -503,6 +520,10 @@ export default {
       ],
       // 待审核课程的数据
       tableData1: [],
+
+      //审核在线课嵌套页面
+      onlineClassesVisible: false,
+      iframeUrl: iframeUrl,
     });
 
     const getFaceList = (obj) => {