diff --git a/src/App.vue b/src/App.vue
index 73dde7df..7b16dfab 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -43,7 +43,7 @@ export default defineComponent({
     const store = useStore();
     const isLogin = ref(false);
     // console.log("router", router.getRoutes(), route);
-    console.log("版本0.9.4------------");
+    console.log("版本0.9.5------------");
     const routes = computed(() => {
       return router.getRoutes().filter((e) => e.meta?.isLink);
     });
diff --git a/src/api/config.js b/src/api/config.js
index 12ebbb91..ad08a305 100644
--- a/src/api/config.js
+++ b/src/api/config.js
@@ -2,7 +2,7 @@
  * @Author: lixg lixg@dongwu-inc.com
  * @Date: 2022-11-21 14:32:52
  * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2022-12-07 13:41:47
+ * @LastEditTime: 2022-12-08 08:48:26
  * @FilePath: /fe-manage/src/api/config.js
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -56,7 +56,7 @@ http.interceptors.response.use(
       return response;
     } else {
       if (code === 1000) {
-        // window.open("https://u-pre.boe.com/web/", '_self');
+        window.open("https://u-pre.boe.com/web/", '_self');
         // window.open("http://111.231.196.214:12013/manage/login", '_self');
       }
       console.log("api %o", msg);
diff --git a/src/components/common/BaseUpload.vue b/src/components/common/BaseUpload.vue
new file mode 100644
index 00000000..3920b81e
--- /dev/null
+++ b/src/components/common/BaseUpload.vue
@@ -0,0 +1,85 @@
+<template>
+  <a-upload
+      :file-list="files"
+      action="/manageApi/file/upload"
+      :show-upload-list="showUploadList"
+      :multiple="multiple"
+      :before-upload="beforeUpload"
+      @change="handleChange"
+      ref="imageRef"
+  >
+    <template v-for="(_, key, index) in $slots" :key="index" v-slot:[key]>
+      <slot :name="key"></slot>
+    </template>
+  </a-upload>
+</template>
+<script setup>
+import {defineProps, defineEmits, defineExpose, ref, watch} from "vue";
+import {message} from "ant-design-vue";
+
+const props = defineProps({
+  value: {
+    type: Array,
+    default: () => []
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  showUploadList: {
+    type: Boolean,
+    default: false
+  },
+  fileType: {
+    type: Array,
+    default: () => []
+  }
+})
+
+const emit = defineEmits({})
+
+const files = ref([])
+const imageRef = ref()
+
+watch(props, () => {
+  props.value.length !== files.value.length && (files.value = props.value)
+})
+
+function handleChange({file, fileList}) {
+  file.response && file.response.code === 200 && (file.url = file.response.data)
+  files.value = fileList
+  emit('update:value', fileList)
+}
+
+function beforeUpload(file) {
+  if (!props.fileType.includes(file.name.split(".").slice(-1).join(''))) {
+    message.error(
+        "不支持该格式"
+    );
+    return false;
+  }
+}
+
+function remove(i) {
+  files.value.splice(i, 1)
+  emit('update:value', files.value)
+}
+
+function reUpload(i) {
+  if (files.value[i].status === 'ready' || files.value[i].status === 'uploading') {
+    imageRef.value.abort(files.value[i].raw)
+    files.value[i].status = 'abort';
+  } else if (files.value[i].status === 'fail' || files.value[i].status === 'abort') {
+    imageRef.value.handleStart(files.value[i].raw)
+    imageRef.value.submit()
+  }
+}
+
+function abort(i) {
+  imageRef.value.abort(files.value[i].raw)
+}
+
+
+defineExpose({reUpload, remove, abort})
+
+</script>
diff --git a/src/components/common/FJUpload.vue b/src/components/common/FJUpload.vue
new file mode 100644
index 00000000..90500d44
--- /dev/null
+++ b/src/components/common/FJUpload.vue
@@ -0,0 +1,202 @@
+<template>
+  <div>
+    <div>
+      <Upload v-model:value="files" ref="uploadRef" :file-type="fileType">
+        <div class="accessory" style="cursor: pointer">
+          <span class="accessory_icon">
+            <img
+                src="@/assets/images/coursewareManage/enclosure.png"
+                alt="enclosure"
+            />
+          </span>
+          <span style="color: #4ea6ff;margin-left:10px">添加附件</span>
+        </div>
+      </Upload>
+      <div>支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip</div>
+    </div>
+    <div class="mbl_items12" style="margin-left: 0">
+      <div
+          class="i12_box1"
+          v-for="(item, index) in files"
+          style="align-items: flex-end"
+          :key="index"
+      >
+        <div class="file_img"></div>
+        <div class="file_detail">
+          <div class="file_name">
+            <span style="color: #6f6f6f">{{ item.name }}</span>
+          </div>
+          <!--          <div class="file_size">-->
+          <!--            <span style="color: #999ba3">{{ item.size }}</span>-->
+          <!--          </div>-->
+          <div class="file_updata">
+            <div class="updatabox">
+              <div
+                  :class="`${{uploading: 'updatacolor3', done: 'updatacolor' ,error: 'updatacolor2'}[item.status] || 'updatacolor'}`"
+                  :style="{width:`${item.status==='uploading'?parseInt(item.percent):100}%`}"></div>
+              <div v-if="item.status"
+                   :class="`${{uploading: 'updataxq1', done: 'updataxq' ,error: 'updataxq2'}[item.status] || 'updataxq'}`">
+                {{ {uploading: '正在上传', done: '上传完成', error: '上传失败'}[item.status] || '' }}
+              </div>
+            </div>
+            <div class="upjd" v-if="item.percent">
+              <span style="margin: auto 5px">{{ item.status === 'uploading' ? parseInt(item.percent) : 100 }}%</span>
+            </div>
+          </div>
+        </div>
+        <div class="file_operation" @click="del(index)" style="color: #4ea6ff">
+          删除
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+import {defineEmits, defineProps, ref, watch, onMounted} from "vue";
+import Upload from "./BaseUpload.vue";
+
+const emit = defineEmits({})
+const props = defineProps({
+  value: String,
+})
+const files = ref([])
+const uploadRef = ref()
+
+const fileType = ref([
+  "jpg",
+  "jpeg",
+  "png",
+  "gif",
+  "pdf",
+  "ppt",
+  "pptx",
+  "doc",
+  "docx",
+  "xls",
+  "xlsx",
+  "zip",
+])
+
+onMounted(() => {
+  init()
+})
+
+watch(files, () => {
+  files.value && files.value.length && emit('update:value', files.value.filter(e => e.url).map(e => e.url).join(','))
+})
+
+watch(props, init)
+
+function init() {
+  if (props.value !== files.value.map(e => e.url).join(',')) {
+    files.value = props.value ? props.value.split(',').map(e => ({name: e, url: e})) : []
+  }
+}
+
+function del(i) {
+  uploadRef.value.remove(i)
+}
+
+</script>
+<style lang="scss">
+.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;
+
+    .file_img {
+      width: 27px;
+      height: 32px;
+      background-image: url(@/assets/images/coursewareManage/imgs.png);
+      margin-right: 22px;
+
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .file_detail {
+      width: 250px;
+      margin-right: 21px;
+
+      .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;
+
+          .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;
+          }
+
+          .updatacolor3 {
+            position: absolute;
+            left: 0;
+            width: 60%;
+            height: 5px;
+            background-color: #388be1;
+            border-radius: 3px;
+          }
+
+          .updataxq {
+            position: absolute;
+            right: 2px;
+            top: -30px;
+            color: #57c887;
+          }
+
+          .updataxq1 {
+            position: absolute;
+            right: 2px;
+            top: -30px;
+            color: #388be1;
+          }
+
+          .updataxq2 {
+            position: absolute;
+            right: 2px;
+            top: -30px;
+            color: #ff7474;
+          }
+        }
+      }
+    }
+
+    .file_operation {
+      display: flex;
+
+      .fobox {
+        margin-right: 5px;
+        cursor: pointer;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/common/Upload.vue b/src/components/common/Upload.vue
deleted file mode 100644
index 93d8e718..00000000
--- a/src/components/common/Upload.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <div>12312</div>
-</template>
-<script setup>
-import {reactive} from "vue";
-
-const options = reactive([]);
-
-</script>
diff --git a/src/components/project/ProjectLevel.vue b/src/components/project/ProjectLevel.vue
index c8eeee67..539865a9 100644
--- a/src/components/project/ProjectLevel.vue
+++ b/src/components/project/ProjectLevel.vue
@@ -1,17 +1,22 @@
 <template>
-  <a-select
-      :getPopupContainer="
+  <template v-if="tag">
+    <div>{{ options?.find(e => e.value == id)?.label || '' }}</div>
+  </template>
+  <template v-else>
+    <a-select
+        :getPopupContainer="
                           (triggerNode) => {
                             return triggerNode.parentNode || document.body;
                           }
                         "
-      v-model:value="id"
-      :options="options"
-      style="width: 100%"
-      placeholder="请选择项目级别"
-      @change="change"
-      :disabled="disabled"
-  />
+        v-model:value="id"
+        :options="options"
+        style="width: 100%"
+        placeholder="请选择项目级别"
+        @change="change"
+        :disabled="disabled"
+    />
+  </template>
 </template>
 <script setup>
 import {computed, defineEmits, defineProps, onMounted, ref} from "vue";
@@ -21,7 +26,11 @@ import {useStore} from "vuex";
 const store = useStore();
 const props = defineProps({
   value: String,
-  disabled: String
+  disabled: String,
+  tag: {
+    type: Boolean,
+    default: false
+  }
 })
 
 const id = computed(() => {
diff --git a/src/components/project/TrainClass.vue b/src/components/project/TrainClass.vue
index 3d837b53..9ddbebd5 100644
--- a/src/components/project/TrainClass.vue
+++ b/src/components/project/TrainClass.vue
@@ -1,17 +1,23 @@
 <template>
-  <a-select
-      :getPopupContainer="
+  <template v-if="tag">
+    <div>{{ options.find(e => e.value == id)?.label || '' }}</div>
+  </template>
+  <template v-else>
+    <a-select
+        :getPopupContainer="
                           (triggerNode) => {
                             return triggerNode.parentNode || document.body;
                           }
                         "
-      v-model:value="id"
-      :options="options"
-      style="width: 100%"
-      placeholder="请选择分类"
-      @change="change"
-      :disabled="disabled"
-  />
+        v-model:value="id"
+        :options="options"
+        style="width: 100%"
+        placeholder="请选择分类"
+        @change="change"
+        :disabled="disabled"
+    />
+  </template>
+
 </template>
 <script setup>
 import {computed, defineEmits, defineProps, onMounted, ref} from "vue";
@@ -21,7 +27,11 @@ const store = useStore();
 
 const props = defineProps({
   value: String,
-  disabled: String
+  disabled: String,
+  tag: {
+    type: Boolean,
+    default: false
+  }
 })
 
 const id = computed(() => {
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 3ed260b3..52cb527f 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -7,60 +7,60 @@
         <div class="filterItems">
           <div class="fi_input fitems">
             <a-input
-              v-model:value="createName"
-              style="width: 270px; height: 40px; border-radius: 8px"
-              placeholder="请输入创建人"
+                v-model:value="createName"
+                style="width: 270px; height: 40px; border-radius: 8px"
+                placeholder="请输入创建人"
             />
           </div>
           <div class="fi_input fitems">
             <a-input
-              v-model:value="name"
-              style="width: 270px; height: 40px; border-radius: 8px"
-              placeholder="请输入名称"
+                v-model:value="name"
+                style="width: 270px; height: 40px; border-radius: 8px"
+                placeholder="请输入名称"
             />
           </div>
           <div class="fi_input fitems">
             <a-input
-              v-model:value="projectName"
-              style="width: 270px; height: 40px; border-radius: 8px"
-              placeholder="请输入所属项目"
+                v-model:value="projectName"
+                style="width: 270px; height: 40px; border-radius: 8px"
+                placeholder="请输入所属项目"
             />
           </div>
           <div class="select fitems">
             <a-select
-              v-model:value="auditStatus"
-              dropdownClassName="dropdown-style"
-              style="width: 200px"
-              placeholder="请选择状态"
-              :options="options1"
-              allowClear
-              showSearch
+                v-model:value="auditStatus"
+                dropdownClassName="dropdown-style"
+                style="width: 200px"
+                placeholder="请选择状态"
+                :options="options1"
+                allowClear
+                showSearch
             >
             </a-select>
           </div>
           <div class="select fitems">
             <a-select
-              v-model:value="categoryId"
-              dropdownClassName="dropdown-style"
-              style="width: 200px"
-              placeholder="请选择内容分类"
-              :options="options2"
-              allowClear
-              showSearch
+                v-model:value="categoryId"
+                dropdownClassName="dropdown-style"
+                style="width: 200px"
+                placeholder="请选择内容分类"
+                :options="options2"
+                allowClear
+                showSearch
             ></a-select>
           </div>
           <div class="select fitems">
             <a-range-picker
-              v-model:value="projectTime"
-              :show-time="{
+                v-model:value="projectTime"
+                :show-time="{
                 defaultValue: [
                   moment('00:00:00', 'HH:mm:ss'),
                   moment('23:59:59', 'HH:mm:ss'),
                 ],
               }"
-              valueFormat="X"
-              separator="至"
-              :placeholder="['        开始时间', '        结束时间']"
+                valueFormat="X"
+                separator="至"
+                :placeholder="['        开始时间', '        结束时间']"
             />
           </div>
         </div>
@@ -88,16 +88,16 @@
     </div>
     <!-- 选择线上还是面授课弹窗 -->
     <a-modal
-      v-model:visible="of_hs"
-      :closable="closableQR"
-      wrapClassName="sofModal"
-      :footer="null"
-      style="margin-top: 400px"
-      @cancel="of_exit"
+        v-model:visible="of_hs"
+        :closable="closableQR"
+        wrapClassName="sofModal"
+        :footer="null"
+        style="margin-top: 400px"
+        @cancel="of_exit"
     >
       <div
-        class="selectonlineface"
-        :style="{ display: of_hs ? 'block' : 'none' }"
+          class="selectonlineface"
+          :style="{ display: of_hs ? 'block' : 'none' }"
       >
         <div class="of_header"></div>
         <div class="of_main">
@@ -111,18 +111,18 @@
               <div class="signbox">
                 <div class="sign">
                   <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                      src="@/assets/images/coursewareManage/asterisk.png"
+                      alt=""
                   />
                 </div>
                 <span style="margin-right: 3px">课程名称：</span>
               </div>
               <div class="b_input">
                 <a-input
-                  v-model:value="xzinputV1"
-                  maxlength="20"
-                  style="width: 440px; height: 40px; border-radius: 8px"
-                  placeholder="请输入课程名称"
+                    v-model:value="xzinputV1"
+                    maxlength="20"
+                    style="width: 440px; height: 40px; border-radius: 8px"
+                    placeholder="请输入课程名称"
                 />
                 <div class="inp_num">
                   <span style="color: #c7cbd2">{{ xzinputV1.length }}/20</span>
@@ -136,8 +136,8 @@
                 </div>
                 <div class="b_right" @click="hideShow" style="cursor: pointer">
                   <div
-                    class="b_zk"
-                    :style="{ display: hideshow ? 'block' : 'none' }"
+                      class="b_zk"
+                      :style="{ display: hideshow ? 'block' : 'none' }"
                   >
                     <div class="zksqbox" style="display: flex">
                       <span style="color: #4ea6ff; margin-right: 5px">
@@ -145,15 +145,15 @@
                       </span>
                       <div class="b_icon">
                         <img
-                          src="@/assets/images/coursewareManage/up.png"
-                          alt=""
+                            src="@/assets/images/coursewareManage/up.png"
+                            alt=""
                         />
                       </div>
                     </div>
                   </div>
                   <div
-                    class="b_sq"
-                    :style="{ display: hideshow ? 'none' : 'block' }"
+                      class="b_sq"
+                      :style="{ display: hideshow ? 'none' : 'block' }"
                   >
                     <div class="zksqbox" style="display: flex">
                       <span style="color: #4ea6ff; margin-right: 5px">
@@ -161,8 +161,8 @@
                       </span>
                       <div class="b_icon">
                         <img
-                          src="@/assets/images/coursewareManage/down.png"
-                          alt=""
+                            src="@/assets/images/coursewareManage/down.png"
+                            alt=""
                         />
                       </div>
                     </div>
@@ -170,8 +170,8 @@
                 </div>
               </div>
               <div
-                class="bl_detail"
-                :style="{ display: hideshow ? 'block' : 'none' }"
+                  class="bl_detail"
+                  :style="{ display: hideshow ? 'block' : 'none' }"
               >
                 <span style="color: #999ba3">
                   1、课程名称统一不加书名号。<br />
@@ -187,8 +187,8 @@
               <div class="signbox">
                 <div class="sign">
                   <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                      src="@/assets/images/coursewareManage/asterisk.png"
+                      alt=""
                   />
                 </div>
                 <span>授课形式</span>
@@ -198,9 +198,9 @@
                   <div class="bc_boxl">
                     <div class="ol_checkbox">
                       <a-radio
-                        v-model:checked="checked"
-                        :value="1"
-                        @click="bs_hShow"
+                          v-model:checked="checked"
+                          :value="1"
+                          @click="bs_hShow"
                       >
                         线上
                       </a-radio>
@@ -209,9 +209,9 @@
                   <div class="bc_boxr">
                     <div class="ol_checkbox">
                       <a-radio
-                        v-model:checked="checked"
-                        :value="2"
-                        @click="clear_valueE1"
+                          v-model:checked="checked"
+                          :value="2"
+                          @click="clear_valueE1"
                       >
                         面授
                       </a-radio>
@@ -225,8 +225,8 @@
                 <div class="signbox">
                   <div class="sign">
                     <img
-                      src="@/assets/images/coursewareManage/asterisk.png"
-                      alt=""
+                        src="@/assets/images/coursewareManage/asterisk.png"
+                        alt=""
                     />
                   </div>
                   <span>是否设置目录</span>
@@ -235,18 +235,18 @@
                   <div class="bc_box">
                     <div class="ol_checkbox">
                       <a-radio
-                        v-model:checked="checked"
-                        :value="3"
-                        @click="clear_valueE2"
+                          v-model:checked="checked"
+                          :value="3"
+                          @click="clear_valueE2"
                       >
                         是
                       </a-radio>
                     </div>
                     <div class="ol_checkbox">
                       <a-radio
-                        v-model:checked="checked"
-                        :value="4"
-                        @click="clear_valueE2"
+                          v-model:checked="checked"
+                          :value="4"
+                          @click="clear_valueE2"
                       >
                         否
                       </a-radio>
@@ -269,489 +269,34 @@
     </a-modal>
     <!-- 选择线上还是面授课弹窗 -->
     <!-- 确定新建面授课弹窗 -->
-    <a-modal
-      v-model:visible="ft_hs"
-      title="Title"
-      @ok="handlePush"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle facteachModal"
-      width="80%"
-      @cancel="ft_exit_1"
-    >
-      <div class="modalHeader">
-        <div class="headerLeft">
-          <img
-            style="width: 17px; height: 18px; margin-right: 8px"
-            src="../../assets/images/basicinfo/add.png"
-          />
-          <span v-if="ft_eidt" class="headerLeftText">编辑面授课</span>
-          <span v-else class="headerLeftText">新建面授课</span>
-        </div>
-        <div style="margin-right: 57px; cursor: pointer">
-          <img
-            @click="ft_exit_1"
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
-          />
-        </div>
-      </div>
-      <div class="modalMain">
-        <!-- 审核理由 -->
-        <div v-if="statusJuJue" class="statusJuJue">
-          <span>审核意见：</span>
-          <span>{{auditDescription}}</span>
-        </div>
-        <div class="faceteach" :style="{ display: ft_hs ? 'block' : 'none' }">
-          <div class="ft_main">
-            <div class="m_title">课程信息</div>
-            <div class="m_body">
-              <div class="mb_left">
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
-                      />
-                    </div>
-                    <span style="margin-right: 14px">课程名称</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="i1_input">
-                      <a-input
-                        v-model:value="qdms_inputV1"
-                        maxlength="90"
-                        style="width: 440px; height: 40px; border-radius: 8px"
-                        placeholder="请输入课程名称"
-                      />
-                      <div class="inp_num">
-                        <span style="color: #c7cbd2">
-                          {{ qdms_inputV1.length }}/90
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="i2_cz">
-                  <div class="i2_top">
-                    <div class="i2_left">
-                      <span style="color: #999ba3">课程命名规则</span>
-                    </div>
-                    <div
-                      class="i2_right"
-                      @click="hideShow"
-                      style="cursor: pointer"
-                    >
-                      <div
-                        class="b_zk"
-                        :style="{ display: hideshow ? 'block' : 'none' }"
-                      >
-                        <span style="color: #4ea6ff">收起</span>
-                      </div>
-                      <div
-                        class="b_sq"
-                        :style="{ display: hideshow ? 'none' : 'block' }"
-                      >
-                        <span style="color: #4ea6ff">展开</span>
-                      </div>
-                      <div class="b_icon"></div>
-                    </div>
-                  </div>
-                  <div
-                    class="i2_detail"
-                    :style="{ display: hideshow ? 'block' : 'none' }"
-                  >
-                    <span style="color: #999ba3">
-                      1、课程名称统一不加书名号。<br />
-                      2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
-                      之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
-                      看到的是课程内容主题。<br />
-                      3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
-                      版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
-                    </span>
-                  </div>
-                </div>
-                <div class="mbl_items2">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
-                      />
-                    </div>
-                    <span style="margin-right: 14px">封面图</span>
-                  </div>
-                  <div class="item_inp">
-                    <a-select
-                      :getPopupContainer="
-                        (triggerNode) => {
-                          return triggerNode.parentNode || document.body;
-                        }
-                      "
-                      v-model:value="feng_mian_1"
-                      dropdownClassName="dropdown-style"
-                      style="width: 440px"
-                      placeholder="请选择"
-                      :options="optionsUrl"
-                      allowClear
-                      showSearch
-                    ></a-select>
-                    <img
-                      class="i_upload_img"
-                      v-if="feng_mian_1"
-                      :src="feng_mian_1"
-                      alt="avatar"
-                    />
-                    <!-- <a-upload
-                      name="avatar"
-                      list-type="picture-card"
-                      class="avatar-uploader"
-                      :show-upload-list="false"
-                      :before-upload="beforeUpload"
-                      disabled
-                    >
-                      <img
-                        class="i_upload_img"
-                        v-if="imageUrl"
-                        :src="imageUrl"
-                        alt="avatar"
-                      />
-                      <div class="i_upload" v-else>
-                        <div class="addimg">
-                          <div class="heng"></div>
-                          <div class="shu"></div>
-                        </div>
-                      </div>
-                    </a-upload> -->
-                    <div class="i_bottom">
-                      <span style="color: #999ba3">
-                        高宽比为16:9 (如:800*450) png或jpg图片
-                      </span>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
-                        style="width: 10px; height: 10px"
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
-                      />
-                    </div>
-                    <span style="margin-right: 14px">目标人群</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="i1_input">
-                      <a-input
-                        v-model:value="qdms_inputV2"
-                        maxlength="50"
-                        style="width: 440px; height: 40px; border-radius: 8px"
-                        placeholder="请输入目标人群"
-                      />
-                      <div class="inp_num">
-                        <span style="color: #c7cbd2">
-                          {{ qdms_inputV2.length }}/50
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <span style="margin-right: 14px">课程价值</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="i1_input">
-                      <a-input
-                        v-model:value="qdms_inputV3"
-                        maxlength="200"
-                        style="width: 440px; height: 40px; border-radius: 8px"
-                        placeholder="请输入课程价值"
-                      />
-                      <div class="inp_num">
-                        <span style="color: #c7cbd2">
-                          {{ qdms_inputV3.length }}/200
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
-                      />
-                    </div>
-                    <span style="margin-right: 14px">内容分类</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="select i6_input">
-                      <a-select
-                        :getPopupContainer="
-                          (triggerNode) => {
-                            return triggerNode.parentNode || document.body;
-                          }
-                        "
-                        v-model:value="fen_lei"
-                        dropdownClassName="dropdown-style"
-                        style="width: 440px"
-                        placeholder="请选择"
-                        :options="options2"
-                        allowClear
-                        showSearch
-                      ></a-select>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <span style="margin-right: 14px">场景</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="select i7_input">
-                      <a-select
-                        :getPopupContainer="
-                          (triggerNode) => {
-                            return triggerNode.parentNode || document.body;
-                          }
-                        "
-                        v-model:value="chang_jin"
-                        dropdownClassName="dropdown-style"
-                        style="width: 440px"
-                        placeholder="请选择"
-                        :options="options3"
-                        allowClear
-                        showSearch
-                      ></a-select>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <span style="margin-right: 14px">内容标签</span>
-                  </div>
-                  <div class="item_inp">
-                    <!-- <a-select
-                      :getPopupContainer="
-                        (triggerNode) => {
-                          return triggerNode.parentNode || document.body;
-                        }
-                      "
-                      v-model:value="tags_val"
-                      mode="tags"
-                      style="width: 440px; height: 40px"
-                      placeholder="请输入按回车键创建成功"
-                      :options="tagsOptions"
-                    ></a-select> -->
-                    <a-input
-                      v-model:value="tags_val_single"
-                      placeholder="请输入按回车键创建成功"
-                      @pressEnter="handleTagChange"
-                    />
-                    <div class="tag-content">
-                      <a-tag
-                        v-for="(item, index) in tags_val"
-                        :key="index"
-                        closable
-                        @close="handleTagClose(index)"
-                      >
-                        {{ item }}
-                      </a-tag>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="mb_right">
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt="asterisk"
-                      />
-                    </div>
-                    <!-- 授课教师1 -->
-                    <span style="margin-right: 14px">授课教师</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="i1_input">
-                      <ProjectManager
-                        v-model:value="member.value"
-                        v-model:name="member.name"
-                      ></ProjectManager>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items2">
-                  <div class="item_nam">
-                    <span style="margin-right: 14px">课程简介</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="i10_textarea">
-                      <a-textarea
-                        v-model:value="qdms_inputV6"
-                        maxlength="150"
-                        style="width: 440px; height: 100px; border-radius: 8px"
-                        placeholder="请输入"
-                      />
-                      <div class="inp_num">
-                        <span style="color: #c7cbd2">
-                          {{ qdms_inputV6.length }}/150
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <span style="margin-right: 10px">附件</span>
-                  </div>
-                  <div class="item_inp">
-                    <a-upload
-                      multiple
-                      :show-upload-list="false"
-                      :before-upload="beforeUpload2"
-                    >
-                      <div class="accessory" style="cursor: pointer">
-                        <div class="accessory_icon">
-                          <img
-                            src="@/assets/images/coursewareManage/enclosure.png"
-                            alt="enclosure"
-                          />
-                        </div>
-                        <span style="color: #4ea6ff">添加附件</span>
-                      </div>
-                    </a-upload>
-                    <span>
-                      支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
-                    </span>
-                  </div>
-                </div>
-                <div class="mbl_items12">
-                  <div
-                    class="i12_box1"
-                    v-for="(item, index) in imgList"
-                    :key="index"
-                  >
-                    <div class="file_img"></div>
-                    <div class="file_detail">
-                      <!-- <div class="file_name">
-                        <span style="color: #6f6f6f">{{ item.name }}</span>
-                      </div> -->
-                      <!-- 条件渲染 s -->
-                      <!-- <div class="file_size">
-                        <span style="color: #999ba3">{{ item.size }}</span>
-                      </div> -->
-                      <div class="file_updata">
-                        <div class="updatabox">
-                          <div class="updatacolor"></div>
-                          <div class="updataxq">上传完成</div>
-                          <!-- <div class="updatacolor2"></div>
-                          <div class="updataxq2">上传失败</div> -->
-                          <!-- <div class="updatacolor3"></div>
-                          <div class="updataxq3">正在上传</div> -->
-                        </div>
-                        <div class="upjd">
-                          <span style="margin: auto 5px">100%</span>
-                        </div>
-                      </div>
-                      <!-- 条件渲染 e -->
-                    </div>
-                    <div class="file_operation">
-                      <div class="fobox">
-                        <span style="color: #4ea6ff" @click="handleDel(index)">
-                          删除
-                        </span>
-                      </div>
-                      <!-- <div class="fobox">
-                        <span style="color: #4ea6ff">重传</span>
-                      </div>
-                      <div class="fobox">
-                        <span style="color: #4ea6ff">取消</span>
-                      </div> -->
-                      <!-- <div class="fobox">
-                        <span style="color: #4ea6ff; margin-right: 5px">
-                          暂停
-                        </span>
-                      </div>
-                      <div class="fobox">
-                        <span style="color: #4ea6ff">取消</span>
-                      </div> -->
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="m_footer">
-              <div class="fotnam">
-                <span>课程大纲</span>
-              </div>
-              <div class="fotarea">
-                <div style="border: 1px solid #ccc">
-                  <Toolbar
-                    style="border-bottom: 1px solid #ccc"
-                    :editor="editorRef"
-                    :defaultConfig="toolbarConfig"
-                    :mode="mode"
-                  />
-                  <Editor
-                    style="height: 250px; overflow-y: hidden"
-                    v-model="valueHtml"
-                    :defaultConfig="editorConfig"
-                    :mode="mode"
-                    @onCreated="handleCreated"
-                  />
-                </div>
-              </div>
-            </div>
-            <div class="m_btn">
-              <div class="btn btn5" @click="ft_exit_1">
-                <div class="btnText">取消</div>
-              </div>
-              <div class="btn btn6" @click="handlePush">
-                <div class="btnText">保存</div>
-              </div>
-
-              <div
-                class="btn btn6"
-                v-if="statusTingQi == 1"
-                @click="reviewClick"
-              >
-                <div class="btnText">提交审核</div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
+    <CourseModal
+        ref="CourseModalRef"
+        @visibleClose="closeOnlineCoursevisible"
+    />
     <!-- 查看面授课弹框 start -->
     <a-modal
-      v-model:visible="lookMs"
-      title="Title"
-      @ok="handlelookMs"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle facteachModal"
-      width="80%"
-      @cancel="handlelookMs"
+        v-model:visible="lookMs"
+        title="Title"
+        @ok="handlelookMs"
+        :footer="null"
+        :closable="false"
+        wrapClassName="modalStyle facteachModal"
+        width="80%"
+        @cancel="handlelookMs"
     >
       <div class="modalHeader">
         <div class="headerLeft">
           <img
-            style="width: 17px; height: 18px; margin-right: 8px"
-            src="../../assets/images/basicinfo/add.png"
+              style="width: 17px; height: 18px; margin-right: 8px"
+              src="../../assets/images/basicinfo/add.png"
           />
           <span class="headerLeftText">查看面授课</span>
         </div>
         <div style="margin-right: 57px; cursor: pointer">
           <img
-            @click="handlelookMs"
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
+              @click="handlelookMs"
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
           />
         </div>
       </div>
@@ -765,8 +310,8 @@
                   <div class="item_nam">
                     <div class="asterisk_icon">
                       <img
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
+                          src="@/assets/images/coursewareManage/asterisk.png"
+                          alt=""
                       />
                     </div>
                     <span style="margin-right: 14px">课程名称</span>
@@ -774,11 +319,11 @@
                   <div class="item_inp">
                     <div class="i1_input">
                       <a-input
-                        aria-readonly="true"
-                        v-model:value="qdms_inputV1"
-                        maxlength="90"
-                        style="width: 440px; height: 40px; border-radius: 8px"
-                        placeholder="请输入课程名称"
+                          aria-readonly="true"
+                          v-model:value="qdms_inputV1"
+                          maxlength="90"
+                          style="width: 440px; height: 40px; border-radius: 8px"
+                          placeholder="请输入课程名称"
                       />
                       <div class="inp_num">
                         <span style="color: #c7cbd2">
@@ -794,19 +339,19 @@
                       <span style="color: #999ba3">课程命名规则</span>
                     </div>
                     <div
-                      class="i2_right"
-                      @click="hideShow"
-                      style="cursor: pointer"
+                        class="i2_right"
+                        @click="hideShow"
+                        style="cursor: pointer"
                     >
                       <div
-                        class="b_zk"
-                        :style="{ display: hideshow ? 'block' : 'none' }"
+                          class="b_zk"
+                          :style="{ display: hideshow ? 'block' : 'none' }"
                       >
                         <span style="color: #4ea6ff">收起</span>
                       </div>
                       <div
-                        class="b_sq"
-                        :style="{ display: hideshow ? 'none' : 'block' }"
+                          class="b_sq"
+                          :style="{ display: hideshow ? 'none' : 'block' }"
                       >
                         <span style="color: #4ea6ff">展开</span>
                       </div>
@@ -814,8 +359,8 @@
                     </div>
                   </div>
                   <div
-                    class="i2_detail"
-                    :style="{ display: hideshow ? 'block' : 'none' }"
+                      class="i2_detail"
+                      :style="{ display: hideshow ? 'block' : 'none' }"
                   >
                     <span style="color: #999ba3">
                       1、课程名称统一不加书名号。<br />
@@ -831,32 +376,32 @@
                   <div class="item_nam">
                     <div class="asterisk_icon">
                       <img
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
+                          src="@/assets/images/coursewareManage/asterisk.png"
+                          alt=""
                       />
                     </div>
                     <span style="margin-right: 14px">封面图</span>
                   </div>
                   <div class="item_inp">
                     <a-select
-                      :getPopupContainer="
+                        :getPopupContainer="
                         (triggerNode) => {
                           return triggerNode.parentNode || document.body;
                         }
                       "
-                      v-model:value="feng_mian_2"
-                      dropdownClassName="dropdown-style"
-                      style="width: 440px"
-                      placeholder="请选择"
-                      :options="optionsUrl"
-                      allowClear
-                      showSearch
+                        v-model:value="feng_mian_2"
+                        dropdownClassName="dropdown-style"
+                        style="width: 440px"
+                        placeholder="请选择"
+                        :options="optionsUrl"
+                        allowClear
+                        showSearch
                     ></a-select>
                     <img
-                      class="i_upload_img"
-                      v-if="feng_mian_2"
-                      :src="feng_mian_2"
-                      alt="avatar"
+                        class="i_upload_img"
+                        v-if="feng_mian_2"
+                        :src="feng_mian_2"
+                        alt="avatar"
                     />
                     <!-- <a-upload
                       name="avatar"
@@ -890,9 +435,9 @@
                   <div class="item_nam">
                     <div class="asterisk_icon">
                       <img
-                        style="width: 10px; height: 10px"
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
+                          style="width: 10px; height: 10px"
+                          src="@/assets/images/coursewareManage/asterisk.png"
+                          alt=""
                       />
                     </div>
                     <span style="margin-right: 14px">目标人群</span>
@@ -900,10 +445,10 @@
                   <div class="item_inp">
                     <div class="i1_input">
                       <a-input
-                        v-model:value="qdms_inputV2"
-                        maxlength="50"
-                        style="width: 440px; height: 40px; border-radius: 8px"
-                        placeholder="请输入目标人群"
+                          v-model:value="qdms_inputV2"
+                          maxlength="50"
+                          style="width: 440px; height: 40px; border-radius: 8px"
+                          placeholder="请输入目标人群"
                       />
                       <div class="inp_num">
                         <span style="color: #c7cbd2">
@@ -920,10 +465,10 @@
                   <div class="item_inp">
                     <div class="i1_input">
                       <a-input
-                        v-model:value="qdms_inputV3"
-                        maxlength="200"
-                        style="width: 440px; height: 40px; border-radius: 8px"
-                        placeholder="请输入课程价值"
+                          v-model:value="qdms_inputV3"
+                          maxlength="200"
+                          style="width: 440px; height: 40px; border-radius: 8px"
+                          placeholder="请输入课程价值"
                       />
                       <div class="inp_num">
                         <span style="color: #c7cbd2">
@@ -937,8 +482,8 @@
                   <div class="item_nam">
                     <div class="asterisk_icon">
                       <img
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
+                          src="@/assets/images/coursewareManage/asterisk.png"
+                          alt=""
                       />
                     </div>
                     <span style="margin-right: 14px">内容分类</span>
@@ -946,18 +491,18 @@
                   <div class="item_inp">
                     <div class="select i6_input">
                       <a-select
-                        :getPopupContainer="
+                          :getPopupContainer="
                           (triggerNode) => {
                             return triggerNode.parentNode || document.body;
                           }
                         "
-                        v-model:value="fen_lei"
-                        dropdownClassName="dropdown-style"
-                        style="width: 440px"
-                        placeholder="请选择"
-                        :options="options2"
-                        allowClear
-                        showSearch
+                          v-model:value="fen_lei"
+                          dropdownClassName="dropdown-style"
+                          style="width: 440px"
+                          placeholder="请选择"
+                          :options="options2"
+                          allowClear
+                          showSearch
                       ></a-select>
                     </div>
                   </div>
@@ -969,18 +514,18 @@
                   <div class="item_inp">
                     <div class="select i7_input">
                       <a-select
-                        :getPopupContainer="
+                          :getPopupContainer="
                           (triggerNode) => {
                             return triggerNode.parentNode || document.body;
                           }
                         "
-                        v-model:value="chang_jin"
-                        dropdownClassName="dropdown-style"
-                        style="width: 440px"
-                        placeholder="请选择"
-                        :options="options3"
-                        allowClear
-                        showSearch
+                          v-model:value="chang_jin"
+                          dropdownClassName="dropdown-style"
+                          style="width: 440px"
+                          placeholder="请选择"
+                          :options="options3"
+                          allowClear
+                          showSearch
                       ></a-select>
                     </div>
                   </div>
@@ -991,16 +536,16 @@
                   </div>
                   <div class="item_inp">
                     <a-select
-                      :getPopupContainer="
+                        :getPopupContainer="
                         (triggerNode) => {
                           return triggerNode.parentNode || document.body;
                         }
                       "
-                      v-model:value="tags_val"
-                      mode="tags"
-                      style="width: 440px; height: 40px"
-                      placeholder="请输入按回车键创建成功"
-                      :options="tagsOptions"
+                        v-model:value="tags_val"
+                        mode="tags"
+                        style="width: 440px; height: 40px"
+                        placeholder="请输入按回车键创建成功"
+                        :options="tagsOptions"
                     ></a-select>
                   </div>
                 </div>
@@ -1010,8 +555,8 @@
                   <div class="item_nam">
                     <div class="asterisk_icon">
                       <img
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt="asterisk"
+                          src="@/assets/images/coursewareManage/asterisk.png"
+                          alt="asterisk"
                       />
                     </div>
                     <span style="margin-right: 14px">授课教师</span>
@@ -1019,8 +564,8 @@
                   <div class="item_inp">
                     <div class="i1_input">
                       <ProjectManager
-                        v-model:value="member.value"
-                        v-model:name="member.name"
+                          v-model:value="member.value"
+                          v-model:name="member.name"
                       ></ProjectManager>
                     </div>
                   </div>
@@ -1032,10 +577,10 @@
                   <div class="item_inp">
                     <div class="i10_textarea">
                       <a-textarea
-                        v-model:value="qdms_inputV6"
-                        maxlength="150"
-                        style="width: 440px; height: 100px; border-radius: 8px"
-                        placeholder="请输入"
+                          v-model:value="qdms_inputV6"
+                          maxlength="150"
+                          style="width: 440px; height: 100px; border-radius: 8px"
+                          placeholder="请输入"
                       />
                       <div class="inp_num">
                         <span style="color: #c7cbd2">
@@ -1051,15 +596,15 @@
                   </div>
                   <div class="item_inp">
                     <a-upload
-                      multiple
-                      :show-upload-list="false"
-                      :before-upload="beforeUpload2"
+                        multiple
+                        :show-upload-list="false"
+                        :before-upload="beforeUpload2"
                     >
                       <div class="accessory" style="cursor: pointer">
                         <div class="accessory_icon">
                           <img
-                            src="@/assets/images/coursewareManage/enclosure.png"
-                            alt="enclosure"
+                              src="@/assets/images/coursewareManage/enclosure.png"
+                              alt="enclosure"
                           />
                         </div>
                         <span style="color: #4ea6ff">添加附件</span>
@@ -1072,9 +617,9 @@
                 </div>
                 <div class="mbl_items12">
                   <div
-                    class="i12_box1"
-                    v-for="(item, index) in imgList"
-                    :key="index"
+                      class="i12_box1"
+                      v-for="(item, index) in imgList"
+                      :key="index"
                   >
                     <div class="file_img"></div>
                     <div class="file_detail">
@@ -1132,17 +677,17 @@
               <div class="fotarea">
                 <div style="border: 1px solid #ccc">
                   <Toolbar
-                    style="border-bottom: 1px solid #ccc"
-                    :editor="editorRef"
-                    :defaultConfig="toolbarConfig"
-                    :mode="mode"
+                      style="border-bottom: 1px solid #ccc"
+                      :editor="editorRef"
+                      :defaultConfig="toolbarConfig"
+                      :mode="mode"
                   />
                   <Editor
-                    style="height: 250px; overflow-y: hidden"
-                    v-model="valueHtml"
-                    :defaultConfig="editorConfig"
-                    :mode="mode"
-                    @onCreated="handleCreated"
+                      style="height: 250px; overflow-y: hidden"
+                      v-model="valueHtml"
+                      :defaultConfig="editorConfig"
+                      :mode="mode"
+                      @onCreated="handleCreated"
                   />
                 </div>
               </div>
@@ -1164,30 +709,30 @@
     <!-- 表格 -->
     <div class="tableBox">
       <a-table
-        :columns="columns1"
-        :data-source="tableData1"
-        :loading="tableDataTotal1 === -1 ? true : false"
-        :scroll="{ x: 600 }"
-        expandRowByClick="true"
-        @expand="expandTable"
-        :pagination="false"
+          :columns="columns1"
+          :data-source="tableData1"
+          :loading="tableDataTotal1 === -1 ? true : false"
+          :scroll="{ x: 600 }"
+          expandRowByClick="true"
+          @expand="expandTable"
+          :pagination="false"
       >
         <template #bodyCell="{ record, column }">
           <template
-            v-if="
+              v-if="
               (String(record.status) === '0' || record.status === '未提交') &&
               column.key === 'operation'
             "
           >
             <span
-              :class="[
+                :class="[
                 String(record.courseform) === '1'
                   ? 'disabled table-operation'
                   : 'table-operation',
               ]"
             >
               <a
-                @click="
+                  @click="
                   () => {
                     handleEdit(record, String(record.courseform));
                   }
@@ -1196,7 +741,7 @@
                 编辑
               </a>
               <a
-                @click="
+                  @click="
                   () => {
                     handleCopy(record, String(record.courseform));
                   }
@@ -1208,7 +753,7 @@
                 <template #overlay>
                   <a-menu>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1220,7 +765,7 @@
                       权限名单
                     </a-menu-item>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1232,7 +777,7 @@
                       归属权
                     </a-menu-item>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1240,10 +785,10 @@
                           showViewPrower(record);
                         }
                       "
-                      >查看权</a-menu-item
+                    >查看权</a-menu-item
                     >
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1251,7 +796,7 @@
                           showManagePrower(record);
                         }
                       "
-                      >管理权</a-menu-item
+                    >管理权</a-menu-item
                     >
                   </a-menu>
                 </template>
@@ -1261,7 +806,7 @@
                 </a>
               </a-dropdown>
               <a
-                @click="
+                  @click="
                   () => {
                     handleDelete(record, String(record.courseform));
                   }
@@ -1272,20 +817,20 @@
             </span>
           </template>
           <template
-            v-if="
+              v-if="
               (String(record.status) === '1' || record.status === '待审核') &&
               column.key === 'operation'
             "
           >
             <span
-              :class="[
+                :class="[
                 String(record.courseform) === '1'
                   ? 'disabled table-operation'
                   : 'table-operation',
               ]"
             >
               <a
-                @click="
+                  @click="
                   () => {
                     handleRejectExit(record, String(record.courseform));
                   }
@@ -1294,7 +839,7 @@
                 撤回
               </a>
               <a
-                @click="
+                  @click="
                   () => {
                     handleCopy(record, String(record.courseform));
                   }
@@ -1306,7 +851,7 @@
                 <template #overlay>
                   <a-menu>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1318,7 +863,7 @@
                       权限名单
                     </a-menu-item>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1330,7 +875,7 @@
                       归属权
                     </a-menu-item>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1338,10 +883,10 @@
                           showViewPrower(record);
                         }
                       "
-                      >查看权</a-menu-item
+                    >查看权</a-menu-item
                     >
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1349,7 +894,7 @@
                           showManagePrower(record);
                         }
                       "
-                      >管理权</a-menu-item
+                    >管理权</a-menu-item
                     >
                   </a-menu>
                 </template>
@@ -1361,21 +906,21 @@
             </span>
           </template>
           <template
-            v-if="
+              v-if="
               (String(record.status) === '2' || record.status === '已审核') &&
               String(record.kkty) === '1' &&
               column.key === 'operation'
             "
           >
             <span
-              :class="[
+                :class="[
                 String(record.courseform) === '1'
                   ? 'disabled table-operation'
                   : 'table-operation',
               ]"
             >
               <a
-                @click="
+                  @click="
                   () => {
                     handleStart(record, String(record.courseform));
                   }
@@ -1384,7 +929,7 @@
                 开课
               </a>
               <a
-                @click="
+                  @click="
                   () => {
                     handleLook(record, String(record.courseform));
                   }
@@ -1393,7 +938,7 @@
                 查看
               </a>
               <a
-                @click="
+                  @click="
                   () => {
                     if (String(record.courseform) === '1') {
                       return;
@@ -1412,7 +957,7 @@
                 管理
               </a>
               <a
-                @click="
+                  @click="
                   () => {
                     handleCopy(record, String(record.courseform));
                   }
@@ -1424,7 +969,7 @@
                 <template #overlay>
                   <a-menu>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1436,7 +981,7 @@
                       权限名单
                     </a-menu-item>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1448,7 +993,7 @@
                       归属权
                     </a-menu-item>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1456,10 +1001,10 @@
                           showViewPrower(record);
                         }
                       "
-                      >查看权</a-menu-item
+                    >查看权</a-menu-item
                     >
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1467,7 +1012,7 @@
                           showManagePrower(record);
                         }
                       "
-                      >管理权</a-menu-item
+                    >管理权</a-menu-item
                     >
                   </a-menu>
                 </template>
@@ -1478,7 +1023,7 @@
               </a-dropdown>
               <span>
                 <a
-                  @click="
+                    @click="
                     () => {
                       handleStop(record, String(record.courseform));
                     }
@@ -1490,21 +1035,21 @@
             </span>
           </template>
           <template
-            v-if="
+              v-if="
               (String(record.status) === '2' || record.status === '已审核') &&
               String(record.kkty) === '0' &&
               column.key === 'operation'
             "
           >
             <span
-              :class="[
+                :class="[
                 String(record.courseform) === '1'
                   ? 'disabled table-operation'
                   : 'table-operation',
               ]"
             >
               <a
-                @click="
+                  @click="
                   () => {
                     handleStart(record, String(record.courseform));
                   }
@@ -1513,7 +1058,7 @@
                 开课
               </a>
               <a
-                @click="
+                  @click="
                   () => {
                     handleEdit(record, String(record.courseform));
                   }
@@ -1522,7 +1067,7 @@
                 编辑
               </a>
               <a
-                @click="
+                  @click="
                   () => {
                     if (String(record.courseform) === '1') {
                       return;
@@ -1541,7 +1086,7 @@
                 管理
               </a>
               <a
-                @click="
+                  @click="
                   () => {
                     handleCopy(record, String(record.courseform));
                   }
@@ -1553,7 +1098,7 @@
                 <template #overlay>
                   <a-menu>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1565,7 +1110,7 @@
                       权限名单
                     </a-menu-item>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1577,7 +1122,7 @@
                       归属权
                     </a-menu-item>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1585,10 +1130,10 @@
                           showViewPrower(record);
                         }
                       "
-                      >查看权</a-menu-item
+                    >查看权</a-menu-item
                     >
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1596,7 +1141,7 @@
                           showManagePrower(record);
                         }
                       "
-                      >管理权</a-menu-item
+                    >管理权</a-menu-item
                     >
                   </a-menu>
                 </template>
@@ -1606,7 +1151,7 @@
                 </a>
               </a-dropdown>
               <a
-                @click="
+                  @click="
                   () => {
                     handleOpen(record, String(record.courseform));
                   }
@@ -1615,7 +1160,7 @@
                 启用
               </a>
               <a
-                @click="
+                  @click="
                   () => {
                     handleDelete(record, String(record.courseform));
                   }
@@ -1626,21 +1171,21 @@
             </span>
           </template>
           <template
-            v-if="
+              v-if="
               (String(record.status) === '-1' ||
                 record.status === '审核未通过') &&
               column.key === 'operation'
             "
           >
             <span
-              :class="[
+                :class="[
                 String(record.courseform) === '1'
                   ? 'disabled table-operation'
                   : 'table-operation',
               ]"
             >
               <a
-                @click="
+                  @click="
                   () => {
                     handleEdit(record, String(record.courseform));
                   }
@@ -1649,7 +1194,7 @@
                 编辑
               </a>
               <a
-                @click="
+                  @click="
                   () => {
                     handleCopy(record, String(record.courseform));
                   }
@@ -1661,7 +1206,7 @@
                 <template #overlay>
                   <a-menu>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1673,7 +1218,7 @@
                       权限名单
                     </a-menu-item>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1685,7 +1230,7 @@
                       归属权
                     </a-menu-item>
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1693,10 +1238,10 @@
                           showViewPrower(record);
                         }
                       "
-                      >查看权</a-menu-item
+                    >查看权</a-menu-item
                     >
                     <a-menu-item
-                      @click="
+                        @click="
                         () => {
                           if (String(record.courseform) === '1') {
                             return;
@@ -1704,7 +1249,7 @@
                           showManagePrower(record);
                         }
                       "
-                      >管理权</a-menu-item
+                    >管理权</a-menu-item
                     >
                   </a-menu>
                 </template>
@@ -1714,7 +1259,7 @@
                 </a>
               </a-dropdown>
               <a
-                @click="
+                  @click="
                   () => {
                     handleDelete(record, String(record.courseform));
                   }
@@ -1729,32 +1274,32 @@
     </div>
     <div class="pa">
       <a-pagination
-        showSizeChanger="true"
-        showQuickJumper="true"
-        hideOnSinglePage="true"
-        :pageSize="pageSize1"
-        :current="currentPage1"
-        :total="tableDataTotal1"
-        class="pagination"
-        @change="handelChangePage1"
+          showSizeChanger="true"
+          showQuickJumper="true"
+          hideOnSinglePage="true"
+          :pageSize="pageSize1"
+          :current="currentPage1"
+          :total="tableDataTotal1"
+          class="pagination"
+          @change="handelChangePage1"
       />
     </div>
     <!-- 表格 -->
     <!-- 操作 在线面授课程管理 页面 -->
     <a-modal
-      v-model:visible="om_1"
-      title="Title"
-      @ok="closeModal"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle onlmanageModal"
-      width="80%"
+        v-model:visible="om_1"
+        title="Title"
+        @ok="closeModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="modalStyle onlmanageModal"
+        width="80%"
     >
       <div class="modalHeader">
         <div class="headerLeft">
           <img
-            style="width: 17px; height: 18px; margin-right: 8px"
-            src="@/assets/images/coursewareManage/pc.png"
+              style="width: 17px; height: 18px; margin-right: 8px"
+              src="@/assets/images/coursewareManage/pc.png"
           />
           <div :style="{ display: ft_1 ? 'none' : 'block' }">
             <span class="headerLeftText">在线课程管理</span>
@@ -1765,9 +1310,9 @@
         </div>
         <div style="margin-right: 57px; cursor: pointer">
           <img
-            @click="om_exit"
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
+              @click="om_exit"
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
           />
         </div>
       </div>
@@ -1785,11 +1330,11 @@
                 <div class="bs_right">已审核</div>
               </div>
               <a-tabs
-                class="b_menu"
-                v-model:activeKey="faceManageTab"
-                size="large"
-                :tabBarStyle="{ marginLeft: '10px' }"
-                @change="faceManageChange"
+                  class="b_menu"
+                  v-model:activeKey="faceManageTab"
+                  size="large"
+                  :tabBarStyle="{ marginLeft: '10px' }"
+                  @change="faceManageChange"
               >
                 <!-- <a-tab-pane key="1" tab="报名管理">
                   <div class="b_menunav">
@@ -1806,7 +1351,7 @@
                         @focus="focus"
                         @change="handleChange"
                       >
-                       
+
                       </a-select>
                     </div>
                     <div class="bm_input">
@@ -1850,16 +1395,16 @@
                   <div class="b_menunav">
                     <div class="bm_select">
                       <a-select
-                        class="select"
-                        ref="select"
-                        placeholder="请选择状态"
-                        v-model:value="gl_selectV2"
-                        style="width: 200px"
-                        :options="options1"
-                        allowClear
-                        showSearch
-                        @focus="focus"
-                        @change="handleChange"
+                          class="select"
+                          ref="select"
+                          placeholder="请选择状态"
+                          v-model:value="gl_selectV2"
+                          style="width: 200px"
+                          :options="options1"
+                          allowClear
+                          showSearch
+                          @focus="focus"
+                          @change="handleChange"
                       >
                         <!-- <a-select-option value="status">状态</a-select-option>
                         <a-select-option value="passed">已通过</a-select-option>
@@ -1873,9 +1418,9 @@
                     </div>
                     <div class="bm_input">
                       <a-input
-                        v-model:value="gl_inputV2"
-                        style="width: 200px; height: 40px; border-radius: 8px"
-                        placeholder="姓名"
+                          v-model:value="gl_inputV2"
+                          style="width: 200px; height: 40px; border-radius: 8px"
+                          placeholder="姓名"
                       />
                     </div>
                     <div class="bm_btn">
@@ -1887,10 +1432,10 @@
                   </div>
                   <div class="bm_table" style="margin-bottom: 20px">
                     <a-table
-                      :columns="columns2"
-                      :data-source="tableData3"
-                      :loading="tableDataTotal222 === -1 ? true : false"
-                      :pagination="false"
+                        :columns="columns2"
+                        :data-source="tableData3"
+                        :loading="tableDataTotal222 === -1 ? true : false"
+                        :pagination="false"
                     >
                       <template #bodyCell="{ column }">
                         <template v-if="column.key === 'opacation'">
@@ -1901,14 +1446,14 @@
                     <div class="tableBox" style="margin-top: 50px">
                       <div class="pa">
                         <a-pagination
-                          showSizeChanger="true"
-                          showQuickJumper="true"
-                          hideOnSinglePage="true"
-                          :pageSize="pageSize222"
-                          :current="currentPage222"
-                          :total="tableDataTotal222"
-                          class="pagination"
-                          @change="handelChangePage222"
+                            showSizeChanger="true"
+                            showQuickJumper="true"
+                            hideOnSinglePage="true"
+                            :pageSize="pageSize222"
+                            :current="currentPage222"
+                            :total="tableDataTotal222"
+                            class="pagination"
+                            @change="handelChangePage222"
                         />
                       </div>
                     </div>
@@ -1923,42 +1468,42 @@
     <!-- 操作 在线面授课程管理 页面 -->
     <!-- 面授课程管理查看详情 页面 -->
     <a-modal
-      v-model:visible="om_ckxq"
-      title="Title"
-      @ok="closeModal"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle coursewareDetail"
-      width="80%"
+        v-model:visible="om_ckxq"
+        title="Title"
+        @ok="closeModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="modalStyle coursewareDetail"
+        width="80%"
     >
       <div class="modalHeader">
         <div class="headerLeft">
           <img
-            style="width: 17px; height: 18px; margin-right: 8px"
-            src="@/assets/images/coursewareManage/detail.png"
+              style="width: 17px; height: 18px; margin-right: 8px"
+              src="@/assets/images/coursewareManage/detail.png"
           />
           <span class="headerLeftText">查看详情</span>
         </div>
         <div style="margin-right: 57px; cursor: pointer">
           <img
-            @click="ftsr_exit"
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
+              @click="ftsr_exit"
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
           />
         </div>
       </div>
       <div class="modalMain">
         <div
-          class="ftsturecord"
-          :style="{ display: om_ckxq ? 'block' : 'none' }"
+            class="ftsturecord"
+            :style="{ display: om_ckxq ? 'block' : 'none' }"
         >
           <div class="ftsr_main">
             <div class="ftsr_table">
               <a-table
-                :columns="columns4"
-                :data-source="tableData4"
-                :loading="tableDataTotal === -1 ? true : false"
-                :pagination="false"
+                  :columns="columns4"
+                  :data-source="tableData4"
+                  :loading="tableDataTotal === -1 ? true : false"
+                  :pagination="false"
               >
               </a-table>
             </div>
@@ -1972,28 +1517,28 @@
     <!-- 面授 课程管理查看详情 页面 -->
     <!--开课页面 -->
     <a-modal
-      v-model:visible="stm_hs"
-      title="Title"
-      @ok="closeModal"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle schtimeModal"
-      width="80%"
-      @cancel="stm_exit"
+        v-model:visible="stm_hs"
+        title="Title"
+        @ok="closeModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="modalStyle schtimeModal"
+        width="80%"
+        @cancel="stm_exit"
     >
       <div class="modalHeader">
         <div class="headerLeft">
           <img
-            style="width: 17px; height: 18px; margin-right: 8px"
-            src="@/assets/images/coursewareManage/scht.png"
+              style="width: 17px; height: 18px; margin-right: 8px"
+              src="@/assets/images/coursewareManage/scht.png"
           />
           <span class="headerLeftText">开课</span>
         </div>
         <div style="margin-right: 57px; cursor: pointer">
           <img
-            @click="stm_exit"
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
+              @click="stm_exit"
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
           />
         </div>
       </div>
@@ -2002,31 +1547,31 @@
           <div class="st_main">
             <div class="stm_inputbtn">
               <a-input
-                v-model:value="kk_inputV1"
-                style="
+                  v-model:value="kk_inputV1"
+                  style="
                   width: 270px;
                   height: 40px;
                   border-radius: 8px;
                   margin-right: 14px;
                 "
-                placeholder="请输入创建人"
+                  placeholder="请输入创建人"
               />
               <a-input
-                v-model:value="kk_inputV2"
-                style="
+                  v-model:value="kk_inputV2"
+                  style="
                   width: 270px;
                   height: 40px;
                   border-radius: 8px;
                   margin-right: 14px;
                 "
-                placeholder="请输入教师名称"
+                  placeholder="请输入教师名称"
               />
               <div class="select">
                 <a-date-picker
-                  v-model:value="selectTime"
-                  type="date"
-                  placeholder="创建时间"
-                  style="width: 270px; margin-right: 14px"
+                    v-model:value="selectTime"
+                    type="date"
+                    placeholder="创建时间"
+                    style="width: 270px; margin-right: 14px"
                 />
               </div>
               <div class="stm_btn btn1" @click="handleSearchTable">
@@ -2064,19 +1609,19 @@
             <!-- 有数据表格 -->
             <div class="stm_table" v-else>
               <a-table
-                :columns="columns6"
-                :data-source="tableData6"
-                :loading="tableDataTotal2 === -1 ? true : false"
-                :scroll="{ x: 700, y: 800 }"
-                expandRowByClick="true"
-                @expand="expandTable"
-                :pagination="false"
+                  :columns="columns6"
+                  :data-source="tableData6"
+                  :loading="tableDataTotal2 === -1 ? true : false"
+                  :scroll="{ x: 700, y: 800 }"
+                  expandRowByClick="true"
+                  @expand="expandTable"
+                  :pagination="false"
               >
                 <template #bodyCell="{ record, column }">
                   <template v-if="column.key === 'operation'">
                     <span class="table-operation">
                       <a
-                        @click="
+                          @click="
                           () => {
                             QR_hs = true;
                             ftsQR_hs = true;
@@ -2086,7 +1631,7 @@
                         签到
                       </a>
                       <a
-                        @click="
+                          @click="
                           () => {
                             handelEditStu(record);
                           }
@@ -2095,7 +1640,7 @@
                         编辑
                       </a>
                       <a
-                        @click="
+                          @click="
                           () => {
                             handelGuan(record);
                           }
@@ -2107,7 +1652,7 @@
                         <template #overlay>
                           <a-menu>
                             <a-menu-item
-                              @click="
+                                @click="
                                 () => {
                                   handleCopyP(record);
                                 }
@@ -2116,7 +1661,7 @@
                               复制
                             </a-menu-item>
                             <a-menu-item
-                              @click="
+                                @click="
                                 () => {
                                   handleDeleteKaike(record);
                                 }
@@ -2125,7 +1670,7 @@
                               删除
                             </a-menu-item>
                             <a-menu-item
-                              @click="
+                                @click="
                                 () => {
                                   QR_hs = true;
                                   vipftQR_hs = true;
@@ -2148,14 +1693,14 @@
               <div class="tableBox" style="margin-top: 50px">
                 <div class="pa">
                   <a-pagination
-                    showSizeChanger="true"
-                    showQuickJumper="true"
-                    hideOnSinglePage="true"
-                    :pageSize="pageSize2"
-                    :current="currentPage2"
-                    :total="tableDataTotal2"
-                    class="pagination"
-                    @change="handelChangePage2"
+                      showSizeChanger="true"
+                      showQuickJumper="true"
+                      hideOnSinglePage="true"
+                      :pageSize="pageSize2"
+                      :current="currentPage2"
+                      :total="tableDataTotal2"
+                      class="pagination"
+                      @change="handelChangePage2"
                   />
                 </div>
               </div>
@@ -2168,13 +1713,13 @@
     <!--开课页面 -->
     <!--新建开课页面 -->
     <a-modal
-      v-model:visible="cstm_hs"
-      style="margin-top: 400px"
-      @cancel="handleCancelStu"
+        v-model:visible="cstm_hs"
+        style="margin-top: 400px"
+        @cancel="handleCancelStu"
     >
       <div
-        class="createschooltime"
-        :style="{ display: cstm_hs ? 'block' : 'none' }"
+          class="createschooltime"
+          :style="{ display: cstm_hs ? 'block' : 'none' }"
       >
         <div class="cst_header"></div>
         <div class="cst_main">
@@ -2191,18 +1736,18 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
                 />
               </div>
               <span style="margin-right: 3px">开课名称</span>
             </div>
             <div class="b_input">
               <a-input
-                maxlength="30"
-                v-model:value="xjkkinputV1"
-                style="width: 440px; height: 40px; border-radius: 8px"
-                placeholder="请输入开课名称"
+                  maxlength="30"
+                  v-model:value="xjkkinputV1"
+                  style="width: 440px; height: 40px; border-radius: 8px"
+                  placeholder="请输入开课名称"
               />
             </div>
           </div>
@@ -2210,18 +1755,18 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
                 />
               </div>
               <span style="margin-right: 3px">地点</span>
             </div>
             <div class="b_input">
               <a-input
-                v-model:value="xjkkinputV2"
-                maxlength="50"
-                style="width: 440px; height: 40px; border-radius: 8px"
-                placeholder="请输入详细地点"
+                  v-model:value="xjkkinputV2"
+                  maxlength="50"
+                  style="width: 440px; height: 40px; border-radius: 8px"
+                  placeholder="请输入详细地点"
               />
               <div class="inp_num">
                 <span style="color: #c7cbd2">{{ xjkkinputV2.length }}/50</span>
@@ -2232,20 +1777,20 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
                 />
               </div>
               <span style="margin-right: 3px">面授时间</span>
             </div>
             <div class="select fitems">
               <a-range-picker
-                style="width: 440px; height: 40px; border-radius: 8px"
-                :show-time="{ format: 'HH:mm' }"
-                format="YYYY-MM-DD HH:mm"
-                v-model:value="xjkkinputV3"
-                separator="至"
-                :placeholder="['        开始时间', '        结束时间']"
+                  style="width: 440px; height: 40px; border-radius: 8px"
+                  :show-time="{ format: 'HH:mm' }"
+                  format="YYYY-MM-DD HH:mm"
+                  v-model:value="xjkkinputV3"
+                  separator="至"
+                  :placeholder="['        开始时间', '        结束时间']"
               />
             </div>
           </div>
@@ -2253,16 +1798,16 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
                 />
               </div>
               <span style="margin-right: 3px">授课教师</span>
             </div>
             <div class="b_input">
               <ProjectManager
-                v-model:value="member.value"
-                v-model:name="member.name"
+                  v-model:value="member.value"
+                  v-model:name="member.name"
               ></ProjectManager>
             </div>
           </div>
@@ -2315,10 +1860,10 @@
                 </a-tag>
               </div>
               <AssessmentList
-                v-model:assessmentVisible="assessmentVisible"
-                v-model:assessmentName="assessmentName"
-                :assessmentId="assessmentId"
-                @checkedAss="getCheckedAss"
+                  v-model:assessmentVisible="assessmentVisible"
+                  v-model:assessmentName="assessmentName"
+                  :assessmentId="assessmentId"
+                  @checkedAss="getCheckedAss"
               />
             </div>
           </div>
@@ -2338,8 +1883,8 @@
                 <span style="color: #6d7584">签到即完成</span>
               </a-checkbox>
               <a-checkbox
-                v-model:checked="comLeave"
-                @click="comLeave = !comLeave"
+                  v-model:checked="comLeave"
+                  @click="comLeave = !comLeave"
               >
                 <span style="color: #6d7584">请假算完成</span>
               </a-checkbox>
@@ -2351,15 +1896,15 @@
             </div>
             <div class="b_input">
               <a-upload
-                name="file"
-                :show-upload-list="false"
-                :before-upload="beforeUpload3"
+                  name="file"
+                  :show-upload-list="false"
+                  :before-upload="beforeUpload3"
               >
                 <div class="upload_box">
                   <div class="upload_icon">
                     <img
-                      src="@/assets/images/coursewareManage/enclosure.png"
-                      alt=""
+                        src="@/assets/images/coursewareManage/enclosure.png"
+                        alt=""
                     />
                   </div>
                   <span style="color: #4ea6ff">上传附件</span>
@@ -2386,9 +1931,9 @@
           </div>
           <div class="mbl_items12">
             <div
-              class="i12_box1"
-              v-for="(item, index) in filesList"
-              :key="index"
+                class="i12_box1"
+                v-for="(item, index) in filesList"
+                :key="index"
             >
               <div class="file_img"></div>
               <div class="file_detail">
@@ -2451,35 +1996,35 @@
     <!--新建开课页面 -->
     <!--开课学员管理页面 -->
     <a-modal
-      v-model:visible="sm_hs"
-      title="Title"
-      @ok="closeModal"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle stusmanageModal"
-      width="80%"
-      @cancel="sm_exit"
+        v-model:visible="sm_hs"
+        title="Title"
+        @ok="closeModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="modalStyle stusmanageModal"
+        width="80%"
+        @cancel="sm_exit"
     >
       <div class="modalHeader">
         <div class="headerLeft">
           <img
-            style="width: 17px; height: 18px; margin-right: 8px"
-            src="@/assets/images/coursewareManage/stum.png"
+              style="width: 17px; height: 18px; margin-right: 8px"
+              src="@/assets/images/coursewareManage/stum.png"
           />
           <span class="headerLeftText">学员管理</span>
         </div>
         <div style="margin-right: 57px; cursor: pointer">
           <img
-            @click="sm_exit"
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
+              @click="sm_exit"
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
           />
         </div>
       </div>
       <div class="modalMain">
         <div
-          class="studentsmanage"
-          :style="{ display: sm_hs ? 'block' : 'none' }"
+            class="studentsmanage"
+            :style="{ display: sm_hs ? 'block' : 'none' }"
         >
           <div class="stm_main">
             <div class="stmmitems">
@@ -2515,8 +2060,8 @@
                     placeholder="请输入姓名"
                   /> -->
                   <a-input
-                    v-model:value="xygl_inputV1"
-                    placeholder="请输入姓名"
+                      v-model:value="xygl_inputV1"
+                      placeholder="请输入姓名"
                   />
                   <div class="stmm_btn btn1" @click="handleSearchStu">
                     <div class="search"></div>
@@ -2530,8 +2075,8 @@
                 <div class="i5_right">
                   <div class="stmm_btn btn3">
                     <span
-                      style="color: #ffffff"
-                      @click="showStuAdd(currentPlanItem)"
+                        style="color: #ffffff"
+                        @click="showStuAdd(currentPlanItem)"
                     >
                       添加学员
                     </span>
@@ -2579,14 +2124,14 @@
               </div>
               <div class="stmm_i6">
                 <a-table
-                  :columns="columns7"
-                  :data-source="tableData7"
-                  :loading="tableDataTotal3 === -1 ? true : false"
-                  :scroll="{ x: 800 }"
-                  expandRowByClick="true"
-                  @expand="expandTable"
-                  :pagination="false"
-                  :row-selection="{
+                    :columns="columns7"
+                    :data-source="tableData7"
+                    :loading="tableDataTotal3 === -1 ? true : false"
+                    :scroll="{ x: 800 }"
+                    expandRowByClick="true"
+                    @expand="expandTable"
+                    :pagination="false"
+                    :row-selection="{
                     columnWidth: 20,
                     selectedRowKeys: selectedRowKeys7,
                     onChange: onSelectChange7,
@@ -2595,7 +2140,7 @@
                   <template #bodyCell="{ record, column }">
                     <!-- 操作1 -->
                     <template
-                      v-if="
+                        v-if="
                         (String(record.applyStatus) === '0' ||
                           record.status === '待审核') &&
                         column.key === 'overstatus'
@@ -2604,7 +2149,7 @@
                       <span class="table-operation">-</span>
                     </template>
                     <template
-                      v-if="
+                        v-if="
                         (String(record.applyStatus) === '-1' ||
                           record.status === '已拒绝') &&
                         column.key === 'overstatus'
@@ -2613,7 +2158,7 @@
                       <span class="table-operation">-</span>
                     </template>
                     <template
-                      v-if="
+                        v-if="
                         (String(record.applyStatus) === '1' ||
                           record.status === '已通过') &&
                         column.key === 'overstatus'
@@ -2621,7 +2166,7 @@
                     >
                       <span class="table-operation">
                         <a
-                          @click="
+                            @click="
                             () => {
                               handlJoinStu(record);
                             }
@@ -2630,7 +2175,7 @@
                           成绩录入
                         </a>
                         <a
-                          @click="
+                            @click="
                             () => {
                               handleOverStu(record);
                             }
@@ -2642,7 +2187,7 @@
                     </template>
                     <!-- 操作2 -->
                     <template
-                      v-if="
+                        v-if="
                         (String(record.applyStatus) === '0' ||
                           record.status === '待审核') &&
                         column.key === 'operation'
@@ -2650,7 +2195,7 @@
                     >
                       <span class="table-operation">
                         <a
-                          @click="
+                            @click="
                             () => {
                               handleSucessStu(record);
                             }
@@ -2659,7 +2204,7 @@
                           通过
                         </a>
                         <a
-                          @click="
+                            @click="
                             () => {
                               handleRejectStu(record);
                             }
@@ -2668,7 +2213,7 @@
                           拒绝
                         </a>
                         <a
-                          @click="
+                            @click="
                             () => {
                               handleDeleteStu(record);
                             }
@@ -2679,7 +2224,7 @@
                       </span>
                     </template>
                     <template
-                      v-if="
+                        v-if="
                         (String(record.applyStatus) === '1' ||
                           record.status === '已通过') &&
                         column.key === 'operation'
@@ -2687,7 +2232,7 @@
                     >
                       <span class="table-operation">
                         <a
-                          @click="
+                            @click="
                             () => {
                               handleDeleteStu(record);
                             }
@@ -2698,7 +2243,7 @@
                       </span>
                     </template>
                     <template
-                      v-if="
+                        v-if="
                         (String(record.applyStatus) === '-1' ||
                           record.status === '已拒绝') &&
                         column.key === 'operation'
@@ -2706,7 +2251,7 @@
                     >
                       <span class="table-operation">
                         <a
-                          @click="
+                            @click="
                             () => {
                               handleDeleteStu(record);
                             }
@@ -2721,14 +2266,14 @@
                 <div class="tableBox" style="margin-top: 50px">
                   <div class="pa">
                     <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize3"
-                      :current="currentPage3"
-                      :total="tableDataTotal3"
-                      class="pagination"
-                      @change="handelChangePage3"
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize3"
+                        :current="currentPage3"
+                        :total="tableDataTotal3"
+                        class="pagination"
+                        @change="handelChangePage3"
                     />
                   </div>
                 </div>
@@ -2741,13 +2286,13 @@
     <!--开课学员管理页面 -->
     <!--二维码页面 -->
     <a-modal
-      v-model:visible="QR_hs"
-      :footer="null"
-      :closable="closableQR"
-      wrapClassName="QRModal"
-      style="margin-top: 400px"
-      :zIndex="9999"
-      @cancel="qr_exit"
+        v-model:visible="QR_hs"
+        :footer="null"
+        :closable="closableQR"
+        wrapClassName="QRModal"
+        style="margin-top: 400px"
+        :zIndex="9999"
+        @cancel="qr_exit"
     >
       <div class="QR" :style="{ display: QR_hs ? 'block' : 'none' }">
         <div class="qr_header"></div>
@@ -2792,13 +2337,13 @@
     <!--二维码页面 -->
     <!--录入成绩页面 -->
     <a-modal
-      v-model:visible="rg_hs"
-      :footer="null"
-      :closable="closableQR"
-      wrapClassName="recgradeModal"
-      style="margin-top: 400px"
-      :zIndex="9999"
-      @cancel="rg_exit"
+        v-model:visible="rg_hs"
+        :footer="null"
+        :closable="closableQR"
+        wrapClassName="recgradeModal"
+        style="margin-top: 400px"
+        :zIndex="9999"
+        @cancel="rg_exit"
     >
       <div class="recordgrade" :style="{ display: rg_hs ? 'block' : 'none' }">
         <div class="rg_header"></div>
@@ -2813,18 +2358,18 @@
               <div class="items_left">
                 <div class="sign">
                   <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                      src="@/assets/images/coursewareManage/asterisk.png"
+                      alt=""
                   />
                 </div>
                 <span>得分</span>
               </div>
               <div class="rgmb_input">
                 <a-input
-                  v-model:value="lrcj_inputV1"
-                  maxlength="20"
-                  style="width: 440px; height: 40px; border-radius: 8px"
-                  placeholder=""
+                    v-model:value="lrcj_inputV1"
+                    maxlength="20"
+                    style="width: 440px; height: 40px; border-radius: 8px"
+                    placeholder=""
                 />
               </div>
             </div>
@@ -2843,17 +2388,17 @@
     <!--录入成绩页面 -->
     <!--结业页面 -->
     <a-modal
-      v-model:visible="graduate_hs"
-      :footer="null"
-      :closable="closableQR"
-      wrapClassName="graModal"
-      style="margin-top: 400px"
-      :zIndex="9999"
-      @cancel="graduate_exit"
+        v-model:visible="graduate_hs"
+        :footer="null"
+        :closable="closableQR"
+        wrapClassName="graModal"
+        style="margin-top: 400px"
+        :zIndex="9999"
+        @cancel="graduate_exit"
     >
       <div
-        class="graduate"
-        :style="{ display: graduate_hs ? 'block' : 'none' }"
+          class="graduate"
+          :style="{ display: graduate_hs ? 'block' : 'none' }"
       >
         <div class="gra_header"></div>
         <div class="gra_main">
@@ -2867,8 +2412,8 @@
               <div class="items_left">
                 <div class="sign">
                   <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
+                      src="@/assets/images/coursewareManage/asterisk.png"
+                      alt=""
                   />
                 </div>
                 <span>结业</span>
@@ -2878,18 +2423,18 @@
                   <div class="bc_box">
                     <div class="ol_checkbox">
                       <a-radio
-                        v-model:checked="checked"
-                        :value="1"
-                        @click="clear_jyradioV1"
-                        >结业
+                          v-model:checked="checked"
+                          :value="1"
+                          @click="clear_jyradioV1"
+                      >结业
                       </a-radio>
                     </div>
                     <div class="ol_checkbox">
                       <a-radio
-                        v-model:checked="checked"
-                        :value="2"
-                        @click="clear_jyradioV1"
-                        >不结业
+                          v-model:checked="checked"
+                          :value="2"
+                          @click="clear_jyradioV1"
+                      >不结业
                       </a-radio>
                     </div>
                   </div>
@@ -2911,16 +2456,16 @@
     <!--结业页面 -->
     <!--请确定是否同意拒绝此学员学习此课程弹窗 -->
     <a-modal
-      v-model:visible="agreereject_hs"
-      :footer="null"
-      :closable="closableQR"
-      wrapClassName="agrstudyModal"
-      centered="true"
-      @cancel="agreereject_exit"
+        v-model:visible="agreereject_hs"
+        :footer="null"
+        :closable="closableQR"
+        wrapClassName="agrstudyModal"
+        centered="true"
+        @cancel="agreereject_exit"
     >
       <div
-        class="agreestudy"
-        :style="{ display: agreereject_hs ? 'block' : 'none' }"
+          class="agreestudy"
+          :style="{ display: agreereject_hs ? 'block' : 'none' }"
       >
         <div class="agree_header"></div>
         <div class="agree_main">
@@ -2931,14 +2476,14 @@
           </div>
           <div class="agreem_body">
             <div
-              class="body_box"
-              :style="{ display: agreestudy_hs ? 'block' : 'none' }"
+                class="body_box"
+                :style="{ display: agreestudy_hs ? 'block' : 'none' }"
             >
               <div>请确定是否同意此学员学习此课程</div>
             </div>
             <div
-              class="body_box"
-              :style="{ display: rejectstudy_hs ? 'block' : 'none' }"
+                class="body_box"
+                :style="{ display: rejectstudy_hs ? 'block' : 'none' }"
             >
               <div>请确定是否拒绝此学员学习此课程</div>
             </div>
@@ -2957,17 +2502,17 @@
     <!--请确定是否同意拒绝此学员学习此课程弹窗 -->
     <!--删除 复制 停用弹窗 -->
     <a-modal
-      v-model:visible="delete_hs"
-      :footer="null"
-      :closable="closableQR"
-      wrapClassName="DelModal"
-      style="margin-top: 400px"
-      :zIndex="9999"
-      @cancel="delete_exit1"
+        v-model:visible="delete_hs"
+        :footer="null"
+        :closable="closableQR"
+        wrapClassName="DelModal"
+        style="margin-top: 400px"
+        :zIndex="9999"
+        @cancel="delete_exit1"
     >
       <div
-        class="delete"
-        :style="{
+          class="delete"
+          :style="{
           display: del_hs || copy_hs || nouse_hs ? 'block' : 'none',
         }"
       >
@@ -2975,14 +2520,14 @@
         <div class="del_main">
           <div class="header">
             <div
-              class="del-icons"
-              :style="{ display: del_hs ? 'block' : 'none' }"
+                class="del-icons"
+                :style="{ display: del_hs ? 'block' : 'none' }"
             >
               <img src="@/assets/images/coursewareManage/notice.png" alt="" />
             </div>
             <div
-              class="del-icons"
-              :style="{ display: copy_hs || nouse_hs ? 'block' : 'none' }"
+                class="del-icons"
+                :style="{ display: copy_hs || nouse_hs ? 'block' : 'none' }"
             >
               <img src="@/assets/images/coursewareManage/QR.png" alt="" />
             </div>
@@ -3008,7 +2553,7 @@
               <div class="btnText" @click="delete_exit1">取消</div>
             </div>
             <div class="del_btn btn2">
-              <div  class="btnText" @click="handleDeleteExit">确定</div>
+              <div class="btnText" @click="handleDeleteExit">确定</div>
             </div>
           </div>
         </div>
@@ -3016,9 +2561,9 @@
     </a-modal>
     <!-- 预览弹窗 -->
     <SeeModal
-      :visible="lookCourseModal"
-      :detail="faceDetailObj"
-      @cancel="ft_exit_see"
+        :visible="lookCourseModal"
+        :detail="faceDetailObj"
+        @cancel="ft_exit_see"
     />
     <!--删除 复制 停用弹窗 -->
     <!-- 学员管理课程库-归属权抽屉 -->
@@ -3039,22 +2584,22 @@
     /> -->
     <!-- 新建在线课弹窗 -->
     <addOnlineCourse
-      v-model:addOnlineCoursevisible="addOnlineCoursevisible"
-      :closeOnlineModal="closeOnlineCoursevisible"
+        v-model:addOnlineCoursevisible="addOnlineCoursevisible"
+        :closeOnlineModal="closeOnlineCoursevisible"
     />
     <!-- 新建在线课弹窗 -->
 
     <!-- 授权名单抽屉 -->
     <proj-power-list
-      v-model:ProjPvisible="corpowerlistvisible"
-      :selectProjectId="selectCourseId"
-      classify="course"
+        v-model:ProjPvisible="corpowerlistvisible"
+        :selectProjectId="selectCourseId"
+        classify="course"
     />
     <!-- 归属权抽屉 -->
     <proj-owner-ship
-      v-model:ProjOwnervisible="ownpowervisible"
-      :selectProjectId="selectCourseId"
-      classify="course"
+        v-model:ProjOwnervisible="ownpowervisible"
+        :selectProjectId="selectCourseId"
+        classify="course"
     />
     <!-- 查看权抽屉 -->
     <!-- <proj-check-ship
@@ -3066,12 +2611,12 @@
     /> -->
     <!--查看权抽屉 管理权抽屉 添加学员抽屉  -->
     <proj-check-ship
-      v-model:ProjCheckvisible="viewpowervisible"
-      :selectProjectId="selectCourseId"
-      v-model:addAuthList="addAuthList"
-      :authClassify="authClassify"
-      classify="course"
-      :type="shipType"
+        v-model:ProjCheckvisible="viewpowervisible"
+        :selectProjectId="selectCourseId"
+        v-model:addAuthList="addAuthList"
+        :authClassify="authClassify"
+        classify="course"
+        :type="shipType"
     />
   </div>
 
@@ -3137,6 +2682,7 @@ import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
 import ProjectManager from "@/components/project/ProjectManagerNew";
 
 import SeeModal from "./components/seeModal.vue";
+import CourseModal from "./courseModal.vue";
 import * as moment from "moment";
 
 //列表表格
@@ -3149,7 +2695,7 @@ const columns1 = [
     align: "center",
     customRender: ({ index, record }) => {
       const pageNum =
-        Number(record.pageNo) - 1 > 0 ? (Number(record.pageNo) - 1) * 10 : 0;
+          Number(record.pageNo) - 1 > 0 ? (Number(record.pageNo) - 1) * 10 : 0;
       return index + 1 + pageNum;
     },
   },
@@ -3400,7 +2946,7 @@ const columns6 = [
     ellipsis: true,
     customRender: ({ index, record }) => {
       const pageNum =
-        Number(record.pageNo) - 1 > 0 ? (Number(record.pageNo) - 1) * 10 : 0;
+          Number(record.pageNo) - 1 > 0 ? (Number(record.pageNo) - 1) * 10 : 0;
       return index + 1 + pageNum;
     },
   },
@@ -3490,7 +3036,7 @@ const columns7 = [
     align: "center",
     customRender: ({ index, record }) => {
       const pageNum =
-        Number(record.pageNo) - 1 > 0 ? (Number(record.pageNo) - 1) * 10 : 0;
+          Number(record.pageNo) - 1 > 0 ? (Number(record.pageNo) - 1) * 10 : 0;
       return index + 1 + pageNum;
     },
   },
@@ -3643,6 +3189,7 @@ export default defineComponent({
     Editor,
     Toolbar,
     SeeModal,
+    CourseModal,
     // StuAdd,
     ProjectManager,
     ProjOwnerShip,
@@ -3655,6 +3202,8 @@ export default defineComponent({
     addOnlineCourse,
   },
   setup() {
+    const CourseModalRef = ref(null);
+
     const state = reactive({
       shipType: 1,
       addLoading: false,
@@ -3662,7 +3211,7 @@ export default defineComponent({
       teacherId: null,
       teacher: null,
       selectedRowKeys7: [],
-      auditDescription:"",
+      auditDescription: "",
       isEdit: 0,
       member: { name: "", value: "" },
       //列表表格
@@ -3985,12 +3534,12 @@ export default defineComponent({
     const beforeUpload = (file) => {
       return new Promise((resolve, reject) => {
         const isJpgOrPng =
-          file.type === "image/jpg" ||
-          file.type === "image/jpeg" ||
-          file.type === "image/png" ||
-          file.type === "image/svg" ||
-          file.type === "image/bmp" ||
-          file.type === "image/gif";
+            file.type === "image/jpg" ||
+            file.type === "image/jpeg" ||
+            file.type === "image/png" ||
+            file.type === "image/svg" ||
+            file.type === "image/bmp" ||
+            file.type === "image/gif";
         if (!isJpgOrPng) {
           message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!");
           return reject(false);
@@ -4004,7 +3553,7 @@ export default defineComponent({
         }
 
         let w = 0,
-          h = 0;
+            h = 0;
         let reader = new FileReader();
         reader.readAsDataURL(file);
         reader.onload = () => {
@@ -4030,7 +3579,7 @@ export default defineComponent({
               return resolve(true);
             } else {
               message.error(
-                "图片尺寸错误，只能上传800*450(高宽比例为16：9)横纵比一致的图片"
+                  "图片尺寸错误，只能上传800*450(高宽比例为16：9)横纵比一致的图片"
               );
               return reject(false);
             }
@@ -4059,7 +3608,7 @@ export default defineComponent({
       ];
       if (!fileType.includes(file.name.split(".")[1])) {
         message.error(
-          "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
+            "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
         );
         return false;
       }
@@ -4120,25 +3669,25 @@ export default defineComponent({
         rows[i].num = i + 1 + (state.currentPage1 - 1) * 10;
       }
       const datas = traverseArr(
-        rows,
-        {
-          key: "offcourseId",
-          num: "num",
-          name: "name",
-          content: "categoryId",
-          courseform: "type",
-          project: "projectName",
-          stunum: "studentCnt",
-          grade: "score",
-          status: "auditStatus",
-          ynpub: "publishStatus",
-          creator: "createName",
-          createtime: "createTime",
-          pubtime: "publishTime",
-          kkty: "status",
-          offcourseId: "offcourseId",
-        },
-        true
+          rows,
+          {
+            key: "offcourseId",
+            num: "num",
+            name: "name",
+            content: "categoryId",
+            courseform: "type",
+            project: "projectName",
+            stunum: "studentCnt",
+            grade: "score",
+            status: "auditStatus",
+            ynpub: "publishStatus",
+            creator: "createName",
+            createtime: "createTime",
+            pubtime: "publishTime",
+            kkty: "status",
+            offcourseId: "offcourseId",
+          },
+          true
       );
       datas.forEach((itm) => {
         itm.pageNo = pageNo;
@@ -4363,51 +3912,51 @@ export default defineComponent({
         setCode: param,
       };
       api1
-        .getDict(obj)
-        .then((res) => {
-          console.log("获取字典成功", res);
-          if (res.data.code === 200) {
-            if (param === "faceclassPic") {
-              let arr = res.data.data.rows;
-              let newArr = [];
-              arr.forEach((item) => {
-                newArr.push({
-                  value: item.dictValue,
-                  label: item.dictName,
+          .getDict(obj)
+          .then((res) => {
+            console.log("获取字典成功", res);
+            if (res.data.code === 200) {
+              if (param === "faceclassPic") {
+                let arr = res.data.data.rows;
+                let newArr = [];
+                arr.forEach((item) => {
+                  newArr.push({
+                    value: item.dictValue,
+                    label: item.dictName,
+                  });
                 });
-              });
-              optionsUrl.value = newArr;
-              // if (res.data.data.rows.length > 0) {
-              //   state.imageUrl = res.data.data.rows[0].dictValue;
-              // }
-            }
-            if (param === "faceclassClass") {
-              let arr = res.data.data.rows;
-              let newArr = [];
-              arr.forEach((item) => {
-                newArr.push({
-                  value: item.dictCode,
-                  label: item.dictName,
+                optionsUrl.value = newArr;
+                // if (res.data.data.rows.length > 0) {
+                //   state.imageUrl = res.data.data.rows[0].dictValue;
+                // }
+              }
+              if (param === "faceclassClass") {
+                let arr = res.data.data.rows;
+                let newArr = [];
+                arr.forEach((item) => {
+                  newArr.push({
+                    value: item.dictCode,
+                    label: item.dictName,
+                  });
                 });
-              });
-              options2.value = newArr;
-            }
-            if (param === "faceclassScene") {
-              let arr = res.data.data.rows;
-              let newArr = [];
-              arr.forEach((item) => {
-                newArr.push({
-                  value: item.dictCode,
-                  label: item.dictName,
+                options2.value = newArr;
+              }
+              if (param === "faceclassScene") {
+                let arr = res.data.data.rows;
+                let newArr = [];
+                arr.forEach((item) => {
+                  newArr.push({
+                    value: item.dictCode,
+                    label: item.dictName,
+                  });
                 });
-              });
-              options3.value = newArr;
+                options3.value = newArr;
+              }
             }
-          }
-        })
-        .catch((err) => {
-          console.log("获取字典失败", err);
-        });
+          })
+          .catch((err) => {
+            console.log("获取字典失败", err);
+          });
     };
     getDictList("faceclassClass");
     getDictList("faceclassScene");
@@ -4439,22 +3988,22 @@ export default defineComponent({
         };
       });
       const data2 = traverseArr(
-        rows,
-        {
-          key: "studentId",
-          num: "num",
-          name: "name",
-          number: "studentId",
-          department: "deptName",
-          postion: "jobName",
-          band: "userAutograph",
-          status: "applyStatus",
-          join: "source",
-          signstatus: "signStatus",
-          evastatus: "evalStatus",
-          overstatus: "status",
-        },
-        true
+          rows,
+          {
+            key: "studentId",
+            num: "num",
+            name: "name",
+            number: "studentId",
+            department: "deptName",
+            postion: "jobName",
+            band: "userAutograph",
+            status: "applyStatus",
+            join: "source",
+            signstatus: "signStatus",
+            evastatus: "evalStatus",
+            overstatus: "status",
+          },
+          true
       );
       data2.forEach((itm) => {
         itm.pageNo = pageNo;
@@ -4542,16 +4091,16 @@ export default defineComponent({
         rows[i].num = i + 1 + (state.currentPage222 - 1) * 10;
       }
       const datas = traverseArr(
-        rows,
-        {
-          key: "offcoursePlanId",
-          num: "num",
-          organization: "name",
-          address: "address",
-          starttime: "beginTime",
-          createtime: "createTime",
-        },
-        true
+          rows,
+          {
+            key: "offcoursePlanId",
+            num: "num",
+            organization: "name",
+            address: "address",
+            starttime: "beginTime",
+            createtime: "createTime",
+          },
+          true
       );
       datas.forEach((itm) => {
         itm.pageNo = pageNo;
@@ -4640,7 +4189,9 @@ export default defineComponent({
     const createft = () => {
       if (state.bs_hs == false && state.valueE1 != "") {
         state.of_hs = false;
-        state.ft_hs = true;
+        // state.ft_hs = true;
+        CourseModalRef.value.visibleOpen(null);
+
         state.valueE1 = "";
         state.teacher = "";
         state.teacherName = "";
@@ -4663,12 +4214,13 @@ export default defineComponent({
       return count ? false : true;
     };
     const ft_exit_0 = () => {
-      state.ft_hs = false;
-     
+      // state.ft_hs = false;
+      CourseModalRef.value.visibleClose();
     };
     const ft_exit_1 = () => {
-      state.ft_hs = false;
-      router.go(0);
+      // state.ft_hs = false;
+      CourseModalRef.value.visibleClose();
+      // router.go(0);
     };
     const ft_exit = () => {
       state.ft_eidt = false;
@@ -4794,7 +4346,7 @@ export default defineComponent({
     //保存开课
     const handleSureStu = () => {
       let startTime,
-        endTime = 0;
+          endTime = 0;
       if (state.xjkkinputV3) {
         startTime = parseInt(state.xjkkinputV3[0].$d.getTime() / 1000);
         endTime = parseInt(state.xjkkinputV3[1].$d.getTime() / 1000);
@@ -4861,11 +4413,11 @@ export default defineComponent({
         assessmentId: item.evaluateId,
       };
       api
-        .queryAppraiseDetailById(obj)
-        .then((res) => {
-          state.assessmentName = res.data.data.assessmentName;
-        })
-        .catch();
+          .queryAppraiseDetailById(obj)
+          .then((res) => {
+            state.assessmentName = res.data.data.assessmentName;
+          })
+          .catch();
 
       console.log("res");
       console.log(item);
@@ -4880,9 +4432,9 @@ export default defineComponent({
       options4CurId.value = item.teacherId;
       // (state.regisCom = item.completeType.split(",")[0] == "1" ? true : false),
       (state.signCom = item.completeType.split(",")[0] == "1" ? true : false),
-        (state.comLeave =
-          item.completeType.split(",")[1] == "1" ? true : false),
-        (state.checked4 = item.evalFlag === 1 ? true : false);
+          (state.comLeave =
+              item.completeType.split(",")[1] == "1" ? true : false),
+          (state.checked4 = item.evalFlag === 1 ? true : false);
       state.assessmentId = String(item.evaluateId);
       state.xjkkinputV1 = item.name;
       if (item.signFlag === 1) {
@@ -5213,7 +4765,7 @@ export default defineComponent({
       let endTime = "";
       if (state.projectTime) {
         startTime = parseInt(
-          new Date(state.projectTime[0].$d).getTime() / 1000
+            new Date(state.projectTime[0].$d).getTime() / 1000
         );
         endTime = parseInt(new Date(state.projectTime[1].$d).getTime() / 1000);
       }
@@ -5243,13 +4795,13 @@ export default defineComponent({
         keyWord: options4CurName.value,
         id: options4CurId.value ? options4CurId.value : null,
       })
-        .then((res) => {
-          console.log("获取授课教师", res);
-          if (res.data.code === 200) return res.data.data;
-        })
-        .catch((err) => {
-          console.log("获取授课教师失败", err);
-        });
+          .then((res) => {
+            console.log("获取授课教师", res);
+            if (res.data.code === 200) return res.data.data;
+          })
+          .catch((err) => {
+            console.log("获取授课教师失败", err);
+          });
       const { rows, total } = item1;
       state.tableDataTotalTea1 = total;
       state.tableDataTotalTea2 = total;
@@ -5279,16 +4831,16 @@ export default defineComponent({
     };
     //编辑面授课
     const handleEdit = async (itm, type) => {
-     // auditDescription
-     let obj={
-      offcourseId:itm.offcourseId,
-      pageNo:1,
-      pageSize:1,
-      type:2
-     }
-     api2.auditList(obj).then((res)=>{
-        state.auditDescription =res.data.data.rows[0].description;
-     })
+      // auditDescription
+      let obj = {
+        offcourseId: itm.offcourseId,
+        pageNo: 1,
+        pageSize: 1,
+        type: 2,
+      };
+      api2.auditList(obj).then((res) => {
+        state.auditDescription = res.data.data.rows[0].description;
+      });
 
       console.log(45555);
       console.log(itm);
@@ -5297,50 +4849,51 @@ export default defineComponent({
       }
       state.offcourseId = itm.offcourseId;
 
-      const item = await detail({
-        offcourseId: Number(state.offcourseId),
-      }).then((res) => {
-        if (res.data.code === 200) return res.data.data;
-      });
+      // const item = await detail({
+      //   offcourseId: Number(state.offcourseId),
+      // }).then((res) => {
+      //   if (res.data.code === 200) return res.data.data;
+      // });
 
-      state.statusJuJue = Number(item.auditStatus) === -1 ? 1 : 0;
+      // state.statusJuJue = Number(item.auditStatus) === -1 ? 1 : 0;
 
-      if (Number(item.auditStatus) === 2 && Number(item.status) === 1) {
-        state.statusTingQi = 1;
-      }
-      if (Number(item.auditStatus) === 2 && Number(item.status) === 0) {
-        state.statusTingQi = 0;
-      }
+      // if (Number(item.auditStatus) === 2 && Number(item.status) === 1) {
+      //   state.statusTingQi = 1;
+      // }
+      // if (Number(item.auditStatus) === 2 && Number(item.status) === 0) {
+      //   state.statusTingQi = 0;
+      // }
 
-      state.qdms_inputV1 = item.name;
-      // state.imageUrl = item.picUrl;
-      state.feng_mian_1 = item.picUrl;
-      state.qdms_inputV2 = item.targetUser;
-      state.qdms_inputV3 = item.meaning;
-      state.fen_lei = String(item.categoryId);
-      state.chang_jin = String(item.sceneId);
-      state.tags_val = item.tips ? item.tips.split(",") : [];
-      //state.qdms_inputV5 = item.teacherId;
-      state.teacher = item.teacher;
-      state.teacherId = item.teacherId;
-      state.qdms_inputV6 = item.intro;
-      state.member = { value: item.teacherId, name: item.teacher };
-      if (item.attach == "") {
-        state.imgList = [];
-      } else {
-        if (item.attach.indexOf(",")) {
-          const arr = item.attach.split(",");
-          arr.forEach((item) => {
-            state.imgList.push({ img: item });
-          });
-        } else {
-          state.imgList = [{ img: item.attach }];
-        }
-      }
+      // state.qdms_inputV1 = item.name;
+      // // state.imageUrl = item.picUrl;
+      // state.feng_mian_1 = item.picUrl;
+      // state.qdms_inputV2 = item.targetUser;
+      // state.qdms_inputV3 = item.meaning;
+      // state.fen_lei = String(item.categoryId);
+      // state.chang_jin = String(item.sceneId);
+      // state.tags_val = item.tips ? item.tips.split(",") : [];
+      // //state.qdms_inputV5 = item.teacherId;
+      // state.teacher = item.teacher;
+      // state.teacherId = item.teacherId;
+      // state.qdms_inputV6 = item.intro;
+      // state.member = { value: item.teacherId, name: item.teacher };
+      // if (item.attach == "") {
+      //   state.imgList = [];
+      // } else {
+      //   if (item.attach.indexOf(",")) {
+      //     const arr = item.attach.split(",");
+      //     arr.forEach((item) => {
+      //       state.imgList.push({ img: item });
+      //     });
+      //   } else {
+      //     state.imgList = [{ img: item.attach }];
+      //   }
+      // }
 
-      valueHtml.value = item.outline;
+      // valueHtml.value = item.outline;
 
-      state.ft_hs = true;
+      // state.ft_hs = true;
+      CourseModalRef.value.visibleOpen(state.offcourseId);
       state.ft_eidt = true;
       getTea();
     };
@@ -5511,7 +5064,7 @@ export default defineComponent({
       ];
       if (!fileType.includes(file.name.split(".")[1])) {
         message.error(
-          "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
+            "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
         );
         return false;
       }
@@ -5634,75 +5187,78 @@ export default defineComponent({
     };
     //添加权限
     watch(
-      () => state.addAuthList,
-      (res) => {
-        console.log("res", res, state.addAuthList);
-        if (state.authClassify === 1 || state.authClassify === 2) {
-          let obj = {
-            type: 3,
-            tag:
-              state.authClassify === 1
-                ? 3
-                : state.authClassify === 2
-                ? 4
-                : null,
-            opt: 3,
-            deptList: res[1],
-            groupList: res[2],
-            refId: state.selectCourseId,
-            pageNo: 20,
-            pageSize: 1,
-            studentList: res[0],
-            keyWord: "",
-          };
-          console.log("obj", obj);
-          api1
-            .optionAuthPerm(obj)
-            .then((res) => {
-              console.log("添加授权成功", res);
-              message.success("添加授权成功");
-            })
-            .catch((err) => {
-              console.log("添加授权失败", err);
-            });
+        () => state.addAuthList,
+        (res) => {
+          console.log("res", res, state.addAuthList);
+          if (state.authClassify === 1 || state.authClassify === 2) {
+            let obj = {
+              type: 3,
+              tag:
+                  state.authClassify === 1
+                      ? 3
+                      : state.authClassify === 2
+                          ? 4
+                          : null,
+              opt: 3,
+              deptList: res[1],
+              groupList: res[2],
+              refId: state.selectCourseId,
+              pageNo: 20,
+              pageSize: 1,
+              studentList: res[0],
+              keyWord: "",
+            };
+            console.log("obj", obj);
+            api1
+                .optionAuthPerm(obj)
+                .then((res) => {
+                  console.log("添加授权成功", res);
+                  message.success("添加授权成功");
+                })
+                .catch((err) => {
+                  console.log("添加授权失败", err);
+                });
+          }
         }
-      }
     );
 
     //添加学员
     watch(
-      () => state.addAuthList,
-      (res) => {
-        console.log("res", res, state.addStudentList);
-        if (state.authClassify === 3) {
-          let obj = {
-            deptList: res[1],
-            groupList: res[2],
-            offcourseId: state.offcourseId,
-            offcoursePlanId: state.offcoursePlanId, //开课id
-            studentList: res[0],
-          };
-          console.log("obj", obj);
-          api1
-            .addStudentCourse(obj)
-            .then((res) => {
-              console.log("添加学员成功", res);
-              message.success("添加学员成功");
-              getTableDate2();
-            })
-            .catch((err) => {
-              console.log("添加学员失败", err);
-            });
+        () => state.addAuthList,
+        (res) => {
+          console.log("res", res, state.addStudentList);
+          if (state.authClassify === 3) {
+            let obj = {
+              deptList: res[1],
+              groupList: res[2],
+              offcourseId: state.offcourseId,
+              offcoursePlanId: state.offcoursePlanId, //开课id
+              studentList: res[0],
+            };
+            console.log("obj", obj);
+            api1
+                .addStudentCourse(obj)
+                .then((res) => {
+                  console.log("添加学员成功", res);
+                  message.success("添加学员成功");
+                  getTableDate2();
+                })
+                .catch((err) => {
+                  console.log("添加学员失败", err);
+                });
+          }
         }
-      }
     );
 
     const closeOnlineCoursevisible = () => {
       console.log("执行");
       getTableDate();
     };
+
     return {
       ...toRefs(state),
+      CourseModalRef,
+
       getdateToDateFn,
       moment,
       getdateToTimeFn,
@@ -6028,8 +5584,8 @@ export default defineComponent({
     width: 100%;
     height: 40px;
     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%
     );
   }
 
@@ -6191,8 +5747,8 @@ export default defineComponent({
     width: 100%;
     height: 40px;
     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%
     );
   }
 
@@ -6439,8 +5995,8 @@ export default defineComponent({
             width: calc(100%);
             height: 40px;
             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%
             );
           }
 
@@ -6536,8 +6092,8 @@ export default defineComponent({
             width: calc(100%);
             height: 40px;
             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%
             );
           }
 
@@ -6653,8 +6209,8 @@ export default defineComponent({
             width: calc(100%);
             height: 40px;
             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%
             );
           }
 
@@ -6782,8 +6338,8 @@ export default defineComponent({
             width: 100%;
             height: 40px;
             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%
             );
           }
 
@@ -7740,8 +7296,8 @@ export default defineComponent({
               }
 
               .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;
               }
 
@@ -8041,8 +7597,8 @@ export default defineComponent({
                 }
 
                 .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;
                 }
 
@@ -8213,8 +7769,8 @@ export default defineComponent({
             width: calc(100%);
             height: 40px;
             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%
             );
           }
 
diff --git a/src/views/courselibrary/CoursewareManage_Old.vue b/src/views/courselibrary/CoursewareManage_Old.vue
new file mode 100644
index 00000000..a479c981
--- /dev/null
+++ b/src/views/courselibrary/CoursewareManage_Old.vue
@@ -0,0 +1,8356 @@
+<!-- 课件管理页面 -->
+<template>
+  <div class="courseManage">
+    <div class="headerf">
+      <!-- 搜索框及按钮 -->
+      <div class="filter">
+        <div class="filterItems">
+          <div class="fi_input fitems">
+            <a-input
+              v-model:value="createName"
+              style="width: 270px; height: 40px; border-radius: 8px"
+              placeholder="请输入创建人"
+            />
+          </div>
+          <div class="fi_input fitems">
+            <a-input
+              v-model:value="name"
+              style="width: 270px; height: 40px; border-radius: 8px"
+              placeholder="请输入名称"
+            />
+          </div>
+          <div class="fi_input fitems">
+            <a-input
+              v-model:value="projectName"
+              style="width: 270px; height: 40px; border-radius: 8px"
+              placeholder="请输入所属项目"
+            />
+          </div>
+          <div class="select fitems">
+            <a-select
+              v-model:value="auditStatus"
+              dropdownClassName="dropdown-style"
+              style="width: 200px"
+              placeholder="请选择状态"
+              :options="options1"
+              allowClear
+              showSearch
+            >
+            </a-select>
+          </div>
+          <div class="select fitems">
+            <a-select
+              v-model:value="categoryId"
+              dropdownClassName="dropdown-style"
+              style="width: 200px"
+              placeholder="请选择内容分类"
+              :options="options2"
+              allowClear
+              showSearch
+            ></a-select>
+          </div>
+          <div class="select fitems">
+            <a-range-picker
+              v-model:value="projectTime"
+              :show-time="{
+                defaultValue: [
+                  moment('00:00:00', 'HH:mm:ss'),
+                  moment('23:59:59', 'HH:mm:ss'),
+                ],
+              }"
+              valueFormat="X"
+              separator="至"
+              :placeholder="['        开始时间', '        结束时间']"
+            />
+          </div>
+        </div>
+      </div>
+      <div class="btns">
+        <div class="btn btn1" @click="handleSearch1">
+          <div class="search"></div>
+          <div class="btnText">搜索</div>
+        </div>
+        <div class="btn btn2" @click="handleRest1">
+          <div class="search"></div>
+          <div class="btnText">重置</div>
+        </div>
+        <!-- 2022-11-30注释 后面放开 -->
+        <!-- <div class="btn btn3" @click="openMessage">
+          <div class="search"></div>
+          <div class="btnText">导出</div>
+        </div> -->
+        <div class="btn btn4" @click="of_hShow">
+          <div class="search"></div>
+          <div class="btnText">新建课程</div>
+        </div>
+      </div>
+      <!-- 搜索框及按钮 -->
+    </div>
+    <!-- 选择线上还是面授课弹窗 -->
+    <a-modal
+      v-model:visible="of_hs"
+      :closable="closableQR"
+      wrapClassName="sofModal"
+      :footer="null"
+      style="margin-top: 400px"
+      @cancel="of_exit"
+    >
+      <div
+        class="selectonlineface"
+        :style="{ display: of_hs ? 'block' : 'none' }"
+      >
+        <div class="of_header"></div>
+        <div class="of_main">
+          <div class="ofm_header">
+            <div class="add_icon"></div>
+            <span>请选择课程类型</span>
+            <div class="close_exit" @click="of_exit"></div>
+          </div>
+          <div class="ofm_body">
+            <div class="ofmb_items">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">课程名称：</span>
+              </div>
+              <div class="b_input">
+                <a-input
+                  v-model:value="xzinputV1"
+                  maxlength="20"
+                  style="width: 440px; height: 40px; border-radius: 8px"
+                  placeholder="请输入课程名称"
+                />
+                <div class="inp_num">
+                  <span style="color: #c7cbd2">{{ xzinputV1.length }}/20</span>
+                </div>
+              </div>
+            </div>
+            <div class="b_sub">
+              <div class="bs_header">
+                <div class="b_left">
+                  <span style="color: #999ba3">课程命名规则</span>
+                </div>
+                <div class="b_right" @click="hideShow" style="cursor: pointer">
+                  <div
+                    class="b_zk"
+                    :style="{ display: hideshow ? 'block' : 'none' }"
+                  >
+                    <div class="zksqbox" style="display: flex">
+                      <span style="color: #4ea6ff; margin-right: 5px">
+                        收起
+                      </span>
+                      <div class="b_icon">
+                        <img
+                          src="@/assets/images/coursewareManage/up.png"
+                          alt=""
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="b_sq"
+                    :style="{ display: hideshow ? 'none' : 'block' }"
+                  >
+                    <div class="zksqbox" style="display: flex">
+                      <span style="color: #4ea6ff; margin-right: 5px">
+                        展开
+                      </span>
+                      <div class="b_icon">
+                        <img
+                          src="@/assets/images/coursewareManage/down.png"
+                          alt=""
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="bl_detail"
+                :style="{ display: hideshow ? 'block' : 'none' }"
+              >
+                <span style="color: #999ba3">
+                  1、课程名称统一不加书名号。<br />
+                  2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
+                  之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
+                  看到的是课程内容主题。<br />
+                  3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
+                  版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
+                </span>
+              </div>
+            </div>
+            <div class="ofmb_items">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span>授课形式</span>
+              </div>
+              <a-radio-group v-model:value="valueE1">
+                <div class="bc_box">
+                  <div class="bc_boxl">
+                    <div class="ol_checkbox">
+                      <a-radio
+                        v-model:checked="checked"
+                        :value="1"
+                        @click="bs_hShow"
+                      >
+                        线上
+                      </a-radio>
+                    </div>
+                  </div>
+                  <div class="bc_boxr">
+                    <div class="ol_checkbox">
+                      <a-radio
+                        v-model:checked="checked"
+                        :value="2"
+                        @click="clear_valueE1"
+                      >
+                        面授
+                      </a-radio>
+                    </div>
+                  </div>
+                </div>
+              </a-radio-group>
+            </div>
+            <div class="b_sup" :style="{ display: bs_hs ? 'block' : 'none' }">
+              <div class="ofmb_items">
+                <div class="signbox">
+                  <div class="sign">
+                    <img
+                      src="@/assets/images/coursewareManage/asterisk.png"
+                      alt=""
+                    />
+                  </div>
+                  <span>是否设置目录</span>
+                </div>
+                <a-radio-group v-model:value="valueE2">
+                  <div class="bc_box">
+                    <div class="ol_checkbox">
+                      <a-radio
+                        v-model:checked="checked"
+                        :value="3"
+                        @click="clear_valueE2"
+                      >
+                        是
+                      </a-radio>
+                    </div>
+                    <div class="ol_checkbox">
+                      <a-radio
+                        v-model:checked="checked"
+                        :value="4"
+                        @click="clear_valueE2"
+                      >
+                        否
+                      </a-radio>
+                    </div>
+                  </div>
+                </a-radio-group>
+              </div>
+            </div>
+            <div class="b_footer">
+              <div class="btn btn5" @click="of_exit1">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="btn btn6" @click="createft">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 选择线上还是面授课弹窗 -->
+    <!-- 确定新建面授课弹窗 -->
+    <a-modal
+      v-model:visible="ft_hs"
+      title="Title"
+      @ok="handlePush"
+      :footer="null"
+      :closable="false"
+      wrapClassName="modalStyle facteachModal"
+      width="80%"
+      @cancel="ft_exit_1"
+    >
+      <div class="modalHeader">
+        <div class="headerLeft">
+          <img
+            style="width: 17px; height: 18px; margin-right: 8px"
+            src="../../assets/images/basicinfo/add.png"
+          />
+          <span v-if="ft_eidt" class="headerLeftText">编辑面授课</span>
+          <span v-else class="headerLeftText">新建面授课</span>
+        </div>
+        <div style="margin-right: 57px; cursor: pointer">
+          <img
+            @click="ft_exit_1"
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
+          />
+        </div>
+      </div>
+      <div class="modalMain">
+        <!-- 审核理由 -->
+        <div v-if="statusJuJue" class="statusJuJue">
+          <span>审核意见：</span>
+          <span>-</span>
+        </div>
+        <div class="faceteach" :style="{ display: ft_hs ? 'block' : 'none' }">
+          <div class="ft_main">
+            <div class="m_title">课程信息</div>
+            <div class="m_body">
+              <div class="mb_left">
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <div class="asterisk_icon">
+                      <img
+                        src="@/assets/images/coursewareManage/asterisk.png"
+                        alt=""
+                      />
+                    </div>
+                    <span style="margin-right: 14px">课程名称</span>
+                  </div>
+                  <div class="item_inp">
+                    <div class="i1_input">
+                      <a-input
+                        v-model:value="qdms_inputV1"
+                        maxlength="90"
+                        style="width: 440px; height: 40px; border-radius: 8px"
+                        placeholder="请输入课程名称"
+                      />
+                      <div class="inp_num">
+                        <span style="color: #c7cbd2">
+                          {{ qdms_inputV1.length }}/90
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="i2_cz">
+                  <div class="i2_top">
+                    <div class="i2_left">
+                      <span style="color: #999ba3">课程命名规则</span>
+                    </div>
+                    <div
+                      class="i2_right"
+                      @click="hideShow"
+                      style="cursor: pointer"
+                    >
+                      <div
+                        class="b_zk"
+                        :style="{ display: hideshow ? 'block' : 'none' }"
+                      >
+                        <span style="color: #4ea6ff">收起</span>
+                      </div>
+                      <div
+                        class="b_sq"
+                        :style="{ display: hideshow ? 'none' : 'block' }"
+                      >
+                        <span style="color: #4ea6ff">展开</span>
+                      </div>
+                      <div class="b_icon"></div>
+                    </div>
+                  </div>
+                  <div
+                    class="i2_detail"
+                    :style="{ display: hideshow ? 'block' : 'none' }"
+                  >
+                    <span style="color: #999ba3">
+                      1、课程名称统一不加书名号。<br />
+                      2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
+                      之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
+                      看到的是课程内容主题。<br />
+                      3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
+                      版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
+                    </span>
+                  </div>
+                </div>
+                <div class="mbl_items2">
+                  <div class="item_nam">
+                    <div class="asterisk_icon">
+                      <img
+                        src="@/assets/images/coursewareManage/asterisk.png"
+                        alt=""
+                      />
+                    </div>
+                    <span style="margin-right: 14px">封面图</span>
+                  </div>
+                  <div class="item_inp">
+                    <a-select
+                      :getPopupContainer="
+                        (triggerNode) => {
+                          return triggerNode.parentNode || document.body;
+                        }
+                      "
+                      v-model:value="feng_mian_1"
+                      dropdownClassName="dropdown-style"
+                      style="width: 440px"
+                      placeholder="请选择"
+                      :options="optionsUrl"
+                      allowClear
+                      showSearch
+                    ></a-select>
+                    <img
+                      class="i_upload_img"
+                      v-if="feng_mian_1"
+                      :src="feng_mian_1"
+                      alt="avatar"
+                    />
+                    <!-- <a-upload
+                      name="avatar"
+                      list-type="picture-card"
+                      class="avatar-uploader"
+                      :show-upload-list="false"
+                      :before-upload="beforeUpload"
+                      disabled
+                    >
+                      <img
+                        class="i_upload_img"
+                        v-if="imageUrl"
+                        :src="imageUrl"
+                        alt="avatar"
+                      />
+                      <div class="i_upload" v-else>
+                        <div class="addimg">
+                          <div class="heng"></div>
+                          <div class="shu"></div>
+                        </div>
+                      </div>
+                    </a-upload> -->
+                    <div class="i_bottom">
+                      <span style="color: #999ba3">
+                        高宽比为16:9 (如:800*450) png或jpg图片
+                      </span>
+                    </div>
+                  </div>
+                </div>
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <div class="asterisk_icon">
+                      <img
+                        style="width: 10px; height: 10px"
+                        src="@/assets/images/coursewareManage/asterisk.png"
+                        alt=""
+                      />
+                    </div>
+                    <span style="margin-right: 14px">目标人群</span>
+                  </div>
+                  <div class="item_inp">
+                    <div class="i1_input">
+                      <a-input
+                        v-model:value="qdms_inputV2"
+                        maxlength="50"
+                        style="width: 440px; height: 40px; border-radius: 8px"
+                        placeholder="请输入目标人群"
+                      />
+                      <div class="inp_num">
+                        <span style="color: #c7cbd2">
+                          {{ qdms_inputV2.length }}/50
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <span style="margin-right: 14px">课程价值</span>
+                  </div>
+                  <div class="item_inp">
+                    <div class="i1_input">
+                      <a-input
+                        v-model:value="qdms_inputV3"
+                        maxlength="200"
+                        style="width: 440px; height: 40px; border-radius: 8px"
+                        placeholder="请输入课程价值"
+                      />
+                      <div class="inp_num">
+                        <span style="color: #c7cbd2">
+                          {{ qdms_inputV3.length }}/200
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <div class="asterisk_icon">
+                      <img
+                        src="@/assets/images/coursewareManage/asterisk.png"
+                        alt=""
+                      />
+                    </div>
+                    <span style="margin-right: 14px">内容分类</span>
+                  </div>
+                  <div class="item_inp">
+                    <div class="select i6_input">
+                      <a-select
+                        :getPopupContainer="
+                          (triggerNode) => {
+                            return triggerNode.parentNode || document.body;
+                          }
+                        "
+                        v-model:value="fen_lei"
+                        dropdownClassName="dropdown-style"
+                        style="width: 440px"
+                        placeholder="请选择"
+                        :options="options2"
+                        allowClear
+                        showSearch
+                      ></a-select>
+                    </div>
+                  </div>
+                </div>
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <span style="margin-right: 14px">场景</span>
+                  </div>
+                  <div class="item_inp">
+                    <div class="select i7_input">
+                      <a-select
+                        :getPopupContainer="
+                          (triggerNode) => {
+                            return triggerNode.parentNode || document.body;
+                          }
+                        "
+                        v-model:value="chang_jin"
+                        dropdownClassName="dropdown-style"
+                        style="width: 440px"
+                        placeholder="请选择"
+                        :options="options3"
+                        allowClear
+                        showSearch
+                      ></a-select>
+                    </div>
+                  </div>
+                </div>
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <span style="margin-right: 14px">内容标签</span>
+                  </div>
+                  <div class="item_inp">
+                    <!-- <a-select
+                      :getPopupContainer="
+                        (triggerNode) => {
+                          return triggerNode.parentNode || document.body;
+                        }
+                      "
+                      v-model:value="tags_val"
+                      mode="tags"
+                      style="width: 440px; height: 40px"
+                      placeholder="请输入按回车键创建成功"
+                      :options="tagsOptions"
+                    ></a-select> -->
+                    <a-input
+                      v-model:value="tags_val_single"
+                      placeholder="请输入按回车键创建成功"
+                      @pressEnter="handleTagChange"
+                    />
+                    <div class="tag-content">
+                      <a-tag
+                        v-for="(item, index) in tags_val"
+                        :key="index"
+                        closable
+                        @close="handleTagClose(index)"
+                      >
+                        {{ item }}
+                      </a-tag>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="mb_right">
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <div class="asterisk_icon">
+                      <img
+                        src="@/assets/images/coursewareManage/asterisk.png"
+                        alt="asterisk"
+                      />
+                    </div>
+                    <!-- 授课教师1 -->
+                    <span style="margin-right: 14px">授课教师</span>
+                  </div>
+                  <div class="item_inp">
+                    <div class="i1_input">
+                      <ProjectManager
+                        v-model:value="member.value"
+                        v-model:name="member.name"
+                      ></ProjectManager>
+                    </div>
+                  </div>
+                </div>
+                <div class="mbl_items2">
+                  <div class="item_nam">
+                    <span style="margin-right: 14px">课程简介</span>
+                  </div>
+                  <div class="item_inp">
+                    <div class="i10_textarea">
+                      <a-textarea
+                        v-model:value="qdms_inputV6"
+                        maxlength="150"
+                        style="width: 440px; height: 100px; border-radius: 8px"
+                        placeholder="请输入"
+                      />
+                      <div class="inp_num">
+                        <span style="color: #c7cbd2">
+                          {{ qdms_inputV6.length }}/150
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <span style="margin-right: 10px">附件</span>
+                  </div>
+                  <div class="item_inp">
+                    <a-upload
+                      multiple
+                      :show-upload-list="false"
+                      :before-upload="beforeUpload2"
+                    >
+                      <div class="accessory" style="cursor: pointer">
+                        <div class="accessory_icon">
+                          <img
+                            src="@/assets/images/coursewareManage/enclosure.png"
+                            alt="enclosure"
+                          />
+                        </div>
+                        <span style="color: #4ea6ff">添加附件</span>
+                      </div>
+                    </a-upload>
+                    <span>
+                      支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
+                    </span>
+                  </div>
+                </div>
+                <div class="mbl_items12">
+                  <div
+                    class="i12_box1"
+                    v-for="(item, index) in imgList"
+                    :key="index"
+                  >
+                    <div class="file_img"></div>
+                    <div class="file_detail">
+                      <!-- <div class="file_name">
+                        <span style="color: #6f6f6f">{{ item.name }}</span>
+                      </div> -->
+                      <!-- 条件渲染 s -->
+                      <!-- <div class="file_size">
+                        <span style="color: #999ba3">{{ item.size }}</span>
+                      </div> -->
+                      <div class="file_updata">
+                        <div class="updatabox">
+                          <div class="updatacolor"></div>
+                          <div class="updataxq">上传完成</div>
+                          <!-- <div class="updatacolor2"></div>
+                          <div class="updataxq2">上传失败</div> -->
+                          <!-- <div class="updatacolor3"></div>
+                          <div class="updataxq3">正在上传</div> -->
+                        </div>
+                        <div class="upjd">
+                          <span style="margin: auto 5px">100%</span>
+                        </div>
+                      </div>
+                      <!-- 条件渲染 e -->
+                    </div>
+                    <div class="file_operation">
+                      <div class="fobox">
+                        <span style="color: #4ea6ff" @click="handleDel(index)">
+                          删除
+                        </span>
+                      </div>
+                      <!-- <div class="fobox">
+                        <span style="color: #4ea6ff">重传</span>
+                      </div>
+                      <div class="fobox">
+                        <span style="color: #4ea6ff">取消</span>
+                      </div> -->
+                      <!-- <div class="fobox">
+                        <span style="color: #4ea6ff; margin-right: 5px">
+                          暂停
+                        </span>
+                      </div>
+                      <div class="fobox">
+                        <span style="color: #4ea6ff">取消</span>
+                      </div> -->
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="m_footer">
+              <div class="fotnam">
+                <span>课程大纲</span>
+              </div>
+              <div class="fotarea">
+                <div style="border: 1px solid #ccc">
+                  <Toolbar
+                    style="border-bottom: 1px solid #ccc"
+                    :editor="editorRef"
+                    :defaultConfig="toolbarConfig"
+                    :mode="mode"
+                  />
+                  <Editor
+                    style="height: 250px; overflow-y: hidden"
+                    v-model="valueHtml"
+                    :defaultConfig="editorConfig"
+                    :mode="mode"
+                    @onCreated="handleCreated"
+                  />
+                </div>
+              </div>
+            </div>
+            <div class="m_btn">
+              <div class="btn btn5" @click="ft_exit_1">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="btn btn6" @click="handlePush">
+                <div class="btnText">保存</div>
+              </div>
+
+              <div
+                class="btn btn6"
+                v-if="statusTingQi == 1"
+                @click="reviewClick"
+              >
+                <div class="btnText">提交审核</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 查看面授课弹框 start -->
+    <a-modal
+      v-model:visible="lookMs"
+      title="Title"
+      @ok="handlelookMs"
+      :footer="null"
+      :closable="false"
+      wrapClassName="modalStyle facteachModal"
+      width="80%"
+      @cancel="handlelookMs"
+    >
+      <div class="modalHeader">
+        <div class="headerLeft">
+          <img
+            style="width: 17px; height: 18px; margin-right: 8px"
+            src="../../assets/images/basicinfo/add.png"
+          />
+          <span class="headerLeftText">查看面授课</span>
+        </div>
+        <div style="margin-right: 57px; cursor: pointer">
+          <img
+            @click="handlelookMs"
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
+          />
+        </div>
+      </div>
+      <div class="modalMain">
+        <div class="faceteach">
+          <div class="ft_main">
+            <div class="m_title">课程信息</div>
+            <div class="m_body">
+              <div class="mb_left">
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <div class="asterisk_icon">
+                      <img
+                        src="@/assets/images/coursewareManage/asterisk.png"
+                        alt=""
+                      />
+                    </div>
+                    <span style="margin-right: 14px">课程名称</span>
+                  </div>
+                  <div class="item_inp">
+                    <div class="i1_input">
+                      <a-input
+                        aria-readonly="true"
+                        v-model:value="qdms_inputV1"
+                        maxlength="90"
+                        style="width: 440px; height: 40px; border-radius: 8px"
+                        placeholder="请输入课程名称"
+                      />
+                      <div class="inp_num">
+                        <span style="color: #c7cbd2">
+                          {{ qdms_inputV1.length }}/90
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="i2_cz">
+                  <div class="i2_top">
+                    <div class="i2_left">
+                      <span style="color: #999ba3">课程命名规则</span>
+                    </div>
+                    <div
+                      class="i2_right"
+                      @click="hideShow"
+                      style="cursor: pointer"
+                    >
+                      <div
+                        class="b_zk"
+                        :style="{ display: hideshow ? 'block' : 'none' }"
+                      >
+                        <span style="color: #4ea6ff">收起</span>
+                      </div>
+                      <div
+                        class="b_sq"
+                        :style="{ display: hideshow ? 'none' : 'block' }"
+                      >
+                        <span style="color: #4ea6ff">展开</span>
+                      </div>
+                      <div class="b_icon"></div>
+                    </div>
+                  </div>
+                  <div
+                    class="i2_detail"
+                    :style="{ display: hideshow ? 'block' : 'none' }"
+                  >
+                    <span style="color: #999ba3">
+                      1、课程名称统一不加书名号。<br />
+                      2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
+                      之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
+                      看到的是课程内容主题。<br />
+                      3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
+                      版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
+                    </span>
+                  </div>
+                </div>
+                <div class="mbl_items2">
+                  <div class="item_nam">
+                    <div class="asterisk_icon">
+                      <img
+                        src="@/assets/images/coursewareManage/asterisk.png"
+                        alt=""
+                      />
+                    </div>
+                    <span style="margin-right: 14px">封面图</span>
+                  </div>
+                  <div class="item_inp">
+                    <a-select
+                      :getPopupContainer="
+                        (triggerNode) => {
+                          return triggerNode.parentNode || document.body;
+                        }
+                      "
+                      v-model:value="feng_mian_2"
+                      dropdownClassName="dropdown-style"
+                      style="width: 440px"
+                      placeholder="请选择"
+                      :options="optionsUrl"
+                      allowClear
+                      showSearch
+                    ></a-select>
+                    <img
+                      class="i_upload_img"
+                      v-if="feng_mian_2"
+                      :src="feng_mian_2"
+                      alt="avatar"
+                    />
+                    <!-- <a-upload
+                      name="avatar"
+                      list-type="picture-card"
+                      class="avatar-uploader"
+                      :show-upload-list="false"
+                      :before-upload="beforeUpload"
+                      disabled
+                    >
+                      <img
+                        class="i_upload_img"
+                        v-if="imageUrl"
+                        :src="imageUrl"
+                        alt="avatar"
+                      />
+                      <div class="i_upload" v-else>
+                        <div class="addimg">
+                          <div class="heng"></div>
+                          <div class="shu"></div>
+                        </div>
+                      </div>
+                    </a-upload> -->
+                    <div class="i_bottom">
+                      <span style="color: #999ba3">
+                        高宽比为16:9 (如:800*450) png或jpg图片
+                      </span>
+                    </div>
+                  </div>
+                </div>
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <div class="asterisk_icon">
+                      <img
+                        style="width: 10px; height: 10px"
+                        src="@/assets/images/coursewareManage/asterisk.png"
+                        alt=""
+                      />
+                    </div>
+                    <span style="margin-right: 14px">目标人群</span>
+                  </div>
+                  <div class="item_inp">
+                    <div class="i1_input">
+                      <a-input
+                        v-model:value="qdms_inputV2"
+                        maxlength="50"
+                        style="width: 440px; height: 40px; border-radius: 8px"
+                        placeholder="请输入目标人群"
+                      />
+                      <div class="inp_num">
+                        <span style="color: #c7cbd2">
+                          {{ qdms_inputV2.length }}/50
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <span style="margin-right: 14px">课程价值</span>
+                  </div>
+                  <div class="item_inp">
+                    <div class="i1_input">
+                      <a-input
+                        v-model:value="qdms_inputV3"
+                        maxlength="200"
+                        style="width: 440px; height: 40px; border-radius: 8px"
+                        placeholder="请输入课程价值"
+                      />
+                      <div class="inp_num">
+                        <span style="color: #c7cbd2">
+                          {{ qdms_inputV3.length }}/200
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <div class="asterisk_icon">
+                      <img
+                        src="@/assets/images/coursewareManage/asterisk.png"
+                        alt=""
+                      />
+                    </div>
+                    <span style="margin-right: 14px">内容分类</span>
+                  </div>
+                  <div class="item_inp">
+                    <div class="select i6_input">
+                      <a-select
+                        :getPopupContainer="
+                          (triggerNode) => {
+                            return triggerNode.parentNode || document.body;
+                          }
+                        "
+                        v-model:value="fen_lei"
+                        dropdownClassName="dropdown-style"
+                        style="width: 440px"
+                        placeholder="请选择"
+                        :options="options2"
+                        allowClear
+                        showSearch
+                      ></a-select>
+                    </div>
+                  </div>
+                </div>
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <span style="margin-right: 14px">场景</span>
+                  </div>
+                  <div class="item_inp">
+                    <div class="select i7_input">
+                      <a-select
+                        :getPopupContainer="
+                          (triggerNode) => {
+                            return triggerNode.parentNode || document.body;
+                          }
+                        "
+                        v-model:value="chang_jin"
+                        dropdownClassName="dropdown-style"
+                        style="width: 440px"
+                        placeholder="请选择"
+                        :options="options3"
+                        allowClear
+                        showSearch
+                      ></a-select>
+                    </div>
+                  </div>
+                </div>
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <span style="margin-right: 14px">内容标签</span>
+                  </div>
+                  <div class="item_inp">
+                    <a-select
+                      :getPopupContainer="
+                        (triggerNode) => {
+                          return triggerNode.parentNode || document.body;
+                        }
+                      "
+                      v-model:value="tags_val"
+                      mode="tags"
+                      style="width: 440px; height: 40px"
+                      placeholder="请输入按回车键创建成功"
+                      :options="tagsOptions"
+                    ></a-select>
+                  </div>
+                </div>
+              </div>
+              <div class="mb_right">
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <div class="asterisk_icon">
+                      <img
+                        src="@/assets/images/coursewareManage/asterisk.png"
+                        alt="asterisk"
+                      />
+                    </div>
+                    <span style="margin-right: 14px">授课教师</span>
+                  </div>
+                  <div class="item_inp">
+                    <div class="i1_input">
+                      <ProjectManager
+                        v-model:value="member.value"
+                        v-model:name="member.name"
+                      ></ProjectManager>
+                    </div>
+                  </div>
+                </div>
+                <div class="mbl_items2">
+                  <div class="item_nam">
+                    <span style="margin-right: 14px">课程简介</span>
+                  </div>
+                  <div class="item_inp">
+                    <div class="i10_textarea">
+                      <a-textarea
+                        v-model:value="qdms_inputV6"
+                        maxlength="150"
+                        style="width: 440px; height: 100px; border-radius: 8px"
+                        placeholder="请输入"
+                      />
+                      <div class="inp_num">
+                        <span style="color: #c7cbd2">
+                          {{ qdms_inputV6.length }}/150
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="mbl_items">
+                  <div class="item_nam">
+                    <span style="margin-right: 10px">附件</span>
+                  </div>
+                  <div class="item_inp">
+                    <a-upload
+                      multiple
+                      :show-upload-list="false"
+                      :before-upload="beforeUpload2"
+                    >
+                      <div class="accessory" style="cursor: pointer">
+                        <div class="accessory_icon">
+                          <img
+                            src="@/assets/images/coursewareManage/enclosure.png"
+                            alt="enclosure"
+                          />
+                        </div>
+                        <span style="color: #4ea6ff">添加附件</span>
+                      </div>
+                    </a-upload>
+                    <span>
+                      支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
+                    </span>
+                  </div>
+                </div>
+                <div class="mbl_items12">
+                  <div
+                    class="i12_box1"
+                    v-for="(item, index) in imgList"
+                    :key="index"
+                  >
+                    <div class="file_img"></div>
+                    <div class="file_detail">
+                      <!-- <div class="file_name">
+                        <span style="color: #6f6f6f">{{ item.name }}</span>
+                      </div> -->
+                      <!-- 条件渲染 s -->
+                      <!-- <div class="file_size">
+                        <span style="color: #999ba3">{{ item.size }}</span>
+                      </div> -->
+                      <div class="file_updata">
+                        <div class="updatabox">
+                          <div class="updatacolor"></div>
+                          <div class="updataxq">上传完成</div>
+                          <!-- <div class="updatacolor2"></div>
+                          <div class="updataxq2">上传失败</div> -->
+                          <!-- <div class="updatacolor3"></div>
+                          <div class="updataxq3">正在上传</div> -->
+                        </div>
+                        <div class="upjd">
+                          <span style="margin: auto 5px">100%</span>
+                        </div>
+                      </div>
+                      <!-- 条件渲染 e -->
+                    </div>
+                    <div class="file_operation">
+                      <div class="fobox">
+                        <span style="color: #4ea6ff" @click="handleDel(index)">
+                          删除
+                        </span>
+                      </div>
+                      <!-- <div class="fobox">
+                        <span style="color: #4ea6ff">重传</span>
+                      </div>
+                      <div class="fobox">
+                        <span style="color: #4ea6ff">取消</span>
+                      </div> -->
+                      <!-- <div class="fobox">
+                        <span style="color: #4ea6ff; margin-right: 5px">
+                          暂停
+                        </span>
+                      </div>
+                      <div class="fobox">
+                        <span style="color: #4ea6ff">取消</span>
+                      </div> -->
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="m_footer">
+              <div class="fotnam">
+                <span>课程大纲</span>
+              </div>
+              <div class="fotarea">
+                <div style="border: 1px solid #ccc">
+                  <Toolbar
+                    style="border-bottom: 1px solid #ccc"
+                    :editor="editorRef"
+                    :defaultConfig="toolbarConfig"
+                    :mode="mode"
+                  />
+                  <Editor
+                    style="height: 250px; overflow-y: hidden"
+                    v-model="valueHtml"
+                    :defaultConfig="editorConfig"
+                    :mode="mode"
+                    @onCreated="handleCreated"
+                  />
+                </div>
+              </div>
+            </div>
+            <div class="m_btn">
+              <!-- <div class="btn btn5" @click="handlelookMs">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="btn btn6" v-if="isEdit == 0" @click="handlelookMs">
+                <div class="btnText">确定</div>
+              </div> -->
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 查看面授课弹框 end -->
+    <!-- 确定新建面授课弹窗 -->
+    <!-- 表格 -->
+    <div class="tableBox">
+      <a-table
+        :columns="columns1"
+        :data-source="tableData1"
+        :loading="tableDataTotal1 === -1 ? true : false"
+        :scroll="{ x: 600 }"
+        expandRowByClick="true"
+        @expand="expandTable"
+        :pagination="false"
+      >
+        <template #bodyCell="{ record, column }">
+          <template
+            v-if="
+              (String(record.status) === '0' || record.status === '未提交') &&
+              column.key === 'operation'
+            "
+          >
+            <span
+              :class="[
+                String(record.courseform) === '1'
+                  ? 'disabled table-operation'
+                  : 'table-operation',
+              ]"
+            >
+              <a
+                @click="
+                  () => {
+                    handleEdit(record, String(record.courseform));
+                  }
+                "
+              >
+                编辑
+              </a>
+              <a
+                @click="
+                  () => {
+                    handleCopy(record, String(record.courseform));
+                  }
+                "
+              >
+                复制
+              </a>
+              <a-dropdown>
+                <template #overlay>
+                  <a-menu>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showPrower(record);
+                        }
+                      "
+                    >
+                      权限名单
+                    </a-menu-item>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showOwnPrower(record);
+                        }
+                      "
+                    >
+                      归属权
+                    </a-menu-item>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showViewPrower(record);
+                        }
+                      "
+                      >查看权</a-menu-item
+                    >
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showManagePrower(record);
+                        }
+                      "
+                      >管理权</a-menu-item
+                    >
+                  </a-menu>
+                </template>
+                <a>
+                  授权
+                  <down-outlined />
+                </a>
+              </a-dropdown>
+              <a
+                @click="
+                  () => {
+                    handleDelete(record, String(record.courseform));
+                  }
+                "
+              >
+                删除
+              </a>
+            </span>
+          </template>
+          <template
+            v-if="
+              (String(record.status) === '1' || record.status === '待审核') &&
+              column.key === 'operation'
+            "
+          >
+            <span
+              :class="[
+                String(record.courseform) === '1'
+                  ? 'disabled table-operation'
+                  : 'table-operation',
+              ]"
+            >
+              <a
+                @click="
+                  () => {
+                    handleRejectExit(record, String(record.courseform));
+                  }
+                "
+              >
+                撤回
+              </a>
+              <a
+                @click="
+                  () => {
+                    handleCopy(record, String(record.courseform));
+                  }
+                "
+              >
+                复制
+              </a>
+              <a-dropdown>
+                <template #overlay>
+                  <a-menu>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showPrower(record);
+                        }
+                      "
+                    >
+                      权限名单
+                    </a-menu-item>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showOwnPrower(record);
+                        }
+                      "
+                    >
+                      归属权
+                    </a-menu-item>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showViewPrower(record);
+                        }
+                      "
+                      >查看权</a-menu-item
+                    >
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showManagePrower(record);
+                        }
+                      "
+                      >管理权</a-menu-item
+                    >
+                  </a-menu>
+                </template>
+                <a>
+                  授权
+                  <down-outlined />
+                </a>
+              </a-dropdown>
+            </span>
+          </template>
+          <template
+            v-if="
+              (String(record.status) === '2' || record.status === '已审核') &&
+              String(record.kkty) === '1' &&
+              column.key === 'operation'
+            "
+          >
+            <span
+              :class="[
+                String(record.courseform) === '1'
+                  ? 'disabled table-operation'
+                  : 'table-operation',
+              ]"
+            >
+              <a
+                @click="
+                  () => {
+                    handleStart(record, String(record.courseform));
+                  }
+                "
+              >
+                开课
+              </a>
+              <a
+                @click="
+                  () => {
+                    handleLook(record, String(record.courseform));
+                  }
+                "
+              >
+                查看
+              </a>
+              <a
+                @click="
+                  () => {
+                    if (String(record.courseform) === '1') {
+                      return;
+                    }
+                    if (String(record.courseform) === ('1' || '线上')) {
+                      om_1 = true;
+                      ft_1 = false;
+                    } else if (String(record.courseform) === ('2' || '面授')) {
+                      om_1 = true;
+                      ft_1 = true;
+                    }
+                    handleGuan22(record);
+                  }
+                "
+              >
+                管理
+              </a>
+              <a
+                @click="
+                  () => {
+                    handleCopy(record, String(record.courseform));
+                  }
+                "
+              >
+                复制
+              </a>
+              <a-dropdown>
+                <template #overlay>
+                  <a-menu>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showPrower(record);
+                        }
+                      "
+                    >
+                      权限名单
+                    </a-menu-item>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showOwnPrower(record);
+                        }
+                      "
+                    >
+                      归属权
+                    </a-menu-item>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showViewPrower(record);
+                        }
+                      "
+                      >查看权</a-menu-item
+                    >
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showManagePrower(record);
+                        }
+                      "
+                      >管理权</a-menu-item
+                    >
+                  </a-menu>
+                </template>
+                <a>
+                  授权
+                  <down-outlined />
+                </a>
+              </a-dropdown>
+              <span>
+                <a
+                  @click="
+                    () => {
+                      handleStop(record, String(record.courseform));
+                    }
+                  "
+                >
+                  停用
+                </a>
+              </span>
+            </span>
+          </template>
+          <template
+            v-if="
+              (String(record.status) === '2' || record.status === '已审核') &&
+              String(record.kkty) === '0' &&
+              column.key === 'operation'
+            "
+          >
+            <span
+              :class="[
+                String(record.courseform) === '1'
+                  ? 'disabled table-operation'
+                  : 'table-operation',
+              ]"
+            >
+              <a
+                @click="
+                  () => {
+                    handleStart(record, String(record.courseform));
+                  }
+                "
+              >
+                开课
+              </a>
+              <a
+                @click="
+                  () => {
+                    handleEdit(record, String(record.courseform));
+                  }
+                "
+              >
+                编辑
+              </a>
+              <a
+                @click="
+                  () => {
+                    if (String(record.courseform) === '1') {
+                      return;
+                    }
+                    if (String(record.courseform) === ('1' || '线上')) {
+                      om_1 = true;
+                      ft_1 = false;
+                    } else if (String(record.courseform) === ('2' || '面授')) {
+                      om_1 = true;
+                      ft_1 = true;
+                    }
+                    handleGuan22(record);
+                  }
+                "
+              >
+                管理
+              </a>
+              <a
+                @click="
+                  () => {
+                    handleCopy(record, String(record.courseform));
+                  }
+                "
+              >
+                复制
+              </a>
+              <a-dropdown>
+                <template #overlay>
+                  <a-menu>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showPrower(record);
+                        }
+                      "
+                    >
+                      权限名单
+                    </a-menu-item>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showOwnPrower(record);
+                        }
+                      "
+                    >
+                      归属权
+                    </a-menu-item>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showViewPrower(record);
+                        }
+                      "
+                      >查看权</a-menu-item
+                    >
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showManagePrower(record);
+                        }
+                      "
+                      >管理权</a-menu-item
+                    >
+                  </a-menu>
+                </template>
+                <a>
+                  授权
+                  <down-outlined />
+                </a>
+              </a-dropdown>
+              <a
+                @click="
+                  () => {
+                    handleOpen(record, String(record.courseform));
+                  }
+                "
+              >
+                启用
+              </a>
+              <a
+                @click="
+                  () => {
+                    handleDelete(record, String(record.courseform));
+                  }
+                "
+              >
+                删除
+              </a>
+            </span>
+          </template>
+          <template
+            v-if="
+              (String(record.status) === '-1' ||
+                record.status === '审核未通过') &&
+              column.key === 'operation'
+            "
+          >
+            <span
+              :class="[
+                String(record.courseform) === '1'
+                  ? 'disabled table-operation'
+                  : 'table-operation',
+              ]"
+            >
+              <a
+                @click="
+                  () => {
+                    handleEdit(record, String(record.courseform));
+                  }
+                "
+              >
+                编辑
+              </a>
+              <a
+                @click="
+                  () => {
+                    handleCopy(record, String(record.courseform));
+                  }
+                "
+              >
+                复制
+              </a>
+              <a-dropdown>
+                <template #overlay>
+                  <a-menu>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showPrower(record);
+                        }
+                      "
+                    >
+                      权限名单
+                    </a-menu-item>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showOwnPrower(record);
+                        }
+                      "
+                    >
+                      归属权
+                    </a-menu-item>
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showViewPrower(record);
+                        }
+                      "
+                      >查看权</a-menu-item
+                    >
+                    <a-menu-item
+                      @click="
+                        () => {
+                          if (String(record.courseform) === '1') {
+                            return;
+                          }
+                          showManagePrower(record);
+                        }
+                      "
+                      >管理权</a-menu-item
+                    >
+                  </a-menu>
+                </template>
+                <a>
+                  授权
+                  <down-outlined />
+                </a>
+              </a-dropdown>
+              <a
+                @click="
+                  () => {
+                    handleDelete(record, String(record.courseform));
+                  }
+                "
+              >
+                删除
+              </a>
+            </span>
+          </template>
+        </template>
+      </a-table>
+    </div>
+    <div class="pa">
+      <a-pagination
+        showSizeChanger="true"
+        showQuickJumper="true"
+        hideOnSinglePage="true"
+        :pageSize="pageSize1"
+        :current="currentPage1"
+        :total="tableDataTotal1"
+        class="pagination"
+        @change="handelChangePage1"
+      />
+    </div>
+    <!-- 表格 -->
+    <!-- 操作 在线面授课程管理 页面 -->
+    <a-modal
+      v-model:visible="om_1"
+      title="Title"
+      @ok="closeModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="modalStyle onlmanageModal"
+      width="80%"
+    >
+      <div class="modalHeader">
+        <div class="headerLeft">
+          <img
+            style="width: 17px; height: 18px; margin-right: 8px"
+            src="@/assets/images/coursewareManage/pc.png"
+          />
+          <div :style="{ display: ft_1 ? 'none' : 'block' }">
+            <span class="headerLeftText">在线课程管理</span>
+          </div>
+          <div :style="{ display: ft_1 ? 'block' : 'none' }">
+            <span class="headerLeftText">面授课程管理</span>
+          </div>
+        </div>
+        <div style="margin-right: 57px; cursor: pointer">
+          <img
+            @click="om_exit"
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
+          />
+        </div>
+      </div>
+      <div class="modalMain">
+        <div class="onlinemanage" :style="{ display: om_1 ? 'block' : 'none' }">
+          <div class="om_main">
+            <div class="om_body">
+              <div class="b_title">课程：{{ newCourseName }}</div>
+              <div class="b_sub">
+                <div class="bs_type">类型：</div>
+                <div class="bs_right">录播课</div>
+                <div class="bs_left">内容分类：</div>
+                <div class="bs_right">领导力</div>
+                <div class="bs_left">状态：</div>
+                <div class="bs_right">已审核</div>
+              </div>
+              <a-tabs
+                class="b_menu"
+                v-model:activeKey="faceManageTab"
+                size="large"
+                :tabBarStyle="{ marginLeft: '10px' }"
+                @change="faceManageChange"
+              >
+                <!-- <a-tab-pane key="1" tab="报名管理">
+                  <div class="b_menunav">
+                    <div class="bm_select">
+                      <a-select
+                        class="select"
+                        ref="select"
+                        placeholder="请选择状态"
+                        v-model:value="gl_selectV1"
+                        style="width: 200px"
+                        :options="options1"
+                        allowClear
+                        showSearch
+                        @focus="focus"
+                        @change="handleChange"
+                      >
+                       
+                      </a-select>
+                    </div>
+                    <div class="bm_input">
+                      <a-input
+                        v-model:value="gl_inputv1"
+                        style="width: 200px; height: 40px; border-radius: 8px"
+                        placeholder="姓名"
+                      />
+                    </div>
+                    <div class="bm_btn">
+                      <div class="btn btn1" @click="handleSearchTable2">
+                        <div class="search"></div>
+                        <div class="btnText">搜索</div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="bm_table" style="margin-bottom: 20px">
+                    <a-table
+                      :columns="columns2"
+                      :data-source="tableData2"
+                      :loading="tableDataTotal22 === -1 ? true : false"
+                      :pagination="false"
+                    />
+                    <div class="tableBox" style="margin-top: 50px">
+                      <div class="pa">
+                        <a-pagination
+                          showSizeChanger="true"
+                          showQuickJumper="true"
+                          hideOnSinglePage="true"
+                          :pageSize="pageSize22"
+                          :current="currentPage22"
+                          :total="tableDataTotal22"
+                          class="pagination"
+                          @change="handelChangePage22"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </a-tab-pane> -->
+                <a-tab-pane key="1" tab="学习记录">
+                  <div class="b_menunav">
+                    <div class="bm_select">
+                      <a-select
+                        class="select"
+                        ref="select"
+                        placeholder="请选择状态"
+                        v-model:value="gl_selectV2"
+                        style="width: 200px"
+                        :options="options1"
+                        allowClear
+                        showSearch
+                        @focus="focus"
+                        @change="handleChange"
+                      >
+                        <!-- <a-select-option value="status">状态</a-select-option>
+                        <a-select-option value="passed">已通过</a-select-option>
+                        <a-select-option value="weishenhe">
+                          未审核
+                        </a-select-option>
+                        <a-select-option value="reject">
+                          管理员拒绝
+                        </a-select-option> -->
+                      </a-select>
+                    </div>
+                    <div class="bm_input">
+                      <a-input
+                        v-model:value="gl_inputV2"
+                        style="width: 200px; height: 40px; border-radius: 8px"
+                        placeholder="姓名"
+                      />
+                    </div>
+                    <div class="bm_btn">
+                      <div class="btn btn1" @click="handleSearchTable3">
+                        <div class="search"></div>
+                        <div class="btnText">搜索</div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="bm_table" style="margin-bottom: 20px">
+                    <a-table
+                      :columns="columns2"
+                      :data-source="tableData3"
+                      :loading="tableDataTotal222 === -1 ? true : false"
+                      :pagination="false"
+                    >
+                      <template #bodyCell="{ column }">
+                        <template v-if="column.key === 'opacation'">
+                          <a @click="ckxq_hs">查看详情</a>
+                        </template>
+                      </template>
+                    </a-table>
+                    <div class="tableBox" style="margin-top: 50px">
+                      <div class="pa">
+                        <a-pagination
+                          showSizeChanger="true"
+                          showQuickJumper="true"
+                          hideOnSinglePage="true"
+                          :pageSize="pageSize222"
+                          :current="currentPage222"
+                          :total="tableDataTotal222"
+                          class="pagination"
+                          @change="handelChangePage222"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </a-tab-pane>
+              </a-tabs>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 操作 在线面授课程管理 页面 -->
+    <!-- 面授课程管理查看详情 页面 -->
+    <a-modal
+      v-model:visible="om_ckxq"
+      title="Title"
+      @ok="closeModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="modalStyle coursewareDetail"
+      width="80%"
+    >
+      <div class="modalHeader">
+        <div class="headerLeft">
+          <img
+            style="width: 17px; height: 18px; margin-right: 8px"
+            src="@/assets/images/coursewareManage/detail.png"
+          />
+          <span class="headerLeftText">查看详情</span>
+        </div>
+        <div style="margin-right: 57px; cursor: pointer">
+          <img
+            @click="ftsr_exit"
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
+          />
+        </div>
+      </div>
+      <div class="modalMain">
+        <div
+          class="ftsturecord"
+          :style="{ display: om_ckxq ? 'block' : 'none' }"
+        >
+          <div class="ftsr_main">
+            <div class="ftsr_table">
+              <a-table
+                :columns="columns4"
+                :data-source="tableData4"
+                :loading="tableDataTotal === -1 ? true : false"
+                :pagination="false"
+              >
+              </a-table>
+            </div>
+            <div class="ftsr_btn" @click="ftsr_exit">
+              <div class="btnText">取消</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 面授 课程管理查看详情 页面 -->
+    <!--开课页面 -->
+    <a-modal
+      v-model:visible="stm_hs"
+      title="Title"
+      @ok="closeModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="modalStyle schtimeModal"
+      width="80%"
+      @cancel="stm_exit"
+    >
+      <div class="modalHeader">
+        <div class="headerLeft">
+          <img
+            style="width: 17px; height: 18px; margin-right: 8px"
+            src="@/assets/images/coursewareManage/scht.png"
+          />
+          <span class="headerLeftText">开课</span>
+        </div>
+        <div style="margin-right: 57px; cursor: pointer">
+          <img
+            @click="stm_exit"
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
+          />
+        </div>
+      </div>
+      <div class="modalMain">
+        <div class="schooltime" :style="{ display: stm_hs ? 'block' : 'none' }">
+          <div class="st_main">
+            <div class="stm_inputbtn">
+              <a-input
+                v-model:value="kk_inputV1"
+                style="
+                  width: 270px;
+                  height: 40px;
+                  border-radius: 8px;
+                  margin-right: 14px;
+                "
+                placeholder="请输入创建人"
+              />
+              <a-input
+                v-model:value="kk_inputV2"
+                style="
+                  width: 270px;
+                  height: 40px;
+                  border-radius: 8px;
+                  margin-right: 14px;
+                "
+                placeholder="请输入教师名称"
+              />
+              <div class="select">
+                <a-date-picker
+                  v-model:value="selectTime"
+                  type="date"
+                  placeholder="创建时间"
+                  style="width: 270px; margin-right: 14px"
+                />
+              </div>
+              <div class="stm_btn btn1" @click="handleSearchTable">
+                <div class="search"></div>
+                <div class="btnText">搜索</div>
+              </div>
+              <div class="stm_btn btn2" @click="handleRestTable">
+                <div class="reset"></div>
+                <div class="btnText">重置</div>
+              </div>
+              <div class="stm_btn3 btn3" @click="createkk">
+                <div class="add"></div>
+                <div class="btnText">
+                  <span style="color: #ffffff">新建开课</span>
+                </div>
+              </div>
+            </div>
+            <!-- 无数据样式 -->
+            <div class="notable" v-if="tableData6.length === 0">
+              <div class="notablebox">
+                <div class="boxbody">
+                  <div class="boximg"></div>
+                  <div class="boxtitle">
+                    <span style="color: #ffb64e; font-size: 20px">无课程</span>
+                  </div>
+                  <div class="boxtitle2">
+                    <span style="color: #878b92">请点击新建开课，创建课程</span>
+                  </div>
+                </div>
+                <div class="smallleft"></div>
+                <div class="smallright"></div>
+              </div>
+            </div>
+            <!-- 无数据样式 -->
+            <!-- 有数据表格 -->
+            <div class="stm_table" v-else>
+              <a-table
+                :columns="columns6"
+                :data-source="tableData6"
+                :loading="tableDataTotal2 === -1 ? true : false"
+                :scroll="{ x: 700, y: 800 }"
+                expandRowByClick="true"
+                @expand="expandTable"
+                :pagination="false"
+              >
+                <template #bodyCell="{ record, column }">
+                  <template v-if="column.key === 'operation'">
+                    <span class="table-operation">
+                      <a
+                        @click="
+                          () => {
+                            QR_hs = true;
+                            ftsQR_hs = true;
+                          }
+                        "
+                      >
+                        签到
+                      </a>
+                      <a
+                        @click="
+                          () => {
+                            handelEditStu(record);
+                          }
+                        "
+                      >
+                        编辑
+                      </a>
+                      <a
+                        @click="
+                          () => {
+                            handelGuan(record);
+                          }
+                        "
+                      >
+                        管理
+                      </a>
+                      <a-dropdown>
+                        <template #overlay>
+                          <a-menu>
+                            <a-menu-item
+                              @click="
+                                () => {
+                                  handleCopyP(record);
+                                }
+                              "
+                            >
+                              复制
+                            </a-menu-item>
+                            <a-menu-item
+                              @click="
+                                () => {
+                                  handleDeleteKaike(record);
+                                }
+                              "
+                            >
+                              删除
+                            </a-menu-item>
+                            <a-menu-item
+                              @click="
+                                () => {
+                                  QR_hs = true;
+                                  vipftQR_hs = true;
+                                }
+                              "
+                            >
+                              二维码
+                            </a-menu-item>
+                          </a-menu>
+                        </template>
+                        <a>
+                          更多
+                          <down-outlined />
+                        </a>
+                      </a-dropdown>
+                    </span>
+                  </template>
+                </template>
+              </a-table>
+              <div class="tableBox" style="margin-top: 50px">
+                <div class="pa">
+                  <a-pagination
+                    showSizeChanger="true"
+                    showQuickJumper="true"
+                    hideOnSinglePage="true"
+                    :pageSize="pageSize2"
+                    :current="currentPage2"
+                    :total="tableDataTotal2"
+                    class="pagination"
+                    @change="handelChangePage2"
+                  />
+                </div>
+              </div>
+            </div>
+            <!-- 有数据表格 -->
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--开课页面 -->
+    <!--新建开课页面 -->
+    <a-modal
+      v-model:visible="cstm_hs"
+      style="margin-top: 400px"
+      @cancel="handleCancelStu"
+    >
+      <div
+        class="createschooltime"
+        :style="{ display: cstm_hs ? 'block' : 'none' }"
+      >
+        <div class="cst_header"></div>
+        <div class="cst_main">
+          <div class="cstm_header">
+            <div class="add_icon"></div>
+            <span v-if="kk_eidt">编辑开课</span>
+            <span v-else>新建开课</span>
+            <div class="close_exit" @click="handleCancelStu"></div>
+          </div>
+          <div class="cstm_title">
+            <span>面授名称：{{ newCourseName }}</span>
+          </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">开课名称</span>
+            </div>
+            <div class="b_input">
+              <a-input
+                maxlength="30"
+                v-model:value="xjkkinputV1"
+                style="width: 440px; height: 40px; border-radius: 8px"
+                placeholder="请输入开课名称"
+              />
+            </div>
+          </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">地点</span>
+            </div>
+            <div class="b_input">
+              <a-input
+                v-model:value="xjkkinputV2"
+                maxlength="50"
+                style="width: 440px; height: 40px; border-radius: 8px"
+                placeholder="请输入详细地点"
+              />
+              <div class="inp_num">
+                <span style="color: #c7cbd2">{{ xjkkinputV2.length }}/50</span>
+              </div>
+            </div>
+          </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">面授时间</span>
+            </div>
+            <div class="select fitems">
+              <a-range-picker
+                style="width: 440px; height: 40px; border-radius: 8px"
+                :show-time="{ format: 'HH:mm' }"
+                format="YYYY-MM-DD HH:mm"
+                v-model:value="xjkkinputV3"
+                separator="至"
+                :placeholder="['        开始时间', '        结束时间']"
+              />
+            </div>
+          </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">授课教师</span>
+            </div>
+            <div class="b_input">
+              <ProjectManager
+                v-model:value="member.value"
+                v-model:name="member.name"
+              ></ProjectManager>
+            </div>
+          </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <span style="margin-right: 3px">报名设置</span>
+            </div>
+            <div class="b_input">
+              <a-checkbox v-model:checked="checked1">
+                <span style="color: #6d7584">是否允许公开报名</span>
+              </a-checkbox>
+            </div>
+          </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <span style="margin-right: 3px">签到设置</span>
+            </div>
+            <div class="b_input">
+              <a-radio-group v-model:value="xjkkradioV1">
+                <a-radio :value="0" @click="clear_xjkkradioV1">
+                  <span style="color: #6d7584; margin-right: 30px">
+                    是否允许未报名的学员签到
+                  </span>
+                </a-radio>
+                <a-radio :value="1" @click="clear_xjkkradioV1">
+                  <span style="color: #6d7584">签到是否需要口令</span>
+                </a-radio>
+              </a-radio-group>
+            </div>
+          </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <span style="margin-right: 3px">评估设置</span>
+            </div>
+            <div class="b_input">
+              <a-checkbox v-model:checked="checked4">
+                <span style="color: #6d7584">是否需要评估</span>
+              </a-checkbox>
+            </div>
+          </div>
+          <div v-if="checked4" class="cstm_items main_item">
+            <div class="signbox"></div>
+            <div class="btnbox">
+              <button class="xkbtn" @click="showAssessment">选择评估</button>
+              <div v-if="assessmentId > 0">
+                <a-tag closable @close="removePG" color="processing">
+                  <span style="font-size: 14px; line-height: 33px">
+                    {{ assessmentName }}
+                  </span>
+                </a-tag>
+              </div>
+              <AssessmentList
+                v-model:assessmentVisible="assessmentVisible"
+                v-model:assessmentName="assessmentName"
+                :assessmentId="assessmentId"
+                @checkedAss="getCheckedAss"
+              />
+            </div>
+          </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <span style="margin-right: 3px">完成规则</span>
+            </div>
+            <div class="b_input">
+              <!--
+              <a-checkbox
+                v-model:checked="regisCom"
+                @click="regisCom = !regisCom"
+              >
+                <span style="color: #6d7584">报名即完成</span>
+              </a-checkbox> -->
+              <a-checkbox v-model:checked="signCom" @click="signCom = !signCom">
+                <span style="color: #6d7584">签到即完成</span>
+              </a-checkbox>
+              <a-checkbox
+                v-model:checked="comLeave"
+                @click="comLeave = !comLeave"
+              >
+                <span style="color: #6d7584">请假算完成</span>
+              </a-checkbox>
+            </div>
+          </div>
+          <div class="cstm_items items_fj">
+            <div class="signbox">
+              <span style="margin-right: 3px">附件</span>
+            </div>
+            <div class="b_input">
+              <a-upload
+                name="file"
+                :show-upload-list="false"
+                :before-upload="beforeUpload3"
+              >
+                <div class="upload_box">
+                  <div class="upload_icon">
+                    <img
+                      src="@/assets/images/coursewareManage/enclosure.png"
+                      alt=""
+                    />
+                  </div>
+                  <span style="color: #4ea6ff">上传附件</span>
+                </div>
+                <!-- <template #itemRender="{ file }">
+                  <a-space>
+                    <span :style="file.status === 'error' ? 'color: red' : ''">
+                      {{ file.name }}
+                    </span>
+                  </a-space>
+                </template> -->
+              </a-upload>
+            </div>
+          </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <span style="margin-right: 3px"> </span>
+            </div>
+            <div class="b_input">
+              <span style="color: #999ba3">
+                支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
+              </span>
+            </div>
+          </div>
+          <div class="mbl_items12">
+            <div
+              class="i12_box1"
+              v-for="(item, index) in filesList"
+              :key="index"
+            >
+              <div class="file_img"></div>
+              <div class="file_detail">
+                <!-- <div class="file_name">
+                        <span style="color: #6f6f6f">{{ item.name }}</span>
+                      </div> -->
+                <!-- 条件渲染 s -->
+                <!-- <div class="file_size">
+                        <span style="color: #999ba3">{{ item.size }}</span>
+                      </div> -->
+                <div class="file_updata">
+                  <div class="updatabox">
+                    <div class="updatacolor"></div>
+                    <div class="updataxq">上传完成</div>
+                    <!-- <div class="updatacolor2"></div>
+                          <div class="updataxq2">上传失败</div> -->
+                    <!-- <div class="updatacolor3"></div>
+                          <div class="updataxq3">正在上传</div> -->
+                  </div>
+                  <div class="upjd">
+                    <span style="margin: auto 5px">100%</span>
+                  </div>
+                </div>
+                <!-- 条件渲染 e -->
+              </div>
+              <div class="file_operation">
+                <div class="fobox">
+                  <span style="color: #4ea6ff" @click="handleDel2(index)">
+                    删除
+                  </span>
+                </div>
+                <!-- <div class="fobox">
+                        <span style="color: #4ea6ff">重传</span>
+                      </div>
+                      <div class="fobox">
+                        <span style="color: #4ea6ff">取消</span>
+                      </div> -->
+                <!-- <div class="fobox">
+                        <span style="color: #4ea6ff; margin-right: 5px">
+                          暂停
+                        </span>
+                      </div>
+                      <div class="fobox">
+                        <span style="color: #4ea6ff">取消</span>
+                      </div> -->
+              </div>
+            </div>
+          </div>
+          <div class="items_btn">
+            <div class="cstm_btn btn5" @click="handleCancelStu">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="cstm_btn btn6" @click="handleSureStu">
+              <div v-if="addLoading" class="btnText">保存中</div>
+              <div v-else class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--新建开课页面 -->
+    <!--开课学员管理页面 -->
+    <a-modal
+      v-model:visible="sm_hs"
+      title="Title"
+      @ok="closeModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="modalStyle stusmanageModal"
+      width="80%"
+      @cancel="sm_exit"
+    >
+      <div class="modalHeader">
+        <div class="headerLeft">
+          <img
+            style="width: 17px; height: 18px; margin-right: 8px"
+            src="@/assets/images/coursewareManage/stum.png"
+          />
+          <span class="headerLeftText">学员管理</span>
+        </div>
+        <div style="margin-right: 57px; cursor: pointer">
+          <img
+            @click="sm_exit"
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
+          />
+        </div>
+      </div>
+      <div class="modalMain">
+        <div
+          class="studentsmanage"
+          :style="{ display: sm_hs ? 'block' : 'none' }"
+        >
+          <div class="stm_main">
+            <div class="stmmitems">
+              <div class="stmm_i1">
+                <span style="margin-right: 52px">
+                  {{ currentPlanItem.name }}课程-第1期-
+                  {{ currentPlanItem.createTime }}
+                </span>
+                <span style="color: #ffb751">已开课 4.5</span>
+              </div>
+              <div class="stmm_i2">
+                <span style="color: #999ba3">时间：</span>
+                <span>{{ currentPlanItem.endTime }}</span>
+              </div>
+              <div class="stmm_i3">
+                <span style="color: #999ba3">地点：</span>
+                <span>{{ currentPlanItem.address }}</span>
+              </div>
+              <div class="stmm_i4">
+                <span style="color: #999ba3">授课教师：</span>
+                <span>{{ currentPlanItem.teacher }}</span>
+              </div>
+              <div class="stmm_i5">
+                <div class="i5_left">
+                  <!-- <a-input
+                    v-model:value="xygl_inputV1"
+                    style="
+                      width: 270px;
+                      height: 40px;
+                      border-radius: 8px;
+                      margin-right: 14px;
+                    "
+                    placeholder="请输入姓名"
+                  /> -->
+                  <a-input
+                    v-model:value="xygl_inputV1"
+                    placeholder="请输入姓名"
+                  />
+                  <div class="stmm_btn btn1" @click="handleSearchStu">
+                    <div class="search"></div>
+                    <div class="btnText">搜索</div>
+                  </div>
+                  <div class="stmm_btn btn2" @click="handleRestStu">
+                    <div class="reset"></div>
+                    <div class="btnText">重置</div>
+                  </div>
+                </div>
+                <div class="i5_right">
+                  <div class="stmm_btn btn3">
+                    <span
+                      style="color: #ffffff"
+                      @click="showStuAdd(currentPlanItem)"
+                    >
+                      添加学员
+                    </span>
+                  </div>
+                  <!-- 2022-11-30注释 后面放开 -->
+                  <!-- <div class="stmm_btn btn4" @click="hideShow">
+                    <div class="btn4_sub">
+                      <span style="color: #4ea6ff; margin-right: 4px">
+                        批量操作
+                      </span>
+                      <div
+                        class="b_zk"
+                        :style="{ display: hideshow ? 'block' : 'none' }"
+                      ></div>
+                      <div
+                        class="b_sq"
+                        :style="{ display: hideshow ? 'none' : 'block' }"
+                      ></div>
+                    </div>
+                    <div
+                      class="btn4_sup"
+                      :style="{ display: hideshow ? 'none' : 'block' }"
+                    >
+                      <div class="btnsbox">
+                        <div class="btn4_tit" @click="handleAllJion">
+                          <span style="color: #4ea6ff">批量录入成绩</span>
+                        </div>
+                        <div class="btn4_op1" @click="handleAllover">
+                          <span>批量结业</span>
+                        </div>
+                        <div class="btn4_op2" @click="handleAllSuc">
+                          <span>批量通过</span>
+                        </div>
+                        <div class="btn4_op3" @click="handleAllReject">
+                          <span>批量拒绝</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="stmm_btn btn5" @click="handleExportStu">
+                    <div class="export"></div>
+                    <div class="btnText">导出</div>
+                  </div> -->
+                </div>
+              </div>
+              <div class="stmm_i6">
+                <a-table
+                  :columns="columns7"
+                  :data-source="tableData7"
+                  :loading="tableDataTotal3 === -1 ? true : false"
+                  :scroll="{ x: 800 }"
+                  expandRowByClick="true"
+                  @expand="expandTable"
+                  :pagination="false"
+                  :row-selection="{
+                    columnWidth: 20,
+                    selectedRowKeys: selectedRowKeys7,
+                    onChange: onSelectChange7,
+                  }"
+                >
+                  <template #bodyCell="{ record, column }">
+                    <!-- 操作1 -->
+                    <template
+                      v-if="
+                        (String(record.applyStatus) === '0' ||
+                          record.status === '待审核') &&
+                        column.key === 'overstatus'
+                      "
+                    >
+                      <span class="table-operation">-</span>
+                    </template>
+                    <template
+                      v-if="
+                        (String(record.applyStatus) === '-1' ||
+                          record.status === '已拒绝') &&
+                        column.key === 'overstatus'
+                      "
+                    >
+                      <span class="table-operation">-</span>
+                    </template>
+                    <template
+                      v-if="
+                        (String(record.applyStatus) === '1' ||
+                          record.status === '已通过') &&
+                        column.key === 'overstatus'
+                      "
+                    >
+                      <span class="table-operation">
+                        <a
+                          @click="
+                            () => {
+                              handlJoinStu(record);
+                            }
+                          "
+                        >
+                          成绩录入
+                        </a>
+                        <a
+                          @click="
+                            () => {
+                              handleOverStu(record);
+                            }
+                          "
+                        >
+                          结业
+                        </a>
+                      </span>
+                    </template>
+                    <!-- 操作2 -->
+                    <template
+                      v-if="
+                        (String(record.applyStatus) === '0' ||
+                          record.status === '待审核') &&
+                        column.key === 'operation'
+                      "
+                    >
+                      <span class="table-operation">
+                        <a
+                          @click="
+                            () => {
+                              handleSucessStu(record);
+                            }
+                          "
+                        >
+                          通过
+                        </a>
+                        <a
+                          @click="
+                            () => {
+                              handleRejectStu(record);
+                            }
+                          "
+                        >
+                          拒绝
+                        </a>
+                        <a
+                          @click="
+                            () => {
+                              handleDeleteStu(record);
+                            }
+                          "
+                        >
+                          删除
+                        </a>
+                      </span>
+                    </template>
+                    <template
+                      v-if="
+                        (String(record.applyStatus) === '1' ||
+                          record.status === '已通过') &&
+                        column.key === 'operation'
+                      "
+                    >
+                      <span class="table-operation">
+                        <a
+                          @click="
+                            () => {
+                              handleDeleteStu(record);
+                            }
+                          "
+                        >
+                          删除
+                        </a>
+                      </span>
+                    </template>
+                    <template
+                      v-if="
+                        (String(record.applyStatus) === '-1' ||
+                          record.status === '已拒绝') &&
+                        column.key === 'operation'
+                      "
+                    >
+                      <span class="table-operation">
+                        <a
+                          @click="
+                            () => {
+                              handleDeleteStu(record);
+                            }
+                          "
+                        >
+                          删除
+                        </a>
+                      </span>
+                    </template>
+                  </template>
+                </a-table>
+                <div class="tableBox" style="margin-top: 50px">
+                  <div class="pa">
+                    <a-pagination
+                      showSizeChanger="true"
+                      showQuickJumper="true"
+                      hideOnSinglePage="true"
+                      :pageSize="pageSize3"
+                      :current="currentPage3"
+                      :total="tableDataTotal3"
+                      class="pagination"
+                      @change="handelChangePage3"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--开课学员管理页面 -->
+    <!--二维码页面 -->
+    <a-modal
+      v-model:visible="QR_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="QRModal"
+      style="margin-top: 400px"
+      :zIndex="9999"
+      @cancel="qr_exit"
+    >
+      <div class="QR" :style="{ display: QR_hs ? 'block' : 'none' }">
+        <div class="qr_header"></div>
+        <div class="qr_main">
+          <div class="qrm_header">
+            <div class="qr_icon"></div>
+            <div :style="{ display: qrQR_hs ? 'block' : 'none' }">
+              <span>二维码</span>
+            </div>
+            <div :style="{ display: olQR_hs ? 'block' : 'none' }">
+              <span>在线课</span>
+            </div>
+            <div :style="{ display: ftQR_hs ? 'block' : 'none' }">
+              <span>面授课</span>
+            </div>
+            <div :style="{ display: ftsQR_hs ? 'block' : 'none' }">
+              <span>面授课签到</span>
+            </div>
+            <div :style="{ display: vipftQR_hs ? 'block' : 'none' }">
+              <span>管理者面授课</span>
+            </div>
+            <div class="close_exit" @click="qr_exit"></div>
+          </div>
+          <div class="qrm_body">
+            <div class="QR_img"></div>
+          </div>
+          <div class="qrm_footer">
+            <span style="margin-left: 52px">下载二维码</span>
+            <div class="qrmbtn">
+              <div class="btntext">200*200</div>
+            </div>
+            <!-- <div class="qrmbtn">
+              <div class="btntext">400*400</div>
+            </div>
+            <div class="qrmbtn">
+              <div class="btntext">800*800</div>
+            </div> -->
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--二维码页面 -->
+    <!--录入成绩页面 -->
+    <a-modal
+      v-model:visible="rg_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="recgradeModal"
+      style="margin-top: 400px"
+      :zIndex="9999"
+      @cancel="rg_exit"
+    >
+      <div class="recordgrade" :style="{ display: rg_hs ? 'block' : 'none' }">
+        <div class="rg_header"></div>
+        <div class="rg_main">
+          <div class="rgm_header">
+            <div class="rg_icon"></div>
+            <span>录入成绩</span>
+            <div class="close_exit" @click="rg_exit"></div>
+          </div>
+          <div class="rgm_body">
+            <div class="rgmb_items">
+              <div class="items_left">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span>得分</span>
+              </div>
+              <div class="rgmb_input">
+                <a-input
+                  v-model:value="lrcj_inputV1"
+                  maxlength="20"
+                  style="width: 440px; height: 40px; border-radius: 8px"
+                  placeholder=""
+                />
+              </div>
+            </div>
+          </div>
+          <div class="qrm_btnbox">
+            <div class="qrm_btn btn1">
+              <div class="btnText" @click="rg_exit">取消</div>
+            </div>
+            <div class="qrm_btn btn2">
+              <div class="btnText" @click="handleJoin">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--录入成绩页面 -->
+    <!--结业页面 -->
+    <a-modal
+      v-model:visible="graduate_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="graModal"
+      style="margin-top: 400px"
+      :zIndex="9999"
+      @cancel="graduate_exit"
+    >
+      <div
+        class="graduate"
+        :style="{ display: graduate_hs ? 'block' : 'none' }"
+      >
+        <div class="gra_header"></div>
+        <div class="gra_main">
+          <div class="gram_header">
+            <div class="gra_icon"></div>
+            <span>结业</span>
+            <div class="close_exit" @click="graduate_exit"></div>
+          </div>
+          <div class="gram_body">
+            <div class="gramb_items">
+              <div class="items_left">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span>结业</span>
+              </div>
+              <div class="gramb_input">
+                <a-radio-group v-model:value="jyradioV1">
+                  <div class="bc_box">
+                    <div class="ol_checkbox">
+                      <a-radio
+                        v-model:checked="checked"
+                        :value="1"
+                        @click="clear_jyradioV1"
+                        >结业
+                      </a-radio>
+                    </div>
+                    <div class="ol_checkbox">
+                      <a-radio
+                        v-model:checked="checked"
+                        :value="2"
+                        @click="clear_jyradioV1"
+                        >不结业
+                      </a-radio>
+                    </div>
+                  </div>
+                </a-radio-group>
+              </div>
+            </div>
+          </div>
+          <div class="qrm_btnbox">
+            <div class="qrm_btn btn1">
+              <div class="btnText" @click="graduate_exit">取消</div>
+            </div>
+            <div class="qrm_btn btn2">
+              <div class="btnText" @click="handleJie">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--结业页面 -->
+    <!--请确定是否同意拒绝此学员学习此课程弹窗 -->
+    <a-modal
+      v-model:visible="agreereject_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="agrstudyModal"
+      centered="true"
+      @cancel="agreereject_exit"
+    >
+      <div
+        class="agreestudy"
+        :style="{ display: agreereject_hs ? 'block' : 'none' }"
+      >
+        <div class="agree_header"></div>
+        <div class="agree_main">
+          <div class="agreem_header">
+            <div class="agreem_icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="agreereject_exit"></div>
+          </div>
+          <div class="agreem_body">
+            <div
+              class="body_box"
+              :style="{ display: agreestudy_hs ? 'block' : 'none' }"
+            >
+              <div>请确定是否同意此学员学习此课程</div>
+            </div>
+            <div
+              class="body_box"
+              :style="{ display: rejectstudy_hs ? 'block' : 'none' }"
+            >
+              <div>请确定是否拒绝此学员学习此课程</div>
+            </div>
+          </div>
+          <div class="qrm_btnbox">
+            <div class="qrm_btn btn1">
+              <div class="btnText" @click="agreereject_exit">取消</div>
+            </div>
+            <div class="qrm_btn btn2">
+              <div class="btnText" @click="handleAgreeTrue">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--请确定是否同意拒绝此学员学习此课程弹窗 -->
+    <!--删除 复制 停用弹窗 -->
+    <a-modal
+      v-model:visible="delete_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="DelModal"
+      style="margin-top: 400px"
+      :zIndex="9999"
+      @cancel="delete_exit1"
+    >
+      <div
+        class="delete"
+        :style="{
+          display: del_hs || copy_hs || nouse_hs ? 'block' : 'none',
+        }"
+      >
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div
+              class="del-icons"
+              :style="{ display: del_hs ? 'block' : 'none' }"
+            >
+              <img src="@/assets/images/coursewareManage/notice.png" alt="" />
+            </div>
+            <div
+              class="del-icons"
+              :style="{ display: copy_hs || nouse_hs ? 'block' : 'none' }"
+            >
+              <img src="@/assets/images/coursewareManage/QR.png" alt="" />
+            </div>
+            <span>提示</span>
+            <div class="close_exit" @click="delete_exit1"></div>
+          </div>
+          <div class="body">
+            <div :style="{ display: del_hs && !del_hs_stu ? 'block' : 'none' }">
+              <span>您确定要删除此课程吗</span>
+            </div>
+            <div :style="{ display: del_hs && del_hs_stu ? 'block' : 'none' }">
+              <span>您确定要删除此学员吗</span>
+            </div>
+            <div :style="{ display: copy_hs ? 'block' : 'none' }">
+              <span>您确定要复制此课程吗</span>
+            </div>
+            <div :style="{ display: nouse_hs ? 'block' : 'none' }">
+              <span>您确定要停用此课程吗</span>
+            </div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit1">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div v-if="addLoading" class="btnText">保存中...</div>
+              <div v-else class="btnText" @click="handleDeleteExit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 预览弹窗 -->
+    <SeeModal
+      :visible="lookCourseModal"
+      :detail="faceDetailObj"
+      @cancel="ft_exit_see"
+    />
+    <!--删除 复制 停用弹窗 -->
+    <!-- 学员管理课程库-归属权抽屉 -->
+    <!-- <own-power v-model:ownpowervisible="ownpowervisible" /> -->
+    <!-- 学员管理课程库-归属权抽屉 -->
+    <!-- 添加授权侧弹窗 -->
+    <!-- <corpowerlist v-model:corpowerlistVisible="corpowerlistvisible" /> -->
+    <!-- 添加授权侧弹窗 -->
+    <!-- 学员管理-添加学员抽屉 -->
+    <!-- <StuAdd v-model:Stuvisible="Stuvisible" @sure="handlePostSure" /> -->
+    <!-- 添加学员抽屉 -->
+    <!-- <proj-check-ship
+      v-model:ProjCheckvisible="viewpowervisible"
+      :selectProjectId="offcourseId"
+      v-model:addStudentList="addStudentList"
+      :authClassify="authClassify"
+      classify="addstudent"
+    /> -->
+    <!-- 新建在线课弹窗 -->
+    <addOnlineCourse
+      v-model:addOnlineCoursevisible="addOnlineCoursevisible"
+      :closeOnlineModal="closeOnlineCoursevisible"
+    />
+    <!-- 新建在线课弹窗 -->
+
+    <!-- 授权名单抽屉 -->
+    <proj-power-list
+      v-model:ProjPvisible="corpowerlistvisible"
+      :selectProjectId="selectCourseId"
+      classify="course"
+    />
+    <!-- 归属权抽屉 -->
+    <proj-owner-ship
+      v-model:ProjOwnervisible="ownpowervisible"
+      :selectProjectId="selectCourseId"
+      classify="course"
+    />
+    <!-- 查看权抽屉 -->
+    <!-- <proj-check-ship
+      v-model:ProjCheckvisible="viewpowervisible"
+      :selectProjectId="selectCourseId"
+      v-model:addAuthList="addAuthList"
+      :authClassify="authClassify"
+      classify="course"
+    /> -->
+    <!--查看权抽屉 管理权抽屉 添加学员抽屉  -->
+    <proj-check-ship
+      v-model:ProjCheckvisible="viewpowervisible"
+      :selectProjectId="selectCourseId"
+      v-model:addAuthList="addAuthList"
+      :authClassify="authClassify"
+      classify="course"
+      :type="shipType"
+    />
+  </div>
+
+  <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
+    <a-spin :spinning="addLoading" tip="保存中..." />
+  </div>
+</template>
+<script>
+import {
+  reactive,
+  toRefs,
+  defineComponent,
+  ref,
+  shallowRef,
+  onMounted,
+  onBeforeUnmount,
+  watch,
+} from "vue";
+import * as api from "../../api/indexInvist.js";
+import { message } from "ant-design-vue";
+import { useRouter, useRoute } from "vue-router";
+// import StuAdd from "../../components/drawers/StuAdd";
+// import OwnPower from "../../components/drawers/OwnPower.vue";
+// import Corpowerlist from "../../components/drawers/CorPowerlist.vue";
+import addOnlineCourse from "../../components/Modals/addOnlineCourse.vue";
+
+import ProjOwnerShip from "../../components/drawers/ProjectOwn";
+import ProjPowerList from "../../components/drawers/ProjPowerList";
+import ProjCheckShip from "../../components/drawers/ProjCheckPower";
+import AssessmentList from "../../components/drawers/ AssessmentList.vue";
+import {
+  list,
+  edit,
+  detail,
+  detailPlan,
+  handle,
+  exportP,
+  deletePlan,
+  planList,
+  editPlan,
+  studentList,
+  addStudent,
+  studentExport,
+  handleStudent,
+  getMemberInfoApi,
+  // listReview,
+  // studyRecordList,
+} from "@/api/indexCourse";
+import {
+  traverseArr,
+  getdateToTime,
+  newFile,
+  getdateToDate,
+} from "../../utils/utils";
+// import { toDate } from "../../api/method.js";
+import { fileUp } from "../../api/indexEval";
+import dayjs from "dayjs";
+import * as api1 from "../../api/index1";
+
+import "@wangeditor/editor/dist/css/style.css";
+import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
+import ProjectManager from "@/components/project/ProjectManagerNew";
+
+import SeeModal from "./components/seeModal.vue";
+import * as moment from "moment";
+
+//列表表格
+const columns1 = [
+  {
+    title: "序号",
+    width: 100,
+    dataIndex: "num",
+    key: "num",
+    align: "center",
+    customRender: ({ index, record }) => {
+      const pageNum =
+        Number(record.pageNo) - 1 > 0 ? (Number(record.pageNo) - 1) * 10 : 0;
+      return index + 1 + pageNum;
+    },
+  },
+  {
+    title: "名称",
+    width: 200,
+    dataIndex: "name",
+    key: "name",
+    ellipsis: true,
+    align: "center",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "内容分类",
+    width: 130,
+    dataIndex: "contentTxt",
+    key: "1",
+    align: "center",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "课程形式",
+    width: 130,
+    dataIndex: "courseform",
+    key: "2",
+    align: "center",
+    customRender: ({ record }) => {
+      switch (String(record.courseform)) {
+        case "1":
+          return "线上";
+        case "2":
+          return "面授";
+      }
+    },
+  },
+  {
+    title: " 所属项目",
+    width: 250,
+    dataIndex: "projectName",
+    key: "3",
+    align: "center",
+    ellipsis: true,
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: " 所属路径",
+    width: 250,
+    dataIndex: "routerName",
+    key: "3",
+    align: "center",
+    ellipsis: true,
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "学习人数",
+    width: 130,
+    dataIndex: "stunum",
+    key: "4",
+    align: "center",
+    customRender: ({ text }) => {
+      return text ? text : "0";
+    },
+  },
+  {
+    title: "评分",
+    width: 130,
+    dataIndex: "grade",
+    key: "5",
+    align: "center",
+    customRender: ({ text }) => {
+      return text ? text : "0";
+    },
+  },
+  {
+    title: "状态",
+    width: 130,
+    dataIndex: "status",
+    key: "6",
+    align: "center",
+    customRender: ({ record }) => {
+      switch (String(record.status)) {
+        case "0":
+          return "未提交";
+        case "1":
+          return "待审核";
+        case "2":
+          return "已审核";
+        case "-1":
+          return "审核未通过";
+      }
+    },
+  },
+  {
+    title: "是否发布",
+    width: 100,
+    dataIndex: "ynpub",
+    key: "7",
+    align: "center",
+    customRender: ({ record }) => {
+      switch (String(record.ynpub)) {
+        case "0":
+          return "未发布";
+        case "1":
+          return "已发布";
+      }
+    },
+  },
+  {
+    title: "创建人",
+    width: 100,
+    dataIndex: "creator",
+    key: "8",
+    align: "center",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "创建时间",
+    width: 160,
+    dataIndex: "createtime",
+    key: "9",
+    align: "center",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "上线时间",
+    width: 160,
+    dataIndex: "pubtime",
+    key: "10",
+    align: "center",
+    customRender: ({ text }) => {
+      return text ? getdateToTime(text * 1000) : "-";
+    },
+  },
+  {
+    title: "是否停用",
+    width: 100,
+    key: "either",
+    dataIndex: "kkty",
+    align: "center",
+    customRender: ({ record }) => {
+      switch (String(record.kkty)) {
+        case "0":
+          return "停用";
+        case "1":
+          return "启用";
+      }
+    },
+  },
+  {
+    title: "操作",
+    width: 300,
+    className: "h",
+    dataIndex: "operation",
+    key: "operation",
+    fixed: "right",
+    align: "center",
+  },
+];
+//列表操作在线面授管理
+const columns2 = [
+  {
+    title: "姓名",
+    dataIndex: "projectName",
+    key: "projectName",
+    width: "16%",
+    align: "center",
+  },
+  {
+    title: "工号",
+    dataIndex: "numb",
+    key: "numb",
+    width: "16%",
+    align: "center",
+  },
+  {
+    title: "报名时间",
+    dataIndex: "applytime",
+    key: "applytime",
+    width: "16%",
+    align: "center",
+  },
+  {
+    title: "签到时间",
+    dataIndex: "signtime",
+    key: "signtime",
+    width: "16%",
+    align: "center",
+  },
+  {
+    title: "状态",
+    dataIndex: "status",
+    key: "status",
+    width: "16%",
+    align: "center",
+  },
+  {
+    title: "操作",
+    dataIndex: "opacation",
+    key: "opacation",
+    width: "16%",
+    align: "center",
+  },
+];
+//管理查看详情
+const columns4 = [
+  {
+    title: "开课名称",
+    dataIndex: "projectName",
+    key: "projectName",
+    width: "30%",
+    align: "center",
+  },
+  {
+    title: "地点",
+    dataIndex: "address",
+    key: "address",
+    width: "30%",
+    align: "center",
+  },
+  {
+    title: "状态",
+    dataIndex: "status",
+    key: "status",
+    width: "40%",
+    align: "center",
+  },
+];
+//开课表格
+const columns6 = [
+  {
+    title: "序号",
+    dataIndex: "num",
+    key: "num",
+    width: "6%",
+    align: "center",
+    ellipsis: true,
+    customRender: ({ index, record }) => {
+      const pageNum =
+        Number(record.pageNo) - 1 > 0 ? (Number(record.pageNo) - 1) * 10 : 0;
+      return index + 1 + pageNum;
+    },
+  },
+  {
+    title: "创建人",
+    dataIndex: "createName",
+    key: "createName",
+    width: "10%",
+    align: "center",
+    ellipsis: true,
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "教师名称",
+    dataIndex: "teacher",
+    key: "teacher",
+    width: "10%",
+    align: "center",
+    ellipsis: true,
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "课程名称",
+    dataIndex: "organization",
+    key: "organization",
+    width: "15%",
+    align: "center",
+    ellipsis: true,
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "场地",
+    dataIndex: "address",
+    key: "saddress",
+    width: "15%",
+    align: "center",
+    ellipsis: true,
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "开始时间",
+    dataIndex: "starttime",
+    key: "starttime",
+    width: "12%",
+    ellipsis: true,
+    align: "center",
+    customRender: ({ text }) => {
+      // return text ? getdateToTime(text * 1000) : "-";
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "创建时间",
+    dataIndex: "createtime",
+    key: "createtime",
+    width: "12%",
+    ellipsis: true,
+    align: "center",
+    customRender: ({ text }) => {
+      // return text ? getdateToTime(text * 1000) : "-";
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "操作",
+    width: "20%",
+    dataIndex: "operation",
+    key: "operation",
+    align: "center",
+  },
+];
+//开课学员管理
+const columns7 = [
+  {
+    title: "序号",
+    width: 200,
+    dataIndex: "num",
+    key: "num",
+    align: "center",
+    customRender: ({ index, record }) => {
+      const pageNum =
+        Number(record.pageNo) - 1 > 0 ? (Number(record.pageNo) - 1) * 10 : 0;
+      return index + 1 + pageNum;
+    },
+  },
+  {
+    title: "姓名",
+    width: 200,
+    dataIndex: "name",
+    key: "name",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "工号",
+    width: 200,
+    dataIndex: "number",
+    key: "1",
+    align: "center",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "部门",
+    width: 200,
+    dataIndex: "department",
+    key: "2",
+    align: "center",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "岗位",
+    width: 300,
+    dataIndex: "postion",
+    key: "3",
+    align: "center",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "Band",
+    width: 200,
+    dataIndex: "band",
+    key: "4",
+    align: "center",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "报名状态",
+    width: 200,
+    dataIndex: "status",
+    key: "5",
+    align: "center",
+    customRender: ({ record }) => {
+      switch (String(record.source)) {
+        case "0":
+          return "待审核";
+        case "1":
+          return "审核通过";
+        case "2":
+          return "审核拒绝";
+      }
+    },
+  },
+  {
+    title: "加入方式",
+    width: 200,
+    dataIndex: "join",
+    key: "6",
+    align: "center",
+    customRender: ({ record }) => {
+      switch (String(record.source)) {
+        case "1":
+          return "手动加入";
+        case "2":
+          return "报名加入";
+      }
+    },
+  },
+  {
+    title: "签到状态",
+    width: 200,
+    dataIndex: "signstatus",
+    key: "7",
+    align: "center",
+    customRender: ({ record }) => {
+      switch (String(record.signStatus)) {
+        case "0":
+          return "未签到";
+        case "1":
+          return "已签到";
+        case "2":
+          return "请假";
+      }
+    },
+  },
+  {
+    title: "评估状态",
+    width: 200,
+    dataIndex: "evastatus",
+    key: "8",
+    align: "center",
+    customRender: ({ record }) => {
+      switch (String(record.evalStatus)) {
+        case "0":
+          return "未评估";
+        case "1":
+          return "已评估";
+      }
+    },
+  },
+  // {
+  //   title: "结业状态",
+  //   width: 100,
+  //   className: "h",
+  //   dataIndex: "overstatus",
+  //   key: "overstatus",
+  //   fixed: "right",
+  //   align: "center",
+  //   // key: "9",
+  //   // align: "center",
+  //   // customRender: ({ record }) => {
+  //   //   switch (String(record.source)) {
+  //   //     case "0":
+  //   //       return "未结业";
+  //   //     case "1":
+  //   //       return "已结业";
+  //   //   }
+  //   // },
+  // },
+  {
+    title: "操作",
+    width: 100,
+    className: "h",
+    dataIndex: "operation",
+    key: "operation",
+    fixed: "right",
+    align: "center",
+  },
+];
+export default defineComponent({
+  components: {
+    // OwnPower,
+    // Corpowerlist,
+    Editor,
+    Toolbar,
+    SeeModal,
+    // StuAdd,
+    ProjectManager,
+    ProjOwnerShip,
+    ProjPowerList,
+    ProjCheckShip,
+    AssessmentList,
+    // VNodes: (_, {attrs}) => {
+    //   return attrs.vnodes;
+    // },
+    addOnlineCourse,
+  },
+  setup() {
+    const state = reactive({
+      shipType: 1,
+      addLoading: false,
+      currentPlanItem: {},
+      teacherId: null,
+      teacher: null,
+      selectedRowKeys7: [],
+      isEdit: 0,
+      member: { name: "", value: "" },
+      //列表表格
+      tableData1: [
+        // {
+        //   key: "1",
+        //   num: 1,
+        //   name: "时间管理",
+        //   content: "领导力",
+        //   courseform: "线上",
+        //   project: "管理者进阶-腾飞班1",
+        //   stunum: "50",
+        //   grade: "5",
+        //   status: "未提交",
+        //   ynpub: "未发布",
+        //   creator: "管理员",
+        //   createtime: "2022-07-20 9:30",
+        //   pubtime: "2022-07-20 9:30",
+        //   kkty: false,
+        // },
+      ],
+      //在线面授管理报名管理
+      tableData2: [
+        // {
+        //   key: 1,
+        //   projectName: "刘莉",
+        //   numb: "10064511",
+        //   applytime: "2022-07-20 14:00:00",
+        //   signtime: "-",
+        //   status: "已通过",
+        // },
+      ],
+      //在线面授管理学习记录
+      tableData3: [
+        {
+          key: 1,
+          projectName: "刘莉",
+          numb: "10064511",
+          applytime: "2022-07-20 14:00:00",
+          signtime: "-",
+          status: "已通过",
+        },
+      ],
+      //管理查看详情
+      tableData4: [
+        {
+          key: 1,
+          projectName: "刘莉",
+          address: "10064511",
+          status: "已通过",
+        },
+      ],
+      //列表表格
+      tableData5: [
+        // {
+        //   key: "1",
+        //   num: 1,
+        //   name: "时间管理",
+        //   content: "领导力",
+        //   courseform: "线上",
+        //   project: "管理者进阶-腾飞班1",
+        //   stunum: "50",
+        //   grade: "5",
+        //   status: "未提交",
+        //   ynpub: "未发布",
+        //   creator: "管理员",
+        //   createtime: "2022-07-20 9:30",
+        //   pubtime: "2022-07-20 9:30",
+        //   kkty: false,
+        // },
+      ],
+      //开课
+      tableData6: [
+        // {
+        //   key: 1,
+        //   num: 1,
+        //   organization: "管理者面授课1",
+        //   address: "核心能力大楼培训",
+        //   starttime: "2022-07-20 14:00:00",
+        //   createtime: "2022-07-14 14:00:00",
+        // },
+      ],
+      //开课学员管理
+      tableData7: [
+        // {
+        //   key: "1",
+        //   num: 1,
+        //   name: "李梦",
+        //   number: "1000",
+        //   department: "显示事业",
+        //   postion: "产品经理",
+        //   band: "Band9",
+        //   status: "待审核",
+        //   join: "手动加入",
+        //   signstatus: "-",
+        //   evastatus: "-",
+        //   overstatus: "-",
+        // },
+      ],
+      currentPage1: 1,
+      tableDataTotal1: 100,
+      pageSize1: 10,
+
+      currentPageTea1: 1,
+      tableDataTotalTea1: 0,
+      pageSizeTea1: 10,
+      currentPageTea2: 1,
+      tableDataTotalTea2: 0,
+      pageSizeTea2: 10,
+
+      Stuvisible: false, //添加学员
+
+      currentPage: 1,
+      tableDataTotal: 100,
+      pageSize: 10,
+      selectedRowKeys: [],
+      faceManageTab: "1",
+      of_hs: false,
+      hideshow: true,
+      bs_hs: true,
+      ft_hs: false,
+      lookMs: false,
+      om_1: false,
+      ft_1: false,
+      om_ckxq: false,
+      stm_hs: false,
+      cstm_hs: false,
+      sm_hs: false,
+      QR_hs: false,
+      closableQR: false,
+      rg_hs: false,
+      piliang: false,
+      graduate_hs: false,
+      agreereject_hs: false,
+      agreestudy_hs: false,
+      rejectstudy_hs: false,
+      delete_hs: false,
+      del_hs: false,
+      del_hs_stu: false,
+      copy_hs: false,
+      nouse_hs: false,
+      // 二维码标题状态
+      qrQR_hs: false,
+      olQR_hs: false,
+      ftQR_hs: false,
+      ftsQR_hs: false,
+      vipftQR_hs: false,
+      //抽屉状态
+      ownpowervisible: false,
+      corpowerlistvisible: false,
+
+      lookCourseModal: false,
+      faceDetailObj: null,
+
+      offcourseId: null,
+      projectName: "",
+      name: "",
+      createName: "",
+      auditStatus: null,
+      categoryId: null,
+      projectTime: "",
+
+      //列表
+      value1: "",
+      value2: "",
+      value3: "",
+      value4: "",
+      //选择线上还是面授
+      xzinputV1: "",
+      valueE1: "",
+      valueE2: "",
+      //确定面授
+      ft_eidt: false,
+      statusJuJue: 0,
+      statusTingQi: 1,
+      qdms_inputV1: "",
+      qdms_inputV2: "",
+      qdms_inputV3: "",
+      qdms_inputV4: [],
+      tagsOptions: [],
+      qdms_inputV5: null,
+      fen_lei: null,
+      feng_mian_1: null,
+      feng_mian_2: null,
+      chang_jin: null,
+      tags_val_single: "",
+      tags_val: [],
+      qdms_inputV6: "",
+      //在线面授管理
+      gl_selectV1: undefined,
+      gl_selectV2: undefined,
+      gl_inputV1: "",
+      gl_inputV2: "",
+      //开课
+      kk_eidt: false,
+      kkinputV1: "",
+      kkinputV2: "",
+      //新建开课
+      xjkkradioV1: "",
+      completeType: "",
+      xjkkinputV1: "",
+      xjkkinputV2: "",
+      xjkkinputV3: "",
+      xjkkinputV4: null,
+      //开课学员管理
+      xygl_inputV1: "",
+      //录入成绩
+      lrcj_inputV1: "",
+      //结业
+      jyradioV1: "",
+
+      imageUrl: "",
+      imgList: [],
+
+      pageSize2: 10,
+      currentPage2: 0,
+      tableDataTotal2: 0,
+      pageSize22: 10,
+      currentPage22: 1,
+      tableDataTotal22: 0,
+      pageSize222: 10,
+      currentPage222: 1,
+      tableDataTotal222: 0,
+      kk_inputV1: "",
+      kk_inputV2: "",
+      selectTime: "",
+
+      pageSize3: 10,
+      currentPage3: 1,
+      tableDataTotal3: 0,
+
+      checked1: false,
+      checked4: false,
+      offcoursePlanId: 0,
+      filesList: [],
+      signCom: false,
+      regisCom: false,
+      comLeave: false,
+      studentId: 0,
+      studentItem: {},
+      addOnlineCoursevisible: false, //新建面授弹窗
+
+      selectCourseId: null, //授权选择的id
+
+      viewpowervisible: false, //查看权抽屉
+      authClassify: null, //1：查看权 2：管理权 3：学员
+      addAuthList: null,
+
+      addStudentList: null, //选中列表
+
+      newCourseName: null, //新建开课名称
+
+      assessment: {},
+      assessmentId: null,
+      assessmentName: "",
+      assessmentVisible: false,
+    });
+
+    const showStuAdd = (record) => {
+      state.selectCourseId = record.offcoursePlanId;
+      state.shipType = 2;
+      state.authClassify = 3;
+      state.viewpowervisible = true;
+    };
+
+    //  富文本 sssssssssssssss
+    // 编辑器实例，必须用 shallowRef
+    const editorRef = shallowRef();
+    // 内容 HTML
+    const valueHtml = ref("");
+    // // 模拟 ajax 异步获取内容
+    onMounted(() => {
+      setTimeout(() => {
+        //     valueHtml.value = "<p>模拟 Ajax 异步设置内容</p>";
+        console.log("toolbar222222222222222");
+        console.log(editorRef.value);
+        // const toolbar = DomEditor.getToolbar(editorRef.value);
+        // const menu = editorRef.value.getAllMenuKeys();
+        // const bar = toolbar.getConfig().toolbarKeys;
+        // console.log(menu);
+        // console.log(bar);
+      }, 3500);
+    });
+
+    const toolbarConfig = {
+      excludeKeys: ["insertVideo", "insertImage"],
+    };
+    const editorConfig = { placeholder: "请输入内容...", MENU_CONF: {} };
+    editorConfig.MENU_CONF["uploadImage"] = {
+      // 自定义上传
+      async customUpload(file, insertFn) {
+        const formData = new FormData();
+        formData.append("file", file);
+        fileUp(formData).then((res) => {
+          if (res.data.code === 200) {
+            // 最后插入图片
+            insertFn(res.data.data, file.name, res.data.data);
+          }
+        });
+      },
+    };
+    const handleCreated = (editor) => {
+      console.log("toolbar2222222222333333322222");
+      console.log(editorRef.value);
+      editorRef.value = editor; // 记录 editor 实例，重要！
+    };
+    // 组件销毁时，也及时销毁编辑器
+    onBeforeUnmount(() => {
+      const editor = editorRef.value;
+      if (editor == null) return;
+      editor.destroy();
+    });
+    //  富文本 eeeeeeeeeeeeee
+
+    const route = useRoute();
+    console.log(route);
+    const router = useRouter();
+    console.log(router);
+
+    const beforeUpload = (file) => {
+      return new Promise((resolve, reject) => {
+        const isJpgOrPng =
+          file.type === "image/jpg" ||
+          file.type === "image/jpeg" ||
+          file.type === "image/png" ||
+          file.type === "image/svg" ||
+          file.type === "image/bmp" ||
+          file.type === "image/gif";
+        if (!isJpgOrPng) {
+          message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!");
+          return reject(false);
+        }
+
+        console.log(file.size);
+        let isLt1M = file.size / 10240 / 10240 <= 1;
+        if (!isLt1M) {
+          this.$message.error("图片大小超过10MB!");
+          return reject(false);
+        }
+
+        let w = 0,
+          h = 0;
+        let reader = new FileReader();
+        reader.readAsDataURL(file);
+        reader.onload = () => {
+          const image = new Image();
+          image.src = reader.result;
+          image.onload = () => {
+            w = image.width;
+            h = image.height;
+            const ratio = 800 / 450;
+            if (w / h == ratio) {
+              // 图片比例为800*450横纵比一致
+
+              const formData = new FormData();
+              formData.append("file", file);
+              console.log(file);
+              fileUp(formData).then((res) => {
+                if (res.data.code === 200) {
+                  state.imageUrl = res.data.data;
+                  // state.hasImgName = file.name;
+                  // emit("src", { id: curItem.value.id, src: res.data.data });
+                }
+              });
+              return resolve(true);
+            } else {
+              message.error(
+                "图片尺寸错误，只能上传800*450(高宽比例为16：9)横纵比一致的图片"
+              );
+              return reject(false);
+            }
+          };
+        };
+
+        return reject(false);
+      });
+    };
+    const beforeUpload2 = (file) => {
+      console.log(6765555);
+      console.log(file);
+      const fileType = [
+        "jpg",
+        "jpeg",
+        "png",
+        "gif",
+        "pdf",
+        "ppt",
+        "pptx",
+        "doc",
+        "docx",
+        "xls",
+        "xlsx",
+        "zip",
+      ];
+      if (!fileType.includes(file.name.split(".")[1])) {
+        message.error(
+          "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
+        );
+        return false;
+      }
+
+      // let isLt1M = file.size / 10240 / 10240 <= 1;
+      // if (!isLt1M) {
+      //   this.$message.error("图片大小超过10MB!");
+      //   return false;
+      // }
+
+      const formData = new FormData();
+      formData.append("file", file);
+      console.log(file);
+      fileUp(formData).then((res) => {
+        if (res.data.code === 200) {
+          state.imgList.push({
+            img: res.data.data,
+            name: file.name,
+            size: file.size,
+          });
+          console.log(state.imgList);
+          // state.hasImgName = res.data.data;
+        }
+      });
+      return false;
+    };
+    const handleDel = (index) => {
+      state.imgList.splice(index, 1);
+    };
+    const handleDel2 = (index) => {
+      state.filesList.splice(index, 1);
+    };
+
+    // 渲染列表1操作
+    const getTableDate = async () => {
+      // let datas = state.tableData1;
+      let startTime = "";
+      let endTime = "";
+      if (state.projectTime) {
+        startTime = state.projectTime[0];
+        endTime = state.projectTime[1];
+      }
+      let res = await list({
+        pageNo: state.currentPage1,
+        pageSize: state.pageSize1,
+        auditStatus: state.auditStatus,
+        categoryId: state.categoryId,
+        projectName: state.projectName,
+        name: state.name,
+        createName: state.createName,
+        endTime: endTime,
+        beginTime: startTime,
+      });
+      const { rows, total, pageNo } = res.data.data;
+      console.log(res.data.data);
+      state.tableDataTotal1 = total;
+      for (let i = 0; i < rows.length; i++) {
+        rows[i].num = i + 1 + (state.currentPage1 - 1) * 10;
+      }
+      const datas = traverseArr(
+        rows,
+        {
+          key: "offcourseId",
+          num: "num",
+          name: "name",
+          content: "categoryId",
+          courseform: "type",
+          project: "projectName",
+          stunum: "studentCnt",
+          grade: "score",
+          status: "auditStatus",
+          ynpub: "publishStatus",
+          creator: "createName",
+          createtime: "createTime",
+          pubtime: "publishTime",
+          kkty: "status",
+          offcourseId: "offcourseId",
+        },
+        true
+      );
+      datas.forEach((itm) => {
+        itm.pageNo = pageNo;
+        for (let item of options2.value) {
+          if (String(item.value) === String(itm.content)) {
+            itm.contentTxt = item.label;
+            return false;
+          }
+        }
+      });
+      state.tableData1 = datas;
+    };
+    getTableDate();
+    const handelChangePage1 = (page, pageSize) => {
+      state.currentPage1 = page;
+      state.pageSize1 = pageSize;
+      getTableDate();
+    };
+    const handleSearch1 = () => {
+      getTableDate();
+    };
+    const handleRest1 = () => {
+      state.projectName = "";
+      state.name = "";
+      state.createName = "";
+      state.auditStatus = null;
+      state.categoryId = null;
+      state.projectTime = "";
+      getTableDate();
+    };
+
+    const handleSucessStu = (itm) => {
+      console.log(itm);
+      state.studentId = itm.studentId;
+      state.studentItem = itm;
+
+      state.agreereject_hs = true;
+      state.agreestudy_hs = true;
+    };
+    const handleRejectStu = (itm) => {
+      console.log(itm);
+      state.studentId = itm.studentId;
+      state.studentItem = itm;
+
+      state.agreereject_hs = true;
+      state.rejectstudy_hs = true;
+    };
+    const handleDeleteStu = (itm) => {
+      console.log(itm);
+      state.studentId = itm.studentId;
+      state.studentItem = itm;
+
+      state.delete_hs = true;
+      state.del_hs = true;
+      state.del_hs_stu = true;
+    };
+    const handlJoinStu = (itm) => {
+      console.log(itm);
+      state.studentId = itm.studentId;
+      state.studentItem = itm;
+
+      state.rg_hs = true;
+    };
+    const handleOverStu = (itm) => {
+      console.log(itm);
+      state.studentId = itm.studentId;
+      state.studentItem = itm;
+
+      state.graduate_hs = true;
+    };
+
+    //快速选人 选中的数组
+    const onSelectChange7 = (selectedRowKeys, item) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys, item);
+      state.selectedRowKeys7 = selectedRowKeys;
+      if (selectedRowKeys.length) {
+        state.piliang = true;
+      } else {
+        state.piliang = false;
+      }
+      // state.choosepeople = item.reverse();
+      // console.log(item, "选中你了！", state.choosepeople);
+      // selectedsHeight();
+    };
+    const handleAllJion = () => {
+      console.log(111);
+      if (state.piliang) {
+        state.rg_hs = true;
+      }
+    };
+    const handleAllover = () => {
+      console.log(111);
+
+      if (state.selectedRowKeys7.length === 0) {
+        return;
+      }
+
+      handleStudent({
+        offcoursePlanId: state.offcoursePlanId,
+        score: "",
+        studentIds: state.selectedRowKeys7,
+        type: 2,
+      }).then((res) => {
+        console.log(res);
+        getTableDate2();
+      });
+    };
+    const handleAllSuc = () => {
+      console.log(111);
+
+      if (state.selectedRowKeys7.length === 0) {
+        return;
+      }
+
+      handleStudent({
+        offcoursePlanId: state.offcoursePlanId,
+        score: "",
+        studentIds: state.selectedRowKeys7,
+        type: 3,
+      }).then((res) => {
+        console.log(res);
+        getTableDate2();
+      });
+    };
+    const handleAllReject = () => {
+      console.log(111);
+
+      if (state.selectedRowKeys7.length === 0) {
+        return;
+      }
+
+      handleStudent({
+        offcoursePlanId: state.offcoursePlanId,
+        score: "",
+        studentIds: state.selectedRowKeys7,
+        type: 4,
+      }).then((res) => {
+        console.log(res);
+        getTableDate2();
+      });
+    };
+
+    const handleExportStu = () => {
+      console.log(55533);
+      console.log(state.offcoursePlanId);
+
+      studentExport({
+        pageNo: state.currentPage3,
+        pageSize: state.pageSize3,
+        // applyStatus: state.auditStatus,
+        // evalStatus: state.categoryId,
+        // name: state.projectName,
+        // signStatus: state.name,
+        // status: state.name,
+        offcoursePlanId: state.offcoursePlanId,
+      }).then((res) => {
+        // 流文件？？？
+        console.log("res33333");
+        console.log(res);
+
+        newFile(res.data.data);
+      });
+    };
+
+    const showAssessment = () => {
+      state.assessmentVisible = true;
+    };
+    const removePG = () => {
+      console.log("11111");
+      state.assessmentId = null;
+      state.assessmentName = "";
+      // state.isEvaluate = "0";
+    };
+    const getCheckedAss = (ass) => {
+      console.log("ass");
+      console.log(ass);
+      state.assessmentId = ass.assessmentId;
+      state.assessmentName = ass.name;
+      state.assessment = ass;
+      // state.assessment1 = null;
+    };
+
+    const rest = () => {
+      options4CurName.value = "";
+      options4CurId.value = "";
+      state.teacher = null;
+      state.teacherId = null;
+    };
+    const handleChangeTea1 = (val) => {
+      console.log(787877);
+      console.log(val);
+
+      rest();
+      getTea();
+    };
+    const handelChangePageTea1 = (page, pageSize) => {
+      state.currentPageTea1 = page;
+      state.pageSizeTea1 = pageSize;
+      rest();
+      getTea();
+    };
+    const handleChangeTea2 = (val) => {
+      console.log(787877);
+      console.log(val);
+      options4CurName.value = val;
+      rest();
+      getTea();
+    };
+    const handelChangePageTea2 = (page, pageSize) => {
+      state.currentPageTea2 = page;
+      state.pageSizeTea2 = pageSize;
+      rest();
+      getTea();
+    };
+
+    //获取分类、场景、封面图、-----------字典配置-------------------------------
+    const optionsUrl = ref([]);
+    const getDictList = (param) => {
+      let obj = {
+        pageNo: 1,
+        pageSize: 10000,
+        setCode: param,
+      };
+      api1
+        .getDict(obj)
+        .then((res) => {
+          console.log("获取字典成功", res);
+          if (res.data.code === 200) {
+            if (param === "faceclassPic") {
+              let arr = res.data.data.rows;
+              let newArr = [];
+              arr.forEach((item) => {
+                newArr.push({
+                  value: item.dictValue,
+                  label: item.dictName,
+                });
+              });
+              optionsUrl.value = newArr;
+              // if (res.data.data.rows.length > 0) {
+              //   state.imageUrl = res.data.data.rows[0].dictValue;
+              // }
+            }
+            if (param === "faceclassClass") {
+              let arr = res.data.data.rows;
+              let newArr = [];
+              arr.forEach((item) => {
+                newArr.push({
+                  value: item.dictCode,
+                  label: item.dictName,
+                });
+              });
+              options2.value = newArr;
+            }
+            if (param === "faceclassScene") {
+              let arr = res.data.data.rows;
+              let newArr = [];
+              arr.forEach((item) => {
+                newArr.push({
+                  value: item.dictCode,
+                  label: item.dictName,
+                });
+              });
+              options3.value = newArr;
+            }
+          }
+        })
+        .catch((err) => {
+          console.log("获取字典失败", err);
+        });
+    };
+    getDictList("faceclassClass");
+    getDictList("faceclassScene");
+    getDictList("faceclassPic");
+    //获取分类、场景、封面图、----------------字典配置---------------------------
+
+    //渲染学员管理操作
+    const getTableDate2 = async () => {
+      // let data2 = state.tableData7;
+      let obj = {
+        pageNo: state.currentPage3,
+        pageSize: state.pageSize3,
+        offcoursePlanId: state.offcoursePlanId,
+        name: state.xygl_inputV1,
+      };
+      // console.log("获取学员信息", obj);
+      let res = await studentList(obj);
+      // console.log("获取学员列表", res);
+      const { rows, total, pageNo } = res.data.data;
+      state.tableDataTotal3 = total;
+
+      for (let i = 0; i < rows.length; i++) {
+        rows[i].num = i + 1 + (state.currentPage3 - 1) * 10;
+      }
+      rows.forEach((item, index) => {
+        rows[index] = {
+          ...item,
+          ...item.userInfoBo,
+        };
+      });
+      const data2 = traverseArr(
+        rows,
+        {
+          key: "studentId",
+          num: "num",
+          name: "name",
+          number: "studentId",
+          department: "deptName",
+          postion: "jobName",
+          band: "userAutograph",
+          status: "applyStatus",
+          join: "source",
+          signstatus: "signStatus",
+          evastatus: "evalStatus",
+          overstatus: "status",
+        },
+        true
+      );
+      data2.forEach((itm) => {
+        itm.pageNo = pageNo;
+      });
+      state.tableData7 = data2;
+    };
+    getTableDate2();
+    // 渲染开课操作
+
+    const handleSearchTable2 = () => {
+      console.log(7878);
+      getTableDate33();
+    };
+    const handleSearchTable3 = () => {
+      console.log(7878);
+      getTableDate333();
+    };
+    const getTableDate33 = async () => {
+      // let datas = state.tableData2;
+      // let res = await listReview({
+      //   pageNo: state.currentPage22,
+      //   pageSize: state.pageSize22,
+      //   auditStatus: state.gl_selectV1,
+      //   name: state.gl_inputv1,
+      // });
+      // const { rows, total } = res.data.data;
+      // state.tableDataTotal22 = total;
+      // const datas = traverseArr(
+      //   rows,
+      //   {
+      //     key: "offcourseId",
+      //     projectName: "projectName",
+      //     numb: "assessmentName",
+      //     applytime: "createTime",
+      //     signtime: "publishTime",
+      //     status: "auditStatus",
+      //   },
+      //   true
+      // );
+      // state.tableData2 = datas;
+    };
+    // 渲染开课操作
+    const getTableDate333 = async () => {
+      // let datas = state.tableData2;
+      // let res = await studyRecordList({
+      //   pageNo: state.currentPage222,
+      //   pageSize: state.pageSize222,
+      //   name: state.gl_selectV1,
+      //   status: state.gl_inputv1,
+      // });
+      // const { rows, total } = res.data.data;
+      // state.tableDataTotal222 = total;
+      // const datas = traverseArr(
+      //   rows,
+      //   {
+      //     key: "offcourseId",
+      //     projectName: "projectName",
+      //     numb: "assessmentName",
+      //     applytime: "createTime",
+      //     signtime: "publishTime",
+      //     status: "auditStatus",
+      //   },
+      //   true
+      // );
+      // state.tableData2 = datas;
+    };
+    // 渲染开课操作
+    const getTableDate3 = async () => {
+      // let datas = state.tableData6;
+      let obj = {
+        pageNo: state.currentPage222,
+        pageSize: state.pageSize222,
+        createName: state.kk_inputV1,
+        teacher: state.kk_inputV2,
+        beginTime: parseInt(new Date(state.selectTime).getTime() / 1000),
+        offcourseId: state.offcourseId,
+      };
+      console.log("获取开课", obj);
+      let res = await planList(obj);
+      console.log("开课res", res);
+      const { rows, total, pageNo } = res.data.data;
+      state.tableDataTotal222 = total;
+
+      for (let i = 0; i < rows.length; i++) {
+        rows[i].num = i + 1 + (state.currentPage222 - 1) * 10;
+      }
+      const datas = traverseArr(
+        rows,
+        {
+          key: "offcoursePlanId",
+          num: "num",
+          organization: "name",
+          address: "address",
+          starttime: "beginTime",
+          createtime: "createTime",
+        },
+        true
+      );
+      datas.forEach((itm) => {
+        itm.pageNo = pageNo;
+      });
+      state.tableData6 = datas;
+    };
+
+    const options1 = ref([
+      {
+        value: 0,
+        label: "未提交",
+      },
+      {
+        value: 1,
+        label: "待审核",
+      },
+      {
+        value: 2,
+        label: "已审核",
+      },
+      {
+        value: -1,
+        label: "审核未通过",
+      },
+    ]);
+    const options2 = ref([
+      // {
+      //   value: "value2",
+      //   label: "请选择内容分类",
+      // },
+      // {
+      //   value: "leadership",
+      //   label: "领导力",
+      // },
+      // {
+      //   value: "ingeneral",
+      //   label: "通用力",
+      // },
+      // {
+      //   value: "profession",
+      //   label: "专业力",
+      // },
+    ]);
+    const options3 = ref([]);
+    const options4 = ref([
+      // {
+      //   value: "profession",
+      //   label: "专业力",
+      // },
+    ]);
+    const options4CurId = ref("");
+    const options4CurName = ref("张");
+    const of_hShow = () => {
+      getTea();
+      if (state.of_hs == false) {
+        state.of_hs = true;
+      }
+    };
+    const of_exit1 = () => {
+      state.of_hs = false;
+      state.valueE1 = "";
+      state.valueE2 = "";
+      state.xzinputV1 = "";
+      state.hideshow = true;
+      rest();
+    };
+    const of_exit = () => {
+      state.of_hs = false;
+      state.valueE1 = "";
+      state.valueE2 = "";
+      state.hideshow = true;
+    };
+    const hideShow = () => {
+      if (state.hideshow == true) {
+        state.hideshow = false;
+      } else {
+        state.hideshow = true;
+      }
+    };
+    const bs_hShow = (value) => {
+      state.bs_hs = true;
+      if (value != "") {
+        state.valueE1 = "";
+      }
+    };
+    const createft = () => {
+      if (state.bs_hs == false && state.valueE1 != "") {
+        state.of_hs = false;
+        state.ft_hs = true;
+        state.valueE1 = "";
+        state.teacher = "";
+        state.teacherName = "";
+        state.qdms_inputV1 = state.xzinputV1;
+        state.xzinputV1 = "";
+        getDictList("faceclassPic");
+        getTea();
+      }
+      if (state.bs_hs && state.valueE1 != "") {
+        state.addOnlineCoursevisible = true;
+      }
+    };
+    const checkVal = (checkList) => {
+      let count = 0;
+      for (const keyName of checkList) {
+        if (!keyName) {
+          count++;
+        }
+      }
+      return count ? false : true;
+    };
+    const ft_exit_1 = () => {
+      state.ft_hs = false;
+      router.go(0);
+    };
+    const ft_exit = () => {
+      state.ft_eidt = false;
+      state.hideshow = true;
+
+      state.offcourseId = null;
+      state.statusJuJue = 0;
+      state.statusTingQi = 1;
+      state.qdms_inputV1 = "";
+      state.imageUrl = "";
+      state.qdms_inputV2 = "";
+      state.qdms_inputV3 = "";
+      state.fen_lei = null;
+      state.feng_mian_1 = null;
+      state.feng_mian_2 = null;
+      state.chang_jin = null;
+      state.tags_val = [];
+      state.qdms_inputV5 = null;
+      state.qdms_inputV6 = "";
+      state.imgList = [];
+      valueHtml.value = "";
+      state.fileList = [];
+    };
+    // 关闭查看
+    const handlelookMs = () => {
+      state.lookMs = false;
+    };
+
+    //保存面授课
+    const handlePush = (param) => {
+      let files = "";
+      if (state.imgList.length) {
+        state.imgList.forEach((item) => {
+          files += item.img + ",";
+        });
+      }
+      files = files.slice(0, files.length - 1);
+      console.log("filesfiles", files);
+      const postData = {
+        offcourseId: state.offcourseId, //不传代表新增
+        name: state.qdms_inputV1,
+        // picUrl: state.imageUrl,
+        picUrl: state.feng_mian_1,
+        targetUser: state.qdms_inputV2,
+        meaning: state.qdms_inputV3,
+        categoryId: state.fen_lei,
+        sceneId: state.chang_jin,
+        tips: state.tags_val ? state.tags_val.join(",") : null,
+        teacherId: state.member.value,
+        teacher: state.member.name,
+        intro: state.qdms_inputV6,
+        attach: files,
+        outline: valueHtml.value,
+        //teacherId:state.teacherId ,
+      };
+      console.log("===", state.teacherId, "hha", state.qdms_inputV5);
+      console.log("postData");
+      console.log(postData);
+      const checkList = [
+        postData.name,
+
+        postData.targetUser,
+        postData.categoryId,
+        postData.teacherId,
+      ];
+      if (!checkVal(checkList)) {
+        message.destroy();
+        return message.error("请输入必填项");
+      } else {
+        state.addLoading = true;
+      }
+
+      edit(postData).then((res) => {
+        if (res.data.code === 200) {
+          getTableDate();
+          // ft_exit_1();
+          rest();
+          state.addLoading = false;
+
+          state.statusTingQi = 1;
+          // console.log("res.data", res.data);
+          if (param === "review") {
+            //新建时点击审核按钮
+            submitReview(res.data.data.offcourseId);
+          }
+        }
+      });
+    };
+    const om_exit = () => {
+      state.om_1 = false;
+      state.faceManageTab = "1";
+    };
+    const ckxq_hs = () => {
+      state.om_ckxq = true;
+    };
+    const ftsr_exit = () => {
+      state.om_ckxq = false;
+    };
+    const stm_exit = () => {
+      state.stm_hs = false;
+      handleRestTable();
+    };
+    const createkk = () => {
+      state.offcoursePlanId = null;
+      state.member = {};
+      state.cstm_hs = true;
+    };
+    const handleCancelStu = () => {
+      state.cstm_hs = false;
+      state.filesList = [];
+
+      state.kk_eidt = false;
+      state.xjkkradioV1 = "";
+      state.completeType = "";
+      state.xjkkinputV1 = "";
+      state.xjkkinputV2 = "";
+      state.xjkkinputV3 = "";
+      state.xjkkinputV4 = null;
+      state.checked1 = false;
+      state.checked4 = false;
+      removePG();
+    };
+    //保存开课
+    const handleSureStu = () => {
+      let startTime,
+        endTime = 0;
+      if (state.xjkkinputV3) {
+        startTime = parseInt(state.xjkkinputV3[0].$d.getTime() / 1000);
+        endTime = parseInt(state.xjkkinputV3[1].$d.getTime() / 1000);
+      }
+      let t = state.signCom ? "1," : "0,";
+      let p = state.comLeave ? "1" : "0";
+      let type = t.concat(p);
+      const postData = {
+        offcourseId: state.offcourseId,
+        offcoursePlanId: state.offcoursePlanId, //开课ID,不传代表新增
+
+        address: state.xjkkinputV2,
+        applyFlag: state.checked1 ? 1 : 0,
+        attach: state.filesList.length ? state.filesList.join(",") : "",
+        beginTime: startTime,
+        completeType: type,
+        endTime: endTime,
+        evalFlag: state.checked4 ? 1 : 0,
+        evaluateId: Number(state.assessmentId),
+        name: state.xjkkinputV1,
+        signFlag: state.xjkkradioV1 === 0 ? 1 : 0, //是否允许未报名的签到:1是0否
+        // signWordFlag: state.xjkkradioV1 === 1 ? 1 : 0, //签到是否需要口令:1是0否
+        teacherId: state.member.value,
+        teacher: state.member.name,
+      };
+      console.log(postData);
+      const checkList = [
+        postData.name,
+        postData.address,
+        postData.beginTime,
+        postData.endTime,
+        postData.teacherId,
+      ];
+      if (!checkVal(checkList)) {
+        message.destroy();
+        return message.error("请输入必填项");
+      } else {
+        state.addLoading = true;
+        console.log("state.addLoading ", state.addLoading);
+      }
+      editPlan(postData).then((res) => {
+        if (res.data.code === 200) {
+          getTableDate3();
+          handleCancelStu();
+          rest();
+        }
+      });
+      state.addLoading = false;
+    };
+    //编辑开课
+    const handelEditStu = async (itm) => {
+      console.log(itm);
+
+      state.offcourseId = itm.offcourseId;
+      state.offcoursePlanId = itm.offcoursePlanId;
+
+      const item = await detailPlan({
+        offcoursePlanId: Number(state.offcoursePlanId),
+      }).then((res) => {
+        if (res.data.code === 200) return res.data.data;
+      });
+
+      let obj = {
+        assessmentId: item.evaluateId,
+      };
+      api
+        .queryAppraiseDetailById(obj)
+        .then((res) => {
+          state.assessmentName = res.data.data.assessmentName;
+        })
+        .catch();
+
+      console.log("res");
+      console.log(item);
+
+      state.xjkkinputV2 = item.address;
+      state.checked1 = item.applyFlag === 1 ? true : false;
+      state.filesList = item.attach ? item.attach.split(",") : [];
+      state.xjkkinputV3 = [
+        dayjs(item.beginTime, "YYYY-MM-DD HH:mm:ss"),
+        dayjs(item.endTime, "YYYY-MM-DD HH:mm:ss"),
+      ];
+      options4CurId.value = item.teacherId;
+      // (state.regisCom = item.completeType.split(",")[0] == "1" ? true : false),
+      (state.signCom = item.completeType.split(",")[0] == "1" ? true : false),
+        (state.comLeave =
+          item.completeType.split(",")[1] == "1" ? true : false),
+        (state.checked4 = item.evalFlag === 1 ? true : false);
+      state.assessmentId = String(item.evaluateId);
+      state.xjkkinputV1 = item.name;
+      if (item.signFlag === 1) {
+        //是否允许未报名的签到:1是0否
+        state.xjkkradioV1 = 0;
+      }
+      /*
+      if (item.signWordFlag === 1) {
+        //签到是否需要口令:1是0否
+        state.xjkkradioV1 = 1;
+      }
+      if (item.signFlag === 0 && item.signWordFlag === 0) {
+        state.xjkkradioV1 = "";
+      }
+      */
+      state.member = { value: item.teacherId, name: item.teacher };
+
+      state.cstm_hs = true;
+      state.kk_eidt = true;
+    };
+    const handelGuan = (itm) => {
+      console.log(676766);
+      state.offcourseId = itm.offcourseId;
+      state.offcoursePlanId = itm.offcoursePlanId;
+      state.studentId = itm.studentId;
+      state.studentItem = itm;
+
+      state.currentPlanItem = itm;
+      state.newCourseName = itm.name;
+      console.log(89877766666);
+      console.log(state.currentPlanItem);
+
+      state.sm_hs = true;
+      getTableDate2();
+    };
+    const sm_exit = () => {
+      state.sm_hs = false;
+      state.hideshow = true;
+
+      state.tableData7 = [];
+    };
+    const clear_valueE1 = (value) => {
+      state.bs_hs = false;
+      if (value != "") {
+        state.valueE1 = "";
+      }
+    };
+    const clear_valueE2 = () => {
+      state.valueE2 = "";
+    };
+    const clear_xjkkradioV1 = (value) => {
+      if (value != "") {
+        state.xjkkradioV1 = "";
+      }
+    };
+    const clear_xjkkradioV2 = (value) => {
+      if (value != "") {
+        state.xjkkradioV2 = "";
+      }
+    };
+    const clear_jyradioV1 = (value) => {
+      if (value != "") {
+        state.jyradioV1 = "";
+      }
+    };
+    const qr_exit = () => {
+      state.QR_hs = false;
+      state.qrQR_hs = false;
+      state.olQR_hs = false;
+      state.ftQR_hs = false;
+      state.ftsQR_hs = false;
+      state.vipftQR_hs = false;
+      state.addLoading = false;
+    };
+    const rg_exit = () => {
+      state.rg_hs = false;
+      state.addLoading = false;
+    };
+    const graduate_exit = () => {
+      state.graduate_hs = false;
+      state.addLoading = false;
+    };
+    const agreereject_exit = () => {
+      state.agreereject_hs = false;
+      state.agreestudy_hs = false;
+      state.rejectstudy_hs = false;
+      state.addLoading = false;
+    };
+    const delete_exit1 = () => {
+      state.delete_hs = false;
+      state.del_hs = false;
+      state.del_hs_stu = false;
+      state.copy_hs = false;
+      state.nouse_hs = false;
+      state.rg_hs = false;
+      state.graduate_hs = false;
+      state.addLoading = false;
+    };
+    const handleRejectExit = (itm, type) => {
+      if (type === "1") {
+        return;
+      }
+      state.offcourseId = itm.offcourseId;
+
+      handle({
+        offcourseId: state.offcourseId,
+        type: 0,
+      }).then((res) => {
+        if (res.data.code === 200) {
+          getTableDate();
+        }
+      });
+    };
+
+    const handleJoin = async () => {
+      if (state.rg_hs) {
+        if (state.piliang) {
+          handleStudent({
+            offcoursePlanId: state.offcoursePlanId,
+            score: state.lrcj_inputV1,
+            studentIds: state.selectedRowKeys7,
+            type: 1,
+          });
+          getTableDate2();
+          delete_exit1();
+        } else {
+          handleStudent({
+            offcoursePlanId: state.offcoursePlanId,
+            score: state.lrcj_inputV1,
+            studentIds: [state.studentId],
+            type: 1,
+          }).then((res) => {
+            if (res.data.code === 200) {
+              getTableDate2();
+              delete_exit1();
+            }
+          });
+        }
+      }
+    };
+    const handleJie = async () => {
+      if (state.graduate_hs) {
+        handleStudent({
+          offcoursePlanId: state.offcoursePlanId,
+          score: "",
+          studentIds: [state.studentId],
+          type: 2,
+        }).then((res) => {
+          if (res.data.code === 200) {
+            getTableDate2();
+            delete_exit1();
+          }
+        });
+      }
+    };
+    //确认复制
+    const handleAgreeTrue = async () => {
+      if (state.agreestudy_hs) {
+        handleStudent({
+          offcoursePlanId: state.offcoursePlanId,
+          score: "",
+          studentIds: [state.studentId],
+          type: 3,
+        }).then((res) => {
+          if (res.data.code === 200) {
+            getTableDate2();
+            delete_exit1();
+            state.addLoading = false;
+          }
+        });
+      }
+      if (state.rejectstudy_hs) {
+        handleStudent({
+          offcoursePlanId: state.offcoursePlanId,
+          score: "",
+          studentIds: [state.studentId],
+          type: 4,
+        }).then((res) => {
+          if (res.data.code === 200) {
+            getTableDate2();
+            delete_exit1();
+          }
+        });
+      }
+    };
+    //确认复制课程
+    const handleDeleteExit = async () => {
+      state.addLoading = true;
+
+      if (state.del_hs) {
+        console.log(11111111);
+        if (state.offcourseId && state.offcoursePlanId && state.studentId) {
+          console.log(111111);
+          handleStudent({
+            offcoursePlanId: state.offcoursePlanId,
+            score: "",
+            studentIds: [state.studentId],
+            type: 5,
+          }).then((res) => {
+            if (res.data.code === 200) {
+              getTableDate2();
+              delete_exit1();
+            }
+          });
+        } else if (state.offcourseId && state.offcoursePlanId) {
+          console.log(2222222);
+          deletePlan({
+            offcoursePlanId: state.offcoursePlanId,
+          }).then((res) => {
+            if (res.data.code === 200) {
+              getTableDate3();
+              delete_exit1();
+            }
+          });
+        } else if (state.offcourseId) {
+          console.log(3333333);
+          handle({
+            offcourseId: state.offcourseId,
+            type: -1,
+          }).then((res) => {
+            if (res.data.code === 200) {
+              getTableDate();
+              delete_exit1();
+            }
+          });
+        }
+      }
+      if (state.copy_hs) {
+        console.log(2222222);
+        if (state.offcourseId && state.offcoursePlanId) {
+          console.log(87887);
+          // 拿数据
+          const item = await detailPlan({
+            offcoursePlanId: Number(state.offcoursePlanId),
+          }).then((res) => {
+            if (res.data.code === 200) return res.data.data;
+          });
+          const obj = {
+            offcourseId: item.offcourseId,
+            offcoursePlanId: null, //开课ID,不传代表新增
+
+            address: item.address,
+            applyFlag: item.applyFlag,
+            attach: item.attach,
+            beginTime: new Date(item.beginTime) / 1000,
+            completeType: item.completeType,
+            endTime: new Date(item.endTime) / 1000,
+            evalFlag: item.evalFlag,
+            name: item.name,
+            signFlag: item.signFlag, //是否允许未报名的签到:1是0否
+            //signWordFlag: item.signWordFlag, //签到是否需要口令:1是0否
+            teacherId: item.teacherId,
+            teacher: item.teacher,
+          };
+          console.log(obj);
+          editPlan(obj).then((res) => {
+            if (res.data.code === 200) {
+              getTableDate3();
+              delete_exit1();
+              rest();
+            }
+          });
+        } else if (state.offcourseId) {
+          console.log(87887);
+          // 拿数据
+          const item = await detail({
+            offcourseId: Number(state.offcourseId),
+          }).then((res) => {
+            if (res.data.code === 200) return res.data.data;
+          });
+          const postData = {
+            offcourseId: null, //不传代表新增
+            name: item.name,
+            picUrl: item.picUrl,
+            targetUser: item.targetUser,
+            meaning: item.meaning,
+            categoryId: item.categoryId,
+            sceneId: item.sceneId,
+            tips: item.tips,
+            teacherId: item.teacherId, //?
+            intro: item.intro,
+            attach: item.attach,
+            outline: item.outline,
+            teacher: item.teacher,
+          };
+          edit(postData).then((res) => {
+            if (res.data.code === 200) {
+              getTableDate();
+              delete_exit1();
+              rest();
+            }
+          });
+        }
+      }
+      if (state.nouse_hs) {
+        console.log(3333333333);
+        if (state.offcourseId) {
+          console.log(87887);
+          handle({
+            offcourseId: state.offcourseId,
+            type: -2,
+          }).then((res) => {
+            if (res.data.code === 200) {
+              getTableDate();
+              delete_exit1();
+            }
+          });
+        }
+      }
+    };
+    const handleDeleteKaike = (value) => {
+      state.offcoursePlanId = value.offcoursePlanId;
+
+      state.delete_hs = true;
+      state.del_hs = true;
+    };
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+
+    const faceManageChange = (e) => {
+      state.faceManageTab = e;
+    };
+
+    const openMessage = () => {
+      let startTime = "";
+      let endTime = "";
+      if (state.projectTime) {
+        startTime = parseInt(
+          new Date(state.projectTime[0].$d).getTime() / 1000
+        );
+        endTime = parseInt(new Date(state.projectTime[1].$d).getTime() / 1000);
+      }
+      exportP({
+        pageNo: state.currentPage1,
+        pageSize: state.pageSize1,
+        auditStatus: state.auditStatus,
+        categoryId: state.categoryId,
+        projectName: state.projectName,
+        name: state.name,
+        createName: state.createName,
+        endTime: endTime,
+        beginTime: startTime,
+      }).then((res) => {
+        if (res.data.code === 200) {
+          message.success("导出成功");
+        }
+      });
+    };
+    //获取教师
+    const getTea = async () => {
+      options4CurName.value = state.teacher;
+      options4CurId.value = state.teacherId;
+      const item1 = await getMemberInfoApi({
+        pageNo: state.currentPageTea1,
+        pageSize: state.pageSizeTea1,
+        keyWord: options4CurName.value,
+        id: options4CurId.value ? options4CurId.value : null,
+      })
+        .then((res) => {
+          console.log("获取授课教师", res);
+          if (res.data.code === 200) return res.data.data;
+        })
+        .catch((err) => {
+          console.log("获取授课教师失败", err);
+        });
+      const { rows, total } = item1;
+      state.tableDataTotalTea1 = total;
+      state.tableDataTotalTea2 = total;
+      let newArr = [];
+      for (let item of rows) {
+        if (options4CurId.value === item.id) {
+          if (state.offcoursePlanId && state.offcourseId) {
+            options4CurName.value = item.realName;
+            state.xjkkinputV4 = item.realName;
+            state.teacherId = item.id;
+          } else if (state.offcourseId) {
+            options4CurName.value = item.realName;
+            state.qdms_inputV5 = item.realName;
+            state.teacher = item.realName;
+            state.teacherId = item.id;
+            console.log("那个老师", item);
+          }
+        }
+        newArr.push({
+          value: item.id,
+          label: item.realName,
+        });
+      }
+      options4.value = newArr;
+      console.log("options4.value");
+      console.log(options4.value);
+    };
+    //编辑面授课
+    const handleEdit = async (itm, type) => {
+      console.log(45555);
+      console.log(itm);
+      if (type === "1") {
+        return;
+      }
+      state.offcourseId = itm.offcourseId;
+
+      const item = await detail({
+        offcourseId: Number(state.offcourseId),
+      }).then((res) => {
+        if (res.data.code === 200) return res.data.data;
+      });
+
+      state.statusJuJue = Number(item.auditStatus) === -1 ? 1 : 0;
+
+      if (Number(item.auditStatus) === 2 && Number(item.status) === 1) {
+        state.statusTingQi = 1;
+      }
+      if (Number(item.auditStatus) === 2 && Number(item.status) === 0) {
+        state.statusTingQi = 0;
+      }
+
+      state.qdms_inputV1 = item.name;
+      // state.imageUrl = item.picUrl;
+      state.feng_mian_1 = item.picUrl;
+      state.qdms_inputV2 = item.targetUser;
+      state.qdms_inputV3 = item.meaning;
+      state.fen_lei = String(item.categoryId);
+      state.chang_jin = String(item.sceneId);
+      state.tags_val = item.tips ? item.tips.split(",") : [];
+      //state.qdms_inputV5 = item.teacherId;
+      state.teacher = item.teacher;
+      state.teacherId = item.teacherId;
+      state.qdms_inputV6 = item.intro;
+      state.member = { value: item.teacherId, name: item.teacher };
+      if (item.attach == "") {
+        state.imgList = [];
+      } else {
+        if (item.attach.indexOf(",")) {
+          const arr = item.attach.split(",");
+          arr.forEach((item) => {
+            state.imgList.push({ img: item });
+          });
+        } else {
+          state.imgList = [{ img: item.attach }];
+        }
+      }
+
+      valueHtml.value = item.outline;
+
+      state.ft_hs = true;
+      state.ft_eidt = true;
+      getTea();
+    };
+
+    // handleTagChange
+    const handleTagChange = () => {
+      if (state.tags_val_single) {
+        state.tags_val.push(state.tags_val_single);
+      }
+      state.tags_val_single = "";
+    };
+    const handleTagClose = (index) => {
+      state.tags_val.splice(index, 1);
+    };
+
+    // 预览弹框 开启和关闭
+    const ft_exit_see = () => {
+      state.lookCourseModal = false;
+    };
+    const handleLook = async (itm, type) => {
+      if (type === "1") {
+        return;
+      }
+      state.offcourseId = itm.offcourseId;
+
+      const item = await detail({
+        offcourseId: Number(state.offcourseId),
+      }).then((res) => {
+        if (res.data.code === 200) return res.data.data;
+      });
+      state.lookCourseModal = true;
+      item.attach = item.attach == "" ? [] : item.attach.split(",");
+      state.faceDetailObj = item;
+    };
+    // const handleTea = async () => {
+    //   console.log("item22224444");
+    //   // const item = await getMemberInfo({
+    //   //   pageNo: state.pageSizeTea1,
+    //   // }).then((res) => {
+    //   //   if (res.data.code === 200) return res.data.data;
+    //   //   console.log("item2222222");
+    //   //   console.log(item);
+    //   // });
+    // };
+    const handleDelete = (item, type) => {
+      console.log(item);
+      if (type === "1") {
+        return;
+      }
+      state.offcourseId = item.offcourseId;
+
+      state.delete_hs = true;
+      state.del_hs = true;
+    };
+    const handleCopy = async (itm, type) => {
+      console.log(itm);
+      if (type === "1") {
+        return;
+      }
+      state.offcourseId = itm.offcourseId;
+
+      state.delete_hs = true;
+      state.copy_hs = true;
+    };
+    const handleCopyP = async (itm) => {
+      console.log(itm);
+      state.offcourseId = itm.offcourseId;
+      state.offcoursePlanId = itm.offcoursePlanId;
+
+      state.delete_hs = true;
+      state.copy_hs = true;
+    };
+    const handleStop = async (itm, type) => {
+      console.log(itm);
+      if (type === "1") {
+        return;
+      }
+      state.offcourseId = itm.offcourseId;
+
+      state.delete_hs = true;
+      state.nouse_hs = true;
+    };
+    const handleOpen = async (itm, type) => {
+      console.log(itm);
+      if (type === "1") {
+        return;
+      }
+      state.offcourseId = itm.offcourseId;
+
+      handle({
+        offcourseId: state.offcourseId,
+        type: 2,
+      }).then((res) => {
+        if (res.data.code === 200) {
+          getTableDate();
+        }
+      });
+    };
+    const handleStart = (item, type) => {
+      console.log(item);
+      if (type === "1") {
+        return;
+      }
+      state.offcourseId = item.offcourseId;
+      state.newCourseName = item.name;
+      getTableDate3();
+
+      state.stm_hs = true;
+    };
+
+    const handelChangePage222 = (page, pageSize) => {
+      state.currentPage222 = page;
+      state.pageSize222 = pageSize;
+      getTableDate333();
+    };
+    const handelChangePage22 = (page, pageSize) => {
+      state.currentPage22 = page;
+      state.pageSize22 = pageSize;
+      getTableDate33();
+    };
+    const handelChangePage2 = (page, pageSize) => {
+      state.currentPage2 = page;
+      state.pageSize2 = pageSize;
+      getTableDate3();
+    };
+    const handleSearchTable = () => {
+      console.log("handleSearchTable");
+      console.log(state.kk_inputV1);
+      console.log(state.kk_inputV2);
+      console.log(state.selectTime);
+      getTableDate3();
+    };
+    const handleRestTable = () => {
+      state.kk_inputV1 = "";
+      state.kk_inputV2 = "";
+      state.selectTime = "";
+      getTableDate3();
+    };
+
+    const handelChangePage3 = (page, pageSize) => {
+      state.currentPage3 = page;
+      state.pageSize3 = pageSize;
+      getTableDate2();
+    };
+    const handleSearchStu = () => {
+      console.log(state.xygl_inputV1);
+      getTableDate2();
+    };
+    const handleRestStu = () => {
+      state.xygl_inputV1 = "";
+      getTableDate2();
+    };
+
+    const beforeUpload3 = (file) => {
+      const fileType = [
+        "jpg",
+        "jpeg",
+        "png",
+        "gif",
+        "pdf",
+        "ppt",
+        "pptx",
+        "doc",
+        "docx",
+        "xls",
+        "xlsx",
+        "zip",
+      ];
+      if (!fileType.includes(file.name.split(".")[1])) {
+        message.error(
+          "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
+        );
+        return false;
+      }
+
+      const formData = new FormData();
+      formData.append("file", file);
+      console.log(file);
+      fileUp(formData).then((res) => {
+        if (res.data.code === 200) {
+          // state.filesList.push({
+          //   img: res.data.data,
+          //   name: file.name,
+          //   size: file.size,
+          // });
+          // console.log(state.filesList);
+          state.filesList = [res.data.data];
+          // state.hasImgName = res.data.data;
+        }
+      });
+      return false;
+    };
+
+    const handleGuan22 = (item) => {
+      console.log(787666);
+      getTableDate33();
+      getTableDate333();
+      state.newCourseName = item.name;
+    };
+
+    const handlePostSure = (obj) => {
+      console.log("处理后参数，直接解构使用");
+      console.log(obj);
+
+      addStudent({
+        offcourseId: Number(state.offcourseId),
+        offcoursePlanId: Number(state.offcoursePlanId),
+        ...obj,
+      }).then((res) => {
+        console.log(res);
+        if (res.data.code === 200) {
+          state.viewpowervisible = false;
+          getTableDate2();
+        }
+      });
+    };
+
+    const getdateToDateFn = (val) => {
+      return getdateToDate(val * 1000);
+    };
+    const getdateToTimeFn = (val) => {
+      return getdateToTime(val * 1000);
+    };
+
+    //提交审核
+    const reviewClick = () => {
+      console.log("ft_eidt", state.ft_eidt);
+      handlePush("review");
+      /*
+      if (state.ft_eidt) {
+        //编辑面授课
+        submitReview();
+      }
+      if (!state.ft_eidt) {
+        //shouke
+        handlePush("review");
+      }
+      */
+    };
+    const submitReview = (id) => {
+      state.addLoading = true;
+
+      if (id == "") {
+        return message.error("请先完成保存");
+      }
+      let obj = {
+        offcourseId: id ? id : state.offcourseId,
+        type: 1,
+      };
+      console.log("提交审核参数", obj);
+      handle(obj).then((res) => {
+        console.log("提交审核成功", res.data);
+        if (res.data.code === 200) {
+          ft_exit_1();
+          rest();
+          getTableDate();
+          state.addLoading = false;
+        }
+      });
+    };
+
+    //授权
+    //权限名单
+    const showPrower = (record) => {
+      // console.log("record", record);
+      state.selectCourseId = record.offcourseId;
+      state.corpowerlistvisible = true;
+    };
+    //归属权
+    const showOwnPrower = (record) => {
+      // console.log("record", record);
+      state.selectCourseId = record.offcourseId;
+      state.ownpowervisible = true;
+    };
+    //查看权
+    const showViewPrower = (record) => {
+      // console.log("record", record);
+      state.selectCourseId = record.offcourseId;
+      state.authClassify = 1;
+      state.viewpowervisible = true;
+    };
+    //管理权
+    const showManagePrower = (record) => {
+      // console.log("record", record);
+      console.log(22222222);
+      console.log(record);
+      state.selectCourseId = record.offcourseId;
+      state.shipType = 1;
+      state.authClassify = 2;
+      state.viewpowervisible = true;
+    };
+    //添加权限
+    watch(
+      () => state.addAuthList,
+      (res) => {
+        console.log("res", res, state.addAuthList);
+        if (state.authClassify === 1 || state.authClassify === 2) {
+          let obj = {
+            type: 3,
+            tag:
+              state.authClassify === 1
+                ? 3
+                : state.authClassify === 2
+                ? 4
+                : null,
+            opt: 3,
+            deptList: res[1],
+            groupList: res[2],
+            refId: state.selectCourseId,
+            pageNo: 20,
+            pageSize: 1,
+            studentList: res[0],
+            keyWord: "",
+          };
+          console.log("obj", obj);
+          api1
+            .optionAuthPerm(obj)
+            .then((res) => {
+              console.log("添加授权成功", res);
+              message.success("添加授权成功");
+            })
+            .catch((err) => {
+              console.log("添加授权失败", err);
+            });
+        }
+      }
+    );
+
+    //添加学员
+    watch(
+      () => state.addAuthList,
+      (res) => {
+        console.log("res", res, state.addStudentList);
+        if (state.authClassify === 3) {
+          let obj = {
+            deptList: res[1],
+            groupList: res[2],
+            offcourseId: state.offcourseId,
+            offcoursePlanId: state.offcoursePlanId, //开课id
+            studentList: res[0],
+          };
+          console.log("obj", obj);
+          api1
+            .addStudentCourse(obj)
+            .then((res) => {
+              console.log("添加学员成功", res);
+              message.success("添加学员成功");
+              getTableDate2();
+            })
+            .catch((err) => {
+              console.log("添加学员失败", err);
+            });
+        }
+      }
+    );
+
+    const closeOnlineCoursevisible = () => {
+      console.log("执行");
+      getTableDate();
+    };
+    return {
+      ...toRefs(state),
+      getdateToDateFn,
+      moment,
+      getdateToTimeFn,
+      handlePostSure,
+      handleDeleteKaike,
+      handleDel2,
+      handelEditStu,
+      handelGuan,
+      beforeUpload3,
+      handleSearchStu,
+      handleRestStu,
+      handelChangePage2,
+      handelChangePage22,
+      handelChangePage222,
+      handelChangePage3,
+      handleSearchTable,
+      handleRestTable,
+      handleSearchTable2,
+      handleSearchTable3,
+      handleGuan22,
+      handleStart,
+      handleCopyP,
+      handleCopy,
+      handleStop,
+      handleOpen,
+      handleEdit,
+      handleDelete,
+      columns1,
+      columns2,
+      columns4,
+      columns6,
+      columns7,
+      options1,
+      options2,
+      options3,
+      options4,
+      optionsUrl,
+      of_hShow,
+      of_exit1,
+      of_exit,
+      hideShow,
+      bs_hShow,
+      createft,
+      ft_exit,
+      ft_exit_1,
+      om_exit,
+      ckxq_hs,
+      ftsr_exit,
+      stm_exit,
+      ft_exit_see,
+      handleTagChange,
+      handleTagClose,
+      createkk,
+      handleCancelStu,
+      handleSureStu,
+      sm_exit,
+      clear_valueE1,
+      clear_valueE2,
+      clear_xjkkradioV1,
+      clear_xjkkradioV2,
+      clear_jyradioV1,
+      qr_exit,
+      rg_exit,
+      graduate_exit,
+      agreereject_exit,
+      delete_exit1,
+      handleRejectExit,
+      handleAgreeTrue,
+      handleJoin,
+      handleJie,
+      handleDeleteExit,
+      onSelectChange,
+      faceManageChange,
+      openMessage,
+      showStuAdd,
+
+      editorRef,
+      valueHtml,
+      mode: "simple", // 或 'simple'
+      toolbarConfig,
+      editorConfig,
+      handleCreated,
+      handelChangePage1,
+      handleSearch1,
+      handleRest1,
+      showAssessment,
+      removePG,
+      getCheckedAss,
+      beforeUpload,
+      beforeUpload2,
+      handleDel,
+      handlePush,
+      handleSucessStu,
+      handleRejectStu,
+      handleDeleteStu,
+      handlJoinStu,
+      handleOverStu,
+      onSelectChange7,
+      handleAllJion,
+      handleAllover,
+      handleAllSuc,
+      handleAllReject,
+      handleExportStu,
+      handleChangeTea1,
+      handelChangePageTea1,
+      handleChangeTea2,
+      handelChangePageTea2,
+      submitReview,
+      reviewClick,
+
+      showPrower,
+      showOwnPrower,
+      showViewPrower,
+      showManagePrower,
+
+      closeOnlineCoursevisible,
+      handlelookMs,
+      handleLook,
+    };
+  },
+});
+</script>
+<style lang="scss">
+.aeLoading {
+  z-index: 10000;
+}
+
+.courseManage {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+
+  .headerf {
+    .filter {
+      margin-left: 38px;
+      margin-right: 38px;
+      margin-top: 30px;
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: wrap;
+
+      .filterItems {
+        display: flex;
+        flex-wrap: wrap;
+
+        .fitems {
+          margin-right: 20px;
+          margin-bottom: 20px;
+        }
+      }
+    }
+
+    .btns {
+      display: flex;
+      margin-left: 38px;
+
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: rgba(64, 158, 255, 0);
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: rgba(64, 158, 255, 1);
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn1 {
+        .search {
+          width: 15px;
+          height: 17px;
+          background-image: url("../../assets/images/courseManage/search1.png");
+        }
+      }
+
+      .btn2 {
+        .search {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/reset1.png");
+        }
+      }
+
+      .btn3 {
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/coursewareManage/export.png");
+        }
+      }
+
+      .btn4 {
+        margin-right: 0px;
+
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add1.png");
+        }
+      }
+
+      .btn1:hover {
+        background: rgba(64, 158, 255, 1);
+
+        .search {
+          background-image: url("../../assets/images/courseManage/search0.png");
+        }
+
+        .btnText {
+          color: #ffffff;
+        }
+      }
+
+      .btn2:hover {
+        background: rgba(64, 158, 255, 1);
+
+        .search {
+          background-image: url("../../assets/images/courseManage/reset0.png");
+        }
+
+        .btnText {
+          color: #ffffff;
+        }
+      }
+
+      .btn3:hover {
+        background: rgba(64, 158, 255, 1);
+
+        .search {
+          background-image: url("../../assets/images/coursewareManage/export1.png");
+        }
+
+        .btnText {
+          color: #ffffff;
+        }
+      }
+
+      .btn4:hover {
+        background: rgba(64, 158, 255, 1);
+
+        .search {
+          background-image: url("../../assets/images/courseManage/add0.png");
+        }
+
+        .btnText {
+          color: #ffffff;
+        }
+      }
+    }
+  }
+
+  .tableBox {
+    margin: 20px 38px 30px;
+
+    .operation {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      color: #4ea6ff;
+
+      .nselect {
+        justify-content: center;
+        align-items: center;
+        display: flex;
+
+        .jc {
+          margin-left: 20px;
+          cursor: pointer;
+        }
+      }
+
+      .tableSelect {
+        // margin-right: 10px;
+        margin-left: -5px;
+        display: flex;
+        align-items: center;
+        justify-content: right;
+      }
+    }
+
+    .ynuse {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      .use {
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+.selectonlineface {
+  z-index: 999;
+  width: 679px;
+  background: #ffffff;
+  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+  position: absolute;
+  left: 50%;
+  top: -100%;
+  transform: translate(-50%, -50%);
+
+  .of_header {
+    position: absolute;
+    width: 100%;
+    height: 40px;
+    background: linear-gradient(
+      rgba(78, 166, 255, 0.2) 0%,
+      rgba(78, 166, 255, 0) 100%
+    );
+  }
+
+  .of_main {
+    width: 100%;
+    position: relative;
+
+    .ofm_header {
+      display: flex;
+      align-items: center;
+      padding-top: 20px;
+      padding-left: 26px;
+      font-size: 16px;
+
+      .add_icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/add1.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%;
+      }
+    }
+
+    .ofm_body {
+      width: 80%;
+      margin: 3px auto;
+
+      .ofmb_items {
+        display: flex;
+        align-items: center;
+        justify-content: end;
+        margin: 14px auto;
+
+        .signbox {
+          width: 110px;
+          display: flex;
+          justify-content: end;
+
+          .sign {
+            width: 10px;
+            height: 10px;
+            margin-top: -3px;
+            margin-right: 6px;
+            background-size: 100% 100%;
+          }
+        }
+
+        .b_input {
+          flex: 1;
+          position: relative;
+
+          .inp_num {
+            position: absolute;
+            right: 10px;
+            top: 10px;
+          }
+        }
+
+        .bc_box {
+          display: flex;
+          width: 440px;
+          flex: 1;
+
+          .bc_boxl,
+          .bc_boxr {
+            display: flex;
+            align-items: center;
+          }
+        }
+      }
+
+      .ol_checkbox {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-left: 6px;
+      }
+
+      .b_sub {
+        width: 440px;
+        margin-left: 110px;
+
+        .bs_header {
+          display: flex;
+          justify-content: space-between;
+
+          .b_right {
+            display: flex;
+          }
+        }
+      }
+
+      .bl_detail {
+        top: 24px;
+      }
+
+      .b_footer {
+        width: 100%;
+        margin-left: 212px;
+        margin-top: 25px;
+        margin-bottom: 20px;
+        display: flex;
+
+        .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;
+          }
+        }
+
+        .btn5 {
+          border: 1px solid rgba(64, 158, 255, 1);
+          color: #4ea6ff;
+        }
+
+        .btn6 {
+          background-color: #4ea6ff;
+          color: #ffffff;
+        }
+      }
+    }
+  }
+}
+
+.createschooltime {
+  z-index: 999;
+  width: 679px;
+  background: #ffffff;
+  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+  position: absolute;
+  left: 50%;
+  top: -100%;
+  transform: translate(-50%, -50%);
+
+  .cst_header {
+    position: absolute;
+    width: 100%;
+    height: 40px;
+    background: linear-gradient(
+      rgba(78, 166, 255, 0.2) 0%,
+      rgba(78, 166, 255, 0) 100%
+    );
+  }
+
+  .cst_main {
+    width: 100%;
+    max-height: 600px;
+    overflow-y: auto;
+    position: relative;
+
+    .cstm_header {
+      display: flex;
+      align-items: center;
+      padding-top: 20px;
+      padding-left: 26px;
+      font-size: 16px;
+
+      .add_icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/add1.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%;
+      }
+    }
+
+    .cstm_title {
+      margin: 10px auto 20px 51px;
+      font-weight: bold;
+    }
+
+    .cstm_items {
+      display: flex;
+      width: 80%;
+      margin: auto;
+      align-items: center;
+      margin-bottom: 23px;
+
+      .signbox {
+        display: flex;
+        justify-content: end;
+        width: 100px;
+        margin-right: 6px;
+
+        .sign {
+          margin-top: -5px;
+          margin-right: 4px;
+        }
+      }
+
+      .b_input {
+        flex: 1;
+        position: relative;
+
+        .upload_box {
+          display: flex;
+          cursor: pointer;
+
+          .upload_icon {
+            width: 16px;
+            height: 16px;
+            margin-right: 5px;
+          }
+        }
+
+        .inp_num {
+          position: absolute;
+          top: 9px;
+          right: 10px;
+        }
+      }
+    }
+
+    .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;
+
+        .file_img {
+          width: 27px;
+          height: 32px;
+          background-image: url(@/assets/images/coursewareManage/imgs.png);
+          margin-right: 22px;
+
+          img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+
+        .file_detail {
+          width: 250px;
+          margin-right: 21px;
+
+          .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;
+
+              .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;
+              }
+
+              .updatacolor3 {
+                position: absolute;
+                left: 0;
+                width: 60%;
+                height: 5px;
+                background-color: #388be1;
+                border-radius: 3px;
+              }
+
+              .updataxq {
+                position: absolute;
+                right: 2px;
+                top: -30px;
+                color: #57c887;
+              }
+
+              .updataxq2 {
+                position: absolute;
+                right: 2px;
+                top: -30px;
+                color: #ff7474;
+              }
+
+              .updataxq3 {
+                position: absolute;
+                right: 2px;
+                top: -30px;
+                color: #388be1;
+              }
+            }
+          }
+        }
+
+        .file_operation {
+          display: flex;
+
+          .fobox {
+            margin-right: 5px;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+
+    .items_fj {
+      margin-bottom: 1px;
+    }
+
+    .items_btn {
+      display: flex;
+      justify-content: center;
+      margin-top: 20px;
+      margin-bottom: 20px;
+
+      .cstm_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;
+        }
+      }
+
+      .btn5 {
+        border: 1px solid rgba(64, 158, 255, 1);
+        color: #4ea6ff;
+      }
+
+      .btn6 {
+        background-color: #4ea6ff;
+        color: #ffffff;
+      }
+    }
+  }
+}
+
+.QRModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 479px !important;
+
+      .ant-modal-body {
+        .QR {
+          z-index: 9999;
+          width: 520px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+
+          .qr_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+
+          .qr_main {
+            width: 100%;
+            position: relative;
+
+            .qrm_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .qr_icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.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%;
+              }
+            }
+
+            .qrm_body {
+              width: 100%;
+              margin-top: 22px;
+              margin-bottom: 32px;
+
+              .QR_img {
+                width: 176px;
+                height: 176px;
+                margin: 1px auto;
+                background-image: url(@/assets/images/taskpage/QR.png);
+                background-size: 100% 100%;
+              }
+            }
+
+            .qrm_footer {
+              display: flex;
+              align-items: center;
+              margin-bottom: 44px;
+
+              .qrmbtn {
+                width: 80px;
+                height: 32px;
+                display: flex;
+                line-height: 32px;
+                justify-content: center;
+                border-radius: 4px;
+                border: 1px solid #387df7;
+                margin-left: 16px;
+                cursor: pointer;
+
+                .btntext {
+                  color: #387df7;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.recgradeModal {
+  .ant-modal {
+    .ant-modal-content {
+      // width:679px !important;
+      .ant-modal-body {
+        .recordgrade {
+          z-index: 9999;
+          width: 679px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+
+          .rg_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+
+          .rg_main {
+            width: 100%;
+            position: relative;
+
+            .rgm_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .rg_icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/grade.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%;
+              }
+            }
+
+            .rgm_body {
+              width: 100%;
+
+              .rgmb_items {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                width: 80%;
+                margin: 21px auto 10px auto;
+
+                .items_left {
+                  display: flex;
+                  margin-right: 14px;
+
+                  .sign {
+                    margin-right: 7px;
+                  }
+                }
+              }
+            }
+
+            .qrm_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+
+              .qrm_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;
+                }
+              }
+
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.graModal {
+  .ant-modal {
+    .ant-modal-content {
+      // width:679px !important;
+      .ant-modal-body {
+        .graduate {
+          z-index: 9999;
+          width: 679px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+
+          .gra_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+
+          .gra_main {
+            width: 100%;
+            position: relative;
+
+            .gram_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .gra_icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/graduate.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%;
+              }
+            }
+
+            .gram_body {
+              width: 100%;
+
+              .gramb_items {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                width: 80%;
+                margin: 21px auto 10px auto;
+
+                .items_left {
+                  display: flex;
+                  margin-right: 14px;
+
+                  .sign {
+                    margin-right: 7px;
+                  }
+                }
+              }
+
+              .gramb_input {
+                .bc_box {
+                  display: flex;
+                }
+              }
+            }
+
+            .qrm_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+
+              .qrm_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;
+                }
+              }
+
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.agrstudyModal {
+  .ant-modal {
+    width: 429px !important;
+    height: 258px !important;
+
+    .ant-modal-content {
+      width: 429px !important;
+      height: 258px !important;
+
+      .ant-modal-body {
+        width: 429px !important;
+        height: 258px !important;
+        padding: 0px !important;
+
+        .agreestudy {
+          z-index: 9999;
+          width: 429px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+
+          .agree_header {
+            position: absolute;
+            width: 100%;
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+
+          .agree_main {
+            width: 100%;
+            position: relative;
+
+            .agreem_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .agreem_icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/notice.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%;
+              }
+            }
+
+            .agreem_body {
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              width: 100%;
+              margin: 45px auto 62px auto;
+            }
+
+            .qrm_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+
+              .qrm_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;
+
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
+
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.onlmanageModal {
+  .ant-modal {
+    .ant-modal-content {
+      // 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;
+
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+
+        .onlinemanage {
+          display: none;
+          min-width: 1000px;
+          background: #ffffff;
+
+          .om_main {
+            width: 100%;
+
+            .om_body {
+              margin-right: 50px;
+
+              .b_title {
+                color: #4f5156;
+                font-weight: 500;
+                margin-bottom: 19px;
+              }
+
+              .b_sub {
+                display: flex;
+                margin-bottom: 10px;
+
+                .bs_type {
+                  color: #999ba3;
+                }
+
+                .bs_left {
+                  color: #999ba3;
+                  margin-left: 35px;
+                }
+
+                .bs_right {
+                  color: #4f5156;
+                }
+              }
+
+              .b_menu {
+                width: calc(100%);
+              }
+
+              .b_menunav {
+                display: flex;
+                margin-top: 20px;
+                margin-bottom: 20px;
+
+                .bm_select {
+                  margin-right: 20px;
+                }
+
+                .bm_input {
+                  margin-right: 20px;
+                }
+
+                .bm_btn {
+                  display: flex;
+                  cursor: pointer;
+
+                  .btn {
+                    padding: 0px 26px 0px 26px;
+                    height: 40px;
+                    background: rgba(64, 158, 255, 0);
+                    border-radius: 8px;
+                    border: 1px solid rgba(64, 158, 255, 1);
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    margin-right: 14px;
+                    flex-shrink: 0;
+
+                    .search {
+                      background-size: 100%;
+                    }
+
+                    .btnText {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: rgba(64, 158, 255, 1);
+                      line-height: 36px;
+                      margin-left: 5px;
+                    }
+                  }
+
+                  .btn1 {
+                    .search {
+                      width: 15px;
+                      height: 17px;
+                      background-image: url("@/assets/images/coursewareManage/search1.png");
+                    }
+                  }
+
+                  .btn1:hover {
+                    background: rgba(64, 158, 255, 1);
+
+                    .search {
+                      background-image: url("@/assets/images/coursewareManage/search0.png");
+                    }
+
+                    .btnText {
+                      color: #ffffff;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.facteachModal {
+  .ant-modal {
+    .ant-modal-content {
+      // 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;
+
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+
+        .modalMain {
+          .m_title {
+            margin-bottom: 20px;
+          }
+
+          .m_body {
+            display: flex;
+            flex-wrap: wrap;
+
+            .mb_left {
+              width: 50%;
+
+              .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;
+
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
+
+                .item_inp {
+                  flex: 1;
+                  position: relative;
+
+                  .inp_num {
+                    position: absolute;
+                    left: 398px;
+                    top: 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;
+
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
+
+                .item_inp {
+                  flex: 1;
+
+                  .i_upload_img {
+                    margin-top: 10px;
+                    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;
+
+                    .addimg {
+                      position: relative;
+
+                      .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;
+                      }
+                    }
+                  }
+                }
+              }
+
+              .i2_cz {
+                width: 440px;
+                margin-left: 100px;
+
+                .i2_top {
+                  display: flex;
+                  justify-content: space-between;
+                }
+              }
+
+              .i8_bottom {
+                display: flex;
+                width: 440px;
+                margin-left: 100px;
+              }
+            }
+
+            .mb_right {
+              width: 50%;
+
+              .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;
+
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-top: -15px;
+                    margin-right: 5px;
+                  }
+                }
+
+                .item_inp {
+                  flex: 1;
+                }
+
+                .accessory {
+                  display: flex;
+                  align-items: center;
+
+                  .accessory_icon {
+                    width: 16px;
+                    height: 16px;
+                    margin-top: -8px;
+                    margin-right: 5px;
+                  }
+                }
+              }
+
+              .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;
+
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
+
+                .item_inp {
+                  flex: 1;
+                  position: relative;
+
+                  .inp_num {
+                    position: absolute;
+                    left: 395px;
+                    bottom: 10px;
+                  }
+                }
+              }
+
+              .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;
+
+                  .file_img {
+                    width: 27px;
+                    height: 32px;
+                    background-image: url(@/assets/images/coursewareManage/imgs.png);
+                    margin-right: 22px;
+
+                    img {
+                      width: 100%;
+                      height: 100%;
+                    }
+                  }
+
+                  .file_detail {
+                    width: 250px;
+                    margin-right: 21px;
+
+                    .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;
+
+                        .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;
+                        }
+
+                        .updatacolor3 {
+                          position: absolute;
+                          left: 0;
+                          width: 60%;
+                          height: 5px;
+                          background-color: #388be1;
+                          border-radius: 3px;
+                        }
+
+                        .updataxq {
+                          position: absolute;
+                          right: 2px;
+                          top: -30px;
+                          color: #57c887;
+                        }
+
+                        .updataxq2 {
+                          position: absolute;
+                          right: 2px;
+                          top: -30px;
+                          color: #ff7474;
+                        }
+
+                        .updataxq3 {
+                          position: absolute;
+                          right: 2px;
+                          top: -30px;
+                          color: #388be1;
+                        }
+                      }
+                    }
+                  }
+
+                  .file_operation {
+                    display: flex;
+
+                    .fobox {
+                      margin-right: 5px;
+                      cursor: pointer;
+                    }
+                  }
+                }
+              }
+            }
+          }
+
+          .m_footer {
+            display: flex;
+            margin: 20px 0;
+
+            .fotnam {
+              width: 100px;
+              display: flex;
+              justify-content: end;
+              padding-right: 15px;
+            }
+
+            .fotarea {
+              width: calc(100% - 150px);
+              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;
+              }
+            }
+          }
+
+          .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;
+
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 40px;
+              }
+            }
+
+            .btn5 {
+              border: 1px solid rgba(64, 158, 255, 1);
+              color: #4ea6ff;
+            }
+
+            .btn6 {
+              background-color: #4ea6ff;
+              color: #ffffff;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.givpowerModal {
+  .ant-modal {
+    .ant-modal-content {
+      // 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;
+
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+
+        .givepower {
+          min-width: 1000px;
+          background: #ffffff;
+
+          .gp_main {
+            width: 100%;
+            position: relative;
+
+            .gpm_inputbtn {
+              width: 90%;
+              margin: 20px auto;
+              display: flex;
+
+              .gpm_btn {
+                width: 100px;
+                height: 40px;
+                margin-right: 14px;
+                background: #ffffff;
+                border: 1px solid #4ea6ff;
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  color: #4ea6ff;
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+
+              .btn1 {
+                .search {
+                  width: 15px;
+                  height: 17px;
+                  margin-right: 6px;
+                  background-image: url("../../assets/images/courseManage/search1.png");
+                }
+              }
+
+              .btn2 {
+                .reset {
+                  width: 16px;
+                  height: 18px;
+                  margin-right: 6px;
+                  background-image: url("../../assets/images/courseManage/reset1.png");
+                }
+              }
+
+              .btn1:hover {
+                background: #4ea6ff;
+
+                .search {
+                  background-image: url("@/assets/images/coursewareManage/search0.png");
+                }
+
+                .btnText {
+                  color: #ffffff;
+                }
+              }
+
+              .btn2:hover {
+                background: #4ea6ff;
+
+                .reset {
+                  background-image: url("@/assets/images/coursewareManage/reset0.png");
+                }
+
+                .btnText {
+                  color: #ffffff;
+                }
+              }
+            }
+
+            .gpm_notice {
+              display: flex;
+              background: rgba(78, 166, 255, 0.25);
+              border: 1px solid #4ea6ff;
+              width: 90%;
+              height: 62px;
+              margin: 20px auto;
+              align-items: center;
+              line-height: 64px;
+
+              .th_icon {
+                width: 16px;
+                height: 16px;
+                background-image: url(@/assets/images/coursewareManage/gan.png);
+                background-size: 100% 100%;
+                margin: auto 13px auto 37px;
+              }
+
+              .textarea {
+                margin-right: 33px;
+              }
+            }
+
+            .gpm_table {
+              width: 90%;
+              margin: 30px auto;
+              border: 1px solid #f0f4fe;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.schtimeModal {
+  .ant-modal {
+    .ant-modal-content {
+      // 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;
+
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+
+        .schooltime {
+          min-width: 1000px;
+          background: #ffffff;
+
+          .st_main {
+            width: 100%;
+
+            .stm_inputbtn {
+              display: flex;
+              width: 90%;
+              margin: 20px auto;
+
+              .stm_btn {
+                width: 100px;
+                height: 40px;
+                margin-right: 14px;
+                background: #ffffff;
+                border: 1px solid #4ea6ff;
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  color: #4ea6ff;
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+
+              .btn1 {
+                .search {
+                  width: 15px;
+                  height: 17px;
+                  margin-right: 6px;
+                  background-image: url("@/assets/images/coursewareManage/search1.png");
+                }
+              }
+
+              .btn2 {
+                .reset {
+                  width: 16px;
+                  height: 18px;
+                  margin-right: 6px;
+                  background-image: url("@/assets/images/coursewareManage/reset1.png");
+                }
+              }
+
+              .btn1:hover {
+                background: #4ea6ff;
+
+                .search {
+                  background-image: url("@/assets/images/coursewareManage/search0.png");
+                }
+
+                .btnText {
+                  color: #ffffff;
+                }
+              }
+
+              .btn2:hover {
+                background: #4ea6ff;
+
+                .reset {
+                  background-image: url("@/assets/images/coursewareManage/reset0.png");
+                }
+
+                .btnText {
+                  color: #ffffff;
+                }
+              }
+            }
+
+            .stm_btn3 {
+              width: 130px;
+              height: 40px;
+              border: 1px solid #4ea6ff;
+              background-color: #4ea6ff;
+              border-radius: 8px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              flex-shrink: 0;
+              cursor: pointer;
+
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 40px;
+              }
+
+              .btn3 {
+                .add {
+                  width: 17px;
+                  height: 18px;
+                  background-image: url("@/assets/images/coursewareManage/add0.png");
+                  background-size: 100% 100%;
+                  margin-right: 6px;
+                }
+              }
+            }
+
+            .notable {
+              width: 100%;
+              height: 100%;
+
+              .notablebox {
+                width: 412px;
+                height: 212px;
+                background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
+                border-radius: 10px;
+                display: flex;
+                justify-content: center;
+                text-align: center;
+                margin: 77px auto 109px auto;
+                position: relative;
+
+                .smallleft {
+                  position: absolute;
+                  top: 18px;
+                  left: 0px;
+                  width: 8px;
+                  height: 21px;
+                  border-radius: 0px 4px 4px 0px;
+                  background-color: #ffb64e;
+                }
+
+                .smallright {
+                  position: absolute;
+                  bottom: 18px;
+                  right: 0px;
+                  width: 8px;
+                  height: 21px;
+                  border-radius: 4px 0px 0px 4px;
+                  background-color: #ffb64e;
+                }
+
+                .boxbody {
+                  .boximg {
+                    width: 72px;
+                    height: 72px;
+                    margin: 32px auto 20px auto;
+                    background-image: url(@/assets/images/coursewareManage/nostate.png);
+                    background-size: 100% 100%;
+                  }
+
+                  .boxtitle {
+                    margin-bottom: 4px;
+                  }
+                }
+              }
+            }
+
+            .stm_table {
+              position: relative;
+              padding-bottom: 80px;
+
+              .classify {
+                margin-left: 10px !important;
+                padding-left: 9px !important;
+              }
+
+              .ant-checkbox-wrapper {
+                align-items: center;
+                margin-top: -2px;
+              }
+
+              .ant-table-selection-column {
+                padding: 0px !important;
+                padding-left: 60px !important;
+              }
+
+              .ant-table-thead > tr > th {
+                background-color: rgba(239, 244, 252, 1);
+              }
+
+              th.h {
+                background-color: #eff4fc !important;
+              }
+
+              .ant-table-tbody
+                > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+                > td {
+                background: #f6f9fd;
+              }
+
+              .operation {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                color: #4ea6ff;
+
+                .nselect {
+                  justify-content: center;
+                  align-items: center;
+                  display: flex;
+
+                  .jc {
+                    margin-left: 20px;
+                    cursor: pointer;
+                  }
+                }
+
+                .tableSelect {
+                  // margin-right: 10px;
+                  margin-left: -5px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: right;
+                }
+              }
+
+              .tableBox {
+                .pa {
+                  left: 0;
+                  width: 100%;
+                  // height: 20px;
+                  // background-color: red;
+                  display: flex;
+                  justify-content: center;
+                  position: absolute;
+                  bottom: 20px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.stusmanageModal {
+  .ant-modal {
+    .ant-modal-content {
+      // 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;
+
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+
+        .studentsmanage {
+          min-width: 1000px;
+          background: #ffffff;
+
+          .stm_main {
+            width: 100%;
+
+            .stmmitems {
+              margin: auto 49px;
+
+              .stmm_i1,
+              .stmm_i2,
+              .stmm_i3,
+              .stmm_i4 {
+                margin: 19px 0;
+              }
+
+              .stmm_i5 {
+                display: flex;
+                justify-content: space-between;
+
+                .i5_left {
+                  display: flex;
+
+                  .stmm_btn {
+                    width: 100px;
+                    height: 40px;
+                    margin-right: 14px;
+                    background: #ffffff;
+                    border: 1px solid #4ea6ff;
+                    border-radius: 8px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    flex-shrink: 0;
+                    cursor: pointer;
+
+                    .btnText {
+                      color: #4ea6ff;
+                      font-size: 14px;
+                      font-weight: 400;
+                      line-height: 40px;
+                    }
+                  }
+
+                  .btn1 {
+                    .search {
+                      width: 15px;
+                      height: 17px;
+                      margin-right: 6px;
+                      background-image: url("../../assets/images/courseManage/search1.png");
+                    }
+                  }
+
+                  .btn2 {
+                    .reset {
+                      width: 16px;
+                      height: 18px;
+                      margin-right: 6px;
+                      background-image: url("../../assets/images/courseManage/reset1.png");
+                    }
+                  }
+
+                  .btn1:hover {
+                    background: rgba(64, 158, 255, 1);
+
+                    .search {
+                      background-image: url("../../assets/images/courseManage/search0.png");
+                    }
+
+                    .btnText {
+                      color: #ffffff;
+                    }
+                  }
+
+                  .btn2:hover {
+                    background: rgba(64, 158, 255, 1);
+
+                    .reset {
+                      background-image: url("../../assets/images/courseManage/reset0.png");
+                    }
+
+                    .btnText {
+                      color: #ffffff;
+                    }
+                  }
+                }
+
+                .i5_right {
+                  display: flex;
+
+                  .stmm_btn {
+                    width: 100px;
+                    height: 40px;
+                    // <!-- 2022-11-30注释 后面放开 -->
+                    // margin-right: 14px;
+                    background: #ffffff;
+                    border: 1px solid #4ea6ff;
+                    border-radius: 8px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    flex-shrink: 0;
+                    cursor: pointer;
+
+                    .btnText {
+                      color: #4ea6ff;
+                      font-size: 14px;
+                      font-weight: 400;
+                      line-height: 40px;
+                    }
+                  }
+
+                  .btn3 {
+                    background-color: #4ea6ff;
+                  }
+
+                  .btn4 {
+                    display: flex;
+                    width: 130px;
+                    flex-direction: column;
+                    position: relative;
+
+                    .btn4_sub {
+                      display: flex;
+                      justify-content: center;
+                      align-items: center;
+
+                      .b_zk {
+                        width: 10px;
+                        height: 8px;
+                        background-image: url("@/assets/images/coursewareManage/down.png");
+                        background-size: 100% 100%;
+                      }
+
+                      .b_sq {
+                        width: 10px;
+                        height: 8px;
+                        background-image: url("@/assets/images/coursewareManage/up.png");
+                        background-size: 100% 100%;
+                      }
+                    }
+
+                    .btn4_sup {
+                      width: 100%;
+                      background-color: #ffffff;
+                      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+                      position: absolute;
+                      top: 40px;
+                      z-index: 999;
+
+                      .btnsbox {
+                        display: flex;
+                        flex-direction: column;
+                        justify-content: center;
+                        align-items: center;
+
+                        .btn4_tit {
+                          margin: 10px auto;
+                          white-space: nowrap;
+                        }
+
+                        .btn4_op1,
+                        .btn4_op2,
+                        .btn4_op3 {
+                          margin-bottom: 10px;
+                          white-space: nowrap;
+                        }
+                      }
+                    }
+                  }
+
+                  .btn5 {
+                    margin-right: 0px;
+
+                    .export {
+                      width: 17px;
+                      height: 18px;
+                      margin-right: 5px;
+                      background-image: url("@/assets/images/coursewareManage/export.png");
+                    }
+                  }
+
+                  .btn5:hover {
+                    background: #4ea6ff;
+
+                    .export {
+                      background-image: url("@/assets/images/coursewareManage/export1.png");
+                    }
+
+                    .btnText {
+                      color: #ffffff;
+                    }
+                  }
+                }
+              }
+
+              .stmm_i6 {
+                position: relative;
+                padding-top: 15px;
+                padding-bottom: 80px;
+
+                .classify {
+                  margin-left: 10px !important;
+                  padding-left: 9px !important;
+                }
+
+                .ant-checkbox-wrapper {
+                  align-items: center;
+                  margin-top: -2px;
+                }
+
+                .ant-table-selection-column {
+                  padding: 0px !important;
+                  padding-left: 60px !important;
+                }
+
+                .ant-table-thead > tr > th {
+                  background-color: rgba(239, 244, 252, 1);
+                }
+
+                th.h {
+                  background-color: #eff4fc !important;
+                }
+
+                .ant-table-tbody
+                  > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+                  > td {
+                  background: #f6f9fd;
+                }
+
+                .operation,
+                .nselect {
+                  display: flex;
+                  justify-content: center;
+                  color: #4ea6ff;
+                  font-size: 14px;
+
+                  .ops1,
+                  .ops2 {
+                    margin-right: 10px;
+                    cursor: pointer;
+                  }
+                }
+
+                .tableBox {
+                  .pa {
+                    left: 0;
+                    width: 100%;
+                    // height: 20px;
+                    // background-color: red;
+                    display: flex;
+                    justify-content: center;
+                    position: absolute;
+                    bottom: 20px;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.tag-content {
+  .ant-tag {
+    margin-top: 10px;
+  }
+}
+
+.coursewareDetail {
+  .ant-modal {
+    height: 320px;
+    margin-top: 100px;
+
+    .ant-modal-content {
+      // 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;
+
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+
+        .modalMain {
+          .ftsturecord {
+            min-width: 1000px;
+            background: #ffffff;
+
+            .ftsr_main {
+              width: 100%;
+
+              .ftsr_table {
+                width: 90%;
+                margin: 30px auto;
+                border: 1px solid #f0f4fe;
+              }
+
+              .ftsr_btn {
+                width: 100px;
+                height: 40px;
+                background: #ffffff;
+                border: 1px solid #4ea6ff;
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin: 30px auto;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  color: #4ea6ff;
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// 选择评估
+.main_item {
+  display: flex;
+  align-items: center;
+  margin-top: 32px;
+  margin-bottom: 32px;
+
+  .signbox {
+    width: 120px;
+    display: flex;
+    justify-content: end;
+    align-items: center;
+
+    .sign {
+      margin-right: 5px;
+    }
+  }
+
+  .btnbox {
+    display: flex;
+    flex: 1;
+    align-items: center;
+
+    .xkbtn {
+      cursor: pointer;
+      width: 130px;
+      height: 40px;
+      background: #388be1;
+      border-radius: 8px;
+      border: 0;
+      margin-right: 8px;
+      color: #fff;
+    }
+  }
+}
+
+.DelModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
+
+      .ant-modal-body {
+        .delete {
+          width: 424px;
+          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: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+
+          .del_main {
+            width: 100%;
+            position: relative;
+
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .del-icons {
+                width: 16px;
+                height: 16px;
+                position: relative;
+                margin-right: 10px;
+
+                img {
+                  width: 100%;
+                  height: 100%;
+                  position: absolute;
+                  top: 0px;
+                  left: 0px;
+                  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;
+            }
+
+            .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;
+                margin-right: 14px;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.disabled {
+  a {
+    color: #999ba3;
+    cursor: not-allowed;
+  }
+}
+
+.pa {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  margin-bottom: 20px;
+
+  .pagination {
+    margin-bottom: 20px;
+  }
+
+  .ant-pagination-item-link,
+  .ant-pagination-item,
+  .ant-select-selector,
+  .ant-pagination-options-quick-jumper input {
+    border-radius: 8px;
+  }
+}
+
+.ant-select-selector {
+  height: 100%;
+  border-radius: 8px;
+}
+
+.ant-upload.ant-upload-select-picture-card {
+  border: none;
+}
+
+.statusJuJue {
+  margin-bottom: 20px;
+}
+
+// .tableSelect {
+//   position: relative;
+//   .hoverList {
+//     display: none;
+//   }
+//   &:hover {
+//     .hoverList {
+//       display: block;
+//       position: absolute;
+//       top: 20px;
+//       left: -20px;
+//       background: #fff;
+//       box-sizing: border-box;
+//       // padding: 20px;
+//       color: #000000;
+//     }
+//   }
+// }
+
+// ::v-deep .w-e-toolbar {
+//   .w-e-bar-item {
+//     &:nth-child(23) {
+//       display: none !important;
+//     }
+//   }
+// }
+</style>
diff --git a/src/views/courselibrary/courseModal.vue b/src/views/courselibrary/courseModal.vue
index f6cb0dd5..18a4ff18 100644
--- a/src/views/courselibrary/courseModal.vue
+++ b/src/views/courselibrary/courseModal.vue
@@ -1,394 +1,125 @@
-<!-- 课件管理页面 -->
+<!-- 确定新建面授课弹窗 -->
 <template>
-  <div class="courseManage">
-    <div class="headerf">
-      <!-- 搜索框及按钮 -->
-      <div class="filter">
-        <div class="filterItems">
-          <div class="fi_input fitems">
-            <a-input
-              v-model:value="createName"
-              style="width: 270px; height: 40px; border-radius: 8px"
-              placeholder="请输入创建人"
-            />
-          </div>
-          <div class="fi_input fitems">
-            <a-input
-              v-model:value="name"
-              style="width: 270px; height: 40px; border-radius: 8px"
-              placeholder="请输入名称"
-            />
-          </div>
-          <div class="fi_input fitems">
-            <a-input
-              v-model:value="projectName"
-              style="width: 270px; height: 40px; border-radius: 8px"
-              placeholder="请输入所属项目"
-            />
-          </div>
-          <div class="select fitems">
-            <a-select
-              v-model:value="auditStatus"
-              dropdownClassName="dropdown-style"
-              style="width: 200px"
-              placeholder="请选择状态"
-              :options="options1"
-              allowClear
-              showSearch
-            >
-            </a-select>
-          </div>
-          <div class="select fitems">
-            <a-select
-              v-model:value="categoryId"
-              dropdownClassName="dropdown-style"
-              style="width: 200px"
-              placeholder="请选择内容分类"
-              :options="options2"
-              allowClear
-              showSearch
-            ></a-select>
-          </div>
-          <div class="select fitems">
-            <a-range-picker
-              v-model:value="projectTime"
-              :show-time="{
-                defaultValue: [
-                  moment('00:00:00', 'HH:mm:ss'),
-                  moment('23:59:59', 'HH:mm:ss'),
-                ],
-              }"
-              valueFormat="X"
-              separator="至"
-              :placeholder="['        开始时间', '        结束时间']"
-            />
-          </div>
-        </div>
-      </div>
-      <div class="btns">
-        <div class="btn btn1" @click="handleSearch1">
-          <div class="search"></div>
-          <div class="btnText">搜索</div>
-        </div>
-        <div class="btn btn2" @click="handleRest1">
-          <div class="search"></div>
-          <div class="btnText">重置</div>
-        </div>
-        <!-- 2022-11-30注释 后面放开 -->
-        <!-- <div class="btn btn3" @click="openMessage">
-          <div class="search"></div>
-          <div class="btnText">导出</div>
-        </div> -->
-        <div class="btn btn4" @click="of_hShow">
-          <div class="search"></div>
-          <div class="btnText">新建课程</div>
-        </div>
-      </div>
-      <!-- 搜索框及按钮 -->
-    </div>
-    <!-- 选择线上还是面授课弹窗 -->
-    <a-modal
-      v-model:visible="of_hs"
-      :closable="closableQR"
-      wrapClassName="sofModal"
-      :footer="null"
-      style="margin-top: 400px"
-      @cancel="of_exit"
-    >
-      <div
-        class="selectonlineface"
-        :style="{ display: of_hs ? 'block' : 'none' }"
-      >
-        <div class="of_header"></div>
-        <div class="of_main">
-          <div class="ofm_header">
-            <div class="add_icon"></div>
-            <span>请选择课程类型</span>
-            <div class="close_exit" @click="of_exit"></div>
-          </div>
-          <div class="ofm_body">
-            <div class="ofmb_items">
-              <div class="signbox">
-                <div class="sign">
-                  <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                  />
-                </div>
-                <span style="margin-right: 3px">课程名称：</span>
-              </div>
-              <div class="b_input">
-                <a-input
-                  v-model:value="xzinputV1"
-                  maxlength="20"
-                  style="width: 440px; height: 40px; border-radius: 8px"
-                  placeholder="请输入课程名称"
-                />
-                <div class="inp_num">
-                  <span style="color: #c7cbd2">{{ xzinputV1.length }}/20</span>
-                </div>
-              </div>
-            </div>
-            <div class="b_sub">
-              <div class="bs_header">
-                <div class="b_left">
-                  <span style="color: #999ba3">课程命名规则</span>
-                </div>
-                <div class="b_right" @click="hideShow" style="cursor: pointer">
-                  <div
-                    class="b_zk"
-                    :style="{ display: hideshow ? 'block' : 'none' }"
-                  >
-                    <div class="zksqbox" style="display: flex">
-                      <span style="color: #4ea6ff; margin-right: 5px">
-                        收起
-                      </span>
-                      <div class="b_icon">
-                        <img
-                          src="@/assets/images/coursewareManage/up.png"
-                          alt=""
-                        />
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="b_sq"
-                    :style="{ display: hideshow ? 'none' : 'block' }"
-                  >
-                    <div class="zksqbox" style="display: flex">
-                      <span style="color: #4ea6ff; margin-right: 5px">
-                        展开
-                      </span>
-                      <div class="b_icon">
-                        <img
-                          src="@/assets/images/coursewareManage/down.png"
-                          alt=""
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="bl_detail"
-                :style="{ display: hideshow ? 'block' : 'none' }"
-              >
-                <span style="color: #999ba3">
-                  1、课程名称统一不加书名号。<br />
-                  2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
-                  之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
-                  看到的是课程内容主题。<br />
-                  3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
-                  版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
-                </span>
-              </div>
-            </div>
-            <div class="ofmb_items">
-              <div class="signbox">
-                <div class="sign">
-                  <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                  />
-                </div>
-                <span>授课形式</span>
-              </div>
-              <a-radio-group v-model:value="valueE1">
-                <div class="bc_box">
-                  <div class="bc_boxl">
-                    <div class="ol_checkbox">
-                      <a-radio
-                        v-model:checked="checked"
-                        :value="1"
-                        @click="bs_hShow"
-                      >
-                        线上
-                      </a-radio>
-                    </div>
-                  </div>
-                  <div class="bc_boxr">
-                    <div class="ol_checkbox">
-                      <a-radio
-                        v-model:checked="checked"
-                        :value="2"
-                        @click="clear_valueE1"
-                      >
-                        面授
-                      </a-radio>
-                    </div>
-                  </div>
-                </div>
-              </a-radio-group>
-            </div>
-            <div class="b_sup" :style="{ display: bs_hs ? 'block' : 'none' }">
-              <div class="ofmb_items">
-                <div class="signbox">
-                  <div class="sign">
-                    <img
-                      src="@/assets/images/coursewareManage/asterisk.png"
-                      alt=""
-                    />
-                  </div>
-                  <span>是否设置目录</span>
-                </div>
-                <a-radio-group v-model:value="valueE2">
-                  <div class="bc_box">
-                    <div class="ol_checkbox">
-                      <a-radio
-                        v-model:checked="checked"
-                        :value="3"
-                        @click="clear_valueE2"
-                      >
-                        是
-                      </a-radio>
-                    </div>
-                    <div class="ol_checkbox">
-                      <a-radio
-                        v-model:checked="checked"
-                        :value="4"
-                        @click="clear_valueE2"
-                      >
-                        否
-                      </a-radio>
-                    </div>
-                  </div>
-                </a-radio-group>
-              </div>
-            </div>
-            <div class="b_footer">
-              <div class="btn btn5" @click="of_exit1">
-                <div class="btnText">取消</div>
-              </div>
-              <div class="btn btn6" @click="createft">
-                <div class="btnText">确定</div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!-- 选择线上还是面授课弹窗 -->
-    <!-- 确定新建面授课弹窗 -->
-    <a-modal
+  <a-modal
       v-model:visible="ft_hs"
       title="Title"
-      @ok="handlePush"
       :footer="null"
       :closable="false"
       wrapClassName="modalStyle facteachModal"
       width="80%"
-      @cancel="ft_exit_1"
-    >
-      <div class="modalHeader">
-        <div class="headerLeft">
-          <img
+      @cancel="visibleClose"
+      @ok="handlePush"
+  >
+    <div class="modalHeader">
+      <div class="headerLeft">
+        <img
             style="width: 17px; height: 18px; margin-right: 8px"
-            src="../../assets/images/basicinfo/add.png"
-          />
-          <span v-if="ft_eidt" class="headerLeftText">编辑面授课</span>
-          <span v-else class="headerLeftText">新建面授课</span>
-        </div>
-        <div style="margin-right: 57px; cursor: pointer">
-          <img
-            @click="ft_exit_1"
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
-          />
-        </div>
+            src="@/assets/images/basicinfo/add.png"
+        />
+        <span v-if="ft_eidt" class="headerLeftText">编辑面授课</span>
+        <span v-else class="headerLeftText">新建面授课</span>
       </div>
-      <div class="modalMain">
-        <!-- 审核理由 -->
-        <div v-if="statusJuJue" class="statusJuJue">
-          <span>审核意见：</span>
-          <span>111</span>
-        </div>
-        <div class="faceteach" :style="{ display: ft_hs ? 'block' : 'none' }">
-          <div class="ft_main">
-            <div class="m_title">课程信息</div>
-            <div class="m_body">
-              <div class="mb_left">
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
+      <div style="margin-right: 57px; cursor: pointer">
+        <img
+            @click="visibleClose"
+            style="width: 22px; height: 22px"
+            src="@/assets/images/basicinfo/close22.png"
+        />
+      </div>
+    </div>
+    <div class="modalMain">
+      <!-- 审核理由 -->
+      <div v-if="statusJuJue" class="statusJuJue">
+        <span>审核意见：</span>
+        <span>-</span>
+      </div>
+      <div class="faceteach" :style="{ display: ft_hs ? 'block' : 'none' }">
+        <div class="ft_main">
+          <div class="m_title">课程信息</div>
+          <div class="m_body">
+            <div class="mb_left">
+              <div class="mbl_items">
+                <div class="item_nam">
+                  <div class="asterisk_icon">
+                    <img
                         src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
-                      />
-                    </div>
-                    <span style="margin-right: 14px">课程名称</span>
+                        alt="asterisk"
+                    />
                   </div>
-                  <div class="item_inp">
-                    <div class="i1_input">
-                      <a-input
+                  <span style="margin-right: 14px">课程名称</span>
+                </div>
+                <div class="item_inp">
+                  <div class="i1_input">
+                    <a-input
                         v-model:value="qdms_inputV1"
                         maxlength="90"
                         style="width: 440px; height: 40px; border-radius: 8px"
                         placeholder="请输入课程名称"
-                      />
-                      <div class="inp_num">
-                        <span style="color: #c7cbd2">
-                          {{ qdms_inputV1.length }}/90
-                        </span>
-                      </div>
+                    />
+                    <div class="inp_num">
+                      <span style="color: #c7cbd2">
+                        {{ qdms_inputV1.length }}/90
+                      </span>
                     </div>
                   </div>
                 </div>
-                <div class="i2_cz">
-                  <div class="i2_top">
-                    <div class="i2_left">
-                      <span style="color: #999ba3">课程命名规则</span>
-                    </div>
-                    <div
+              </div>
+              <div class="i2_cz">
+                <div class="i2_top">
+                  <div class="i2_left">
+                    <span style="color: #999ba3">课程命名规则</span>
+                  </div>
+                  <div
                       class="i2_right"
                       @click="hideShow"
                       style="cursor: pointer"
-                    >
-                      <div
+                  >
+                    <div
                         class="b_zk"
                         :style="{ display: hideshow ? 'block' : 'none' }"
-                      >
-                        <span style="color: #4ea6ff">收起</span>
-                      </div>
-                      <div
+                    >
+                      <span style="color: #4ea6ff">收起</span>
+                    </div>
+                    <div
                         class="b_sq"
                         :style="{ display: hideshow ? 'none' : 'block' }"
-                      >
-                        <span style="color: #4ea6ff">展开</span>
-                      </div>
-                      <div class="b_icon"></div>
+                    >
+                      <span style="color: #4ea6ff">展开</span>
                     </div>
-                  </div>
-                  <div
-                    class="i2_detail"
-                    :style="{ display: hideshow ? 'block' : 'none' }"
-                  >
-                    <span style="color: #999ba3">
-                      1、课程名称统一不加书名号。<br />
-                      2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
-                      之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
-                      看到的是课程内容主题。<br />
-                      3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
-                      版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
-                    </span>
+                    <div class="b_icon"></div>
                   </div>
                 </div>
-                <div class="mbl_items2">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
+                <div
+                    class="i2_detail"
+                    :style="{ display: hideshow ? 'block' : 'none' }"
+                >
+                  <span style="color: #999ba3">
+                    1、课程名称统一不加书名号。<br/>
+                    2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
+                    之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
+                    看到的是课程内容主题。<br/>
+                    3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
+                    版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
+                  </span>
+                </div>
+              </div>
+              <div class="mbl_items2">
+                <div class="item_nam">
+                  <div class="asterisk_icon">
+                    <img
                         src="@/assets/images/coursewareManage/asterisk.png"
                         alt=""
-                      />
-                    </div>
-                    <span style="margin-right: 14px">封面图</span>
+                    />
                   </div>
-                  <div class="item_inp">
-                    <a-select
+                  <span style="margin-right: 14px">封面图</span>
+                </div>
+                <div class="item_inp">
+                  <a-select
                       :getPopupContainer="
-                        (triggerNode) => {
-                          return triggerNode.parentNode || document.body;
-                        }
-                      "
+                      (triggerNode) => {
+                        return triggerNode.parentNode || document.body;
+                      }
+                    "
                       v-model:value="feng_mian_1"
                       dropdownClassName="dropdown-style"
                       style="width: 440px"
@@ -396,106 +127,85 @@
                       :options="optionsUrl"
                       allowClear
                       showSearch
-                    ></a-select>
-                    <img
+                  />
+                  <img
                       class="i_upload_img"
                       v-if="feng_mian_1"
                       :src="feng_mian_1"
                       alt="avatar"
-                    />
-                    <!-- <a-upload
-                      name="avatar"
-                      list-type="picture-card"
-                      class="avatar-uploader"
-                      :show-upload-list="false"
-                      :before-upload="beforeUpload"
-                      disabled
-                    >
-                      <img
-                        class="i_upload_img"
-                        v-if="imageUrl"
-                        :src="imageUrl"
-                        alt="avatar"
-                      />
-                      <div class="i_upload" v-else>
-                        <div class="addimg">
-                          <div class="heng"></div>
-                          <div class="shu"></div>
-                        </div>
-                      </div>
-                    </a-upload> -->
-                    <div class="i_bottom">
-                      <span style="color: #999ba3">
-                        高宽比为16:9 (如:800*450) png或jpg图片
-                      </span>
-                    </div>
+                  />
+                  <div class="i_bottom">
+                    <span style="color: #999ba3">
+                      高宽比为16:9 (如:800*450) png或jpg图片
+                    </span>
                   </div>
                 </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
+              </div>
+              <div class="mbl_items">
+                <div class="item_nam">
+                  <div class="asterisk_icon">
+                    <img
                         style="width: 10px; height: 10px"
                         src="@/assets/images/coursewareManage/asterisk.png"
                         alt=""
-                      />
-                    </div>
-                    <span style="margin-right: 14px">目标人群</span>
+                    />
                   </div>
-                  <div class="item_inp">
-                    <div class="i1_input">
-                      <a-input
+                  <span style="margin-right: 14px">目标人群</span>
+                </div>
+                <div class="item_inp">
+                  <div class="i1_input">
+                    <a-input
                         v-model:value="qdms_inputV2"
                         maxlength="50"
                         style="width: 440px; height: 40px; border-radius: 8px"
                         placeholder="请输入目标人群"
-                      />
-                      <div class="inp_num">
-                        <span style="color: #c7cbd2">
-                          {{ qdms_inputV2.length }}/50
-                        </span>
-                      </div>
+                    />
+                    <div class="inp_num">
+                      <span style="color: #c7cbd2">
+                        {{ qdms_inputV2.length }}/50
+                      </span>
                     </div>
                   </div>
                 </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <span style="margin-right: 14px">课程价值</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="i1_input">
-                      <a-input
+              </div>
+              <div class="mbl_items">
+                <div class="item_nam">
+                  <span style="margin-right: 14px">课程价值</span>
+                </div>
+                <div class="item_inp">
+                  <div class="i1_input">
+                    <a-input
                         v-model:value="qdms_inputV3"
                         maxlength="200"
                         style="width: 440px; height: 40px; border-radius: 8px"
                         placeholder="请输入课程价值"
-                      />
-                      <div class="inp_num">
-                        <span style="color: #c7cbd2">
-                          {{ qdms_inputV3.length }}/200
-                        </span>
-                      </div>
+                    />
+                    <div class="inp_num">
+                      <span style="color: #c7cbd2">
+                        {{ qdms_inputV3.length }}/200
+                      </span>
                     </div>
                   </div>
                 </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
+              </div>
+              <div class="mbl_items">
+                <div class="item_nam">
+                  <div class="asterisk_icon">
+                    <img
                         src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
-                      />
-                    </div>
-                    <span style="margin-right: 14px">内容分类</span>
+                        alt="asterisk"
+                    />
                   </div>
-                  <div class="item_inp">
-                    <div class="select i6_input">
-                      <a-select
+                  <span style="margin-right: 14px">内容分类</span>
+                </div>
+                <div class="item_inp">
+                  <div class="select i6_input">
+                    <a-select
                         :getPopupContainer="
-                          (triggerNode) => {
-                            return triggerNode.parentNode || document.body;
-                          }
-                        "
+                        (triggerNode) => {
+                          return triggerNode.parentNode || document.body;
+                        }
+                      "
                         v-model:value="fen_lei"
                         dropdownClassName="dropdown-style"
                         style="width: 440px"
@@ -503,22 +213,22 @@
                         :options="options2"
                         allowClear
                         showSearch
-                      ></a-select>
-                    </div>
+                    />
                   </div>
                 </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <span style="margin-right: 14px">场景</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="select i7_input">
-                      <a-select
+              </div>
+              <div class="mbl_items">
+                <div class="item_nam">
+                  <span style="margin-right: 14px">场景</span>
+                </div>
+                <div class="item_inp">
+                  <div class="select i7_input">
+                    <a-select
                         :getPopupContainer="
-                          (triggerNode) => {
-                            return triggerNode.parentNode || document.body;
-                          }
-                        "
+                        (triggerNode) => {
+                          return triggerNode.parentNode || document.body;
+                        }
+                      "
                         v-model:value="chang_jin"
                         dropdownClassName="dropdown-style"
                         style="width: 440px"
@@ -526,2560 +236,122 @@
                         :options="options3"
                         allowClear
                         showSearch
-                      ></a-select>
-                    </div>
+                    />
                   </div>
                 </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <span style="margin-right: 14px">内容标签</span>
-                  </div>
-                  <div class="item_inp">
-                    <!-- <a-select
-                      :getPopupContainer="
-                        (triggerNode) => {
-                          return triggerNode.parentNode || document.body;
-                        }
-                      "
-                      v-model:value="tags_val"
-                      mode="tags"
-                      style="width: 440px; height: 40px"
-                      placeholder="请输入按回车键创建成功"
-                      :options="tagsOptions"
-                    ></a-select> -->
-                    <a-input
+              </div>
+              <div class="mbl_items">
+                <div class="item_nam">
+                  <span style="margin-right: 14px">内容标签</span>
+                </div>
+                <div class="item_inp">
+                  <a-input
                       v-model:value="tags_val_single"
+                      style="width: 440px; height: 40px; border-radius: 8px"
                       placeholder="请输入按回车键创建成功"
                       @pressEnter="handleTagChange"
-                    />
-                    <div class="tag-content">
-                      <a-tag
+                  />
+                  <div class="tag-content">
+                    <a-tag
                         v-for="(item, index) in tags_val"
                         :key="index"
                         closable
-                        @close="handleTagClose(index)"
-                      >
-                        {{ item }}
-                      </a-tag>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="mb_right">
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt="asterisk"
-                      />
-                    </div>
-                    <!-- 授课教师1 -->
-                    <span style="margin-right: 14px">授课教师</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="i1_input">
-                      <ProjectManager
-                        v-model:value="member.value"
-                        v-model:name="member.name"
-                      ></ProjectManager>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items2">
-                  <div class="item_nam">
-                    <span style="margin-right: 14px">课程简介</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="i10_textarea">
-                      <a-textarea
-                        v-model:value="qdms_inputV6"
-                        maxlength="150"
-                        style="width: 440px; height: 100px; border-radius: 8px"
-                        placeholder="请输入"
-                      />
-                      <div class="inp_num">
-                        <span style="color: #c7cbd2">
-                          {{ qdms_inputV6.length }}/150
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <span style="margin-right: 10px">附件</span>
-                  </div>
-                  <div class="item_inp">
-                    <a-upload
-                      multiple
-                      :show-upload-list="false"
-                      :before-upload="beforeUpload2"
+                        @close="handleTagClose(item)"
                     >
-                      <div class="accessory" style="cursor: pointer">
-                        <div class="accessory_icon">
-                          <img
-                            src="@/assets/images/coursewareManage/enclosure.png"
-                            alt="enclosure"
-                          />
-                        </div>
-                        <span style="color: #4ea6ff">添加附件</span>
-                      </div>
-                    </a-upload>
-                    <span>
-                      支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
-                    </span>
-                  </div>
-                </div>
-                <div class="mbl_items12">
-                  <div
-                    class="i12_box1"
-                    v-for="(item, index) in imgList"
-                    :key="index"
-                  >
-                    <div class="file_img"></div>
-                    <div class="file_detail">
-                      <!-- <div class="file_name">
-                        <span style="color: #6f6f6f">{{ item.name }}</span>
-                      </div> -->
-                      <!-- 条件渲染 s -->
-                      <!-- <div class="file_size">
-                        <span style="color: #999ba3">{{ item.size }}</span>
-                      </div> -->
-                      <div class="file_updata">
-                        <div class="updatabox">
-                          <div class="updatacolor"></div>
-                          <div class="updataxq">上传完成</div>
-                          <!-- <div class="updatacolor2"></div>
-                          <div class="updataxq2">上传失败</div> -->
-                          <!-- <div class="updatacolor3"></div>
-                          <div class="updataxq3">正在上传</div> -->
-                        </div>
-                        <div class="upjd">
-                          <span style="margin: auto 5px">100%</span>
-                        </div>
-                      </div>
-                      <!-- 条件渲染 e -->
-                    </div>
-                    <div class="file_operation">
-                      <div class="fobox">
-                        <span style="color: #4ea6ff" @click="handleDel(index)">
-                          删除
-                        </span>
-                      </div>
-                      <!-- <div class="fobox">
-                        <span style="color: #4ea6ff">重传</span>
-                      </div>
-                      <div class="fobox">
-                        <span style="color: #4ea6ff">取消</span>
-                      </div> -->
-                      <!-- <div class="fobox">
-                        <span style="color: #4ea6ff; margin-right: 5px">
-                          暂停
-                        </span>
-                      </div>
-                      <div class="fobox">
-                        <span style="color: #4ea6ff">取消</span>
-                      </div> -->
-                    </div>
+                      {{ item }}
+                    </a-tag>
                   </div>
                 </div>
               </div>
             </div>
-            <div class="m_footer">
-              <div class="fotnam">
-                <span>课程大纲</span>
+            <div class="mb_right">
+              <div class="mbl_items">
+                <div class="item_nam">
+                  <div class="asterisk_icon">
+                    <img
+                        src="@/assets/images/coursewareManage/asterisk.png"
+                        alt="asterisk"
+                    />
+                  </div>
+                  <!-- 授课教师1 -->
+                  <span style="margin-right: 14px">授课教师</span>
+                </div>
+                <div class="item_inp">
+                  <div class="i1_input">
+                    <ProjectManager
+                        v-model:value="member.value"
+                        v-model:name="member.name"
+                    />
+                  </div>
+                </div>
               </div>
-              <div class="fotarea">
-                <div style="border: 1px solid #ccc">
-                  <Toolbar
+              <div class="mbl_items2">
+                <div class="item_nam">
+                  <span style="margin-right: 14px">课程简介</span>
+                </div>
+                <div class="item_inp">
+                  <div class="i10_textarea">
+                    <a-textarea
+                        v-model:value="qdms_inputV6"
+                        maxlength="150"
+                        style="width: 440px; height: 100px; border-radius: 8px"
+                        placeholder="请输入"
+                    />
+                    <div class="inp_num">
+                      <span style="color: #c7cbd2">
+                        {{ qdms_inputV6.length }}/150
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="mbl_items">
+                <div class="item_nam">
+                  <span style="margin-right: 10px">附件</span>
+                </div>
+                <div class="item_inp">
+                  <FJUpload v-model:value="attach"></FJUpload>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="m_footer">
+            <div class="fotnam">
+              <span>课程大纲</span>
+            </div>
+            <div class="fotarea">
+              <div style="border: 1px solid #ccc">
+                <Toolbar
                     style="border-bottom: 1px solid #ccc"
                     :editor="editorRef"
                     :defaultConfig="toolbarConfig"
                     :mode="mode"
-                  />
-                  <Editor
+                />
+                <Editor
                     style="height: 250px; overflow-y: hidden"
                     v-model="valueHtml"
                     :defaultConfig="editorConfig"
                     :mode="mode"
                     @onCreated="handleCreated"
-                  />
-                </div>
-              </div>
-            </div>
-            <div class="m_btn">
-              <div class="btn btn5" @click="ft_exit_1">
-                <div class="btnText">取消</div>
-              </div>
-              <div class="btn btn6" @click="handlePush">
-                <div class="btnText">保存</div>
-              </div>
-
-              <div
-                class="btn btn6"
-                v-if="statusTingQi == 1"
-                @click="reviewClick"
-              >
-                <div class="btnText">提交审核</div>
+                />
               </div>
             </div>
           </div>
-        </div>
-      </div>
-    </a-modal>
-    <!-- 查看面授课弹框 start -->
-    <a-modal
-      v-model:visible="lookMs"
-      title="Title"
-      @ok="handlelookMs"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle facteachModal"
-      width="80%"
-      @cancel="handlelookMs"
-    >
-      <div class="modalHeader">
-        <div class="headerLeft">
-          <img
-            style="width: 17px; height: 18px; margin-right: 8px"
-            src="../../assets/images/basicinfo/add.png"
-          />
-          <span class="headerLeftText">查看面授课</span>
-        </div>
-        <div style="margin-right: 57px; cursor: pointer">
-          <img
-            @click="handlelookMs"
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
-          />
-        </div>
-      </div>
-      <div class="modalMain">
-        <div class="faceteach">
-          <div class="ft_main">
-            <div class="m_title">课程信息</div>
-            <div class="m_body">
-              <div class="mb_left">
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
-                      />
-                    </div>
-                    <span style="margin-right: 14px">课程名称</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="i1_input">
-                      <a-input
-                        aria-readonly="true"
-                        v-model:value="qdms_inputV1"
-                        maxlength="90"
-                        style="width: 440px; height: 40px; border-radius: 8px"
-                        placeholder="请输入课程名称"
-                      />
-                      <div class="inp_num">
-                        <span style="color: #c7cbd2">
-                          {{ qdms_inputV1.length }}/90
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="i2_cz">
-                  <div class="i2_top">
-                    <div class="i2_left">
-                      <span style="color: #999ba3">课程命名规则</span>
-                    </div>
-                    <div
-                      class="i2_right"
-                      @click="hideShow"
-                      style="cursor: pointer"
-                    >
-                      <div
-                        class="b_zk"
-                        :style="{ display: hideshow ? 'block' : 'none' }"
-                      >
-                        <span style="color: #4ea6ff">收起</span>
-                      </div>
-                      <div
-                        class="b_sq"
-                        :style="{ display: hideshow ? 'none' : 'block' }"
-                      >
-                        <span style="color: #4ea6ff">展开</span>
-                      </div>
-                      <div class="b_icon"></div>
-                    </div>
-                  </div>
-                  <div
-                    class="i2_detail"
-                    :style="{ display: hideshow ? 'block' : 'none' }"
-                  >
-                    <span style="color: #999ba3">
-                      1、课程名称统一不加书名号。<br />
-                      2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
-                      之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
-                      看到的是课程内容主题。<br />
-                      3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
-                      版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
-                    </span>
-                  </div>
-                </div>
-                <div class="mbl_items2">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
-                      />
-                    </div>
-                    <span style="margin-right: 14px">封面图</span>
-                  </div>
-                  <div class="item_inp">
-                    <a-select
-                      :getPopupContainer="
-                        (triggerNode) => {
-                          return triggerNode.parentNode || document.body;
-                        }
-                      "
-                      v-model:value="feng_mian_2"
-                      dropdownClassName="dropdown-style"
-                      style="width: 440px"
-                      placeholder="请选择"
-                      :options="optionsUrl"
-                      allowClear
-                      showSearch
-                    ></a-select>
-                    <img
-                      class="i_upload_img"
-                      v-if="feng_mian_2"
-                      :src="feng_mian_2"
-                      alt="avatar"
-                    />
-                    <!-- <a-upload
-                      name="avatar"
-                      list-type="picture-card"
-                      class="avatar-uploader"
-                      :show-upload-list="false"
-                      :before-upload="beforeUpload"
-                      disabled
-                    >
-                      <img
-                        class="i_upload_img"
-                        v-if="imageUrl"
-                        :src="imageUrl"
-                        alt="avatar"
-                      />
-                      <div class="i_upload" v-else>
-                        <div class="addimg">
-                          <div class="heng"></div>
-                          <div class="shu"></div>
-                        </div>
-                      </div>
-                    </a-upload> -->
-                    <div class="i_bottom">
-                      <span style="color: #999ba3">
-                        高宽比为16:9 (如:800*450) png或jpg图片
-                      </span>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
-                        style="width: 10px; height: 10px"
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
-                      />
-                    </div>
-                    <span style="margin-right: 14px">目标人群</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="i1_input">
-                      <a-input
-                        v-model:value="qdms_inputV2"
-                        maxlength="50"
-                        style="width: 440px; height: 40px; border-radius: 8px"
-                        placeholder="请输入目标人群"
-                      />
-                      <div class="inp_num">
-                        <span style="color: #c7cbd2">
-                          {{ qdms_inputV2.length }}/50
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <span style="margin-right: 14px">课程价值</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="i1_input">
-                      <a-input
-                        v-model:value="qdms_inputV3"
-                        maxlength="200"
-                        style="width: 440px; height: 40px; border-radius: 8px"
-                        placeholder="请输入课程价值"
-                      />
-                      <div class="inp_num">
-                        <span style="color: #c7cbd2">
-                          {{ qdms_inputV3.length }}/200
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt=""
-                      />
-                    </div>
-                    <span style="margin-right: 14px">内容分类</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="select i6_input">
-                      <a-select
-                        :getPopupContainer="
-                          (triggerNode) => {
-                            return triggerNode.parentNode || document.body;
-                          }
-                        "
-                        v-model:value="fen_lei"
-                        dropdownClassName="dropdown-style"
-                        style="width: 440px"
-                        placeholder="请选择"
-                        :options="options2"
-                        allowClear
-                        showSearch
-                      ></a-select>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <span style="margin-right: 14px">场景</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="select i7_input">
-                      <a-select
-                        :getPopupContainer="
-                          (triggerNode) => {
-                            return triggerNode.parentNode || document.body;
-                          }
-                        "
-                        v-model:value="chang_jin"
-                        dropdownClassName="dropdown-style"
-                        style="width: 440px"
-                        placeholder="请选择"
-                        :options="options3"
-                        allowClear
-                        showSearch
-                      ></a-select>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <span style="margin-right: 14px">内容标签</span>
-                  </div>
-                  <div class="item_inp">
-                    <a-select
-                      :getPopupContainer="
-                        (triggerNode) => {
-                          return triggerNode.parentNode || document.body;
-                        }
-                      "
-                      v-model:value="tags_val"
-                      mode="tags"
-                      style="width: 440px; height: 40px"
-                      placeholder="请输入按回车键创建成功"
-                      :options="tagsOptions"
-                    ></a-select>
-                  </div>
-                </div>
-              </div>
-              <div class="mb_right">
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <div class="asterisk_icon">
-                      <img
-                        src="@/assets/images/coursewareManage/asterisk.png"
-                        alt="asterisk"
-                      />
-                    </div>
-                    <span style="margin-right: 14px">授课教师</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="i1_input">
-                      <ProjectManager
-                        v-model:value="member.value"
-                        v-model:name="member.name"
-                      ></ProjectManager>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items2">
-                  <div class="item_nam">
-                    <span style="margin-right: 14px">课程简介</span>
-                  </div>
-                  <div class="item_inp">
-                    <div class="i10_textarea">
-                      <a-textarea
-                        v-model:value="qdms_inputV6"
-                        maxlength="150"
-                        style="width: 440px; height: 100px; border-radius: 8px"
-                        placeholder="请输入"
-                      />
-                      <div class="inp_num">
-                        <span style="color: #c7cbd2">
-                          {{ qdms_inputV6.length }}/150
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="mbl_items">
-                  <div class="item_nam">
-                    <span style="margin-right: 10px">附件</span>
-                  </div>
-                  <div class="item_inp">
-                    <a-upload
-                      multiple
-                      :show-upload-list="false"
-                      :before-upload="beforeUpload2"
-                    >
-                      <div class="accessory" style="cursor: pointer">
-                        <div class="accessory_icon">
-                          <img
-                            src="@/assets/images/coursewareManage/enclosure.png"
-                            alt="enclosure"
-                          />
-                        </div>
-                        <span style="color: #4ea6ff">添加附件</span>
-                      </div>
-                    </a-upload>
-                    <span>
-                      支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
-                    </span>
-                  </div>
-                </div>
-                <div class="mbl_items12">
-                  <div
-                    class="i12_box1"
-                    v-for="(item, index) in imgList"
-                    :key="index"
-                  >
-                    <div class="file_img"></div>
-                    <div class="file_detail">
-                      <!-- <div class="file_name">
-                        <span style="color: #6f6f6f">{{ item.name }}</span>
-                      </div> -->
-                      <!-- 条件渲染 s -->
-                      <!-- <div class="file_size">
-                        <span style="color: #999ba3">{{ item.size }}</span>
-                      </div> -->
-                      <div class="file_updata">
-                        <div class="updatabox">
-                          <div class="updatacolor"></div>
-                          <div class="updataxq">上传完成</div>
-                          <!-- <div class="updatacolor2"></div>
-                          <div class="updataxq2">上传失败</div> -->
-                          <!-- <div class="updatacolor3"></div>
-                          <div class="updataxq3">正在上传</div> -->
-                        </div>
-                        <div class="upjd">
-                          <span style="margin: auto 5px">100%</span>
-                        </div>
-                      </div>
-                      <!-- 条件渲染 e -->
-                    </div>
-                    <div class="file_operation">
-                      <div class="fobox">
-                        <span style="color: #4ea6ff" @click="handleDel(index)">
-                          删除
-                        </span>
-                      </div>
-                      <!-- <div class="fobox">
-                        <span style="color: #4ea6ff">重传</span>
-                      </div>
-                      <div class="fobox">
-                        <span style="color: #4ea6ff">取消</span>
-                      </div> -->
-                      <!-- <div class="fobox">
-                        <span style="color: #4ea6ff; margin-right: 5px">
-                          暂停
-                        </span>
-                      </div>
-                      <div class="fobox">
-                        <span style="color: #4ea6ff">取消</span>
-                      </div> -->
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="m_footer">
-              <div class="fotnam">
-                <span>课程大纲</span>
-              </div>
-              <div class="fotarea">
-                <div style="border: 1px solid #ccc">
-                  <Toolbar
-                    style="border-bottom: 1px solid #ccc"
-                    :editor="editorRef"
-                    :defaultConfig="toolbarConfig"
-                    :mode="mode"
-                  />
-                  <Editor
-                    style="height: 250px; overflow-y: hidden"
-                    v-model="valueHtml"
-                    :defaultConfig="editorConfig"
-                    :mode="mode"
-                    @onCreated="handleCreated"
-                  />
-                </div>
-              </div>
-            </div>
-            <div class="m_btn">
-              <!-- <div class="btn btn5" @click="handlelookMs">
-                <div class="btnText">取消</div>
-              </div>
-              <div class="btn btn6" v-if="isEdit == 0" @click="handlelookMs">
-                <div class="btnText">确定</div>
-              </div> -->
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!-- 查看面授课弹框 end -->
-    <!-- 确定新建面授课弹窗 -->
-    <!-- 表格 -->
-    <div class="tableBox">
-      <a-table
-        :columns="columns1"
-        :data-source="tableData1"
-        :loading="tableDataTotal1 === -1 ? true : false"
-        :scroll="{ x: 600 }"
-        expandRowByClick="true"
-        @expand="expandTable"
-        :pagination="false"
-      >
-        <template #bodyCell="{ record, column }">
-          <template
-            v-if="
-              (String(record.status) === '0' || record.status === '未提交') &&
-              column.key === 'operation'
-            "
-          >
-            <span
-              :class="[
-                String(record.courseform) === '1'
-                  ? 'disabled table-operation'
-                  : 'table-operation',
-              ]"
-            >
-              <a
-                @click="
-                  () => {
-                    handleEdit(record, String(record.courseform));
-                  }
-                "
-              >
-                编辑
-              </a>
-              <a
-                @click="
-                  () => {
-                    handleCopy(record, String(record.courseform));
-                  }
-                "
-              >
-                复制
-              </a>
-              <a-dropdown>
-                <template #overlay>
-                  <a-menu>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showPrower(record);
-                        }
-                      "
-                    >
-                      权限名单
-                    </a-menu-item>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showOwnPrower(record);
-                        }
-                      "
-                    >
-                      归属权
-                    </a-menu-item>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showViewPrower(record);
-                        }
-                      "
-                      >查看权</a-menu-item
-                    >
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showManagePrower(record);
-                        }
-                      "
-                      >管理权</a-menu-item
-                    >
-                  </a-menu>
-                </template>
-                <a>
-                  授权
-                  <down-outlined />
-                </a>
-              </a-dropdown>
-              <a
-                @click="
-                  () => {
-                    handleDelete(record, String(record.courseform));
-                  }
-                "
-              >
-                删除
-              </a>
-            </span>
-          </template>
-          <template
-            v-if="
-              (String(record.status) === '1' || record.status === '待审核') &&
-              column.key === 'operation'
-            "
-          >
-            <span
-              :class="[
-                String(record.courseform) === '1'
-                  ? 'disabled table-operation'
-                  : 'table-operation',
-              ]"
-            >
-              <a
-                @click="
-                  () => {
-                    handleRejectExit(record, String(record.courseform));
-                  }
-                "
-              >
-                撤回
-              </a>
-              <a
-                @click="
-                  () => {
-                    handleCopy(record, String(record.courseform));
-                  }
-                "
-              >
-                复制
-              </a>
-              <a-dropdown>
-                <template #overlay>
-                  <a-menu>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showPrower(record);
-                        }
-                      "
-                    >
-                      权限名单
-                    </a-menu-item>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showOwnPrower(record);
-                        }
-                      "
-                    >
-                      归属权
-                    </a-menu-item>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showViewPrower(record);
-                        }
-                      "
-                      >查看权</a-menu-item
-                    >
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showManagePrower(record);
-                        }
-                      "
-                      >管理权</a-menu-item
-                    >
-                  </a-menu>
-                </template>
-                <a>
-                  授权
-                  <down-outlined />
-                </a>
-              </a-dropdown>
-            </span>
-          </template>
-          <template
-            v-if="
-              (String(record.status) === '2' || record.status === '已审核') &&
-              String(record.kkty) === '1' &&
-              column.key === 'operation'
-            "
-          >
-            <span
-              :class="[
-                String(record.courseform) === '1'
-                  ? 'disabled table-operation'
-                  : 'table-operation',
-              ]"
-            >
-              <a
-                @click="
-                  () => {
-                    handleStart(record, String(record.courseform));
-                  }
-                "
-              >
-                开课
-              </a>
-              <a
-                @click="
-                  () => {
-                    handleLook(record, String(record.courseform));
-                  }
-                "
-              >
-                查看
-              </a>
-              <a
-                @click="
-                  () => {
-                    if (String(record.courseform) === '1') {
-                      return;
-                    }
-                    if (String(record.courseform) === ('1' || '线上')) {
-                      om_1 = true;
-                      ft_1 = false;
-                    } else if (String(record.courseform) === ('2' || '面授')) {
-                      om_1 = true;
-                      ft_1 = true;
-                    }
-                    handleGuan22(record);
-                  }
-                "
-              >
-                管理
-              </a>
-              <a
-                @click="
-                  () => {
-                    handleCopy(record, String(record.courseform));
-                  }
-                "
-              >
-                复制
-              </a>
-              <a-dropdown>
-                <template #overlay>
-                  <a-menu>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showPrower(record);
-                        }
-                      "
-                    >
-                      权限名单
-                    </a-menu-item>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showOwnPrower(record);
-                        }
-                      "
-                    >
-                      归属权
-                    </a-menu-item>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showViewPrower(record);
-                        }
-                      "
-                      >查看权</a-menu-item
-                    >
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showManagePrower(record);
-                        }
-                      "
-                      >管理权</a-menu-item
-                    >
-                  </a-menu>
-                </template>
-                <a>
-                  授权
-                  <down-outlined />
-                </a>
-              </a-dropdown>
-              <span>
-                <a
-                  @click="
-                    () => {
-                      handleStop(record, String(record.courseform));
-                    }
-                  "
-                >
-                  停用
-                </a>
-              </span>
-            </span>
-          </template>
-          <template
-            v-if="
-              (String(record.status) === '2' || record.status === '已审核') &&
-              String(record.kkty) === '0' &&
-              column.key === 'operation'
-            "
-          >
-            <span
-              :class="[
-                String(record.courseform) === '1'
-                  ? 'disabled table-operation'
-                  : 'table-operation',
-              ]"
-            >
-              <a
-                @click="
-                  () => {
-                    handleStart(record, String(record.courseform));
-                  }
-                "
-              >
-                开课
-              </a>
-              <a
-                @click="
-                  () => {
-                    handleEdit(record, String(record.courseform));
-                  }
-                "
-              >
-                编辑
-              </a>
-              <a
-                @click="
-                  () => {
-                    if (String(record.courseform) === '1') {
-                      return;
-                    }
-                    if (String(record.courseform) === ('1' || '线上')) {
-                      om_1 = true;
-                      ft_1 = false;
-                    } else if (String(record.courseform) === ('2' || '面授')) {
-                      om_1 = true;
-                      ft_1 = true;
-                    }
-                    handleGuan22(record);
-                  }
-                "
-              >
-                管理
-              </a>
-              <a
-                @click="
-                  () => {
-                    handleCopy(record, String(record.courseform));
-                  }
-                "
-              >
-                复制
-              </a>
-              <a-dropdown>
-                <template #overlay>
-                  <a-menu>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showPrower(record);
-                        }
-                      "
-                    >
-                      权限名单
-                    </a-menu-item>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showOwnPrower(record);
-                        }
-                      "
-                    >
-                      归属权
-                    </a-menu-item>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showViewPrower(record);
-                        }
-                      "
-                      >查看权</a-menu-item
-                    >
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showManagePrower(record);
-                        }
-                      "
-                      >管理权</a-menu-item
-                    >
-                  </a-menu>
-                </template>
-                <a>
-                  授权
-                  <down-outlined />
-                </a>
-              </a-dropdown>
-              <a
-                @click="
-                  () => {
-                    handleOpen(record, String(record.courseform));
-                  }
-                "
-              >
-                启用
-              </a>
-              <a
-                @click="
-                  () => {
-                    handleDelete(record, String(record.courseform));
-                  }
-                "
-              >
-                删除
-              </a>
-            </span>
-          </template>
-          <template
-            v-if="
-              (String(record.status) === '-1' ||
-                record.status === '审核未通过') &&
-              column.key === 'operation'
-            "
-          >
-            <span
-              :class="[
-                String(record.courseform) === '1'
-                  ? 'disabled table-operation'
-                  : 'table-operation',
-              ]"
-            >
-              <a
-                @click="
-                  () => {
-                    handleEdit(record, String(record.courseform));
-                  }
-                "
-              >
-                编辑
-              </a>
-              <a
-                @click="
-                  () => {
-                    handleCopy(record, String(record.courseform));
-                  }
-                "
-              >
-                复制
-              </a>
-              <a-dropdown>
-                <template #overlay>
-                  <a-menu>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showPrower(record);
-                        }
-                      "
-                    >
-                      权限名单
-                    </a-menu-item>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showOwnPrower(record);
-                        }
-                      "
-                    >
-                      归属权
-                    </a-menu-item>
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showViewPrower(record);
-                        }
-                      "
-                      >查看权</a-menu-item
-                    >
-                    <a-menu-item
-                      @click="
-                        () => {
-                          if (String(record.courseform) === '1') {
-                            return;
-                          }
-                          showManagePrower(record);
-                        }
-                      "
-                      >管理权</a-menu-item
-                    >
-                  </a-menu>
-                </template>
-                <a>
-                  授权
-                  <down-outlined />
-                </a>
-              </a-dropdown>
-              <a
-                @click="
-                  () => {
-                    handleDelete(record, String(record.courseform));
-                  }
-                "
-              >
-                删除
-              </a>
-            </span>
-          </template>
-        </template>
-      </a-table>
-    </div>
-    <div class="pa">
-      <a-pagination
-        showSizeChanger="true"
-        showQuickJumper="true"
-        hideOnSinglePage="true"
-        :pageSize="pageSize1"
-        :current="currentPage1"
-        :total="tableDataTotal1"
-        class="pagination"
-        @change="handelChangePage1"
-      />
-    </div>
-    <!-- 表格 -->
-    <!-- 操作 在线面授课程管理 页面 -->
-    <a-modal
-      v-model:visible="om_1"
-      title="Title"
-      @ok="closeModal"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle onlmanageModal"
-      width="80%"
-    >
-      <div class="modalHeader">
-        <div class="headerLeft">
-          <img
-            style="width: 17px; height: 18px; margin-right: 8px"
-            src="@/assets/images/coursewareManage/pc.png"
-          />
-          <div :style="{ display: ft_1 ? 'none' : 'block' }">
-            <span class="headerLeftText">在线课程管理</span>
-          </div>
-          <div :style="{ display: ft_1 ? 'block' : 'none' }">
-            <span class="headerLeftText">面授课程管理</span>
-          </div>
-        </div>
-        <div style="margin-right: 57px; cursor: pointer">
-          <img
-            @click="om_exit"
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
-          />
-        </div>
-      </div>
-      <div class="modalMain">
-        <div class="onlinemanage" :style="{ display: om_1 ? 'block' : 'none' }">
-          <div class="om_main">
-            <div class="om_body">
-              <div class="b_title">课程：{{ newCourseName }}</div>
-              <div class="b_sub">
-                <div class="bs_type">类型：</div>
-                <div class="bs_right">录播课</div>
-                <div class="bs_left">内容分类：</div>
-                <div class="bs_right">领导力</div>
-                <div class="bs_left">状态：</div>
-                <div class="bs_right">已审核</div>
-              </div>
-              <a-tabs
-                class="b_menu"
-                v-model:activeKey="faceManageTab"
-                size="large"
-                :tabBarStyle="{ marginLeft: '10px' }"
-                @change="faceManageChange"
-              >
-                <!-- <a-tab-pane key="1" tab="报名管理">
-                  <div class="b_menunav">
-                    <div class="bm_select">
-                      <a-select
-                        class="select"
-                        ref="select"
-                        placeholder="请选择状态"
-                        v-model:value="gl_selectV1"
-                        style="width: 200px"
-                        :options="options1"
-                        allowClear
-                        showSearch
-                        @focus="focus"
-                        @change="handleChange"
-                      >
-                       
-                      </a-select>
-                    </div>
-                    <div class="bm_input">
-                      <a-input
-                        v-model:value="gl_inputv1"
-                        style="width: 200px; height: 40px; border-radius: 8px"
-                        placeholder="姓名"
-                      />
-                    </div>
-                    <div class="bm_btn">
-                      <div class="btn btn1" @click="handleSearchTable2">
-                        <div class="search"></div>
-                        <div class="btnText">搜索</div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="bm_table" style="margin-bottom: 20px">
-                    <a-table
-                      :columns="columns2"
-                      :data-source="tableData2"
-                      :loading="tableDataTotal22 === -1 ? true : false"
-                      :pagination="false"
-                    />
-                    <div class="tableBox" style="margin-top: 50px">
-                      <div class="pa">
-                        <a-pagination
-                          showSizeChanger="true"
-                          showQuickJumper="true"
-                          hideOnSinglePage="true"
-                          :pageSize="pageSize22"
-                          :current="currentPage22"
-                          :total="tableDataTotal22"
-                          class="pagination"
-                          @change="handelChangePage22"
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </a-tab-pane> -->
-                <a-tab-pane key="1" tab="学习记录">
-                  <div class="b_menunav">
-                    <div class="bm_select">
-                      <a-select
-                        class="select"
-                        ref="select"
-                        placeholder="请选择状态"
-                        v-model:value="gl_selectV2"
-                        style="width: 200px"
-                        :options="options1"
-                        allowClear
-                        showSearch
-                        @focus="focus"
-                        @change="handleChange"
-                      >
-                        <!-- <a-select-option value="status">状态</a-select-option>
-                        <a-select-option value="passed">已通过</a-select-option>
-                        <a-select-option value="weishenhe">
-                          未审核
-                        </a-select-option>
-                        <a-select-option value="reject">
-                          管理员拒绝
-                        </a-select-option> -->
-                      </a-select>
-                    </div>
-                    <div class="bm_input">
-                      <a-input
-                        v-model:value="gl_inputV2"
-                        style="width: 200px; height: 40px; border-radius: 8px"
-                        placeholder="姓名"
-                      />
-                    </div>
-                    <div class="bm_btn">
-                      <div class="btn btn1" @click="handleSearchTable3">
-                        <div class="search"></div>
-                        <div class="btnText">搜索</div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="bm_table" style="margin-bottom: 20px">
-                    <a-table
-                      :columns="columns2"
-                      :data-source="tableData3"
-                      :loading="tableDataTotal222 === -1 ? true : false"
-                      :pagination="false"
-                    >
-                      <template #bodyCell="{ column }">
-                        <template v-if="column.key === 'opacation'">
-                          <a @click="ckxq_hs">查看详情</a>
-                        </template>
-                      </template>
-                    </a-table>
-                    <div class="tableBox" style="margin-top: 50px">
-                      <div class="pa">
-                        <a-pagination
-                          showSizeChanger="true"
-                          showQuickJumper="true"
-                          hideOnSinglePage="true"
-                          :pageSize="pageSize222"
-                          :current="currentPage222"
-                          :total="tableDataTotal222"
-                          class="pagination"
-                          @change="handelChangePage222"
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </a-tab-pane>
-              </a-tabs>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!-- 操作 在线面授课程管理 页面 -->
-    <!-- 面授课程管理查看详情 页面 -->
-    <a-modal
-      v-model:visible="om_ckxq"
-      title="Title"
-      @ok="closeModal"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle coursewareDetail"
-      width="80%"
-    >
-      <div class="modalHeader">
-        <div class="headerLeft">
-          <img
-            style="width: 17px; height: 18px; margin-right: 8px"
-            src="@/assets/images/coursewareManage/detail.png"
-          />
-          <span class="headerLeftText">查看详情</span>
-        </div>
-        <div style="margin-right: 57px; cursor: pointer">
-          <img
-            @click="ftsr_exit"
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
-          />
-        </div>
-      </div>
-      <div class="modalMain">
-        <div
-          class="ftsturecord"
-          :style="{ display: om_ckxq ? 'block' : 'none' }"
-        >
-          <div class="ftsr_main">
-            <div class="ftsr_table">
-              <a-table
-                :columns="columns4"
-                :data-source="tableData4"
-                :loading="tableDataTotal === -1 ? true : false"
-                :pagination="false"
-              >
-              </a-table>
-            </div>
-            <div class="ftsr_btn" @click="ftsr_exit">
+          <div class="m_btn">
+            <div class="btn btn5" @click="visibleClose">
               <div class="btnText">取消</div>
             </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!-- 面授 课程管理查看详情 页面 -->
-    <!--开课页面 -->
-    <a-modal
-      v-model:visible="stm_hs"
-      title="Title"
-      @ok="closeModal"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle schtimeModal"
-      width="80%"
-      @cancel="stm_exit"
-    >
-      <div class="modalHeader">
-        <div class="headerLeft">
-          <img
-            style="width: 17px; height: 18px; margin-right: 8px"
-            src="@/assets/images/coursewareManage/scht.png"
-          />
-          <span class="headerLeftText">开课</span>
-        </div>
-        <div style="margin-right: 57px; cursor: pointer">
-          <img
-            @click="stm_exit"
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
-          />
-        </div>
-      </div>
-      <div class="modalMain">
-        <div class="schooltime" :style="{ display: stm_hs ? 'block' : 'none' }">
-          <div class="st_main">
-            <div class="stm_inputbtn">
-              <a-input
-                v-model:value="kk_inputV1"
-                style="
-                  width: 270px;
-                  height: 40px;
-                  border-radius: 8px;
-                  margin-right: 14px;
-                "
-                placeholder="请输入创建人"
-              />
-              <a-input
-                v-model:value="kk_inputV2"
-                style="
-                  width: 270px;
-                  height: 40px;
-                  border-radius: 8px;
-                  margin-right: 14px;
-                "
-                placeholder="请输入教师名称"
-              />
-              <div class="select">
-                <a-date-picker
-                  v-model:value="selectTime"
-                  type="date"
-                  placeholder="创建时间"
-                  style="width: 270px; margin-right: 14px"
-                />
-              </div>
-              <div class="stm_btn btn1" @click="handleSearchTable">
-                <div class="search"></div>
-                <div class="btnText">搜索</div>
-              </div>
-              <div class="stm_btn btn2" @click="handleRestTable">
-                <div class="reset"></div>
-                <div class="btnText">重置</div>
-              </div>
-              <div class="stm_btn3 btn3" @click="createkk">
-                <div class="add"></div>
-                <div class="btnText">
-                  <span style="color: #ffffff">新建开课</span>
-                </div>
-              </div>
+            <div class="btn btn6" @click="handlePush">
+              <div class="btnText">保存</div>
             </div>
-            <!-- 无数据样式 -->
-            <div class="notable" v-if="tableData6.length === 0">
-              <div class="notablebox">
-                <div class="boxbody">
-                  <div class="boximg"></div>
-                  <div class="boxtitle">
-                    <span style="color: #ffb64e; font-size: 20px">无课程</span>
-                  </div>
-                  <div class="boxtitle2">
-                    <span style="color: #878b92">请点击新建开课，创建课程</span>
-                  </div>
-                </div>
-                <div class="smallleft"></div>
-                <div class="smallright"></div>
-              </div>
-            </div>
-            <!-- 无数据样式 -->
-            <!-- 有数据表格 -->
-            <div class="stm_table" v-else>
-              <a-table
-                :columns="columns6"
-                :data-source="tableData6"
-                :loading="tableDataTotal2 === -1 ? true : false"
-                :scroll="{ x: 700, y: 800 }"
-                expandRowByClick="true"
-                @expand="expandTable"
-                :pagination="false"
-              >
-                <template #bodyCell="{ record, column }">
-                  <template v-if="column.key === 'operation'">
-                    <span class="table-operation">
-                      <a
-                        @click="
-                          () => {
-                            QR_hs = true;
-                            ftsQR_hs = true;
-                          }
-                        "
-                      >
-                        签到
-                      </a>
-                      <a
-                        @click="
-                          () => {
-                            handelEditStu(record);
-                          }
-                        "
-                      >
-                        编辑
-                      </a>
-                      <a
-                        @click="
-                          () => {
-                            handelGuan(record);
-                          }
-                        "
-                      >
-                        管理
-                      </a>
-                      <a-dropdown>
-                        <template #overlay>
-                          <a-menu>
-                            <a-menu-item
-                              @click="
-                                () => {
-                                  handleCopyP(record);
-                                }
-                              "
-                            >
-                              复制
-                            </a-menu-item>
-                            <a-menu-item
-                              @click="
-                                () => {
-                                  handleDeleteKaike(record);
-                                }
-                              "
-                            >
-                              删除
-                            </a-menu-item>
-                            <a-menu-item
-                              @click="
-                                () => {
-                                  QR_hs = true;
-                                  vipftQR_hs = true;
-                                }
-                              "
-                            >
-                              二维码
-                            </a-menu-item>
-                          </a-menu>
-                        </template>
-                        <a>
-                          更多
-                          <down-outlined />
-                        </a>
-                      </a-dropdown>
-                    </span>
-                  </template>
-                </template>
-              </a-table>
-              <div class="tableBox" style="margin-top: 50px">
-                <div class="pa">
-                  <a-pagination
-                    showSizeChanger="true"
-                    showQuickJumper="true"
-                    hideOnSinglePage="true"
-                    :pageSize="pageSize2"
-                    :current="currentPage2"
-                    :total="tableDataTotal2"
-                    class="pagination"
-                    @change="handelChangePage2"
-                  />
-                </div>
-              </div>
-            </div>
-            <!-- 有数据表格 -->
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!--开课页面 -->
-    <!--新建开课页面 -->
-    <a-modal
-      v-model:visible="cstm_hs"
-      style="margin-top: 400px"
-      @cancel="handleCancelStu"
-    >
-      <div
-        class="createschooltime"
-        :style="{ display: cstm_hs ? 'block' : 'none' }"
-      >
-        <div class="cst_header"></div>
-        <div class="cst_main">
-          <div class="cstm_header">
-            <div class="add_icon"></div>
-            <span v-if="kk_eidt">编辑开课</span>
-            <span v-else>新建开课</span>
-            <div class="close_exit" @click="handleCancelStu"></div>
-          </div>
-          <div class="cstm_title">
-            <span>面授名称：{{ newCourseName }}</span>
-          </div>
-          <div class="cstm_items">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">开课名称</span>
-            </div>
-            <div class="b_input">
-              <a-input
-                maxlength="30"
-                v-model:value="xjkkinputV1"
-                style="width: 440px; height: 40px; border-radius: 8px"
-                placeholder="请输入开课名称"
-              />
-            </div>
-          </div>
-          <div class="cstm_items">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">地点</span>
-            </div>
-            <div class="b_input">
-              <a-input
-                v-model:value="xjkkinputV2"
-                maxlength="50"
-                style="width: 440px; height: 40px; border-radius: 8px"
-                placeholder="请输入详细地点"
-              />
-              <div class="inp_num">
-                <span style="color: #c7cbd2">{{ xjkkinputV2.length }}/50</span>
-              </div>
-            </div>
-          </div>
-          <div class="cstm_items">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">面授时间</span>
-            </div>
-            <div class="select fitems">
-              <a-range-picker
-                style="width: 440px; height: 40px; border-radius: 8px"
-                :show-time="{ format: 'HH:mm' }"
-                format="YYYY-MM-DD HH:mm"
-                v-model:value="xjkkinputV3"
-                separator="至"
-                :placeholder="['        开始时间', '        结束时间']"
-              />
-            </div>
-          </div>
-          <div class="cstm_items">
-            <div class="signbox">
-              <div class="sign">
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <span style="margin-right: 3px">授课教师</span>
-            </div>
-            <div class="b_input">
-              <ProjectManager
-                v-model:value="member.value"
-                v-model:name="member.name"
-              ></ProjectManager>
-            </div>
-          </div>
-          <div class="cstm_items">
-            <div class="signbox">
-              <span style="margin-right: 3px">报名设置</span>
-            </div>
-            <div class="b_input">
-              <a-checkbox v-model:checked="checked1">
-                <span style="color: #6d7584">是否允许公开报名</span>
-              </a-checkbox>
-            </div>
-          </div>
-          <div class="cstm_items">
-            <div class="signbox">
-              <span style="margin-right: 3px">签到设置</span>
-            </div>
-            <div class="b_input">
-              <a-radio-group v-model:value="xjkkradioV1">
-                <a-radio :value="0" @click="clear_xjkkradioV1">
-                  <span style="color: #6d7584; margin-right: 30px">
-                    是否允许未报名的学员签到
-                  </span>
-                </a-radio>
-                <a-radio :value="1" @click="clear_xjkkradioV1">
-                  <span style="color: #6d7584">签到是否需要口令</span>
-                </a-radio>
-              </a-radio-group>
-            </div>
-          </div>
-          <div class="cstm_items">
-            <div class="signbox">
-              <span style="margin-right: 3px">评估设置</span>
-            </div>
-            <div class="b_input">
-              <a-checkbox v-model:checked="checked4">
-                <span style="color: #6d7584">是否需要评估</span>
-              </a-checkbox>
-            </div>
-          </div>
-          <div v-if="checked4" class="cstm_items main_item">
-            <div class="signbox"></div>
-            <div class="btnbox">
-              <button class="xkbtn" @click="showAssessment">选择评估</button>
-              <div v-if="assessmentId > 0">
-                <a-tag closable @close="removePG" color="processing">
-                  <span style="font-size: 14px; line-height: 33px">
-                    {{ assessmentName }}
-                  </span>
-                </a-tag>
-              </div>
-              <AssessmentList
-                v-model:assessmentVisible="assessmentVisible"
-                v-model:assessmentName="assessmentName"
-                :assessmentId="assessmentId"
-                @checkedAss="getCheckedAss"
-              />
-            </div>
-          </div>
-          <div class="cstm_items">
-            <div class="signbox">
-              <span style="margin-right: 3px">完成规则</span>
-            </div>
-            <div class="b_input">
-              <!--
-              <a-checkbox
-                v-model:checked="regisCom"
-                @click="regisCom = !regisCom"
-              >
-                <span style="color: #6d7584">报名即完成</span>
-              </a-checkbox> -->
-              <a-checkbox v-model:checked="signCom" @click="signCom = !signCom">
-                <span style="color: #6d7584">签到即完成</span>
-              </a-checkbox>
-              <a-checkbox
-                v-model:checked="comLeave"
-                @click="comLeave = !comLeave"
-              >
-                <span style="color: #6d7584">请假算完成</span>
-              </a-checkbox>
-            </div>
-          </div>
-          <div class="cstm_items items_fj">
-            <div class="signbox">
-              <span style="margin-right: 3px">附件</span>
-            </div>
-            <div class="b_input">
-              <a-upload
-                name="file"
-                :show-upload-list="false"
-                :before-upload="beforeUpload3"
-              >
-                <div class="upload_box">
-                  <div class="upload_icon">
-                    <img
-                      src="@/assets/images/coursewareManage/enclosure.png"
-                      alt=""
-                    />
-                  </div>
-                  <span style="color: #4ea6ff">上传附件</span>
-                </div>
-                <!-- <template #itemRender="{ file }">
-                  <a-space>
-                    <span :style="file.status === 'error' ? 'color: red' : ''">
-                      {{ file.name }}
-                    </span>
-                  </a-space>
-                </template> -->
-              </a-upload>
-            </div>
-          </div>
-          <div class="cstm_items">
-            <div class="signbox">
-              <span style="margin-right: 3px"> </span>
-            </div>
-            <div class="b_input">
-              <span style="color: #999ba3">
-                支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
-              </span>
-            </div>
-          </div>
-          <div class="mbl_items12">
-            <div
-              class="i12_box1"
-              v-for="(item, index) in filesList"
-              :key="index"
-            >
-              <div class="file_img"></div>
-              <div class="file_detail">
-                <!-- <div class="file_name">
-                        <span style="color: #6f6f6f">{{ item.name }}</span>
-                      </div> -->
-                <!-- 条件渲染 s -->
-                <!-- <div class="file_size">
-                        <span style="color: #999ba3">{{ item.size }}</span>
-                      </div> -->
-                <div class="file_updata">
-                  <div class="updatabox">
-                    <div class="updatacolor"></div>
-                    <div class="updataxq">上传完成</div>
-                    <!-- <div class="updatacolor2"></div>
-                          <div class="updataxq2">上传失败</div> -->
-                    <!-- <div class="updatacolor3"></div>
-                          <div class="updataxq3">正在上传</div> -->
-                  </div>
-                  <div class="upjd">
-                    <span style="margin: auto 5px">100%</span>
-                  </div>
-                </div>
-                <!-- 条件渲染 e -->
-              </div>
-              <div class="file_operation">
-                <div class="fobox">
-                  <span style="color: #4ea6ff" @click="handleDel2(index)">
-                    删除
-                  </span>
-                </div>
-                <!-- <div class="fobox">
-                        <span style="color: #4ea6ff">重传</span>
-                      </div>
-                      <div class="fobox">
-                        <span style="color: #4ea6ff">取消</span>
-                      </div> -->
-                <!-- <div class="fobox">
-                        <span style="color: #4ea6ff; margin-right: 5px">
-                          暂停
-                        </span>
-                      </div>
-                      <div class="fobox">
-                        <span style="color: #4ea6ff">取消</span>
-                      </div> -->
-              </div>
-            </div>
-          </div>
-          <div class="items_btn">
-            <div class="cstm_btn btn5" @click="handleCancelStu">
-              <div class="btnText">取消</div>
-            </div>
-            <div class="cstm_btn btn6" @click="handleSureStu">
-              <div v-if="addLoading" class="btnText">保存中</div>
-              <div v-else class="btnText">确定</div>
+            <div class="btn btn6" v-if="statusTingQi == 1" @click="reviewClick">
+              <div class="btnText">提交审核</div>
             </div>
           </div>
         </div>
       </div>
-    </a-modal>
-    <!--新建开课页面 -->
-    <!--开课学员管理页面 -->
-    <a-modal
-      v-model:visible="sm_hs"
-      title="Title"
-      @ok="closeModal"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle stusmanageModal"
-      width="80%"
-      @cancel="sm_exit"
-    >
-      <div class="modalHeader">
-        <div class="headerLeft">
-          <img
-            style="width: 17px; height: 18px; margin-right: 8px"
-            src="@/assets/images/coursewareManage/stum.png"
-          />
-          <span class="headerLeftText">学员管理</span>
-        </div>
-        <div style="margin-right: 57px; cursor: pointer">
-          <img
-            @click="sm_exit"
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
-          />
-        </div>
-      </div>
-      <div class="modalMain">
-        <div
-          class="studentsmanage"
-          :style="{ display: sm_hs ? 'block' : 'none' }"
-        >
-          <div class="stm_main">
-            <div class="stmmitems">
-              <div class="stmm_i1">
-                <span style="margin-right: 52px">
-                  {{ currentPlanItem.name }}课程-第1期-
-                  {{ currentPlanItem.createTime }}
-                </span>
-                <span style="color: #ffb751">已开课 4.5</span>
-              </div>
-              <div class="stmm_i2">
-                <span style="color: #999ba3">时间：</span>
-                <span>{{ currentPlanItem.endTime }}</span>
-              </div>
-              <div class="stmm_i3">
-                <span style="color: #999ba3">地点：</span>
-                <span>{{ currentPlanItem.address }}</span>
-              </div>
-              <div class="stmm_i4">
-                <span style="color: #999ba3">授课教师：</span>
-                <span>{{ currentPlanItem.teacher }}</span>
-              </div>
-              <div class="stmm_i5">
-                <div class="i5_left">
-                  <!-- <a-input
-                    v-model:value="xygl_inputV1"
-                    style="
-                      width: 270px;
-                      height: 40px;
-                      border-radius: 8px;
-                      margin-right: 14px;
-                    "
-                    placeholder="请输入姓名"
-                  /> -->
-                  <a-input
-                    v-model:value="xygl_inputV1"
-                    placeholder="请输入姓名"
-                  />
-                  <div class="stmm_btn btn1" @click="handleSearchStu">
-                    <div class="search"></div>
-                    <div class="btnText">搜索</div>
-                  </div>
-                  <div class="stmm_btn btn2" @click="handleRestStu">
-                    <div class="reset"></div>
-                    <div class="btnText">重置</div>
-                  </div>
-                </div>
-                <div class="i5_right">
-                  <div class="stmm_btn btn3">
-                    <span
-                      style="color: #ffffff"
-                      @click="showStuAdd(currentPlanItem)"
-                    >
-                      添加学员
-                    </span>
-                  </div>
-                  <!-- 2022-11-30注释 后面放开 -->
-                  <!-- <div class="stmm_btn btn4" @click="hideShow">
-                    <div class="btn4_sub">
-                      <span style="color: #4ea6ff; margin-right: 4px">
-                        批量操作
-                      </span>
-                      <div
-                        class="b_zk"
-                        :style="{ display: hideshow ? 'block' : 'none' }"
-                      ></div>
-                      <div
-                        class="b_sq"
-                        :style="{ display: hideshow ? 'none' : 'block' }"
-                      ></div>
-                    </div>
-                    <div
-                      class="btn4_sup"
-                      :style="{ display: hideshow ? 'none' : 'block' }"
-                    >
-                      <div class="btnsbox">
-                        <div class="btn4_tit" @click="handleAllJion">
-                          <span style="color: #4ea6ff">批量录入成绩</span>
-                        </div>
-                        <div class="btn4_op1" @click="handleAllover">
-                          <span>批量结业</span>
-                        </div>
-                        <div class="btn4_op2" @click="handleAllSuc">
-                          <span>批量通过</span>
-                        </div>
-                        <div class="btn4_op3" @click="handleAllReject">
-                          <span>批量拒绝</span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="stmm_btn btn5" @click="handleExportStu">
-                    <div class="export"></div>
-                    <div class="btnText">导出</div>
-                  </div> -->
-                </div>
-              </div>
-              <div class="stmm_i6">
-                <a-table
-                  :columns="columns7"
-                  :data-source="tableData7"
-                  :loading="tableDataTotal3 === -1 ? true : false"
-                  :scroll="{ x: 800 }"
-                  expandRowByClick="true"
-                  @expand="expandTable"
-                  :pagination="false"
-                  :row-selection="{
-                    columnWidth: 20,
-                    selectedRowKeys: selectedRowKeys7,
-                    onChange: onSelectChange7,
-                  }"
-                >
-                  <template #bodyCell="{ record, column }">
-                    <!-- 操作1 -->
-                    <template
-                      v-if="
-                        (String(record.applyStatus) === '0' ||
-                          record.status === '待审核') &&
-                        column.key === 'overstatus'
-                      "
-                    >
-                      <span class="table-operation">-</span>
-                    </template>
-                    <template
-                      v-if="
-                        (String(record.applyStatus) === '-1' ||
-                          record.status === '已拒绝') &&
-                        column.key === 'overstatus'
-                      "
-                    >
-                      <span class="table-operation">-</span>
-                    </template>
-                    <template
-                      v-if="
-                        (String(record.applyStatus) === '1' ||
-                          record.status === '已通过') &&
-                        column.key === 'overstatus'
-                      "
-                    >
-                      <span class="table-operation">
-                        <a
-                          @click="
-                            () => {
-                              handlJoinStu(record);
-                            }
-                          "
-                        >
-                          成绩录入
-                        </a>
-                        <a
-                          @click="
-                            () => {
-                              handleOverStu(record);
-                            }
-                          "
-                        >
-                          结业
-                        </a>
-                      </span>
-                    </template>
-                    <!-- 操作2 -->
-                    <template
-                      v-if="
-                        (String(record.applyStatus) === '0' ||
-                          record.status === '待审核') &&
-                        column.key === 'operation'
-                      "
-                    >
-                      <span class="table-operation">
-                        <a
-                          @click="
-                            () => {
-                              handleSucessStu(record);
-                            }
-                          "
-                        >
-                          通过
-                        </a>
-                        <a
-                          @click="
-                            () => {
-                              handleRejectStu(record);
-                            }
-                          "
-                        >
-                          拒绝
-                        </a>
-                        <a
-                          @click="
-                            () => {
-                              handleDeleteStu(record);
-                            }
-                          "
-                        >
-                          删除
-                        </a>
-                      </span>
-                    </template>
-                    <template
-                      v-if="
-                        (String(record.applyStatus) === '1' ||
-                          record.status === '已通过') &&
-                        column.key === 'operation'
-                      "
-                    >
-                      <span class="table-operation">
-                        <a
-                          @click="
-                            () => {
-                              handleDeleteStu(record);
-                            }
-                          "
-                        >
-                          删除
-                        </a>
-                      </span>
-                    </template>
-                    <template
-                      v-if="
-                        (String(record.applyStatus) === '-1' ||
-                          record.status === '已拒绝') &&
-                        column.key === 'operation'
-                      "
-                    >
-                      <span class="table-operation">
-                        <a
-                          @click="
-                            () => {
-                              handleDeleteStu(record);
-                            }
-                          "
-                        >
-                          删除
-                        </a>
-                      </span>
-                    </template>
-                  </template>
-                </a-table>
-                <div class="tableBox" style="margin-top: 50px">
-                  <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize3"
-                      :current="currentPage3"
-                      :total="tableDataTotal3"
-                      class="pagination"
-                      @change="handelChangePage3"
-                    />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!--开课学员管理页面 -->
-    <!--二维码页面 -->
-    <a-modal
-      v-model:visible="QR_hs"
-      :footer="null"
-      :closable="closableQR"
-      wrapClassName="QRModal"
-      style="margin-top: 400px"
-      :zIndex="9999"
-      @cancel="qr_exit"
-    >
-      <div class="QR" :style="{ display: QR_hs ? 'block' : 'none' }">
-        <div class="qr_header"></div>
-        <div class="qr_main">
-          <div class="qrm_header">
-            <div class="qr_icon"></div>
-            <div :style="{ display: qrQR_hs ? 'block' : 'none' }">
-              <span>二维码</span>
-            </div>
-            <div :style="{ display: olQR_hs ? 'block' : 'none' }">
-              <span>在线课</span>
-            </div>
-            <div :style="{ display: ftQR_hs ? 'block' : 'none' }">
-              <span>面授课</span>
-            </div>
-            <div :style="{ display: ftsQR_hs ? 'block' : 'none' }">
-              <span>面授课签到</span>
-            </div>
-            <div :style="{ display: vipftQR_hs ? 'block' : 'none' }">
-              <span>管理者面授课</span>
-            </div>
-            <div class="close_exit" @click="qr_exit"></div>
-          </div>
-          <div class="qrm_body">
-            <div class="QR_img"></div>
-          </div>
-          <div class="qrm_footer">
-            <span style="margin-left: 52px">下载二维码</span>
-            <div class="qrmbtn">
-              <div class="btntext">200*200</div>
-            </div>
-            <!-- <div class="qrmbtn">
-              <div class="btntext">400*400</div>
-            </div>
-            <div class="qrmbtn">
-              <div class="btntext">800*800</div>
-            </div> -->
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!--二维码页面 -->
-    <!--录入成绩页面 -->
-    <a-modal
-      v-model:visible="rg_hs"
-      :footer="null"
-      :closable="closableQR"
-      wrapClassName="recgradeModal"
-      style="margin-top: 400px"
-      :zIndex="9999"
-      @cancel="rg_exit"
-    >
-      <div class="recordgrade" :style="{ display: rg_hs ? 'block' : 'none' }">
-        <div class="rg_header"></div>
-        <div class="rg_main">
-          <div class="rgm_header">
-            <div class="rg_icon"></div>
-            <span>录入成绩</span>
-            <div class="close_exit" @click="rg_exit"></div>
-          </div>
-          <div class="rgm_body">
-            <div class="rgmb_items">
-              <div class="items_left">
-                <div class="sign">
-                  <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                  />
-                </div>
-                <span>得分</span>
-              </div>
-              <div class="rgmb_input">
-                <a-input
-                  v-model:value="lrcj_inputV1"
-                  maxlength="20"
-                  style="width: 440px; height: 40px; border-radius: 8px"
-                  placeholder=""
-                />
-              </div>
-            </div>
-          </div>
-          <div class="qrm_btnbox">
-            <div class="qrm_btn btn1">
-              <div class="btnText" @click="rg_exit">取消</div>
-            </div>
-            <div class="qrm_btn btn2">
-              <div class="btnText" @click="handleJoin">确定</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!--录入成绩页面 -->
-    <!--结业页面 -->
-    <a-modal
-      v-model:visible="graduate_hs"
-      :footer="null"
-      :closable="closableQR"
-      wrapClassName="graModal"
-      style="margin-top: 400px"
-      :zIndex="9999"
-      @cancel="graduate_exit"
-    >
-      <div
-        class="graduate"
-        :style="{ display: graduate_hs ? 'block' : 'none' }"
-      >
-        <div class="gra_header"></div>
-        <div class="gra_main">
-          <div class="gram_header">
-            <div class="gra_icon"></div>
-            <span>结业</span>
-            <div class="close_exit" @click="graduate_exit"></div>
-          </div>
-          <div class="gram_body">
-            <div class="gramb_items">
-              <div class="items_left">
-                <div class="sign">
-                  <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                  />
-                </div>
-                <span>结业</span>
-              </div>
-              <div class="gramb_input">
-                <a-radio-group v-model:value="jyradioV1">
-                  <div class="bc_box">
-                    <div class="ol_checkbox">
-                      <a-radio
-                        v-model:checked="checked"
-                        :value="1"
-                        @click="clear_jyradioV1"
-                        >结业
-                      </a-radio>
-                    </div>
-                    <div class="ol_checkbox">
-                      <a-radio
-                        v-model:checked="checked"
-                        :value="2"
-                        @click="clear_jyradioV1"
-                        >不结业
-                      </a-radio>
-                    </div>
-                  </div>
-                </a-radio-group>
-              </div>
-            </div>
-          </div>
-          <div class="qrm_btnbox">
-            <div class="qrm_btn btn1">
-              <div class="btnText" @click="graduate_exit">取消</div>
-            </div>
-            <div class="qrm_btn btn2">
-              <div class="btnText" @click="handleJie">确定</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!--结业页面 -->
-    <!--请确定是否同意拒绝此学员学习此课程弹窗 -->
-    <a-modal
-      v-model:visible="agreereject_hs"
-      :footer="null"
-      :closable="closableQR"
-      wrapClassName="agrstudyModal"
-      centered="true"
-      @cancel="agreereject_exit"
-    >
-      <div
-        class="agreestudy"
-        :style="{ display: agreereject_hs ? 'block' : 'none' }"
-      >
-        <div class="agree_header"></div>
-        <div class="agree_main">
-          <div class="agreem_header">
-            <div class="agreem_icon"></div>
-            <span>提示</span>
-            <div class="close_exit" @click="agreereject_exit"></div>
-          </div>
-          <div class="agreem_body">
-            <div
-              class="body_box"
-              :style="{ display: agreestudy_hs ? 'block' : 'none' }"
-            >
-              <div>请确定是否同意此学员学习此课程</div>
-            </div>
-            <div
-              class="body_box"
-              :style="{ display: rejectstudy_hs ? 'block' : 'none' }"
-            >
-              <div>请确定是否拒绝此学员学习此课程</div>
-            </div>
-          </div>
-          <div class="qrm_btnbox">
-            <div class="qrm_btn btn1">
-              <div class="btnText" @click="agreereject_exit">取消</div>
-            </div>
-            <div class="qrm_btn btn2">
-              <div class="btnText" @click="handleAgreeTrue">确定</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!--请确定是否同意拒绝此学员学习此课程弹窗 -->
-    <!--删除 复制 停用弹窗 -->
-    <a-modal
-      v-model:visible="delete_hs"
-      :footer="null"
-      :closable="closableQR"
-      wrapClassName="DelModal"
-      style="margin-top: 400px"
-      :zIndex="9999"
-      @cancel="delete_exit1"
-    >
-      <div
-        class="delete"
-        :style="{
-          display: del_hs || copy_hs || nouse_hs ? 'block' : 'none',
-        }"
-      >
-        <div class="del_header"></div>
-        <div class="del_main">
-          <div class="header">
-            <div
-              class="del-icons"
-              :style="{ display: del_hs ? 'block' : 'none' }"
-            >
-              <img src="@/assets/images/coursewareManage/notice.png" alt="" />
-            </div>
-            <div
-              class="del-icons"
-              :style="{ display: copy_hs || nouse_hs ? 'block' : 'none' }"
-            >
-              <img src="@/assets/images/coursewareManage/QR.png" alt="" />
-            </div>
-            <span>提示</span>
-            <div class="close_exit" @click="delete_exit1"></div>
-          </div>
-          <div class="body">
-            <div :style="{ display: del_hs && !del_hs_stu ? 'block' : 'none' }">
-              <span>您确定要删除此课程吗</span>
-            </div>
-            <div :style="{ display: del_hs && del_hs_stu ? 'block' : 'none' }">
-              <span>您确定要删除此学员吗</span>
-            </div>
-            <div :style="{ display: copy_hs ? 'block' : 'none' }">
-              <span>您确定要复制此课程吗</span>
-            </div>
-            <div :style="{ display: nouse_hs ? 'block' : 'none' }">
-              <span>您确定要停用此课程吗</span>
-            </div>
-          </div>
-          <div class="del_btnbox">
-            <div class="del_btn btn1">
-              <div class="btnText" @click="delete_exit1">取消</div>
-            </div>
-            <div class="del_btn btn2">
-              <div v-if="addLoading" class="btnText">保存中...</div>
-              <div v-else class="btnText" @click="handleDeleteExit">确定</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!-- 预览弹窗 -->
-    <SeeModal
-      :visible="lookCourseModal"
-      :detail="faceDetailObj"
-      @cancel="ft_exit_see"
-    />
-    <!--删除 复制 停用弹窗 -->
-    <!-- 学员管理课程库-归属权抽屉 -->
-    <!-- <own-power v-model:ownpowervisible="ownpowervisible" /> -->
-    <!-- 学员管理课程库-归属权抽屉 -->
-    <!-- 添加授权侧弹窗 -->
-    <!-- <corpowerlist v-model:corpowerlistVisible="corpowerlistvisible" /> -->
-    <!-- 添加授权侧弹窗 -->
-    <!-- 学员管理-添加学员抽屉 -->
-    <!-- <StuAdd v-model:Stuvisible="Stuvisible" @sure="handlePostSure" /> -->
-    <!-- 添加学员抽屉 -->
-    <!-- <proj-check-ship
-      v-model:ProjCheckvisible="viewpowervisible"
-      :selectProjectId="offcourseId"
-      v-model:addStudentList="addStudentList"
-      :authClassify="authClassify"
-      classify="addstudent"
-    /> -->
-    <!-- 新建在线课弹窗 -->
-    <addOnlineCourse
-      v-model:addOnlineCoursevisible="addOnlineCoursevisible"
-      :closeOnlineModal="closeOnlineCoursevisible"
-    />
-    <!-- 新建在线课弹窗 -->
-
-    <!-- 授权名单抽屉 -->
-    <proj-power-list
-      v-model:ProjPvisible="corpowerlistvisible"
-      :selectProjectId="selectCourseId"
-      classify="course"
-    />
-    <!-- 归属权抽屉 -->
-    <proj-owner-ship
-      v-model:ProjOwnervisible="ownpowervisible"
-      :selectProjectId="selectCourseId"
-      classify="course"
-    />
-    <!-- 查看权抽屉 -->
-    <!-- <proj-check-ship
-      v-model:ProjCheckvisible="viewpowervisible"
-      :selectProjectId="selectCourseId"
-      v-model:addAuthList="addAuthList"
-      :authClassify="authClassify"
-      classify="course"
-    /> -->
-    <!--查看权抽屉 管理权抽屉 添加学员抽屉  -->
-    <proj-check-ship
-      v-model:ProjCheckvisible="viewpowervisible"
-      :selectProjectId="selectCourseId"
-      v-model:addAuthList="addAuthList"
-      :authClassify="authClassify"
-      classify="course"
-      :type="shipType"
-    />
-  </div>
-
-  <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
-    <a-spin :spinning="addLoading" tip="保存中..." />
-  </div>
+    </div>
+  </a-modal>
 </template>
 <script>
 import {
@@ -3090,842 +362,89 @@ import {
   shallowRef,
   onMounted,
   onBeforeUnmount,
-  watch,
 } from "vue";
-import * as api from "../../api/indexInvist.js";
-import { message } from "ant-design-vue";
-import { useRouter, useRoute } from "vue-router";
-// import StuAdd from "../../components/drawers/StuAdd";
-// import OwnPower from "../../components/drawers/OwnPower.vue";
-// import Corpowerlist from "../../components/drawers/CorPowerlist.vue";
-import addOnlineCourse from "../../components/Modals/addOnlineCourse.vue";
-
-import ProjOwnerShip from "../../components/drawers/ProjectOwn";
-import ProjPowerList from "../../components/drawers/ProjPowerList";
-import ProjCheckShip from "../../components/drawers/ProjCheckPower";
-import AssessmentList from "../../components/drawers/ AssessmentList.vue";
-import {
-  list,
-  edit,
-  detail,
-  detailPlan,
-  handle,
-  exportP,
-  deletePlan,
-  planList,
-  editPlan,
-  studentList,
-  addStudent,
-  studentExport,
-  handleStudent,
-  getMemberInfoApi,
-  // listReview,
-  // studyRecordList,
-} from "@/api/indexCourse";
-import {
-  traverseArr,
-  getdateToTime,
-  newFile,
-  getdateToDate,
-} from "../../utils/utils";
-// import { toDate } from "../../api/method.js";
-import { fileUp } from "../../api/indexEval";
-import dayjs from "dayjs";
+import {message} from "ant-design-vue";
+import {edit, detail, handle} from "@/api/indexCourse";
+import {fileUp} from "../../api/indexEval";
 import * as api1 from "../../api/index1";
-
 import "@wangeditor/editor/dist/css/style.css";
-import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
+import {Editor, Toolbar} from "@wangeditor/editor-for-vue";
 import ProjectManager from "@/components/project/ProjectManagerNew";
-
-import SeeModal from "./components/seeModal.vue";
+import FJUpload from "@/components/common/FJUpload";
 import * as moment from "moment";
 
-//列表表格
-const columns1 = [
-  {
-    title: "序号",
-    width: 100,
-    dataIndex: "num",
-    key: "num",
-    align: "center",
-    customRender: ({ index, record }) => {
-      const pageNum =
-        Number(record.pageNo) - 1 > 0 ? (Number(record.pageNo) - 1) * 10 : 0;
-      return index + 1 + pageNum;
-    },
-  },
-  {
-    title: "名称",
-    width: 200,
-    dataIndex: "name",
-    key: "name",
-    ellipsis: true,
-    align: "center",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "内容分类",
-    width: 130,
-    dataIndex: "contentTxt",
-    key: "1",
-    align: "center",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "课程形式",
-    width: 130,
-    dataIndex: "courseform",
-    key: "2",
-    align: "center",
-    customRender: ({ record }) => {
-      switch (String(record.courseform)) {
-        case "1":
-          return "线上";
-        case "2":
-          return "面授";
-      }
-    },
-  },
-  {
-    title: " 所属项目",
-    width: 250,
-    dataIndex: "projectName",
-    key: "3",
-    align: "center",
-    ellipsis: true,
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: " 所属路径",
-    width: 250,
-    dataIndex: "routerName",
-    key: "3",
-    align: "center",
-    ellipsis: true,
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "学习人数",
-    width: 130,
-    dataIndex: "stunum",
-    key: "4",
-    align: "center",
-    customRender: ({ text }) => {
-      return text ? text : "0";
-    },
-  },
-  {
-    title: "评分",
-    width: 130,
-    dataIndex: "grade",
-    key: "5",
-    align: "center",
-    customRender: ({ text }) => {
-      return text ? text : "0";
-    },
-  },
-  {
-    title: "状态",
-    width: 130,
-    dataIndex: "status",
-    key: "6",
-    align: "center",
-    customRender: ({ record }) => {
-      switch (String(record.status)) {
-        case "0":
-          return "未提交";
-        case "1":
-          return "待审核";
-        case "2":
-          return "已审核";
-        case "-1":
-          return "审核未通过";
-      }
-    },
-  },
-  {
-    title: "是否发布",
-    width: 100,
-    dataIndex: "ynpub",
-    key: "7",
-    align: "center",
-    customRender: ({ record }) => {
-      switch (String(record.ynpub)) {
-        case "0":
-          return "未发布";
-        case "1":
-          return "已发布";
-      }
-    },
-  },
-  {
-    title: "创建人",
-    width: 100,
-    dataIndex: "creator",
-    key: "8",
-    align: "center",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "创建时间",
-    width: 160,
-    dataIndex: "createtime",
-    key: "9",
-    align: "center",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "上线时间",
-    width: 160,
-    dataIndex: "pubtime",
-    key: "10",
-    align: "center",
-    customRender: ({ text }) => {
-      return text ? getdateToTime(text * 1000) : "-";
-    },
-  },
-  {
-    title: "是否停用",
-    width: 100,
-    key: "either",
-    dataIndex: "kkty",
-    align: "center",
-    customRender: ({ record }) => {
-      switch (String(record.kkty)) {
-        case "0":
-          return "停用";
-        case "1":
-          return "启用";
-      }
-    },
-  },
-  {
-    title: "操作",
-    width: 300,
-    className: "h",
-    dataIndex: "operation",
-    key: "operation",
-    fixed: "right",
-    align: "center",
-  },
-];
-//列表操作在线面授管理
-const columns2 = [
-  {
-    title: "姓名",
-    dataIndex: "projectName",
-    key: "projectName",
-    width: "16%",
-    align: "center",
-  },
-  {
-    title: "工号",
-    dataIndex: "numb",
-    key: "numb",
-    width: "16%",
-    align: "center",
-  },
-  {
-    title: "报名时间",
-    dataIndex: "applytime",
-    key: "applytime",
-    width: "16%",
-    align: "center",
-  },
-  {
-    title: "签到时间",
-    dataIndex: "signtime",
-    key: "signtime",
-    width: "16%",
-    align: "center",
-  },
-  {
-    title: "状态",
-    dataIndex: "status",
-    key: "status",
-    width: "16%",
-    align: "center",
-  },
-  {
-    title: "操作",
-    dataIndex: "opacation",
-    key: "opacation",
-    width: "16%",
-    align: "center",
-  },
-];
-//管理查看详情
-const columns4 = [
-  {
-    title: "开课名称",
-    dataIndex: "projectName",
-    key: "projectName",
-    width: "30%",
-    align: "center",
-  },
-  {
-    title: "地点",
-    dataIndex: "address",
-    key: "address",
-    width: "30%",
-    align: "center",
-  },
-  {
-    title: "状态",
-    dataIndex: "status",
-    key: "status",
-    width: "40%",
-    align: "center",
-  },
-];
-//开课表格
-const columns6 = [
-  {
-    title: "序号",
-    dataIndex: "num",
-    key: "num",
-    width: "6%",
-    align: "center",
-    ellipsis: true,
-    customRender: ({ index, record }) => {
-      const pageNum =
-        Number(record.pageNo) - 1 > 0 ? (Number(record.pageNo) - 1) * 10 : 0;
-      return index + 1 + pageNum;
-    },
-  },
-  {
-    title: "创建人",
-    dataIndex: "name",
-    key: "name",
-    width: "10%",
-    align: "center",
-    ellipsis: true,
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "教师名称",
-    dataIndex: "teacher",
-    key: "teacher",
-    width: "10%",
-    align: "center",
-    ellipsis: true,
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "课程名称",
-    dataIndex: "organization",
-    key: "organization",
-    width: "15%",
-    align: "center",
-    ellipsis: true,
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "场地",
-    dataIndex: "address",
-    key: "saddress",
-    width: "15%",
-    align: "center",
-    ellipsis: true,
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "开始时间",
-    dataIndex: "starttime",
-    key: "starttime",
-    width: "12%",
-    ellipsis: true,
-    align: "center",
-    customRender: ({ text }) => {
-      // return text ? getdateToTime(text * 1000) : "-";
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "创建时间",
-    dataIndex: "createtime",
-    key: "createtime",
-    width: "12%",
-    ellipsis: true,
-    align: "center",
-    customRender: ({ text }) => {
-      // return text ? getdateToTime(text * 1000) : "-";
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "操作",
-    width: "20%",
-    dataIndex: "operation",
-    key: "operation",
-    align: "center",
-  },
-];
-//开课学员管理
-const columns7 = [
-  {
-    title: "序号",
-    width: 200,
-    dataIndex: "num",
-    key: "num",
-    align: "center",
-    customRender: ({ index, record }) => {
-      const pageNum =
-        Number(record.pageNo) - 1 > 0 ? (Number(record.pageNo) - 1) * 10 : 0;
-      return index + 1 + pageNum;
-    },
-  },
-  {
-    title: "姓名",
-    width: 200,
-    dataIndex: "name",
-    key: "name",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "工号",
-    width: 200,
-    dataIndex: "number",
-    key: "1",
-    align: "center",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "部门",
-    width: 200,
-    dataIndex: "department",
-    key: "2",
-    align: "center",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "岗位",
-    width: 300,
-    dataIndex: "postion",
-    key: "3",
-    align: "center",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "Band",
-    width: 200,
-    dataIndex: "band",
-    key: "4",
-    align: "center",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "报名状态",
-    width: 200,
-    dataIndex: "status",
-    key: "5",
-    align: "center",
-    customRender: ({ record }) => {
-      switch (String(record.source)) {
-        case "0":
-          return "待审核";
-        case "1":
-          return "审核通过";
-        case "2":
-          return "审核拒绝";
-      }
-    },
-  },
-  {
-    title: "加入方式",
-    width: 200,
-    dataIndex: "join",
-    key: "6",
-    align: "center",
-    customRender: ({ record }) => {
-      switch (String(record.source)) {
-        case "1":
-          return "手动加入";
-        case "2":
-          return "报名加入";
-      }
-    },
-  },
-  {
-    title: "签到状态",
-    width: 200,
-    dataIndex: "signstatus",
-    key: "7",
-    align: "center",
-    customRender: ({ record }) => {
-      switch (String(record.signStatus)) {
-        case "0":
-          return "未签到";
-        case "1":
-          return "已签到";
-        case "2":
-          return "请假";
-      }
-    },
-  },
-  {
-    title: "评估状态",
-    width: 200,
-    dataIndex: "evastatus",
-    key: "8",
-    align: "center",
-    customRender: ({ record }) => {
-      switch (String(record.evalStatus)) {
-        case "0":
-          return "未评估";
-        case "1":
-          return "已评估";
-      }
-    },
-  },
-  // {
-  //   title: "结业状态",
-  //   width: 100,
-  //   className: "h",
-  //   dataIndex: "overstatus",
-  //   key: "overstatus",
-  //   fixed: "right",
-  //   align: "center",
-  //   // key: "9",
-  //   // align: "center",
-  //   // customRender: ({ record }) => {
-  //   //   switch (String(record.source)) {
-  //   //     case "0":
-  //   //       return "未结业";
-  //   //     case "1":
-  //   //       return "已结业";
-  //   //   }
-  //   // },
-  // },
-  {
-    title: "操作",
-    width: 100,
-    className: "h",
-    dataIndex: "operation",
-    key: "operation",
-    fixed: "right",
-    align: "center",
-  },
-];
 export default defineComponent({
   components: {
-    // OwnPower,
-    // Corpowerlist,
     Editor,
     Toolbar,
-    SeeModal,
-    // StuAdd,
+    FJUpload,
     ProjectManager,
-    ProjOwnerShip,
-    ProjPowerList,
-    ProjCheckShip,
-    AssessmentList,
-    // VNodes: (_, {attrs}) => {
-    //   return attrs.vnodes;
-    // },
-    addOnlineCourse,
   },
-  setup() {
+  setup(props, {expose, emit}) {
     const state = reactive({
-      shipType: 1,
-      addLoading: false,
-      currentPlanItem: {},
-      teacherId: null,
-      teacher: null,
-      selectedRowKeys7: [],
-      isEdit: 0,
-      member: { name: "", value: "" },
-      //列表表格
-      tableData1: [
-        // {
-        //   key: "1",
-        //   num: 1,
-        //   name: "时间管理",
-        //   content: "领导力",
-        //   courseform: "线上",
-        //   project: "管理者进阶-腾飞班1",
-        //   stunum: "50",
-        //   grade: "5",
-        //   status: "未提交",
-        //   ynpub: "未发布",
-        //   creator: "管理员",
-        //   createtime: "2022-07-20 9:30",
-        //   pubtime: "2022-07-20 9:30",
-        //   kkty: false,
-        // },
-      ],
-      //在线面授管理报名管理
-      tableData2: [
-        // {
-        //   key: 1,
-        //   projectName: "刘莉",
-        //   numb: "10064511",
-        //   applytime: "2022-07-20 14:00:00",
-        //   signtime: "-",
-        //   status: "已通过",
-        // },
-      ],
-      //在线面授管理学习记录
-      tableData3: [
-        {
-          key: 1,
-          projectName: "刘莉",
-          numb: "10064511",
-          applytime: "2022-07-20 14:00:00",
-          signtime: "-",
-          status: "已通过",
-        },
-      ],
-      //管理查看详情
-      tableData4: [
-        {
-          key: 1,
-          projectName: "刘莉",
-          address: "10064511",
-          status: "已通过",
-        },
-      ],
-      //列表表格
-      tableData5: [
-        // {
-        //   key: "1",
-        //   num: 1,
-        //   name: "时间管理",
-        //   content: "领导力",
-        //   courseform: "线上",
-        //   project: "管理者进阶-腾飞班1",
-        //   stunum: "50",
-        //   grade: "5",
-        //   status: "未提交",
-        //   ynpub: "未发布",
-        //   creator: "管理员",
-        //   createtime: "2022-07-20 9:30",
-        //   pubtime: "2022-07-20 9:30",
-        //   kkty: false,
-        // },
-      ],
-      //开课
-      tableData6: [
-        // {
-        //   key: 1,
-        //   num: 1,
-        //   organization: "管理者面授课1",
-        //   address: "核心能力大楼培训",
-        //   starttime: "2022-07-20 14:00:00",
-        //   createtime: "2022-07-14 14:00:00",
-        // },
-      ],
-      //开课学员管理
-      tableData7: [
-        // {
-        //   key: "1",
-        //   num: 1,
-        //   name: "李梦",
-        //   number: "1000",
-        //   department: "显示事业",
-        //   postion: "产品经理",
-        //   band: "Band9",
-        //   status: "待审核",
-        //   join: "手动加入",
-        //   signstatus: "-",
-        //   evastatus: "-",
-        //   overstatus: "-",
-        // },
-      ],
-      currentPage1: 1,
-      tableDataTotal1: 100,
-      pageSize1: 10,
-
-      currentPageTea1: 1,
-      tableDataTotalTea1: 0,
-      pageSizeTea1: 10,
-      currentPageTea2: 1,
-      tableDataTotalTea2: 0,
-      pageSizeTea2: 10,
-
-      Stuvisible: false, //添加学员
-
-      currentPage: 1,
-      tableDataTotal: 100,
-      pageSize: 10,
-      selectedRowKeys: [],
-      faceManageTab: "1",
-      of_hs: false,
       hideshow: true,
-      bs_hs: true,
+      attach: '',
       ft_hs: false,
-      lookMs: false,
-      om_1: false,
-      ft_1: false,
-      om_ckxq: false,
-      stm_hs: false,
-      cstm_hs: false,
-      sm_hs: false,
-      QR_hs: false,
-      closableQR: false,
-      rg_hs: false,
-      piliang: false,
-      graduate_hs: false,
-      agreereject_hs: false,
-      agreestudy_hs: false,
-      rejectstudy_hs: false,
-      delete_hs: false,
-      del_hs: false,
-      del_hs_stu: false,
-      copy_hs: false,
-      nouse_hs: false,
-      // 二维码标题状态
-      qrQR_hs: false,
-      olQR_hs: false,
-      ftQR_hs: false,
-      ftsQR_hs: false,
-      vipftQR_hs: false,
-      //抽屉状态
-      ownpowervisible: false,
-      corpowerlistvisible: false,
-
-      lookCourseModal: false,
-      faceDetailObj: null,
-
-      offcourseId: null,
-      projectName: "",
-      name: "",
-      createName: "",
-      auditStatus: null,
-      categoryId: null,
-      projectTime: "",
-
-      //列表
-      value1: "",
-      value2: "",
-      value3: "",
-      value4: "",
-      //选择线上还是面授
-      xzinputV1: "",
-      valueE1: "",
-      valueE2: "",
-      //确定面授
-      ft_eidt: false,
+      addLoading: false,
       statusJuJue: 0,
       statusTingQi: 1,
+      member: {name: "", value: ""},
+
+      offcourseId: null,
       qdms_inputV1: "",
       qdms_inputV2: "",
       qdms_inputV3: "",
-      qdms_inputV4: [],
-      tagsOptions: [],
-      qdms_inputV5: null,
       fen_lei: null,
       feng_mian_1: null,
-      feng_mian_2: null,
       chang_jin: null,
       tags_val_single: "",
       tags_val: [],
       qdms_inputV6: "",
-      //在线面授管理
-      gl_selectV1: undefined,
-      gl_selectV2: undefined,
-      gl_inputV1: "",
-      gl_inputV2: "",
-      //开课
-      kk_eidt: false,
-      kkinputV1: "",
-      kkinputV2: "",
-      //新建开课
-      xjkkradioV1: "",
-      completeType: "",
-      xjkkinputV1: "",
-      xjkkinputV2: "",
-      xjkkinputV3: "",
-      xjkkinputV4: null,
-      //开课学员管理
-      xygl_inputV1: "",
-      //录入成绩
-      lrcj_inputV1: "",
-      //结业
-      jyradioV1: "",
-
-      imageUrl: "",
       imgList: [],
-
-      pageSize2: 10,
-      currentPage2: 0,
-      tableDataTotal2: 0,
-      pageSize22: 10,
-      currentPage22: 1,
-      tableDataTotal22: 0,
-      pageSize222: 10,
-      currentPage222: 1,
-      tableDataTotal222: 0,
-      kk_inputV1: "",
-      kk_inputV2: "",
-      selectTime: "",
-
-      pageSize3: 10,
-      currentPage3: 1,
-      tableDataTotal3: 0,
-
-      checked1: false,
-      checked4: false,
-      offcoursePlanId: 0,
-      filesList: [],
-      signCom: false,
-      regisCom: false,
-      comLeave: false,
-      studentId: 0,
-      studentItem: {},
-      addOnlineCoursevisible: false, //新建面授弹窗
-
-      selectCourseId: null, //授权选择的id
-
-      viewpowervisible: false, //查看权抽屉
-      authClassify: null, //1：查看权 2：管理权 3：学员
-      addAuthList: null,
-
-      addStudentList: null, //选中列表
-
-      newCourseName: null, //新建开课名称
-
-      assessment: {},
-      assessmentId: null,
-      assessmentName: "",
-      assessmentVisible: false,
     });
 
-    const showStuAdd = (record) => {
-      state.selectCourseId = record.offcoursePlanId;
-      state.shipType = 2;
-      state.authClassify = 3;
-      state.viewpowervisible = true;
+    const visibleOpen = (offcourseId) => {
+      state.offcourseId = offcourseId;
+
+      if (state.offcourseId) {
+        handleEditInfo(state.offcourseId);
+      } else {
+        state.ft_hs = true;
+      }
+    };
+    const visibleClose = () => {
+      state.ft_hs = false;
+      ft_exit();
+      emit("visibleClose");
+    };
+
+    expose({
+      visibleOpen,
+      visibleClose,
+    });
+
+    const ft_exit = () => {
+      state.hideshow = true;
+      state.ft_hs = false;
+      state.addLoading = false;
+      state.statusJuJue = 0;
+      state.statusTingQi = 1;
+      state.member = {name: "", value: ""};
+
+      state.offcourseId = null;
+      state.qdms_inputV1 = "";
+      state.qdms_inputV2 = "";
+      state.qdms_inputV3 = "";
+      state.fen_lei = null;
+      state.feng_mian_1 = null;
+      state.chang_jin = null;
+      state.tags_val_single = "";
+      state.tags_val = [];
+      state.qdms_inputV6 = "";
+      state.imgList = [];
+      state.attach = '';
+
+      valueHtml.value = "";
     };
 
     //  富文本 sssssssssssssss
@@ -3946,11 +465,10 @@ export default defineComponent({
         // console.log(bar);
       }, 3500);
     });
-
     const toolbarConfig = {
       excludeKeys: ["insertVideo", "insertImage"],
     };
-    const editorConfig = { placeholder: "请输入内容...", MENU_CONF: {} };
+    const editorConfig = {placeholder: "请输入内容...", MENU_CONF: {}};
     editorConfig.MENU_CONF["uploadImage"] = {
       // 自定义上传
       async customUpload(file, insertFn) {
@@ -3965,8 +483,6 @@ export default defineComponent({
       },
     };
     const handleCreated = (editor) => {
-      console.log("toolbar2222222222333333322222");
-      console.log(editorRef.value);
       editorRef.value = editor; // 记录 editor 实例，重要！
     };
     // 组件销毁时，也及时销毁编辑器
@@ -3977,385 +493,11 @@ export default defineComponent({
     });
     //  富文本 eeeeeeeeeeeeee
 
-    const route = useRoute();
-    console.log(route);
-    const router = useRouter();
-    console.log(router);
-
-    const beforeUpload = (file) => {
-      return new Promise((resolve, reject) => {
-        const isJpgOrPng =
-          file.type === "image/jpg" ||
-          file.type === "image/jpeg" ||
-          file.type === "image/png" ||
-          file.type === "image/svg" ||
-          file.type === "image/bmp" ||
-          file.type === "image/gif";
-        if (!isJpgOrPng) {
-          message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!");
-          return reject(false);
-        }
-
-        console.log(file.size);
-        let isLt1M = file.size / 10240 / 10240 <= 1;
-        if (!isLt1M) {
-          this.$message.error("图片大小超过10MB!");
-          return reject(false);
-        }
-
-        let w = 0,
-          h = 0;
-        let reader = new FileReader();
-        reader.readAsDataURL(file);
-        reader.onload = () => {
-          const image = new Image();
-          image.src = reader.result;
-          image.onload = () => {
-            w = image.width;
-            h = image.height;
-            const ratio = 800 / 450;
-            if (w / h == ratio) {
-              // 图片比例为800*450横纵比一致
-
-              const formData = new FormData();
-              formData.append("file", file);
-              console.log(file);
-              fileUp(formData).then((res) => {
-                if (res.data.code === 200) {
-                  state.imageUrl = res.data.data;
-                  // state.hasImgName = file.name;
-                  // emit("src", { id: curItem.value.id, src: res.data.data });
-                }
-              });
-              return resolve(true);
-            } else {
-              message.error(
-                "图片尺寸错误，只能上传800*450(高宽比例为16：9)横纵比一致的图片"
-              );
-              return reject(false);
-            }
-          };
-        };
-
-        return reject(false);
-      });
-    };
-    const beforeUpload2 = (file) => {
-      console.log(6765555);
-      console.log(file);
-      const fileType = [
-        "jpg",
-        "jpeg",
-        "png",
-        "gif",
-        "pdf",
-        "ppt",
-        "pptx",
-        "doc",
-        "docx",
-        "xls",
-        "xlsx",
-        "zip",
-      ];
-      if (!fileType.includes(file.name.split(".")[1])) {
-        message.error(
-          "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
-        );
-        return false;
-      }
-
-      // let isLt1M = file.size / 10240 / 10240 <= 1;
-      // if (!isLt1M) {
-      //   this.$message.error("图片大小超过10MB!");
-      //   return false;
-      // }
-
-      const formData = new FormData();
-      formData.append("file", file);
-      console.log(file);
-      fileUp(formData).then((res) => {
-        if (res.data.code === 200) {
-          state.imgList.push({
-            img: res.data.data,
-            name: file.name,
-            size: file.size,
-          });
-          console.log(state.imgList);
-          // state.hasImgName = res.data.data;
-        }
-      });
-      return false;
-    };
-    const handleDel = (index) => {
-      state.imgList.splice(index, 1);
-    };
-    const handleDel2 = (index) => {
-      state.filesList.splice(index, 1);
-    };
-
-    // 渲染列表1操作
-    const getTableDate = async () => {
-      // let datas = state.tableData1;
-      let startTime = "";
-      let endTime = "";
-      if (state.projectTime) {
-        startTime = state.projectTime[0];
-        endTime = state.projectTime[1];
-      }
-      let res = await list({
-        pageNo: state.currentPage1,
-        pageSize: state.pageSize1,
-        auditStatus: state.auditStatus,
-        categoryId: state.categoryId,
-        projectName: state.projectName,
-        name: state.name,
-        createName: state.createName,
-        endTime: endTime,
-        beginTime: startTime,
-      });
-      const { rows, total, pageNo } = res.data.data;
-      console.log(res.data.data);
-      state.tableDataTotal1 = total;
-      for (let i = 0; i < rows.length; i++) {
-        rows[i].num = i + 1 + (state.currentPage1 - 1) * 10;
-      }
-      const datas = traverseArr(
-        rows,
-        {
-          key: "offcourseId",
-          num: "num",
-          name: "name",
-          content: "categoryId",
-          courseform: "type",
-          project: "projectName",
-          stunum: "studentCnt",
-          grade: "score",
-          status: "auditStatus",
-          ynpub: "publishStatus",
-          creator: "createName",
-          createtime: "createTime",
-          pubtime: "publishTime",
-          kkty: "status",
-          offcourseId: "offcourseId",
-        },
-        true
-      );
-      datas.forEach((itm) => {
-        itm.pageNo = pageNo;
-        for (let item of options2.value) {
-          if (String(item.value) === String(itm.content)) {
-            itm.contentTxt = item.label;
-            return false;
-          }
-        }
-      });
-      state.tableData1 = datas;
-    };
-    getTableDate();
-    const handelChangePage1 = (page, pageSize) => {
-      state.currentPage1 = page;
-      state.pageSize1 = pageSize;
-      getTableDate();
-    };
-    const handleSearch1 = () => {
-      getTableDate();
-    };
-    const handleRest1 = () => {
-      state.projectName = "";
-      state.name = "";
-      state.createName = "";
-      state.auditStatus = null;
-      state.categoryId = null;
-      state.projectTime = "";
-      getTableDate();
-    };
-
-    const handleSucessStu = (itm) => {
-      console.log(itm);
-      state.studentId = itm.studentId;
-      state.studentItem = itm;
-
-      state.agreereject_hs = true;
-      state.agreestudy_hs = true;
-    };
-    const handleRejectStu = (itm) => {
-      console.log(itm);
-      state.studentId = itm.studentId;
-      state.studentItem = itm;
-
-      state.agreereject_hs = true;
-      state.rejectstudy_hs = true;
-    };
-    const handleDeleteStu = (itm) => {
-      console.log(itm);
-      state.studentId = itm.studentId;
-      state.studentItem = itm;
-
-      state.delete_hs = true;
-      state.del_hs = true;
-      state.del_hs_stu = true;
-    };
-    const handlJoinStu = (itm) => {
-      console.log(itm);
-      state.studentId = itm.studentId;
-      state.studentItem = itm;
-
-      state.rg_hs = true;
-    };
-    const handleOverStu = (itm) => {
-      console.log(itm);
-      state.studentId = itm.studentId;
-      state.studentItem = itm;
-
-      state.graduate_hs = true;
-    };
-
-    //快速选人 选中的数组
-    const onSelectChange7 = (selectedRowKeys, item) => {
-      console.log("selectedRowKeys changed: ", selectedRowKeys, item);
-      state.selectedRowKeys7 = selectedRowKeys;
-      if (selectedRowKeys.length) {
-        state.piliang = true;
-      } else {
-        state.piliang = false;
-      }
-      // state.choosepeople = item.reverse();
-      // console.log(item, "选中你了！", state.choosepeople);
-      // selectedsHeight();
-    };
-    const handleAllJion = () => {
-      console.log(111);
-      if (state.piliang) {
-        state.rg_hs = true;
-      }
-    };
-    const handleAllover = () => {
-      console.log(111);
-
-      if (state.selectedRowKeys7.length === 0) {
-        return;
-      }
-
-      handleStudent({
-        offcoursePlanId: state.offcoursePlanId,
-        score: "",
-        studentIds: state.selectedRowKeys7,
-        type: 2,
-      }).then((res) => {
-        console.log(res);
-        getTableDate2();
-      });
-    };
-    const handleAllSuc = () => {
-      console.log(111);
-
-      if (state.selectedRowKeys7.length === 0) {
-        return;
-      }
-
-      handleStudent({
-        offcoursePlanId: state.offcoursePlanId,
-        score: "",
-        studentIds: state.selectedRowKeys7,
-        type: 3,
-      }).then((res) => {
-        console.log(res);
-        getTableDate2();
-      });
-    };
-    const handleAllReject = () => {
-      console.log(111);
-
-      if (state.selectedRowKeys7.length === 0) {
-        return;
-      }
-
-      handleStudent({
-        offcoursePlanId: state.offcoursePlanId,
-        score: "",
-        studentIds: state.selectedRowKeys7,
-        type: 4,
-      }).then((res) => {
-        console.log(res);
-        getTableDate2();
-      });
-    };
-
-    const handleExportStu = () => {
-      console.log(55533);
-      console.log(state.offcoursePlanId);
-
-      studentExport({
-        pageNo: state.currentPage3,
-        pageSize: state.pageSize3,
-        // applyStatus: state.auditStatus,
-        // evalStatus: state.categoryId,
-        // name: state.projectName,
-        // signStatus: state.name,
-        // status: state.name,
-        offcoursePlanId: state.offcoursePlanId,
-      }).then((res) => {
-        // 流文件？？？
-        console.log("res33333");
-        console.log(res);
-
-        newFile(res.data.data);
-      });
-    };
-
-    const showAssessment = () => {
-      state.assessmentVisible = true;
-    };
-    const removePG = () => {
-      console.log("11111");
-      state.assessmentId = null;
-      state.assessmentName = "";
-      // state.isEvaluate = "0";
-    };
-    const getCheckedAss = (ass) => {
-      console.log("ass");
-      console.log(ass);
-      state.assessmentId = ass.assessmentId;
-      state.assessmentName = ass.name;
-      state.assessment = ass;
-      // state.assessment1 = null;
-    };
-
-    const rest = () => {
-      options4CurName.value = "";
-      options4CurId.value = "";
-      state.teacher = null;
-      state.teacherId = null;
-    };
-    const handleChangeTea1 = (val) => {
-      console.log(787877);
-      console.log(val);
-
-      rest();
-      getTea();
-    };
-    const handelChangePageTea1 = (page, pageSize) => {
-      state.currentPageTea1 = page;
-      state.pageSizeTea1 = pageSize;
-      rest();
-      getTea();
-    };
-    const handleChangeTea2 = (val) => {
-      console.log(787877);
-      console.log(val);
-      options4CurName.value = val;
-      rest();
-      getTea();
-    };
-    const handelChangePageTea2 = (page, pageSize) => {
-      state.currentPageTea2 = page;
-      state.pageSizeTea2 = pageSize;
-      rest();
-      getTea();
-    };
-
     //获取分类、场景、封面图、-----------字典配置-------------------------------
     const optionsUrl = ref([]);
+    const options2 = ref([]);
+    const options3 = ref([]);
+    const options4 = ref([]);
     const getDictList = (param) => {
       let obj = {
         pageNo: 1,
@@ -4363,267 +505,54 @@ export default defineComponent({
         setCode: param,
       };
       api1
-        .getDict(obj)
-        .then((res) => {
-          console.log("获取字典成功", res);
-          if (res.data.code === 200) {
-            if (param === "faceclassPic") {
-              let arr = res.data.data.rows;
-              let newArr = [];
-              arr.forEach((item) => {
-                newArr.push({
-                  value: item.dictValue,
-                  label: item.dictName,
+          .getDict(obj)
+          .then((res) => {
+            console.log("获取字典成功", res);
+            if (res.data.code === 200) {
+              if (param === "faceclassPic") {
+                let arr = res.data.data.rows;
+                let newArr = [];
+                arr.forEach((item) => {
+                  newArr.push({
+                    value: item.dictValue,
+                    label: item.dictName,
+                  });
                 });
-              });
-              optionsUrl.value = newArr;
-              // if (res.data.data.rows.length > 0) {
-              //   state.imageUrl = res.data.data.rows[0].dictValue;
-              // }
-            }
-            if (param === "faceclassClass") {
-              let arr = res.data.data.rows;
-              let newArr = [];
-              arr.forEach((item) => {
-                newArr.push({
-                  value: item.dictCode,
-                  label: item.dictName,
+                optionsUrl.value = newArr;
+              }
+              if (param === "faceclassClass") {
+                let arr = res.data.data.rows;
+                let newArr = [];
+                arr.forEach((item) => {
+                  newArr.push({
+                    value: item.dictCode,
+                    label: item.dictName,
+                  });
                 });
-              });
-              options2.value = newArr;
-            }
-            if (param === "faceclassScene") {
-              let arr = res.data.data.rows;
-              let newArr = [];
-              arr.forEach((item) => {
-                newArr.push({
-                  value: item.dictCode,
-                  label: item.dictName,
+                options2.value = newArr;
+              }
+              if (param === "faceclassScene") {
+                let arr = res.data.data.rows;
+                let newArr = [];
+                arr.forEach((item) => {
+                  newArr.push({
+                    value: item.dictCode,
+                    label: item.dictName,
+                  });
                 });
-              });
-              options3.value = newArr;
+                options3.value = newArr;
+              }
             }
-          }
-        })
-        .catch((err) => {
-          console.log("获取字典失败", err);
-        });
+          })
+          .catch((err) => {
+            console.log("获取字典失败", err);
+          });
     };
     getDictList("faceclassClass");
     getDictList("faceclassScene");
     getDictList("faceclassPic");
     //获取分类、场景、封面图、----------------字典配置---------------------------
 
-    //渲染学员管理操作
-    const getTableDate2 = async () => {
-      // let data2 = state.tableData7;
-      let obj = {
-        pageNo: state.currentPage3,
-        pageSize: state.pageSize3,
-        offcoursePlanId: state.offcoursePlanId,
-        name: state.xygl_inputV1,
-      };
-      // console.log("获取学员信息", obj);
-      let res = await studentList(obj);
-      // console.log("获取学员列表", res);
-      const { rows, total, pageNo } = res.data.data;
-      state.tableDataTotal3 = total;
-
-      for (let i = 0; i < rows.length; i++) {
-        rows[i].num = i + 1 + (state.currentPage3 - 1) * 10;
-      }
-      rows.forEach((item, index) => {
-        rows[index] = {
-          ...item,
-          ...item.userInfoBo,
-        };
-      });
-      const data2 = traverseArr(
-        rows,
-        {
-          key: "studentId",
-          num: "num",
-          name: "name",
-          number: "studentId",
-          department: "deptName",
-          postion: "jobName",
-          band: "userAutograph",
-          status: "applyStatus",
-          join: "source",
-          signstatus: "signStatus",
-          evastatus: "evalStatus",
-          overstatus: "status",
-        },
-        true
-      );
-      data2.forEach((itm) => {
-        itm.pageNo = pageNo;
-      });
-      state.tableData7 = data2;
-    };
-    getTableDate2();
-    // 渲染开课操作
-
-    const handleSearchTable2 = () => {
-      console.log(7878);
-      getTableDate33();
-    };
-    const handleSearchTable3 = () => {
-      console.log(7878);
-      getTableDate333();
-    };
-    const getTableDate33 = async () => {
-      // let datas = state.tableData2;
-      // let res = await listReview({
-      //   pageNo: state.currentPage22,
-      //   pageSize: state.pageSize22,
-      //   auditStatus: state.gl_selectV1,
-      //   name: state.gl_inputv1,
-      // });
-      // const { rows, total } = res.data.data;
-      // state.tableDataTotal22 = total;
-      // const datas = traverseArr(
-      //   rows,
-      //   {
-      //     key: "offcourseId",
-      //     projectName: "projectName",
-      //     numb: "assessmentName",
-      //     applytime: "createTime",
-      //     signtime: "publishTime",
-      //     status: "auditStatus",
-      //   },
-      //   true
-      // );
-      // state.tableData2 = datas;
-    };
-    // 渲染开课操作
-    const getTableDate333 = async () => {
-      // let datas = state.tableData2;
-      // let res = await studyRecordList({
-      //   pageNo: state.currentPage222,
-      //   pageSize: state.pageSize222,
-      //   name: state.gl_selectV1,
-      //   status: state.gl_inputv1,
-      // });
-      // const { rows, total } = res.data.data;
-      // state.tableDataTotal222 = total;
-      // const datas = traverseArr(
-      //   rows,
-      //   {
-      //     key: "offcourseId",
-      //     projectName: "projectName",
-      //     numb: "assessmentName",
-      //     applytime: "createTime",
-      //     signtime: "publishTime",
-      //     status: "auditStatus",
-      //   },
-      //   true
-      // );
-      // state.tableData2 = datas;
-    };
-    // 渲染开课操作
-    const getTableDate3 = async () => {
-      // let datas = state.tableData6;
-      let obj = {
-        pageNo: state.currentPage222,
-        pageSize: state.pageSize222,
-        name: state.kk_inputV1,
-        teacher: state.kk_inputV2,
-        beginTime: parseInt(new Date(state.selectTime).getTime() / 1000),
-        offcourseId: state.offcourseId,
-      };
-      console.log("获取开课", obj);
-      let res = await planList(obj);
-      console.log("开课res", res);
-      const { rows, total, pageNo } = res.data.data;
-      state.tableDataTotal222 = total;
-
-      for (let i = 0; i < rows.length; i++) {
-        rows[i].num = i + 1 + (state.currentPage222 - 1) * 10;
-      }
-      const datas = traverseArr(
-        rows,
-        {
-          key: "offcoursePlanId",
-          num: "num",
-          organization: "name",
-          address: "address",
-          starttime: "beginTime",
-          createtime: "createTime",
-        },
-        true
-      );
-      datas.forEach((itm) => {
-        itm.pageNo = pageNo;
-      });
-      state.tableData6 = datas;
-    };
-
-    const options1 = ref([
-      {
-        value: 0,
-        label: "未提交",
-      },
-      {
-        value: 1,
-        label: "待审核",
-      },
-      {
-        value: 2,
-        label: "已审核",
-      },
-      {
-        value: -1,
-        label: "审核未通过",
-      },
-    ]);
-    const options2 = ref([
-      // {
-      //   value: "value2",
-      //   label: "请选择内容分类",
-      // },
-      // {
-      //   value: "leadership",
-      //   label: "领导力",
-      // },
-      // {
-      //   value: "ingeneral",
-      //   label: "通用力",
-      // },
-      // {
-      //   value: "profession",
-      //   label: "专业力",
-      // },
-    ]);
-    const options3 = ref([]);
-    const options4 = ref([
-      // {
-      //   value: "profession",
-      //   label: "专业力",
-      // },
-    ]);
-    const options4CurId = ref("");
-    const options4CurName = ref("张");
-    const of_hShow = () => {
-      getTea();
-      if (state.of_hs == false) {
-        state.of_hs = true;
-      }
-    };
-    const of_exit1 = () => {
-      state.of_hs = false;
-      state.valueE1 = "";
-      state.valueE2 = "";
-      state.xzinputV1 = "";
-      state.hideshow = true;
-      rest();
-    };
-    const of_exit = () => {
-      state.of_hs = false;
-      state.valueE1 = "";
-      state.valueE2 = "";
-      state.hideshow = true;
-    };
     const hideShow = () => {
       if (state.hideshow == true) {
         state.hideshow = false;
@@ -4631,28 +560,6 @@ export default defineComponent({
         state.hideshow = true;
       }
     };
-    const bs_hShow = (value) => {
-      state.bs_hs = true;
-      if (value != "") {
-        state.valueE1 = "";
-      }
-    };
-    const createft = () => {
-      if (state.bs_hs == false && state.valueE1 != "") {
-        state.of_hs = false;
-        state.ft_hs = true;
-        state.valueE1 = "";
-        state.teacher = "";
-        state.teacherName = "";
-        state.qdms_inputV1 = state.xzinputV1;
-        state.xzinputV1 = "";
-        getDictList("faceclassPic");
-        getTea();
-      }
-      if (state.bs_hs && state.valueE1 != "") {
-        state.addOnlineCoursevisible = true;
-      }
-    };
     const checkVal = (checkList) => {
       let count = 0;
       for (const keyName of checkList) {
@@ -4662,36 +569,6 @@ export default defineComponent({
       }
       return count ? false : true;
     };
-    const ft_exit_1 = () => {
-      state.ft_hs = false;
-      router.go(0);
-    };
-    const ft_exit = () => {
-      state.ft_eidt = false;
-      state.hideshow = true;
-
-      state.offcourseId = null;
-      state.statusJuJue = 1;
-      state.statusTingQi = 1;
-      state.qdms_inputV1 = "";
-      state.imageUrl = "";
-      state.qdms_inputV2 = "";
-      state.qdms_inputV3 = "";
-      state.fen_lei = null;
-      state.feng_mian_1 = null;
-      state.feng_mian_2 = null;
-      state.chang_jin = null;
-      state.tags_val = [];
-      state.qdms_inputV5 = null;
-      state.qdms_inputV6 = "";
-      state.imgList = [];
-      valueHtml.value = "";
-      state.fileList = [];
-    };
-    // 关闭查看
-    const handlelookMs = () => {
-      state.lookMs = false;
-    };
 
     //保存面授课
     const handlePush = (param) => {
@@ -4706,7 +583,6 @@ export default defineComponent({
       const postData = {
         offcourseId: state.offcourseId, //不传代表新增
         name: state.qdms_inputV1,
-        // picUrl: state.imageUrl,
         picUrl: state.feng_mian_1,
         targetUser: state.qdms_inputV2,
         meaning: state.qdms_inputV3,
@@ -4716,16 +592,13 @@ export default defineComponent({
         teacherId: state.member.value,
         teacher: state.member.name,
         intro: state.qdms_inputV6,
-        attach: files,
+        attach: state.attach,
         outline: valueHtml.value,
-        //teacherId:state.teacherId ,
       };
-      console.log("===", state.teacherId, "hha", state.qdms_inputV5);
       console.log("postData");
       console.log(postData);
       const checkList = [
         postData.name,
-
         postData.targetUser,
         postData.categoryId,
         postData.teacherId,
@@ -4739,551 +612,21 @@ export default defineComponent({
 
       edit(postData).then((res) => {
         if (res.data.code === 200) {
-          getTableDate();
-          // ft_exit_1();
-          rest();
           state.addLoading = false;
 
           state.statusTingQi = 1;
-          // console.log("res.data", res.data);
           if (param === "review") {
             //新建时点击审核按钮
             submitReview(res.data.data.offcourseId);
-          }
-        }
-      });
-    };
-    const om_exit = () => {
-      state.om_1 = false;
-      state.faceManageTab = "1";
-    };
-    const ckxq_hs = () => {
-      state.om_ckxq = true;
-    };
-    const ftsr_exit = () => {
-      state.om_ckxq = false;
-    };
-    const stm_exit = () => {
-      state.stm_hs = false;
-      handleRestTable();
-    };
-    const createkk = () => {
-      state.offcoursePlanId = null;
-      state.member = {};
-      state.cstm_hs = true;
-    };
-    const handleCancelStu = () => {
-      state.cstm_hs = false;
-      state.filesList = [];
-
-      state.kk_eidt = false;
-      state.xjkkradioV1 = "";
-      state.completeType = "";
-      state.xjkkinputV1 = "";
-      state.xjkkinputV2 = "";
-      state.xjkkinputV3 = "";
-      state.xjkkinputV4 = null;
-      state.checked1 = false;
-      state.checked4 = false;
-      removePG();
-    };
-    //保存开课
-    const handleSureStu = () => {
-      let startTime,
-        endTime = 0;
-      if (state.xjkkinputV3) {
-        startTime = parseInt(state.xjkkinputV3[0].$d.getTime() / 1000);
-        endTime = parseInt(state.xjkkinputV3[1].$d.getTime() / 1000);
-      }
-      let t = state.signCom ? "1," : "0,";
-      let p = state.comLeave ? "1" : "0";
-      let type = t.concat(p);
-      const postData = {
-        offcourseId: state.offcourseId,
-        offcoursePlanId: state.offcoursePlanId, //开课ID,不传代表新增
-
-        address: state.xjkkinputV2,
-        applyFlag: state.checked1 ? 1 : 0,
-        attach: state.filesList.length ? state.filesList.join(",") : "",
-        beginTime: startTime,
-        completeType: type,
-        endTime: endTime,
-        evalFlag: state.checked4 ? 1 : 0,
-        evaluateId: Number(state.assessmentId),
-        name: state.xjkkinputV1,
-        signFlag: state.xjkkradioV1 === 0 ? 1 : 0, //是否允许未报名的签到:1是0否
-        // signWordFlag: state.xjkkradioV1 === 1 ? 1 : 0, //签到是否需要口令:1是0否
-        teacherId: state.member.value,
-        teacher: state.member.name,
-      };
-      console.log(postData);
-      const checkList = [
-        postData.name,
-        postData.address,
-        postData.beginTime,
-        postData.endTime,
-        postData.teacherId,
-      ];
-      if (!checkVal(checkList)) {
-        message.destroy();
-        return message.error("请输入必填项");
-      } else {
-        state.addLoading = true;
-        console.log("state.addLoading ", state.addLoading);
-      }
-      editPlan(postData).then((res) => {
-        if (res.data.code === 200) {
-          getTableDate3();
-          handleCancelStu();
-          rest();
-        }
-      });
-      state.addLoading = false;
-    };
-    //编辑开课
-    const handelEditStu = async (itm) => {
-      console.log(itm);
-
-      state.offcourseId = itm.offcourseId;
-      state.offcoursePlanId = itm.offcoursePlanId;
-
-      const item = await detailPlan({
-        offcoursePlanId: Number(state.offcoursePlanId),
-      }).then((res) => {
-        if (res.data.code === 200) return res.data.data;
-      });
-
-      let obj = {
-        assessmentId: item.evaluateId,
-      };
-      api
-        .queryAppraiseDetailById(obj)
-        .then((res) => {
-          state.assessmentName = res.data.data.assessmentName;
-        })
-        .catch();
-
-      console.log("res");
-      console.log(item);
-
-      state.xjkkinputV2 = item.address;
-      state.checked1 = item.applyFlag === 1 ? true : false;
-      state.filesList = item.attach ? item.attach.split(",") : [];
-      state.xjkkinputV3 = [
-        dayjs(item.beginTime, "YYYY-MM-DD HH:mm:ss"),
-        dayjs(item.endTime, "YYYY-MM-DD HH:mm:ss"),
-      ];
-      options4CurId.value = item.teacherId;
-      // (state.regisCom = item.completeType.split(",")[0] == "1" ? true : false),
-      (state.signCom = item.completeType.split(",")[0] == "1" ? true : false),
-        (state.comLeave =
-          item.completeType.split(",")[1] == "1" ? true : false),
-        (state.checked4 = item.evalFlag === 1 ? true : false);
-      state.assessmentId = String(item.evaluateId);
-      state.xjkkinputV1 = item.name;
-      if (item.signFlag === 1) {
-        //是否允许未报名的签到:1是0否
-        state.xjkkradioV1 = 0;
-      }
-      /*
-      if (item.signWordFlag === 1) {
-        //签到是否需要口令:1是0否
-        state.xjkkradioV1 = 1;
-      }
-      if (item.signFlag === 0 && item.signWordFlag === 0) {
-        state.xjkkradioV1 = "";
-      }
-      */
-      state.member = { value: item.teacherId, name: item.teacher };
-
-      state.cstm_hs = true;
-      state.kk_eidt = true;
-    };
-    const handelGuan = (itm) => {
-      console.log(676766);
-      state.offcourseId = itm.offcourseId;
-      state.offcoursePlanId = itm.offcoursePlanId;
-      state.studentId = itm.studentId;
-      state.studentItem = itm;
-
-      state.currentPlanItem = itm;
-      state.newCourseName = itm.name;
-      console.log(89877766666);
-      console.log(state.currentPlanItem);
-
-      state.sm_hs = true;
-      getTableDate2();
-    };
-    const sm_exit = () => {
-      state.sm_hs = false;
-      state.hideshow = true;
-
-      state.tableData7 = [];
-    };
-    const clear_valueE1 = (value) => {
-      state.bs_hs = false;
-      if (value != "") {
-        state.valueE1 = "";
-      }
-    };
-    const clear_valueE2 = () => {
-      state.valueE2 = "";
-    };
-    const clear_xjkkradioV1 = (value) => {
-      if (value != "") {
-        state.xjkkradioV1 = "";
-      }
-    };
-    const clear_xjkkradioV2 = (value) => {
-      if (value != "") {
-        state.xjkkradioV2 = "";
-      }
-    };
-    const clear_jyradioV1 = (value) => {
-      if (value != "") {
-        state.jyradioV1 = "";
-      }
-    };
-    const qr_exit = () => {
-      state.QR_hs = false;
-      state.qrQR_hs = false;
-      state.olQR_hs = false;
-      state.ftQR_hs = false;
-      state.ftsQR_hs = false;
-      state.vipftQR_hs = false;
-      state.addLoading = false;
-    };
-    const rg_exit = () => {
-      state.rg_hs = false;
-      state.addLoading = false;
-    };
-    const graduate_exit = () => {
-      state.graduate_hs = false;
-      state.addLoading = false;
-    };
-    const agreereject_exit = () => {
-      state.agreereject_hs = false;
-      state.agreestudy_hs = false;
-      state.rejectstudy_hs = false;
-      state.addLoading = false;
-    };
-    const delete_exit1 = () => {
-      state.delete_hs = false;
-      state.del_hs = false;
-      state.del_hs_stu = false;
-      state.copy_hs = false;
-      state.nouse_hs = false;
-      state.rg_hs = false;
-      state.graduate_hs = false;
-      state.addLoading = false;
-    };
-    const handleRejectExit = (itm, type) => {
-      if (type === "1") {
-        return;
-      }
-      state.offcourseId = itm.offcourseId;
-
-      handle({
-        offcourseId: state.offcourseId,
-        type: 0,
-      }).then((res) => {
-        if (res.data.code === 200) {
-          getTableDate();
+          }else visibleClose();
         }
       });
     };
 
-    const handleJoin = async () => {
-      if (state.rg_hs) {
-        if (state.piliang) {
-          handleStudent({
-            offcoursePlanId: state.offcoursePlanId,
-            score: state.lrcj_inputV1,
-            studentIds: state.selectedRowKeys7,
-            type: 1,
-          });
-          getTableDate2();
-          delete_exit1();
-        } else {
-          handleStudent({
-            offcoursePlanId: state.offcoursePlanId,
-            score: state.lrcj_inputV1,
-            studentIds: [state.studentId],
-            type: 1,
-          }).then((res) => {
-            if (res.data.code === 200) {
-              getTableDate2();
-              delete_exit1();
-            }
-          });
-        }
-      }
-    };
-    const handleJie = async () => {
-      if (state.graduate_hs) {
-        handleStudent({
-          offcoursePlanId: state.offcoursePlanId,
-          score: "",
-          studentIds: [state.studentId],
-          type: 2,
-        }).then((res) => {
-          if (res.data.code === 200) {
-            getTableDate2();
-            delete_exit1();
-          }
-        });
-      }
-    };
-    //确认复制
-    const handleAgreeTrue = async () => {
-      if (state.agreestudy_hs) {
-        handleStudent({
-          offcoursePlanId: state.offcoursePlanId,
-          score: "",
-          studentIds: [state.studentId],
-          type: 3,
-        }).then((res) => {
-          if (res.data.code === 200) {
-            getTableDate2();
-            delete_exit1();
-            state.addLoading = false;
-          }
-        });
-      }
-      if (state.rejectstudy_hs) {
-        handleStudent({
-          offcoursePlanId: state.offcoursePlanId,
-          score: "",
-          studentIds: [state.studentId],
-          type: 4,
-        }).then((res) => {
-          if (res.data.code === 200) {
-            getTableDate2();
-            delete_exit1();
-          }
-        });
-      }
-    };
-    //确认复制课程
-    const handleDeleteExit = async () => {
-      state.addLoading = true;
-
-      if (state.del_hs) {
-        console.log(11111111);
-        if (state.offcourseId && state.offcoursePlanId && state.studentId) {
-          console.log(111111);
-          handleStudent({
-            offcoursePlanId: state.offcoursePlanId,
-            score: "",
-            studentIds: [state.studentId],
-            type: 5,
-          }).then((res) => {
-            if (res.data.code === 200) {
-              getTableDate2();
-              delete_exit1();
-            }
-          });
-        } else if (state.offcourseId && state.offcoursePlanId) {
-          console.log(2222222);
-          deletePlan({
-            offcoursePlanId: state.offcoursePlanId,
-          }).then((res) => {
-            if (res.data.code === 200) {
-              getTableDate3();
-              delete_exit1();
-            }
-          });
-        } else if (state.offcourseId) {
-          console.log(3333333);
-          handle({
-            offcourseId: state.offcourseId,
-            type: -1,
-          }).then((res) => {
-            if (res.data.code === 200) {
-              getTableDate();
-              delete_exit1();
-            }
-          });
-        }
-      }
-      if (state.copy_hs) {
-        console.log(2222222);
-        if (state.offcourseId && state.offcoursePlanId) {
-          console.log(87887);
-          // 拿数据
-          const item = await detailPlan({
-            offcoursePlanId: Number(state.offcoursePlanId),
-          }).then((res) => {
-            if (res.data.code === 200) return res.data.data;
-          });
-          const obj = {
-            offcourseId: item.offcourseId,
-            offcoursePlanId: null, //开课ID,不传代表新增
-
-            address: item.address,
-            applyFlag: item.applyFlag,
-            attach: item.attach,
-            beginTime: new Date(item.beginTime) / 1000,
-            completeType: item.completeType,
-            endTime: new Date(item.endTime) / 1000,
-            evalFlag: item.evalFlag,
-            name: item.name,
-            signFlag: item.signFlag, //是否允许未报名的签到:1是0否
-            //signWordFlag: item.signWordFlag, //签到是否需要口令:1是0否
-            teacherId: item.teacherId,
-            teacher: item.teacher,
-          };
-          console.log(obj);
-          editPlan(obj).then((res) => {
-            if (res.data.code === 200) {
-              getTableDate3();
-              delete_exit1();
-              rest();
-            }
-          });
-        } else if (state.offcourseId) {
-          console.log(87887);
-          // 拿数据
-          const item = await detail({
-            offcourseId: Number(state.offcourseId),
-          }).then((res) => {
-            if (res.data.code === 200) return res.data.data;
-          });
-          const postData = {
-            offcourseId: null, //不传代表新增
-            name: item.name,
-            picUrl: item.picUrl,
-            targetUser: item.targetUser,
-            meaning: item.meaning,
-            categoryId: item.categoryId,
-            sceneId: item.sceneId,
-            tips: item.tips,
-            teacherId: item.teacherId, //?
-            intro: item.intro,
-            attach: item.attach,
-            outline: item.outline,
-            teacher: item.teacher,
-          };
-          edit(postData).then((res) => {
-            if (res.data.code === 200) {
-              getTableDate();
-              delete_exit1();
-              rest();
-            }
-          });
-        }
-      }
-      if (state.nouse_hs) {
-        console.log(3333333333);
-        if (state.offcourseId) {
-          console.log(87887);
-          handle({
-            offcourseId: state.offcourseId,
-            type: -2,
-          }).then((res) => {
-            if (res.data.code === 200) {
-              getTableDate();
-              delete_exit1();
-            }
-          });
-        }
-      }
-    };
-    const handleDeleteKaike = (value) => {
-      state.offcoursePlanId = value.offcoursePlanId;
-
-      state.delete_hs = true;
-      state.del_hs = true;
-    };
-    const onSelectChange = (selectedRowKeys) => {
-      console.log("selectedRowKeys changed: ", selectedRowKeys);
-      state.selectedRowKeys = selectedRowKeys;
-    };
-
-    const faceManageChange = (e) => {
-      state.faceManageTab = e;
-    };
-
-    const openMessage = () => {
-      let startTime = "";
-      let endTime = "";
-      if (state.projectTime) {
-        startTime = parseInt(
-          new Date(state.projectTime[0].$d).getTime() / 1000
-        );
-        endTime = parseInt(new Date(state.projectTime[1].$d).getTime() / 1000);
-      }
-      exportP({
-        pageNo: state.currentPage1,
-        pageSize: state.pageSize1,
-        auditStatus: state.auditStatus,
-        categoryId: state.categoryId,
-        projectName: state.projectName,
-        name: state.name,
-        createName: state.createName,
-        endTime: endTime,
-        beginTime: startTime,
-      }).then((res) => {
-        if (res.data.code === 200) {
-          message.success("导出成功");
-        }
-      });
-    };
-    //获取教师
-    const getTea = async () => {
-      options4CurName.value = state.teacher;
-      options4CurId.value = state.teacherId;
-      const item1 = await getMemberInfoApi({
-        pageNo: state.currentPageTea1,
-        pageSize: state.pageSizeTea1,
-        keyWord: options4CurName.value,
-        id: options4CurId.value ? options4CurId.value : null,
-      })
-        .then((res) => {
-          console.log("获取授课教师", res);
-          if (res.data.code === 200) return res.data.data;
-        })
-        .catch((err) => {
-          console.log("获取授课教师失败", err);
-        });
-      const { rows, total } = item1;
-      state.tableDataTotalTea1 = total;
-      state.tableDataTotalTea2 = total;
-      let newArr = [];
-      for (let item of rows) {
-        if (options4CurId.value === item.id) {
-          if (state.offcoursePlanId && state.offcourseId) {
-            options4CurName.value = item.realName;
-            state.xjkkinputV4 = item.realName;
-            state.teacherId = item.id;
-          } else if (state.offcourseId) {
-            options4CurName.value = item.realName;
-            state.qdms_inputV5 = item.realName;
-            state.teacher = item.realName;
-            state.teacherId = item.id;
-            console.log("那个老师", item);
-          }
-        }
-        newArr.push({
-          value: item.id,
-          label: item.realName,
-        });
-      }
-      options4.value = newArr;
-      console.log("options4.value");
-      console.log(options4.value);
-    };
-    //编辑面授课
-    const handleEdit = async (itm, type) => {
-      console.log(45555);
-      console.log(itm);
-      if (type === "1") {
-        return;
-      }
-      state.offcourseId = itm.offcourseId;
-
+    //编辑面授课渲染绑定
+    const handleEditInfo = async (offcourseId) => {
       const item = await detail({
-        offcourseId: Number(state.offcourseId),
+        offcourseId: Number(offcourseId),
       }).then((res) => {
         if (res.data.code === 200) return res.data.data;
       });
@@ -5298,277 +641,38 @@ export default defineComponent({
       }
 
       state.qdms_inputV1 = item.name;
-      // state.imageUrl = item.picUrl;
       state.feng_mian_1 = item.picUrl;
       state.qdms_inputV2 = item.targetUser;
       state.qdms_inputV3 = item.meaning;
       state.fen_lei = String(item.categoryId);
       state.chang_jin = String(item.sceneId);
       state.tags_val = item.tips ? item.tips.split(",") : [];
-      //state.qdms_inputV5 = item.teacherId;
-      state.teacher = item.teacher;
-      state.teacherId = item.teacherId;
       state.qdms_inputV6 = item.intro;
-      state.member = { value: item.teacherId, name: item.teacher };
-      if (item.attach == "") {
-        state.imgList = [];
-      } else {
-        if (item.attach.indexOf(",")) {
-          const arr = item.attach.split(",");
-          arr.forEach((item) => {
-            state.imgList.push({ img: item });
-          });
-        } else {
-          state.imgList = [{ img: item.attach }];
-        }
-      }
-
+      state.member = {value: item.teacherId, name: item.teacher};
       valueHtml.value = item.outline;
-
+      state.attach = item.attach;
       state.ft_hs = true;
-      state.ft_eidt = true;
-      getTea();
     };
 
-    // handleTagChange
     const handleTagChange = () => {
       if (state.tags_val_single) {
         state.tags_val.push(state.tags_val_single);
       }
       state.tags_val_single = "";
     };
-    const handleTagClose = (index) => {
-      state.tags_val.splice(index, 1);
-    };
-
-    // 预览弹框 开启和关闭
-    const ft_exit_see = () => {
-      state.lookCourseModal = false;
-    };
-    const handleLook = async (itm, type) => {
-      if (type === "1") {
-        return;
-      }
-      state.offcourseId = itm.offcourseId;
-
-      const item = await detail({
-        offcourseId: Number(state.offcourseId),
-      }).then((res) => {
-        if (res.data.code === 200) return res.data.data;
-      });
-      state.lookCourseModal = true;
-      item.attach = item.attach == "" ? [] : item.attach.split(",");
-      state.faceDetailObj = item;
-    };
-    // const handleTea = async () => {
-    //   console.log("item22224444");
-    //   // const item = await getMemberInfo({
-    //   //   pageNo: state.pageSizeTea1,
-    //   // }).then((res) => {
-    //   //   if (res.data.code === 200) return res.data.data;
-    //   //   console.log("item2222222");
-    //   //   console.log(item);
-    //   // });
-    // };
-    const handleDelete = (item, type) => {
-      console.log(item);
-      if (type === "1") {
-        return;
-      }
-      state.offcourseId = item.offcourseId;
-
-      state.delete_hs = true;
-      state.del_hs = true;
-    };
-    const handleCopy = async (itm, type) => {
-      console.log(itm);
-      if (type === "1") {
-        return;
-      }
-      state.offcourseId = itm.offcourseId;
-
-      state.delete_hs = true;
-      state.copy_hs = true;
-    };
-    const handleCopyP = async (itm) => {
-      console.log(itm);
-      state.offcourseId = itm.offcourseId;
-      state.offcoursePlanId = itm.offcoursePlanId;
-
-      state.delete_hs = true;
-      state.copy_hs = true;
-    };
-    const handleStop = async (itm, type) => {
-      console.log(itm);
-      if (type === "1") {
-        return;
-      }
-      state.offcourseId = itm.offcourseId;
-
-      state.delete_hs = true;
-      state.nouse_hs = true;
-    };
-    const handleOpen = async (itm, type) => {
-      console.log(itm);
-      if (type === "1") {
-        return;
-      }
-      state.offcourseId = itm.offcourseId;
-
-      handle({
-        offcourseId: state.offcourseId,
-        type: 2,
-      }).then((res) => {
-        if (res.data.code === 200) {
-          getTableDate();
-        }
-      });
-    };
-    const handleStart = (item, type) => {
-      console.log(item);
-      if (type === "1") {
-        return;
-      }
-      state.offcourseId = item.offcourseId;
-      state.newCourseName = item.name;
-      getTableDate3();
-
-      state.stm_hs = true;
-    };
-
-    const handelChangePage222 = (page, pageSize) => {
-      state.currentPage222 = page;
-      state.pageSize222 = pageSize;
-      getTableDate333();
-    };
-    const handelChangePage22 = (page, pageSize) => {
-      state.currentPage22 = page;
-      state.pageSize22 = pageSize;
-      getTableDate33();
-    };
-    const handelChangePage2 = (page, pageSize) => {
-      state.currentPage2 = page;
-      state.pageSize2 = pageSize;
-      getTableDate3();
-    };
-    const handleSearchTable = () => {
-      console.log("handleSearchTable");
-      console.log(state.kk_inputV1);
-      console.log(state.kk_inputV2);
-      console.log(state.selectTime);
-      getTableDate3();
-    };
-    const handleRestTable = () => {
-      state.kk_inputV1 = "";
-      state.kk_inputV2 = "";
-      state.selectTime = "";
-      getTableDate3();
-    };
-
-    const handelChangePage3 = (page, pageSize) => {
-      state.currentPage3 = page;
-      state.pageSize3 = pageSize;
-      getTableDate2();
-    };
-    const handleSearchStu = () => {
-      console.log(state.xygl_inputV1);
-      getTableDate2();
-    };
-    const handleRestStu = () => {
-      state.xygl_inputV1 = "";
-      getTableDate2();
-    };
-
-    const beforeUpload3 = (file) => {
-      const fileType = [
-        "jpg",
-        "jpeg",
-        "png",
-        "gif",
-        "pdf",
-        "ppt",
-        "pptx",
-        "doc",
-        "docx",
-        "xls",
-        "xlsx",
-        "zip",
-      ];
-      if (!fileType.includes(file.name.split(".")[1])) {
-        message.error(
-          "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
-        );
-        return false;
-      }
-
-      const formData = new FormData();
-      formData.append("file", file);
-      console.log(file);
-      fileUp(formData).then((res) => {
-        if (res.data.code === 200) {
-          // state.filesList.push({
-          //   img: res.data.data,
-          //   name: file.name,
-          //   size: file.size,
-          // });
-          // console.log(state.filesList);
-          state.filesList = [res.data.data];
-          // state.hasImgName = res.data.data;
-        }
-      });
-      return false;
-    };
-
-    const handleGuan22 = (item) => {
-      console.log(787666);
-      getTableDate33();
-      getTableDate333();
-      state.newCourseName = item.name;
-    };
-
-    const handlePostSure = (obj) => {
-      console.log("处理后参数，直接解构使用");
-      console.log(obj);
-
-      addStudent({
-        offcourseId: Number(state.offcourseId),
-        offcoursePlanId: Number(state.offcoursePlanId),
-        ...obj,
-      }).then((res) => {
-        console.log(res);
-        if (res.data.code === 200) {
-          state.viewpowervisible = false;
-          getTableDate2();
-        }
-      });
-    };
-
-    const getdateToDateFn = (val) => {
-      return getdateToDate(val * 1000);
-    };
-    const getdateToTimeFn = (val) => {
-      return getdateToTime(val * 1000);
+    const handleTagClose = (item) => {
+      const arr = state.tags_val.filter((itm) => itm !== item);
+      state.tags_val = arr;
     };
 
     //提交审核
     const reviewClick = () => {
-      console.log("ft_eidt", state.ft_eidt);
       handlePush("review");
-      /*
-      if (state.ft_eidt) {
-        //编辑面授课
-        submitReview();
-      }
-      if (!state.ft_eidt) {
-        //shouke
-        handlePush("review");
-      }
-      */
     };
     const submitReview = (id) => {
       state.addLoading = true;
 
-      if (id == "") {
+      if (id === "") {
         return message.error("请先完成保存");
       }
       let obj = {
@@ -5579,1415 +683,41 @@ export default defineComponent({
       handle(obj).then((res) => {
         console.log("提交审核成功", res.data);
         if (res.data.code === 200) {
-          ft_exit_1();
-          rest();
-          getTableDate();
           state.addLoading = false;
+          visibleClose();
         }
       });
     };
 
-    //授权
-    //权限名单
-    const showPrower = (record) => {
-      // console.log("record", record);
-      state.selectCourseId = record.offcourseId;
-      state.corpowerlistvisible = true;
-    };
-    //归属权
-    const showOwnPrower = (record) => {
-      // console.log("record", record);
-      state.selectCourseId = record.offcourseId;
-      state.ownpowervisible = true;
-    };
-    //查看权
-    const showViewPrower = (record) => {
-      // console.log("record", record);
-      state.selectCourseId = record.offcourseId;
-      state.authClassify = 1;
-      state.viewpowervisible = true;
-    };
-    //管理权
-    const showManagePrower = (record) => {
-      // console.log("record", record);
-      console.log(22222222);
-      console.log(record);
-      state.selectCourseId = record.offcourseId;
-      state.shipType = 1;
-      state.authClassify = 2;
-      state.viewpowervisible = true;
-    };
-    //添加权限
-    watch(
-      () => state.addAuthList,
-      (res) => {
-        console.log("res", res, state.addAuthList);
-        if (state.authClassify === 1 || state.authClassify === 2) {
-          let obj = {
-            type: 3,
-            tag:
-              state.authClassify === 1
-                ? 3
-                : state.authClassify === 2
-                ? 4
-                : null,
-            opt: 3,
-            deptList: res[1],
-            groupList: res[2],
-            refId: state.selectCourseId,
-            pageNo: 20,
-            pageSize: 1,
-            studentList: res[0],
-            keyWord: "",
-          };
-          console.log("obj", obj);
-          api1
-            .optionAuthPerm(obj)
-            .then((res) => {
-              console.log("添加授权成功", res);
-              message.success("添加授权成功");
-            })
-            .catch((err) => {
-              console.log("添加授权失败", err);
-            });
-        }
-      }
-    );
-
-    //添加学员
-    watch(
-      () => state.addAuthList,
-      (res) => {
-        console.log("res", res, state.addStudentList);
-        if (state.authClassify === 3) {
-          let obj = {
-            deptList: res[1],
-            groupList: res[2],
-            offcourseId: state.offcourseId,
-            offcoursePlanId: state.offcoursePlanId, //开课id
-            studentList: res[0],
-          };
-          console.log("obj", obj);
-          api1
-            .addStudentCourse(obj)
-            .then((res) => {
-              console.log("添加学员成功", res);
-              message.success("添加学员成功");
-              getTableDate2();
-            })
-            .catch((err) => {
-              console.log("添加学员失败", err);
-            });
-        }
-      }
-    );
-
-    const closeOnlineCoursevisible = () => {
-      console.log("执行");
-      getTableDate();
-    };
     return {
       ...toRefs(state),
-      getdateToDateFn,
       moment,
-      getdateToTimeFn,
-      handlePostSure,
-      handleDeleteKaike,
-      handleDel2,
-      handelEditStu,
-      handelGuan,
-      beforeUpload3,
-      handleSearchStu,
-      handleRestStu,
-      handelChangePage2,
-      handelChangePage22,
-      handelChangePage222,
-      handelChangePage3,
-      handleSearchTable,
-      handleRestTable,
-      handleSearchTable2,
-      handleSearchTable3,
-      handleGuan22,
-      handleStart,
-      handleCopyP,
-      handleCopy,
-      handleStop,
-      handleOpen,
-      handleEdit,
-      handleDelete,
-      columns1,
-      columns2,
-      columns4,
-      columns6,
-      columns7,
-      options1,
       options2,
       options3,
       options4,
       optionsUrl,
-      of_hShow,
-      of_exit1,
-      of_exit,
       hideShow,
-      bs_hShow,
-      createft,
-      ft_exit,
-      ft_exit_1,
-      om_exit,
-      ckxq_hs,
-      ftsr_exit,
-      stm_exit,
-      ft_exit_see,
+      visibleOpen,
+      visibleClose,
       handleTagChange,
       handleTagClose,
-      createkk,
-      handleCancelStu,
-      handleSureStu,
-      sm_exit,
-      clear_valueE1,
-      clear_valueE2,
-      clear_xjkkradioV1,
-      clear_xjkkradioV2,
-      clear_jyradioV1,
-      qr_exit,
-      rg_exit,
-      graduate_exit,
-      agreereject_exit,
-      delete_exit1,
-      handleRejectExit,
-      handleAgreeTrue,
-      handleJoin,
-      handleJie,
-      handleDeleteExit,
-      onSelectChange,
-      faceManageChange,
-      openMessage,
-      showStuAdd,
-
+      handleCreated,
+      handlePush,
+      submitReview,
+      reviewClick,
       editorRef,
       valueHtml,
       mode: "simple", // 或 'simple'
       toolbarConfig,
       editorConfig,
-      handleCreated,
-      handelChangePage1,
-      handleSearch1,
-      handleRest1,
-      showAssessment,
-      removePG,
-      getCheckedAss,
-      beforeUpload,
-      beforeUpload2,
-      handleDel,
-      handlePush,
-      handleSucessStu,
-      handleRejectStu,
-      handleDeleteStu,
-      handlJoinStu,
-      handleOverStu,
-      onSelectChange7,
-      handleAllJion,
-      handleAllover,
-      handleAllSuc,
-      handleAllReject,
-      handleExportStu,
-      handleChangeTea1,
-      handelChangePageTea1,
-      handleChangeTea2,
-      handelChangePageTea2,
-      submitReview,
-      reviewClick,
-
-      showPrower,
-      showOwnPrower,
-      showViewPrower,
-      showManagePrower,
-
-      closeOnlineCoursevisible,
-      handlelookMs,
-      handleLook,
     };
   },
 });
 </script>
 <style lang="scss">
-.aeLoading {
-  z-index: 10000;
-}
-
-.courseManage {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-
-  .headerf {
-    .filter {
-      margin-left: 38px;
-      margin-right: 38px;
-      margin-top: 30px;
-      display: flex;
-      justify-content: space-between;
-      flex-wrap: wrap;
-
-      .filterItems {
-        display: flex;
-        flex-wrap: wrap;
-
-        .fitems {
-          margin-right: 20px;
-          margin-bottom: 20px;
-        }
-      }
-    }
-
-    .btns {
-      display: flex;
-      margin-left: 38px;
-
-      .btn {
-        padding: 0px 26px 0px 26px;
-        height: 38px;
-        background: rgba(64, 158, 255, 0);
-        border-radius: 8px;
-        border: 1px solid rgba(64, 158, 255, 1);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-        cursor: pointer;
-
-        .search {
-          background-size: 100%;
-        }
-
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: rgba(64, 158, 255, 1);
-          line-height: 36px;
-          margin-left: 5px;
-        }
-      }
-
-      .btn1 {
-        .search {
-          width: 15px;
-          height: 17px;
-          background-image: url("../../assets/images/courseManage/search1.png");
-        }
-      }
-
-      .btn2 {
-        .search {
-          width: 16px;
-          height: 18px;
-          background-image: url("../../assets/images/courseManage/reset1.png");
-        }
-      }
-
-      .btn3 {
-        .search {
-          width: 17px;
-          height: 18px;
-          background-image: url("../../assets/images/coursewareManage/export.png");
-        }
-      }
-
-      .btn4 {
-        margin-right: 0px;
-
-        .search {
-          width: 17px;
-          height: 18px;
-          background-image: url("../../assets/images/courseManage/add1.png");
-        }
-      }
-
-      .btn1:hover {
-        background: rgba(64, 158, 255, 1);
-
-        .search {
-          background-image: url("../../assets/images/courseManage/search0.png");
-        }
-
-        .btnText {
-          color: #ffffff;
-        }
-      }
-
-      .btn2:hover {
-        background: rgba(64, 158, 255, 1);
-
-        .search {
-          background-image: url("../../assets/images/courseManage/reset0.png");
-        }
-
-        .btnText {
-          color: #ffffff;
-        }
-      }
-
-      .btn3:hover {
-        background: rgba(64, 158, 255, 1);
-
-        .search {
-          background-image: url("../../assets/images/coursewareManage/export1.png");
-        }
-
-        .btnText {
-          color: #ffffff;
-        }
-      }
-
-      .btn4:hover {
-        background: rgba(64, 158, 255, 1);
-
-        .search {
-          background-image: url("../../assets/images/courseManage/add0.png");
-        }
-
-        .btnText {
-          color: #ffffff;
-        }
-      }
-    }
-  }
-
-  .tableBox {
-    margin: 20px 38px 30px;
-
-    .operation {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      color: #4ea6ff;
-
-      .nselect {
-        justify-content: center;
-        align-items: center;
-        display: flex;
-
-        .jc {
-          margin-left: 20px;
-          cursor: pointer;
-        }
-      }
-
-      .tableSelect {
-        // margin-right: 10px;
-        margin-left: -5px;
-        display: flex;
-        align-items: center;
-        justify-content: right;
-      }
-    }
-
-    .ynuse {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      .use {
-        cursor: pointer;
-      }
-    }
-  }
-}
-
-.selectonlineface {
-  z-index: 999;
-  width: 679px;
-  background: #ffffff;
-  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-  position: absolute;
-  left: 50%;
-  top: -100%;
-  transform: translate(-50%, -50%);
-
-  .of_header {
-    position: absolute;
-    width: 100%;
-    height: 40px;
-    background: linear-gradient(
-      rgba(78, 166, 255, 0.2) 0%,
-      rgba(78, 166, 255, 0) 100%
-    );
-  }
-
-  .of_main {
-    width: 100%;
-    position: relative;
-
-    .ofm_header {
-      display: flex;
-      align-items: center;
-      padding-top: 20px;
-      padding-left: 26px;
-      font-size: 16px;
-
-      .add_icon {
-        width: 16px;
-        height: 16px;
-        margin-right: 10px;
-        background-image: url(@/assets/images/coursewareManage/add1.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%;
-      }
-    }
-
-    .ofm_body {
-      width: 80%;
-      margin: 3px auto;
-
-      .ofmb_items {
-        display: flex;
-        align-items: center;
-        justify-content: end;
-        margin: 14px auto;
-
-        .signbox {
-          width: 110px;
-          display: flex;
-          justify-content: end;
-
-          .sign {
-            width: 10px;
-            height: 10px;
-            margin-top: -3px;
-            margin-right: 6px;
-            background-size: 100% 100%;
-          }
-        }
-
-        .b_input {
-          flex: 1;
-          position: relative;
-
-          .inp_num {
-            position: absolute;
-            right: 10px;
-            top: 10px;
-          }
-        }
-
-        .bc_box {
-          display: flex;
-          width: 440px;
-          flex: 1;
-
-          .bc_boxl,
-          .bc_boxr {
-            display: flex;
-            align-items: center;
-          }
-        }
-      }
-
-      .ol_checkbox {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-left: 6px;
-      }
-
-      .b_sub {
-        width: 440px;
-        margin-left: 110px;
-
-        .bs_header {
-          display: flex;
-          justify-content: space-between;
-
-          .b_right {
-            display: flex;
-          }
-        }
-      }
-
-      .bl_detail {
-        top: 24px;
-      }
-
-      .b_footer {
-        width: 100%;
-        margin-left: 212px;
-        margin-top: 25px;
-        margin-bottom: 20px;
-        display: flex;
-
-        .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;
-          }
-        }
-
-        .btn5 {
-          border: 1px solid rgba(64, 158, 255, 1);
-          color: #4ea6ff;
-        }
-
-        .btn6 {
-          background-color: #4ea6ff;
-          color: #ffffff;
-        }
-      }
-    }
-  }
-}
-
-.createschooltime {
-  z-index: 999;
-  width: 679px;
-  background: #ffffff;
-  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-  position: absolute;
-  left: 50%;
-  top: -100%;
-  transform: translate(-50%, -50%);
-
-  .cst_header {
-    position: absolute;
-    width: 100%;
-    height: 40px;
-    background: linear-gradient(
-      rgba(78, 166, 255, 0.2) 0%,
-      rgba(78, 166, 255, 0) 100%
-    );
-  }
-
-  .cst_main {
-    width: 100%;
-    max-height: 600px;
-    overflow-y: auto;
-    position: relative;
-
-    .cstm_header {
-      display: flex;
-      align-items: center;
-      padding-top: 20px;
-      padding-left: 26px;
-      font-size: 16px;
-
-      .add_icon {
-        width: 16px;
-        height: 16px;
-        margin-right: 10px;
-        background-image: url(@/assets/images/coursewareManage/add1.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%;
-      }
-    }
-
-    .cstm_title {
-      margin: 10px auto 20px 51px;
-      font-weight: bold;
-    }
-
-    .cstm_items {
-      display: flex;
-      width: 80%;
-      margin: auto;
-      align-items: center;
-      margin-bottom: 23px;
-
-      .signbox {
-        display: flex;
-        justify-content: end;
-        width: 100px;
-        margin-right: 6px;
-
-        .sign {
-          margin-top: -5px;
-          margin-right: 4px;
-        }
-      }
-
-      .b_input {
-        flex: 1;
-        position: relative;
-
-        .upload_box {
-          display: flex;
-          cursor: pointer;
-
-          .upload_icon {
-            width: 16px;
-            height: 16px;
-            margin-right: 5px;
-          }
-        }
-
-        .inp_num {
-          position: absolute;
-          top: 9px;
-          right: 10px;
-        }
-      }
-    }
-
-    .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;
-
-        .file_img {
-          width: 27px;
-          height: 32px;
-          background-image: url(@/assets/images/coursewareManage/imgs.png);
-          margin-right: 22px;
-
-          img {
-            width: 100%;
-            height: 100%;
-          }
-        }
-
-        .file_detail {
-          width: 250px;
-          margin-right: 21px;
-
-          .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;
-
-              .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;
-              }
-
-              .updatacolor3 {
-                position: absolute;
-                left: 0;
-                width: 60%;
-                height: 5px;
-                background-color: #388be1;
-                border-radius: 3px;
-              }
-
-              .updataxq {
-                position: absolute;
-                right: 2px;
-                top: -30px;
-                color: #57c887;
-              }
-
-              .updataxq2 {
-                position: absolute;
-                right: 2px;
-                top: -30px;
-                color: #ff7474;
-              }
-
-              .updataxq3 {
-                position: absolute;
-                right: 2px;
-                top: -30px;
-                color: #388be1;
-              }
-            }
-          }
-        }
-
-        .file_operation {
-          display: flex;
-
-          .fobox {
-            margin-right: 5px;
-            cursor: pointer;
-          }
-        }
-      }
-    }
-
-    .items_fj {
-      margin-bottom: 1px;
-    }
-
-    .items_btn {
-      display: flex;
-      justify-content: center;
-      margin-top: 20px;
-      margin-bottom: 20px;
-
-      .cstm_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;
-        }
-      }
-
-      .btn5 {
-        border: 1px solid rgba(64, 158, 255, 1);
-        color: #4ea6ff;
-      }
-
-      .btn6 {
-        background-color: #4ea6ff;
-        color: #ffffff;
-      }
-    }
-  }
-}
-
-.QRModal {
-  .ant-modal {
-    .ant-modal-content {
-      width: 479px !important;
-
-      .ant-modal-body {
-        .QR {
-          z-index: 9999;
-          width: 520px;
-          background: #ffffff;
-          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-          position: absolute;
-          left: 50%;
-          top: 10%;
-          transform: translate(-50%, -50%);
-
-          .qr_header {
-            position: absolute;
-            width: calc(100%);
-            height: 40px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-          }
-
-          .qr_main {
-            width: 100%;
-            position: relative;
-
-            .qrm_header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
-
-              .qr_icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/QR.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%;
-              }
-            }
-
-            .qrm_body {
-              width: 100%;
-              margin-top: 22px;
-              margin-bottom: 32px;
-
-              .QR_img {
-                width: 176px;
-                height: 176px;
-                margin: 1px auto;
-                background-image: url(@/assets/images/taskpage/QR.png);
-                background-size: 100% 100%;
-              }
-            }
-
-            .qrm_footer {
-              display: flex;
-              align-items: center;
-              margin-bottom: 44px;
-
-              .qrmbtn {
-                width: 80px;
-                height: 32px;
-                display: flex;
-                line-height: 32px;
-                justify-content: center;
-                border-radius: 4px;
-                border: 1px solid #387df7;
-                margin-left: 16px;
-                cursor: pointer;
-
-                .btntext {
-                  color: #387df7;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.recgradeModal {
-  .ant-modal {
-    .ant-modal-content {
-      // width:679px !important;
-      .ant-modal-body {
-        .recordgrade {
-          z-index: 9999;
-          width: 679px;
-          background: #ffffff;
-          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-          position: absolute;
-          left: 50%;
-          top: 10%;
-          transform: translate(-50%, -50%);
-
-          .rg_header {
-            position: absolute;
-            width: calc(100%);
-            height: 40px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-          }
-
-          .rg_main {
-            width: 100%;
-            position: relative;
-
-            .rgm_header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
-
-              .rg_icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/grade.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%;
-              }
-            }
-
-            .rgm_body {
-              width: 100%;
-
-              .rgmb_items {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                width: 80%;
-                margin: 21px auto 10px auto;
-
-                .items_left {
-                  display: flex;
-                  margin-right: 14px;
-
-                  .sign {
-                    margin-right: 7px;
-                  }
-                }
-              }
-            }
-
-            .qrm_btnbox {
-              display: flex;
-              margin: 30px auto;
-              justify-content: center;
-
-              .qrm_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;
-                }
-              }
-
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-              }
-
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.graModal {
-  .ant-modal {
-    .ant-modal-content {
-      // width:679px !important;
-      .ant-modal-body {
-        .graduate {
-          z-index: 9999;
-          width: 679px;
-          background: #ffffff;
-          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-          position: absolute;
-          left: 50%;
-          top: 10%;
-          transform: translate(-50%, -50%);
-
-          .gra_header {
-            position: absolute;
-            width: calc(100%);
-            height: 40px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-          }
-
-          .gra_main {
-            width: 100%;
-            position: relative;
-
-            .gram_header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
-
-              .gra_icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/graduate.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%;
-              }
-            }
-
-            .gram_body {
-              width: 100%;
-
-              .gramb_items {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                width: 80%;
-                margin: 21px auto 10px auto;
-
-                .items_left {
-                  display: flex;
-                  margin-right: 14px;
-
-                  .sign {
-                    margin-right: 7px;
-                  }
-                }
-              }
-
-              .gramb_input {
-                .bc_box {
-                  display: flex;
-                }
-              }
-            }
-
-            .qrm_btnbox {
-              display: flex;
-              margin: 30px auto;
-              justify-content: center;
-
-              .qrm_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;
-                }
-              }
-
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-              }
-
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.agrstudyModal {
-  .ant-modal {
-    width: 429px !important;
-    height: 258px !important;
-
-    .ant-modal-content {
-      width: 429px !important;
-      height: 258px !important;
-
-      .ant-modal-body {
-        width: 429px !important;
-        height: 258px !important;
-        padding: 0px !important;
-
-        .agreestudy {
-          z-index: 9999;
-          width: 429px;
-          height: 258px;
-          background: #ffffff;
-          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-
-          .agree_header {
-            position: absolute;
-            width: 100%;
-            height: 40px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-          }
-
-          .agree_main {
-            width: 100%;
-            position: relative;
-
-            .agreem_header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
-
-              .agreem_icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/notice.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%;
-              }
-            }
-
-            .agreem_body {
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              width: 100%;
-              margin: 45px auto 62px auto;
-            }
-
-            .qrm_btnbox {
-              display: flex;
-              margin: 30px auto;
-              justify-content: center;
-
-              .qrm_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;
-
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
-
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-                margin-right: 14px;
-              }
-
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.onlmanageModal {
-  .ant-modal {
-    .ant-modal-content {
-      // 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;
-
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
-
-        .onlinemanage {
-          display: none;
-          min-width: 1000px;
-          background: #ffffff;
-
-          .om_main {
-            width: 100%;
-
-            .om_body {
-              margin-right: 50px;
-
-              .b_title {
-                color: #4f5156;
-                font-weight: 500;
-                margin-bottom: 19px;
-              }
-
-              .b_sub {
-                display: flex;
-                margin-bottom: 10px;
-
-                .bs_type {
-                  color: #999ba3;
-                }
-
-                .bs_left {
-                  color: #999ba3;
-                  margin-left: 35px;
-                }
-
-                .bs_right {
-                  color: #4f5156;
-                }
-              }
-
-              .b_menu {
-                width: calc(100%);
-              }
-
-              .b_menunav {
-                display: flex;
-                margin-top: 20px;
-                margin-bottom: 20px;
-
-                .bm_select {
-                  margin-right: 20px;
-                }
-
-                .bm_input {
-                  margin-right: 20px;
-                }
-
-                .bm_btn {
-                  display: flex;
-                  cursor: pointer;
-
-                  .btn {
-                    padding: 0px 26px 0px 26px;
-                    height: 40px;
-                    background: rgba(64, 158, 255, 0);
-                    border-radius: 8px;
-                    border: 1px solid rgba(64, 158, 255, 1);
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    margin-right: 14px;
-                    flex-shrink: 0;
-
-                    .search {
-                      background-size: 100%;
-                    }
-
-                    .btnText {
-                      font-size: 14px;
-                      font-weight: 400;
-                      color: rgba(64, 158, 255, 1);
-                      line-height: 36px;
-                      margin-left: 5px;
-                    }
-                  }
-
-                  .btn1 {
-                    .search {
-                      width: 15px;
-                      height: 17px;
-                      background-image: url("@/assets/images/coursewareManage/search1.png");
-                    }
-                  }
-
-                  .btn1:hover {
-                    background: rgba(64, 158, 255, 1);
-
-                    .search {
-                      background-image: url("@/assets/images/coursewareManage/search0.png");
-                    }
-
-                    .btnText {
-                      color: #ffffff;
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
 .facteachModal {
   .ant-modal {
     .ant-modal-content {
-      // width:1358px !important;
       .ant-modal-body {
         .modalHeader {
           display: flex;
@@ -7378,980 +1108,9 @@ export default defineComponent({
       }
     }
   }
-}
 
-.givpowerModal {
-  .ant-modal {
-    .ant-modal-content {
-      // 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;
-
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
-
-        .givepower {
-          min-width: 1000px;
-          background: #ffffff;
-
-          .gp_main {
-            width: 100%;
-            position: relative;
-
-            .gpm_inputbtn {
-              width: 90%;
-              margin: 20px auto;
-              display: flex;
-
-              .gpm_btn {
-                width: 100px;
-                height: 40px;
-                margin-right: 14px;
-                background: #ffffff;
-                border: 1px solid #4ea6ff;
-                border-radius: 8px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex-shrink: 0;
-                cursor: pointer;
-
-                .btnText {
-                  color: #4ea6ff;
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
-
-              .btn1 {
-                .search {
-                  width: 15px;
-                  height: 17px;
-                  margin-right: 6px;
-                  background-image: url("../../assets/images/courseManage/search1.png");
-                }
-              }
-
-              .btn2 {
-                .reset {
-                  width: 16px;
-                  height: 18px;
-                  margin-right: 6px;
-                  background-image: url("../../assets/images/courseManage/reset1.png");
-                }
-              }
-
-              .btn1:hover {
-                background: #4ea6ff;
-
-                .search {
-                  background-image: url("@/assets/images/coursewareManage/search0.png");
-                }
-
-                .btnText {
-                  color: #ffffff;
-                }
-              }
-
-              .btn2:hover {
-                background: #4ea6ff;
-
-                .reset {
-                  background-image: url("@/assets/images/coursewareManage/reset0.png");
-                }
-
-                .btnText {
-                  color: #ffffff;
-                }
-              }
-            }
-
-            .gpm_notice {
-              display: flex;
-              background: rgba(78, 166, 255, 0.25);
-              border: 1px solid #4ea6ff;
-              width: 90%;
-              height: 62px;
-              margin: 20px auto;
-              align-items: center;
-              line-height: 64px;
-
-              .th_icon {
-                width: 16px;
-                height: 16px;
-                background-image: url(@/assets/images/coursewareManage/gan.png);
-                background-size: 100% 100%;
-                margin: auto 13px auto 37px;
-              }
-
-              .textarea {
-                margin-right: 33px;
-              }
-            }
-
-            .gpm_table {
-              width: 90%;
-              margin: 30px auto;
-              border: 1px solid #f0f4fe;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.schtimeModal {
-  .ant-modal {
-    .ant-modal-content {
-      // 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;
-
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
-
-        .schooltime {
-          min-width: 1000px;
-          background: #ffffff;
-
-          .st_main {
-            width: 100%;
-
-            .stm_inputbtn {
-              display: flex;
-              width: 90%;
-              margin: 20px auto;
-
-              .stm_btn {
-                width: 100px;
-                height: 40px;
-                margin-right: 14px;
-                background: #ffffff;
-                border: 1px solid #4ea6ff;
-                border-radius: 8px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex-shrink: 0;
-                cursor: pointer;
-
-                .btnText {
-                  color: #4ea6ff;
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
-
-              .btn1 {
-                .search {
-                  width: 15px;
-                  height: 17px;
-                  margin-right: 6px;
-                  background-image: url("@/assets/images/coursewareManage/search1.png");
-                }
-              }
-
-              .btn2 {
-                .reset {
-                  width: 16px;
-                  height: 18px;
-                  margin-right: 6px;
-                  background-image: url("@/assets/images/coursewareManage/reset1.png");
-                }
-              }
-
-              .btn1:hover {
-                background: #4ea6ff;
-
-                .search {
-                  background-image: url("@/assets/images/coursewareManage/search0.png");
-                }
-
-                .btnText {
-                  color: #ffffff;
-                }
-              }
-
-              .btn2:hover {
-                background: #4ea6ff;
-
-                .reset {
-                  background-image: url("@/assets/images/coursewareManage/reset0.png");
-                }
-
-                .btnText {
-                  color: #ffffff;
-                }
-              }
-            }
-
-            .stm_btn3 {
-              width: 130px;
-              height: 40px;
-              border: 1px solid #4ea6ff;
-              background-color: #4ea6ff;
-              border-radius: 8px;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              flex-shrink: 0;
-              cursor: pointer;
-
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                line-height: 40px;
-              }
-
-              .btn3 {
-                .add {
-                  width: 17px;
-                  height: 18px;
-                  background-image: url("@/assets/images/coursewareManage/add0.png");
-                  background-size: 100% 100%;
-                  margin-right: 6px;
-                }
-              }
-            }
-
-            .notable {
-              width: 100%;
-              height: 100%;
-
-              .notablebox {
-                width: 412px;
-                height: 212px;
-                background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
-                border-radius: 10px;
-                display: flex;
-                justify-content: center;
-                text-align: center;
-                margin: 77px auto 109px auto;
-                position: relative;
-
-                .smallleft {
-                  position: absolute;
-                  top: 18px;
-                  left: 0px;
-                  width: 8px;
-                  height: 21px;
-                  border-radius: 0px 4px 4px 0px;
-                  background-color: #ffb64e;
-                }
-
-                .smallright {
-                  position: absolute;
-                  bottom: 18px;
-                  right: 0px;
-                  width: 8px;
-                  height: 21px;
-                  border-radius: 4px 0px 0px 4px;
-                  background-color: #ffb64e;
-                }
-
-                .boxbody {
-                  .boximg {
-                    width: 72px;
-                    height: 72px;
-                    margin: 32px auto 20px auto;
-                    background-image: url(@/assets/images/coursewareManage/nostate.png);
-                    background-size: 100% 100%;
-                  }
-
-                  .boxtitle {
-                    margin-bottom: 4px;
-                  }
-                }
-              }
-            }
-
-            .stm_table {
-              position: relative;
-              padding-bottom: 80px;
-
-              .classify {
-                margin-left: 10px !important;
-                padding-left: 9px !important;
-              }
-
-              .ant-checkbox-wrapper {
-                align-items: center;
-                margin-top: -2px;
-              }
-
-              .ant-table-selection-column {
-                padding: 0px !important;
-                padding-left: 60px !important;
-              }
-
-              .ant-table-thead > tr > th {
-                background-color: rgba(239, 244, 252, 1);
-              }
-
-              th.h {
-                background-color: #eff4fc !important;
-              }
-
-              .ant-table-tbody
-                > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-                > td {
-                background: #f6f9fd;
-              }
-
-              .operation {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                color: #4ea6ff;
-
-                .nselect {
-                  justify-content: center;
-                  align-items: center;
-                  display: flex;
-
-                  .jc {
-                    margin-left: 20px;
-                    cursor: pointer;
-                  }
-                }
-
-                .tableSelect {
-                  // margin-right: 10px;
-                  margin-left: -5px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: right;
-                }
-              }
-
-              .tableBox {
-                .pa {
-                  left: 0;
-                  width: 100%;
-                  // height: 20px;
-                  // background-color: red;
-                  display: flex;
-                  justify-content: center;
-                  position: absolute;
-                  bottom: 20px;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.stusmanageModal {
-  .ant-modal {
-    .ant-modal-content {
-      // 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;
-
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
-
-        .studentsmanage {
-          min-width: 1000px;
-          background: #ffffff;
-
-          .stm_main {
-            width: 100%;
-
-            .stmmitems {
-              margin: auto 49px;
-
-              .stmm_i1,
-              .stmm_i2,
-              .stmm_i3,
-              .stmm_i4 {
-                margin: 19px 0;
-              }
-
-              .stmm_i5 {
-                display: flex;
-                justify-content: space-between;
-
-                .i5_left {
-                  display: flex;
-
-                  .stmm_btn {
-                    width: 100px;
-                    height: 40px;
-                    margin-right: 14px;
-                    background: #ffffff;
-                    border: 1px solid #4ea6ff;
-                    border-radius: 8px;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    flex-shrink: 0;
-                    cursor: pointer;
-
-                    .btnText {
-                      color: #4ea6ff;
-                      font-size: 14px;
-                      font-weight: 400;
-                      line-height: 40px;
-                    }
-                  }
-
-                  .btn1 {
-                    .search {
-                      width: 15px;
-                      height: 17px;
-                      margin-right: 6px;
-                      background-image: url("../../assets/images/courseManage/search1.png");
-                    }
-                  }
-
-                  .btn2 {
-                    .reset {
-                      width: 16px;
-                      height: 18px;
-                      margin-right: 6px;
-                      background-image: url("../../assets/images/courseManage/reset1.png");
-                    }
-                  }
-
-                  .btn1:hover {
-                    background: rgba(64, 158, 255, 1);
-
-                    .search {
-                      background-image: url("../../assets/images/courseManage/search0.png");
-                    }
-
-                    .btnText {
-                      color: #ffffff;
-                    }
-                  }
-
-                  .btn2:hover {
-                    background: rgba(64, 158, 255, 1);
-
-                    .reset {
-                      background-image: url("../../assets/images/courseManage/reset0.png");
-                    }
-
-                    .btnText {
-                      color: #ffffff;
-                    }
-                  }
-                }
-
-                .i5_right {
-                  display: flex;
-
-                  .stmm_btn {
-                    width: 100px;
-                    height: 40px;
-                    // <!-- 2022-11-30注释 后面放开 -->
-                    // margin-right: 14px;
-                    background: #ffffff;
-                    border: 1px solid #4ea6ff;
-                    border-radius: 8px;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    flex-shrink: 0;
-                    cursor: pointer;
-
-                    .btnText {
-                      color: #4ea6ff;
-                      font-size: 14px;
-                      font-weight: 400;
-                      line-height: 40px;
-                    }
-                  }
-
-                  .btn3 {
-                    background-color: #4ea6ff;
-                  }
-
-                  .btn4 {
-                    display: flex;
-                    width: 130px;
-                    flex-direction: column;
-                    position: relative;
-
-                    .btn4_sub {
-                      display: flex;
-                      justify-content: center;
-                      align-items: center;
-
-                      .b_zk {
-                        width: 10px;
-                        height: 8px;
-                        background-image: url("@/assets/images/coursewareManage/down.png");
-                        background-size: 100% 100%;
-                      }
-
-                      .b_sq {
-                        width: 10px;
-                        height: 8px;
-                        background-image: url("@/assets/images/coursewareManage/up.png");
-                        background-size: 100% 100%;
-                      }
-                    }
-
-                    .btn4_sup {
-                      width: 100%;
-                      background-color: #ffffff;
-                      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-                      position: absolute;
-                      top: 40px;
-                      z-index: 999;
-
-                      .btnsbox {
-                        display: flex;
-                        flex-direction: column;
-                        justify-content: center;
-                        align-items: center;
-
-                        .btn4_tit {
-                          margin: 10px auto;
-                          white-space: nowrap;
-                        }
-
-                        .btn4_op1,
-                        .btn4_op2,
-                        .btn4_op3 {
-                          margin-bottom: 10px;
-                          white-space: nowrap;
-                        }
-                      }
-                    }
-                  }
-
-                  .btn5 {
-                    margin-right: 0px;
-
-                    .export {
-                      width: 17px;
-                      height: 18px;
-                      margin-right: 5px;
-                      background-image: url("@/assets/images/coursewareManage/export.png");
-                    }
-                  }
-
-                  .btn5:hover {
-                    background: #4ea6ff;
-
-                    .export {
-                      background-image: url("@/assets/images/coursewareManage/export1.png");
-                    }
-
-                    .btnText {
-                      color: #ffffff;
-                    }
-                  }
-                }
-              }
-
-              .stmm_i6 {
-                position: relative;
-                padding-top: 15px;
-                padding-bottom: 80px;
-
-                .classify {
-                  margin-left: 10px !important;
-                  padding-left: 9px !important;
-                }
-
-                .ant-checkbox-wrapper {
-                  align-items: center;
-                  margin-top: -2px;
-                }
-
-                .ant-table-selection-column {
-                  padding: 0px !important;
-                  padding-left: 60px !important;
-                }
-
-                .ant-table-thead > tr > th {
-                  background-color: rgba(239, 244, 252, 1);
-                }
-
-                th.h {
-                  background-color: #eff4fc !important;
-                }
-
-                .ant-table-tbody
-                  > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-                  > td {
-                  background: #f6f9fd;
-                }
-
-                .operation,
-                .nselect {
-                  display: flex;
-                  justify-content: center;
-                  color: #4ea6ff;
-                  font-size: 14px;
-
-                  .ops1,
-                  .ops2 {
-                    margin-right: 10px;
-                    cursor: pointer;
-                  }
-                }
-
-                .tableBox {
-                  .pa {
-                    left: 0;
-                    width: 100%;
-                    // height: 20px;
-                    // background-color: red;
-                    display: flex;
-                    justify-content: center;
-                    position: absolute;
-                    bottom: 20px;
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.tag-content {
-  .ant-tag {
-    margin-top: 10px;
-  }
-}
-
-.coursewareDetail {
-  .ant-modal {
-    height: 320px;
-    margin-top: 100px;
-
-    .ant-modal-content {
-      // 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;
-
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
-
-        .modalMain {
-          .ftsturecord {
-            min-width: 1000px;
-            background: #ffffff;
-
-            .ftsr_main {
-              width: 100%;
-
-              .ftsr_table {
-                width: 90%;
-                margin: 30px auto;
-                border: 1px solid #f0f4fe;
-              }
-
-              .ftsr_btn {
-                width: 100px;
-                height: 40px;
-                background: #ffffff;
-                border: 1px solid #4ea6ff;
-                border-radius: 8px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin: 30px auto;
-                flex-shrink: 0;
-                cursor: pointer;
-
-                .btnText {
-                  color: #4ea6ff;
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-// 选择评估
-.main_item {
-  display: flex;
-  align-items: center;
-  margin-top: 32px;
-  margin-bottom: 32px;
-
-  .signbox {
-    width: 120px;
-    display: flex;
-    justify-content: end;
-    align-items: center;
-
-    .sign {
-      margin-right: 5px;
-    }
-  }
-
-  .btnbox {
-    display: flex;
-    flex: 1;
-    align-items: center;
-
-    .xkbtn {
-      cursor: pointer;
-      width: 130px;
-      height: 40px;
-      background: #388be1;
-      border-radius: 8px;
-      border: 0;
-      margin-right: 8px;
-      color: #fff;
-    }
-  }
-}
-
-.DelModal {
-  .ant-modal {
-    .ant-modal-content {
-      width: 424px !important;
-
-      .ant-modal-body {
-        .delete {
-          width: 424px;
-          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: 40px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-          }
-
-          .del_main {
-            width: 100%;
-            position: relative;
-
-            .header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
-
-              .del-icons {
-                width: 16px;
-                height: 16px;
-                position: relative;
-                margin-right: 10px;
-
-                img {
-                  width: 100%;
-                  height: 100%;
-                  position: absolute;
-                  top: 0px;
-                  left: 0px;
-                  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;
-            }
-
-            .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;
-                margin-right: 14px;
-                flex-shrink: 0;
-                cursor: pointer;
-
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
-
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-              }
-
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.disabled {
-  a {
-    color: #999ba3;
-    cursor: not-allowed;
-  }
-}
-
-.pa {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  margin-bottom: 20px;
-
-  .pagination {
+  .statusJuJue {
     margin-bottom: 20px;
   }
-
-  .ant-pagination-item-link,
-  .ant-pagination-item,
-  .ant-select-selector,
-  .ant-pagination-options-quick-jumper input {
-    border-radius: 8px;
-  }
 }
-
-.ant-select-selector {
-  height: 100%;
-  border-radius: 8px;
-}
-
-.ant-upload.ant-upload-select-picture-card {
-  border: none;
-}
-
-// statusJuJue
-.statusJuJue {
-  margin-bottom: 20px;
-}
-
-// .tableSelect {
-//   position: relative;
-//   .hoverList {
-//     display: none;
-//   }
-//   &:hover {
-//     .hoverList {
-//       display: block;
-//       position: absolute;
-//       top: 20px;
-//       left: -20px;
-//       background: #fff;
-//       box-sizing: border-box;
-//       // padding: 20px;
-//       color: #000000;
-//     }
-//   }
-// }
-
-// ::v-deep .w-e-toolbar {
-//   .w-e-bar-item {
-//     &:nth-child(23) {
-//       display: none !important;
-//     }
-//   }
-// }
 </style>
diff --git a/src/views/projectcenter/LibraryAdd.vue b/src/views/projectcenter/LibraryAdd.vue
index 87504234..652a32ee 100644
--- a/src/views/projectcenter/LibraryAdd.vue
+++ b/src/views/projectcenter/LibraryAdd.vue
@@ -283,33 +283,24 @@
                       v-model:checked="checked"
                       @click="changeopclo"
                     />
-                    <div v-if="(checked==true)" 
-                      class="opclo">
+                    <div
+                      class="opclo"
+                      :style="{ display: hideshow ? 'block' : 'none' }"
+                    >
                       <span>关闭</span>
                     </div>
-                    <div v-if="(checked==false)" 
-                      class="opclo" >
+                    <div
+                      class="opclo"
+                      :style="{ display: hideshow ? 'none' : 'block' }"
+                    >
                       <span>开启</span>
                     </div>
                   </div>
-                  <div v-if="(checked==true)"
-                    class="ntc_content">
-                  <div class="ntcc_tit">当前公告内容：</div>
-                    <div class="textarea">
-                    {{noticeContent==""?"暂无公告":noticeContent}}
-                    <div v-if="(editFlag == false)" class="btnarea" >
-                        <div>&nbsp;</div>
-                        <div class="area_btn" @click="editNotice">
-                       
-                          <div class="btnText">编辑</div>
-                        </div>
-                      </div>
-                   
-                    </div>
-              
-                    <template v-if="(editFlag==true)">
-                    <div>&nbsp;</div>
-                    <div class="ntcc_tit" >编辑公告：</div>
+                  <div
+                    class="ntc_content"
+                    :style="{ display: hideshow ? 'block' : 'none' }"
+                  >
+                    <div class="ntcc_tit">公告内容</div>
                     <div class="textarea">
                       <a-textarea
                         v-model:value="projectInfo.notice"
@@ -324,8 +315,7 @@
                           <div class="btnText">发布</div>
                         </div>
                       </div>
-                      </div>
-                    </template>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -845,8 +835,6 @@ export default defineComponent({
       edit: true,
       fileList:[],
       attachSwitch:true,
-      editFlag:false,
-      noticeContent:"",
       // 共享文档列表
       docList: [
         {
@@ -864,25 +852,29 @@ export default defineComponent({
       ],
       isEdit: false, // 是否处于编辑状态
       // 基本信息
-      projectInfo: {},
+      projectInfo: {
+        beginTime: null,
+        endTime: null,
+        name: null,
+        manager: null,
+        notice: null,
+        sourceBelongId: null,
+        remark: "",
+        courseSyncFlag: false,
+        level: null,
+        systemId: null,
+        boeFlag: false,
+        status: null,
+        picUrl: null,
+        noticeFlag: null,
+      },
     });
     const value = ref("");
     const textnum = "150";
     const routered = useRouter();
     const changeopclo = () => {
-      state.projectInfo.noticeFlag = state.checked?1:0;
-      api
-        .templateEdit( state.projectInfo)
-        .then((res) => {
-          console.log(res);
-        })
-        .catch((err) => {
-          console.log(err);
-        });
+      state.hideshow = !state.hideshow;
     };
-    const editNotice =()=>{
-      state.editFlag = true ;
-    }
     const changecheck2 = () => {
       state.checked2 = !state.checked2;
     };
@@ -945,13 +937,25 @@ export default defineComponent({
 
           state.taskSyllabus = [];
           console.log(res);
-          state.projectInfo = res.data.data.projectTemplateInfo;
-       
-          state.noticeContent = state.projectInfo.notice;
-          state.checked = state.projectInfo.noticeFlag==1?true:false;
-          console.log("state.checked", state.checked);
-          console.log("state.projectInfo",state.projectInfo);
-          console.log("res.data.data.projectTemplateInfo",res.data.data.projectTemplateInfo);
+          state.projectInfo.name = res.data.data.projectTemplateInfo.name;
+          state.projectInfo.beginTime = res.data.data.projectTemplateInfo.beginTime;
+          state.projectInfo.endTime = res.data.data.projectTemplateInfo.endTime;
+          state.projectInfo.manager = res.data.data.projectTemplateInfo.manager;
+          state.projectInfo.notice = res.data.data.projectTemplateInfo.notice;
+          state.projectInfo.sourceBelongId = res.data.data.projectTemplateInfo.sourceBelongId;
+          state.projectInfo.managerId = res.data.data.projectTemplateInfo.managerId;
+          state.projectInfo.remark = res.data.data.projectTemplateInfo.remark;
+          state.projectInfo.courseSyncFlag = res.data.data.projectTemplateInfo.courseSyncFlag;
+          state.projectInfo.level = res.data.data.projectTemplateInfo.level;
+          state.projectInfo.systemId = res.data.data.projectTemplateInfo.systemId;
+          state.projectInfo.boeFlag = res.data.data.projectTemplateInfo.boeFlag;
+          state.projectInfo.noticeFlag = res.data.data.projectTemplateInfo.noticeFlag;
+          state.projectInfo.remark = res.data.data.projectTemplateInfo.remark;
+          state.projectInfo.status = res.data.data.projectTemplateInfo.status;
+          state.projectInfo.picUrl = res.data.data.projectTemplateInfo.picUrl;
+          state.picUrl = res.data.data.projectTemplateInfo.picUrl;
+          state.projectInfo.attach = res.data.data.projectTemplateInfo.attach;
+          state.projectInfo.category = res.data.data.projectTemplateInfo.category;
           try{
             state.fileList = JSON.parse(res.data.data.projectTemplateInfo.attach);
           }catch{
@@ -984,14 +988,29 @@ export default defineComponent({
 
     // 发布公告
     const addNotice = () => {
-     // state.projectInfo.notice=
-     if(!state.projectInfo.notice){
-      return message.warning("请输入公告内容");
-     }
+      console.log("ok====s");
+      let obj = {
+        name: state.projectInfo.name,
+        category: state.projectInfo.category,
+        picUrl: state.projectInfo.picUrl,
+        manager: state.projectInfo.manager,
+        managerId: state.projectInfo.managerId || 0,
+        sourceBelongId: state.projectInfo.sourceBelongId,
+        level: state.projectInfo.level,
+        systemId: state.projectInfo.systemId,
+        boeFlag: state.projectInfo.boeFlag ? 1 : 0,
+        courseSyncFlag: state.projectInfo.courseSyncFlag ? 1 : 0,
+        notice: state.projectInfo.notice,
+        noticeFlag: state.projectInfo.noticeFlag,
+        projectTemplateId: localStorage.getItem("projectTemplateId"),
+        remark: state.projectInfo.remark,
+        status: state.projectInfo.status,
+        attach: state.projectInfo.attach,
+      };
+      console.log("obj======", obj);
       api
-        .templateEdit( state.projectInfo)
+        .templateEdit(obj)
         .then((res) => {
-          state.noticeContent = state.projectInfo.notice;
           message.success("公告发布成功");
           console.log(res);
         })
@@ -999,7 +1018,6 @@ export default defineComponent({
           message.error("公告发布失败" + err);
           console.log(err);
         });
-        state.editFlag =false;
     };
     // 删除阶段
     const stateDel = (id) => {
@@ -1270,8 +1288,7 @@ export default defineComponent({
       editRule,
       handleChange2,
       scoresum,
-      checkedClose,
-      editNotice
+      checkedClose
     };
   },
 });
@@ -2200,7 +2217,6 @@ export default defineComponent({
         .ntc_content {
           .ntcc_tit {
             margin-bottom: 16px;
-            font-weight: 600;
           }
           .textarea {
             display: flex;
diff --git a/src/views/projectcenter/templateAdd.vue b/src/views/projectcenter/templateAdd.vue
index a8ccf876..db81a6fd 100644
--- a/src/views/projectcenter/templateAdd.vue
+++ b/src/views/projectcenter/templateAdd.vue
@@ -4,10 +4,10 @@
     <div class="header">
       <span class="title">创建/编辑单层模板</span>
       <div
-        @click="backPage"
-        style="cursor: pointer"
-        to="/manage/libraryAdd"
-        class="goback"
+          @click="backPage"
+          style="cursor: pointer"
+          to="/manage/libraryAdd"
+          class="goback"
       >
         <span class="return"></span><span class="returntext">返回</span>
       </div>
@@ -17,164 +17,119 @@
         <div class="name">
           <div class="namebox">
             <img
-              class="nameimg"
-              src="../../assets/images/basicinfo/asterisk.png"
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">模板名称</div>
           </div>
           <div class="in">
             <a-input
-              v-model:value="projectInfo.name"
-              placeholder="请输入模板名称"
-              show-count
-              :maxlength="30"
+                v-model:value="projectInfo.name"
+                placeholder="请输入模板名称"
+                show-count
+                :maxlength="30"
             />
           </div>
         </div>
         <div class="name">
           <div class="namebox">
             <img
-              class="nameimg"
-              src="../../assets/images/basicinfo/asterisk.png"
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">分类</div>
           </div>
           <div class="in select">
-            <a-select
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              v-model:value="projectInfo.category"
-              style="width: 100%"
-              :options="classifyList"
-              @change="classificationChange"
-              allowClear
-              showSearch
-            >
-            </a-select>
+            <ProjectClass v-model:value="projectInfo.category"></ProjectClass>
           </div>
         </div>
-        <div class="name">
-          <div class="namebox">
+        <div class="name" style="align-items: flex-start;">
+          <div class="namebox" style="margin-top: 10px">
             <img
-              class="nameimg"
-              src="../../assets/images/basicinfo/asterisk.png"
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">封面图</div>
           </div>
-          <div
-            class="box"
-            style="
-              width: 100px;
-              height: 100px;
-              border: 1px solid rgba(78, 166, 255, 1);
-              border-radius: 5px;
-              cursor: pointer;
-              position: relative;
-              overflow: hidden;
-            "
-          >
-            <a-upload
-              v-model:file-list="fileList"
-              name="file"
-              list-type="picture-card"
-              class="avatar-uploader"
-              :show-upload-list="false"
-              action="/api/file/upload"
-              :before-upload="beforeUpload"
-              @change="handleChange"
-            >
-              <img
-                style="
-                  width: 100px;
-                  height: 100px;
-                  margin-bottom: 4px;
-                  margin-right: 4px;
-                "
-                v-if="imageUrl"
-                :src="imageUrl"
+          <div class="in select" style="flex:1">
+            <a-select
+                :getPopupContainer="
+                        (triggerNode) => {
+                          return triggerNode.parentNode || document.body;
+                        }
+                      "
+                v-model:value="projectInfo.picUrl"
+                dropdownClassName="dropdown-style"
+                style="width: 440px"
+                placeholder="请选择"
+                :options="projectPic"
+                @change="handleChangeSelect"
+                allowClear
+            ></a-select>
+            <img
+                style="width:100px;height:100px;margin-top:20px;border-radius: 8px"
+                v-if="projectInfo.picUrl"
+                :src="projectInfo.picUrl"
                 alt="avatar"
-              />
-              <div v-else>
-                <!-- <loading-outlined v-if="loading"></loading-outlined> -->
-                <!-- <plus-outlined v-else></plus-outlined> -->
-                <div class="box1"></div>
-                <div class="box2"></div>
-                <!-- <div class="ant-upload-text"></div> -->
-              </div>
-            </a-upload>
+            />
+            <div class="i_bottom">
+                      <span style="color: #999ba3">
+                        高宽比为16:9 (如:800*450) png或jpg图片
+                      </span>
+            </div>
           </div>
         </div>
         <div class="name">
           <div class="namebox">
             <img
-              class="nameimg"
-              src="../../assets/images/basicinfo/asterisk.png"
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">项目时间</div>
           </div>
 
           <div class="in">
             <a-range-picker
-              separator="至"
-              :placeholder="['      开始时间', '        结束时间']"
-              v-model:value="projectInfo.choosedTime"
-              format="YYYY-MM-DD"
-              style="width: 100%; height: 40px; border-radius: 5px"
+                separator="至"
+                :placeholder="['      开始时间', '        结束时间']"
+                v-model:value="projectInfo.rangeTime"
+                style="width: 100%; height: 40px; border-radius: 5px"
+                valueFormat="YYYY-MM-DD HH:mm:ss"
+                @change="timeChange"
             />
           </div>
         </div>
         <div class="name">
           <div class="namebox">
             <img
-              class="nameimg"
-              src="../../assets/images/basicinfo/asterisk.png"
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">项目经理</div>
           </div>
           <div class="in">
-            <a-select
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-           
-              :value="classifySelect1"
-              mode="multiple"
-              placeholder="请选择项目经理"
-              style="width: 100%"
-              :options="classifyList1"
-              @change="classificationChange1"
-              allowClear
-              showSearch
-            >
-            </a-select>
+            <ProjectManager
+                v-model:value="projectInfo.managerId"
+                v-model:name="projectInfo.manager"
+                @onChange="managerChange"
+                mode="multiple"
+            ></ProjectManager>
           </div>
         </div>
         <div class="name">
           <div class="namebox">
             <img
-              class="nameimg"
-              src="../../assets/images/basicinfo/asterisk.png"
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">资源归属</div>
           </div>
 
           <div class="in select">
-            <a-select
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              v-model:value="projectInfo.sourceBelongId"
-              placeholder="项目一"
-              :options="classifyList2"
-              @change="classificationChange2"
-            />
+            <OrgClass
+                v-model:value="projectInfo.sourceBelongId"
+                v-model:name="projectInfo.sourceBelongName"
+            ></OrgClass>
           </div>
         </div>
         <div class="name name2">
@@ -183,11 +138,11 @@
           </div>
           <div class="in">
             <a-textarea
-              v-model:value="projectInfo.remark"
-              style="height: 80px"
-              placeholder="请输入说明"
-              show-count
-              :maxlength="200"
+                v-model:value="projectInfo.remark"
+                style="height: 80px"
+                placeholder="请输入说明"
+                show-count
+                :maxlength="200"
             />
           </div>
         </div>
@@ -196,523 +151,157 @@
             <div class="inname">同步学习记录</div>
           </div>
           <div class="in">
-            <a-radio
-              @click="changeChecked"
-              v-model:checked="projectInfo.courseSyncFlag"
-              ><span
+            <a-checkbox
+                v-model:checked="projectInfo.courseSyncFlag"
+            ><span
                 style="
                   width: 100%;
                   color: rgba(109, 117, 132, 1);
                   font-size: 14px;
                 "
-                >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
-              ></a-radio
+            >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+            ></a-checkbox
             >
           </div>
         </div>
         <div class="name">
           <div class="namebox">
             <img
-              class="nameimg"
-              src="../../assets/images/basicinfo/asterisk.png"
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">项目级别</div>
           </div>
           <div class="in select">
-            <a-select
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              v-model:value="projectInfo.level"
-              :options="classifyList3"
-              @change="classificationChange3"
-              placeholder="集团级/组织级/现地级/部门级"
-              :disabled="viewDetail ? true : false"
-            />
+            <ProjectLevel v-model:value="projectInfo.level"></ProjectLevel>
           </div>
         </div>
         <div class="name">
           <div class="namebox">
             <img
-              class="nameimg"
-              src="../../assets/images/basicinfo/asterisk.png"
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">培训体系</div>
           </div>
           <div class="in select">
-            <a-select
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              v-model:value="projectInfo.systemId"
-              :options="classifyList4"
-              @change="classificationChange4"
-              placeholder="集团级/组织级/现地级/部门级"
-              :disabled="viewDetail ? true : false"
-            />
+            <TrainClass v-model:value="projectInfo.systemId"></TrainClass>
           </div>
         </div>
         <div class="name">
           <div class="namebox">
             <img
-              class="nameimg"
-              src="../../assets/images/basicinfo/asterisk.png"
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">是否BOEU实施</div>
           </div>
           <div class="in">
-            <a-radio
-              @click="changeChecked1"
-              v-model:checked="projectInfo.boeFlag"
-              :disabled="viewDetail ? true : false"
-              ><span
-                style="
-                  width: 100%;
-                  color: rgba(109, 117, 132, 1);
-                  font-size: 14px;
-                "
-                >BOEU实施</span
-              ></a-radio
+            <a-radio-group
+                v-model:value="projectInfo.boeFlag"
             >
+              <a-radio :value="1">是</a-radio>
+              <a-radio :value="0">否</a-radio>
+            </a-radio-group>
           </div>
         </div>
-        <!-- <div class="name name2">
-                      <div class="namebox" style="margin-top: 8px">
-                          <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-                          <div class="inname">附件</div>
-                      </div>
-                      <div class="filebox">
-                          <div>
-                              <img v-if="fileList1.length < 6" class="fileimg" src="../../assets/images/projectadd/enclosure.png" />
-                              <a-upload :disabled="fileList1.length > 5" :before-upload="beforeUpload1" v-model:file-list="fileList1"
-                                  @remove="removeFile" name="file" action="/api/file/upload" :headers="headers" @change="handleChange1">
-                                  <span v-if="fileList1.length > 5" class="filetext">上传数量已经达到最大值</span>
-                                  <span v-else class="filetext">上传附件</span>
-                              </a-upload>
-                          </div>
-                          <div class="support">
-                              支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
-                          </div>
-                      </div>
-                  </div> -->
       </div>
     </div>
     <div class="footer">
       <div class="btn">
         <a-button v-on:click="createProject" type="primary" class="btn1"
-          >确定</a-button
+        >确定
+        </a-button
         >
         <a-button @click="backPage" class="btn2">取消</a-button>
       </div>
     </div>
   </div>
 </template>
-  <script>
-import { reactive, toRefs, ref,onMounted } from "vue";
-import { message } from "ant-design-vue";
-import { useRouter, useRoute } from "vue-router";
-// import dayjs from "dayjs";
+<script setup>
+
+import {useStore} from "vuex";
+import {ref, onMounted, watch} from "vue";
+import {message} from "ant-design-vue";
+import {useRouter, useRoute} from "vue-router";
 import * as api from "../../api/indexTemplate";
-import { storage } from "../../api/storage";
-// import { toDate } from "../../api/method";
-import dayjs from "dayjs";
+import ProjectClass from "@/components/project/ProjectClass";
+import TrainClass from "@/components/project/TrainClass";
+import OrgClass from "@/components/project/OrgClass";
+import ProjectManager from "@/components/project/ProjectManagerNew";
+import ProjectLevel from "@/components/project/ProjectLevel";
 
-export default {
-  name: "projectAdd",
-  setup() {
-    // 编辑页面跳转过来时候，自动填充表格
-    const routers = useRoute();
-    const isEdit = ref(false);
-    // let peojectID = "";
+const route = useRoute();
+const router = useRouter();
+const store = useStore();
+const projectInfo = ref({})
+const projectPic = ref([])
 
-    if (routers.query.projectId) {
-      storage.set("projectAddId", routers.query.projectId);
-      isEdit.value = true;
-      // peojectID = routers.query.projectId;
-    } else {
-      if (storage.get("projectAddId")) {
-        isEdit.value = true;
-        // peojectID = storage.get("projectAddId");
-      }
-    }
+onMounted(() => {
+  getDetail()
+  projectPic.value = store.state.projectPic.map((e) => ({value: e.dictValue, label: e.dictName}));
+})
 
-    const backPage = () => {
-      storage.remove("projectAddId");
-      setTimeout(() => {
-        router.push({
-          path: "/libraryAdd",
-        });
-      }, 400);
-    };
+watch(() => route.query.projectTemplateId, () => {
+  getDetail()
+})
 
-    const router = useRouter();
-    const state = reactive({
-      classifySelect: null,
-      classifySelectId: null,
-      checked: false,
-      checked1: false,
-      valueE: null,
-      valueE1: null,
-      valueE2: null,
-      classifySelect1: ['李俊国'],
-      classifySelect2: [],
-      classifySelect3: [],
-      classifySelect4: [],
-      rangevalue: [],
-
-      currentPage: 1, //当前页
-      tableDataTotal: -1, //模版列表总数
-      pageSize: 10, //每页10条数据
-      totalPages: 0, //总页数
-      viewDetail: routers.query.viewDetail ? routers.query.viewDetail : null,
-      projectInfo:{
-        choosedTime:'',
-        name: null,
-        manager: null,
-        notice: null,
-        sourceBelongId: 1,
-        category:1,
-        remark: "",
-        courseSyncFlag: false,
-        level: 1,
-        systemId: 2,
-        boeFlag: false,
-      }
-    });
-
-    const projectName = ref("");
-
-    const classifyList = ref([
-      { value: 1, label: "管理者" },
-      { value: 2, label: "领军者" },
-      { value: 3, label: "产业人" },
-    ]);
-
-    // let projectType = "";
-
-    const classificationChange = (value) => {
-      console.log(`selected ${value}`);
-      // projectType = value;
-    };
-
-    function getBase64(img, callback) {
-      const reader = new FileReader();
-      reader.addEventListener("load", () => callback(reader.result));
-      reader.readAsDataURL(img);
-    }
-
-    const fileList = ref([]);
-    const fileList1 = ref([]);
-    const loading = ref(false);
-    const imageUrl = ref("");
-    // let picUrl = "";
-
-    const handleChange = (info) => {
-      if (info.file.status === "uploading") {
-        loading.value = true;
-        return;
-      }
-      if (info.file.status === "done") {
-        console.log("上传图片返回的信息 %o", info);
-        // picUrl = info.file.response.data;
-        // Get this url from response in real world.
-        getBase64(info.file.originFileObj, (base64Url) => {
-          imageUrl.value = base64Url;
-          loading.value = false;
-        });
-      }
-      if (info.file.status === "error") {
-        loading.value = false;
-        message.error("upload error");
-      }
-    };
-
-    let uplodaFileCount = false;
-
-    // let attach = "";
-    let attachData = "";
-    const handleChange1 = (info) => {
-      if (info.file.status === "uploading") {
-        loading.value = true;
-        return;
-      }
-      if (info.file.status === "done") {
-        console.log(
-          "上传附件返回的信息 %o",
-          info,
-          info.fileList.length,
-          uplodaFileCount
-        );
-
-        let attachStr = "";
-        attachData = info.fileList;
-        for (let i = 0; i < attachData.length; i++) {
-          if (attachData.length - 1 == i) {
-            attachStr += attachData[i].response.data;
-          } else {
-            attachStr += attachData[i].response.data + ",";
-          }
-        }
-        console.log(attachStr);
-        // attach = attachStr;
-
-        if (info.fileList.length > 5) {
-          uplodaFileCount = true;
-        } else {
-          uplodaFileCount = false;
-        }
-      }
-      if (info.file.status === "error") {
-        loading.value = false;
-        message.error("upload error"); 
-      }
-    };
-
-    const beforeUpload = (file) => {
-      const isJpgOrPng =
-        file.type === "image/jpeg" || file.type === "image/png";
-      if (!isJpgOrPng) {
-        message.error("You can only upload JPG file!");
-      }
-      const isLt2M = file.size / 1024 / 1024 < 1;
-      if (!isLt2M) {
-        message.error("Image must smaller than 1MB!");
-      }
-      return isJpgOrPng && isLt2M;
-    };
-
-    const beforeUpload1 = () => {
-      return new Promise((resovle, reject) => {
-        if (uplodaFileCount) {
-          message.warning("上传文件数量已达最大数量");
-          return reject(false);
-        }
-        return resovle(true);
-      });
-    };
-
-    const dateFormatList = ["YYYY/MM/DD"];
-
-    const onRangeChange = (value, dateString) => {
-      console.log("Selected Time: ", value);
-      // 项目时间选择函数
-      console.log("Formatted Selected Time: ", dateString);
-      console.log(
-        "Formatted Selected TimeStamp",
-        new Date(dateString[0]).getTime()
-      );
-      // beginTime = new Date(dateString[0]).getTime() / 1000;
-      // endTime = new Date(dateString[1]).getTime() / 1000;
-    };
-
-    // 项目经理 后续接口调用
-    const classifyList1 = ref([
-      { value: 1, label: "李俊国" },
-      { value: 2, label: "将小米" },
-      { value: 3, label: "刘孟君" },
-    ]);
-
-    const classificationChange1 = (key, options) => {
-      console.log(`selected ${key}`, options);
-      let mstr = "";
-      let midstr = "";
-      for (let i = 0; i < key.length; i++) {
-        if (key.length - 1 !== i) {
-          midstr += key[i] + ",";
-          mstr += classifyList1.value[i].label + ",";
-        } else {
-          midstr += key[i];
-          mstr += classifyList1.value[i].label;
-        }
-      }
-      console.log(mstr, midstr);
-      state.classifySelect1 = options;
-      let newoptions = [];
-      for (let i = 0; i < state.classifySelect1.length; i++) {
-        if (state.classifySelect1[i].value) {
-          newoptions.push(state.classifySelect1[i]);
-        }
-      }
-      state.classifySelect1 = newoptions;
-      // manager = mstr;
-      // managerId = midstr;
-    };
-
-    // 资源归属 sourceBelongId 后续给接口
-    const classifyList2 = ref([
-      { value: 1, label: "项目一" },
-      { value: 2, label: "项目二" },
-      { value: 3, label: "项目三" },
-    ]);
-
-    // let sourceBelongIdC = "";
-    const classificationChange2 = (key) => {
-      console.log(`selected ${key}`, classifyList2);
-      // sourceBelongIdC = key;
-    };
-
-    // 项目级别
-    const classifyList3 = ref([
-      { value: 1, label: "集团级" },
-      { value: 2, label: "组织级" },
-      { value: 3, label: "现地级" },
-      { value: 4, label: "部门级" },
-    ]);
-
-    // let levels = "";
-    const classificationChange3 = (key) => {
-      console.log(`selected ${key}`, classifyList3);
-      // levels = key;
-    };
-
-    // 培训体系
-    const classifyList4 = ref([
-      { value: 1, label: "集团级" },
-      { value: 2, label: "组织级" },
-      { value: 3, label: "现地级" },
-      { value: 4, label: "部门级" },
-    ]);
-
-    // let systemid = "";
-    const classificationChange4 = (key) => {
-      console.log(`selected ${key}`, classifyList4);
-      // systemid = key;
-    };
-
-
-    // const removeFile = (file) => {
-    //   const index = fileList1.value.indexOf(file);
-    //   const newFileList = fileList1.value.slice();
-    //   newFileList.splice(index, 1);
-    //   fileList1.value = newFileList;
-
-    //   let attachStr = "";
-    //   if (newFileList.length == 0) {
-    //     attachStr = "";
-    //   }
-    //   for (let i = 0; i < fileList1["value"].length; i++) {
-    //     console.log(fileList1["value"][i].response.data);
-    //     if (fileList1["value"].length - 1 == i) {
-    //       attachStr += fileList1["value"][i].response.data;
-    //     } else {
-    //       attachStr += fileList1["value"][i].response.data + ",";
-    //     }
-    //   }
-    //   attach = attachStr;
-    // };
-
-    onMounted(() => {
+const getDetail = () => route.query.projectTemplateId && api.templateDetail(route.query.projectTemplateId)
+    .then((res) => {
+      projectInfo.value = res.data.data.projectTemplateInfo;
+      projectInfo.value.rangeTime = [projectInfo.value.beginTime, projectInfo.value.endTime]
     })
 
-    const errorMsgs = {
-      name: "请输入模板名称",
-      category: "请选择模板分类",
-      picUrl: "请上传项目封面图",
-      beginTime: "请选择项目开始时间",
-      endTime: "请选择项目结束时间",
-      manager: "请选择项目经理",
-      managerId: "请选择项目经理",
-      sourceBelongId: "请选择资源归属",
-      level: "请填写项目级别",
-      systemId: "请填写项目培训体系",
-      boeFlag: "请选择是否BOE实施",
-    };
-
-    const createProject = () => {
-      console.log("我要编辑项目", isEdit.value);
-        let obj = {
-          "name": state.projectInfo.name,
-          "category": state.projectInfo.category,
-          "picUrl": "x",
-          "beginTime": Number(dayjs(state.projectInfo.choosedTime[0]).format("YYYY-MM-DD")) || 1,
-          "endTime": Number(dayjs(state.projectInfo.choosedTime[1]).format("YYYY-MM-DD")) || 1,
-          "manager": state.classifySelect1.toString(),
-          "managerId": state.projectInfo.managerId || 0,
-          "sourceBelongId": state.projectInfo.sourceBelongId,
-          "level": state.projectInfo.level,
-          "systemId": state.projectInfo.systemId,
-          "boeFlag": state.projectInfo.boeFlag ? 1:0,
-          "courseSyncFlag": state.projectInfo.courseSyncFlag? 1:0,
-          "notice": "",
-          "noticeFlag": 0,
-          "projectTemplateId": localStorage.getItem("projectTemplateId"),
-          "remark": "",
-          "status": 0,
-          
-        };
-
-        console.log(obj);
-
-        for (let i in errorMsgs) {
-          console.log(obj[i]);
-          if (obj[i] === "" || obj[i] === undefined) {
-            message.destroy();
-            message.warning(errorMsgs[i]);
-            return;
-          }
-        }
-        api
-          .templateEdit(obj)
-          .then((res) => {
-            console.log(res);
-            if (res.status == 200 && res.data.code == 200) {
-              message.destroy();
-              message.success("编辑成功");
-              setTimeout(() => {
-                router.push({
-                  path: "/projectmanage",
-                });
-              }, 1000);
-            } else {
-              message.destroy();
-              message.error("编辑失败，请检查当前网络状态。");
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-            message.destroy();
-            message.error("编辑失败，请检查当前网络状态。");
-          });
-      
-    };
-
-    return {
-      ...toRefs(state),
-      projectName,
-      classifyList,
-      classificationChange,
-      classificationChange1,
-      classificationChange2,
-      classificationChange3,
-      classificationChange4,
-      fileList,
-      fileList1,
-      loading,
-      imageUrl,
-      handleChange,
-      handleChange1,
-      beforeUpload,
-      beforeUpload1,
-      onRangeChange,
-      classifyList1,
-      classifyList2,
-      classifyList3,
-      classifyList4,
-      uplodaFileCount,
-      createProject,
-      // removeFile,
-      isEdit,
-      backPage,
-      dateFormatList,
-    };
-  },
+const backPage = () => {
+  router.back();
 };
+
+const handleChangeSelect = (value) => {
+  projectInfo.value.picUrl = value
+}
+
+function timeChange(e) {
+  if (e && e.length === 2) {
+    projectInfo.value.beginTime = e[0];
+    projectInfo.value.endTime = e[1];
+  }
+}
+
+const errorMsgs = {
+  name: "请输入模板名称",
+  category: "请选择模板分类",
+  picUrl: "请上传项目封面图",
+  beginTime: "请选择项目开始时间",
+  endTime: "请选择项目结束时间",
+  manager: "请选择项目经理",
+  managerId: "请选择项目经理",
+  sourceBelongId: "请选择资源归属",
+  level: "请填写项目级别",
+  systemId: "请填写项目培训体系",
+  boeFlag: "请选择是否BOE实施",
+};
+
+const createProject = () => {
+  for (let i in errorMsgs) {
+    if (projectInfo.value[i] === "" || projectInfo.value[i] === undefined) {
+      message.destroy();
+      message.warning(errorMsgs[i]);
+      return;
+    }
+  }
+  api.templateEdit({...projectInfo.value, courseSyncFlag: projectInfo.value.courseSyncFlag ? 1 : 0}).then(() => {
+    message.destroy();
+    message.success("编辑成功");
+    router.back()
+  })
+};
+
+function managerChange(e, l, d) {
+  projectInfo.value.valuesourceBelongId = d
+}
+
 </script>
-  <style lang="scss">
+<style lang="scss">
 .projectAdd {
   width: 100%;
   // height: inherit;