From cf7e1f5d69a3b8b890f47940d74ac9a5e32cdc8f Mon Sep 17 00:00:00 2001
From: zxj <zhang.xijie@iwhalecloud.com>
Date: Fri, 21 Nov 2025 10:56:43 +0800
Subject: [PATCH] =?UTF-8?q?fix:iframe=E9=A1=B5=E9=9D=A2token=E8=BF=87?=
 =?UTF-8?q?=E6=9C=9F=E8=B7=B3=E8=BD=AC=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Modals/addOnlineCourse.vue     |    2 +-
 src/components/drawers/CheckAnsware.vue       |  520 ++---
 src/components/drawers/CreateOnline.vue       |   31 +-
 src/components/drawers/SelectTest.vue         |  163 +-
 src/components/growthpath/CommonTest.vue      |    6 +-
 src/components/growthpath/GrowthExa.vue       |    2 +-
 .../growthpath/GrowthLineCourse.vue           |    2 +-
 src/views/article/ArticleManage.vue           |    2 +-
 src/views/case/CaseManage.vue                 |    2 +-
 src/views/courselibrary/CourseManage.vue      |    2 +-
 src/views/courselibrary/OnlineManage.vue      |   25 +-
 src/views/examination/ExaminationCenter.vue   |    2 +-
 src/views/examination/PaperManage.vue         |    2 +-
 src/views/examination/QuestionManage.vue      |    2 +-
 src/views/examine/CourseReviewedN.vue         | 1770 +++++++++--------
 src/views/examine/OnlineReviewed.vue          |    5 +-
 src/views/examine/TobeOnlineReviewed.vue      |    5 +-
 src/views/questionsanswers/QAManage.vue       |    2 +-
 src/views/system/AudienceManage.vue           |   16 +-
 src/views/system/DictManage.vue               |   16 +-
 src/views/system/OldSystemManage.vue          |   16 +-
 src/views/system/ReadingClubManage.vue        |   16 +-
 22 files changed, 1368 insertions(+), 1241 deletions(-)

diff --git a/src/components/Modals/addOnlineCourse.vue b/src/components/Modals/addOnlineCourse.vue
index d4599699..f79edb27 100644
--- a/src/components/Modals/addOnlineCourse.vue
+++ b/src/components/Modals/addOnlineCourse.vue
@@ -22,7 +22,7 @@
         style="width: 100%; height: 100%"
         :src="iframeUrl + '/course/manages'"
         name="myframe"
-        sandbox="allow-forms allow-scripts allow-downloads allow-same-origin allow-popups"
+        sandbox="allow-forms allow-scripts allow-downloads allow-same-origin allow-popups allow-top-navigation"
       ></iframe>
     </a-modal>
   </div>
diff --git a/src/components/drawers/CheckAnsware.vue b/src/components/drawers/CheckAnsware.vue
index a54fc849..a50d52c8 100644
--- a/src/components/drawers/CheckAnsware.vue
+++ b/src/components/drawers/CheckAnsware.vue
@@ -1,281 +1,289 @@
 <!-- 查看系统考试答卷--iframe嵌套 -->
 <template>
-    <a-drawer
+  <a-drawer
     :visible="CAvisible"
     class="drawerStyle CheckAnsware"
     placement="right"
     width="40%"
     @after-visible-change="afterVisibleChange"
-    >
-        <div class="drawerMain">
-            <div class="headersub">
-                <div class="headerTitle">查看答卷</div>
-                <img 
-                style="width:29px;height:29px;cursor:pointer"
-                src="../../assets/images/basicinfo/close.png" 
-                @click="closeDrawer"
-                />
-            </div>
-            <!-- <div class="headersup"><span>评估名称：<span style="color:#999ba3">管理者进阶作业</span></span><span style="margin-left:25px">考试总分：<span style="color:#999ba3">100分</span></span><span style="margin-left:25px">及格分：<span style="color:#999ba3">60分</span></span></div> -->
-            <div class="main" style="height:860px;display: flex;">
-                <iframe
-                    id="iframe"
-                    style="width: 100%; height: 100%;"
-                    :src="iframeUrl+'/exam/viewanswer?id='+(answerId?answerId:datasource.answerId)"
-                    frameborder="0"
-                    name="myframe"
-                    security="restricted"
-                    sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
-                    >
-                </iframe>
-            </div>
-            <!-- <div class="btnn">
+  >
+    <div class="drawerMain">
+      <div class="headersub">
+        <div class="headerTitle">查看答卷</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <!-- <div class="headersup"><span>评估名称：<span style="color:#999ba3">管理者进阶作业</span></span><span style="margin-left:25px">考试总分：<span style="color:#999ba3">100分</span></span><span style="margin-left:25px">及格分：<span style="color:#999ba3">60分</span></span></div> -->
+      <div class="main" style="height: 860px; display: flex">
+        <iframe
+          id="iframe"
+          style="width: 100%; height: 100%"
+          :src="
+            iframeUrl +
+            '/exam/viewanswer?id=' +
+            (answerId ? answerId : datasource.answerId)
+          "
+          frameborder="0"
+          name="myframe"
+          security="restricted"
+          sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
+        >
+        </iframe>
+      </div>
+      <!-- <div class="btnn">
                 <button class="btn1">取消</button>
                 <button class="btn2">确定</button>
             </div> -->
-        </div>
-    </a-drawer>
+    </div>
+  </a-drawer>
 </template>
 
 <script>
-import { toRefs,reactive } from '@vue/reactivity';
-import { message } from 'ant-design-vue';
+import { toRefs, reactive } from "@vue/reactivity";
+import { message } from "ant-design-vue";
 import { iframeUrl } from "../../api/method";
-import {queryUserAnswerDetail} from '@/api/indexExam';
+import { queryUserAnswerDetail } from "@/api/indexExam";
 export default {
-    name:"CheckAnsware",
-    props:{
-        CAvisible:{
-            type:Boolean,
-            default:false,
-        },
-        datasource:{
-            type: Object,
-            default: function () {
-                return {};
-            },
-        },
-        answerId:{
-            type: String,
-            default: "",
-        }
+  name: "CheckAnsware",
+  props: {
+    CAvisible: {
+      type: Boolean,
+      default: false,
     },
-    setup(props,ctx){
-        const state = reactive({
-            score:null,  //传过来赋给score
-            queData:[
-                {
-                    quetype:"判断",
-                    quename:"当前项目对您是否有帮助?",
-                    value:1,
-                    answer:[
-                        {
-                            value:1,
-                            answercontent:"错误",
-                            analysis:"暂无解析",
-                        },
-                    ]
-                },
-                {
-                    quetype:"多选",
-                    quename:"哪些项目跨年快乐memememememeemme?",
-                    value:2,
-                    answer:[
-                        {
-                            value:1,
-                            answercontent:"A、有帮助"
-                        },
-                        {   
-                            value:2,
-                            answercontent:"B、mei帮助"
-                        },
-                        {   
-                            value:3,
-                            answercontent:"C、mei5155帮助"
-                        },
-                        {   
-                            value:4,
-                            answercontent:"D、12345mei帮助"
-                        }
-                    ],
-                    answercontent:"错误",
-                    analysis:"暂无解析",
-                },
-                {
-                    quetype:"多选",
-                    quename:"哪些项目跨年快乐memememememeemme?",
-                    value:3,
-                    answer:[
-                        {
-                            value:1,
-                            answercontent:"A、有帮助"
-                        },
-                        {   
-                            value:2,
-                            answercontent:"B、mei帮助"
-                        },
-                        {   
-                            value:3,
-                            answercontent:"C、mei5155帮助"
-                        },
-                        {   
-                            value:4,
-                            answercontent:"D、12345mei帮助"
-                        }
-                    ]
-                },
-                {
-                    quetype:"判断",
-                    quename:"当前项目对您是否有帮助?",
-                    value:4,
-                    answer:[
-                        {
-                            value:1,
-                            answercontent:"错误",
-                            analysis:"暂无解析",
-                        },
-                    ]
-                },
-            ],
-            iframeUrl: iframeUrl,
-        })
+    datasource: {
+      type: Object,
+      default: function () {
+        return {};
+      },
+    },
+    answerId: {
+      type: String,
+      default: "",
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      score: null, //传过来赋给score
+      queData: [
+        {
+          quetype: "判断",
+          quename: "当前项目对您是否有帮助?",
+          value: 1,
+          answer: [
+            {
+              value: 1,
+              answercontent: "错误",
+              analysis: "暂无解析",
+            },
+          ],
+        },
+        {
+          quetype: "多选",
+          quename: "哪些项目跨年快乐memememememeemme?",
+          value: 2,
+          answer: [
+            {
+              value: 1,
+              answercontent: "A、有帮助",
+            },
+            {
+              value: 2,
+              answercontent: "B、mei帮助",
+            },
+            {
+              value: 3,
+              answercontent: "C、mei5155帮助",
+            },
+            {
+              value: 4,
+              answercontent: "D、12345mei帮助",
+            },
+          ],
+          answercontent: "错误",
+          analysis: "暂无解析",
+        },
+        {
+          quetype: "多选",
+          quename: "哪些项目跨年快乐memememememeemme?",
+          value: 3,
+          answer: [
+            {
+              value: 1,
+              answercontent: "A、有帮助",
+            },
+            {
+              value: 2,
+              answercontent: "B、mei帮助",
+            },
+            {
+              value: 3,
+              answercontent: "C、mei5155帮助",
+            },
+            {
+              value: 4,
+              answercontent: "D、12345mei帮助",
+            },
+          ],
+        },
+        {
+          quetype: "判断",
+          quename: "当前项目对您是否有帮助?",
+          value: 4,
+          answer: [
+            {
+              value: 1,
+              answercontent: "错误",
+              analysis: "暂无解析",
+            },
+          ],
+        },
+      ],
+      iframeUrl: iframeUrl,
+    });
 
-        const closeDrawer = ()=> {
-            ctx.emit("update:CAvisible",false)
-        }
-        const afterVisibleChange = (bool) => {
-            console.log(bool);
-            if(bool == true) {
-                console.log(props.datasource)
-                console.log(props.answerId?props.answerId:props.datasource.answerId)
-            }
-        }
-       const getQue = () => {
-            queryUserAnswerDetail(1).then(res => {
-                console.log(res)
-            }).catch(err =>{
-                message.error('用户答卷信息获取失败'+err)
-            })
-        }
-        return{
-            ...toRefs(state),
-            closeDrawer,
-            afterVisibleChange,
-            getQue
-        }
-    }
+    const closeDrawer = () => {
+      ctx.emit("update:CAvisible", false);
+    };
+    const afterVisibleChange = (bool) => {
+      console.log(bool);
+      if (bool == true) {
+        console.log(props.datasource);
+        console.log(
+          props.answerId ? props.answerId : props.datasource.answerId
+        );
+      }
+    };
+    const getQue = () => {
+      queryUserAnswerDetail(1)
+        .then((res) => {
+          console.log(res);
+        })
+        .catch((err) => {
+          message.error("用户答卷信息获取失败" + err);
+        });
+    };
+    return {
+      ...toRefs(state),
+      closeDrawer,
+      afterVisibleChange,
+      getQue,
+    };
+  },
 };
 </script>
 <style lang="scss">
 .CheckAnsware {
-    z-index: 99999;
-    .drawerMain {
-        min-width: 400px;
-        margin: 0px 32px 0px 32px;
-        display: flex;
-        flex-direction: column;
-        .headersub {
-            height: 73px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
+  z-index: 99999;
+  .drawerMain {
+    min-width: 400px;
+    margin: 0px 32px 0px 32px;
+    display: flex;
+    flex-direction: column;
+    .headersub {
+      height: 73px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
 
-            .headerTitle {
-                font-size: 18px;
-                font-weight: 600;
-                color: #333333;
-                line-height: 25px;
-            }
-        }
-        .headersup{
-            border-bottom: 1px solid #e8e8e8;
-            padding-bottom: 20px;
-        }
-        .main {
-            width: 100%;
-            overflow-y: auto;
-            margin-bottom: 70px;
-            .basetext{
-                color: #333333;
-                line-height: 25px;
-                margin-top: 27px ;
-                margin-bottom: 27px ;
-            }
-            .basequestion{
-                .ques{
-                    .quename{
-                        margin: 10px auto ;
-                        font-weight: bold;
-                    }
-                    .queanswer{
-                        padding-left: 25px;
-                        .queabox{
-                            margin-bottom: 10px;
-                            .single{
-                                padding: 5px;
-                                .queaboxs{
-                                    display: flex;
-                                    flex-direction: column;
-                                }
-                                .analysisbox{
-                                    border: 1px solid #e8e8e8;
-                                    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
-                                    border-radius: 8px;
-                                    margin-left: -10px;
-                                    padding: 5px 10px;
-                                }
-                            }
-                            .multiple{
-                                padding: 5px;
-                                .queaboxs{
-                                    display: flex;
-                                    flex-direction: column;
-                                }
-                                .analysisbox{
-                                    border: 1px solid #e8e8e8;
-                                    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
-                                    border-radius: 8px;
-                                    margin-left: -10px;
-                                    padding: 5px 10px;
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        .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;
-                cursor: pointer;
-            }
-            .btn2 {
-                cursor: pointer;
-                width: 100px;
-                height: 40px;
-                background: #4ea6ff;
-                border-radius: 8px;
-                border: 0;
-                margin-left: 15px;
-                color: #fff;
-            }
-        }
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+      }
     }
+    .headersup {
+      border-bottom: 1px solid #e8e8e8;
+      padding-bottom: 20px;
+    }
+    .main {
+      width: 100%;
+      overflow-y: auto;
+      margin-bottom: 70px;
+      .basetext {
+        color: #333333;
+        line-height: 25px;
+        margin-top: 27px;
+        margin-bottom: 27px;
+      }
+      .basequestion {
+        .ques {
+          .quename {
+            margin: 10px auto;
+            font-weight: bold;
+          }
+          .queanswer {
+            padding-left: 25px;
+            .queabox {
+              margin-bottom: 10px;
+              .single {
+                padding: 5px;
+                .queaboxs {
+                  display: flex;
+                  flex-direction: column;
+                }
+                .analysisbox {
+                  border: 1px solid #e8e8e8;
+                  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
+                  border-radius: 8px;
+                  margin-left: -10px;
+                  padding: 5px 10px;
+                }
+              }
+              .multiple {
+                padding: 5px;
+                .queaboxs {
+                  display: flex;
+                  flex-direction: column;
+                }
+                .analysisbox {
+                  border: 1px solid #e8e8e8;
+                  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
+                  border-radius: 8px;
+                  margin-left: -10px;
+                  padding: 5px 10px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+
+    .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;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/components/drawers/CreateOnline.vue b/src/components/drawers/CreateOnline.vue
index d8460433..c2a49ca4 100644
--- a/src/components/drawers/CreateOnline.vue
+++ b/src/components/drawers/CreateOnline.vue
@@ -17,13 +17,13 @@
       :src="`${iframeUrl}/course/manages?f=choose&refId=${props.id}&refType=${props.type}&courseIds=${couresIdArray}&projectId=${props.projectId}`"
       name="myframe"
       security="restricted"
-      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
   </a-modal>
 </template>
 <script setup>
-import {defineProps, ref} from "vue";
-import {iframeUrl} from "@/api/method";
+import { defineProps, ref } from "vue";
+import { iframeUrl } from "@/api/method";
 
 const visible = ref(false);
 const couresIdArray = ref();
@@ -31,17 +31,17 @@ const props = defineProps({
   type: Number,
   id: Number,
   courseIds: Array,
-  projectId: String
+  projectId: String,
 });
 // 把任务列表里类型为在线课的课程ID放到数组里
-if(props.courseIds && props.courseIds.length){
-  var arr = []
-  for(var i = 0;i<props.courseIds.length;i++){
-    if(props.courseIds[i].type === 1){
-      arr.push(props.courseIds[i].courseId)
+if (props.courseIds && props.courseIds.length) {
+  var arr = [];
+  for (var i = 0; i < props.courseIds.length; i++) {
+    if (props.courseIds[i].type === 1) {
+      arr.push(props.courseIds[i].courseId);
     }
   }
-  couresIdArray.value = arr
+  couresIdArray.value = arr;
 }
 function openModal() {
   visible.value = true;
@@ -52,11 +52,8 @@ function closeModal() {
 }
 
 defineExpose({ closeModal });
-
 </script>
 <style lang="scss">
-
-
 .ant-table-striped :deep(.table-striped) td {
   background-color: #fafafa !important;
 }
@@ -238,8 +235,8 @@ defineExpose({ closeModal });
         }
 
         .ant-table-tbody
-        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-        > td {
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
           background: #f6f9fd;
         }
 
@@ -319,8 +316,8 @@ defineExpose({ closeModal });
             justify-content: center;
 
             background: linear-gradient(
-                rgba(78, 166, 255, 0.2) 0%,
-                rgba(78, 166, 255, 0) 100%
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
             );
 
             .inhe {
diff --git a/src/components/drawers/SelectTest.vue b/src/components/drawers/SelectTest.vue
index 9f1c0e3c..c7c3126b 100644
--- a/src/components/drawers/SelectTest.vue
+++ b/src/components/drawers/SelectTest.vue
@@ -3,18 +3,18 @@
     <slot></slot>
   </div>
   <a-drawer
-      :visible="visible"
-      class="drawerStyle TimeManage"
-      placement="right"
-      width="1000"
+    :visible="visible"
+    class="drawerStyle TimeManage"
+    placement="right"
+    width="1000"
   >
     <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"
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
         />
       </div>
       <div class="main">
@@ -23,18 +23,14 @@
             <div class="namecon" style="margin-right: 30px">
               <div class="name">试卷名称：</div>
               <a-input
-                  v-model:value="params.keyWord"
-                  style="width: 270px; height: 40px; border-radius: 8px"
-                  placeholder="请输入试卷名称"
+                v-model:value="params.keyWord"
+                style="width: 270px; height: 40px; border-radius: 8px"
+                placeholder="请输入试卷名称"
               />
             </div>
           </div>
           <div class="btns">
-            <div
-                class="btn btn1"
-                style="margin-right: 20px"
-                @click="search"
-            >
+            <div class="btn btn1" style="margin-right: 20px" @click="search">
               <div class="img1"></div>
               <div class="wz">搜索</div>
             </div>
@@ -51,15 +47,17 @@
         </div>
         <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
           <a-table
-              :customRow="customRow"
-              class="ant-table-striped"
-              :row-class-name="(_, index) => (index % 2 === 1 ? 'table-striped' : null)"
-              row-key="id"
-              :columns="columns"
-              :data-source="data"
-              :loading="loading"
-              :pagination="pagination"
-              :row-selection="rowSelection"
+            :customRow="customRow"
+            class="ant-table-striped"
+            :row-class-name="
+              (_, index) => (index % 2 === 1 ? 'table-striped' : null)
+            "
+            row-key="id"
+            :columns="columns"
+            :data-source="data"
+            :loading="loading"
+            :pagination="pagination"
+            :row-selection="rowSelection"
           />
         </div>
       </div>
@@ -72,36 +70,36 @@
 
   <!-- 新建考试 -->
   <a-modal
-      v-model:visible="createVisible"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle addExamModal"
-      :zIndex="9999"
+    v-model:visible="createVisible"
+    :footer="null"
+    :closable="false"
+    wrapClassName="modalStyle addExamModal"
+    :zIndex="9999"
   >
     <iframe
-        id="iframe"
-        style="width: 100%; height: 100%"
-        :src="iframeUrl + '/exam/papers?addnew=true'"
-        name="myframe"
-        sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      id="iframe"
+      style="width: 100%; height: 100%"
+      :src="iframeUrl + '/exam/papers?addnew=true'"
+      name="myframe"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
   </a-modal>
 </template>
 
 <script setup>
-import {computed, defineEmits, defineProps, ref} from "vue";
-import {iframeUrl} from "@/api/method";
-import {useBoeApiPage} from "@/api/request";
-import {EXAM_PAPER_PAGE} from "@/api/ThirdApi";
-import {message} from "ant-design-vue";
+import { computed, defineEmits, defineProps, ref } from "vue";
+import { iframeUrl } from "@/api/method";
+import { useBoeApiPage } from "@/api/request";
+import { EXAM_PAPER_PAGE } from "@/api/ThirdApi";
+import { message } from "ant-design-vue";
 
 defineProps({
   id: String,
-  name: String
-})
-const visible = ref(false)
-const createVisible = ref(false)
-const emit = defineEmits({})
+  name: String,
+});
+const visible = ref(false);
+const createVisible = ref(false);
+const emit = defineEmits({});
 
 const columns = ref([
   {
@@ -131,31 +129,35 @@ const columns = ref([
     className: "h",
     ellipsis: true,
   },
-])
+]);
 const initParams = {
-  keyWord: '',
+  keyWord: "",
   pageIndex: 1,
   pageSize: 10,
-  orderAsc: true
-}
-const params = ref(initParams)
+  orderAsc: true,
+};
+const params = ref(initParams);
 
 const rowSelectKeys = ref([]);
 const selectsData = ref([]);
 
-const {data, loading, total, fetch} = useBoeApiPage(EXAM_PAPER_PAGE, params.value, {
-  init: false,
-  result: res => res.result.list,
-  totalPage: res => res.result.totalPages,
-  total: res => res.result.count
-})
+const { data, loading, total, fetch } = useBoeApiPage(
+  EXAM_PAPER_PAGE,
+  params.value,
+  {
+    init: false,
+    result: (res) => res.result.list,
+    totalPage: (res) => res.result.totalPages,
+    total: (res) => res.result.count,
+  }
+);
 
 const customRow = (record) => ({
   onClick: () => {
-    rowSelectKeys.value = [record.id]
-    selectsData.value = [record]
-  }
-})
+    rowSelectKeys.value = [record.id];
+    selectsData.value = [record];
+  },
+});
 
 const pagination = computed(() => ({
   total: total.value,
@@ -167,20 +169,20 @@ const pagination = computed(() => ({
 
 const changePagination = (e) => {
   params.value.pageIndex = e;
-  fetch()
+  fetch();
 };
 const rowSelection = computed(() => ({
-  type: 'radio',
+  type: "radio",
   columnWidth: 20,
   selectedRowKeys: rowSelectKeys.value,
   onChange: onSelectChange,
   preserveSelectedRowKeys: true,
-  getCheckboxProps: getCheckboxProps
+  getCheckboxProps: getCheckboxProps,
 }));
 const getCheckboxProps = () => ({
   // 某几项默认禁止选中(R: 当state等于1时)
-  disabled: false
-})
+  disabled: false,
+});
 
 function onSelectChange(e, l) {
   rowSelectKeys.value = e;
@@ -188,42 +190,42 @@ function onSelectChange(e, l) {
 }
 
 function search() {
-  params.value.pageIndex = 1
-  fetch()
+  params.value.pageIndex = 1;
+  fetch();
 }
 
 function reset() {
   rowSelectKeys.value = [];
   selectsData.value = [];
-  params.value.pageIndex = 1
-  params.value.keyWord = ''
-  fetch()
+  params.value.pageIndex = 1;
+  params.value.keyWord = "";
+  fetch();
 }
 
 const closeDrawer = () => {
-  visible.value = false
-  reset()
+  visible.value = false;
+  reset();
 };
 
 function confirm() {
   if (!selectsData.value.length || !rowSelectKeys.value.length) {
     message.warning("请选择试卷！");
-    return
+    return;
   }
-  emit('update:id', selectsData.value[0].id)
-  emit('update:name', selectsData.value[0].testName)
-  closeDrawer()
+  emit("update:id", selectsData.value[0].id);
+  emit("update:name", selectsData.value[0].testName);
+  closeDrawer();
 }
 
 function openDrawer() {
-  visible.value = true
+  visible.value = true;
 }
 
 function createPage() {
-  createVisible.value = true
+  createVisible.value = true;
 }
 
-defineExpose({openDrawer})
+defineExpose({ openDrawer });
 </script>
 
 <style lang="scss">
@@ -264,7 +266,6 @@ defineExpose({openDrawer})
         flex-wrap: wrap;
         margin-top: 20px;
 
-
         .sealeft {
           display: flex;
           flex-wrap: wrap;
@@ -353,8 +354,8 @@ defineExpose({openDrawer})
         }
 
         .ant-table-tbody
-        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-        > td {
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
           background: #f6f9fd;
         }
 
diff --git a/src/components/growthpath/CommonTest.vue b/src/components/growthpath/CommonTest.vue
index aa475264..8004f458 100644
--- a/src/components/growthpath/CommonTest.vue
+++ b/src/components/growthpath/CommonTest.vue
@@ -331,13 +331,13 @@
         style="width: 100%; height: 100%; border: none"
         :src="iframeUrl + '/exam/papers?addnew=true'"
         name="myframe"
-        sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+        sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
       ></iframe>
     </div>
   </div>
 </template>
 <script setup>
-import { defineEmits, defineProps, ref, watch, computed,onMounted } from "vue";
+import { defineEmits, defineProps, ref, watch, computed, onMounted } from "vue";
 import GrowthSelectTest from "./GrowthSelectTest.vue";
 import { Form, message } from "ant-design-vue";
 import { useResetRef } from "@/utils/useCommon";
@@ -490,7 +490,7 @@ async function confirm() {
     message.warning("请输入数据来源");
     return;
   }
-  console.log(formData.value)
+  console.log(formData.value);
   await validate().catch(({ errorFields }) => {
     message.warning(errorFields[0].errors.join());
     throw Error("数据校验不通过");
diff --git a/src/components/growthpath/GrowthExa.vue b/src/components/growthpath/GrowthExa.vue
index 6dd92ba6..fcfc864c 100644
--- a/src/components/growthpath/GrowthExa.vue
+++ b/src/components/growthpath/GrowthExa.vue
@@ -377,7 +377,7 @@
             style="width: 100%; height: 100%; border: none"
             :src="iframeUrl + '/exam/papers?addnew=true'"
             name="myframe"
-            sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+            sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
           ></iframe>
         </div>
       </div>
diff --git a/src/components/growthpath/GrowthLineCourse.vue b/src/components/growthpath/GrowthLineCourse.vue
index 70d8d7fe..96b8762b 100644
--- a/src/components/growthpath/GrowthLineCourse.vue
+++ b/src/components/growthpath/GrowthLineCourse.vue
@@ -29,7 +29,7 @@
           }&refType=${14}&courseIds=&projectId=${props.growId}`"
           name="myframe"
           security="restricted"
-          sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+          sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
         ></iframe>
       </div>
     </a-spin>
diff --git a/src/views/article/ArticleManage.vue b/src/views/article/ArticleManage.vue
index 0144ea57..9e4977c7 100644
--- a/src/views/article/ArticleManage.vue
+++ b/src/views/article/ArticleManage.vue
@@ -17,7 +17,7 @@
       frameborder="0"
       name="myframe"
       security="restricted"
-      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
   </div>
 </template>
diff --git a/src/views/case/CaseManage.vue b/src/views/case/CaseManage.vue
index 5521049a..ad01c9c6 100644
--- a/src/views/case/CaseManage.vue
+++ b/src/views/case/CaseManage.vue
@@ -17,7 +17,7 @@
       frameborder="0"
       name="myframe"
       security="restricted"
-      sandbox="allow-forms allow-scripts allow-same-origin allow-popups allow-downloads"
+      sandbox="allow-forms allow-scripts allow-same-origin allow-popups allow-downloads allow-top-navigation"
     ></iframe>
   </div>
 </template>
diff --git a/src/views/courselibrary/CourseManage.vue b/src/views/courselibrary/CourseManage.vue
index c49f6a8b..9326910e 100644
--- a/src/views/courselibrary/CourseManage.vue
+++ b/src/views/courselibrary/CourseManage.vue
@@ -17,7 +17,7 @@
       frameborder="0"
       name="myframe"
       security="restricted"
-      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
   </div>
 </template>
diff --git a/src/views/courselibrary/OnlineManage.vue b/src/views/courselibrary/OnlineManage.vue
index 3d3c4060..7a88a2c6 100644
--- a/src/views/courselibrary/OnlineManage.vue
+++ b/src/views/courselibrary/OnlineManage.vue
@@ -11,28 +11,27 @@
 <template>
   <div class="courseManage">
     <iframe
-        id="iframe"
-        style="width: 100%; height: 100%"
-        :src="iframeUrl + '/course/manages?page=manage'"
-        frameborder="0"
-        name="myframe"
-        security="restricted"
-        sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      id="iframe"
+      style="width: 100%; height: 100%"
+      :src="iframeUrl + '/course/manages?page=manage'"
+      frameborder="0"
+      name="myframe"
+      security="restricted"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
     <OnlineClassModelStudent ref="stuRef" :type="13"></OnlineClassModelStudent>
   </div>
 </template>
 <script setup>
-import {onMounted, ref} from "vue";
-import {iframeUrl} from "@/api/method";
+import { onMounted, ref } from "vue";
+import { iframeUrl } from "@/api/method";
 import OnlineClassModelStudent from "@/components/student/OnlineClassModelStudent";
 
-const stuRef = ref()
+const stuRef = ref();
 
 onMounted(() => {
-  window.openSelectStu = stuRef.value.openDrawer
-})
-
+  window.openSelectStu = stuRef.value.openDrawer;
+});
 </script>
 <style lang="scss">
 .courseManage {
diff --git a/src/views/examination/ExaminationCenter.vue b/src/views/examination/ExaminationCenter.vue
index 47001e3a..6b98eee3 100644
--- a/src/views/examination/ExaminationCenter.vue
+++ b/src/views/examination/ExaminationCenter.vue
@@ -17,7 +17,7 @@
       frameborder="0"
       name="myframe"
       security="restricted"
-      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
   </div>
 </template>
diff --git a/src/views/examination/PaperManage.vue b/src/views/examination/PaperManage.vue
index a6c5f364..3fa3c3ea 100644
--- a/src/views/examination/PaperManage.vue
+++ b/src/views/examination/PaperManage.vue
@@ -17,7 +17,7 @@
       frameborder="0"
       name="myframe"
       security="restricted"
-      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
   </div>
 </template>
diff --git a/src/views/examination/QuestionManage.vue b/src/views/examination/QuestionManage.vue
index 6bec2382..7c3fc305 100644
--- a/src/views/examination/QuestionManage.vue
+++ b/src/views/examination/QuestionManage.vue
@@ -17,7 +17,7 @@
       frameborder="0"
       name="myframe"
       security="restricted"
-      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
   </div>
 </template>
diff --git a/src/views/examine/CourseReviewedN.vue b/src/views/examine/CourseReviewedN.vue
index 23945bff..5e6d16fc 100644
--- a/src/views/examine/CourseReviewedN.vue
+++ b/src/views/examine/CourseReviewedN.vue
@@ -8,246 +8,377 @@
 -->
 <!-- 待审核课程页面 coursereviewedn-->
 <template>
-	<div class="coursereviewedn">
-		<div class="tmpl">
-			<div class="tmpl_header">
-				<div class="tmplh_inp">
-					<div class="inpbox">
-						<div class="inpbox1">
-							<a-tree-select
-								:fieldNames="{
-									children: 'children',
-									label: 'name',
-									value: 'code',
-								}"
-								allow-clear
-								:getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
-								v-model:value="valueproj" 
-								show-search 
-								:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
-								placeholder="请选择内容分类" 
-								tree-default-expand-all 
-								:tree-data="sysTypeOptions">
-							</a-tree-select>
-						</div>
-						<div class="inpbox1">
-							<a-input v-model:value="valuecreater" style="
-								width: 270px;
-								height: 40px;
-								border-radius: 8px;
-								margin-right: 5%;
-								" placeholder="请输入创建人" />
-						</div>
-						<div class="inpbox1">
-							<a-input v-model:value="valuename" style="
-								width: 270px;
-								height: 40px;
-								border-radius: 8px;
-								margin-right:5%;
-								" placeholder="请输入名称" />
-						</div>
-						<div class="select addTimeBox">
-							<div class="addTime">创建时间：</div>
-							<a-range-picker
-								v-model:value="searchParam"
-								style="width: 420px"
-								format="YYYY-MM-DD"
-								separator="至"
-								:placeholder="['      开始时间', '        结束时间']"
-							/>
-						</div>
-					</div>
-				</div>
-				<div class="tmplh_btn">
-					<div class="btn btn1" @click="searchList">
-						<div class="search"></div>
-						<div class="btnText btnText1">搜索</div>
-					</div>
-					<div class="btn btn2" @click="reset">
-						<div class="search"></div>
-						<div class="btnText btnText2">重置</div>
-					</div>
-				</div>
-			</div>
-			<div class="tmpl_body">
-				<div class="tmpl_tabbox">
-					<a-table :columns="columns1" :data-source="tableData1" :loading="loading" expandRowByClick="true"
-						@expand="expandTable" :scroll="{ x: 1300 }" :pagination="false" />
-				</div>
-				<div class="tableBox">
-					<div class="pa">
-						<a-pagination v-if="total > 10" :showSizeChanger="false" show-quick-jumper :pageSize="pageSize"
-							v-model:current="currentPage" :total="total" class="pagination" @change="changePagination" />
-					</div>
-				</div>
-			</div>
-		</div>
-		<!-- 审核弹窗 -->
-		<a-modal v-model:visible="courAuditModal" :footer="null" :closable="closeBack" wrapClassName="courAuditModal"
-			centered="true">
-			<div class="delete">
-				<div class="del_header"></div>
-				<div class="del_main">
-					<div class="header">
-						<div class="icon"></div>
-						<span>审核</span>
-						<div class="close_exit" @click="closeCourAuditModal"></div>
-					</div>
-					<div class="body">
-						<div class="item">
-							<div class="left" style="color:#4ea6ff;">修改意见</div>
-							<div class="rig">
-							</div>
-						</div>
-						<!-- 修改记录详情 -->
-						<div v-if="openDetailVisibie" style="display: flex;width: 100%;margin-top: 12px;">
-							<a-table 
-								:columns="columns2" 
-								:data-source="tableData2" 
-								:loading="loading2" 
-								expandRowByClick="true"
-								@expand="expandTable" 
-								:scroll="{ y: 250 }" 
-								:pagination="false" />
-						</div>
-						<div style="display: flex;justify-content: center;align-items: center;height: 70px;">
-							<div @click="openDetail" style="cursor:pointer;padding: 2px 12px;border-radius: 4px;background: #4ea6ff;color: #fff;font-size: 14px;">
-								{{ openDetailVisibie?"详情折叠":"详情展开" }}
-							</div>
-						</div>
-						<div class="item">
-							<div class="left">审核：</div>
-							<div class="rig">
-								<a-radio-group name="radioGroup" v-model:value="valuepass">
-									<a-radio value="1">通过</a-radio>
-									<a-radio value="2" style="margin-left: 40px">不通过</a-radio>
-								</a-radio-group>
-							</div>
-						</div>
-						<div class="item" style="margin-top: 20px">
-							<div class="sign" style="position: relative; left: 30px; top: -2px">
-								<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
-							</div>
-							<div class="left">审核意见：</div>
-							<div class="rig">
-								<a-textarea v-model:value="valueSugg" :rows="4" show-count :maxlength="20" />
-							</div>
-						</div>
-					</div>
-					<div class="del_btnbox">
-						<div class="del_btn btn2" @click="closeCourAuditModal" style="margin-right: 32px;">
-							<div class="btnText">取消</div>
-						</div>
-						<div class="del_btn btn2" @click="sureCourAuditModal">
-							<div class="btnText">确定</div>
-						</div>
-					</div>
-					<div style="height:20px;"></div>
-				</div>
-			</div>
-		</a-modal>
-		<!-- 邀请审核弹窗 -->
-		<a-modal v-model:visible="courInvitationAuditModal" :footer="null" :closable="closeBack" wrapClassName="courAuditModal"
-			centered="true" style="height:400px;">
-			<div class="delete">
-				<div class="del_header"></div>
-				<div class="del_main" style="height:400px;">
-					<div class="header">
-						<div class="icon"></div>
-						<span>请选择教师</span>
-						<div class="close_exit" @click="closeInvitationCourAuditModal"></div>
-					</div>
-					<div class="body">
-						<div class="item" style="align-items: center;">
-							<div class="left">教师：</div>
-							<div class="rig" style="margin-left: 10px;">
-								<ProjectManager
-									placeholder="请输入教师姓名"
-									v-model:value="memberValue.value"
-									v-model:name="memberValue.label">
-								</ProjectManager>
-							</div>
-						</div>
-						<div class="item" style="margin-top: 20px">
-							<div class="sign" style="position: relative; left: 30px; top: -2px">
-								<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
-							</div>
-							<div class="left">邀请说明：</div>
-							<div class="rig">
-								<a-textarea v-model:value="valueSuggInvitation" :rows="4" show-count :maxlength="20" />
-							</div>
-						</div>
-					</div>
-					<div class="del_btnbox">
-						<div class="del_btn btn2" @click="closeInvitationCourAuditModal" style="margin-right: 32px;">
-							<div class="btnText">取消</div>
-						</div>
-						<div class="del_btn btn2" @click="sureInvitationCourAuditModal">
-							<div class="btnText">转审</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</a-modal>
-		<!-- 转审完成弹窗 -->
-		<a-modal v-model:visible="transferInvitationAuditModal" :footer="null" :closable="closeBack" wrapClassName="courAuditModal"
-			centered="true">
-			<div class="delete" style="height:460px;">
-				<div class="del_header"></div>
-				<div class="del_main">
-					<div class="header">
-						<div class="icon"></div>
-						<span>审核信息</span>
-						<div class="close_exit" @click="closeTransferInvitationCourAuditModal"></div>
-					</div>
-					<div class="body">
-						<div class="item" style="align-items: center;">
-							<div class="left">审核人：</div>
-							<div class="rig" style="margin-left: 10px;">
-								<span>{{transferCompletedModel.name}}</span>
-							</div>
-						</div>
-						<div class="item" style="align-items: center;margin-top: 20px;">
-							<div class="left">审核结果：</div>
-							<div class="rig" style="margin-left: 10px;">
-								<a-tag v-if="transferCompletedModel.result=='审核拒绝'" color="red">拒绝</a-tag>
-    							<a-tag v-if="transferCompletedModel.result=='审核通过'" color="green">通过</a-tag>
-							</div>
-						</div>
-						<div class="item" style="margin-top: 20px">
-							<div class="sign" style="position: relative; left: 30px; top: -2px">
-								<!-- <img src="@/assets/images/coursewareManage/asterisk.png" alt="" /> -->
-							</div>
-							<div class="left">审核备注：</div>
-							<div class="rig">
-								<a-textarea v-model:value="transferCompletedModel.remarks" :rows="4" :disabled="true" />
-							</div>
-						</div>
-						<div class="item" style="align-items: center;margin-top: 20px;">
-							<div class="left">审核时间：</div>
-							<div class="rig" style="margin-left: 10px;">
-								<span>{{transferCompletedModel.times}}</span>
-							</div>
-						</div>
-					</div>
-					<div class="del_btnbox">
-						<div class="del_btn btn2" @click="closeTransferInvitationCourAuditModal">
-							<div class="btnText">关闭</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</a-modal>
-		<!-- 预览弹窗 -->
-		<SeeModal :visible="lookCourseModal" :detail="faceDetailObj" @cancel="ft_exit" />
+  <div class="coursereviewedn">
+    <div class="tmpl">
+      <div class="tmpl_header">
+        <div class="tmplh_inp">
+          <div class="inpbox">
+            <div class="inpbox1">
+              <a-tree-select
+                :fieldNames="{
+                  children: 'children',
+                  label: 'name',
+                  value: 'code',
+                }"
+                allow-clear
+                :getPopupContainer="
+                  (triggerNode) => triggerNode.parentNode || document.body
+                "
+                v-model:value="valueproj"
+                show-search
+                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+                placeholder="请选择内容分类"
+                tree-default-expand-all
+                :tree-data="sysTypeOptions"
+              >
+              </a-tree-select>
+            </div>
+            <div class="inpbox1">
+              <a-input
+                v-model:value="valuecreater"
+                style="
+                  width: 270px;
+                  height: 40px;
+                  border-radius: 8px;
+                  margin-right: 5%;
+                "
+                placeholder="请输入创建人"
+              />
+            </div>
+            <div class="inpbox1">
+              <a-input
+                v-model:value="valuename"
+                style="
+                  width: 270px;
+                  height: 40px;
+                  border-radius: 8px;
+                  margin-right: 5%;
+                "
+                placeholder="请输入名称"
+              />
+            </div>
+            <div class="select addTimeBox">
+              <div class="addTime">创建时间：</div>
+              <a-range-picker
+                v-model:value="searchParam"
+                style="width: 420px"
+                format="YYYY-MM-DD"
+                separator="至"
+                :placeholder="['      开始时间', '        结束时间']"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="tmplh_btn">
+          <div class="btn btn1" @click="searchList">
+            <div class="search"></div>
+            <div class="btnText btnText1">搜索</div>
+          </div>
+          <div class="btn btn2" @click="reset">
+            <div class="search"></div>
+            <div class="btnText btnText2">重置</div>
+          </div>
+        </div>
+      </div>
+      <div class="tmpl_body">
+        <div class="tmpl_tabbox">
+          <a-table
+            :columns="columns1"
+            :data-source="tableData1"
+            :loading="loading"
+            expandRowByClick="true"
+            @expand="expandTable"
+            :scroll="{ x: 1300 }"
+            :pagination="false"
+          />
+        </div>
+        <div class="tableBox">
+          <div class="pa">
+            <a-pagination
+              v-if="total > 10"
+              :showSizeChanger="false"
+              show-quick-jumper
+              :pageSize="pageSize"
+              v-model:current="currentPage"
+              :total="total"
+              class="pagination"
+              @change="changePagination"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 审核弹窗 -->
+    <a-modal
+      v-model:visible="courAuditModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="courAuditModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>审核</span>
+            <div class="close_exit" @click="closeCourAuditModal"></div>
+          </div>
+          <div class="body">
+            <div class="item">
+              <div class="left" style="color: #4ea6ff">修改意见</div>
+              <div class="rig"></div>
+            </div>
+            <!-- 修改记录详情 -->
+            <div
+              v-if="openDetailVisibie"
+              style="display: flex; width: 100%; margin-top: 12px"
+            >
+              <a-table
+                :columns="columns2"
+                :data-source="tableData2"
+                :loading="loading2"
+                expandRowByClick="true"
+                @expand="expandTable"
+                :scroll="{ y: 250 }"
+                :pagination="false"
+              />
+            </div>
+            <div
+              style="
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                height: 70px;
+              "
+            >
+              <div
+                @click="openDetail"
+                style="
+                  cursor: pointer;
+                  padding: 2px 12px;
+                  border-radius: 4px;
+                  background: #4ea6ff;
+                  color: #fff;
+                  font-size: 14px;
+                "
+              >
+                {{ openDetailVisibie ? "详情折叠" : "详情展开" }}
+              </div>
+            </div>
+            <div class="item">
+              <div class="left">审核：</div>
+              <div class="rig">
+                <a-radio-group name="radioGroup" v-model:value="valuepass">
+                  <a-radio value="1">通过</a-radio>
+                  <a-radio value="2" style="margin-left: 40px">不通过</a-radio>
+                </a-radio-group>
+              </div>
+            </div>
+            <div class="item" style="margin-top: 20px">
+              <div
+                class="sign"
+                style="position: relative; left: 30px; top: -2px"
+              >
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <div class="left">审核意见：</div>
+              <div class="rig">
+                <a-textarea
+                  v-model:value="valueSugg"
+                  :rows="4"
+                  show-count
+                  :maxlength="20"
+                />
+              </div>
+            </div>
+          </div>
+          <div class="del_btnbox">
+            <div
+              class="del_btn btn2"
+              @click="closeCourAuditModal"
+              style="margin-right: 32px"
+            >
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="sureCourAuditModal">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+          <div style="height: 20px"></div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 邀请审核弹窗 -->
+    <a-modal
+      v-model:visible="courInvitationAuditModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="courAuditModal"
+      centered="true"
+      style="height: 400px"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main" style="height: 400px">
+          <div class="header">
+            <div class="icon"></div>
+            <span>请选择教师</span>
+            <div
+              class="close_exit"
+              @click="closeInvitationCourAuditModal"
+            ></div>
+          </div>
+          <div class="body">
+            <div class="item" style="align-items: center">
+              <div class="left">教师：</div>
+              <div class="rig" style="margin-left: 10px">
+                <ProjectManager
+                  placeholder="请输入教师姓名"
+                  v-model:value="memberValue.value"
+                  v-model:name="memberValue.label"
+                >
+                </ProjectManager>
+              </div>
+            </div>
+            <div class="item" style="margin-top: 20px">
+              <div
+                class="sign"
+                style="position: relative; left: 30px; top: -2px"
+              >
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <div class="left">邀请说明：</div>
+              <div class="rig">
+                <a-textarea
+                  v-model:value="valueSuggInvitation"
+                  :rows="4"
+                  show-count
+                  :maxlength="20"
+                />
+              </div>
+            </div>
+          </div>
+          <div class="del_btnbox">
+            <div
+              class="del_btn btn2"
+              @click="closeInvitationCourAuditModal"
+              style="margin-right: 32px"
+            >
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="sureInvitationCourAuditModal">
+              <div class="btnText">转审</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 转审完成弹窗 -->
+    <a-modal
+      v-model:visible="transferInvitationAuditModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="courAuditModal"
+      centered="true"
+    >
+      <div class="delete" style="height: 460px">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>审核信息</span>
+            <div
+              class="close_exit"
+              @click="closeTransferInvitationCourAuditModal"
+            ></div>
+          </div>
+          <div class="body">
+            <div class="item" style="align-items: center">
+              <div class="left">审核人：</div>
+              <div class="rig" style="margin-left: 10px">
+                <span>{{ transferCompletedModel.name }}</span>
+              </div>
+            </div>
+            <div class="item" style="align-items: center; margin-top: 20px">
+              <div class="left">审核结果：</div>
+              <div class="rig" style="margin-left: 10px">
+                <a-tag
+                  v-if="transferCompletedModel.result == '审核拒绝'"
+                  color="red"
+                  >拒绝</a-tag
+                >
+                <a-tag
+                  v-if="transferCompletedModel.result == '审核通过'"
+                  color="green"
+                  >通过</a-tag
+                >
+              </div>
+            </div>
+            <div class="item" style="margin-top: 20px">
+              <div
+                class="sign"
+                style="position: relative; left: 30px; top: -2px"
+              >
+                <!-- <img src="@/assets/images/coursewareManage/asterisk.png" alt="" /> -->
+              </div>
+              <div class="left">审核备注：</div>
+              <div class="rig">
+                <a-textarea
+                  v-model:value="transferCompletedModel.remarks"
+                  :rows="4"
+                  :disabled="true"
+                />
+              </div>
+            </div>
+            <div class="item" style="align-items: center; margin-top: 20px">
+              <div class="left">审核时间：</div>
+              <div class="rig" style="margin-left: 10px">
+                <span>{{ transferCompletedModel.times }}</span>
+              </div>
+            </div>
+          </div>
+          <div class="del_btnbox">
+            <div
+              class="del_btn btn2"
+              @click="closeTransferInvitationCourAuditModal"
+            >
+              <div class="btnText">关闭</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 预览弹窗 -->
+    <SeeModal
+      :visible="lookCourseModal"
+      :detail="faceDetailObj"
+      @cancel="ft_exit"
+    />
 
-		<!-- 审核在线课 -->
-		<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-downloads allow-scripts allow-same-origin allow-popups"></iframe>
-		</a-modal>
-	</div>
+    <!-- 审核在线课 -->
+    <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-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
+      ></iframe>
+    </a-modal>
+  </div>
 </template>
 <script lang="jsx">
 import {reactive, toRefs, onMounted, ref, computed} from "vue";
@@ -1029,694 +1160,695 @@ export default {
 </script>
 <style lang="scss">
 .addTimeBox {
-	top: 4px;
-	position: relative;
-	display: flex;
-	align-items: center;
+  top: 4px;
+  position: relative;
+  display: flex;
+  align-items: center;
 
-	.addTime {
-		position: absolute;
-		z-index: 10;
-		margin-left: 10px;
-		color: rgba(0, 0, 0, 0.4);
-	}
+  .addTime {
+    position: absolute;
+    z-index: 10;
+    margin-left: 10px;
+    color: rgba(0, 0, 0, 0.4);
+  }
 
-	.ant-picker {
-		padding-left: 85px;
-	}
+  .ant-picker {
+    padding-left: 85px;
+  }
 
-	.ant-picker-range .ant-picker-active-bar {
-		margin-left: 85px;
-	}
+  .ant-picker-range .ant-picker-active-bar {
+    margin-left: 85px;
+  }
 }
 .courAuditModal {
-	.ant-modal {
-		width: 640px !important;
-		height: auto;
+  .ant-modal {
+    width: 640px !important;
+    height: auto;
 
-		.ant-modal-content {
-			width: 640px !important;
-			height: auto;
+    .ant-modal-content {
+      width: 640px !important;
+      height: auto;
 
-			.ant-modal-body {
-				width: 640px !important;
-				height: auto;
-				padding: 0 !important;
+      .ant-modal-body {
+        width: 640px !important;
+        height: auto;
+        padding: 0 !important;
 
-				.delete {
-					z-index: 999;
-					width: 640px;
-					height: auto;
-					background: #ffffff;
-					box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-					border-radius: 4px;
+        .delete {
+          z-index: 999;
+          width: 640px;
+          height: auto;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
 
-					// position: absolute;
-					// left: 50%;
-					// top: 10%;
-					// transform: translate(-50%, -50%);
-					.del_header {
-						position: absolute;
-						width: calc(100%);
-						height: 68px;
-						background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
-								rgba(78, 166, 255, 0) 100%);
-					}
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
 
-					.del_main {
-						width: 100%;
-						position: relative;
+          .del_main {
+            width: 100%;
+            position: relative;
 
-						.header {
-							display: flex;
-							align-items: center;
-							padding-top: 20px;
-							padding-left: 26px;
-							font-size: 16px;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
 
-							.icon {
-								width: 16px;
-								height: 16px;
-								margin-right: 10px;
-								background-image: url(@/assets/images/taskpage/gan.png);
-								background-size: 100% 100%;
-							}
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/taskpage/gan.png);
+                background-size: 100% 100%;
+              }
 
-							.close_exit {
-								position: absolute;
-								right: 42px;
-								cursor: pointer;
-								width: 20px;
-								height: 20px;
-								background-image: url(@/assets/images/coursewareManage/close.png);
-								background-size: 100% 100%;
-							}
-						}
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
 
-						.body {
-							width: 100%;
-							margin: 34px auto 56px auto;
-							display: flex;
-							justify-content: center;
-							align-items: center;
-							flex-direction: column;
-							// background-color: red;
-							position: relative;
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
 
-							.item {
-								display: flex;
-								width: 100%;
+              .item {
+                display: flex;
+                width: 100%;
 
-								.left {
-									width: 110px;
-									text-align: right;
-								}
+                .left {
+                  width: 110px;
+                  text-align: right;
+                }
 
-								.rig {
-									width: 450px;
+                .rig {
+                  width: 450px;
 
-									.ant-input {
-										border-radius: 8px;
-										resize: none !important;
-									}
-								}
-							}
-						}
+                  .ant-input {
+                    border-radius: 8px;
+                    resize: none !important;
+                  }
+                }
+              }
+            }
 
-						.del_btnbox {
-							display: flex;
-							margin: 30px auto;
-							justify-content: center;
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
 
-							.del_btn {
-								width: 100px;
-								height: 40px;
-								background: rgba(64, 158, 255, 0);
-								border-radius: 8px;
-								display: flex;
-								align-items: center;
-								justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
 
-								flex-shrink: 0;
-								cursor: pointer;
+                flex-shrink: 0;
+                cursor: pointer;
 
-								.btnText {
-									font-size: 14px;
-									font-weight: 400;
-									line-height: 40px;
-								}
-							}
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
 
-							.btn1 {
-								border: 1px solid rgba(64, 158, 255, 1);
-								color: #4ea6ff;
-								margin-right: 14px;
-							}
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
 
-							.btn2 {
-								background-color: #4ea6ff;
-								color: #ffffff;
-							}
-						}
-					}
-				}
-			}
-		}
-	}
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 }
 
 .lookCourseModal {
-	.ant-modal {
-		.ant-modal-content {
+  .ant-modal {
+    .ant-modal-content {
+      // width:1358px !important;
+      .ant-modal-body {
+        .modalHeader {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
 
-			// width:1358px !important;
-			.ant-modal-body {
-				.modalHeader {
-					display: flex;
-					align-items: center;
-					justify-content: space-between;
+          .headerLeft {
+            margin-left: 27px;
+            display: flex;
+            align-items: center;
 
-					.headerLeft {
-						margin-left: 27px;
-						display: flex;
-						align-items: center;
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
 
-						.headerLeftText {
-							font-size: 16px;
-							font-weight: 400;
-							color: #000000;
-							line-height: 36px;
-						}
-					}
-				}
+        .modalMain {
+          .m_title {
+            margin-bottom: 20px;
+          }
 
-				.modalMain {
-					.m_title {
-						margin-bottom: 20px;
-					}
+          .m_body {
+            display: flex;
+            flex-wrap: wrap;
 
-					.m_body {
-						display: flex;
-						flex-wrap: wrap;
+            .mb_left {
+              width: 50%;
 
-						.mb_left {
-							width: 50%;
+              .mbl_items {
+                display: flex;
+                align-items: center;
+                justify-content: flex-end;
+                margin-bottom: 10px;
 
-							.mbl_items {
-								display: flex;
-								align-items: center;
-								justify-content: flex-end;
-								margin-bottom: 10px;
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
 
-								.item_nam {
-									width: 100px;
-									display: flex;
-									align-items: center;
-									justify-content: flex-end;
-									white-space: nowrap;
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
 
-									.asterisk_icon {
-										width: 10px;
-										height: 10px;
-										margin-right: 5px;
-										margin-top: -15px;
-									}
-								}
+                .item_inp {
+                  flex: 1;
+                  position: relative;
 
-								.item_inp {
-									flex: 1;
-									position: relative;
+                  .inp_num {
+                    position: absolute;
+                    left: 398px;
+                    top: 10px;
+                  }
+                }
+              }
 
-									.inp_num {
-										position: absolute;
-										left: 398px;
-										top: 10px;
-									}
-								}
-							}
+              .mbl_items2 {
+                display: flex;
+                align-items: start;
+                margin-top: 10px;
+                margin-bottom: 10px;
 
-							.mbl_items2 {
-								display: flex;
-								align-items: start;
-								margin-top: 10px;
-								margin-bottom: 10px;
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
 
-								.item_nam {
-									width: 100px;
-									display: flex;
-									align-items: center;
-									justify-content: flex-end;
-									white-space: nowrap;
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
 
-									.asterisk_icon {
-										width: 10px;
-										height: 10px;
-										margin-right: 5px;
-										margin-top: -15px;
-									}
-								}
+                .item_inp {
+                  flex: 1;
 
-								.item_inp {
-									flex: 1;
+                  .i_upload_img {
+                    width: 100px;
+                    height: 100px;
+                    border-radius: 8px;
+                  }
 
-									.i_upload_img {
-										width: 100px;
-										height: 100px;
-										border-radius: 8px;
-									}
+                  .i_upload {
+                    width: 100px;
+                    height: 100px;
+                    border: 1px solid #4ea6ff;
+                    border-radius: 8px;
+                    text-align: center;
+                    align-items: center;
+                    cursor: pointer;
 
-									.i_upload {
-										width: 100px;
-										height: 100px;
-										border: 1px solid #4ea6ff;
-										border-radius: 8px;
-										text-align: center;
-										align-items: center;
-										cursor: pointer;
+                    .addimg {
+                      position: relative;
 
-										.addimg {
-											position: relative;
+                      .heng {
+                        position: absolute;
+                        top: 50px;
+                        left: 25px;
+                        width: 50px;
+                        border: 1px solid #4ea6ff;
+                      }
 
-											.heng {
-												position: absolute;
-												top: 50px;
-												left: 25px;
-												width: 50px;
-												border: 1px solid #4ea6ff;
-											}
+                      .shu {
+                        position: absolute;
+                        top: 25px;
+                        left: 50px;
+                        height: 50px;
+                        border: 1px solid #4ea6ff;
+                      }
+                    }
+                  }
+                }
+              }
 
-											.shu {
-												position: absolute;
-												top: 25px;
-												left: 50px;
-												height: 50px;
-												border: 1px solid #4ea6ff;
-											}
-										}
-									}
-								}
-							}
+              .i2_cz {
+                width: 440px;
+                margin-left: 100px;
 
-							.i2_cz {
-								width: 440px;
-								margin-left: 100px;
+                .i2_top {
+                  display: flex;
+                  justify-content: space-between;
+                }
+              }
 
-								.i2_top {
-									display: flex;
-									justify-content: space-between;
-								}
-							}
+              .i8_bottom {
+                display: flex;
+                width: 440px;
+                margin-left: 100px;
+              }
+            }
 
-							.i8_bottom {
-								display: flex;
-								width: 440px;
-								margin-left: 100px;
-							}
-						}
+            .mb_right {
+              width: 50%;
 
-						.mb_right {
-							width: 50%;
+              .mbl_items {
+                display: flex;
+                align-items: flex-start;
+                justify-content: flex-end;
+                margin-bottom: 10px;
 
-							.mbl_items {
-								display: flex;
-								align-items: flex-start;
-								justify-content: flex-end;
-								margin-bottom: 10px;
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
 
-								.item_nam {
-									width: 100px;
-									display: flex;
-									align-items: center;
-									justify-content: flex-end;
-									white-space: nowrap;
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-top: -15px;
+                    margin-right: 5px;
+                  }
+                }
 
-									.asterisk_icon {
-										width: 10px;
-										height: 10px;
-										margin-top: -15px;
-										margin-right: 5px;
-									}
-								}
+                .item_inp {
+                  flex: 1;
+                }
 
-								.item_inp {
-									flex: 1;
-								}
+                .accessory {
+                  display: flex;
+                  align-items: center;
 
-								.accessory {
-									display: flex;
-									align-items: center;
+                  .accessory_icon {
+                    width: 16px;
+                    height: 16px;
+                    margin-top: -8px;
+                    margin-right: 5px;
+                  }
+                }
+              }
 
-									.accessory_icon {
-										width: 16px;
-										height: 16px;
-										margin-top: -8px;
-										margin-right: 5px;
-									}
-								}
-							}
+              .mbl_items2 {
+                display: flex;
+                align-items: start;
+                margin-bottom: 10px;
 
-							.mbl_items2 {
-								display: flex;
-								align-items: start;
-								margin-bottom: 10px;
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
 
-								.item_nam {
-									width: 100px;
-									display: flex;
-									align-items: center;
-									justify-content: flex-end;
-									white-space: nowrap;
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
 
-									.asterisk_icon {
-										width: 10px;
-										height: 10px;
-										margin-right: 5px;
-										margin-top: -15px;
-									}
-								}
+                .item_inp {
+                  flex: 1;
+                  position: relative;
 
-								.item_inp {
-									flex: 1;
-									position: relative;
+                  .inp_num {
+                    position: absolute;
+                    left: 395px;
+                    bottom: 10px;
+                  }
+                }
+              }
 
-									.inp_num {
-										position: absolute;
-										left: 395px;
-										bottom: 10px;
-									}
-								}
-							}
+              .mbl_items12 {
+                width: 440px;
+                margin-left: 100px;
 
-							.mbl_items12 {
-								width: 440px;
-								margin-left: 100px;
+                .i12_box1 {
+                  display: flex;
+                  align-items: center;
+                  padding: 17px 0px 17px 21px;
+                  border: 1px solid #eff4fc;
+                  border-radius: 8px;
+                  margin-bottom: 10px;
 
-								.i12_box1 {
-									display: flex;
-									align-items: center;
-									padding: 17px 0px 17px 21px;
-									border: 1px solid #eff4fc;
-									border-radius: 8px;
-									margin-bottom: 10px;
+                  .file_img {
+                    width: 27px;
+                    height: 32px;
+                    // background-image: url(@/assets/images/coursewareManage/imgs.png);
+                    margin-right: 22px;
 
-									.file_img {
-										width: 27px;
-										height: 32px;
-										// background-image: url(@/assets/images/coursewareManage/imgs.png);
-										margin-right: 22px;
+                    img {
+                      width: 100%;
+                      height: 100%;
+                    }
+                  }
 
-										img {
-											width: 100%;
-											height: 100%;
-										}
-									}
+                  .file_detail {
+                    width: 250px;
+                    margin-right: 21px;
 
-									.file_detail {
-										width: 250px;
-										margin-right: 21px;
+                    .file_updata {
+                      display: flex;
+                      align-items: center;
 
-										.file_updata {
-											display: flex;
-											align-items: center;
+                      .updatabox {
+                        position: relative;
+                        width: 230px;
+                        height: 5px;
+                        background-color: rgba(192, 192, 192, 0.25);
+                        border-radius: 3px;
 
-											.updatabox {
-												position: relative;
-												width: 230px;
-												height: 5px;
-												background-color: rgba(192, 192, 192, 0.25);
-												border-radius: 3px;
+                        .updatacolor {
+                          position: absolute;
+                          left: 0;
+                          width: 100%;
+                          height: 5px;
+                          background-color: #57c887;
+                          border-radius: 3px;
+                        }
 
-												.updatacolor {
-													position: absolute;
-													left: 0;
-													width: 100%;
-													height: 5px;
-													background-color: #57c887;
-													border-radius: 3px;
-												}
+                        .updatacolor2 {
+                          position: absolute;
+                          left: 0;
+                          width: 80%;
+                          height: 5px;
+                          background-color: #ff7474;
+                          border-radius: 3px;
+                        }
 
-												.updatacolor2 {
-													position: absolute;
-													left: 0;
-													width: 80%;
-													height: 5px;
-													background-color: #ff7474;
-													border-radius: 3px;
-												}
+                        .updatacolor3 {
+                          position: absolute;
+                          left: 0;
+                          width: 60%;
+                          height: 5px;
+                          background-color: #4ea6ff;
+                          border-radius: 3px;
+                        }
 
-												.updatacolor3 {
-													position: absolute;
-													left: 0;
-													width: 60%;
-													height: 5px;
-													background-color: #4ea6ff;
-													border-radius: 3px;
-												}
+                        .updataxq {
+                          position: absolute;
+                          right: 2px;
+                          top: -30px;
+                          color: #57c887;
+                        }
 
-												.updataxq {
-													position: absolute;
-													right: 2px;
-													top: -30px;
-													color: #57c887;
-												}
+                        .updataxq2 {
+                          position: absolute;
+                          right: 2px;
+                          top: -30px;
+                          color: #ff7474;
+                        }
 
-												.updataxq2 {
-													position: absolute;
-													right: 2px;
-													top: -30px;
-													color: #ff7474;
-												}
+                        .updataxq3 {
+                          position: absolute;
+                          right: 2px;
+                          top: -30px;
+                          color: #4ea6ff;
+                        }
+                      }
+                    }
+                  }
 
-												.updataxq3 {
-													position: absolute;
-													right: 2px;
-													top: -30px;
-													color: #4ea6ff;
-												}
-											}
-										}
-									}
+                  .file_operation {
+                    display: flex;
 
-									.file_operation {
-										display: flex;
+                    .fobox {
+                      margin-right: 5px;
+                      cursor: pointer;
+                    }
+                  }
+                }
+              }
+            }
+          }
 
-										.fobox {
-											margin-right: 5px;
-											cursor: pointer;
-										}
-									}
-								}
-							}
-						}
-					}
+          .m_footer {
+            display: flex;
+            margin: 20px 0;
 
-					.m_footer {
-						display: flex;
-						margin: 20px 0;
+            .fotnam {
+              width: 100px;
+              display: flex;
+              justify-content: end;
+              padding-right: 15px;
+            }
 
-						.fotnam {
-							width: 100px;
-							display: flex;
-							justify-content: end;
-							padding-right: 15px;
-						}
+            .fotarea {
+              position: relative;
 
-						.fotarea {
-							position: relative;
+              .fuwenben {
+                width: 90%;
+                height: 20px;
+                background-color: rgb(95, 95, 95);
+                position: absolute;
+                left: 50%;
+                transform: translate(-50%, 0);
+                top: 3px;
+                z-index: 9999;
+              }
+            }
+          }
 
-							.fuwenben {
-								width: 90%;
-								height: 20px;
-								background-color: rgb(95, 95, 95);
-								position: absolute;
-								left: 50%;
-								transform: translate(-50%, 0);
-								top: 3px;
-								z-index: 9999;
-							}
-						}
-					}
+          .m_btn {
+            width: 100%;
+            margin-top: 25px;
+            margin-bottom: 20px;
+            display: flex;
+            justify-content: center;
+            align-content: center;
 
-					.m_btn {
-						width: 100%;
-						margin-top: 25px;
-						margin-bottom: 20px;
-						display: flex;
-						justify-content: center;
-						align-content: center;
+            .btn {
+              width: 100px;
+              height: 40px;
+              background: rgba(64, 158, 255, 0);
+              border-radius: 8px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              margin-right: 14px;
+              flex-shrink: 0;
+              cursor: pointer;
 
-						.btn {
-							width: 100px;
-							height: 40px;
-							background: rgba(64, 158, 255, 0);
-							border-radius: 8px;
-							display: flex;
-							align-items: center;
-							justify-content: center;
-							margin-right: 14px;
-							flex-shrink: 0;
-							cursor: pointer;
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 40px;
+              }
+            }
 
-							.btnText {
-								font-size: 14px;
-								font-weight: 400;
-								line-height: 40px;
-							}
-						}
+            .btn5 {
+              border: 1px solid rgba(64, 158, 255, 1);
+              color: #4ea6ff;
+            }
 
-						.btn5 {
-							border: 1px solid rgba(64, 158, 255, 1);
-							color: #4ea6ff;
-						}
-
-						.btn6 {
-							background-color: #4ea6ff;
-							color: #ffffff;
-						}
-					}
-				}
-			}
-		}
-	}
+            .btn6 {
+              background-color: #4ea6ff;
+              color: #ffffff;
+            }
+          }
+        }
+      }
+    }
+  }
 }
 
 .coursereviewedn {
-	width: 100%;
+  width: 100%;
 
-	.tmpl {
-		width: 100%;
+  .tmpl {
+    width: 100%;
 
-		.tmpl_header {
-			display: flex;
-			flex-wrap: wrap;
-			justify-content: space-between;
-			margin-bottom: 32px;
+    .tmpl_header {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      margin-bottom: 32px;
 
-			margin-left: 32px;
-			margin-right: 32px;
+      margin-left: 32px;
+      margin-right: 32px;
 
-			.tmplh_inp {
-				.inpbox {
-					display: flex;
-					margin-top: 32px;
-					flex-wrap: wrap;
+      .tmplh_inp {
+        .inpbox {
+          display: flex;
+          margin-top: 32px;
+          flex-wrap: wrap;
 
-					.inpbox1 {
-						display: flex;
-						justify-content: center;
-						align-items: center;
-						margin-right: 24px;
-						margin-top: 10px;
+          .inpbox1 {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin-right: 24px;
+            margin-top: 10px;
 
-						.ant-select-selector {
-							border-radius: 8px;
-							width: 270px;
-							height: 40px;
-							padding-top: 5px;
-						}
+            .ant-select-selector {
+              border-radius: 8px;
+              width: 270px;
+              height: 40px;
+              padding-top: 5px;
+            }
 
-						span {
-							white-space: nowrap;
-						}
-					}
-				}
-			}
+            span {
+              white-space: nowrap;
+            }
+          }
+        }
+      }
 
-			.tmplh_btn {
-				display: flex;
-				// margin-left: 38px;
-				margin-top: 42px;
+      .tmplh_btn {
+        display: flex;
+        // margin-left: 38px;
+        margin-top: 42px;
 
-				.btn {
-					padding: 0px 26px 0px 26px;
-					height: 38px;
-					border-radius: 8px;
-					display: flex;
-					align-items: center;
-					justify-content: center;
-					margin-right: 14px;
-					cursor: pointer;
-					flex-shrink: 0;
+        .btn {
+          padding: 0px 26px 0px 26px;
+          height: 38px;
+          border-radius: 8px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 14px;
+          cursor: pointer;
+          flex-shrink: 0;
 
-					.search {
-						background-size: 100%;
-					}
+          .search {
+            background-size: 100%;
+          }
 
-					.btnText {
-						font-size: 14px;
-						font-weight: 400;
-						line-height: 36px;
-						margin-left: 5px;
-					}
+          .btnText {
+            font-size: 14px;
+            font-weight: 400;
+            line-height: 36px;
+            margin-left: 5px;
+          }
 
-					.btnText1 {
-						color: rgb(255, 255, 255);
-					}
+          .btnText1 {
+            color: rgb(255, 255, 255);
+          }
 
-					.btnText2 {
-						color: rgb(255, 255, 255);
-					}
-				}
+          .btnText2 {
+            color: rgb(255, 255, 255);
+          }
+        }
 
-				.btn1 {
-					background: #4ea6ff;
+        .btn1 {
+          background: #4ea6ff;
 
-					.search {
-						width: 15px;
-						height: 17px;
-						background-image: url("../../assets/images/courseManage/search0.png");
-					}
-				}
-				.btn2:active {
-					background: #0982ff;
-				}
-				.btn1:active {
-					background: #0982ff;
-				}
-				.btn2 {
-					background: #4ea6ff;
-					border: 1px solid #4ea6ff;
+          .search {
+            width: 15px;
+            height: 17px;
+            background-image: url("../../assets/images/courseManage/search0.png");
+          }
+        }
+        .btn2:active {
+          background: #0982ff;
+        }
+        .btn1:active {
+          background: #0982ff;
+        }
+        .btn2 {
+          background: #4ea6ff;
+          border: 1px solid #4ea6ff;
 
-					.search {
-						width: 16px;
-						height: 18px;
-						background-image: url("../../assets/images/courseManage/reset0.png");
-					}
-				}
-			}
-		}
+          .search {
+            width: 16px;
+            height: 18px;
+            background-image: url("../../assets/images/courseManage/reset0.png");
+          }
+        }
+      }
+    }
 
-		.tmpl_body {
-			padding: 0px 30px;
+    .tmpl_body {
+      padding: 0px 30px;
 
-			.tmpl_tabbox {
-				.operation {
-					display: flex;
-					justify-content: center;
-					align-items: center;
-					color: #4ea6ff;
+      .tmpl_tabbox {
+        .operation {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          color: #4ea6ff;
 
-					.nselect {
-						justify-content: center;
-						align-items: center;
-						display: flex;
+          .nselect {
+            justify-content: center;
+            align-items: center;
+            display: flex;
 
-						.jc {
-							margin-left: 20px;
-							white-space: nowrap;
-							cursor: pointer;
-						}
-					}
-				}
-			}
+            .jc {
+              margin-left: 20px;
+              white-space: nowrap;
+              cursor: pointer;
+            }
+          }
+        }
+      }
 
-			.pa {
-				width: 100%;
-				margin-top: 20px;
-				display: flex;
-				justify-content: center;
-			}
-		}
-	}
+      .pa {
+        width: 100%;
+        margin-top: 20px;
+        display: flex;
+        justify-content: center;
+      }
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/examine/OnlineReviewed.vue b/src/views/examine/OnlineReviewed.vue
index 31e343bc..9039d0dd 100644
--- a/src/views/examine/OnlineReviewed.vue
+++ b/src/views/examine/OnlineReviewed.vue
@@ -7,13 +7,12 @@
       frameborder="0"
       name="myframe"
       security="restricted"
-      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
   </div>
 </template>
 <script setup>
-import {iframeUrl} from "@/api/method";
-
+import { iframeUrl } from "@/api/method";
 </script>
 <style lang="scss">
 .courseManage {
diff --git a/src/views/examine/TobeOnlineReviewed.vue b/src/views/examine/TobeOnlineReviewed.vue
index 78325edc..ce332491 100644
--- a/src/views/examine/TobeOnlineReviewed.vue
+++ b/src/views/examine/TobeOnlineReviewed.vue
@@ -7,13 +7,12 @@
       frameborder="0"
       name="myframe"
       security="restricted"
-      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
   </div>
 </template>
 <script setup>
-import {iframeUrl} from "@/api/method";
-
+import { iframeUrl } from "@/api/method";
 </script>
 <style lang="scss">
 .courseManage {
diff --git a/src/views/questionsanswers/QAManage.vue b/src/views/questionsanswers/QAManage.vue
index d8315647..cfe828e6 100644
--- a/src/views/questionsanswers/QAManage.vue
+++ b/src/views/questionsanswers/QAManage.vue
@@ -17,7 +17,7 @@
       frameborder="0"
       name="myframe"
       security="restricted"
-      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
   </div>
 </template>
diff --git a/src/views/system/AudienceManage.vue b/src/views/system/AudienceManage.vue
index 855b09ac..7ade48f9 100644
--- a/src/views/system/AudienceManage.vue
+++ b/src/views/system/AudienceManage.vue
@@ -1,19 +1,17 @@
 <template>
   <div class="courseManage">
     <iframe
-        id="iframe"
-        style="width: 100%; height: 100%"
-        :src="`${BOE_URL}/pc/iframe/ugroup/manages`"
-        name="myframe"
-        security="restricted"
-        sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      id="iframe"
+      style="width: 100%; height: 100%"
+      :src="`${BOE_URL}/pc/iframe/ugroup/manages`"
+      name="myframe"
+      security="restricted"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
   </div>
 </template>
 <script setup>
-
-const BOE_URL = window.location.protocol + process.env.VUE_APP_BOE_API_URL
-
+const BOE_URL = window.location.protocol + process.env.VUE_APP_BOE_API_URL;
 </script>
 <style lang="scss">
 .courseManage {
diff --git a/src/views/system/DictManage.vue b/src/views/system/DictManage.vue
index d705b9a6..c8df5d41 100644
--- a/src/views/system/DictManage.vue
+++ b/src/views/system/DictManage.vue
@@ -1,19 +1,17 @@
 <template>
   <div class="courseManage">
     <iframe
-        id="iframe"
-        style="width: 100%; height: 100%"
-        :src="`${BOE_URL}/platform/sys/dwdictionary`"
-        name="myframe"
-        security="restricted"
-        sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      id="iframe"
+      style="width: 100%; height: 100%"
+      :src="`${BOE_URL}/platform/sys/dwdictionary`"
+      name="myframe"
+      security="restricted"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
   </div>
 </template>
 <script setup>
-
-const BOE_URL = window.location.protocol + process.env.VUE_APP_BOE_API_URL
-
+const BOE_URL = window.location.protocol + process.env.VUE_APP_BOE_API_URL;
 </script>
 <style lang="scss">
 .courseManage {
diff --git a/src/views/system/OldSystemManage.vue b/src/views/system/OldSystemManage.vue
index 61ecd492..fb299eff 100644
--- a/src/views/system/OldSystemManage.vue
+++ b/src/views/system/OldSystemManage.vue
@@ -1,19 +1,17 @@
 <template>
   <div class="courseManage">
     <iframe
-        id="iframe"
-        style="width: 100%; height: 100%"
-        :src="`${BOE_URL}/resource/index.html`"
-        name="myframe"
-        security="restricted"
-        sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      id="iframe"
+      style="width: 100%; height: 100%"
+      :src="`${BOE_URL}/resource/index.html`"
+      name="myframe"
+      security="restricted"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
   </div>
 </template>
 <script setup>
-
-const BOE_URL = window.location.protocol + process.env.VUE_APP_BOE_API_URL
-
+const BOE_URL = window.location.protocol + process.env.VUE_APP_BOE_API_URL;
 </script>
 <style lang="scss">
 .courseManage {
diff --git a/src/views/system/ReadingClubManage.vue b/src/views/system/ReadingClubManage.vue
index b2e83d9f..452e8098 100644
--- a/src/views/system/ReadingClubManage.vue
+++ b/src/views/system/ReadingClubManage.vue
@@ -1,19 +1,17 @@
 <template>
   <div class="courseManage">
     <iframe
-        id="iframe"
-        style="width: 100%; height: 100%"
-        :src="`${BOE_URL}/train/manager/index.html`"
-        name="myframe"
-        security="restricted"
-        sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups"
+      id="iframe"
+      style="width: 100%; height: 100%"
+      :src="`${BOE_URL}/train/manager/index.html`"
+      name="myframe"
+      security="restricted"
+      sandbox="allow-forms allow-downloads allow-scripts allow-same-origin allow-popups allow-top-navigation"
     ></iframe>
   </div>
 </template>
 <script setup>
-
-const BOE_URL = window.location.protocol + process.env.VUE_APP_BOE_API_URL
-
+const BOE_URL = window.location.protocol + process.env.VUE_APP_BOE_API_URL;
 </script>
 <style lang="scss">
 .courseManage {