From b20b2dbd046c84fd0c33d6c49477ea32033ac1f3 Mon Sep 17 00:00:00 2001
From: wuyx <wuyx@dongwu-inc.com>
Date: Sun, 25 Dec 2022 12:22:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E9=9D=A2=E6=8E=88=E8=AF=BE=E4=B8=89?=
 =?UTF-8?q?=E7=BA=A7=E5=88=86=E7=B1=BB=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CoursewareManage.vue | 13351 ++++++++---------
 src/views/courselibrary/courseModal.vue      |  2525 ++--
 src/views/examine/CourseReviewed.vue         |  1748 ++-
 src/views/examine/CourseReviewedN.vue        |  2460 ++-
 4 files changed, 9778 insertions(+), 10306 deletions(-)

diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 978707ac..1300d012 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -1,45 +1,28 @@
 <!-- 课件管理页面 -->
 <template>
-  <div class="courseManage">
-    <div class="headerf">
-      <!-- 搜索框及按钮 -->
-      <div class="filter">
-        <div class="filterItems">
-          <div class="pathnameInp">
-            <a-input
-              v-model:value="createName"
-              style="width: 200px; height: 40px; border-radius: 8px"
-              placeholder="请输入创建人"
-            />
-          </div>
-          <div class="pathnameInp">
-            <a-input
-              v-model:value="name"
-              style="width: 200px; height: 40px; border-radius: 8px"
-              placeholder="请输入名称"
-            />
-          </div>
-          <div class="pathnameInp">
-            <a-input
-              v-model:value="projectName"
-              style="width: 200px; height: 40px; border-radius: 8px"
-              placeholder="请输入所属项目"
-            />
-          </div>
-          <div class="select">
-            <a-select
-              v-model:value="auditStatus"
-              dropdownClassName="dropdown-style"
-              style="width: 200px"
-              placeholder="请选择状态"
-              :options="options1"
-              allowClear
-              showSearch
-            >
-            </a-select>
-          </div>
-          <div class="select">
-            <!-- <a-select
+	<div class="courseManage">
+		<div class="headerf">
+			<!-- 搜索框及按钮 -->
+			<div class="filter">
+				<div class="filterItems">
+					<div class="pathnameInp">
+						<a-input v-model:value="createName" style="width: 200px; height: 40px; border-radius: 8px"
+							placeholder="请输入创建人" />
+					</div>
+					<div class="pathnameInp">
+						<a-input v-model:value="name" style="width: 200px; height: 40px; border-radius: 8px" placeholder="请输入名称" />
+					</div>
+					<div class="pathnameInp">
+						<a-input v-model:value="projectName" style="width: 200px; height: 40px; border-radius: 8px"
+							placeholder="请输入所属项目" />
+					</div>
+					<div class="select">
+						<a-select v-model:value="auditStatus" dropdownClassName="dropdown-style" style="width: 200px"
+							placeholder="请选择状态" :options="options1" allowClear showSearch>
+						</a-select>
+					</div>
+					<div class="select">
+						<!-- <a-select
               v-model:value="categoryId"
               dropdownClassName="dropdown-style"
               style="width: 200px"
@@ -48,185 +31,136 @@
               allowClear
               showSearch
             ></a-select> -->
-            <a-tree-select
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              v-model:value="categoryId"
-              show-search
-              style="width: 200px"
-              :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
-              placeholder="请选择内容分类"
-              allow-clear
-              tree-default-expand-all
-              :tree-data="options2222"
-            >
-              <template #title="{ value: val, title }">
-                <b v-if="val === '11111'" style="color: #08c">sss</b>
-                <template v-else>{{ title }}</template>
-              </template>
-            </a-tree-select>
-          </div>
-          <div class="select">
-            <div class="select addTimeBox">
-              <div class="addTime">创建时间：</div>
-              <a-range-picker
-                v-model:value="projectTime"
-                style="width: 420px"
-                format="YYYY-MM-DD"
-                separator="至"
-                :placeholder="['      开始时间', '        结束时间']"
-              />
-            </div>
-          </div>
-          <div style="display: flex; margin-bottom: 20px">
-            <div class="btn btn1" @click="handleSearch1">
-              <div class="search"></div>
-              <div class="btnText">搜索</div>
-            </div>
-            <div class="btnn btn2" @click="handleRest1">
-              <div class="search"></div>
-              <div class="btnText">重置</div>
-            </div>
-          </div>
-          <div class="btns">
-            <!-- 2022-11-30注释 后面放开 -->
-            <!-- <div class="btn btn3" @click="openMessage">
+						<a-tree-select :getPopupContainer="
+							(triggerNode) => {
+								return triggerNode.parentNode || document.body;
+							}
+						" v-model:value="categoryId" show-search style="width: 200px"
+							:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择内容分类" allow-clear
+							tree-default-expand-all :tree-data="options2222">
+							<template #title="{ value: val, title }">
+								<b v-if="val === '11111'" style="color: #08c">sss</b>
+								<template v-else>{{ title }}</template>
+							</template>
+						</a-tree-select>
+					</div>
+					<div class="select">
+						<div class="select addTimeBox">
+							<div class="addTime">创建时间：</div>
+							<a-range-picker v-model:value="projectTime" style="width: 420px" format="YYYY-MM-DD" separator="至"
+								:placeholder="['      开始时间', '        结束时间']" />
+						</div>
+					</div>
+					<div style="display: flex; margin-bottom: 20px">
+						<div class="btn btn1" @click="handleSearch1">
+							<div class="search"></div>
+							<div class="btnText">搜索</div>
+						</div>
+						<div class="btnn btn2" @click="handleRest1">
+							<div class="search"></div>
+							<div class="btnText">重置</div>
+						</div>
+					</div>
+					<div class="btns">
+						<!-- 2022-11-30注释 后面放开 -->
+						<!-- <div class="btn btn3" @click="openMessage">
               <div class="search"></div>
               <div class="btnText">导出</div>
             </div> -->
-            <div class="btn btn3" @click="of_hShow">
-              <div class="search"></div>
-              <div class="btnText">新建课程</div>
-            </div>
-          </div>
-        </div>
-      </div>
+						<div class="btn btn3" @click="of_hShow">
+							<div class="search"></div>
+							<div class="btnText">新建课程</div>
+						</div>
+					</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="in b_input">
-                <NameInput
-                  placeholder="请输入课程名称"
-                  v-model:value="xzinputV1"
-                  v-model:validate="validate"
-                  :maxlength="20"
-                  show-count
-                  :type="2"
-                ></NameInput>
-                <!--                <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>
+			<!-- 搜索框及按钮 -->
+		</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="in b_input">
+								<NameInput placeholder="请输入课程名称" v-model:value="xzinputV1" v-model:validate="validate" :maxlength="20"
+									show-count :type="2"></NameInput>
+								<!--                <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">
-                  <!-- 2022-12-21 隐藏 后面放开 lixiaoge -->
-                  <!-- <div class="bc_boxl">
+								<span>授课形式</span>
+							</div>
+							<a-radio-group v-model:value="valueE1">
+								<div class="bc_box">
+									<!-- 2022-12-21 隐藏 后面放开 lixiaoge -->
+									<!-- <div class="bc_boxl">
                     <div class="ol_checkbox" @click="expectOnline">
                       <a-radio
                         v-model:checked="checked"
@@ -238,131 +172,92 @@
                       </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="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>
+						<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>
-    <!-- 选择线上还是面授课弹窗 -->
-    <!-- 确定新建面授课弹窗 -->
-    <CourseModal
-      ref="CourseModalRef"
-      v-model:xzinputV1="xzinputV1"
-      @visibleClose="closeOnlineCoursevisible"
-    />
- 
-    <!-- 查看面授课弹框 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'
-            "
-          >
-            <div
-              style="margin-right: 24px"
-              :class="[
-                String(record.courseform) === '1'
-                  ? 'disabled operation'
-                  : 'operation',
-              ]"
-            >
-              <div class="fb">
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleEdit(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  编辑
-                </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>
+		<!-- 选择线上还是面授课弹窗 -->
+		<!-- 确定新建面授课弹窗 -->
+		<CourseModal ref="CourseModalRef" v-model:xzinputV1="xzinputV1" @visibleClose="closeOnlineCoursevisible" />
 
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleCopy(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  复制
-                </div>
-                <!-- 2022-12-10注释 后面放开 -->
-                <!-- <a-dropdown>
+		<!-- 查看面授课弹框 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'
+					">
+						<div style="margin-right: 24px" :class="[
+							String(record.courseform) === '1'
+								? 'disabled operation'
+								: 'operation',
+						]">
+							<div class="fb">
+								<div class="jc" @click="
+									() => {
+										handleEdit(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									编辑
+								</div>
+
+								<div class="jc" @click="
+									() => {
+										handleCopy(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									复制
+								</div>
+								<!-- 2022-12-10注释 后面放开 -->
+								<!-- <a-dropdown>
                 <template #overlay>
                   <a-menu>
                     <a-menu-item
@@ -418,59 +313,42 @@
                   <down-outlined />
                 </a>
               </a-dropdown> -->
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleDelete(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  删除
-                </div>
-              </div>
-            </div>
-          </template>
-          <template
-            v-if="
-              (String(record.status) === '1' || record.status === '待审核') &&
-              column.key === 'operation'
-            "
-          >
-            <div
-              style="margin-right: 24px"
-              :class="[
-                String(record.courseform) === '1'
-                  ? 'disabled operation'
-                  : 'operation',
-              ]"
-            >
-              <div class="fb">
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleRejectExit(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  撤回
-                </div>
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleCopy(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  复制
-                </div>
-                <!-- 2022-12-10注释 后面放开 -->
-                <!-- <a-dropdown>
+								<div class="jc" @click="
+									() => {
+										handleDelete(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									删除
+								</div>
+							</div>
+						</div>
+					</template>
+					<template v-if="
+						(String(record.status) === '1' || record.status === '待审核') &&
+						column.key === 'operation'
+					">
+						<div style="margin-right: 24px" :class="[
+							String(record.courseform) === '1'
+								? 'disabled operation'
+								: 'operation',
+						]">
+							<div class="fb">
+								<div class="jc" @click="
+									() => {
+										handleRejectExit(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									撤回
+								</div>
+								<div class="jc" @click="
+									() => {
+										handleCopy(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									复制
+								</div>
+								<!-- 2022-12-10注释 后面放开 -->
+								<!-- <a-dropdown>
                 <template #overlay>
                   <a-menu>
                     <a-menu-item
@@ -526,49 +404,36 @@
                   <down-outlined />
                 </a>
               </a-dropdown> -->
-              </div>
-            </div>
-          </template>
-          <template
-            v-if="
-              (String(record.status) === '2' || record.status === '已审核') &&
-              String(record.kkty) === '1' &&
-              column.key === 'operation'
-            "
-          >
-            <div
-              style="margin-right: 24px"
-              :class="[
-                String(record.courseform) === '1'
-                  ? 'disabled operation'
-                  : 'operation',
-              ]"
-            >
-              <div class="fb">
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleStart(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  开课
-                </div>
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleLook(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  查看
-                </div>
-                <!-- 2022-12-11注释 后面放开 -->
-                <!--
+							</div>
+						</div>
+					</template>
+					<template v-if="
+						(String(record.status) === '2' || record.status === '已审核') &&
+						String(record.kkty) === '1' &&
+						column.key === 'operation'
+					">
+						<div style="margin-right: 24px" :class="[
+							String(record.courseform) === '1'
+								? 'disabled operation'
+								: 'operation',
+						]">
+							<div class="fb">
+								<div class="jc" @click="
+									() => {
+										handleStart(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									开课
+								</div>
+								<div class="jc" @click="
+									() => {
+										handleLook(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									查看
+								</div>
+								<!-- 2022-12-11注释 后面放开 -->
+								<!--
               <div class="jc"
                 @click="
                   () => {
@@ -589,19 +454,15 @@
               >
                 管理
               </div>-->
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleCopy(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  复制
-                </div>
-                <!-- 2022-12-10注释 后面放开 -->
-                <!-- <a-dropdown>
+								<div class="jc" @click="
+									() => {
+										handleCopy(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									复制
+								</div>
+								<!-- 2022-12-10注释 后面放开 -->
+								<!-- <a-dropdown>
                 <template #overlay>
                   <a-menu>
                     <a-menu-item
@@ -657,59 +518,42 @@
                   <down-outlined />
                 </a>
               </a-dropdown> -->
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleStop(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  停用
-                </div>
-              </div>
-            </div>
-          </template>
-          <template
-            v-if="
-              (String(record.status) === '2' || record.status === '已审核') &&
-              String(record.kkty) === '0' &&
-              column.key === 'operation'
-            "
-          >
-            <div
-              style="margin-right: 24px"
-              :class="[
-                String(record.courseform) === '1'
-                  ? 'disabled operation'
-                  : 'operation',
-              ]"
-            >
-              <div class="fb">
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleStart(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  开课
-                </div>
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleEdit(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  编辑
-                </div>
-                <!-- 2022-12-10注释 后面放开
+								<div class="jc" @click="
+									() => {
+										handleStop(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									停用
+								</div>
+							</div>
+						</div>
+					</template>
+					<template v-if="
+						(String(record.status) === '2' || record.status === '已审核') &&
+						String(record.kkty) === '0' &&
+						column.key === 'operation'
+					">
+						<div style="margin-right: 24px" :class="[
+							String(record.courseform) === '1'
+								? 'disabled operation'
+								: 'operation',
+						]">
+							<div class="fb">
+								<div class="jc" @click="
+									() => {
+										handleStart(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									开课
+								</div>
+								<div class="jc" @click="
+									() => {
+										handleEdit(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									编辑
+								</div>
+								<!-- 2022-12-10注释 后面放开
 
               <div class="jc"
                 @click="
@@ -731,19 +575,15 @@
               >
                 管理
               </div> -->
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleCopy(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  复制
-                </div>
-                <!-- 2022-12-10注释 后面放开 -->
-                <!-- <a-dropdown>
+								<div class="jc" @click="
+									() => {
+										handleCopy(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									复制
+								</div>
+								<!-- 2022-12-10注释 后面放开 -->
+								<!-- <a-dropdown>
                 <template #overlay>
                   <a-menu>
                     <a-menu-item
@@ -799,71 +639,50 @@
                   <down-outlined />
                 </a>
               </a-dropdown> -->
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleOpen(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  启用
-                </div>
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleDelete(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  删除
-                </div>
-              </div>
-            </div>
-          </template>
-          <template
-            v-if="
-              (String(record.status) === '-1' ||
-                record.status === '审核未通过') &&
-              column.key === 'operation'
-            "
-          >
-            <div
-              style="margin-right: 24px"
-              :class="[
-                String(record.courseform) === '1'
-                  ? 'disabled operation'
-                  : 'operation',
-              ]"
-            >
-              <div class="fb">
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleEdit(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  编辑
-                </div>
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleCopy(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  复制
-                </div>
-                <!-- 2022-12-10注释 后面放开 -->
-                <!-- <a-dropdown>
+								<div class="jc" @click="
+									() => {
+										handleOpen(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									启用
+								</div>
+								<div class="jc" @click="
+									() => {
+										handleDelete(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									删除
+								</div>
+							</div>
+						</div>
+					</template>
+					<template v-if="
+						(String(record.status) === '-1' ||
+							record.status === '审核未通过') &&
+						column.key === 'operation'
+					">
+						<div style="margin-right: 24px" :class="[
+							String(record.courseform) === '1'
+								? 'disabled operation'
+								: 'operation',
+						]">
+							<div class="fb">
+								<div class="jc" @click="
+									() => {
+										handleEdit(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									编辑
+								</div>
+								<div class="jc" @click="
+									() => {
+										handleCopy(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									复制
+								</div>
+								<!-- 2022-12-10注释 后面放开 -->
+								<!-- <a-dropdown>
                 <template #overlay>
                   <a-menu>
                     <a-menu-item
@@ -919,88 +738,57 @@
                   <down-outlined />
                 </a>
               </a-dropdown> -->
-                <div
-                  class="jc"
-                  @click="
-                    () => {
-                      handleDelete(record, String(record.courseform));
-                    }
-                  "
-                  style="display: inline-block; margin-left: 20px"
-                >
-                  删除
-                </div>
-              </div>
-            </div>
-          </template>
-        </template>
-      </a-table>
-    </div>
-    <div class="pa">
-      <a-pagination
-        :showSizeChanger="false"
-        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="jc" @click="
+									() => {
+										handleDelete(record, String(record.courseform));
+									}
+								" style="display: inline-block; margin-left: 20px">
+									删除
+								</div>
+							</div>
+						</div>
+					</template>
+				</template>
+			</a-table>
+		</div>
+		<div class="pa">
+			<a-pagination :showSizeChanger="false" 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
@@ -1055,22 +843,13 @@
                     </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="options11"
-                        allowClear
-                        showSearch
-                        @focus="focus"
-                        @change="handleChange"
-                      >
-                        <!-- <a-select-option value="status">状态</a-select-option>
+								<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="options11" 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">
                           未审核
@@ -1078,228 +857,158 @@
                         <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="false"
-                          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="
+											</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="false" 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="
+                " 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
+                " placeholder="请输入教师名称" />
+							<div class="select">
+								<!-- <a-date-picker
                   v-model:value="selectTime"
                   type="date"
                   placeholder="创建时间"
                   style="width: 270px; margin-right: 14px"
                 /> -->
-                <a-range-picker
-                  v-model:value="selectTime"
-                  type="date"
-                  style="width: 300px; margin-right: 14px"
-                  :placeholder="['  课程开始时间', '   课程结束时间']"
-                  :show-time="{
-                    defaultValue: [
-                      moment('00:00', 'HH:mm'),
-                      moment('23:59', 'HH:mm'),
-                    ],
-                  }"
-                />
-              </div>
-              <div class="btn btn1" @click="handleSearchTable">
-                <div class="search"></div>
-                <div class="btnText">搜索</div>
-              </div>
-              <div class="btnn btn2" @click="handleRestTable">
-                <div class="search"></div>
-                <div class="btnText">重置</div>
-              </div>
-              <div class="btns">
-                <div class="btn btn3" @click="createkk">
-                  <div class="search"></div>
-                  <div class="btnText">
-                    <span style="color: #ffffff">新建开课</span>
-                  </div>
-                </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="tableBox" 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'">
-                    <div class="operation">
-                      <div class="fb">
-                        <!--
+								<a-range-picker v-model:value="selectTime" type="date" style="width: 300px; margin-right: 14px"
+									:placeholder="['  课程开始时间', '   课程结束时间']" :show-time="{
+										defaultValue: [
+											moment('00:00', 'HH:mm'),
+											moment('23:59', 'HH:mm'),
+										],
+									}" />
+							</div>
+							<div class="btn btn1" @click="handleSearchTable">
+								<div class="search"></div>
+								<div class="btnText">搜索</div>
+							</div>
+							<div class="btnn btn2" @click="handleRestTable">
+								<div class="search"></div>
+								<div class="btnText">重置</div>
+							</div>
+							<div class="btns">
+								<div class="btn btn3" @click="createkk">
+									<div class="search"></div>
+									<div class="btnText">
+										<span style="color: #ffffff">新建开课</span>
+									</div>
+								</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="tableBox" 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'">
+										<div class="operation">
+											<div class="fb">
+												<!--
                      <div class="jc"
                         @click="
                           () => {
@@ -1311,49 +1020,39 @@
                         签到
                       </div>
                       -->
-                        <div
-                          class="jc"
-                          @click="
-                            () => {
-                              handelEditStu(record);
-                            }
-                          "
-                        >
-                          编辑
-                        </div>
-                        <div
-                          class="jc"
-                          @click="
-                            () => {
-                              handelGuan(record);
-                            }
-                          "
-                        >
-                          管理
-                        </div>
-                      </div>
-                      <a-dropdown>
-                        <template #overlay>
-                          <a-menu style="margin-left: 20px">
-                            <a-menu-item
-                              @click="
-                                () => {
-                                  handleCopyP(record);
-                                }
-                              "
-                            >
-                              复制
-                            </a-menu-item>
-                            <a-menu-item
-                              @click="
-                                () => {
-                                  handleDeleteKaike(record);
-                                }
-                              "
-                            >
-                              删除
-                            </a-menu-item>
-                            <!--
+												<div class="jc" @click="
+													() => {
+														handelEditStu(record);
+													}
+												">
+													编辑
+												</div>
+												<div class="jc" @click="
+													() => {
+														handelGuan(record);
+													}
+												">
+													管理
+												</div>
+											</div>
+											<a-dropdown>
+												<template #overlay>
+													<a-menu style="margin-left: 20px">
+														<a-menu-item @click="
+															() => {
+																handleCopyP(record);
+															}
+														">
+															复制
+														</a-menu-item>
+														<a-menu-item @click="
+															() => {
+																handleDeleteKaike(record);
+															}
+														">
+															删除
+														</a-menu-item>
+														<!--
                             <a-menu-item
                               @click="
                                 () => {
@@ -1364,243 +1063,187 @@
                             >
                               二维码
                             </a-menu-item> -->
-                          </a-menu>
-                        </template>
-                        <div class="fb" style="margin-left: -20px">
-                          <div class="jc">
-                            更多
-                            <down-outlined />
-                          </div>
-                        </div>
-                      </a-dropdown>
-                    </div>
-                  </template>
-                </template>
-              </a-table>
-              <div class="tableBox" style="margin-top: 50px">
-                <div class="pa">
-                  <a-pagination
-                    :showSizeChanger="false"
-                    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" style="right: 164px">
-                <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' }"
-                :disabled-date="disabledDate" :disabled-time="disabledRangeTime" 
-                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="select" style="width: 440px">
-              <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>
+													</a-menu>
+												</template>
+												<div class="fb" style="margin-left: -20px">
+													<div class="jc">
+														更多
+														<down-outlined />
+													</div>
+												</div>
+											</a-dropdown>
+										</div>
+									</template>
+								</template>
+							</a-table>
+							<div class="tableBox" style="margin-top: 50px">
+								<div class="pa">
+									<a-pagination :showSizeChanger="false" 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" style="right: 164px">
+								<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' }"
+								:disabled-date="disabledDate" :disabled-time="disabledRangeTime" 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="select" style="width: 440px">
+							<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>
-                <!--
+					<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>
+							</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="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 main_item">
-            <div class="signbox"></div>
-            <div class="btnbox">
-              <button class="xkbtn" @click="showDrawerAddHomework">
-                配置作业
-              </button>
-              <div v-if="EditWorkId > 0">
-                <a-tag closable @close="logW" color="processing">
-                  <span style="font-size: 14px; line-height: 33px">
-                    {{ workName }}
-                  </span>
-                </a-tag>
-              </div>
-              <add-homework
-                v-model:addhomeworkVisible="addhomeworkvisible"
-                @getWork="getWork"
-                :faceLevel="true"
-                v-model:EditWorkId="EditWorkId"
-                v-model:workName="workName"
-              />
-            </div>
-          </div>
-          <div class="cstm_items main_item">
-            <div class="signbox"></div>
-            <div class="btnbox">
-              <button class="xkbtn" @click="showDrawerAddTest">配置考试</button>
-              <div v-if="EditTestId > 0">
-                <a-tag closable @close="logT" color="processing">
-                  <span style="font-size: 14px; line-height: 33px">
-                    {{ testName }}
-                  </span>
-                </a-tag>
-              </div>
-              <add-test
-                v-model:addtestVisible="addtestvisible"
-                v-model:EditTestId="EditTestId"
-                v-model:testName="testName"
-                :faceLevel="true"
-              />
-            </div>
-          </div>
-          <!--
+					<div class="cstm_items main_item">
+						<div class="signbox"></div>
+						<div class="btnbox">
+							<button class="xkbtn" @click="showDrawerAddHomework">
+								配置作业
+							</button>
+							<div v-if="EditWorkId > 0">
+								<a-tag closable @close="logW" color="processing">
+									<span style="font-size: 14px; line-height: 33px">
+										{{ workName }}
+									</span>
+								</a-tag>
+							</div>
+							<add-homework v-model:addhomeworkVisible="addhomeworkvisible" @getWork="getWork" :faceLevel="true"
+								v-model:EditWorkId="EditWorkId" v-model:workName="workName" />
+						</div>
+					</div>
+					<div class="cstm_items main_item">
+						<div class="signbox"></div>
+						<div class="btnbox">
+							<button class="xkbtn" @click="showDrawerAddTest">配置考试</button>
+							<div v-if="EditTestId > 0">
+								<a-tag closable @close="logT" color="processing">
+									<span style="font-size: 14px; line-height: 33px">
+										{{ testName }}
+									</span>
+								</a-tag>
+							</div>
+							<add-test v-model:addtestVisible="addtestvisible" v-model:EditTestId="EditTestId"
+								v-model:testName="testName" :faceLevel="true" />
+						</div>
+					</div>
+					<!--
           <div class="cstm_items">
             <div class="signbox">
               <span style="margin-right: 3px">完成规则</span>
@@ -1613,7 +1256,7 @@
               >
                 <span style="color: #6d7584">报名即完成</span>
               </a-checkbox> -->
-          <!--
+					<!--
               <a-checkbox v-model:checked="signCom" @click="signCom = !signCom">
                 <span style="color: #6d7584">签到即完成</span>
               </a-checkbox>
@@ -1625,618 +1268,498 @@
               </a-checkbox>
             </div>
           </div> -->
-          <div class="cstm_items items_fj">
-            <div class="signbox">
-              <span style="margin-right: 3px"></span>
-            </div>
-            <div class="b_input">
-           
-              <FJUpload v-model:value="attach" @changevalue="changevalue"/>
-            </div>
-          </div>
+					<div class="cstm_items items_fj">
+						<div class="signbox">
+							<span style="margin-right: 3px"></span>
+						</div>
+						<div class="b_input">
 
-     
-          <div class="items_btn">
-            <div class="cstm_btn btn5" @click="handleCancelStu">
-              <div class="btnText">取消</div>
-            </div>
-            <div class="cstm_btn btn6" @click="handleSureStu">
-              <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">
-                <TableStudent
-                  :type="3"
-                  :id="offcoursePlanId"
-                  :columns="stuColumns"
-                  :visable ="sm_hs"
-                >
-                  <!--                  <template #extension = "data">-->
-                  <!--                    <div style="display: flex">-->
-                  <!--                      <button @click="handlJoinStu(data)">成绩录入</button>-->
-                  <!--                    </div>-->
-                  <!--                  </template>-->
-                </TableStudent>
-              </div>
-              <div class="tableBox" style="margin-top: 20px">
-                <!--                <a-table-->
-                <!--                  :columns="columns7"-->
-                <!--                  :data-source="tableData7"-->
-                <!--                  :loading="tableDataTotal3 === -1 ? true : false"-->
-                <!--                  :scroll="{ x: 800 }"-->
-                <!--                  expandRowByClick="true"-->
-                <!--                  @expand="expandTable"-->
-                <!--                  :pagination="false"-->
-                <!--                  :row-selection="{-->
-                <!--                    selectedRowKeys: selectedRowKeys7,-->
-                <!--                    onChange: onSelectChange7,-->
-                <!--                  }"-->
-                <!--                >-->
-                <!--                  <template #bodyCell="{ record, column }">-->
-                <!--                    &lt;!&ndash; 操作1 &ndash;&gt;-->
-                <!--                    <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>-->
-                <!--                    &lt;!&ndash; 操作2 &ndash;&gt;-->
-                <!--                    <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="false"-->
-                <!--                      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">
+							<FJUpload v-model:value="attach" @changevalue="changevalue" />
+						</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 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">
+								<TableStudent :type="3" :id="offcoursePlanId" :columns="stuColumns" :visable="sm_hs">
+									<!--                  <template #extension = "data">-->
+									<!--                    <div style="display: flex">-->
+									<!--                      <button @click="handlJoinStu(data)">成绩录入</button>-->
+									<!--                    </div>-->
+									<!--                  </template>-->
+								</TableStudent>
+							</div>
+							<div class="tableBox" style="margin-top: 20px">
+								<!--                <a-table-->
+								<!--                  :columns="columns7"-->
+								<!--                  :data-source="tableData7"-->
+								<!--                  :loading="tableDataTotal3 === -1 ? true : false"-->
+								<!--                  :scroll="{ x: 800 }"-->
+								<!--                  expandRowByClick="true"-->
+								<!--                  @expand="expandTable"-->
+								<!--                  :pagination="false"-->
+								<!--                  :row-selection="{-->
+								<!--                    selectedRowKeys: selectedRowKeys7,-->
+								<!--                    onChange: onSelectChange7,-->
+								<!--                  }"-->
+								<!--                >-->
+								<!--                  <template #bodyCell="{ record, column }">-->
+								<!--                    &lt;!&ndash; 操作1 &ndash;&gt;-->
+								<!--                    <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>-->
+								<!--                    &lt;!&ndash; 操作2 &ndash;&gt;-->
+								<!--                    <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="false"-->
+								<!--                      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" @click="rg_exit">
-              <div class="btnText">取消</div>
-            </div>
-            <div class="qrm_btn btn2" @click="handleJoin">
-              <div class="btnText">确定</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" @click="delete_exit1">
-              <div class="btnText">取消</div>
-            </div>
-            <div class="del_btn btn2" @click="handleDeleteExit">
-              <div class="btnText">确定</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
+					</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" @click="rg_exit">
+							<div class="btnText">取消</div>
+						</div>
+						<div class="qrm_btn btn2" @click="handleJoin">
+							<div class="btnText">确定</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" @click="delete_exit1">
+							<div class="btnText">取消</div>
+						</div>
+						<div class="del_btn btn2" @click="handleDeleteExit">
+							<div class="btnText">确定</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"
-    />
-    <!-- 新建在线课弹窗 -->
+		<!-- 新建在线课弹窗 -->
+		<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
+		<!-- 授权名单抽屉 -->
+		<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>
+		<!--查看权抽屉 管理权抽屉 添加学员抽屉  -->
+		<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 class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
+		<a-spin :spinning="addLoading" tip="" />
+	</div>
 
-  <!-- 二维码弹窗 -->
-  <two-dimensional-code
-    v-model:codevisible="codevisible"
-    :codeInfo="codeInfo"
-    :index="codeIndex"
-    :type="codeType === 1 ? '课程二维码' : '签到二维码'"
-  />
-  <!-- 二维码弹窗 -->
+	<!-- 二维码弹窗 -->
+	<two-dimensional-code v-model:codevisible="codevisible" :codeInfo="codeInfo" :index="codeIndex"
+		:type="codeType === 1 ? '课程二维码' : '签到二维码'" />
+	<!-- 二维码弹窗 -->
 </template>
 <script>
 import {
-  reactive,
-  toRefs,
-  defineComponent,
-  ref,
+	reactive,
+	toRefs,
+	defineComponent,
+	ref,
 
-  shallowRef,
-  onMounted,
-  onBeforeUnmount,
-  watch,
+	shallowRef,
+	onMounted,
+	onBeforeUnmount,
+	watch,
 } from "vue";
 
 import * as api from "../../api/indexInvist.js";
@@ -2253,29 +1776,29 @@ 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,
+	list,
+	edit,
+	detail,
+	detailPlan,
+	handle,
+	exportP,
+	deletePlan,
+	planList,
 
-  editPlan,
-  studentList,
-  addStudent,
-  studentExport,
-  handleStudent,
-  getMemberInfoApi,
-  // listReview,
-  // studyRecordList,
+	editPlan,
+	studentList,
+	addStudent,
+	studentExport,
+	handleStudent,
+	getMemberInfoApi,
+	// listReview,
+	// studyRecordList,
 } from "@/api/indexCourse";
 import {
-  traverseArr,
-  getdateToTime,
-  newFile,
-  getdateToDate,
+	traverseArr,
+	getdateToTime,
+	newFile,
+	getdateToDate,
 } from "../../utils/utils";
 // import { toDate } from "../../api/method.js";
 import { fileUp } from "../../api/indexEval";
@@ -2299,2863 +1822,2898 @@ import TableStudent from "@/components/student/TableStudent";
 import FJUpload from "@/components/common/FJUpload";
 //列表表格
 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: 400,
-    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",
-    ellipsis: true,
-    align: "center",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "创建时间",
-    width: 160,
-    dataIndex: "createtime",
-    key: "9",
-    ellipsis: true,
-    align: "center",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "发布时间",
-    width: 160,
-    ellipsis: true,
-    dataIndex: "pubtime",
-    key: "10",
-    align: "center",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "是否停用",
-    width: 100,
-    key: "either",
-    dataIndex: "kkty",
-    align: "center",
-    customRender: ({ record }) => {
-      switch (String(record.kkty)) {
-        case "0":
-          return "停用";
-        case "1":
-          return "启用";
-      }
-    },
-  },
-  {
-    title: "操作",
-    width: 315,
-    className: "h",
-    dataIndex: "operation",
-    key: "operation",
-    fixed: "right",
-    align: "right",
-  },
+	// {
+	//   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: 400,
+		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",
+		ellipsis: true,
+		align: "center",
+		customRender: ({ text }) => {
+			return text ? text : "-";
+		},
+	},
+	{
+		title: "创建时间",
+		width: 160,
+		dataIndex: "createtime",
+		key: "9",
+		ellipsis: true,
+		align: "center",
+		customRender: ({ text }) => {
+			return text ? text : "-";
+		},
+	},
+	{
+		title: "发布时间",
+		width: 160,
+		ellipsis: true,
+		dataIndex: "pubtime",
+		key: "10",
+		align: "center",
+		customRender: ({ text }) => {
+			return text ? text : "-";
+		},
+	},
+	{
+		title: "是否停用",
+		width: 100,
+		key: "either",
+		dataIndex: "kkty",
+		align: "center",
+		customRender: ({ record }) => {
+			switch (String(record.kkty)) {
+				case "0":
+					return "停用";
+				case "1":
+					return "启用";
+			}
+		},
+	},
+	{
+		title: "操作",
+		width: 315,
+		className: "h",
+		dataIndex: "operation",
+		key: "operation",
+		fixed: "right",
+		align: "right",
+	},
 ];
 //列表操作在线面授管理
 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",
-  },
+	{
+		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",
-  },
+	{
+		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: "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: "teacher",
-    key: "teacher",
-    width: "10%",
-    align: "center",
-    ellipsis: true,
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
+	// {
+	//  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: "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: "teacher",
+		key: "teacher",
+		width: "10%",
+		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: "创建人",
-    dataIndex: "createName",
-    key: "createName",
-    width: "10%",
-    align: "center",
-    ellipsis: true,
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "操作",
-    width: "20%",
-    dataIndex: "operation",
-    key: "operation",
-    align: "center",
-  },
+	{
+		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: "创建人",
+		dataIndex: "createName",
+		key: "createName",
+		width: "10%",
+		align: "center",
+		ellipsis: true,
+		customRender: ({ text }) => {
+			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.status)) {
-        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",
-  },
+	////  {
+	//   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.status)) {
+				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,
-  
-    SeeModal,
-    CourseModal,
-    FJUpload,
-    // StuAdd,
-    ProjectManager,
-    ProjOwnerShip,
-    ProjPowerList,
-    ProjCheckShip,
-    AssessmentList,
-    AddHomework,
-    AddTest,
-    NameInput,
-    TableStudent,
-    // VNodes: (_, {attrs}) => {
-    //   return attrs.vnodes;
-    // },
-    addOnlineCourse,
-    TwoDimensionalCode,
-  },
-  setup() {
-    const CourseModalRef = ref(null);
-
-    const state = reactive({
-      stuColumns: [
-        {
-          title: "报名状态",
-          width: "10%",
-          dataIndex: "status",
-          key: "5",
-          align: "center",
-          customRender: ({ record }) => {
-            switch (String(record.status)) {
-              case "0":
-                return "审核通过";
-              case "1":
-                return "待审核";
-              case "2":
-                return "审核拒绝";
-            }
-          },
-        },
-     //   {
-       //   title: "加入方式",
-       //   width: "10%",
-       //   dataIndex: "join",
-        //  key: "6",
-        //  align: "center",
-         // customRender: ({ record }) => {
-         //   switch (String(record.source)) {
-          //    case "1":
-           //     return "手动加入";
-            //  case "2":
-         //   //    return "报名加入";
-           // }
-         // },
-       // },
-        // {
-        //   title: "签到状态",
-        //   width: '10%',
-        //   dataIndex: "signstatus",
-        //   key: "7",
-        //   align: "center",
-        //   customRender: ({ record }) => {
-        //     switch (String(record.signStatus)) {
-        //       case "0":
-        //         return "未签到";
-        //       case "1":
-        //         return "已签到";
-        //       case "2":
-        //         return "请假";
-        //     }
-        //   },
-        // },
-        // {
-        //   title: "评估状态",
-        //   width: '10%',
-        //   dataIndex: "evastatus",
-        //   key: "8",
-        //   align: "center",
-        //   customRender: ({ record }) => {
-        //     switch (String(record.evalStatus)) {
-        //       case "0":
-        //         return "未评估";
-        //       case "1":
-        //         return "已评估";
-        //     }
-        //   },
-        // },
-      ],
-      shipType: 1,
-      addLoading: false,
-      currentPlanItem: {},
-      teacherId: null,
-      teacher: null,
-      selectedRowKeys7: [],
-      auditDescription: "",
-      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: -1,
-      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: false,
-      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: [],
-      validate: true,
-        attach:"",
-      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, //新建开课名称
-      EditWorkId: null,
-      assessment: {},
-      assessmentId: null,
-      workName: null,
-      EditTestId: null,
-      testName: null,
-      assessmentName: "",
-      assessmentVisible: false,
-      addhomeworkvisible: false,
-      addtestvisible: false,
-      codevisible: false, //二维码弹窗
-      codeInfo: null, //二维码内容
-      codeUrl: codeUrl,
-
-      // 课程三级分类
-      options2222: [
-        {
-          title: "领导力",
-          value: "100",
-          selectable: false,
-          children: [
-            {
-              title: "领导业务",
-              value: "1001",
-            },
-            {
-              title: "领导团队",
-              value: "1002",
-            },
-            {
-              title: "领导自我",
-              value: "1003",
-            },
-          ],
-        },
-        {
-          title: "专业力",
-          value: "200",
-          selectable: false,
-          children: [
-            {
-              title: "研发",
-              value: "2001",
-            },
-            {
-              title: "产品和解决方案",
-              value: "2002",
-            },
-            {
-              title: "生产技术与制造",
-              value: "2003",
-            },
-            {
-              title: "供应链",
-              value: "2004",
-            },
-            {
-              title: "营销",
-              value: "2005",
-            },
-            {
-              title: "品质",
-              value: "2006",
-            },
-            {
-              title: "战略与企划",
-              value: "2007",
-            },
-            {
-              title: "流程管理",
-              value: "2008",
-            },
-            {
-              title: "业绩管理",
-              value: "2009",
-            },
-            {
-              title: "项目管理",
-              value: "20010",
-            },
-            {
-              title: "信息技术",
-              value: "20011",
-            },
-            {
-              title: "环境与安全",
-              value: "20012",
-            },
-            {
-              title: "人力资源",
-              value: "20013",
-            },
-            {
-              title: "企业文化",
-              value: "20014",
-            },
-            {
-              title: "品牌",
-              value: "20015",
-            },
-            {
-              title: "财务",
-              value: "20016",
-            },
-            {
-              title: "法务",
-              value: "20017",
-            },
-            {
-              title: "行政",
-              value: "20018",
-            },
-            {
-              title: "医工",
-              value: "20019",
-            },
-          ],
-        },
-        {
-          title: "通用力",
-          value: "300",
-          selectable: false,
-          children: [
-            {
-              title: "职业操守与道德",
-              value: "3001",
-            },
-            {
-              title: "职业素养与技能",
-              value: "3002",
-            },
-            {
-              title: "规章制度",
-              value: "3003",
-            },
-          ],
-        },
-      ],
-    });
-
-    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 = toDate(
-          new Date(state.projectTime[0].$d).getTime() / 1000,
-          "Y-M-D"
-        );
-        endTime = toDate(
-          new Date(state.projectTime[1].$d).getTime() / 1000,
-          "Y-M-D"
-        );
-      }
-      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;
-      //     }
-      //   }
-      // });
-
-      datas.forEach((itm) => {
-        itm.pageNo = pageNo;
-        console.log(itm);
-        for (let i = 0; i < options2.value.length; i++) {
-          for (let j = 0; j < options2.value[i].children.length; j++) {
-            if (
-              String(options2.value[i].children[j].value) ===
-              String(itm.categoryId)
-            ) {
-              console.log();
-              itm.contentTxt = options2.value[i].children[j].title;
-              return false;
-            }
-          }
-        }
-      });
-
-      console.log(datas, options2.value);
-      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 showDrawerAddHomework = () => {
-      state.addhomeworkvisible = true;
-    };
-    const showDrawerAddTest = () => {
-      state.addtestvisible = true;
-    };
-    const logW = (e) => {
-      state.EditWorkId = null;
-      console.log(e);
-    };
-    const logT = (e) => {
-      state.EditTestId = null;
-      console.log(e);
-    };
-    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,
-              //   });
-              // });
-              // console.log(newArr)
-              options2.value = state.options2222;
-            }
-            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: "bandDesc",
-          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);
-      message.error("该课程暂学员学习记录");
-      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 beginTime = "";
-      let endTime = "";
-      if (state.selectTime) {
-        // beginTime = parseInt(new Date(state.selectTime[0].$d).getTime() / 1000);
-        // endTime = parseInt(new Date(state.selectTime[1].$d).getTime() / 1000);
-        beginTime = toDate(
-          new Date(state.selectTime[0].$d).getTime() / 1000,
-          "Y-M-D h:m:s"
-        );
-        endTime = toDate(
-          new Date(state.selectTime[1].$d).getTime() / 1000,
-          "Y-M-D h:m:s"
-        );
-      }
-      let obj = {
-        pageNo: state.currentPage222,
-        pageSize: state.pageSize222,
-        createName: state.kk_inputV1,
-        teacher: state.kk_inputV2,
-        beginTime: beginTime,
-        endTime: endTime,
-        offcourseId: state.offcourseId,
-      };
-      console.log("获取开obj", obj, state.selectTime);
-      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",
-          createName: "createName",
-        },
-        true
-      );
-      datas.forEach((itm) => {
-        itm.pageNo = pageNo;
-      });
-      state.tableData6 = datas;
-      console.log("state.tableData6", state.tableData6);
-    };
-
-    const options1 = ref([
-      {
-        value: 0,
-        label: "未提交",
-      },
-      {
-        value: 1,
-        label: "待审核",
-      },
-      {
-        value: 2,
-        label: "已审核",
-      },
-      {
-        value: -1,
-        label: "审核未通过",
-      },
-    ]);
-    const options11 = ref([
-      {
-        value: 0,
-        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 changevalue = (e) => {
-      let arr = state.attach.split(',')
-      let newarr = []
-      for(let i=0;i<arr.length;i++){
-        if(i!==e){
-          newarr.push(arr[i])
-        }
-      }
-      if(newarr.length==0){
-        state.attach = "";
-      }else{
-        state.attach = newarr.toString()
-      }
-      console.log('changevalue', e, newarr,  state.attach)
-    }
-    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.xzinputV1 = "";
-      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 expectOnline = () => {
-      message.destroy();
-      message.success("功能正在开发中，敬请期待。");
-    };
-    //新建面授课
-    const createft = () => {
-      if (!state.xzinputV1) {
-        message.destroy();
-        return message.warning("请输入必填项");
-      }
-
-      console.log("state.validate", state.validate);
-
-      if (!state.validate) {
-        message.destroy();
-        return message.warning("该课程名称已存在");
-      }
-      console.log(
-        "state.bs_hs && state.valueE1 == 2",
-        state.bs_hs,
-        state.valueE1 == 2
-      );
-      if (!state.valueE1 && !state.valueE2) {
-        message.destroy();
-        return message.warning("请选择课程形式");
-      }
-
-      if (state.valueE1 === 2) {
-        state.of_hs = false;
-        // state.ft_hs = true;
-        CourseModalRef.value.visibleOpen(null, state.xzinputV1);
-
-        state.valueE1 = "";
-        state.teacher = "";
-        state.teacherName = "";
-
-        state.qdms_inputV1 = state.xzinputV1;
-        state.xzinputV1 = "";
-        console.log("qdms_inputV1", state.qdms_inputV1);
-        getDictList("faceclassPic");
-        getTea();
-      }
-      if (state.bs_hs && state.valueE1 == 1) {
-        state.addOnlineCoursevisible = true;
-      }
-    };
-    const checkVal = (checkList) => {
-      let count = 0;
-      for (const keyName of checkList) {
-        if (!keyName) {
-          count++;
-        }
-      }
-      return count ? false : true;
-    };
-    const ft_exit_0 = () => {
-      // state.ft_hs = false;
-      CourseModalRef.value.visibleClose();
-    };
-    const ft_exit_1 = () => {
-      // state.ft_hs = false;
-      CourseModalRef.value.visibleClose();
-      // 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 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.attach = "";
-
-      state.kk_eidt = false;
-      state.xjkkradioV1 = "";
-      state.completeType = "";
-      state.xjkkinputV1 = "";
-      state.xjkkinputV2 = "";
-      state.xjkkinputV3 = "";
-      state.xjkkinputV4 = null;
-      state.checked1 = false;
-      state.checked4 = false;
-      state.EditTestId = null;
-      state.assessmentId = null;
-      state.assessmentName = "";
-      state.EditWorkId = null;
-
-      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.attach,
-        beginTime: startTime,
-        completeType: type,
-        endTime: endTime,
-        evalFlag: Number(state.assessmentId) > 0 && state.checked4 ? 1 : 0,
-        evaluateId: Number(state.assessmentId),
-        testId: state.EditTestId,
-        homeWorkId: state.EditWorkId,
-        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 {
-       
-        console.log("state.addLoading ", state.addLoading);
-      }
-      state.addLoading = true;
-      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;
-      });
-
-      if (item.evaluateId) {
-        api
-          .queryAppraiseDetailById({ assessmentId: item.evaluateId })
-          .then((res) => {
-            state.assessmentName = res.data.data.assessmentName;
-          })
-          .catch();
-      }
-      if (item.homeWorkId) {
-        queryWorkDetailById({ workId: item.homeWorkId }).then((res) => {
-          state.workName = res.data.data.workName;
-        });
-      }
-      if (item.testId) {
-        queryExaminationDetailById({ examinationId: item.testId }).then(
-          (res) => {
-            state.testName = res.data.data.examinationName;
-          }
-        );
-      }
-
-      console.log("res");
-      console.log("获取面授课详情", item);
-
-      state.xjkkinputV2 = item.address;
-      state.checked1 = item.applyFlag === 1 ? true : false;
-      let arrss = item.attach.split(',')
-      let str = ''
-      for (let i = 0; i < arrss.length; i++) {
-        i == arrss.length - 1 ? str += arrss[i].slice(arrss[i].lastIndexOf('/') + 1) : str += arrss[i].slice(arrss[i].lastIndexOf('/') + 1) + ','
-      }
-      console.log(str)
-      state.attach = str;
-    
-      state.xjkkinputV3 = [
-        dayjs(item.beginTime, "YYYY-MM-DD HH:mm"),
-        dayjs(item.endTime, "YYYY-MM-DD HH:mm"),
-      ];
-      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.EditTestId = String(item.testId);
-      state.EditWorkId = String(item.homeWorkId);
-      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) {
-              message.destroy();
-              message.success("删除成功");
-              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 + "(1)",
-            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) {
-              message.destroy();
-              message.success("复制成功");
-              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 + "(1)",
-            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) {
-              message.destroy();
-              message.success("复制成功");
-              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) {
-              message.destroy();
-              message.success("操作成功");
-              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) => {
-      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;
-      CourseModalRef.value.visibleOpen(state.offcourseId, null);
-      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();
-          message.destroy();
-          message.success("启用成功");
-        }
-      });
-    };
-    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);
-          console.log(res.data.data);
-          state.filesList.push([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_0();
-          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 range = (start, end) => {
+	components: {
+		// OwnPower,
+		// Corpowerlist,
+
+		SeeModal,
+		CourseModal,
+		FJUpload,
+		// StuAdd,
+		ProjectManager,
+		ProjOwnerShip,
+		ProjPowerList,
+		ProjCheckShip,
+		AssessmentList,
+		AddHomework,
+		AddTest,
+		NameInput,
+		TableStudent,
+		// VNodes: (_, {attrs}) => {
+		//   return attrs.vnodes;
+		// },
+		addOnlineCourse,
+		TwoDimensionalCode,
+	},
+	setup() {
+		const CourseModalRef = ref(null);
+
+		const state = reactive({
+			stuColumns: [
+				{
+					title: "报名状态",
+					width: "10%",
+					dataIndex: "status",
+					key: "5",
+					align: "center",
+					customRender: ({ record }) => {
+						switch (String(record.status)) {
+							case "0":
+								return "审核通过";
+							case "1":
+								return "待审核";
+							case "2":
+								return "审核拒绝";
+						}
+					},
+				},
+				//   {
+				//   title: "加入方式",
+				//   width: "10%",
+				//   dataIndex: "join",
+				//  key: "6",
+				//  align: "center",
+				// customRender: ({ record }) => {
+				//   switch (String(record.source)) {
+				//    case "1":
+				//     return "手动加入";
+				//  case "2":
+				//   //    return "报名加入";
+				// }
+				// },
+				// },
+				// {
+				//   title: "签到状态",
+				//   width: '10%',
+				//   dataIndex: "signstatus",
+				//   key: "7",
+				//   align: "center",
+				//   customRender: ({ record }) => {
+				//     switch (String(record.signStatus)) {
+				//       case "0":
+				//         return "未签到";
+				//       case "1":
+				//         return "已签到";
+				//       case "2":
+				//         return "请假";
+				//     }
+				//   },
+				// },
+				// {
+				//   title: "评估状态",
+				//   width: '10%',
+				//   dataIndex: "evastatus",
+				//   key: "8",
+				//   align: "center",
+				//   customRender: ({ record }) => {
+				//     switch (String(record.evalStatus)) {
+				//       case "0":
+				//         return "未评估";
+				//       case "1":
+				//         return "已评估";
+				//     }
+				//   },
+				// },
+			],
+			shipType: 1,
+			addLoading: false,
+			currentPlanItem: {},
+			teacherId: null,
+			teacher: null,
+			selectedRowKeys7: [],
+			auditDescription: "",
+			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: -1,
+			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: false,
+			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: [],
+			validate: true,
+			attach: "",
+			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, //新建开课名称
+			EditWorkId: null,
+			assessment: {},
+			assessmentId: null,
+			workName: null,
+			EditTestId: null,
+			testName: null,
+			assessmentName: "",
+			assessmentVisible: false,
+			addhomeworkvisible: false,
+			addtestvisible: false,
+			codevisible: false, //二维码弹窗
+			codeInfo: null, //二维码内容
+			codeUrl: codeUrl,
+
+			// 课程三级分类
+			options2222: [
+				{
+					title: '领导力',
+					value: '100',
+					children: [
+						{
+							title: '领导业务',
+							value: '1001',
+							children: [
+								{
+									title: '业务能力领导',
+									value: '100101',
+								}
+							]
+						},
+						{
+							title: '领导团队',
+							value: '1002',
+						},
+						{
+							title: '领导自我',
+							value: '1003',
+						},
+					],
+				},
+				{
+					title: '专业力',
+					value: '200',
+					children: [
+						{
+							title: '研发',
+							value: '2001',
+						},
+						{
+							title: '产品和解决方案',
+							value: '2002',
+						},
+						{
+							title: '生产技术与制造',
+							value: '2003',
+						},
+						{
+							title: '供应链',
+							value: '2004',
+						},
+						{
+							title: '营销',
+							value: '2005',
+						},
+						{
+							title: '品质',
+							value: '2006',
+						},
+						{
+							title: '战略与企划',
+							value: '2007',
+						},
+						{
+							title: '流程管理',
+							value: '2008',
+						},
+						{
+							title: '业绩管理',
+							value: '2009',
+						},
+						{
+							title: '项目管理',
+							value: '20010',
+						},
+						{
+							title: '信息技术',
+							value: '20011',
+						},
+						{
+							title: '环境与安全',
+							value: '20012',
+						},
+						{
+							title: '人力资源',
+							value: '20013',
+						},
+						{
+							title: '企业文化',
+							value: '20014',
+						},
+						{
+							title: '品牌',
+							value: '20015',
+						},
+						{
+							title: '财务',
+							value: '20016',
+						},
+						{
+							title: '法务',
+							value: '20017',
+						},
+						{
+							title: '行政',
+							value: '20018',
+						},
+						{
+							title: '医工',
+							value: '20019',
+						}
+					],
+				},
+				{
+					title: '通用力',
+					value: '300',
+					children: [
+						{
+							title: '职业操守与道德',
+							value: '3001',
+						},
+						{
+							title: '职业素养与技能',
+							value: '3002',
+						},
+						{
+							title: '规章制度',
+							value: '3003',
+						},
+					],
+				}
+			],
+		});
+
+		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 = toDate(
+					new Date(state.projectTime[0].$d).getTime() / 1000,
+					"Y-M-D"
+				);
+				endTime = toDate(
+					new Date(state.projectTime[1].$d).getTime() / 1000,
+					"Y-M-D"
+				);
+			}
+			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;
+			//     }
+			//   }
+			// });
+
+			datas.forEach((itm) => {
+				itm.pageNo = pageNo;
+				console.log(itm);
+				for (let i = 0; i < options2.value.length; i++) {
+					for (let j = 0; j < options2.value[i].children.length; j++) {
+						itm.contentTxt = changeTreeSelectValue(itm.categoryId)
+						// if (
+						// 	String(options2.value[i].children[j].value) ===
+						// 	String(itm.categoryId)
+						// ) {
+						// 	console.log();
+						// 	itm.contentTxt = options2.value[i].children[j].title;
+						// 	return false;
+						// }
+					}
+				}
+			});
+
+			console.log(datas, options2.value);
+			state.tableData1 = datas;
+		};
+		// 格式化树型结构选择数据
+		const changeTreeSelectValue = (values) => {
+			let data = state.options2222;
+			console.log(values, data)
+			let str = ''
+			for (let i = 0; i < data.length; i++) {
+				if (data[i].value == values) {
+					str = data[i].title
+				} else {
+					for (let j = 0; j < data[i].children.length; j++) {
+						if (data[i].children[j].value == values) {
+							str = data[i].title + '/' + data[i].children[j].title
+						} else {
+							if (data[i].children[j].children) {
+								for (let k = 0; k < data[i].children[j].children.length; k++) {
+									if (data[i].children[j].children[k].value == values) {
+										str = data[i].title + '/' + data[i].children[j].title + '/' + data[i].children[j].children[k].title
+									} else {
+										str = '-'
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+			console.log('str-str-str-str', str)
+			state.fen_lei1 = str;
+			return str;
+		}
+
+		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 showDrawerAddHomework = () => {
+			state.addhomeworkvisible = true;
+		};
+		const showDrawerAddTest = () => {
+			state.addtestvisible = true;
+		};
+		const logW = (e) => {
+			state.EditWorkId = null;
+			console.log(e);
+		};
+		const logT = (e) => {
+			state.EditTestId = null;
+			console.log(e);
+		};
+		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,
+							//   });
+							// });
+							// console.log(newArr)
+							options2.value = state.options2222;
+						}
+						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: "bandDesc",
+					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);
+			message.error("该课程暂学员学习记录");
+			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 beginTime = "";
+			let endTime = "";
+			if (state.selectTime) {
+				// beginTime = parseInt(new Date(state.selectTime[0].$d).getTime() / 1000);
+				// endTime = parseInt(new Date(state.selectTime[1].$d).getTime() / 1000);
+				beginTime = toDate(
+					new Date(state.selectTime[0].$d).getTime() / 1000,
+					"Y-M-D h:m:s"
+				);
+				endTime = toDate(
+					new Date(state.selectTime[1].$d).getTime() / 1000,
+					"Y-M-D h:m:s"
+				);
+			}
+			let obj = {
+				pageNo: state.currentPage222,
+				pageSize: state.pageSize222,
+				createName: state.kk_inputV1,
+				teacher: state.kk_inputV2,
+				beginTime: beginTime,
+				endTime: endTime,
+				offcourseId: state.offcourseId,
+			};
+			console.log("获取开obj", obj, state.selectTime);
+			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",
+					createName: "createName",
+				},
+				true
+			);
+			datas.forEach((itm) => {
+				itm.pageNo = pageNo;
+			});
+			state.tableData6 = datas;
+			console.log("state.tableData6", state.tableData6);
+		};
+
+		const options1 = ref([
+			{
+				value: 0,
+				label: "未提交",
+			},
+			{
+				value: 1,
+				label: "待审核",
+			},
+			{
+				value: 2,
+				label: "已审核",
+			},
+			{
+				value: -1,
+				label: "审核未通过",
+			},
+		]);
+		const options11 = ref([
+			{
+				value: 0,
+				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 changevalue = (e) => {
+			let arr = state.attach.split(',')
+			let newarr = []
+			for (let i = 0; i < arr.length; i++) {
+				if (i !== e) {
+					newarr.push(arr[i])
+				}
+			}
+			if (newarr.length == 0) {
+				state.attach = "";
+			} else {
+				state.attach = newarr.toString()
+			}
+			console.log('changevalue', e, newarr, state.attach)
+		}
+		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.xzinputV1 = "";
+			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 expectOnline = () => {
+			message.destroy();
+			message.success("功能正在开发中，敬请期待。");
+		};
+		//新建面授课
+		const createft = () => {
+			if (!state.xzinputV1) {
+				message.destroy();
+				return message.warning("请输入必填项");
+			}
+
+			console.log("state.validate", state.validate);
+
+			if (!state.validate) {
+				message.destroy();
+				return message.warning("该课程名称已存在");
+			}
+			console.log(
+				"state.bs_hs && state.valueE1 == 2",
+				state.bs_hs,
+				state.valueE1 == 2
+			);
+			if (!state.valueE1 && !state.valueE2) {
+				message.destroy();
+				return message.warning("请选择课程形式");
+			}
+
+			if (state.valueE1 === 2) {
+				state.of_hs = false;
+				// state.ft_hs = true;
+				CourseModalRef.value.visibleOpen(null, state.xzinputV1);
+
+				state.valueE1 = "";
+				state.teacher = "";
+				state.teacherName = "";
+
+				state.qdms_inputV1 = state.xzinputV1;
+				state.xzinputV1 = "";
+				console.log("qdms_inputV1", state.qdms_inputV1);
+				getDictList("faceclassPic");
+				getTea();
+			}
+			if (state.bs_hs && state.valueE1 == 1) {
+				state.addOnlineCoursevisible = true;
+			}
+		};
+		const checkVal = (checkList) => {
+			let count = 0;
+			for (const keyName of checkList) {
+				if (!keyName) {
+					count++;
+				}
+			}
+			return count ? false : true;
+		};
+		const ft_exit_0 = () => {
+			// state.ft_hs = false;
+			CourseModalRef.value.visibleClose();
+		};
+		const ft_exit_1 = () => {
+			// state.ft_hs = false;
+			CourseModalRef.value.visibleClose();
+			// 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 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.attach = "";
+
+			state.kk_eidt = false;
+			state.xjkkradioV1 = "";
+			state.completeType = "";
+			state.xjkkinputV1 = "";
+			state.xjkkinputV2 = "";
+			state.xjkkinputV3 = "";
+			state.xjkkinputV4 = null;
+			state.checked1 = false;
+			state.checked4 = false;
+			state.EditTestId = null;
+			state.assessmentId = null;
+			state.assessmentName = "";
+			state.EditWorkId = null;
+
+			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.attach,
+				beginTime: startTime,
+				completeType: type,
+				endTime: endTime,
+				evalFlag: Number(state.assessmentId) > 0 && state.checked4 ? 1 : 0,
+				evaluateId: Number(state.assessmentId),
+				testId: state.EditTestId,
+				homeWorkId: state.EditWorkId,
+				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 {
+
+				console.log("state.addLoading ", state.addLoading);
+			}
+			state.addLoading = true;
+			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;
+			});
+
+			if (item.evaluateId) {
+				api
+					.queryAppraiseDetailById({ assessmentId: item.evaluateId })
+					.then((res) => {
+						state.assessmentName = res.data.data.assessmentName;
+					})
+					.catch();
+			}
+			if (item.homeWorkId) {
+				queryWorkDetailById({ workId: item.homeWorkId }).then((res) => {
+					state.workName = res.data.data.workName;
+				});
+			}
+			if (item.testId) {
+				queryExaminationDetailById({ examinationId: item.testId }).then(
+					(res) => {
+						state.testName = res.data.data.examinationName;
+					}
+				);
+			}
+
+			console.log("res");
+			console.log("获取面授课详情", item);
+
+			state.xjkkinputV2 = item.address;
+			state.checked1 = item.applyFlag === 1 ? true : false;
+			let arrss = item.attach.split(',')
+			let str = ''
+			for (let i = 0; i < arrss.length; i++) {
+				i == arrss.length - 1 ? str += arrss[i].slice(arrss[i].lastIndexOf('/') + 1) : str += arrss[i].slice(arrss[i].lastIndexOf('/') + 1) + ','
+			}
+			console.log(str)
+			state.attach = str;
+
+			state.xjkkinputV3 = [
+				dayjs(item.beginTime, "YYYY-MM-DD HH:mm"),
+				dayjs(item.endTime, "YYYY-MM-DD HH:mm"),
+			];
+			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.EditTestId = String(item.testId);
+			state.EditWorkId = String(item.homeWorkId);
+			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) {
+							message.destroy();
+							message.success("删除成功");
+							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 + "(1)",
+						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) {
+							message.destroy();
+							message.success("复制成功");
+							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 + "(1)",
+						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) {
+							message.destroy();
+							message.success("复制成功");
+							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) {
+							message.destroy();
+							message.success("操作成功");
+							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) => {
+			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;
+			CourseModalRef.value.visibleOpen(state.offcourseId, null);
+			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();
+					message.destroy();
+					message.success("启用成功");
+				}
+			});
+		};
+		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);
+					console.log(res.data.data);
+					state.filesList.push([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_0();
+					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 range = (start, end) => {
 			const result = [];
 
 			for (let i = start; i < end; i++) {
@@ -5164,11 +4722,11 @@ export default defineComponent({
 
 			return result;
 		};
-    const closeOnlineCoursevisible = () => {
-      console.log("执行");
-      getTableDate();
-    };
-    const disabledDate = (current) => {
+		const closeOnlineCoursevisible = () => {
+			console.log("执行");
+			getTableDate();
+		};
+		const disabledDate = (current) => {
 			// Can not select days before today and today
 			console.log('1111', dayjs().endOf('day'))
 			return current && current < dayjs().startOf('day');
@@ -5182,2709 +4740,2710 @@ export default defineComponent({
 			};
 		};
 
-    return {
-      ...toRefs(state),
-      CourseModalRef,
+		return {
+			...toRefs(state),
+			CourseModalRef,
 
-      getdateToDateFn,
-      moment,
-      disabledDate,
-      disabledDateTime,
-      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,
-      changevalue,
-      columns1,
-      columns2,
-      columns4,
-      columns6,
-      columns7,
-      options1,
-      options11,
-      options2,
-      options3,
-      options4,
-      optionsUrl,
-      of_hShow,
-      of_exit1,
-      of_exit,
-      hideShow,
-      bs_hShow,
-      expectOnline,
-      createft,
-      ft_exit,
-      ft_exit_1,
-      ft_exit_0,
-      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,
-      showDrawerAddTest,
-      showDrawerAddHomework,
-      editorRef,
-      valueHtml,
-      mode: "simple", // 或 'simple'
-      toolbarConfig,
-      editorConfig,
-      handleCreated,
-      handelChangePage1,
-      handleSearch1,
-      handleRest1,
-      showAssessment,
-      removePG,
-      getCheckedAss,
-      beforeUpload,
-      beforeUpload2,
-      handleDel,
-   
-      handleSucessStu,
-      handleRejectStu,
-      handleDeleteStu,
-      handlJoinStu,
-      handleOverStu,
-      onSelectChange7,
-      handleAllJion,
-      handleAllover,
-      handleAllSuc,
-      handleAllReject,
-      handleExportStu,
-      handleChangeTea1,
-      handelChangePageTea1,
-      handleChangeTea2,
-      handelChangePageTea2,
-      submitReview,
-      reviewClick,
+			getdateToDateFn,
+			moment,
+			disabledDate,
+			disabledDateTime,
+			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,
+			changevalue,
+			columns1,
+			columns2,
+			columns4,
+			columns6,
+			columns7,
+			options1,
+			options11,
+			options2,
+			options3,
+			options4,
+			optionsUrl,
+			of_hShow,
+			of_exit1,
+			of_exit,
+			hideShow,
+			bs_hShow,
+			expectOnline,
+			createft,
+			ft_exit,
+			ft_exit_1,
+			ft_exit_0,
+			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,
+			showDrawerAddTest,
+			showDrawerAddHomework,
+			editorRef,
+			valueHtml,
+			mode: "simple", // 或 'simple'
+			toolbarConfig,
+			editorConfig,
+			handleCreated,
+			handelChangePage1,
+			handleSearch1,
+			handleRest1,
+			showAssessment,
+			removePG,
+			getCheckedAss,
+			beforeUpload,
+			beforeUpload2,
+			handleDel,
 
-      showPrower,
-      showOwnPrower,
-      showViewPrower,
-      showManagePrower,
+			handleSucessStu,
+			handleRejectStu,
+			handleDeleteStu,
+			handlJoinStu,
+			handleOverStu,
+			onSelectChange7,
+			handleAllJion,
+			handleAllover,
+			handleAllSuc,
+			handleAllReject,
+			handleExportStu,
+			handleChangeTea1,
+			handelChangePageTea1,
+			handleChangeTea2,
+			handelChangePageTea2,
+			submitReview,
+			reviewClick,
 
-      closeOnlineCoursevisible,
-      handlelookMs,
-      handleLook,
-      logW,
-      logT,
-    };
-  },
+			showPrower,
+			showOwnPrower,
+			showViewPrower,
+			showManagePrower,
+
+			closeOnlineCoursevisible,
+			handlelookMs,
+			handleLook,
+			logW,
+			logT,
+		};
+	},
 });
 </script>
 <style lang="scss">
 .addTimeBox {
-  position: relative;
-  display: flex;
-  align-items: center;
+	position: relative;
+	display: flex;
+	align-items: center;
 
-  .addTime {
-    position: absolute;
-    z-index: 10;
-    margin-left: 10px;
-    color: rgba(0, 0, 0, 0.4);
-  }
+	.addTime {
+		position: absolute;
+		z-index: 10;
+		margin-left: 10px;
+		color: rgba(0, 0, 0, 0.4);
+	}
 
-  .ant-picker {
-    padding-left: 85px;
-  }
+	.ant-picker {
+		padding-left: 85px;
+	}
 
-  .ant-picker-range .ant-picker-active-bar {
-    margin-left: 85px;
-  }
+	.ant-picker-range .ant-picker-active-bar {
+		margin-left: 85px;
+	}
 }
 
 .aeLoading {
-  z-index: 100000;
+	z-index: 100000;
 }
 
 .courseManage {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  position: relative;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	position: relative;
 
-  .filter {
-    margin-left: 35px;
-    margin-right: 35px;
-    margin-top: 30px;
-    display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
+	.filter {
+		margin-left: 35px;
+		margin-right: 35px;
+		margin-top: 30px;
+		display: flex;
+		justify-content: space-between;
+		flex-wrap: wrap;
 
-    .filterItems {
-      display: flex;
-      flex-wrap: wrap;
+		.filterItems {
+			display: flex;
+			flex-wrap: wrap;
 
-      .pathnameInp {
-        margin-right: 20px;
-        margin-bottom: 20px;
-      }
+			.pathnameInp {
+				margin-right: 20px;
+				margin-bottom: 20px;
+			}
 
-      .select {
-        margin-right: 20px;
-        margin-bottom: 20px;
-      }
+			.select {
+				margin-right: 20px;
+				margin-bottom: 20px;
+			}
 
-      .addTimeBox {
-        position: relative;
-        display: flex;
-        align-items: center;
+			.addTimeBox {
+				position: relative;
+				display: flex;
+				align-items: center;
 
-        .addTime {
-          position: absolute;
-          z-index: 10;
-          margin-left: 10px;
-          color: rgba(0, 0, 0, 0.4);
-        }
+				.addTime {
+					position: absolute;
+					z-index: 10;
+					margin-left: 10px;
+					color: rgba(0, 0, 0, 0.4);
+				}
 
-        .ant-picker {
-          padding-left: 85px;
-        }
+				.ant-picker {
+					padding-left: 85px;
+				}
 
-        .ant-picker-range .ant-picker-active-bar {
-          margin-left: 85px;
-        }
-      }
+				.ant-picker-range .ant-picker-active-bar {
+					margin-left: 85px;
+				}
+			}
 
-      .btn {
-        padding: 0px 26px 0px 26px;
-        height: 38px;
-        background: #4ea6ff;
-        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;
+			.btn {
+				padding: 0px 26px 0px 26px;
+				height: 38px;
+				background: #4ea6ff;
+				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%;
-        }
+				.search {
+					background-size: 100%;
+				}
 
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: #ffffff;
-          line-height: 36px;
-          margin-left: 5px;
-        }
-      }
+				.btnText {
+					font-size: 14px;
+					font-weight: 400;
+					color: #ffffff;
+					line-height: 36px;
+					margin-left: 5px;
+				}
+			}
 
-      .btnn {
-        padding: 0px 26px 0px 26px;
-        height: 38px;
-        background: #ffffff;
-        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;
+			.btnn {
+				padding: 0px 26px 0px 26px;
+				height: 38px;
+				background: #ffffff;
+				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%;
-        }
+				.search {
+					background-size: 100%;
+				}
 
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: #4ea6ff;
-          line-height: 36px;
-          margin-left: 5px;
-        }
-      }
+				.btnText {
+					font-size: 14px;
+					font-weight: 400;
+					color: #4ea6ff;
+					line-height: 36px;
+					margin-left: 5px;
+				}
+			}
 
-      .btn1 {
-        .search {
-          width: 15px;
-          height: 17px;
-          background-image: url("../../assets/images/courseManage/search0.png");
-        }
-      }
+			.btn1 {
+				.search {
+					width: 15px;
+					height: 17px;
+					background-image: url("../../assets/images/courseManage/search0.png");
+				}
+			}
 
-      .btn2 {
-        .search {
-          width: 16px;
-          height: 18px;
-          background-image: url("../../assets/images/courseManage/reset1.png");
-        }
-      }
+			.btn2 {
+				.search {
+					width: 16px;
+					height: 18px;
+					background-image: url("../../assets/images/courseManage/reset1.png");
+				}
+			}
 
-      .btn1:hover {
-        background: rgba(64, 158, 255, 0.76);
+			.btn1:hover {
+				background: rgba(64, 158, 255, 0.76);
 
-        .search {
-          background-image: url("../../assets/images/courseManage/search0.png");
-        }
+				.search {
+					background-image: url("../../assets/images/courseManage/search0.png");
+				}
 
-        .btnText {
-          color: #ffffff;
-        }
-      }
+				.btnText {
+					color: #ffffff;
+				}
+			}
 
-      .btn1:active {
-        background: #0982ff;
-      }
+			.btn1:active {
+				background: #0982ff;
+			}
 
-      .btn2:hover {
-        background: rgba(64, 158, 255, 0.1);
-      }
+			.btn2:hover {
+				background: rgba(64, 158, 255, 0.1);
+			}
 
-      .btn2:active {
-        background: rgba(64, 158, 255, 0.2);
-      }
-    }
+			.btn2:active {
+				background: rgba(64, 158, 255, 0.2);
+			}
+		}
 
-    .btns {
-      display: flex;
-      // flex-wrap: wrap;
-      .btn {
-        padding: 0px 26px 0px 26px;
-        height: 38px;
-        background: #4ea6ff;
-        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;
+		.btns {
+			display: flex;
 
-        .search {
-          background-size: 100%;
-        }
+			// flex-wrap: wrap;
+			.btn {
+				padding: 0px 26px 0px 26px;
+				height: 38px;
+				background: #4ea6ff;
+				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;
 
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: #ffffff;
-          line-height: 36px;
-          margin-left: 5px;
-        }
-      }
+				.search {
+					background-size: 100%;
+				}
 
-      .btn3 {
-        margin-right: 0px;
+				.btnText {
+					font-size: 14px;
+					font-weight: 400;
+					color: #ffffff;
+					line-height: 36px;
+					margin-left: 5px;
+				}
+			}
 
-        .search {
-          width: 17px;
-          height: 18px;
-          background-image: url("../../assets/images/courseManage/add0.png");
-        }
-      }
+			.btn3 {
+				margin-right: 0px;
 
-      .btn3:hover {
-        background: rgba(64, 158, 255, 0.76);
+				.search {
+					width: 17px;
+					height: 18px;
+					background-image: url("../../assets/images/courseManage/add0.png");
+				}
+			}
 
-        .search {
-          background-image: url("../../assets/images/courseManage/add0.png");
-        }
+			.btn3:hover {
+				background: rgba(64, 158, 255, 0.76);
 
-        .btnText {
-          color: #ffffff;
-        }
-      }
+				.search {
+					background-image: url("../../assets/images/courseManage/add0.png");
+				}
 
-      .btn3:active {
-        background: #0982ff;
-      }
-    }
-  }
+				.btnText {
+					color: #ffffff;
+				}
+			}
 
-  .tableBox {
-    margin: 20px 38px 30px;
+			.btn3:active {
+				background: #0982ff;
+			}
+		}
+	}
 
-    th {
-      background-color: #eff4fc !important;
-      text-align: center !important;
-    }
+	.tableBox {
+		margin: 20px 38px 30px;
 
-    .ant-table-tbody
-      > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-      > td {
-      background: #f6f9fd;
-    }
+		th {
+			background-color: #eff4fc !important;
+			text-align: center !important;
+		}
 
-    .operation {
-      display: flex;
-      justify-content: right;
-      .fb {
-        display: flex;
-        margin-right: 20px;
-        .jc {
-          color: #4ea6ff;
-          font-size: 14px;
-          margin-left: 20px;
-          white-space: nowrap;
-          cursor: pointer;
-        }
-      }
-    }
-    .ynuse {
-      display: flex;
-      justify-content: center;
-      align-items: center;
+		.ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
+			background: #f6f9fd;
+		}
 
-      .use {
-        cursor: pointer;
-      }
-    }
-  }
+		.operation {
+			display: flex;
+			justify-content: right;
+
+			.fb {
+				display: flex;
+				margin-right: 20px;
+
+				.jc {
+					color: #4ea6ff;
+					font-size: 14px;
+					margin-left: 20px;
+					white-space: nowrap;
+					cursor: pointer;
+				}
+			}
+		}
+
+		.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%);
+	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_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;
+	.of_main {
+		width: 100%;
+		position: relative;
 
-    .ofm_header {
-      display: flex;
-      align-items: center;
-      padding-top: 20px;
-      padding-left: 26px;
-      font-size: 16px;
+		.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%;
-      }
+			.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%;
-      }
-    }
+			.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;
+		.ofm_body {
+			width: 80%;
+			margin: 3px auto;
 
-      .ofmb_items {
-        display: flex;
-        align-items: center;
-        justify-content: end;
-        margin: 14px auto;
+			.ofmb_items {
+				display: flex;
+				align-items: center;
+				justify-content: end;
+				margin: 14px auto;
 
-        .signbox {
-          width: 110px;
-          display: flex;
-          justify-content: end;
+				.signbox {
+					width: 110px;
+					display: flex;
+					justify-content: end;
 
-          .sign {
-            width: 10px;
-            height: 10px;
-            margin-top: -3px;
-            margin-right: 6px;
-            background-size: 100% 100%;
-          }
-        }
+					.sign {
+						width: 10px;
+						height: 10px;
+						margin-top: -3px;
+						margin-right: 6px;
+						background-size: 100% 100%;
+					}
+				}
 
-        .b_input {
-          flex: 1;
-          position: relative;
+				.b_input {
+					flex: 1;
+					position: relative;
 
-          .inp_num {
-            position: absolute;
-            right: 10px;
-            top: 10px;
-          }
-        }
+					.inp_num {
+						position: absolute;
+						right: 10px;
+						top: 10px;
+					}
+				}
 
-        .bc_box {
-          display: flex;
-          width: 440px;
-          flex: 1;
+				.bc_box {
+					display: flex;
+					width: 440px;
+					flex: 1;
 
-          .bc_boxl,
-          .bc_boxr {
-            display: flex;
-            align-items: center;
-          }
-        }
-      }
+					.bc_boxl,
+					.bc_boxr {
+						display: flex;
+						align-items: center;
+					}
+				}
+			}
 
-      .ol_checkbox {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-left: 6px;
-      }
+			.ol_checkbox {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				margin-left: 6px;
+			}
 
-      .b_sub {
-        width: 440px;
-        margin-left: 110px;
+			.b_sub {
+				width: 440px;
+				margin-left: 110px;
 
-        .bs_header {
-          display: flex;
-          justify-content: space-between;
+				.bs_header {
+					display: flex;
+					justify-content: space-between;
 
-          .b_right {
-            display: flex;
-          }
-        }
-      }
+					.b_right {
+						display: flex;
+					}
+				}
+			}
 
-      .bl_detail {
-        top: 24px;
-      }
+			.bl_detail {
+				top: 24px;
+			}
 
-      .b_footer {
-        width: 100%;
-        margin-left: 212px;
-        margin-top: 25px;
-        margin-bottom: 20px;
-        display: flex;
+			.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;
+				.btn {
+					width: 100px;
+					height: 40px;
+					background: rgba(64, 158, 255, 0);
+					border-radius: 8px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					margin-right: 14px;
+					flex-shrink: 0;
+					cursor: pointer;
 
-          .btnText {
-            font-size: 14px;
-            font-weight: 400;
-            line-height: 40px;
-          }
-        }
+					.btnText {
+						font-size: 14px;
+						font-weight: 400;
+						line-height: 40px;
+					}
+				}
 
-        .btn5 {
-          border: 1px solid rgba(64, 158, 255, 1);
-          color: #4ea6ff;
-        }
+				.btn5 {
+					border: 1px solid rgba(64, 158, 255, 1);
+					color: #4ea6ff;
+				}
 
-        .btn6 {
-          background-color: #4ea6ff;
-          color: #ffffff;
-        }
-      }
-    }
-  }
+				.btn6 {
+					background-color: #4ea6ff;
+					color: #ffffff;
+				}
+			}
+		}
+	}
 }
 
 .createschooltime {
-  z-index: 999;
-  width: 879px;
-  height: 740px;
-  background: #ffffff;
-  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-  position: absolute;
-  left: 50%;
-  top: -100%;
-  transform: translate(-50%, -50%);
+	z-index: 999;
+	width: 879px;
+	height: 740px;
+	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_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: 700px;
-    overflow-y: auto;
-    position: relative;
+	.cst_main {
+		width: 100%;
+		max-height: 700px;
+		overflow-y: auto;
+		position: relative;
 
-    .cstm_header {
-      display: flex;
-      align-items: center;
-      padding-top: 20px;
-      padding-left: 26px;
-      font-size: 16px;
+		.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%;
-      }
+			.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%;
-      }
-    }
+			.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_title {
+			margin: 10px auto 20px 51px;
+			font-weight: bold;
+		}
 
-    .cstm_items {
-      display: flex;
-      width: 80%;
-      margin: auto;
-      align-items: center;
-      margin-bottom: 23px;
+		.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;
+			.signbox {
+				display: flex;
+				justify-content: end;
+				width: 100px;
+				margin-right: 6px;
 
-        .sign {
-          margin-top: -5px;
-          margin-right: 4px;
-        }
-      }
+				.sign {
+					margin-top: -5px;
+					margin-right: 4px;
+				}
+			}
 
-      .b_input {
-        flex: 1;
-        position: relative;
+			.b_input {
+				flex: 1;
+				position: relative;
 
-        .upload_box {
-          display: flex;
-          cursor: pointer;
+				.upload_box {
+					display: flex;
+					cursor: pointer;
 
-          .upload_icon {
-            width: 16px;
-            height: 16px;
-            margin-right: 5px;
-          }
-        }
+					.upload_icon {
+						width: 16px;
+						height: 16px;
+						margin-right: 5px;
+					}
+				}
 
-        .inp_num {
-          position: absolute;
-          top: 9px;
-          right: 10px;
-        }
-      }
-    }
+				.inp_num {
+					position: absolute;
+					top: 9px;
+					right: 10px;
+				}
+			}
+		}
 
-    .mbl_items12 {
-      width: 440px;
-      margin-left: 100px;
+		.mbl_items12 {
+			width: 440px;
+			margin-left: 100px;
 
-      .i12_box1 {
-        display: flex;
-        align-items: center;
-        padding: 17px 0px 17px 21px;
-        border: 1px solid #eff4fc;
-        border-radius: 8px;
-        margin-bottom: 10px;
+			.i12_box1 {
+				display: flex;
+				align-items: center;
+				padding: 17px 0px 17px 21px;
+				border: 1px solid #eff4fc;
+				border-radius: 8px;
+				margin-bottom: 10px;
 
-        .file_img {
-          width: 27px;
-          height: 32px;
-          background-image: url(@/assets/images/coursewareManage/imgs.png);
-          margin-right: 22px;
+				.file_img {
+					width: 27px;
+					height: 32px;
+					background-image: url(@/assets/images/coursewareManage/imgs.png);
+					margin-right: 22px;
 
-          img {
-            width: 100%;
-            height: 100%;
-          }
-        }
+					img {
+						width: 100%;
+						height: 100%;
+					}
+				}
 
-        .file_detail {
-          width: 250px;
-          margin-right: 21px;
+				.file_detail {
+					width: 250px;
+					margin-right: 21px;
 
-          .file_updata {
-            display: flex;
-            align-items: center;
+					.file_updata {
+						display: flex;
+						align-items: center;
 
-            .updatabox {
-              position: relative;
-              width: 230px;
-              height: 5px;
-              background-color: rgba(192, 192, 192, 0.25);
-              border-radius: 3px;
+						.updatabox {
+							position: relative;
+							width: 230px;
+							height: 5px;
+							background-color: rgba(192, 192, 192, 0.25);
+							border-radius: 3px;
 
-              .updatacolor {
-                position: absolute;
-                left: 0;
-                width: 100%;
-                height: 5px;
-                background-color: #57c887;
-                border-radius: 3px;
-              }
+							.updatacolor {
+								position: absolute;
+								left: 0;
+								width: 100%;
+								height: 5px;
+								background-color: #57c887;
+								border-radius: 3px;
+							}
 
-              .updatacolor2 {
-                position: absolute;
-                left: 0;
-                width: 80%;
-                height: 5px;
-                background-color: #ff7474;
-                border-radius: 3px;
-              }
+							.updatacolor2 {
+								position: absolute;
+								left: 0;
+								width: 80%;
+								height: 5px;
+								background-color: #ff7474;
+								border-radius: 3px;
+							}
 
-              .updatacolor3 {
-                position: absolute;
-                left: 0;
-                width: 60%;
-                height: 5px;
-                background-color: #4ea6ff;
-                border-radius: 3px;
-              }
+							.updatacolor3 {
+								position: absolute;
+								left: 0;
+								width: 60%;
+								height: 5px;
+								background-color: #4ea6ff;
+								border-radius: 3px;
+							}
 
-              .updataxq {
-                position: absolute;
-                right: 2px;
-                top: -30px;
-                color: #57c887;
-              }
+							.updataxq {
+								position: absolute;
+								right: 2px;
+								top: -30px;
+								color: #57c887;
+							}
 
-              .updataxq2 {
-                position: absolute;
-                right: 2px;
-                top: -30px;
-                color: #ff7474;
-              }
+							.updataxq2 {
+								position: absolute;
+								right: 2px;
+								top: -30px;
+								color: #ff7474;
+							}
 
-              .updataxq3 {
-                position: absolute;
-                right: 2px;
-                top: -30px;
-                color: #4ea6ff;
-              }
-            }
-          }
-        }
+							.updataxq3 {
+								position: absolute;
+								right: 2px;
+								top: -30px;
+								color: #4ea6ff;
+							}
+						}
+					}
+				}
 
-        .file_operation {
-          display: flex;
+				.file_operation {
+					display: flex;
 
-          .fobox {
-            margin-right: 5px;
-            cursor: pointer;
-          }
-        }
-      }
-    }
+					.fobox {
+						margin-right: 5px;
+						cursor: pointer;
+					}
+				}
+			}
+		}
 
-    .items_fj {
-      margin-bottom: 1px;
-    }
+		.items_fj {
+			margin-bottom: 1px;
+		}
 
-    .items_btn {
-      display: flex;
-      justify-content: center;
-      margin-top: 20px;
-      margin-bottom: 20px;
+		.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;
+			.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;
-        }
-      }
+				.btnText {
+					font-size: 14px;
+					font-weight: 400;
+					line-height: 40px;
+				}
+			}
 
-      .btn5 {
-        border: 1px solid rgba(64, 158, 255, 1);
-        color: #4ea6ff;
-      }
+			.btn5 {
+				border: 1px solid rgba(64, 158, 255, 1);
+				color: #4ea6ff;
+			}
 
-      .btn6 {
-        background-color: #4ea6ff;
-        color: #ffffff;
-      }
-    }
-  }
+			.btn6 {
+				background-color: #4ea6ff;
+				color: #ffffff;
+			}
+		}
+	}
 }
 
 .QRModal {
-  .ant-modal {
-    .ant-modal-content {
-      width: 479px !important;
+	.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%);
+			.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_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;
+					.qr_main {
+						width: 100%;
+						position: relative;
 
-            .qrm_header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
+						.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%;
-              }
+							.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%;
-              }
-            }
+							.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;
+						.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%;
-              }
-            }
+							.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;
+						.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;
+							.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;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
+								.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%);
+	.ant-modal {
+		.ant-modal-content {
 
-          .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%
-            );
-          }
+			// 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_main {
-            width: 100%;
-            position: relative;
+					.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%);
+					}
 
-            .rgm_header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
+					.rg_main {
+						width: 100%;
+						position: relative;
 
-              .rg_icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/grade.png);
-                background-size: 100% 100%;
-              }
+						.rgm_header {
+							display: flex;
+							align-items: center;
+							padding-top: 20px;
+							padding-left: 26px;
+							font-size: 16px;
 
-              .close_exit {
-                position: absolute;
-                right: 42px;
-                cursor: pointer;
-                width: 20px;
-                height: 20px;
-                background-image: url(@/assets/images/coursewareManage/close.png);
-                background-size: 100% 100%;
-              }
-            }
+							.rg_icon {
+								width: 16px;
+								height: 16px;
+								margin-right: 10px;
+								background-image: url(@/assets/images/coursewareManage/grade.png);
+								background-size: 100% 100%;
+							}
 
-            .rgm_body {
-              width: 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%;
+							}
+						}
 
-              .rgmb_items {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                width: 80%;
-                margin: 21px auto 10px auto;
+						.rgm_body {
+							width: 100%;
 
-                .items_left {
-                  display: flex;
-                  margin-right: 14px;
+							.rgmb_items {
+								display: flex;
+								justify-content: center;
+								align-items: center;
+								width: 80%;
+								margin: 21px auto 10px auto;
 
-                  .sign {
-                    margin-right: 7px;
-                  }
-                }
-              }
-            }
+								.items_left {
+									display: flex;
+									margin-right: 14px;
 
-            .qrm_btnbox {
-              display: flex;
-              margin: 30px auto;
-              justify-content: center;
+									.sign {
+										margin-right: 7px;
+									}
+								}
+							}
+						}
 
-              .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;
+						.qrm_btnbox {
+							display: flex;
+							margin: 30px auto;
+							justify-content: center;
 
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
+							.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;
 
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-              }
+								.btnText {
+									font-size: 14px;
+									font-weight: 400;
+									line-height: 40px;
+								}
+							}
 
-              .btn2 {
-                background-color: #ffffff;
-                color: #4ea6ff;
-              }
-              .btn3 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
+							.btn1 {
+								border: 1px solid rgba(64, 158, 255, 1);
+								color: #4ea6ff;
+							}
+
+							.btn2 {
+								background-color: #ffffff;
+								color: #4ea6ff;
+							}
+
+							.btn3 {
+								border: 1px solid rgba(64, 158, 255, 1);
+								color: #4ea6ff;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
 }
 
 .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%);
+	.ant-modal {
+		.ant-modal-content {
 
-          .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%
-            );
-          }
+			// 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_main {
-            width: 100%;
-            position: relative;
+					.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%);
+					}
 
-            .gram_header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
+					.gra_main {
+						width: 100%;
+						position: relative;
 
-              .gra_icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/graduate.png);
-                background-size: 100% 100%;
-              }
+						.gram_header {
+							display: flex;
+							align-items: center;
+							padding-top: 20px;
+							padding-left: 26px;
+							font-size: 16px;
 
-              .close_exit {
-                position: absolute;
-                right: 42px;
-                cursor: pointer;
-                width: 20px;
-                height: 20px;
-                background-image: url(@/assets/images/coursewareManage/close.png);
-                background-size: 100% 100%;
-              }
-            }
+							.gra_icon {
+								width: 16px;
+								height: 16px;
+								margin-right: 10px;
+								background-image: url(@/assets/images/coursewareManage/graduate.png);
+								background-size: 100% 100%;
+							}
 
-            .gram_body {
-              width: 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%;
+							}
+						}
 
-              .gramb_items {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                width: 80%;
-                margin: 21px auto 10px auto;
+						.gram_body {
+							width: 100%;
 
-                .items_left {
-                  display: flex;
-                  margin-right: 14px;
+							.gramb_items {
+								display: flex;
+								justify-content: center;
+								align-items: center;
+								width: 80%;
+								margin: 21px auto 10px auto;
 
-                  .sign {
-                    margin-right: 7px;
-                  }
-                }
-              }
+								.items_left {
+									display: flex;
+									margin-right: 14px;
 
-              .gramb_input {
-                .bc_box {
-                  display: flex;
-                }
-              }
-            }
+									.sign {
+										margin-right: 7px;
+									}
+								}
+							}
 
-            .qrm_btnbox {
-              display: flex;
-              margin: 30px auto;
-              justify-content: center;
+							.gramb_input {
+								.bc_box {
+									display: flex;
+								}
+							}
+						}
 
-              .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;
+						.qrm_btnbox {
+							display: flex;
+							margin: 30px auto;
+							justify-content: center;
 
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
+							.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;
 
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-              }
+								.btnText {
+									font-size: 14px;
+									font-weight: 400;
+									line-height: 40px;
+								}
+							}
 
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
+							.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 {
+		width: 429px !important;
+		height: 258px !important;
 
-    .ant-modal-content {
-      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;
+			.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);
+				.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_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;
+					.agree_main {
+						width: 100%;
+						position: relative;
 
-            .agreem_header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
+						.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%;
-              }
+							.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%;
-              }
-            }
+							.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;
-            }
+						.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_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;
+							.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;
-                }
-              }
+								.btnText {
+									font-size: 14px;
+									font-weight: 400;
+									line-height: 40px;
+								}
+							}
 
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-                margin-right: 14px;
-              }
+							.btn1 {
+								border: 1px solid rgba(64, 158, 255, 1);
+								color: #4ea6ff;
+								margin-right: 14px;
+							}
 
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
+							.btn2 {
+								background-color: #4ea6ff;
+								color: #ffffff;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
 }
 
 .onlmanageModal {
-  .ant-modal {
-    .ant-modal-content {
-      // width:1358px !important;
-      .ant-modal-body {
-        .modalHeader {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
+	.ant-modal {
+		.ant-modal-content {
 
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
+			// width:1358px !important;
+			.ant-modal-body {
+				.modalHeader {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
 
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
+					.headerLeft {
+						margin-left: 27px;
+						display: flex;
+						align-items: center;
 
-        .onlinemanage {
-          display: none;
-          min-width: 1000px;
-          background: #ffffff;
+						.headerLeftText {
+							font-size: 16px;
+							font-weight: 400;
+							color: #000000;
+							line-height: 36px;
+						}
+					}
+				}
 
-          .om_main {
-            width: 100%;
+				.onlinemanage {
+					display: none;
+					min-width: 1000px;
+					background: #ffffff;
 
-            .om_body {
-              margin-right: 50px;
+					.om_main {
+						width: 100%;
 
-              .b_title {
-                color: #4f5156;
-                font-weight: 500;
-                margin-bottom: 19px;
-              }
+						.om_body {
+							margin-right: 50px;
 
-              .b_sub {
-                display: flex;
-                margin-bottom: 10px;
+							.b_title {
+								color: #4f5156;
+								font-weight: 500;
+								margin-bottom: 19px;
+							}
 
-                .bs_type {
-                  color: #999ba3;
-                }
+							.b_sub {
+								display: flex;
+								margin-bottom: 10px;
 
-                .bs_left {
-                  color: #999ba3;
-                  margin-left: 35px;
-                }
+								.bs_type {
+									color: #999ba3;
+								}
 
-                .bs_right {
-                  color: #4f5156;
-                }
-              }
+								.bs_left {
+									color: #999ba3;
+									margin-left: 35px;
+								}
 
-              .b_menu {
-                width: calc(100%);
-              }
+								.bs_right {
+									color: #4f5156;
+								}
+							}
 
-              .b_menunav {
-                display: flex;
-                margin-top: 20px;
-                margin-bottom: 20px;
+							.b_menu {
+								width: calc(100%);
+							}
 
-                .bm_select {
-                  margin-right: 20px;
-                }
+							.b_menunav {
+								display: flex;
+								margin-top: 20px;
+								margin-bottom: 20px;
 
-                .bm_input {
-                  margin-right: 20px;
-                }
+								.bm_select {
+									margin-right: 20px;
+								}
 
-                .bm_btn {
-                  display: flex;
-                  cursor: pointer;
+								.bm_input {
+									margin-right: 20px;
+								}
 
-                  .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;
+								.bm_btn {
+									display: flex;
+									cursor: pointer;
 
-                    .search {
-                      background-size: 100%;
-                    }
+									.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;
 
-                    .btnText {
-                      font-size: 14px;
-                      font-weight: 400;
-                      color: rgba(64, 158, 255, 1);
-                      line-height: 36px;
-                      margin-left: 5px;
-                    }
-                  }
+										.search {
+											background-size: 100%;
+										}
 
-                  .btn1 {
-                    .search {
-                      width: 15px;
-                      height: 17px;
-                      background-image: url("@/assets/images/coursewareManage/search1.png");
-                    }
-                  }
+										.btnText {
+											font-size: 14px;
+											font-weight: 400;
+											color: rgba(64, 158, 255, 1);
+											line-height: 36px;
+											margin-left: 5px;
+										}
+									}
 
-                  .btn1:hover {
-                    background: rgba(64, 158, 255, 1);
+									.btn1 {
+										.search {
+											width: 15px;
+											height: 17px;
+											background-image: url("@/assets/images/coursewareManage/search1.png");
+										}
+									}
 
-                    .search {
-                      background-image: url("@/assets/images/coursewareManage/search0.png");
-                    }
+									.btn1:hover {
+										background: rgba(64, 158, 255, 1);
 
-                    .btnText {
-                      color: #ffffff;
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
+										.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;
+	.ant-modal {
+		.ant-modal-content {
 
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
+			// width:1358px !important;
+			.ant-modal-body {
+				.modalHeader {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
 
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
+					.headerLeft {
+						margin-left: 27px;
+						display: flex;
+						align-items: center;
 
-        .modalMain {
-          .m_title {
-            margin-bottom: 20px;
-          }
+						.headerLeftText {
+							font-size: 16px;
+							font-weight: 400;
+							color: #000000;
+							line-height: 36px;
+						}
+					}
+				}
 
-          .m_body {
-            display: flex;
-            flex-wrap: wrap;
+				.modalMain {
+					.m_title {
+						margin-bottom: 20px;
+					}
 
-            .mb_left {
-              width: 50%;
+					.m_body {
+						display: flex;
+						flex-wrap: wrap;
 
-              .mbl_items {
-                display: flex;
-                align-items: center;
-                justify-content: flex-end;
-                margin-bottom: 10px;
+						.mb_left {
+							width: 50%;
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+							.mbl_items {
+								display: flex;
+								align-items: center;
+								justify-content: flex-end;
+								margin-bottom: 10px;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                .item_inp {
-                  flex: 1;
-                  position: relative;
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-right: 5px;
+										margin-top: -15px;
+									}
+								}
 
-                  .inp_num {
-                    position: absolute;
-                    left: 398px;
-                    top: 10px;
-                  }
-                }
-              }
+								.item_inp {
+									flex: 1;
+									position: relative;
 
-              .mbl_items2 {
-                display: flex;
-                align-items: start;
-                margin-top: 10px;
-                margin-bottom: 10px;
+									.inp_num {
+										position: absolute;
+										left: 398px;
+										top: 10px;
+									}
+								}
+							}
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+							.mbl_items2 {
+								display: flex;
+								align-items: start;
+								margin-top: 10px;
+								margin-bottom: 10px;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                .item_inp {
-                  flex: 1;
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-right: 5px;
+										margin-top: -15px;
+									}
+								}
 
-                  .i_upload_img {
-                    margin-top: 10px;
-                    width: 100px;
-                    height: 100px;
-                    border-radius: 8px;
-                  }
+								.item_inp {
+									flex: 1;
 
-                  .i_upload {
-                    width: 100px;
-                    height: 100px;
-                    border: 1px solid #4ea6ff;
-                    border-radius: 8px;
-                    text-align: center;
-                    align-items: center;
-                    cursor: pointer;
+									.i_upload_img {
+										margin-top: 10px;
+										width: 100px;
+										height: 100px;
+										border-radius: 8px;
+									}
 
-                    .addimg {
-                      position: relative;
+									.i_upload {
+										width: 100px;
+										height: 100px;
+										border: 1px solid #4ea6ff;
+										border-radius: 8px;
+										text-align: center;
+										align-items: center;
+										cursor: pointer;
 
-                      .heng {
-                        position: absolute;
-                        top: 50px;
-                        left: 25px;
-                        width: 50px;
-                        border: 1px solid #4ea6ff;
-                      }
+										.addimg {
+											position: relative;
 
-                      .shu {
-                        position: absolute;
-                        top: 25px;
-                        left: 50px;
-                        height: 50px;
-                        border: 1px solid #4ea6ff;
-                      }
-                    }
-                  }
-                }
-              }
+											.heng {
+												position: absolute;
+												top: 50px;
+												left: 25px;
+												width: 50px;
+												border: 1px solid #4ea6ff;
+											}
 
-              .i2_cz {
-                width: 440px;
-                margin-left: 100px;
+											.shu {
+												position: absolute;
+												top: 25px;
+												left: 50px;
+												height: 50px;
+												border: 1px solid #4ea6ff;
+											}
+										}
+									}
+								}
+							}
 
-                .i2_top {
-                  display: flex;
-                  justify-content: space-between;
-                }
-              }
+							.i2_cz {
+								width: 440px;
+								margin-left: 100px;
 
-              .i8_bottom {
-                display: flex;
-                width: 440px;
-                margin-left: 100px;
-              }
-            }
+								.i2_top {
+									display: flex;
+									justify-content: space-between;
+								}
+							}
 
-            .mb_right {
-              width: 50%;
+							.i8_bottom {
+								display: flex;
+								width: 440px;
+								margin-left: 100px;
+							}
+						}
 
-              .mbl_items {
-                display: flex;
-                align-items: flex-start;
-                justify-content: flex-end;
-                margin-bottom: 10px;
+						.mb_right {
+							width: 50%;
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+							.mbl_items {
+								display: flex;
+								align-items: flex-start;
+								justify-content: flex-end;
+								margin-bottom: 10px;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-top: -15px;
-                    margin-right: 5px;
-                  }
-                }
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                .item_inp {
-                  flex: 1;
-                }
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-top: -15px;
+										margin-right: 5px;
+									}
+								}
 
-                .accessory {
-                  display: flex;
-                  align-items: center;
+								.item_inp {
+									flex: 1;
+								}
 
-                  .accessory_icon {
-                    width: 16px;
-                    height: 16px;
-                    margin-top: -8px;
-                    margin-right: 5px;
-                  }
-                }
-              }
+								.accessory {
+									display: flex;
+									align-items: center;
 
-              .mbl_items2 {
-                display: flex;
-                align-items: start;
-                margin-bottom: 10px;
+									.accessory_icon {
+										width: 16px;
+										height: 16px;
+										margin-top: -8px;
+										margin-right: 5px;
+									}
+								}
+							}
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+							.mbl_items2 {
+								display: flex;
+								align-items: start;
+								margin-bottom: 10px;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                .item_inp {
-                  flex: 1;
-                  position: relative;
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-right: 5px;
+										margin-top: -15px;
+									}
+								}
 
-                  .inp_num {
-                    position: absolute;
-                    left: 395px;
-                    bottom: 10px;
-                  }
-                }
-              }
+								.item_inp {
+									flex: 1;
+									position: relative;
 
-              .mbl_items12 {
-                width: 440px;
-                margin-left: 100px;
+									.inp_num {
+										position: absolute;
+										left: 395px;
+										bottom: 10px;
+									}
+								}
+							}
 
-                .i12_box1 {
-                  display: flex;
-                  align-items: center;
-                  padding: 17px 0px 17px 21px;
-                  border: 1px solid #eff4fc;
-                  border-radius: 8px;
-                  margin-bottom: 10px;
+							.mbl_items12 {
+								width: 440px;
+								margin-left: 100px;
 
-                  .file_img {
-                    width: 27px;
-                    height: 32px;
-                    background-image: url(@/assets/images/coursewareManage/imgs.png);
-                    margin-right: 22px;
+								.i12_box1 {
+									display: flex;
+									align-items: center;
+									padding: 17px 0px 17px 21px;
+									border: 1px solid #eff4fc;
+									border-radius: 8px;
+									margin-bottom: 10px;
 
-                    img {
-                      width: 100%;
-                      height: 100%;
-                    }
-                  }
+									.file_img {
+										width: 27px;
+										height: 32px;
+										background-image: url(@/assets/images/coursewareManage/imgs.png);
+										margin-right: 22px;
 
-                  .file_detail {
-                    width: 250px;
-                    margin-right: 21px;
+										img {
+											width: 100%;
+											height: 100%;
+										}
+									}
 
-                    .file_updata {
-                      display: flex;
-                      align-items: center;
+									.file_detail {
+										width: 250px;
+										margin-right: 21px;
 
-                      .updatabox {
-                        position: relative;
-                        width: 230px;
-                        height: 5px;
-                        background-color: rgba(192, 192, 192, 0.25);
-                        border-radius: 3px;
+										.file_updata {
+											display: flex;
+											align-items: center;
 
-                        .updatacolor {
-                          position: absolute;
-                          left: 0;
-                          width: 100%;
-                          height: 5px;
-                          background-color: #57c887;
-                          border-radius: 3px;
-                        }
+											.updatabox {
+												position: relative;
+												width: 230px;
+												height: 5px;
+												background-color: rgba(192, 192, 192, 0.25);
+												border-radius: 3px;
 
-                        .updatacolor2 {
-                          position: absolute;
-                          left: 0;
-                          width: 80%;
-                          height: 5px;
-                          background-color: #ff7474;
-                          border-radius: 3px;
-                        }
+												.updatacolor {
+													position: absolute;
+													left: 0;
+													width: 100%;
+													height: 5px;
+													background-color: #57c887;
+													border-radius: 3px;
+												}
 
-                        .updatacolor3 {
-                          position: absolute;
-                          left: 0;
-                          width: 60%;
-                          height: 5px;
-                          background-color: #4ea6ff;
-                          border-radius: 3px;
-                        }
+												.updatacolor2 {
+													position: absolute;
+													left: 0;
+													width: 80%;
+													height: 5px;
+													background-color: #ff7474;
+													border-radius: 3px;
+												}
 
-                        .updataxq {
-                          position: absolute;
-                          right: 2px;
-                          top: -30px;
-                          color: #57c887;
-                        }
+												.updatacolor3 {
+													position: absolute;
+													left: 0;
+													width: 60%;
+													height: 5px;
+													background-color: #4ea6ff;
+													border-radius: 3px;
+												}
 
-                        .updataxq2 {
-                          position: absolute;
-                          right: 2px;
-                          top: -30px;
-                          color: #ff7474;
-                        }
+												.updataxq {
+													position: absolute;
+													right: 2px;
+													top: -30px;
+													color: #57c887;
+												}
 
-                        .updataxq3 {
-                          position: absolute;
-                          right: 2px;
-                          top: -30px;
-                          color: #4ea6ff;
-                        }
-                      }
-                    }
-                  }
+												.updataxq2 {
+													position: absolute;
+													right: 2px;
+													top: -30px;
+													color: #ff7474;
+												}
 
-                  .file_operation {
-                    display: flex;
+												.updataxq3 {
+													position: absolute;
+													right: 2px;
+													top: -30px;
+													color: #4ea6ff;
+												}
+											}
+										}
+									}
 
-                    .fobox {
-                      margin-right: 5px;
-                      cursor: pointer;
-                    }
-                  }
-                }
-              }
-            }
-          }
+									.file_operation {
+										display: flex;
 
-          .m_footer {
-            display: flex;
-            margin: 20px 0;
+										.fobox {
+											margin-right: 5px;
+											cursor: pointer;
+										}
+									}
+								}
+							}
+						}
+					}
 
-            .fotnam {
-              width: 100px;
-              display: flex;
-              justify-content: end;
-              padding-right: 15px;
-            }
+					.m_footer {
+						display: flex;
+						margin: 20px 0;
 
-            .fotarea {
-              width: calc(100% - 150px);
-              position: relative;
+						.fotnam {
+							width: 100px;
+							display: flex;
+							justify-content: end;
+							padding-right: 15px;
+						}
 
-              .fuwenben {
-                width: 90%;
-                height: 20px;
-                background-color: rgb(95, 95, 95);
-                position: absolute;
-                left: 50%;
-                transform: translate(-50%, 0);
-                top: 3px;
-                z-index: 9999;
-              }
-            }
-          }
+						.fotarea {
+							width: calc(100% - 150px);
+							position: relative;
 
-          .m_btn {
-            width: 100%;
-            margin-top: 25px;
-            margin-bottom: 20px;
-            display: flex;
-            justify-content: center;
-            align-content: center;
+							.fuwenben {
+								width: 90%;
+								height: 20px;
+								background-color: rgb(95, 95, 95);
+								position: absolute;
+								left: 50%;
+								transform: translate(-50%, 0);
+								top: 3px;
+								z-index: 9999;
+							}
+						}
+					}
 
-            .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;
+					.m_btn {
+						width: 100%;
+						margin-top: 25px;
+						margin-bottom: 20px;
+						display: flex;
+						justify-content: center;
+						align-content: center;
 
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                line-height: 40px;
-              }
-            }
+						.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;
 
-            .btn5 {
-              border: 1px solid rgba(64, 158, 255, 1);
-              color: #4ea6ff;
-            }
+							.btnText {
+								font-size: 14px;
+								font-weight: 400;
+								line-height: 40px;
+							}
+						}
 
-            .btn6 {
-              background-color: #4ea6ff;
-              color: #ffffff;
-            }
-          }
-        }
-      }
-    }
-  }
+						.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;
+	.ant-modal {
+		.ant-modal-content {
 
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
+			// width:1358px !important;
+			.ant-modal-body {
+				.modalHeader {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
 
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
+					.headerLeft {
+						margin-left: 27px;
+						display: flex;
+						align-items: center;
 
-        .givepower {
-          min-width: 1000px;
-          background: #ffffff;
+						.headerLeftText {
+							font-size: 16px;
+							font-weight: 400;
+							color: #000000;
+							line-height: 36px;
+						}
+					}
+				}
 
-          .gp_main {
-            width: 100%;
-            position: relative;
+				.givepower {
+					min-width: 1000px;
+					background: #ffffff;
 
-            .gpm_inputbtn {
-              width: 90%;
-              margin: 20px auto;
-              display: flex;
+					.gp_main {
+						width: 100%;
+						position: relative;
 
-              .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;
+						.gpm_inputbtn {
+							width: 90%;
+							margin: 20px auto;
+							display: flex;
 
-                .btnText {
-                  color: #4ea6ff;
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
+							.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;
 
-              .btn1 {
-                .search {
-                  width: 15px;
-                  height: 17px;
-                  margin-right: 6px;
-                  background-image: url("../../assets/images/courseManage/search1.png");
-                }
-              }
+								.btnText {
+									color: #4ea6ff;
+									font-size: 14px;
+									font-weight: 400;
+									line-height: 40px;
+								}
+							}
 
-              .btn2 {
-                .reset {
-                  width: 16px;
-                  height: 18px;
-                  margin-right: 6px;
-                  background-image: url("../../assets/images/courseManage/reset1.png");
-                }
-              }
+							.btn1 {
+								.search {
+									width: 15px;
+									height: 17px;
+									margin-right: 6px;
+									background-image: url("../../assets/images/courseManage/search1.png");
+								}
+							}
 
-              .btn1:hover {
-                background: #4ea6ff;
+							.btn2 {
+								.reset {
+									width: 16px;
+									height: 18px;
+									margin-right: 6px;
+									background-image: url("../../assets/images/courseManage/reset1.png");
+								}
+							}
 
-                .search {
-                  background-image: url("@/assets/images/coursewareManage/search0.png");
-                }
+							.btn1:hover {
+								background: #4ea6ff;
 
-                .btnText {
-                  color: #ffffff;
-                }
-              }
+								.search {
+									background-image: url("@/assets/images/coursewareManage/search0.png");
+								}
 
-              .btn2:hover {
-                background: #4ea6ff;
+								.btnText {
+									color: #ffffff;
+								}
+							}
 
-                .reset {
-                  background-image: url("@/assets/images/coursewareManage/reset0.png");
-                }
+							.btn2:hover {
+								background: #4ea6ff;
 
-                .btnText {
-                  color: #ffffff;
-                }
-              }
-            }
+								.reset {
+									background-image: url("@/assets/images/coursewareManage/reset0.png");
+								}
 
-            .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;
+								.btnText {
+									color: #ffffff;
+								}
+							}
+						}
 
-              .th_icon {
-                width: 16px;
-                height: 16px;
-                background-image: url(@/assets/images/coursewareManage/gan.png);
-                background-size: 100% 100%;
-                margin: auto 13px auto 37px;
-              }
+						.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;
 
-              .textarea {
-                margin-right: 33px;
-              }
-            }
+							.th_icon {
+								width: 16px;
+								height: 16px;
+								background-image: url(@/assets/images/coursewareManage/gan.png);
+								background-size: 100% 100%;
+								margin: auto 13px auto 37px;
+							}
 
-            .gpm_table {
-              width: 90%;
-              margin: 30px auto;
-              border: 1px solid #f0f4fe;
-            }
-          }
-        }
-      }
-    }
-  }
+							.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;
+	.ant-modal {
+		.ant-modal-content {
 
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
+			// width:1358px !important;
+			.ant-modal-body {
+				.modalHeader {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
 
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
+					.headerLeft {
+						margin-left: 27px;
+						display: flex;
+						align-items: center;
 
-        .schooltime {
-          min-width: 1000px;
-          background: #ffffff;
+						.headerLeftText {
+							font-size: 16px;
+							font-weight: 400;
+							color: #000000;
+							line-height: 36px;
+						}
+					}
+				}
 
-          .st_main {
-            width: 100%;
-            .tableBox {
-              margin: 20px 38px 30px;
+				.schooltime {
+					min-width: 1000px;
+					background: #ffffff;
 
-              th {
-                background-color: #eff4fc !important;
-                text-align: center !important;
-              }
+					.st_main {
+						width: 100%;
 
-              .ant-table-tbody
-                > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-                > td {
-                background: #f6f9fd;
-              }
+						.tableBox {
+							margin: 20px 38px 30px;
 
-              .operation {
-                display: flex;
-                justify-content: right;
-                margin-right: 20px;
-                .fb {
-                  display: flex;
-                  margin-right: 20px;
-                  .jc {
-                    color: #4ea6ff;
-                    font-size: 14px;
-                    margin-left: 20px;
-                    white-space: nowrap;
-                    cursor: pointer;
-                  }
-                }
-              }
-              .ynuse {
-                display: flex;
-                justify-content: center;
-                align-items: center;
+							th {
+								background-color: #eff4fc !important;
+								text-align: center !important;
+							}
 
-                .use {
-                  cursor: pointer;
-                }
-              }
-            }
-            .stm_inputbtn {
-              display: flex;
-              width: 90%;
-              margin: 20px auto;
+							.ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
+								background: #f6f9fd;
+							}
 
-              .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;
+							.operation {
+								display: flex;
+								justify-content: right;
+								margin-right: 20px;
 
-                .btnText {
-                  color: #4ea6ff;
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
-              .btn {
-                padding: 0px 26px 0px 26px;
-                height: 38px;
-                background: #4ea6ff;
-                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;
+								.fb {
+									display: flex;
+									margin-right: 20px;
 
-                .search {
-                  background-size: 100%;
-                }
+									.jc {
+										color: #4ea6ff;
+										font-size: 14px;
+										margin-left: 20px;
+										white-space: nowrap;
+										cursor: pointer;
+									}
+								}
+							}
 
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  color: #ffffff;
-                  line-height: 36px;
-                  margin-left: 5px;
-                }
-              }
+							.ynuse {
+								display: flex;
+								justify-content: center;
+								align-items: center;
 
-              .btnn {
-                padding: 0px 26px 0px 26px;
-                height: 38px;
-                background: #ffffff;
-                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;
+								.use {
+									cursor: pointer;
+								}
+							}
+						}
 
-                .search {
-                  background-size: 100%;
-                }
+						.stm_inputbtn {
+							display: flex;
+							width: 90%;
+							margin: 20px auto;
 
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  color: #4ea6ff;
-                  line-height: 36px;
-                  margin-left: 5px;
-                }
-              }
+							.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;
 
-              .btn1 {
-                .search {
-                  width: 15px;
-                  height: 17px;
-                  background-image: url("../../assets/images/courseManage/search0.png");
-                }
-              }
+								.btnText {
+									color: #4ea6ff;
+									font-size: 14px;
+									font-weight: 400;
+									line-height: 40px;
+								}
+							}
 
-              .btn2 {
-                .search {
-                  width: 16px;
-                  height: 18px;
-                  background-image: url("../../assets/images/courseManage/reset1.png");
-                }
-              }
+							.btn {
+								padding: 0px 26px 0px 26px;
+								height: 38px;
+								background: #4ea6ff;
+								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;
 
-              .btn1:hover {
-                background: rgba(64, 158, 255, 0.76);
+								.search {
+									background-size: 100%;
+								}
 
-                .search {
-                  background-image: url("../../assets/images/courseManage/search0.png");
-                }
+								.btnText {
+									font-size: 14px;
+									font-weight: 400;
+									color: #ffffff;
+									line-height: 36px;
+									margin-left: 5px;
+								}
+							}
 
-                .btnText {
-                  color: #ffffff;
-                }
-              }
+							.btnn {
+								padding: 0px 26px 0px 26px;
+								height: 38px;
+								background: #ffffff;
+								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;
 
-              .btn1:active {
-                background: #0982ff;
-              }
+								.search {
+									background-size: 100%;
+								}
 
-              .btn2:hover {
-                background: rgba(64, 158, 255, 0.1);
-              }
+								.btnText {
+									font-size: 14px;
+									font-weight: 400;
+									color: #4ea6ff;
+									line-height: 36px;
+									margin-left: 5px;
+								}
+							}
 
-              .btn2:active {
-                background: rgba(64, 158, 255, 0.2);
-              }
-              .btns {
-                display: flex;
-                // flex-wrap: wrap;
-                .btn {
-                  padding: 0px 21px 0px 21px;
-                  height: 38px;
-                  background: #4ea6ff;
-                  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;
+							.btn1 {
+								.search {
+									width: 15px;
+									height: 17px;
+									background-image: url("../../assets/images/courseManage/search0.png");
+								}
+							}
 
-                  .search {
-                    background-size: 100%;
-                  }
+							.btn2 {
+								.search {
+									width: 16px;
+									height: 18px;
+									background-image: url("../../assets/images/courseManage/reset1.png");
+								}
+							}
 
-                  .btnText {
-                    font-size: 14px;
-                    font-weight: 400;
-                    color: #ffffff;
-                    line-height: 36px;
-                    margin-left: 5px;
-                  }
-                }
+							.btn1:hover {
+								background: rgba(64, 158, 255, 0.76);
 
-                .btn3 {
-                  margin-right: 0px;
+								.search {
+									background-image: url("../../assets/images/courseManage/search0.png");
+								}
 
-                  .search {
-                    width: 17px;
-                    height: 18px;
-                    background-image: url("../../assets/images/courseManage/add0.png");
-                  }
-                }
+								.btnText {
+									color: #ffffff;
+								}
+							}
 
-                .btn3:hover {
-                  background: rgba(64, 158, 255, 0.76);
+							.btn1:active {
+								background: #0982ff;
+							}
 
-                  .search {
-                    background-image: url("../../assets/images/courseManage/add0.png");
-                  }
+							.btn2:hover {
+								background: rgba(64, 158, 255, 0.1);
+							}
 
-                  .btnText {
-                    color: #ffffff;
-                  }
-                }
+							.btn2:active {
+								background: rgba(64, 158, 255, 0.2);
+							}
 
-                .btn3:active {
-                  background: #0982ff;
-                }
-              }
-            }
+							.btns {
+								display: flex;
 
-            .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;
+								// flex-wrap: wrap;
+								.btn {
+									padding: 0px 21px 0px 21px;
+									height: 38px;
+									background: #4ea6ff;
+									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;
 
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                line-height: 40px;
-              }
+									.search {
+										background-size: 100%;
+									}
 
-              .btn3 {
-                .add {
-                  width: 17px;
-                  height: 18px;
-                  background-image: url("@/assets/images/coursewareManage/add0.png");
-                  background-size: 100% 100%;
-                  margin-right: 6px;
-                }
-              }
-            }
+									.btnText {
+										font-size: 14px;
+										font-weight: 400;
+										color: #ffffff;
+										line-height: 36px;
+										margin-left: 5px;
+									}
+								}
 
-            .notable {
-              width: 100%;
-              height: 100%;
+								.btn3 {
+									margin-right: 0px;
 
-              .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;
+									.search {
+										width: 17px;
+										height: 18px;
+										background-image: url("../../assets/images/courseManage/add0.png");
+									}
+								}
 
-                .smallleft {
-                  position: absolute;
-                  top: 18px;
-                  left: 0px;
-                  width: 8px;
-                  height: 21px;
-                  border-radius: 0px 4px 4px 0px;
-                  background-color: #ffb64e;
-                }
+								.btn3:hover {
+									background: rgba(64, 158, 255, 0.76);
 
-                .smallright {
-                  position: absolute;
-                  bottom: 18px;
-                  right: 0px;
-                  width: 8px;
-                  height: 21px;
-                  border-radius: 4px 0px 0px 4px;
-                  background-color: #ffb64e;
-                }
+									.search {
+										background-image: url("../../assets/images/courseManage/add0.png");
+									}
 
-                .boxbody {
-                  .boximg {
-                    width: 72px;
-                    height: 72px;
-                    margin: 32px auto 20px auto;
-                    background-image: url(@/assets/images/coursewareManage/nostate.png);
-                    background-size: 100% 100%;
-                  }
+									.btnText {
+										color: #ffffff;
+									}
+								}
 
-                  .boxtitle {
-                    margin-bottom: 4px;
-                  }
-                }
-              }
-            }
+								.btn3:active {
+									background: #0982ff;
+								}
+							}
+						}
 
-            .tableBox {
-              position: relative;
-              padding-bottom: 80px;
+						.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;
 
-              .classify {
-                margin-left: 10px !important;
-                padding-left: 9px !important;
-              }
+							.btnText {
+								font-size: 14px;
+								font-weight: 400;
+								line-height: 40px;
+							}
 
-              .ant-checkbox-wrapper {
-                align-items: center;
-                margin-top: -2px;
-              }
+							.btn3 {
+								.add {
+									width: 17px;
+									height: 18px;
+									background-image: url("@/assets/images/coursewareManage/add0.png");
+									background-size: 100% 100%;
+									margin-right: 6px;
+								}
+							}
+						}
 
-              .ant-table-selection-column {
-                padding: 0px !important;
-                padding-left: 60px !important;
-              }
+						.notable {
+							width: 100%;
+							height: 100%;
 
-              .ant-table-thead > tr > th {
-                background-color: #eff4fc !important;
-              }
+							.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;
 
-              th.h {
-                background-color: #eff4fc !important;
-              }
+								.smallleft {
+									position: absolute;
+									top: 18px;
+									left: 0px;
+									width: 8px;
+									height: 21px;
+									border-radius: 0px 4px 4px 0px;
+									background-color: #ffb64e;
+								}
 
-              .ant-table-tbody
-                > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-                > td {
-                background: #f6f9fd;
-              }
+								.smallright {
+									position: absolute;
+									bottom: 18px;
+									right: 0px;
+									width: 8px;
+									height: 21px;
+									border-radius: 4px 0px 0px 4px;
+									background-color: #ffb64e;
+								}
 
-              .operation {
-                display: flex;
-                justify-content: right;
-                .fb {
-                  display: flex;
-                  margin-right: 20px;
-                  .jc {
-                    color: #4ea6ff;
-                    font-size: 14px;
-                    margin-left: 20px;
-                    white-space: nowrap;
-                    cursor: pointer;
-                  }
-                }
-              }
+								.boxbody {
+									.boximg {
+										width: 72px;
+										height: 72px;
+										margin: 32px auto 20px auto;
+										background-image: url(@/assets/images/coursewareManage/nostate.png);
+										background-size: 100% 100%;
+									}
 
-              .tableBox {
-                .pa {
-                  left: 0;
-                  width: 100%;
-                  // height: 20px;
-                  // background-color: red;
-                  display: flex;
-                  justify-content: center;
-                  position: absolute;
-                  bottom: 20px;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
+									.boxtitle {
+										margin-bottom: 4px;
+									}
+								}
+							}
+						}
+
+						.tableBox {
+							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: #eff4fc !important;
+							}
+
+							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: right;
+
+								.fb {
+									display: flex;
+									margin-right: 20px;
+
+									.jc {
+										color: #4ea6ff;
+										font-size: 14px;
+										margin-left: 20px;
+										white-space: nowrap;
+										cursor: pointer;
+									}
+								}
+							}
+
+							.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;
+	.ant-modal {
+		.ant-modal-content {
 
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
+			// width:1358px !important;
+			.ant-modal-body {
+				.modalHeader {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
 
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
+					.headerLeft {
+						margin-left: 27px;
+						display: flex;
+						align-items: center;
 
-        .studentsmanage {
-          min-width: 1000px;
-          background: #ffffff;
+						.headerLeftText {
+							font-size: 16px;
+							font-weight: 400;
+							color: #000000;
+							line-height: 36px;
+						}
+					}
+				}
 
-          .stm_main {
-            width: 100%;
+				.studentsmanage {
+					min-width: 1000px;
+					background: #ffffff;
 
-            .stmmitems {
-              margin: auto 49px;
+					.stm_main {
+						width: 100%;
 
-              .stmm_i1,
-              .stmm_i2,
-              .stmm_i3,
-              .stmm_i4 {
-                margin: 19px 0;
-              }
+						.stmmitems {
+							margin: auto 49px;
 
-              .stmm_i5 {
-                display: flex;
-                justify-content: space-between;
+							.stmm_i1,
+							.stmm_i2,
+							.stmm_i3,
+							.stmm_i4 {
+								margin: 19px 0;
+							}
 
-            
+							.stmm_i5 {
+								display: flex;
+								justify-content: space-between;
 
-              
-              }
 
-              .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;
-                }
+							.stmm_i6 {
+								position: relative;
+								padding-top: 15px;
+								padding-bottom: 80px;
 
-                .ant-table-thead > tr > th {
-                  font-size: 14px;
-                  font-weight: 400;
-                  color: #999ba3;
-                  line-height: 36px;
-                  padding: 5px 16px;
-                  background-color: #eff4fc !important;
-                }
+								.classify {
+									margin-left: 10px !important;
+									padding-left: 9px !important;
+								}
 
-                th.h {
-                  background-color: #eff4fc !important;
-                }
+								.ant-checkbox-wrapper {
+									align-items: center;
+									margin-top: -2px;
+								}
 
-                .ant-table-tbody
-                  > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-                  > td {
-                  background: #f6f9fd;
-                }
+								.ant-table-selection-column {
+									padding: 0px !important;
+									padding-left: 60px !important;
+								}
 
-                .operation,
-                .nselect {
-                  display: flex;
-                  justify-content: center;
-                  color: #4ea6ff;
-                  font-size: 14px;
+								.ant-table-thead>tr>th {
+									font-size: 14px;
+									font-weight: 400;
+									color: #999ba3;
+									line-height: 36px;
+									padding: 5px 16px;
+									background-color: #eff4fc !important;
+								}
 
-                  .ops1,
-                  .ops2 {
-                    margin-right: 10px;
-                    cursor: pointer;
-                  }
-                }
+								th.h {
+									background-color: #eff4fc !important;
+								}
 
-                .tableBox {
-                  .pa {
-                    left: 0;
-                    width: 100%;
-                    // height: 20px;
-                    // background-color: red;
-                    display: flex;
-                    justify-content: center;
-                    position: absolute;
-                    bottom: 20px;
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
+								.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;
-  }
+	.ant-tag {
+		margin-top: 10px;
+	}
 }
 
 .coursewareDetail {
-  .ant-modal {
-    height: 320px;
-    margin-top: 100px;
+	.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;
+		.ant-modal-content {
 
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
+			// width:1358px !important;
+			.ant-modal-body {
+				.modalHeader {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
 
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
+					.headerLeft {
+						margin-left: 27px;
+						display: flex;
+						align-items: center;
 
-        .modalMain {
-          .ftsturecord {
-            min-width: 1000px;
-            background: #ffffff;
+						.headerLeftText {
+							font-size: 16px;
+							font-weight: 400;
+							color: #000000;
+							line-height: 36px;
+						}
+					}
+				}
 
-            .ftsr_main {
-              width: 100%;
+				.modalMain {
+					.ftsturecord {
+						min-width: 1000px;
+						background: #ffffff;
 
-              .ftsr_table {
-                width: 90%;
-                margin: 30px auto;
-                border: 1px solid #f0f4fe;
-              }
+						.ftsr_main {
+							width: 100%;
 
-              .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;
+							.ftsr_table {
+								width: 90%;
+								margin: 30px auto;
+								border: 1px solid #f0f4fe;
+							}
 
-                .btnText {
-                  color: #4ea6ff;
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
+							.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;
+	display: flex;
+	align-items: center;
+	margin-top: 32px;
+	margin-bottom: 32px;
 
-  .signbox {
-    width: 120px;
-    display: flex;
-    justify-content: end;
-    align-items: center;
+	.signbox {
+		width: 120px;
+		display: flex;
+		justify-content: end;
+		align-items: center;
 
-    .sign {
-      margin-right: 5px;
-    }
-  }
+		.sign {
+			margin-right: 5px;
+		}
+	}
 
-  .btnbox {
-    display: flex;
-    flex: 1;
-    align-items: center;
+	.btnbox {
+		display: flex;
+		flex: 1;
+		align-items: center;
 
-    .xkbtn {
-      cursor: pointer;
-      width: 130px;
-      height: 40px;
-      background: #4ea6ff;
-      border-radius: 8px;
-      border: 0;
-      margin-right: 8px;
-      color: #fff;
-    }
-  }
+		.xkbtn {
+			cursor: pointer;
+			width: 130px;
+			height: 40px;
+			background: #4ea6ff;
+			border-radius: 8px;
+			border: 0;
+			margin-right: 8px;
+			color: #fff;
+		}
+	}
 }
 
 .DelModal {
-  .ant-modal {
-    .ant-modal-content {
-      width: 424px !important;
+	.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%);
+			.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_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;
+					.del_main {
+						width: 100%;
+						position: relative;
 
-            .header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
+						.header {
+							display: flex;
+							align-items: center;
+							padding-top: 20px;
+							padding-left: 26px;
+							font-size: 16px;
 
-              .del-icons {
-                width: 16px;
-                height: 16px;
-                position: relative;
-                margin-right: 10px;
+							.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%;
-                }
-              }
+								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%;
-              }
-            }
+							.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;
-            }
+						.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_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;
+							.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;
-                }
-              }
+								.btnText {
+									font-size: 14px;
+									font-weight: 400;
+									line-height: 40px;
+								}
+							}
 
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-              }
+							.btn1 {
+								border: 1px solid rgba(64, 158, 255, 1);
+								color: #4ea6ff;
+							}
 
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
+							.btn2 {
+								background-color: #4ea6ff;
+								color: #ffffff;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
 }
 
 .disabled {
-  a {
-    color: #999ba3;
-    cursor: not-allowed;
-  }
+	a {
+		color: #999ba3;
+		cursor: not-allowed;
+	}
 }
 
 .pa {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  margin-bottom: 20px;
+	width: 100%;
+	display: flex;
+	justify-content: center;
+	margin-bottom: 20px;
 
-  .pagination {
-    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-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;
+	height: 100%;
+	border-radius: 8px;
 }
 
 .ant-upload.ant-upload-select-picture-card {
-  border: none;
+	border: none;
 }
 
 // statusJuJue
 .statusJuJue {
-  margin-bottom: 20px;
+	margin-bottom: 20px;
 }
 
 
diff --git a/src/views/courselibrary/courseModal.vue b/src/views/courselibrary/courseModal.vue
index 9c105b8a..7355d8f2 100644
--- a/src/views/courselibrary/courseModal.vue
+++ b/src/views/courselibrary/courseModal.vue
@@ -1,133 +1,93 @@
 <!-- 确定新建面授课弹窗 -->
 <template>
-  <a-modal
-      v-model:visible="ft_hs"
-      title="Title"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle facteachModal"
-      width="80%"
-      @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="noEditClose"
-            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="asterisk"
-                    />
-                  </div>
-                  <span style="margin-right: 14px">课程名称</span>
-                </div>
-                <div class="item_inp">
-                  <div class="i1_input">
-                    <NameInput ref="inputRef"  placeholder="请输入课程名称" v-model:value="qdms_inputV1" v-model:validate="validate"
-                               :maxlength="20" show-count :type="2" :id="offcourseId"></NameInput>
-<!--                    <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">
-                  <div style="width:440px;height:70px;display: flex;justify-content: flex-start;align-items: center;">
-                    <img
-                        v-for="(item, index) in optionsUrl"
-                        :key="index"
-                        class="choiceoptionurl"
-                        :style="item.value==feng_mian_1?'border:3px solid rgb(78, 166, 255);':''"
-                        :src="item.value"
-                        :alt="item.label"
-                        @click="choicePic(item.value)"
-                    />
-                  </div>
-                  <!-- <a-select
+	<a-modal v-model:visible="ft_hs" title="Title" :footer="null" :closable="false"
+		wrapClassName="modalStyle facteachModal" width="80%" @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="noEditClose" 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="asterisk" />
+									</div>
+									<span style="margin-right: 14px">课程名称</span>
+								</div>
+								<div class="item_inp">
+									<div class="i1_input">
+										<NameInput ref="inputRef" placeholder="请输入课程名称" v-model:value="qdms_inputV1"
+											v-model:validate="validate" :maxlength="20" show-count :type="2" :id="offcourseId"></NameInput>
+										<!--                    <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">
+									<div style="width:440px;height:70px;display: flex;justify-content: flex-start;align-items: center;">
+										<img v-for="(item, index) in optionsUrl" :key="index" class="choiceoptionurl"
+											:style="item.value == feng_mian_1 ? 'border:3px solid rgb(78, 166, 255);' : ''" :src="item.value"
+											:alt="item.label" @click="choicePic(item.value)" />
+									</div>
+									<!-- <a-select
                     :getPopupContainer="
                       (triggerNode) => {
                         return triggerNode.parentNode || document.body;
@@ -141,1271 +101,1258 @@
                     allowClear
                     showSearch
                   /> -->
-                  <img
-                      class="i_upload_img"
-                      v-if="feng_mian_1"
-                      :src="feng_mian_1"
-                      style="width:220px;height:120px;border-radius: 8px;"
-                      alt="avatar"
-                  />
-                  <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">
-                  <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="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-tree-select
-                        style="width: 440px"
-                        placeholder="请选择内容分类"
-                        :treeDefaultExpandAll="true"
-                        :getPopupContainer="
-                          (triggerNode) => {
-                            return triggerNode.parentNode || document.body;
-                          }
-                        "
-                        v-model:value="fen_lei"
-                        :tree-data="options2222"
-                    >
-                    </a-tree-select>
-                  </div>
-                </div>
-              </div>
-              <div class="mbl_items">
-                <div class="item_nam" style="margin-bottom:110px;">
-                  <span style="margin-right: 14px">课程价值</span>
-                </div>
-                <div class="item_inp">
-                  <div class="i1_input">
-                    <a-textarea
-                        v-model:value="qdms_inputV3"
-                        maxlength="200"
-                        style="width: 440px; height: 140px; border-radius: 8px"
-                        placeholder="请输入课程价值"
-                    />
-                    <div class="inp_num" style="top:110px;">
-                      <span style="color: #c7cbd2;">
-                        {{ qdms_inputV3.length }}/200
-                      </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="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
-                    />
-                  </div>
-                </div>
-              </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
-                        v-for="(item, index) in tags_val"
-                        :key="index"
-                        closable
-                        @close="handleTagClose(item)"
-                    >
-                      {{ item }}
-                    </a-tag>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="mb_right">
-              <div class="mbl_items">
-                <div class="item_nam" style="margin-top:5px;">
-                  <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="select" style="width:88%;">
-                    <ProjectManager
-                        v-model:value="member.value"
-                        v-model:name="member.name"
-                    />
-                  </div>
-                </div>
-              </div>
-              <div class="mbl_items2">
-                <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="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" @changevalue="changevalue"/>
-                </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="noEditClose">
-              <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>
-    <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
-    <a-spin :spinning="addLoading" tip="" />
-  </div>
-  </a-modal>
+									<img class="i_upload_img" v-if="feng_mian_1" :src="feng_mian_1"
+										style="width:220px;height:120px;border-radius: 8px;" alt="avatar" />
+									<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">
+									<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="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-tree-select style="width: 440px" placeholder="请选择内容分类" :treeDefaultExpandAll="true"
+											:getPopupContainer="
+												(triggerNode) => {
+													return triggerNode.parentNode || document.body;
+												}
+											" @change="changeTreeSelectValue" v-model:value="fen_lei" :tree-data="options2222">
+										</a-tree-select>
+									</div>
+								</div>
+							</div>
+							<div v-if="fen_lei" class="mbl_items">
+								<div class="item_nam">
+									<div class="asterisk_icon">
+									</div>
+									<span style="margin-right: 14px"> </span>
+								</div>
+								<div class="item_inp">
+									<div class="select i6_input">
+										<div style="width:440px;height:26px;font-size: 14px;color: rgb(153, 155, 163);">
+											所属层级：{{ fen_lei1 }}
+										</div>
+									</div>
+								</div>
+							</div>
+							<div class="mbl_items">
+								<div class="item_nam" style="margin-bottom:110px;">
+									<span style="margin-right: 14px">课程价值</span>
+								</div>
+								<div class="item_inp">
+									<div class="i1_input">
+										<a-textarea v-model:value="qdms_inputV3" maxlength="200"
+											style="width: 440px; height: 140px; border-radius: 8px" placeholder="请输入课程价值" />
+										<div class="inp_num" style="top:110px;">
+											<span style="color: #c7cbd2;">
+												{{ qdms_inputV3.length }}/200
+											</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="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 />
+									</div>
+								</div>
+							</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 v-for="(item, index) in tags_val" :key="index" closable @close="handleTagClose(item)">
+											{{ item }}
+										</a-tag>
+									</div>
+								</div>
+							</div>
+						</div>
+						<div class="mb_right">
+							<div class="mbl_items">
+								<div class="item_nam" style="margin-top:5px;">
+									<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="select" style="width:88%;">
+										<ProjectManager v-model:value="member.value" v-model:name="member.name" />
+									</div>
+								</div>
+							</div>
+							<div class="mbl_items2">
+								<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="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" @changevalue="changevalue" />
+								</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="noEditClose">
+							<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>
+		<div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
+			<a-spin :spinning="addLoading" tip="" />
+		</div>
+	</a-modal>
 </template>
 <script>
 import {
-  reactive,
-  toRefs,
-  defineComponent,
-  ref,
-  shallowRef,
-  // onMounted,
-  onUnmounted,
+	reactive,
+	toRefs,
+	defineComponent,
+	ref,
+	shallowRef,
+	// onMounted,
+	onUnmounted,
 } from "vue";
-import {validateName} from "@/api/index1";
-import {message} from "ant-design-vue";
-import {edit, detail, handle} from "@/api/indexCourse";
-import {fileUp} from "../../api/indexEval";
+import { validateName } from "@/api/index1";
+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 NameInput from "@/components/project/NameInput";
 import FJUpload from "@/components/common/FJUpload";
 import * as moment from "moment";
 import * as api2 from "../../api/indexAudit";
 
-
 export default defineComponent({
-  components: {
-    Editor,
-    Toolbar,
-    FJUpload,
-    NameInput,
-    ProjectManager,
-  },
-  props: {
-    xzinputV1: {
-      type: String,
-      default: null,
-    },
-  },
-  setup(props, {expose, emit}) {
-    const state = reactive({
-      hideshow: true,
-      ft_eidt: false,
-      attach: "",
-      validate:true,
-      ft_hs: false,
-      addLoading: false,
-      statusJuJue: 0,
-      statusTingQi: 1,
-      member: {name: "", value: ""},
+	components: {
+		Editor,
+		Toolbar,
+		FJUpload,
+		NameInput,
+		ProjectManager,
+	},
+	props: {
+		xzinputV1: {
+			type: String,
+			default: null,
+		},
+	},
+	setup(props, { expose, emit }) {
+		const state = reactive({
+			hideshow: true,
+			ft_eidt: false,
+			attach: "",
+			validate: true,
+			ft_hs: false,
+			addLoading: false,
+			statusJuJue: 0,
+			statusTingQi: 1,
+			member: { name: "", value: "" },
 
-      offcourseId: null,
-      qdms_inputV1: "",
-      qdms_inputV2: "",
-      qdms_inputV3: "",
-      fen_lei: null,
-      feng_mian_1: null,
-      chang_jin: null,
-      tags_val_single: "",
-      tags_val: [],
-      qdms_inputV6: "",
-      imgList: [],
-      auditDescription: "",
-      contentClassify: [],
-      // 课程三级分类
-      options2222: [
-        {
-          title: '领导力',
-          value: '100',
-          selectable: false,
-          children: [
-            {
-              title: '领导业务',
-              value: '1001',
-            },
-            {
-              title: '领导团队',
-              value: '1002',
-            },
-            {
-              title: '领导自我',
-              value: '1003',
-            },
-          ],
-        },
-        {
-          title: '专业力',
-          value: '200',
-          selectable: false,
-          children: [
-            {
-              title: '研发',
-              value: '2001',
-            },
-            {
-              title: '产品和解决方案',
-              value: '2002',
-            },
-            {
-              title: '生产技术与制造',
-              value: '2003',
-            },
-            {
-              title: '供应链',
-              value: '2004',
-            },
-            {
-              title: '营销',
-              value: '2005',
-            },
-            {
-              title: '品质',
-              value: '2006',
-            },
-            {
-              title: '战略与企划',
-              value: '2007',
-            },
-            {
-              title: '流程管理',
-              value: '2008',
-            },
-            {
-              title: '业绩管理',
-              value: '2009',
-            },
-            {
-              title: '项目管理',
-              value: '20010',
-            },
-            {
-              title: '信息技术',
-              value: '20011',
-            },
-            {
-              title: '环境与安全',
-              value: '20012',
-            },
-            {
-              title: '人力资源',
-              value: '20013',
-            },
-            {
-              title: '企业文化',
-              value: '20014',
-            },
-            {
-              title: '品牌',
-              value: '20015',
-            },
-            {
-              title: '财务',
-              value: '20016',
-            },
-            {
-              title: '法务',
-              value: '20017',
-            },
-            {
-              title: '行政',
-              value: '20018',
-            },
-            {
-              title: '医工',
-              value: '20019',
-            }
-          ],
-        },
-        {
-          title: '通用力',
-          value: '300',
-          selectable: false,
-          children: [
-            {
-              title: '职业操守与道德',
-              value: '3001',
-            },
-            {
-              title: '职业素养与技能',
-              value: '3002',
-            },
-            {
-              title: '规章制度',
-              value: '3003',
-            },
-          ],
-        }
-      ],
-    });
+			offcourseId: null,
+			qdms_inputV1: "",
+			qdms_inputV2: "",
+			qdms_inputV3: "",
+			fen_lei: null,
+			fen_lei1: null,
+			feng_mian_1: null,
+			chang_jin: null,
+			tags_val_single: "",
+			tags_val: [],
+			qdms_inputV6: "",
+			imgList: [],
+			auditDescription: "",
+			contentClassify: [],
+			// 课程三级分类
+			options2222: [
+				{
+					title: '领导力',
+					value: '100',
+					children: [
+						{
+							title: '领导业务',
+							value: '1001',
+							children: [
+								{
+									title: '业务能力领导',
+									value: '100101',
+								}
+							]
+						},
+						{
+							title: '领导团队',
+							value: '1002',
+						},
+						{
+							title: '领导自我',
+							value: '1003',
+						},
+					],
+				},
+				{
+					title: '专业力',
+					value: '200',
+					children: [
+						{
+							title: '研发',
+							value: '2001',
+						},
+						{
+							title: '产品和解决方案',
+							value: '2002',
+						},
+						{
+							title: '生产技术与制造',
+							value: '2003',
+						},
+						{
+							title: '供应链',
+							value: '2004',
+						},
+						{
+							title: '营销',
+							value: '2005',
+						},
+						{
+							title: '品质',
+							value: '2006',
+						},
+						{
+							title: '战略与企划',
+							value: '2007',
+						},
+						{
+							title: '流程管理',
+							value: '2008',
+						},
+						{
+							title: '业绩管理',
+							value: '2009',
+						},
+						{
+							title: '项目管理',
+							value: '20010',
+						},
+						{
+							title: '信息技术',
+							value: '20011',
+						},
+						{
+							title: '环境与安全',
+							value: '20012',
+						},
+						{
+							title: '人力资源',
+							value: '20013',
+						},
+						{
+							title: '企业文化',
+							value: '20014',
+						},
+						{
+							title: '品牌',
+							value: '20015',
+						},
+						{
+							title: '财务',
+							value: '20016',
+						},
+						{
+							title: '法务',
+							value: '20017',
+						},
+						{
+							title: '行政',
+							value: '20018',
+						},
+						{
+							title: '医工',
+							value: '20019',
+						}
+					],
+				},
+				{
+					title: '通用力',
+					value: '300',
+					children: [
+						{
+							title: '职业操守与道德',
+							value: '3001',
+						},
+						{
+							title: '职业素养与技能',
+							value: '3002',
+						},
+						{
+							title: '规章制度',
+							value: '3003',
+						},
+					],
+				}
+			],
+		});
 
-    // 删除文件返回参数
-    const changevalue = (e) => {
-      let arr = state.attach.split(',')
-      let newarr = []
-      for(let i=0;i<arr.length;i++){
-        if(i!==e){
-          newarr.push(arr[i])
-        }
-      }
-      if(newarr.length==0){
-        state.attach = "";
-      }else{
-        state.attach = newarr.toString()
-      }
-      console.log('changevalue', e, newarr,  state.attach)
-    }
+		// 删除文件返回参数
+		const changevalue = (e) => {
+			let arr = state.attach.split(',')
+			let newarr = []
+			for (let i = 0; i < arr.length; i++) {
+				if (i !== e) {
+					newarr.push(arr[i])
+				}
+			}
+			if (newarr.length == 0) {
+				state.attach = "";
+			} else {
+				state.attach = newarr.toString()
+			}
+			console.log('changevalue', e, newarr, state.attach)
+		}
 
-    const visibleOpen = (offcourseId, name) => {
-      state.offcourseId = offcourseId;
+		const visibleOpen = (offcourseId, name) => {
+			state.offcourseId = offcourseId;
 
-      if (state.offcourseId) {
-        state.ft_hs = true;
-        state.ft_eidt = true;
-        handleEditInfo(state.offcourseId);
-      } else {
-        state.ft_hs = true;
-        state.ft_eidt = false;
-        state.qdms_inputV1 = name;
-        console.log(" state.qdms_inputV1 ",state.qdms_inputV1 );
-      }
-    };
-    const visibleClose = () => {
-      state.ft_hs = false;
-      valueHtml.value = "";
-      ft_exit();
-      emit("visibleClose");
-    };
+			if (state.offcourseId) {
+				state.ft_hs = true;
+				state.ft_eidt = true;
+				handleEditInfo(state.offcourseId);
+			} else {
+				state.ft_hs = true;
+				state.ft_eidt = false;
+				state.qdms_inputV1 = name;
+				console.log(" state.qdms_inputV1 ", state.qdms_inputV1);
+			}
+		};
+		const visibleClose = () => {
+			state.ft_hs = false;
+			valueHtml.value = "";
+			ft_exit();
+			emit("visibleClose");
+		};
 
-    // 未编辑直接离开的 不予刷新
-    const noEditClose = () => {
-      state.ft_hs = false;
-      ft_exit();
-      emit("noEdit");
-    }
+		// 未编辑直接离开的 不予刷新
+		const noEditClose = () => {
+			state.ft_hs = false;
+			ft_exit();
+			emit("noEdit");
+		}
 
-    expose({
-      visibleOpen,
-      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: ""};
+		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 = "";
-      state.auditDescription = "";
+			state.offcourseId = null;
+			state.qdms_inputV1 = "";
+			state.qdms_inputV2 = "";
+			state.qdms_inputV3 = "";
+			state.fen_lei = null;
+			state.fen_lei1 = null;
+			state.feng_mian_1 = null;
+			state.chang_jin = null;
+			state.tags_val_single = "";
+			state.tags_val = [];
+			state.qdms_inputV6 = "";
+			state.imgList = [];
+			state.attach = "";
+			state.auditDescription = "";
 
-      valueHtml.value = "";
+			valueHtml.value = "";
 
-      // valueHtml.value = "";
-    };
+			// valueHtml.value = "";
+		};
 
-    //  富文本 sssssssssssssss
-    // 编辑器实例，必须用 shallowRef
-    const editorRef = shallowRef();
-    // 内容 HTML
-    const valueHtml = ref("");
-    // // 模拟 ajax 异步获取内容
-    // onMounted(() => {
-    //   setTimeout(() => {
-    //     //     valueHtml.value = "<p>模拟 Ajax 异步设置内容</p>";
-    //     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) {
-            // 最后插入图片  url alt href
-            insertFn(res.data.data, file.name, res.data.data);
-          }
-        });
-      },
-    };
-    const handleCreated = (editor) => {
-      editorRef.value = editor; // 记录 editor 实例，重要！
-    };
-    // const handleDestory = () => {
-    //   const editor = editorRef.value;
-    //   if (editor == null) return;
-    //   editor.destroy();
-    // };
-    // 组件销毁时，也及时销毁编辑器
-    onUnmounted(() => {
-      console.log("组件销毁时，也及时销毁编辑器");
-      // handleDestory();
-    });
-    //  富文本 eeeeeeeeeeeeee
+		//  富文本 sssssssssssssss
+		// 编辑器实例，必须用 shallowRef
+		const editorRef = shallowRef();
+		// 内容 HTML
+		const valueHtml = ref("");
+		// // 模拟 ajax 异步获取内容
+		// onMounted(() => {
+		//   setTimeout(() => {
+		//     //     valueHtml.value = "<p>模拟 Ajax 异步设置内容</p>";
+		//     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) {
+						// 最后插入图片  url alt href
+						insertFn(res.data.data, file.name, res.data.data);
+					}
+				});
+			},
+		};
+		const handleCreated = (editor) => {
+			editorRef.value = editor; // 记录 editor 实例，重要！
+		};
+		// const handleDestory = () => {
+		//   const editor = editorRef.value;
+		//   if (editor == null) return;
+		//   editor.destroy();
+		// };
+		// 组件销毁时，也及时销毁编辑器
+		onUnmounted(() => {
+			console.log("组件销毁时，也及时销毁编辑器");
+			// handleDestory();
+		});
+		//  富文本 eeeeeeeeeeeeee
 
-    // 点击图片选择图片
-    const choicePic = (value) => {
-      state.feng_mian_1 = value;
-    }
+		// 点击图片选择图片
+		const choicePic = (value) => {
+			state.feng_mian_1 = value;
+		}
 
-    //获取分类、场景、封面图、-----------字典配置-------------------------------
-    const optionsUrl = ref([]);
-    const options2 = ref([]);
-    const options3 = ref([]);
-    const options4 = 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 (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;
-              }
-              if (param === "contentClassify") {
-                state.contentClassify = dealDickTree(res.data.data.rows) || []
-              }
-            }
-          })
-          .catch((err) => {
-            console.log("获取字典失败", err);
-          });
-    };
+		//获取分类、场景、封面图、-----------字典配置-------------------------------
+		const optionsUrl = ref([]);
+		const options2 = ref([]);
+		const options3 = ref([]);
+		const options4 = 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 (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;
+						}
+						if (param === "contentClassify") {
+							state.contentClassify = dealDickTree(res.data.data.rows) || []
+						}
+					}
+				})
+				.catch((err) => {
+					console.log("获取字典失败", err);
+				});
+		};
 
-    function dealDickTree(data, level = 1) {
-      return data?.filter(e => e.levelId == level).map(({dictName, dictCode}) => ({
-        title: dictName,
-        value: dictCode,
-        key: dictCode,
-        children: dealDickTree(data, dictCode)
-      }))
-    }
+		function dealDickTree(data, level = 1) {
+			return data?.filter(e => e.levelId == level).map(({ dictName, dictCode }) => ({
+				title: dictName,
+				value: dictCode,
+				key: dictCode,
+				children: dealDickTree(data, dictCode)
+			}))
+		}
 
-    getDictList("faceclassClass");
-    getDictList("faceclassScene");
-    getDictList("faceclassPic");
-    getDictList("contentClassify");
-    //获取分类、场景、封面图、----------------字典配置---------------------------
+		getDictList("faceclassClass");
+		getDictList("faceclassScene");
+		getDictList("faceclassPic");
+		getDictList("contentClassify");
+		//获取分类、场景、封面图、----------------字典配置---------------------------
 
-    const hideShow = () => {
-      if (state.hideshow == true) {
-        state.hideshow = false;
-      } else {
-        state.hideshow = true;
-      }
-    };
-    const checkVal = (checkList) => {
-      let count = 0;
-      for (const keyName of checkList) {
-        if (!keyName) {
-          count++;
-          console.log("keyname",keyName);
-        }
-      }
-     
-      return count ? false : true;
-    };
+		const hideShow = () => {
+			if (state.hideshow == true) {
+				state.hideshow = false;
+			} else {
+				state.hideshow = true;
+			}
+		};
+		const checkVal = (checkList) => {
+			let count = 0;
+			for (const keyName of checkList) {
+				if (!keyName) {
+					count++;
+					console.log("keyname", keyName);
+				}
+			}
 
-    //保存面授课
-    const handlePush = async (param) => {
+			return count ? false : true;
+		};
 
-      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 handlePush = async (param) => {
 
-       const offName = await validateName({name: state.qdms_inputV1, type:2, id:state.offcourseId}).then(res => {
-          return res.data.data == 1;
-         });
-         if(offName){
-            message.destroy();
-            return message.warning("课程名称重复，请重新填写");
-         }
-      
-      const postData = {
-        offcourseId: state.offcourseId, //不传代表新增
-        name: state.qdms_inputV1,
-        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: state.attach,
-        outline: valueHtml.value,
-      };
-      console.log("postData");
-      console.log(postData);
-      const checkList = [
-        postData.name,
-        postData.targetUser,
-        postData.categoryId,
-        postData.teacherId,
-        postData.picUrl,
-        postData.intro,
-      ];
-      console.log("checkList",checkList);
-      if (!checkVal(checkList)) {
-        message.destroy();
-        return message.error("请输入必填项");
-      } else {
-        state.addLoading = true;
-      }
+			let files = "";
+			if (state.imgList.length) {
+				state.imgList.forEach((item) => {
+					files += item.img + ",";
+				});
+			}
+			files = files.slice(0, files.length - 1);
+			console.log("filesfiles", files);
 
-      edit(postData).then((res) => {
-        state.addLoading = false;  
-        if (res.data.code === 200) {
-          state.statusTingQi = 1;
-          if (param === "review") {
-            //新建时点击审核按钮
-            submitReview(res.data.data.offcourseId);
-          } else {
-            message.destroy();
-            message.success("保存成功");
-            visibleClose();
-          }
-        }else if(res.data.code === -1){
-    
-            message.destroy();
-            message.success("无此操作权限");
-            visibleClose();
-    
-         
-        }
-      });
-    };
+			const offName = await validateName({ name: state.qdms_inputV1, type: 2, id: state.offcourseId }).then(res => {
+				return res.data.data == 1;
+			});
+			if (offName) {
+				message.destroy();
+				return message.warning("课程名称重复，请重新填写");
+			}
 
-    //编辑面授课渲染绑定
-    const handleEditInfo = async (offcourseId) => {
-      console.log("jjjaj");
-      state.validate =true;
-      state.qdms_inputV1 = "";
-      const item = await detail({
-        offcourseId: Number(offcourseId),
-      }).then((res) => {
-        if (res.data.code === 200) return res.data.data;
-      });
+			const postData = {
+				offcourseId: state.offcourseId, //不传代表新增
+				name: state.qdms_inputV1,
+				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: state.attach,
+				outline: valueHtml.value,
+			};
+			console.log("postData");
+			console.log(postData);
+			const checkList = [
+				postData.name,
+				postData.targetUser,
+				postData.categoryId,
+				postData.teacherId,
+				postData.picUrl,
+				postData.intro,
+			];
+			console.log("checkList", checkList);
+			if (!checkVal(checkList)) {
+				message.destroy();
+				return message.error("请输入必填项");
+			} else {
+				state.addLoading = true;
+			}
 
-      state.statusJuJue = Number(item.auditStatus) === -1 ? 1 : 0;
+			edit(postData).then((res) => {
+				state.addLoading = false;
+				if (res.data.code === 200) {
+					state.statusTingQi = 1;
+					if (param === "review") {
+						//新建时点击审核按钮
+						submitReview(res.data.data.offcourseId);
+					} else {
+						message.destroy();
+						message.success("保存成功");
+						visibleClose();
+					}
+				} else if (res.data.code === -1) {
 
-      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) === -1) {
-        let obj = {
-          offcourseId: offcourseId,
-          type: 2,
-          pageNo: 1,
-          pageSize: 1,
-        };
-        const res = await api2.auditList(obj).then((res) => {
-          if (res.data.code === 200) return res.data.data;
-        });
-        if (res.rows && res.rows.length > 0) {
-          let i = res.rows.length;
-          state.auditDescription = res.rows[i - 1].description ? res.rows[i - 1].description : "-";
-        }
-      }
+					message.destroy();
+					message.success("无此操作权限");
+					visibleClose();
 
-      state.qdms_inputV1 = item.name;
-      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_inputV6 = item.intro;
-      state.member = {value: item.teacherId, name: item.teacher};
-      valueHtml.value = item.outline;
-      let arrss = item.attach.split(',')
-      let str = ''
-      for (let i = 0; i < arrss.length; i++) {
-        i == arrss.length - 1 ? str += arrss[i].slice(arrss[i].lastIndexOf('/') + 1) : str += arrss[i].slice(arrss[i].lastIndexOf('/') + 1) + ','
-      }
-      console.log(str)
-      state.attach = str;
-    };
 
-    const handleTagChange = () => {
-      if (state.tags_val_single) {
-        state.tags_val.push(state.tags_val_single);
-      }
-      state.tags_val_single = "";
-    };
-    const handleTagClose = (item) => {
-      const arr = state.tags_val.filter((itm) => itm !== item);
-      state.tags_val = arr;
-    };
+				}
+			});
+		};
 
-    //提交审核
-    const reviewClick = () => {
-      handlePush("review");
-    };
-    const submitReview = (id) => {
-      state.addLoading = true;
+		//编辑面授课渲染绑定
+		const handleEditInfo = async (offcourseId) => {
+			console.log("jjjaj");
+			state.validate = true;
+			state.qdms_inputV1 = "";
+			const item = await detail({
+				offcourseId: Number(offcourseId),
+			}).then((res) => {
+				if (res.data.code === 200) return res.data.data;
+			});
 
-      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) {
-          message.destroy();
-          message.success("已提交审核");
-          state.addLoading = false;
-          visibleClose();
-        }else if(res.data.code === -1){
-          message.destroy();
-          message.success("无此操作权限");
-        }
-      });
-    };
+			state.statusJuJue = Number(item.auditStatus) === -1 ? 1 : 0;
 
-    return {
-      ...toRefs(state),
-      moment,
-      options2,
-      options3,
-      options4,
-      optionsUrl,
-      hideShow,
-      visibleOpen,
-      visibleClose,
-      handleTagChange,
-      handleTagClose,
-      handlePush,
-      reviewClick,
-      noEditClose,
-      editorRef,
-      valueHtml,
-      mode: "simple", // 或 'simple'
-      toolbarConfig,
-      editorConfig,
-      handleCreated,
-      choicePic,
-      changevalue
-    };
-  },
+			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) === -1) {
+				let obj = {
+					offcourseId: offcourseId,
+					type: 2,
+					pageNo: 1,
+					pageSize: 1,
+				};
+				const res = await api2.auditList(obj).then((res) => {
+					if (res.data.code === 200) return res.data.data;
+				});
+				if (res.rows && res.rows.length > 0) {
+					let i = res.rows.length;
+					state.auditDescription = res.rows[i - 1].description ? res.rows[i - 1].description : "-";
+				}
+			}
+
+			state.qdms_inputV1 = item.name;
+			state.feng_mian_1 = item.picUrl;
+			state.qdms_inputV2 = item.targetUser;
+			state.qdms_inputV3 = item.meaning;
+			state.fen_lei = String(item.categoryId);
+			state.fen_lei1 = changeTreeSelectValue(String(item.categoryId));
+			state.chang_jin = String(item.sceneId);
+			state.tags_val = item.tips ? item.tips.split(",") : [];
+			state.qdms_inputV6 = item.intro;
+			state.member = { value: item.teacherId, name: item.teacher };
+			valueHtml.value = item.outline;
+			let arrss = item.attach.split(',')
+			let str = ''
+			for (let i = 0; i < arrss.length; i++) {
+				i == arrss.length - 1 ? str += arrss[i].slice(arrss[i].lastIndexOf('/') + 1) : str += arrss[i].slice(arrss[i].lastIndexOf('/') + 1) + ','
+			}
+			console.log(str)
+			state.attach = str;
+		};
+
+		const handleTagChange = () => {
+			if (state.tags_val_single) {
+				state.tags_val.push(state.tags_val_single);
+			}
+			state.tags_val_single = "";
+		};
+		const handleTagClose = (item) => {
+			const arr = state.tags_val.filter((itm) => itm !== item);
+			state.tags_val = arr;
+		};
+
+		//提交审核
+		const reviewClick = () => {
+			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) {
+					message.destroy();
+					message.success("已提交审核");
+					state.addLoading = false;
+					visibleClose();
+				} else if (res.data.code === -1) {
+					message.destroy();
+					message.success("无此操作权限");
+				}
+			});
+		};
+
+		// 格式化树型结构选择数据
+		const changeTreeSelectValue = (values) => {
+			let data = state.options2222;
+			console.log(values, data)
+			let str = ''
+			for (let i = 0; i < data.length; i++) {
+				if (data[i].value == values) {
+					str = data[i].title
+				} else {
+					for (let j = 0; j < data[i].children.length; j++) {
+						if (data[i].children[j].value == values) {
+							str = data[i].title + '/' + data[i].children[j].title
+						} else {
+							if (data[i].children[j].children) {
+								for (let k = 0; k < data[i].children[j].children.length; k++) {
+									if (data[i].children[j].children[k].value == values) {
+										str = data[i].title + '/' + data[i].children[j].title + '/' + data[i].children[j].children[k].title
+									} else {
+										str = '-'
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+			console.log('str-str-str-str', str)
+			state.fen_lei1 = str;
+			return str;
+		}
+
+		return {
+			...toRefs(state),
+			moment,
+			options2,
+			options3,
+			options4,
+			optionsUrl,
+			hideShow,
+			visibleOpen,
+			visibleClose,
+			handleTagChange,
+			handleTagClose,
+			handlePush,
+			reviewClick,
+			noEditClose,
+			editorRef,
+			valueHtml,
+			mode: "simple", // 或 'simple'
+			toolbarConfig,
+			editorConfig,
+			handleCreated,
+			choicePic,
+			changevalue,
+			changeTreeSelectValue
+		};
+	},
 });
 </script>
 <style lang="scss">
 .facteachModal {
-  .ant-modal {
-    .ant-modal-content {
-      .ant-modal-body {
-        .modalHeader {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
+	.ant-modal {
+		.ant-modal-content {
+			.ant-modal-body {
+				.modalHeader {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
 
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
+					.headerLeft {
+						margin-left: 27px;
+						display: flex;
+						align-items: center;
 
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
+						.headerLeftText {
+							font-size: 16px;
+							font-weight: 400;
+							color: #000000;
+							line-height: 36px;
+						}
+					}
+				}
 
-        .modalMain {
-          .m_title {
-            margin-bottom: 20px;
-          }
+				.modalMain {
+					.m_title {
+						margin-bottom: 20px;
+					}
 
-          .m_body {
-            display: flex;
-            flex-wrap: wrap;
+					.m_body {
+						display: flex;
+						flex-wrap: wrap;
 
-            .mb_left {
-              width: 50%;
+						.mb_left {
+							width: 50%;
 
-              .mbl_items {
-                display: flex;
-                align-items: center;
-                justify-content: flex-end;
-                margin-bottom: 10px;
+							.mbl_items {
+								display: flex;
+								align-items: center;
+								justify-content: flex-end;
+								margin-bottom: 10px;
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-right: 5px;
+										margin-top: -15px;
+									}
+								}
 
-                .item_inp {
-                  flex: 1;
-                  position: relative;
+								.item_inp {
+									flex: 1;
+									position: relative;
 
-                  .inp_num {
-                    position: absolute;
-                    left: 398px;
-                    top: 10px;
-                  }
-                }
-              }
+									.inp_num {
+										position: absolute;
+										left: 398px;
+										top: 10px;
+									}
+								}
+							}
 
-              .mbl_items2 {
-                display: flex;
-                align-items: start;
-                margin-top: 10px;
-                margin-bottom: 10px;
+							.mbl_items2 {
+								display: flex;
+								align-items: start;
+								margin-top: 10px;
+								margin-bottom: 10px;
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-right: 5px;
+										margin-top: -15px;
+									}
+								}
 
-                .item_inp {
-                  flex: 1;
+								.item_inp {
+									flex: 1;
 
-                  .i_upload_img {
-                    margin-top: 10px;
-                    width: 100px;
-                    height: 100px;
-                    border-radius: 8px;
-                  }
+									.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;
+									.i_upload {
+										width: 100px;
+										height: 100px;
+										border: 1px solid #4ea6ff;
+										border-radius: 8px;
+										text-align: center;
+										align-items: center;
+										cursor: pointer;
 
-                    .addimg {
-                      position: relative;
+										.addimg {
+											position: relative;
 
-                      .heng {
-                        position: absolute;
-                        top: 50px;
-                        left: 25px;
-                        width: 50px;
-                        border: 1px solid #4ea6ff;
-                      }
+											.heng {
+												position: absolute;
+												top: 50px;
+												left: 25px;
+												width: 50px;
+												border: 1px solid #4ea6ff;
+											}
 
-                      .shu {
-                        position: absolute;
-                        top: 25px;
-                        left: 50px;
-                        height: 50px;
-                        border: 1px solid #4ea6ff;
-                      }
-                    }
-                  }
-                }
-              }
+											.shu {
+												position: absolute;
+												top: 25px;
+												left: 50px;
+												height: 50px;
+												border: 1px solid #4ea6ff;
+											}
+										}
+									}
+								}
+							}
 
-              .i2_cz {
-                width: 440px;
-                margin-left: 100px;
+							.i2_cz {
+								width: 440px;
+								margin-left: 100px;
 
-                .i2_top {
-                  display: flex;
-                  justify-content: space-between;
-                }
-              }
+								.i2_top {
+									display: flex;
+									justify-content: space-between;
+								}
+							}
 
-              .i8_bottom {
-                display: flex;
-                width: 440px;
-                margin-left: 100px;
-              }
-            }
+							.i8_bottom {
+								display: flex;
+								width: 440px;
+								margin-left: 100px;
+							}
+						}
 
-            .mb_right {
-              width: 50%;
+						.mb_right {
+							width: 50%;
 
-              .mbl_items {
-                display: flex;
-                align-items: flex-start;
-                justify-content: flex-end;
-                margin-bottom: 10px;
+							.mbl_items {
+								display: flex;
+								align-items: flex-start;
+								justify-content: flex-end;
+								margin-bottom: 10px;
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-top: -15px;
-                    margin-right: 5px;
-                  }
-                }
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-top: -15px;
+										margin-right: 5px;
+									}
+								}
 
-                .item_inp {
-                  flex: 1;
-                }
+								.item_inp {
+									flex: 1;
+								}
 
-                .accessory {
-                  display: flex;
-                  align-items: center;
+								.accessory {
+									display: flex;
+									align-items: center;
 
-                  .accessory_icon {
-                    width: 16px;
-                    height: 16px;
-                    margin-top: -8px;
-                    margin-right: 5px;
-                  }
-                }
-              }
+									.accessory_icon {
+										width: 16px;
+										height: 16px;
+										margin-top: -8px;
+										margin-right: 5px;
+									}
+								}
+							}
 
-              .mbl_items2 {
-                display: flex;
-                align-items: start;
-                margin-bottom: 10px;
+							.mbl_items2 {
+								display: flex;
+								align-items: start;
+								margin-bottom: 10px;
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-right: 5px;
+										margin-top: -15px;
+									}
+								}
 
-                .item_inp {
-                  flex: 1;
-                  position: relative;
+								.item_inp {
+									flex: 1;
+									position: relative;
 
-                  .inp_num {
-                    position: absolute;
-                    left: 395px;
-                    bottom: 10px;
-                  }
-                }
-              }
+									.inp_num {
+										position: absolute;
+										left: 395px;
+										bottom: 10px;
+									}
+								}
+							}
 
-              .mbl_items12 {
-                width: 440px;
-                margin-left: 100px;
+							.mbl_items12 {
+								width: 440px;
+								margin-left: 100px;
 
-                .i12_box1 {
-                  display: flex;
-                  align-items: center;
-                  padding: 17px 0px 17px 21px;
-                  border: 1px solid #eff4fc;
-                  border-radius: 8px;
-                  margin-bottom: 10px;
+								.i12_box1 {
+									display: flex;
+									align-items: center;
+									padding: 17px 0px 17px 21px;
+									border: 1px solid #eff4fc;
+									border-radius: 8px;
+									margin-bottom: 10px;
 
-                  .file_img {
-                    width: 27px;
-                    height: 32px;
-                    background-image: url(@/assets/images/coursewareManage/imgs.png);
-                    margin-right: 22px;
+									.file_img {
+										width: 27px;
+										height: 32px;
+										background-image: url(@/assets/images/coursewareManage/imgs.png);
+										margin-right: 22px;
 
-                    img {
-                      width: 100%;
-                      height: 100%;
-                    }
-                  }
+										img {
+											width: 100%;
+											height: 100%;
+										}
+									}
 
-                  .file_detail {
-                    width: 250px;
-                    margin-right: 21px;
+									.file_detail {
+										width: 250px;
+										margin-right: 21px;
 
-                    .file_updata {
-                      display: flex;
-                      align-items: center;
+										.file_updata {
+											display: flex;
+											align-items: center;
 
-                      .updatabox {
-                        position: relative;
-                        width: 230px;
-                        height: 5px;
-                        background-color: rgba(192, 192, 192, 0.25);
-                        border-radius: 3px;
+											.updatabox {
+												position: relative;
+												width: 230px;
+												height: 5px;
+												background-color: rgba(192, 192, 192, 0.25);
+												border-radius: 3px;
 
-                        .updatacolor {
-                          position: absolute;
-                          left: 0;
-                          width: 100%;
-                          height: 5px;
-                          background-color: #57c887;
-                          border-radius: 3px;
-                        }
+												.updatacolor {
+													position: absolute;
+													left: 0;
+													width: 100%;
+													height: 5px;
+													background-color: #57c887;
+													border-radius: 3px;
+												}
 
-                        .updatacolor2 {
-                          position: absolute;
-                          left: 0;
-                          width: 80%;
-                          height: 5px;
-                          background-color: #ff7474;
-                          border-radius: 3px;
-                        }
+												.updatacolor2 {
+													position: absolute;
+													left: 0;
+													width: 80%;
+													height: 5px;
+													background-color: #ff7474;
+													border-radius: 3px;
+												}
 
-                        .updatacolor3 {
-                          position: absolute;
-                          left: 0;
-                          width: 60%;
-                          height: 5px;
-                          background-color: #4ea6ff;
-                          border-radius: 3px;
-                        }
+												.updatacolor3 {
+													position: absolute;
+													left: 0;
+													width: 60%;
+													height: 5px;
+													background-color: #4ea6ff;
+													border-radius: 3px;
+												}
 
-                        .updataxq {
-                          position: absolute;
-                          right: 2px;
-                          top: -30px;
-                          color: #57c887;
-                        }
+												.updataxq {
+													position: absolute;
+													right: 2px;
+													top: -30px;
+													color: #57c887;
+												}
 
-                        .updataxq2 {
-                          position: absolute;
-                          right: 2px;
-                          top: -30px;
-                          color: #ff7474;
-                        }
+												.updataxq2 {
+													position: absolute;
+													right: 2px;
+													top: -30px;
+													color: #ff7474;
+												}
 
-                        .updataxq3 {
-                          position: absolute;
-                          right: 2px;
-                          top: -30px;
-                          color: #4ea6ff;
-                        }
-                      }
-                    }
-                  }
+												.updataxq3 {
+													position: absolute;
+													right: 2px;
+													top: -30px;
+													color: #4ea6ff;
+												}
+											}
+										}
+									}
 
-                  .file_operation {
-                    display: flex;
+									.file_operation {
+										display: flex;
 
-                    .fobox {
-                      margin-right: 5px;
-                      cursor: pointer;
-                    }
-                  }
-                }
-              }
-            }
-          }
+										.fobox {
+											margin-right: 5px;
+											cursor: pointer;
+										}
+									}
+								}
+							}
+						}
+					}
 
-          .m_footer {
-            display: flex;
-            margin: 20px 0;
+					.m_footer {
+						display: flex;
+						margin: 20px 0;
 
-            .fotnam {
-              width: 100px;
-              display: flex;
-              justify-content: end;
-              padding-right: 15px;
-            }
+						.fotnam {
+							width: 100px;
+							display: flex;
+							justify-content: end;
+							padding-right: 15px;
+						}
 
-            .fotarea {
-              width: calc(100% - 150px);
-              position: relative;
+						.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;
-              }
-            }
-          }
+							.fuwenben {
+								width: 90%;
+								height: 20px;
+								background-color: rgb(95, 95, 95);
+								position: absolute;
+								left: 50%;
+								transform: translate(-50%, 0);
+								top: 3px;
+								z-index: 9999;
+							}
+						}
+					}
 
-          .m_btn {
-            width: 100%;
-            margin-top: 25px;
-            margin-bottom: 20px;
-            display: flex;
-            justify-content: center;
-            align-content: center;
+					.m_btn {
+						width: 100%;
+						margin-top: 25px;
+						margin-bottom: 20px;
+						display: flex;
+						justify-content: center;
+						align-content: center;
 
-            .btn {
-              width: 100px;
-              height: 40px;
-              background: rgba(64, 158, 255, 0);
-              border-radius: 8px;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              margin-right: 14px;
-              flex-shrink: 0;
-              cursor: pointer;
+						.btn {
+							width: 100px;
+							height: 40px;
+							background: rgba(64, 158, 255, 0);
+							border-radius: 8px;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							margin-right: 14px;
+							flex-shrink: 0;
+							cursor: pointer;
 
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                line-height: 40px;
-              }
-            }
+							.btnText {
+								font-size: 14px;
+								font-weight: 400;
+								line-height: 40px;
+							}
+						}
 
-            .btn5 {
-              border: 1px solid rgba(64, 158, 255, 1);
-              color: #4ea6ff;
-            }
+						.btn5 {
+							border: 1px solid rgba(64, 158, 255, 1);
+							color: #4ea6ff;
+						}
 
-            .btn6 {
-              background-color: #4ea6ff;
-              color: #ffffff;
-            }
-          }
-        }
-      }
-    }
-  }
+						.btn6 {
+							background-color: #4ea6ff;
+							color: #ffffff;
+						}
+					}
+				}
+			}
+		}
+	}
 
-  .statusJuJue {
-    margin-bottom: 20px;
-  }
+	.statusJuJue {
+		margin-bottom: 20px;
+	}
 
-  .choiceoptionurl {
-    width: 60px;
-    height: 60px;
-    margin-right: 10px;
-    border-radius: 8px;
-  }
-  .aeLoading {
-  z-index: 10000;
-}
+	.choiceoptionurl {
+		width: 60px;
+		height: 60px;
+		margin-right: 10px;
+		border-radius: 8px;
+	}
+
+	.aeLoading {
+		z-index: 10000;
+	}
 }
 </style>
diff --git a/src/views/examine/CourseReviewed.vue b/src/views/examine/CourseReviewed.vue
index 05d0864a..3ad9edcc 100644
--- a/src/views/examine/CourseReviewed.vue
+++ b/src/views/examine/CourseReviewed.vue
@@ -8,13 +8,13 @@
 -->
 <!-- 已审核课程页面 -->
 <template>
-  <div class="coursereviewed">
-    <div class="tmpl">
-      <div class="tmpl_header">
-        <div class="tmplh_inp">
-          <div class="inpbox">
-            <div class="inpbox1">
-            <!--
+	<div class="coursereviewed">
+		<div class="tmpl">
+			<div class="tmpl_header">
+				<div class="tmplh_inp">
+					<div class="inpbox">
+						<div class="inpbox1">
+							<!--
               <a-select
                 v-model:value="valueproj"
                 value-key="value"
@@ -23,132 +23,88 @@
                   ...calssifyList,
                 ]"
               />-->
-              <a-tree-select
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              v-model:value="valueproj"
-              show-search
-       
-              :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
-              placeholder="请选择内容分类"
-              allow-clear
-              tree-default-expand-all
-              :tree-data="options2222"
-            >
-              <template #title="{ value: val, title }">
-                <b v-if="val === '11111'" style="color: #08c">sss</b>
-                <template v-else>{{ title }}</template>
-              </template>
-            </a-tree-select>
-            </div>
-            <div class="inpbox1">
-              <a-input
-                v-model:value="valuecreater"
-                style="
+							<a-tree-select :getPopupContainer="
+								(triggerNode) => {
+									return triggerNode.parentNode || document.body;
+								}
+							" v-model:value="valueproj" show-search :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+								placeholder="请选择内容分类" allow-clear tree-default-expand-all :tree-data="options2222">
+								<template #title="{ value: val, title }">
+									<b v-if="val === '11111'" style="color: #08c">sss</b>
+									<template v-else>{{ title }}</template>
+								</template>
+							</a-tree-select>
+						</div>
+						<div class="inpbox1">
+							<a-input v-model:value="valuecreater" style="
                   width: 270px;
                   height: 40px;
                   border-radius: 8px;
                   margin-right: 14px;
-                "
-                placeholder="请输入创建人"
-              />
-            </div>
-            <div class="inpbox1">
-              <a-input
-                v-model:value="valuename"
-                style="
+                " placeholder="请输入创建人" />
+						</div>
+						<div class="inpbox1">
+							<a-input v-model:value="valuename" style="
                   width: 270px;
                   height: 40px;
                   border-radius: 8px;
                   margin-right: 14px;
-                "
-                placeholder="请输入名称"
-              />
-            </div>
-          </div>
-        </div>
-        <div class="tmplh_btn">
-          <div class="btn btn1" @click="getList">
-            <div class="search"></div>
-            <div class="btnText btnText1">搜索</div>
-          </div>
-          <div class="btn btn2" @click="reset">
-            <div class="search"></div>
-            <div class="btnText btnText2">重置</div>
-          </div>
-        </div>
-      </div>
-      <div class="tmpl_body">
-        <div class="tmpl_tabbox">
-          <a-table
-            :columns="columns1"
-            :data-source="tableData1"
-            :loading="loading"
-            expandRowByClick="true"
-            @expand="expandTable"
-            :scroll="{ x: 1300 }"
-            :pagination="false"
-          />
-        </div>
-        <div class="tableBox">
-          <div class="pa">
-            <a-pagination
-              v-if="total > 10"
-              :showSizeChanger="false"
-              show-quick-jumper
-              :pageSize="pageSize"
-              v-model:current="currentPage"
-              :total="total"
-              class="pagination"
-              @change="changePagination"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- 审核日志弹窗 -->
-    <a-modal
-      v-model:visible="projAuditModal"
-      :footer="null"
-      :closable="closeBack"
-      wrapClassName="projAuditModal"
-      centered="true"
-    >
-      <div class="delete">
-        <div class="del_header"></div>
-        <div class="del_main">
-          <div class="header">
-            <div class="icon"></div>
-            <span>审核记录</span>
-            <!-- <div class="close_exit" @click="closeProjAuditModal"></div> -->
-          </div>
-          <div class="body">
-            <a-table
-              style="width:100%"
-              :columns="columnsAudit"
-              :data-source="tableDataAudit"
-              :loading="tableDataTotalAudit === -1 ? true : false"
-              expandRowByClick="true"
-              :scroll="{ y: 250 }"
-              @expand="expandTable"
-              :pagination="false"
-            />
-          </div>
-          <div class="del_btnbox">
-            <div class="del_btn btn1" @click="closeProjAuditModal">
-              <div class="btnText">取消</div>
-            </div>
-            <div class="del_btn btn2" @click="closeProjAuditModal">
-              <div class="btnText">确定</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-  </div>
+                " placeholder="请输入名称" />
+						</div>
+					</div>
+				</div>
+				<div class="tmplh_btn">
+					<div class="btn btn1" @click="getList">
+						<div class="search"></div>
+						<div class="btnText btnText1">搜索</div>
+					</div>
+					<div class="btn btn2" @click="reset">
+						<div class="search"></div>
+						<div class="btnText btnText2">重置</div>
+					</div>
+				</div>
+			</div>
+			<div class="tmpl_body">
+				<div class="tmpl_tabbox">
+					<a-table :columns="columns1" :data-source="tableData1" :loading="loading" expandRowByClick="true"
+						@expand="expandTable" :scroll="{ x: 1300 }" :pagination="false" />
+				</div>
+				<div class="tableBox">
+					<div class="pa">
+						<a-pagination v-if="total > 10" :showSizeChanger="false" show-quick-jumper :pageSize="pageSize"
+							v-model:current="currentPage" :total="total" class="pagination" @change="changePagination" />
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- 审核日志弹窗 -->
+		<a-modal v-model:visible="projAuditModal" :footer="null" :closable="closeBack" wrapClassName="projAuditModal"
+			centered="true">
+			<div class="delete">
+				<div class="del_header"></div>
+				<div class="del_main">
+					<div class="header">
+						<div class="icon"></div>
+						<span>审核记录</span>
+						<!-- <div class="close_exit" @click="closeProjAuditModal"></div> -->
+					</div>
+					<div class="body">
+						<a-table style="width:100%" :columns="columnsAudit" :data-source="tableDataAudit"
+							:loading="tableDataTotalAudit === -1 ? true : false" expandRowByClick="true" :scroll="{ y: 250 }"
+							@expand="expandTable" :pagination="false" />
+					</div>
+					<div class="del_btnbox">
+						<div class="del_btn btn1" @click="closeProjAuditModal">
+							<div class="btnText">取消</div>
+						</div>
+						<div class="del_btn btn2" @click="closeProjAuditModal">
+							<div class="btnText">确定</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</a-modal>
+	</div>
 </template>
 <script>
 import { reactive, toRefs, onMounted } from "vue";
@@ -156,852 +112,886 @@ import { courseListView } from "../../api/indexAudit";
 import * as api1 from "@/api/index1";
 
 export default {
-  name: "CoursereViewed",
+	name: "CoursereViewed",
 
-  setup() {
-    const state = reactive({
-      calssifyList: [], //分类字典
-      valueproj:null,
-      valuecreater: "",
-      valuename: "",
-      currentPage: 1,
-      total: null,
-      pageSize: 10,
-      //审核记录的表
-      columnsAudit: [
-        {
-          title: "审核人",
-          dataIndex: "createName",
-          key: "createName",
-          align: "center",
-          width:"20%",
-          ellipsis: true,
-        },
+	setup() {
+		const state = reactive({
+			calssifyList: [], //分类字典
+			valueproj: null,
+			valuecreater: "",
+			valuename: "",
+			currentPage: 1,
+			total: null,
+			pageSize: 10,
+			//审核记录的表
+			columnsAudit: [
+				{
+					title: "审核人",
+					dataIndex: "createName",
+					key: "createName",
+					align: "center",
+					width: "20%",
+					ellipsis: true,
+				},
 
-        {
-          title: "审核状态",
-          dataIndex: "status",
-          key: "status",
-          align: "center",
-          width:"20%",
-          customRender: ({ record: { status } }) => (
-            <div>{{ 2: "审核通过", "-2": "审核拒绝" }[status + ""]}</div>
-          ),
-        },
+				{
+					title: "审核状态",
+					dataIndex: "status",
+					key: "status",
+					align: "center",
+					width: "20%",
+					customRender: ({ record: { status } }) => (
+						<div>{{ 2: "审核通过", "-2": "审核拒绝" }[status + ""]}</div>
+					),
+				},
 
-        {
-          title: "审核时间",
-          dataIndex: "createTime",
-          key: "createTime",
-          align: "center",
-          width:"20%",
-          ellipsis: true,
-        },
+				{
+					title: "审核时间",
+					dataIndex: "createTime",
+					key: "createTime",
+					align: "center",
+					width: "20%",
+					ellipsis: true,
+				},
 
-        {
-          title: "备注",
-          dataIndex: "description",
-          key: "description",
-          align: "center",
-          width:"30%",
-          ellipsis: true,
-        },
-      ],
-      columns1: [
-       // {
-       //   title: "序号",
-        //  dataIndex: "number",
-        ////  key: "number",
-        //  align: "center",
-       // },
-        {
-          title: "名称",
-          dataIndex: "name",
-          key: "name",
-          align: "center",
-          width:"20%",
-          ellipsis: true,
-        },
-        {
-          title: "类型",
-          dataIndex: "type",
-          key: "type",
-          align: "center",
-          width:"10%",
-          ellipsis: true,
-        },
-        {
-          title: "内容分类",
-          dataIndex: "content",
-          key: "content",
-          align: "center",
-          width:"10%",
-          ellipsis: true,
-        },
-        {
-          title: "审核状态",
-          dataIndex: "status",
-          key: "status",
-          align: "center",
-          width:"10%",
-        },
-        {
-          title: "创建人",
-          dataIndex: "creater",
-          key: "creater",
-          align: "center",
-          width:"10%",
-          ellipsis: true,
-        },
-        {
-          title: "审核时间",
-          dataIndex: "time",
-          key: "time",
-          align: "center",
-          width:"10%",
-          ellipsis: true,
-          customRender: (time) => {
-            return <div style="color:#387DF7">{time.record.time}</div>;
-          },
-        },
-        {
-          title: "审核说明",
-          dataIndex: "msg",
-          key: "msg",
-          align: "center",
-          ellipsis: true,
-          width:"20%",
-        },
-        {
-          title: "操作",
-          dataIndex: "opt",
-          key: "opt",
-          width:"10%",
-          align: "center",
-          customRender: (value) => {
-            return (
-              <div
-                style="color:#387DF7;cursor:pointer;"
-                onClick={() => {
-                  console.log(value);
-                  showProjAuditModal(value.record.auditLogDtoList.length!==0?value.record.auditLogDtoList:[]);
-                }}
-              >
-                审核日志
-              </div>
-            );
-          },
-        },
-      ],
-      tableData1: [
-        // {
-        //   number: "1",
-        //   name: "课程1",
-        //   type: "在线",
-        //   content: "领导力/领导业务",
-        //   status: "通过",
-        //   creater: "-",
-        //   time: "-",
-        //   msg: "-",
-        // },
-      ],
-      //审核记录的数据
-      tableDataAudit: [],
-      projAuditModal: false,
-      loading:false,
-      // 课程三级分类
-      options2222:[
-        {
-          title: '领导力',
-          value: '100',
-          selectable:false,
-          children: [
-            {
-              title: '领导业务',
-              value: '1001',
-            },
-            {
-              title: '领导团队',
-              value: '1002',
-            },
-            {
-              title: '领导自我',
-              value: '1003',
-            },
-          ],
-        },
-        {
-          title: '专业力',
-          value: '200',
-          selectable:false,
-          children: [
-            {
-              title: '研发',
-              value: '2001',
-            },
-            {
-              title: '产品和解决方案',
-              value: '2002',
-            },
-            {
-              title: '生产技术与制造',
-              value: '2003',
-            },
-            {
-              title: '供应链',
-              value: '2004',
-            },
-            {
-              title: '营销',
-              value: '2005',
-            },
-            {
-              title: '品质',
-              value: '2006',
-            },
-            {
-              title: '战略与企划',
-              value: '2007',
-            },
-            {
-              title: '流程管理',
-              value: '2008',
-            },
-            {
-              title: '业绩管理',
-              value: '2009',
-            },
-            {
-              title: '项目管理',
-              value: '20010',
-            },
-            {
-              title: '信息技术',
-              value: '20011',
-            },
-            {
-              title: '环境与安全',
-              value: '20012',
-            },
-            {
-              title: '人力资源',
-              value: '20013',
-            },
-            {
-              title: '企业文化',
-              value: '20014',
-            },
-            {
-              title: '品牌',
-              value: '20015',
-            },
-            {
-              title: '财务',
-              value: '20016',
-            },
-            {
-              title: '法务',
-              value: '20017',
-            },
-            {
-              title: '行政',
-              value: '20018',
-            },
-            {
-              title: '医工',
-              value: '20019',
-            }
-          ],
-        },
-        {
-          title: '通用力',
-          value: '300',
-          selectable:false,
-          children: [
-            {
-              title: '职业操守与道德',
-              value: '3001',
-            },
-            {
-              title: '职业素养与技能',
-              value: '3002',
-            },
-            {
-              title: '规章制度',
-              value: '3003',
-            },
-          ], 
-        }
-      ],
-    });
+				{
+					title: "备注",
+					dataIndex: "description",
+					key: "description",
+					align: "center",
+					width: "30%",
+					ellipsis: true,
+				},
+			],
+			columns1: [
+				// {
+				//   title: "序号",
+				//  dataIndex: "number",
+				////  key: "number",
+				//  align: "center",
+				// },
+				{
+					title: "名称",
+					dataIndex: "name",
+					key: "name",
+					align: "center",
+					width: "20%",
+					ellipsis: true,
+				},
+				{
+					title: "类型",
+					dataIndex: "type",
+					key: "type",
+					align: "center",
+					width: "10%",
+					ellipsis: true,
+				},
+				{
+					title: "内容分类",
+					dataIndex: "content",
+					key: "content",
+					align: "center",
+					width: "10%",
+					ellipsis: true,
+				},
+				{
+					title: "审核状态",
+					dataIndex: "status",
+					key: "status",
+					align: "center",
+					width: "10%",
+				},
+				{
+					title: "创建人",
+					dataIndex: "creater",
+					key: "creater",
+					align: "center",
+					width: "10%",
+					ellipsis: true,
+				},
+				{
+					title: "审核时间",
+					dataIndex: "time",
+					key: "time",
+					align: "center",
+					width: "10%",
+					ellipsis: true,
+					customRender: (time) => {
+						return <div style="color:#387DF7">{time.record.time}</div>;
+					},
+				},
+				{
+					title: "审核说明",
+					dataIndex: "msg",
+					key: "msg",
+					align: "center",
+					ellipsis: true,
+					width: "20%",
+				},
+				{
+					title: "操作",
+					dataIndex: "opt",
+					key: "opt",
+					width: "10%",
+					align: "center",
+					customRender: (value) => {
+						return (
+							<div
+								style="color:#387DF7;cursor:pointer;"
+								onClick={() => {
+									console.log(value);
+									showProjAuditModal(value.record.auditLogDtoList.length !== 0 ? value.record.auditLogDtoList : []);
+								}}
+							>
+								审核日志
+							</div>
+						);
+					},
+				},
+			],
+			tableData1: [
+				// {
+				//   number: "1",
+				//   name: "课程1",
+				//   type: "在线",
+				//   content: "领导力/领导业务",
+				//   status: "通过",
+				//   creater: "-",
+				//   time: "-",
+				//   msg: "-",
+				// },
+			],
+			//审核记录的数据
+			tableDataAudit: [],
+			projAuditModal: false,
+			loading: false,
+			// 课程三级分类
+			options2222: [
+				{
+					title: '领导力',
+					value: '100',
+					children: [
+						{
+							title: '领导业务',
+							value: '1001',
+							children: [
+								{
+									title: '业务能力领导',
+									value: '100101',
+								}
+							]
+						},
+						{
+							title: '领导团队',
+							value: '1002',
+						},
+						{
+							title: '领导自我',
+							value: '1003',
+						},
+					],
+				},
+				{
+					title: '专业力',
+					value: '200',
+					children: [
+						{
+							title: '研发',
+							value: '2001',
+						},
+						{
+							title: '产品和解决方案',
+							value: '2002',
+						},
+						{
+							title: '生产技术与制造',
+							value: '2003',
+						},
+						{
+							title: '供应链',
+							value: '2004',
+						},
+						{
+							title: '营销',
+							value: '2005',
+						},
+						{
+							title: '品质',
+							value: '2006',
+						},
+						{
+							title: '战略与企划',
+							value: '2007',
+						},
+						{
+							title: '流程管理',
+							value: '2008',
+						},
+						{
+							title: '业绩管理',
+							value: '2009',
+						},
+						{
+							title: '项目管理',
+							value: '20010',
+						},
+						{
+							title: '信息技术',
+							value: '20011',
+						},
+						{
+							title: '环境与安全',
+							value: '20012',
+						},
+						{
+							title: '人力资源',
+							value: '20013',
+						},
+						{
+							title: '企业文化',
+							value: '20014',
+						},
+						{
+							title: '品牌',
+							value: '20015',
+						},
+						{
+							title: '财务',
+							value: '20016',
+						},
+						{
+							title: '法务',
+							value: '20017',
+						},
+						{
+							title: '行政',
+							value: '20018',
+						},
+						{
+							title: '医工',
+							value: '20019',
+						}
+					],
+				},
+				{
+					title: '通用力',
+					value: '300',
+					children: [
+						{
+							title: '职业操守与道德',
+							value: '3001',
+						},
+						{
+							title: '职业素养与技能',
+							value: '3002',
+						},
+						{
+							title: '规章制度',
+							value: '3003',
+						},
+					],
+				}
+			],
+		});
 
-   // 课程三级分类回显
-   const sHX = (data) => {
-      let str = '-'
-      let sdata = state.options2222
-      for(let i =0; i<sdata.length;i++){
-          for(let j=0;j<sdata[i].children.length;j++){
-            if (String(sdata[i].children[j].value) === String(data)) {
+		// 课程三级分类回显
+		const sHX = (data) => {
+			let str = '-'
+			let sdata = state.options2222
+			for (let i = 0; i < sdata.length; i++) {
+				for (let j = 0; j < sdata[i].children.length; j++) {
+					str = changeTreeSelectValue(String(data))
+					{/* if (String(sdata[i].children[j].value) === String(data)) {
                str = sdata[i].children[j].title;
-            }
-          }
-      }
-      return str
-    }
+            } */}
+				}
+			}
+			return str
+		}
 
-    const getList = () => {
-      state.loading=true
-      let objn = {
-        auditStatus: 0,
-        categoryId: Number(state.valueproj),
-        createName: state.valuecreater,
-        name: state.valuename,
-        pageNo: state.currentPage,
-        pageSize: 10,
-      };
-      console.log(objn);
-      courseListView(objn)
-        .then((res) => {
-          console.log("获取已审核课程成功", res.data.data);
-          state.total = res.data.data.total;
-          setTableData(res.data.data.rows);
-          state.loading=false
-        })
-        .catch((err) => {
-          console.log("获取已审核课程失败", err);
-        });
-    };
-    const setTableData = (table) => {
-      if (!table || !table.length) {
-        state.tableData1 = [];
-        return;
-      }
-      let data = table;
-      let array = [];
-      data.map((item, n) => {
-        let obj = {
-          number: n + 1 + (state.currentPage - 1) * 10,
-          name: item.name || "- ",
-          type: item.type == 1 ? "线上" : "线下",
-          content: sHX(item.categoryId),
-          status:
-            item.auditStatus == 0
-              ? "未提交"
-              : item.auditStatus == 1
-              ? "提交待审核"
-              : item.auditStatus == 2
-              ? "通过"
-              : item.auditStatus == -1
-              ? "拒绝"
-              : "-",
-          creater: item.createName,
-          time: item.createTime,
-          msg: item.description || "-",
-          auditLogDtoList: item.auditLogDtoList,
-        };
-        array.push(obj);
-      });
-      state.tableData1 = array;
-      console.log(data);
-    };
-    const reset = () => {
-      (state.valueproj = null),
-        (state.valuecreater = null),
-        (state.valuename = null),
-        getList();
-    };
-    const changePagination = (pagina) => {
-      state.currentPage = pagina;
-      getList();
-    };
-    const getDictList = (param) =>
-      api1
-        .getDict({
-          pageNo: 1,
-          pageSize: 20,
-          setCode: param,
-        })
-        .then((res) => res.data.data.rows);
+		// 格式化树型结构选择数据
+		const changeTreeSelectValue = (values) => {
+			let data = state.options2222;
+			console.log(values, data)
+			let str = ''
+			for (let i = 0; i < data.length; i++) {
+				if (data[i].value == values) {
+					str = data[i].title
+				} else {
+					for (let j = 0; j < data[i].children.length; j++) {
+						if (data[i].children[j].value == values) {
+							str = data[i].title + '/' + data[i].children[j].title
+						} else {
+							if (data[i].children[j].children) {
+								for (let k = 0; k < data[i].children[j].children.length; k++) {
+									if (data[i].children[j].children[k].value == values) {
+										str = data[i].title + '/' + data[i].children[j].title + '/' + data[i].children[j].children[k].title
+									} else {
+										str = '-'
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+			console.log('str-str-str-str', str)
+			state.fen_lei1 = str;
+			return str;
+		}
 
-    onMounted(async () => {
-      getList();
-      //获取分类列表
-      state.calssifyList = (await getDictList("faceclassClass")).map((e) => ({
-        label: e.dictName,
-        value: e.dictCode,
-      }));
-    });
+		const getList = () => {
+			state.loading = true
+			let objn = {
+				auditStatus: 0,
+				categoryId: Number(state.valueproj),
+				createName: state.valuecreater,
+				name: state.valuename,
+				pageNo: state.currentPage,
+				pageSize: 10,
+			};
+			console.log(objn);
+			courseListView(objn)
+				.then((res) => {
+					console.log("获取已审核课程成功", res.data.data);
+					state.total = res.data.data.total;
+					setTableData(res.data.data.rows);
+					state.loading = false
+				})
+				.catch((err) => {
+					console.log("获取已审核课程失败", err);
+				});
+		};
+		const setTableData = (table) => {
+			if (!table || !table.length) {
+				state.tableData1 = [];
+				return;
+			}
+			let data = table;
+			let array = [];
+			data.map((item, n) => {
+				let obj = {
+					number: n + 1 + (state.currentPage - 1) * 10,
+					name: item.name || "- ",
+					type: item.type == 1 ? "线上" : "线下",
+					content: sHX(item.categoryId),
+					status:
+						item.auditStatus == 0
+							? "未提交"
+							: item.auditStatus == 1
+								? "提交待审核"
+								: item.auditStatus == 2
+									? "通过"
+									: item.auditStatus == -1
+										? "拒绝"
+										: "-",
+					creater: item.createName,
+					time: item.createTime,
+					msg: item.description || "-",
+					auditLogDtoList: item.auditLogDtoList,
+				};
+				array.push(obj);
+			});
+			state.tableData1 = array;
+			console.log(data);
+		};
+		const reset = () => {
+			(state.valueproj = null),
+				(state.valuecreater = null),
+				(state.valuename = null),
+				getList();
+		};
+		const changePagination = (pagina) => {
+			state.currentPage = pagina;
+			getList();
+		};
+		const getDictList = (param) =>
+			api1
+				.getDict({
+					pageNo: 1,
+					pageSize: 20,
+					setCode: param,
+				})
+				.then((res) => res.data.data.rows);
 
-    // 显示审核
-    const showProjAuditModal = (data) => {
-      state.tableDataAudit = data;
-      state.projAuditModal = true;
-    };
+		onMounted(async () => {
+			getList();
+			//获取分类列表
+			state.calssifyList = (await getDictList("faceclassClass")).map((e) => ({
+				label: e.dictName,
+				value: e.dictCode,
+			}));
+		});
 
-    const closeProjAuditModal = () => {
-      state.projAuditModal = false;
-    };
+		// 显示审核
+		const showProjAuditModal = (data) => {
+			state.tableDataAudit = data;
+			state.projAuditModal = true;
+		};
 
-    return {
-      ...toRefs(state),
-      getList,
-      setTableData,
-      reset,
-      changePagination,
-      showProjAuditModal,
-      closeProjAuditModal,
-    };
-  },
+		const closeProjAuditModal = () => {
+			state.projAuditModal = false;
+		};
+
+		return {
+			...toRefs(state),
+			getList,
+			setTableData,
+			reset,
+			changePagination,
+			showProjAuditModal,
+			closeProjAuditModal,
+		};
+	},
 };
 </script>
 <style lang="scss">
 .coursereviewed {
-  width: 100%;
+	width: 100%;
 
-  .tmpl {
-    width: 100%;
+	.tmpl {
+		width: 100%;
 
-    .tmpl_header {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      margin-bottom: 32px;
+		.tmpl_header {
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: space-between;
+			margin-bottom: 32px;
 
-      margin-left: 32px;
-      margin-right: 32px;
+			margin-left: 32px;
+			margin-right: 32px;
 
-      .tmplh_inp {
-        .inpbox {
-          display: flex;
-          margin-top: 32px;
-          flex-wrap: wrap;
+			.tmplh_inp {
+				.inpbox {
+					display: flex;
+					margin-top: 32px;
+					flex-wrap: wrap;
 
-          .inpbox1 {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            margin-right: 24px;
-            margin-top: 10px;
+					.inpbox1 {
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						margin-right: 24px;
+						margin-top: 10px;
 
-            .ant-select-selector {
-              border-radius: 8px;
-              width: 270px;
-              height: 40px;
-              padding-top: 5px;
-            }
+						.ant-select-selector {
+							border-radius: 8px;
+							width: 270px;
+							height: 40px;
+							padding-top: 5px;
+						}
 
-            span {
-              white-space: nowrap;
-            }
-          }
-        }
-      }
+						span {
+							white-space: nowrap;
+						}
+					}
+				}
+			}
 
-      .tmplh_btn {
-        display: flex;
-        // margin-left: 38px;
-        margin-top: 42px;
+			.tmplh_btn {
+				display: flex;
+				// margin-left: 38px;
+				margin-top: 42px;
 
-        .btn {
-          padding: 0px 26px 0px 26px;
-          height: 38px;
-          border-radius: 8px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          margin-right: 14px;
-          cursor: pointer;
-          flex-shrink: 0;
+				.btn {
+					padding: 0px 26px 0px 26px;
+					height: 38px;
+					border-radius: 8px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					margin-right: 14px;
+					cursor: pointer;
+					flex-shrink: 0;
 
-          .search {
-            background-size: 100%;
-          }
+					.search {
+						background-size: 100%;
+					}
 
-          .btnText {
-            font-size: 14px;
-            font-weight: 400;
-            line-height: 36px;
-            margin-left: 5px;
-          }
+					.btnText {
+						font-size: 14px;
+						font-weight: 400;
+						line-height: 36px;
+						margin-left: 5px;
+					}
 
-          .btnText1 {
-            color: rgb(255, 255, 255);
-          }
+					.btnText1 {
+						color: rgb(255, 255, 255);
+					}
 
-          .btnText2 {
-            color: rgba(64, 158, 255, 1);
-          }
-        }
+					.btnText2 {
+						color: rgba(64, 158, 255, 1);
+					}
+				}
 
-        .btn1 {
-          background: #4ea6ff;
+				.btn1 {
+					background: #4ea6ff;
 
-          .search {
-            width: 15px;
-            height: 17px;
-            background-image: url("../../assets/images/courseManage/search0.png");
-          }
-        }
+					.search {
+						width: 15px;
+						height: 17px;
+						background-image: url("../../assets/images/courseManage/search0.png");
+					}
+				}
 
-        .btn2 {
-          background: #ffffff;
-          border: 1px solid #4ea6ff;
+				.btn2 {
+					background: #ffffff;
+					border: 1px solid #4ea6ff;
 
-          .search {
-            width: 16px;
-            height: 18px;
-            background-image: url("../../assets/images/courseManage/reset1.png");
-          }
-        }
+					.search {
+						width: 16px;
+						height: 18px;
+						background-image: url("../../assets/images/courseManage/reset1.png");
+					}
+				}
 
-        .btn1:hover {
-          background: rgb(255, 255, 255);
-          border: 1px solid #4ea6ff;
+				.btn1:hover {
+					background: rgb(255, 255, 255);
+					border: 1px solid #4ea6ff;
 
-          .search {
-            background-image: url("../../assets/images/courseManage/search1.png");
-          }
+					.search {
+						background-image: url("../../assets/images/courseManage/search1.png");
+					}
 
-          .btnText {
-            color: rgba(64, 158, 255, 1);
-          }
-        }
+					.btnText {
+						color: rgba(64, 158, 255, 1);
+					}
+				}
 
-        .btn2:hover {
-          background: rgba(64, 158, 255, 1);
+				.btn2:hover {
+					background: rgba(64, 158, 255, 1);
 
-          .search {
-            background-image: url("../../assets/images/courseManage/reset0.png");
-          }
+					.search {
+						background-image: url("../../assets/images/courseManage/reset0.png");
+					}
 
-          .btnText {
-            color: #ffffff;
-          }
-        }
-      }
-    }
+					.btnText {
+						color: #ffffff;
+					}
+				}
+			}
+		}
 
-    .tmpl_body {
-      padding: 0px 30px;
+		.tmpl_body {
+			padding: 0px 30px;
 
-      .tmpl_tabbox {
-        .operation {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          color: #4ea6ff;
+			.tmpl_tabbox {
+				.operation {
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					color: #4ea6ff;
 
-          .nselect {
-            justify-content: center;
-            align-items: center;
-            display: flex;
+					.nselect {
+						justify-content: center;
+						align-items: center;
+						display: flex;
 
-            .jc {
-              margin-left: 20px;
-              white-space: nowrap;
-              cursor: pointer;
-            }
-          }
-        }
-      }
+						.jc {
+							margin-left: 20px;
+							white-space: nowrap;
+							cursor: pointer;
+						}
+					}
+				}
+			}
 
-      .pa {
-        width: 100%;
-        margin-top: 20px;
-        display: flex;
-        justify-content: center;
-      }
-    }
-  }
+			.pa {
+				width: 100%;
+				margin-top: 20px;
+				display: flex;
+				justify-content: center;
+			}
+		}
+	}
 }
 
 .projAuditModal {
-  .ant-modal {
-    width: 816px !important;
-    min-height: 420px !important;
+	.ant-modal {
+		width: 816px !important;
+		min-height: 420px !important;
 
-    .ant-modal-content {
-      width: 816px !important;
-      min-height: 420px !important;
+		.ant-modal-content {
+			width: 816px !important;
+			min-height: 420px !important;
 
-      .ant-modal-body {
-        width: 816px !important;
-        min-height: 420px !important;
-        padding: 0 !important;
+			.ant-modal-body {
+				width: 816px !important;
+				min-height: 420px !important;
+				padding: 0 !important;
 
-        .delete {
-          z-index: 999;
-          width: 816px;
-          min-height: 485px;
-          background: #ffffff;
-          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-          border-radius: 4px;
-          // position: absolute;
-          // left: 50%;
-          // top: 10%;
-          // transform: translate(-50%, -50%);
-          .del_header {
-            position: absolute;
-            width: calc(100%);
-            height: 68px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-          }
+				.delete {
+					z-index: 999;
+					width: 816px;
+					min-height: 485px;
+					background: #ffffff;
+					box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+					border-radius: 4px;
 
-          .del_main {
-            width: 100%;
-            position: relative;
+					// position: absolute;
+					// left: 50%;
+					// top: 10%;
+					// transform: translate(-50%, -50%);
+					.del_header {
+						position: absolute;
+						width: calc(100%);
+						height: 68px;
+						background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+								rgba(78, 166, 255, 0) 100%);
+					}
 
-            .header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
+					.del_main {
+						width: 100%;
+						position: relative;
 
-              .icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/taskpage/gan.png);
-                background-size: 100% 100%;
-              }
+						.header {
+							display: flex;
+							align-items: center;
+							padding-top: 20px;
+							padding-left: 26px;
+							font-size: 16px;
 
-              .close_exit {
-                position: absolute;
-                right: 42px;
-                cursor: pointer;
-                width: 20px;
-                height: 20px;
-                background-image: url(@/assets/images/coursewareManage/close.png);
-                background-size: 100% 100%;
-              }
-            }
+							.icon {
+								width: 16px;
+								height: 16px;
+								margin-right: 10px;
+								background-image: url(@/assets/images/taskpage/gan.png);
+								background-size: 100% 100%;
+							}
 
-            .body {
-              width: 100%;
-              margin: 34px auto 56px auto;
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              flex-direction: column;
-              // background-color: red;
-              position: relative;
+							.close_exit {
+								position: absolute;
+								right: 42px;
+								cursor: pointer;
+								width: 20px;
+								height: 20px;
+								background-image: url(@/assets/images/coursewareManage/close.png);
+								background-size: 100% 100%;
+							}
+						}
 
-              .ant-table-empty {
-                width: 100% !important;
-              }
+						.body {
+							width: 100%;
+							margin: 34px auto 56px auto;
+							display: flex;
+							justify-content: center;
+							align-items: center;
+							flex-direction: column;
+							// background-color: red;
+							position: relative;
 
-              .back {
-                position: absolute;
-                top: 30px;
-                font-size: 12px;
-                font-weight: 400;
-                color: #666666;
-              }
-            }
+							.ant-table-empty {
+								width: 100% !important;
+							}
 
-            .del_btnbox {
-              display: flex;
-              margin: 30px auto;
-              justify-content: center;
+							.back {
+								position: absolute;
+								top: 30px;
+								font-size: 12px;
+								font-weight: 400;
+								color: #666666;
+							}
+						}
 
-              .del_btn {
-                width: 100px;
-                height: 40px;
-                background: rgba(64, 158, 255, 0);
-                border-radius: 8px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
+						.del_btnbox {
+							display: flex;
+							margin: 30px auto;
+							justify-content: center;
 
-                flex-shrink: 0;
-                cursor: pointer;
+							.del_btn {
+								width: 100px;
+								height: 40px;
+								background: rgba(64, 158, 255, 0);
+								border-radius: 8px;
+								display: flex;
+								align-items: center;
+								justify-content: center;
 
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
+								flex-shrink: 0;
+								cursor: pointer;
 
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-                margin-right: 14px;
-              }
+								.btnText {
+									font-size: 14px;
+									font-weight: 400;
+									line-height: 40px;
+								}
+							}
 
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
+							.btn1 {
+								border: 1px solid rgba(64, 158, 255, 1);
+								color: #4ea6ff;
+								margin-right: 14px;
+							}
+
+							.btn2 {
+								background-color: #4ea6ff;
+								color: #ffffff;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
 }
 
 .projectviewed {
-  width: 100%;
+	width: 100%;
 
-  .tmpl {
-    width: 100%;
+	.tmpl {
+		width: 100%;
 
-    .tmpl_header {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      margin-bottom: 32px;
+		.tmpl_header {
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: space-between;
+			margin-bottom: 32px;
 
-      margin-left: 32px;
-      margin-right: 32px;
+			margin-left: 32px;
+			margin-right: 32px;
 
-      .tmplh_inp {
-        .inpbox {
-          display: flex;
-          flex-wrap: wrap;
-          margin-top: 42px;
+			.tmplh_inp {
+				.inpbox {
+					display: flex;
+					flex-wrap: wrap;
+					margin-top: 42px;
 
-          .inpbox1 {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            margin-right: 24px;
-            margin-top: 10px;
+					.inpbox1 {
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						margin-right: 24px;
+						margin-top: 10px;
 
-            .ant-select-selector {
-              border-radius: 8px;
-              width: 270px;
-              height: 40px;
-              padding-top: 5px;
-            }
+						.ant-select-selector {
+							border-radius: 8px;
+							width: 270px;
+							height: 40px;
+							padding-top: 5px;
+						}
 
-            span {
-              white-space: nowrap;
-            }
-          }
-        }
-      }
+						span {
+							white-space: nowrap;
+						}
+					}
+				}
+			}
 
-      .tmplh_btn {
-        display: flex;
-        // margin-left: 38px;
-        margin-top: 52px;
+			.tmplh_btn {
+				display: flex;
+				// margin-left: 38px;
+				margin-top: 52px;
 
-        .btn {
-          padding: 0px 26px 0px 26px;
-          height: 38px;
-          border-radius: 8px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          margin-right: 14px;
-          cursor: pointer;
-          flex-shrink: 0;
+				.btn {
+					padding: 0px 26px 0px 26px;
+					height: 38px;
+					border-radius: 8px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					margin-right: 14px;
+					cursor: pointer;
+					flex-shrink: 0;
 
-          .search {
-            background-size: 100%;
-          }
+					.search {
+						background-size: 100%;
+					}
 
-          .btnText {
-            font-size: 14px;
-            font-weight: 400;
-            line-height: 36px;
-            margin-left: 5px;
-          }
+					.btnText {
+						font-size: 14px;
+						font-weight: 400;
+						line-height: 36px;
+						margin-left: 5px;
+					}
 
-          .btnText1 {
-            color: rgb(255, 255, 255);
-          }
+					.btnText1 {
+						color: rgb(255, 255, 255);
+					}
 
-          .btnText2 {
-            color: rgba(64, 158, 255, 1);
-          }
-        }
+					.btnText2 {
+						color: rgba(64, 158, 255, 1);
+					}
+				}
 
-        .btn1 {
-          background: #4ea6ff;
+				.btn1 {
+					background: #4ea6ff;
 
-          .search {
-            width: 15px;
-            height: 17px;
-            background-image: url("../../assets/images/courseManage/search0.png");
-          }
-        }
+					.search {
+						width: 15px;
+						height: 17px;
+						background-image: url("../../assets/images/courseManage/search0.png");
+					}
+				}
 
-        .btn2 {
-          background: #ffffff;
-          border: 1px solid #4ea6ff;
+				.btn2 {
+					background: #ffffff;
+					border: 1px solid #4ea6ff;
 
-          .search {
-            width: 16px;
-            height: 18px;
-            background-image: url("../../assets/images/courseManage/reset1.png");
-          }
-        }
+					.search {
+						width: 16px;
+						height: 18px;
+						background-image: url("../../assets/images/courseManage/reset1.png");
+					}
+				}
 
-        .btn1:hover {
-          background: rgb(255, 255, 255);
-          border: 1px solid #4ea6ff;
+				.btn1:hover {
+					background: rgb(255, 255, 255);
+					border: 1px solid #4ea6ff;
 
-          .search {
-            background-image: url("../../assets/images/courseManage/search1.png");
-          }
+					.search {
+						background-image: url("../../assets/images/courseManage/search1.png");
+					}
 
-          .btnText {
-            color: rgba(64, 158, 255, 1);
-          }
-        }
+					.btnText {
+						color: rgba(64, 158, 255, 1);
+					}
+				}
 
-        .btn2:hover {
-          background: rgba(64, 158, 255, 1);
+				.btn2:hover {
+					background: rgba(64, 158, 255, 1);
 
-          .search {
-            background-image: url("../../assets/images/courseManage/reset0.png");
-          }
+					.search {
+						background-image: url("../../assets/images/courseManage/reset0.png");
+					}
 
-          .btnText {
-            color: #ffffff;
-          }
-        }
-      }
-    }
+					.btnText {
+						color: #ffffff;
+					}
+				}
+			}
+		}
 
-    .tmpl_body {
-      padding: 0px 30px;
+		.tmpl_body {
+			padding: 0px 30px;
 
-      .tmpl_tabbox {
-        .operation {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          color: #4ea6ff;
+			.tmpl_tabbox {
+				.operation {
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					color: #4ea6ff;
 
-          .nselect {
-            justify-content: center;
-            align-items: center;
-            display: flex;
+					.nselect {
+						justify-content: center;
+						align-items: center;
+						display: flex;
 
-            .jc {
-              margin-left: 20px;
-              white-space: nowrap;
-              cursor: pointer;
-            }
-          }
-        }
-      }
+						.jc {
+							margin-left: 20px;
+							white-space: nowrap;
+							cursor: pointer;
+						}
+					}
+				}
+			}
 
-      .pa {
-        width: 100%;
-        margin-top: 20px;
-        display: flex;
-        justify-content: center;
-      }
-    }
-  }
+			.pa {
+				width: 100%;
+				margin-top: 20px;
+				display: flex;
+				justify-content: center;
+			}
+		}
+	}
 }
 </style>
diff --git a/src/views/examine/CourseReviewedN.vue b/src/views/examine/CourseReviewedN.vue
index 65e91f33..8e0a7739 100644
--- a/src/views/examine/CourseReviewedN.vue
+++ b/src/views/examine/CourseReviewedN.vue
@@ -8,13 +8,13 @@
 -->
 <!-- 待审核课程页面 coursereviewedn-->
 <template>
-  <div class="coursereviewedn">
-    <div class="tmpl">
-      <div class="tmpl_header">
-        <div class="tmplh_inp">
-          <div class="inpbox">
-            <div class="inpbox1">
-            <!--
+	<div class="coursereviewedn">
+		<div class="tmpl">
+			<div class="tmpl_header">
+				<div class="tmplh_inp">
+					<div class="inpbox">
+						<div class="inpbox1">
+							<!--
               <a-select
                 v-model:value="valueproj"
                 :options="[
@@ -22,170 +22,112 @@
                   ...calssifyList,
                 ]"
               />-->
-              <a-tree-select
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              v-model:value="valueproj"
-              show-search
-        
-              :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
-              placeholder="请选择内容分类"
-        
-              tree-default-expand-all
-              :tree-data="options2222"
-            >
-              <template #title="{ value: val, title }">
-                <b v-if="val === '11111'" style="color: #08c">sss</b>
-                <template v-else>{{ title }}</template>
-              </template>
-            </a-tree-select>
-            </div>
-            <div class="inpbox1">
-              <a-input
-                v-model:value="valuecreater"
-                style="
+							<a-tree-select :getPopupContainer="
+								(triggerNode) => {
+									return triggerNode.parentNode || document.body;
+								}
+							" v-model:value="valueproj" show-search :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+								placeholder="请选择内容分类" tree-default-expand-all :tree-data="options2222">
+								<template #title="{ value: val, title }">
+									<b v-if="val === '11111'" style="color: #08c">sss</b>
+									<template v-else>{{ title }}</template>
+								</template>
+							</a-tree-select>
+						</div>
+						<div class="inpbox1">
+							<a-input v-model:value="valuecreater" style="
                   width: 270px;
                   height: 40px;
                   border-radius: 8px;
                   margin-right: 14px;
-                "
-                placeholder="请输入创建人"
-              />
-            </div>
-            <div class="inpbox1">
-              <a-input
-                v-model:value="valuename"
-                style="
+                " placeholder="请输入创建人" />
+						</div>
+						<div class="inpbox1">
+							<a-input v-model:value="valuename" style="
                   width: 270px;
                   height: 40px;
                   border-radius: 8px;
                   margin-right: 14px;
-                "
-                placeholder="请输入名称"
-              />
-            </div>
-          </div>
-        </div>
-        <div class="tmplh_btn">
-          <div class="btn btn1" @click="searchList">
-            <div class="search"></div>
-            <div class="btnText btnText1">搜索</div>
-          </div>
-          <div class="btn btn2" @click="reset">
-            <div class="search"></div>
-            <div class="btnText btnText2">重置</div>
-          </div>
-        </div>
-      </div>
-      <div class="tmpl_body">
-        <div class="tmpl_tabbox">
-          <a-table
-            :columns="columns1"
-            :data-source="tableData1"
-            :loading="loading"
-            expandRowByClick="true"
-            @expand="expandTable"
-            :scroll="{ x: 1300 }"
-            :pagination="false"
-          />
-        </div>
-        <div class="tableBox">
-          <div class="pa">
-            <a-pagination
-              v-if="total > 10"
-              :showSizeChanger="false"
-              show-quick-jumper
-              :pageSize="pageSize"
-              v-model:current="currentPage"
-              :total="total"
-              class="pagination"
-              @change="changePagination"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- 审核弹窗 -->
-    <a-modal
-      v-model:visible="courAuditModal"
-      :footer="null"
-      :closable="closeBack"
-      wrapClassName="courAuditModal"
-      centered="true"
-    >
-      <div class="delete">
-        <div class="del_header"></div>
-        <div class="del_main">
-          <div class="header">
-            <div class="icon"></div>
-            <span>审核</span>
-            <div class="close_exit" @click="closeCourAuditModal"></div>
-          </div>
-          <div class="body">
-            <div class="item">
-              <div class="left">审核：</div>
-              <div class="rig">
-                <a-radio-group name="radioGroup" v-model:value="valuepass">
-                  <a-radio value="1">通过</a-radio>
-                  <a-radio value="2" style="margin-left: 40px">不通过</a-radio>
-                </a-radio-group>
-              </div>
-            </div>
-            <div class="item" style="margin-top: 20px">
-              <div
-                class="sign"
-                style="position: relative; left: 30px; top: -2px"
-              >
-                <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
-                />
-              </div>
-              <div class="left">审核意见：</div>
-              <div class="rig">
-                <a-textarea v-model:value="valueSugg" :rows="4"   show-count
-                  :maxlength="20"/>
-              </div>
-            </div>
-          </div>
-          <div class="del_btnbox">
-            <div class="del_btn btn1" @click="closeCourAuditModal">
-              <div class="btnText">取消</div>
-            </div>
-            <div class="del_btn btn2" @click="sureCourAuditModal">
-              <div class="btnText">确定</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!-- 预览弹窗 -->
-    <SeeModal
-      :visible="lookCourseModal"
-      :detail="faceDetailObj"
-      @cancel="ft_exit"
-    />
+                " placeholder="请输入名称" />
+						</div>
+					</div>
+				</div>
+				<div class="tmplh_btn">
+					<div class="btn btn1" @click="searchList">
+						<div class="search"></div>
+						<div class="btnText btnText1">搜索</div>
+					</div>
+					<div class="btn btn2" @click="reset">
+						<div class="search"></div>
+						<div class="btnText btnText2">重置</div>
+					</div>
+				</div>
+			</div>
+			<div class="tmpl_body">
+				<div class="tmpl_tabbox">
+					<a-table :columns="columns1" :data-source="tableData1" :loading="loading" expandRowByClick="true"
+						@expand="expandTable" :scroll="{ x: 1300 }" :pagination="false" />
+				</div>
+				<div class="tableBox">
+					<div class="pa">
+						<a-pagination v-if="total > 10" :showSizeChanger="false" show-quick-jumper :pageSize="pageSize"
+							v-model:current="currentPage" :total="total" class="pagination" @change="changePagination" />
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- 审核弹窗 -->
+		<a-modal v-model:visible="courAuditModal" :footer="null" :closable="closeBack" wrapClassName="courAuditModal"
+			centered="true">
+			<div class="delete">
+				<div class="del_header"></div>
+				<div class="del_main">
+					<div class="header">
+						<div class="icon"></div>
+						<span>审核</span>
+						<div class="close_exit" @click="closeCourAuditModal"></div>
+					</div>
+					<div class="body">
+						<div class="item">
+							<div class="left">审核：</div>
+							<div class="rig">
+								<a-radio-group name="radioGroup" v-model:value="valuepass">
+									<a-radio value="1">通过</a-radio>
+									<a-radio value="2" style="margin-left: 40px">不通过</a-radio>
+								</a-radio-group>
+							</div>
+						</div>
+						<div class="item" style="margin-top: 20px">
+							<div class="sign" style="position: relative; left: 30px; top: -2px">
+								<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+							</div>
+							<div class="left">审核意见：</div>
+							<div class="rig">
+								<a-textarea v-model:value="valueSugg" :rows="4" show-count :maxlength="20" />
+							</div>
+						</div>
+					</div>
+					<div class="del_btnbox">
+						<div class="del_btn btn1" @click="closeCourAuditModal">
+							<div class="btnText">取消</div>
+						</div>
+						<div class="del_btn btn2" @click="sureCourAuditModal">
+							<div class="btnText">确定</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</a-modal>
+		<!-- 预览弹窗 -->
+		<SeeModal :visible="lookCourseModal" :detail="faceDetailObj" @cancel="ft_exit" />
 
-    <!-- 审核在线课 -->
-    <a-modal
-      v-model:visible="onlineClassesVisible"
-      :footer="null"
-      :closable="false"
-      wrapClassName="modalStyle onlineClassesStyle"
-      :zIndex="9999"
-    >
-      <iframe
-        id="iframe"
-        style="width: 100%; height: 100%"
-        :src="iframeUrl + 'course/noapproved'"
-        name="myframe"
-        sandbox="allow-forms allow-scripts allow-same-origin allow-popups"
-      ></iframe>
-    </a-modal>
-  </div>
+		<!-- 审核在线课 -->
+		<a-modal v-model:visible="onlineClassesVisible" :footer="null" :closable="false"
+			wrapClassName="modalStyle onlineClassesStyle" :zIndex="9999">
+			<iframe id="iframe" style="width: 100%; height: 100%" :src="iframeUrl + 'course/noapproved'" name="myframe"
+				sandbox="allow-forms allow-scripts allow-same-origin allow-popups"></iframe>
+		</a-modal>
+	</div>
 </template>
 <script>
 import { reactive, toRefs, onMounted, ref } from "vue";
@@ -196,1219 +138,1253 @@ import { iframeUrl } from "../../api/method";
 import * as api1 from "@/api/index1";
 
 export default {
-  name: "CoursereViewedN",
-  components: {
-    SeeModal,
-  },
-  setup() {
-    const state = reactive({
-      loading:false,
-      optionsproj: [
-        {
-          value: "jack",
-          label: "Jack",
-        },
-        {
-          value: "rose",
-          label: "rose",
-        },
-      ],
-      calssifyList: [], //分类字典
-      valueproj:null,
-      valuecreater: "",
-      valuename: "",
-      // currentFacePage: 1,
-      currentPage: 1,
-      total: null,
-      pageSize: 10,
-      courAuditModal: false, //审核弹窗
-      closeBack: false,
-      valuepass: "1",
-      valueSugg: null,
-      chooseId: null,
-      chooseCreater: null,
-      chooseOffId: null,
-      lookCourseModal: false, //预览
-      faceDetailObj: null,
-      columns1: [
-       // {
-        //  title: "序号",
-         // dataIndex: "number",
-        //  key: "number",
-        // align: "center",
-       // },
-        {
-          title: "名称",
-          dataIndex: "name",
-          key: "name",
-          align: "center",
-          ellipsis: true,
-          width:"20%",
-        },
-        {
-          title: "类型",
-          dataIndex: "type",
-          key: "type",
-          align: "center",
-          width:"10%",
-        },
-        {
-          title: "内容分类",
-          dataIndex: "content",
-          key: "content",
-          align: "center",
-          ellipsis: true,
-          width:"10%",
-        },
-        {
-          title: "状态",
-          dataIndex: "status",
-          key: "status",
-          align: "center",
-          width:"10%",
-        },
-        // {
-        //   title: "转审",
-        //   dataIndex: "change",
-        //   key: "change",
-        //   align: "center",
-        // },
-        {
-          title: "创建人",
-          dataIndex: "creater",
-          key: "creater",
-          align: "center",
-          ellipsis: true,
-          width:"15%",
-        },
-        {
-          title: "创建时间",
-          dataIndex: "time",
-          key: "time",
-          align: "center",
-          ellipsis: true,
-          width:"15%",
-        },
+	name: "CoursereViewedN",
+	components: {
+		SeeModal,
+	},
+	setup() {
+		const state = reactive({
+			loading: false,
+			optionsproj: [
+				{
+					value: "jack",
+					label: "Jack",
+				},
+				{
+					value: "rose",
+					label: "rose",
+				},
+			],
+			calssifyList: [], //分类字典
+			valueproj: null,
+			valuecreater: "",
+			valuename: "",
+			// currentFacePage: 1,
+			currentPage: 1,
+			total: null,
+			pageSize: 10,
+			courAuditModal: false, //审核弹窗
+			closeBack: false,
+			valuepass: "1",
+			valueSugg: null,
+			chooseId: null,
+			chooseCreater: null,
+			chooseOffId: null,
+			lookCourseModal: false, //预览
+			faceDetailObj: null,
+			columns1: [
+				// {
+				//  title: "序号",
+				// dataIndex: "number",
+				//  key: "number",
+				// align: "center",
+				// },
+				{
+					title: "名称",
+					dataIndex: "name",
+					key: "name",
+					align: "center",
+					ellipsis: true,
+					width: "20%",
+				},
+				{
+					title: "类型",
+					dataIndex: "type",
+					key: "type",
+					align: "center",
+					width: "10%",
+				},
+				{
+					title: "内容分类",
+					dataIndex: "content",
+					key: "content",
+					align: "center",
+					ellipsis: true,
+					width: "10%",
+				},
+				{
+					title: "状态",
+					dataIndex: "status",
+					key: "status",
+					align: "center",
+					width: "10%",
+				},
+				// {
+				//   title: "转审",
+				//   dataIndex: "change",
+				//   key: "change",
+				//   align: "center",
+				// },
+				{
+					title: "创建人",
+					dataIndex: "creater",
+					key: "creater",
+					align: "center",
+					ellipsis: true,
+					width: "15%",
+				},
+				{
+					title: "创建时间",
+					dataIndex: "time",
+					key: "time",
+					align: "center",
+					ellipsis: true,
+					width: "15%",
+				},
 
-        {
-          title: "操作",
-          dataIndex: "opt",
-          key: "opt",
-          align: "center",
-          width:"20%",
-          customRender: (value) => {
-            return (
-              <div>
-                <span
-                  style="cursor:pointer;color:#387DF7"
-                  onClick={() => {
-                    showAudit(
-                      value.record.createId,
-                      value.record.creater,
-                      value.record.offId
-                    );
-                  }}
-                >
-                  审核
-                </span>
-                &nbsp;
-                <span
-                  onClick={() => {
-                    getFaceDetail(value.record.offId);
-                    console.log(value.record);
-                  }}
-                  style="cursor:pointer;color:#387DF7"
-                >
-                  预览
-                </span>
-              </div>
-            );
-          },
-        },
-      ],
-      // 待审核课程的数据
-      tableData1: [],
+				{
+					title: "操作",
+					dataIndex: "opt",
+					key: "opt",
+					align: "center",
+					width: "20%",
+					customRender: (value) => {
+						return (
+							<div>
+								<span
+									style="cursor:pointer;color:#387DF7"
+									onClick={() => {
+										showAudit(
+											value.record.createId,
+											value.record.creater,
+											value.record.offId
+										);
+									}}
+								>
+									审核
+								</span>
+								&nbsp;
+								<span
+									onClick={() => {
+										getFaceDetail(value.record.offId);
+										console.log(value.record);
+									}}
+									style="cursor:pointer;color:#387DF7"
+								>
+									预览
+								</span>
+							</div>
+						);
+					},
+				},
+			],
+			// 待审核课程的数据
+			tableData1: [],
 
-      //审核在线课嵌套页面
-      onlineClassesVisible: false,
-      iframeUrl: iframeUrl,
-      // 课程三级分类
-      options2222:[
-        {
-          title: '领导力',
-          value: '100',
-          selectable:false,
-          children: [
-            {
-              title: '领导业务',
-              value: '1001',
-            },
-            {
-              title: '领导团队',
-              value: '1002',
-            },
-            {
-              title: '领导自我',
-              value: '1003',
-            },
-          ],
-        },
-        {
-          title: '专业力',
-          value: '200',
-          selectable:false,
-          children: [
-            {
-              title: '研发',
-              value: '2001',
-            },
-            {
-              title: '产品和解决方案',
-              value: '2002',
-            },
-            {
-              title: '生产技术与制造',
-              value: '2003',
-            },
-            {
-              title: '供应链',
-              value: '2004',
-            },
-            {
-              title: '营销',
-              value: '2005',
-            },
-            {
-              title: '品质',
-              value: '2006',
-            },
-            {
-              title: '战略与企划',
-              value: '2007',
-            },
-            {
-              title: '流程管理',
-              value: '2008',
-            },
-            {
-              title: '业绩管理',
-              value: '2009',
-            },
-            {
-              title: '项目管理',
-              value: '20010',
-            },
-            {
-              title: '信息技术',
-              value: '20011',
-            },
-            {
-              title: '环境与安全',
-              value: '20012',
-            },
-            {
-              title: '人力资源',
-              value: '20013',
-            },
-            {
-              title: '企业文化',
-              value: '20014',
-            },
-            {
-              title: '品牌',
-              value: '20015',
-            },
-            {
-              title: '财务',
-              value: '20016',
-            },
-            {
-              title: '法务',
-              value: '20017',
-            },
-            {
-              title: '行政',
-              value: '20018',
-            },
-            {
-              title: '医工',
-              value: '20019',
-            }
-          ],
-        },
-        {
-          title: '通用力',
-          value: '300',
-          selectable:false,
-          children: [
-            {
-              title: '职业操守与道德',
-              value: '3001',
-            },
-            {
-              title: '职业素养与技能',
-              value: '3002',
-            },
-            {
-              title: '规章制度',
-              value: '3003',
-            },
-          ], 
-        }
-      ],
-    });
+			//审核在线课嵌套页面
+			onlineClassesVisible: false,
+			iframeUrl: iframeUrl,
+			// 课程三级分类
+			options2222: [
+				{
+					title: '领导力',
+					value: '100',
+					children: [
+						{
+							title: '领导业务',
+							value: '1001',
+							children: [
+								{
+									title: '业务能力领导',
+									value: '100101',
+								}
+							]
+						},
+						{
+							title: '领导团队',
+							value: '1002',
+						},
+						{
+							title: '领导自我',
+							value: '1003',
+						},
+					],
+				},
+				{
+					title: '专业力',
+					value: '200',
+					children: [
+						{
+							title: '研发',
+							value: '2001',
+						},
+						{
+							title: '产品和解决方案',
+							value: '2002',
+						},
+						{
+							title: '生产技术与制造',
+							value: '2003',
+						},
+						{
+							title: '供应链',
+							value: '2004',
+						},
+						{
+							title: '营销',
+							value: '2005',
+						},
+						{
+							title: '品质',
+							value: '2006',
+						},
+						{
+							title: '战略与企划',
+							value: '2007',
+						},
+						{
+							title: '流程管理',
+							value: '2008',
+						},
+						{
+							title: '业绩管理',
+							value: '2009',
+						},
+						{
+							title: '项目管理',
+							value: '20010',
+						},
+						{
+							title: '信息技术',
+							value: '20011',
+						},
+						{
+							title: '环境与安全',
+							value: '20012',
+						},
+						{
+							title: '人力资源',
+							value: '20013',
+						},
+						{
+							title: '企业文化',
+							value: '20014',
+						},
+						{
+							title: '品牌',
+							value: '20015',
+						},
+						{
+							title: '财务',
+							value: '20016',
+						},
+						{
+							title: '法务',
+							value: '20017',
+						},
+						{
+							title: '行政',
+							value: '20018',
+						},
+						{
+							title: '医工',
+							value: '20019',
+						}
+					],
+				},
+				{
+					title: '通用力',
+					value: '300',
+					children: [
+						{
+							title: '职业操守与道德',
+							value: '3001',
+						},
+						{
+							title: '职业素养与技能',
+							value: '3002',
+						},
+						{
+							title: '规章制度',
+							value: '3003',
+						},
+					],
+				}
+			],
+		});
 
-    // 课程三级分类回显
-    const sHX = (data) => {
-      let str = '-'
-      let sdata = state.options2222
-      for(let i =0; i<sdata.length;i++){
-          for(let j=0;j<sdata[i].children.length;j++){
-            if (String(sdata[i].children[j].value) === String(data)) {
-               str = sdata[i].children[j].title;
-            }
-          }
-      }
-      return str
-    }
+		// 课程三级分类回显
+		const sHX = (data) => {
+			let str = '-'
+			let sdata = state.options2222
+			for (let i = 0; i < sdata.length; i++) {
+				for (let j = 0; j < sdata[i].children.length; j++) {
+					str = changeTreeSelectValue(String(data))
+					// if (String(sdata[i].children[j].value) === String(data)) {
+					// 	str = sdata[i].children[j].title;
+					// }
+				}
+			}
+			return str
+		}
 
-    /*
-     * 获取字典列表
-     * param faceclassPic | faceclassClass | faceclassScene
-     * */
-    const getDictList = (param) =>
-      api1
-        .getDict({
-          pageNo: 1,
-          pageSize: 20,
-          setCode: param,
-        })
-        .then((res) => res.data.data.rows);
+		/*
+		 * 获取字典列表
+		 * param faceclassPic | faceclassClass | faceclassScene
+		 * */
+		const getDictList = (param) =>
+			api1
+				.getDict({
+					pageNo: 1,
+					pageSize: 20,
+					setCode: param,
+				})
+				.then((res) => res.data.data.rows);
 
-    const getFaceList = () => {
-      state.loading=true
-      let objn = {
-        auditStatus: 1,
-        categoryId: state.valueproj,
-        createName: state.valuecreater,
-        name: state.valuename,
-        pageNo: state.currentPage,
-        pageSize: 10,
-        projectName: "",
-      };
+		const getFaceList = () => {
+			state.loading = true
+			let objn = {
+				auditStatus: 1,
+				categoryId: state.valueproj,
+				createName: state.valuecreater,
+				name: state.valuename,
+				pageNo: state.currentPage,
+				pageSize: 10,
+				projectName: "",
+			};
 
-      console.log(objn);
-      // 测试数据先放下
-      // setFaceData([{ name: "面授课审核", category_id: "8", scene_id: "8" }]);
+			console.log(objn);
+			// 测试数据先放下
+			// setFaceData([{ name: "面授课审核", category_id: "8", scene_id: "8" }]);
 
-      list(objn)
-        .then((res) => {
-          console.log("获取面授列表成功", res);
-          let result = res.data.data;
-          state.total = result.total;
-          if (result.total > 0) {
-            setFaceData(result.rows);
-          } else {
-            setFaceData([]);
-          }
-          state.loading=false
-        })
-        .catch((err) => {
-          console.log("获取面授列表失败", err);
-        });
-    };
+			list(objn)
+				.then((res) => {
+					console.log("获取面授列表成功", res);
+					let result = res.data.data;
+					state.total = result.total;
+					if (result.total > 0) {
+						setFaceData(result.rows);
+					} else {
+						setFaceData([]);
+					}
+					state.loading = false
+				})
+				.catch((err) => {
+					console.log("获取面授列表失败", err);
+				});
+		};
 
-    // 获取面授详情
-    const heroImg = ref(null);
-    const valueHtml = ref(null);
-    const attachMap = ref([]);
+		// 获取面授详情
+		const heroImg = ref(null);
+		const valueHtml = ref(null);
+		const attachMap = ref([]);
 
-    const getFaceDetail = (id) => {
-      console.log(id);
-      courseDetail(id)
-        .then((res) => {
-          console.log("获取面授详情信息成功", res);
-          let result = res.data.data;
-          state.lookCourseModal = true;
-          result.attach = result.attach == "" ? [] : result.attach.split(",");
-          state.faceDetailObj = result;
+		const getFaceDetail = (id) => {
+			console.log(id);
+			courseDetail(id)
+				.then((res) => {
+					console.log("获取面授详情信息成功", res);
+					let result = res.data.data;
+					state.lookCourseModal = true;
+					result.attach = result.attach == "" ? [] : result.attach.split(",");
+					state.faceDetailObj = result;
 
-          heroImg.value.src = result.picUrl;
-          valueHtml.value = result.outline;
-          attachMap.value = result.attach == "" ? [] : result.attach.split(",");
-          console.log(result, attachMap.value);
-        })
-        .catch((err) => {
-          console.log("获取面授详情信息失败", err);
-        });
-    };
+					heroImg.value.src = result.picUrl;
+					valueHtml.value = result.outline;
+					attachMap.value = result.attach == "" ? [] : result.attach.split(",");
+					console.log(result, attachMap.value);
+				})
+				.catch((err) => {
+					console.log("获取面授详情信息失败", err);
+				});
+		};
 
-    //  内容分类 场景 -- 目前直接写死的
-    const sceneist11 = [
-      { dictCode: "6", dictValue: "场景一" },
-      { dictCode: "7", dictValue: "场景二" },
-    ];
-    const contentList11 = [
-      { dictCode: "8", dictValue: "分类一" },
-      { dictCode: "5", dictValue: "分类二" },
-    ];
+		//  内容分类 场景 -- 目前直接写死的
+		const sceneist11 = [
+			{ dictCode: "6", dictValue: "场景一" },
+			{ dictCode: "7", dictValue: "场景二" },
+		];
+		const contentList11 = [
+			{ dictCode: "8", dictValue: "分类一" },
+			{ dictCode: "5", dictValue: "分类二" },
+		];
 
-    // contentList11.find(e => e.dictCode == text)?.dictValue
+		// contentList11.find(e => e.dictCode == text)?.dictValue
 
-    const searchList = () => {
-      let objn = {
-        auditStatus: 1,
-        categoryId: state.valueproj,
-        createName: state.valuecreater,
-        name: state.valuename,
-        pageNo: state.currentPage,
-        pageSize: 10,
-        projectName: "",
-      };
+		const searchList = () => {
+			let objn = {
+				auditStatus: 1,
+				categoryId: state.valueproj,
+				createName: state.valuecreater,
+				name: state.valuename,
+				pageNo: state.currentPage,
+				pageSize: 10,
+				projectName: "",
+			};
 
-      console.log(objn);
+			console.log(objn);
 
-      list(objn)
-        .then((res) => {
-          console.log("获取面授列表成功", res);
-          let result = res.data.data;
-          state.total = result.total;
-          if (result.total > 0) {
-            setFaceData(result.rows);
-          } else {
-            setFaceData([]);
-          }
-        })
-        .catch((err) => {
-          console.log("获取面授列表失败", err);
-        });
-    };
+			list(objn)
+				.then((res) => {
+					console.log("获取面授列表成功", res);
+					let result = res.data.data;
+					state.total = result.total;
+					if (result.total > 0) {
+						setFaceData(result.rows);
+					} else {
+						setFaceData([]);
+					}
+				})
+				.catch((err) => {
+					console.log("获取面授列表失败", err);
+				});
+		};
 
-    // 预览弹框 开启和关闭
-    const ft_exit = () => {
-      state.lookCourseModal = false;
-    };
+		// 预览弹框 开启和关闭
+		const ft_exit = () => {
+			state.lookCourseModal = false;
+		};
 
-    const setFaceData = (tableData) => {
-      if (!tableData || !tableData.length) {
-        state.tableData1 = [];
-        return;
-      }
-      let data = tableData;
-      let array = [];
-      data.map((item, i) => {
-        let obj = {
-          number: i + 1 + (state.currentPage - 1) * 10,
-          name: item.name,
-          type: item.type == 1 ? "线上" : "线下",
-          content: sHX(item.categoryId),
-          status:
-            item.status == 0
-              ? "未提交"
-              : item.status == 1
-              ? "待审核"
-              : item.status == 2
-              ? "通过"
-              : item.status == -1
-              ? "拒绝"
-              : "-",
-          change: "-",
-          creater: item.createName,
-          time: item.processTime,
-          createrId: item.createId,
-          offId: item.offcourseId,
-        };
-        array.push(obj);
-      });
-      state.tableData1 = array;
-    };
-    const reset = () => {
-      state.valueproj = null;
-      state.valuecreater = null;
-      state.valuename = null;
-      getFaceList();
-    };
-    const changePagination = (pagina) => {
-      state.currentPage = pagina;
-      getFaceList();
-    };
-    const showAudit = (id, creater, offId) => {
-      state.courAuditModal = true;
-      state.chooseId = id;
-      state.chooseCreater = creater;
-      state.chooseOffId = offId;
-      getFaceList();
-    };
-    const closeCourAuditModal = () => {
-      state.courAuditModal = false;
-      state.valueSugg = null;
-      state.valuepass = "1";
-      state.chooseId = null;
-      state.chooseCreater = null;
-      state.chooseOffId = null;
-    };
-    const sureCourAuditModal = () => {
-      console.log(state.valueSugg);
-      if (
-        state.valueSugg == null ||
-        state.valueSugg == undefined ||
-        state.valueSugg == ""
-      ) {
-        message.destroy();
-        message.error("请输入审核意见");
-        return;
-      }
+		const setFaceData = (tableData) => {
+			if (!tableData || !tableData.length) {
+				state.tableData1 = [];
+				return;
+			}
+			let data = tableData;
+			let array = [];
+			data.map((item, i) => {
+				let obj = {
+					number: i + 1 + (state.currentPage - 1) * 10,
+					name: item.name,
+					type: item.type == 1 ? "线上" : "线下",
+					content: sHX(item.categoryId),
+					status:
+						item.status == 0
+							? "未提交"
+							: item.status == 1
+								? "待审核"
+								: item.status == 2
+									? "通过"
+									: item.status == -1
+										? "拒绝"
+										: "-",
+					change: "-",
+					creater: item.createName,
+					time: item.processTime,
+					createrId: item.createId,
+					offId: item.offcourseId,
+				};
+				array.push(obj);
+			});
+			state.tableData1 = array;
+		};
+		const reset = () => {
+			state.valueproj = null;
+			state.valuecreater = null;
+			state.valuename = null;
+			getFaceList();
+		};
+		const changePagination = (pagina) => {
+			state.currentPage = pagina;
+			getFaceList();
+		};
+		const showAudit = (id, creater, offId) => {
+			state.courAuditModal = true;
+			state.chooseId = id;
+			state.chooseCreater = creater;
+			state.chooseOffId = offId;
+			getFaceList();
+		};
+		const closeCourAuditModal = () => {
+			state.courAuditModal = false;
+			state.valueSugg = null;
+			state.valuepass = "1";
+			state.chooseId = null;
+			state.chooseCreater = null;
+			state.chooseOffId = null;
+		};
+		const sureCourAuditModal = () => {
+			console.log(state.valueSugg);
+			if (
+				state.valueSugg == null ||
+				state.valueSugg == undefined ||
+				state.valueSugg == ""
+			) {
+				message.destroy();
+				message.error("请输入审核意见");
+				return;
+			}
 
-      courseAuditView({
-        createId: state.chooseId,
-        createName: state.chooseCreater,
-        description: state.valueSugg,
-        offcourseId: state.chooseOffId,
-        pass: state.valuepass == "1" ? 1 : 0,
-      })
-        .then((res) => {
-          console.log(res);
-          state.courAuditModal = false;
-          message.destroy();
-          message.success("审核提交成功");
-          state.valueSugg = null;
-          state.valuepass = "1";
-          getFaceList();
-        })
-        .catch((err) => {
-          console.log(err);
-          message.destroy();
-          message.warning("审核提交失败");
-          state.valueSugg = null;
-          state.valuepass = "1";
-        });
-    };
-    onMounted(async () => {
-      getFaceList();
-      //获取分类列表
-      state.calssifyList = (await getDictList("faceclassClass")).map((e) => ({
-        label: e.dictName,
-        value: e.dictCode,
-      }));
-    });
+			courseAuditView({
+				createId: state.chooseId,
+				createName: state.chooseCreater,
+				description: state.valueSugg,
+				offcourseId: state.chooseOffId,
+				pass: state.valuepass == "1" ? 1 : 0,
+			})
+				.then((res) => {
+					console.log(res);
+					state.courAuditModal = false;
+					message.destroy();
+					message.success("审核提交成功");
+					state.valueSugg = null;
+					state.valuepass = "1";
+					getFaceList();
+				})
+				.catch((err) => {
+					console.log(err);
+					message.destroy();
+					message.warning("审核提交失败");
+					state.valueSugg = null;
+					state.valuepass = "1";
+				});
+		};
+		onMounted(async () => {
+			getFaceList();
+			//获取分类列表
+			state.calssifyList = (await getDictList("faceclassClass")).map((e) => ({
+				label: e.dictName,
+				value: e.dictCode,
+			}));
+		});
 
-    // 禁止用户编辑文本框内容
-    const onEditorFocus = (event) => {
-      event.enable(false);
-    };
-    return {
-      ...toRefs(state),
-      getFaceList,
-      searchList,
-      setFaceData,
-      reset,
-      changePagination,
-      showAudit,
-      closeCourAuditModal,
-      sureCourAuditModal,
-      ft_exit,
-      getFaceDetail,
-      heroImg,
-      valueHtml,
-      attachMap,
-      contentList11,
-      sceneist11,
-      onEditorFocus,
-      sHX
-    };
-  },
+		// 格式化树型结构选择数据
+		const changeTreeSelectValue = (values) => {
+			let data = state.options2222;
+			console.log(values, data)
+			let str = ''
+			for (let i = 0; i < data.length; i++) {
+				if (data[i].value == values) {
+					str = data[i].title
+				} else {
+					for (let j = 0; j < data[i].children.length; j++) {
+						if (data[i].children[j].value == values) {
+							str = data[i].title + '/' + data[i].children[j].title
+						} else {
+							if (data[i].children[j].children) {
+								for (let k = 0; k < data[i].children[j].children.length; k++) {
+									if (data[i].children[j].children[k].value == values) {
+										str = data[i].title + '/' + data[i].children[j].title + '/' + data[i].children[j].children[k].title
+									} else {
+										str = '-'
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+			console.log('str-str-str-str', str)
+			state.fen_lei1 = str;
+			return str;
+		}
+
+		// 禁止用户编辑文本框内容
+		const onEditorFocus = (event) => {
+			event.enable(false);
+		};
+		return {
+			...toRefs(state),
+			getFaceList,
+			searchList,
+			setFaceData,
+			reset,
+			changePagination,
+			showAudit,
+			closeCourAuditModal,
+			sureCourAuditModal,
+			ft_exit,
+			getFaceDetail,
+			heroImg,
+			valueHtml,
+			attachMap,
+			contentList11,
+			sceneist11,
+			onEditorFocus,
+			sHX
+		};
+	},
 };
 </script>
 <style lang="scss">
 .courAuditModal {
-  .ant-modal {
-    width: 640px !important;
-    height: 400px !important;
+	.ant-modal {
+		width: 640px !important;
+		height: 400px !important;
 
-    .ant-modal-content {
-      width: 640px !important;
-      height: 400px !important;
+		.ant-modal-content {
+			width: 640px !important;
+			height: 400px !important;
 
-      .ant-modal-body {
-        width: 640px !important;
-        height: 400px !important;
-        padding: 0 !important;
+			.ant-modal-body {
+				width: 640px !important;
+				height: 400px !important;
+				padding: 0 !important;
 
-        .delete {
-          z-index: 999;
-          width: 640px;
-          height: 400px;
-          background: #ffffff;
-          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-          border-radius: 4px;
+				.delete {
+					z-index: 999;
+					width: 640px;
+					height: 400px;
+					background: #ffffff;
+					box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+					border-radius: 4px;
 
-          // position: absolute;
-          // left: 50%;
-          // top: 10%;
-          // transform: translate(-50%, -50%);
-          .del_header {
-            position: absolute;
-            width: calc(100%);
-            height: 68px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-          }
+					// position: absolute;
+					// left: 50%;
+					// top: 10%;
+					// transform: translate(-50%, -50%);
+					.del_header {
+						position: absolute;
+						width: calc(100%);
+						height: 68px;
+						background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+								rgba(78, 166, 255, 0) 100%);
+					}
 
-          .del_main {
-            width: 100%;
-            position: relative;
+					.del_main {
+						width: 100%;
+						position: relative;
 
-            .header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
+						.header {
+							display: flex;
+							align-items: center;
+							padding-top: 20px;
+							padding-left: 26px;
+							font-size: 16px;
 
-              .icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/taskpage/gan.png);
-                background-size: 100% 100%;
-              }
+							.icon {
+								width: 16px;
+								height: 16px;
+								margin-right: 10px;
+								background-image: url(@/assets/images/taskpage/gan.png);
+								background-size: 100% 100%;
+							}
 
-              .close_exit {
-                position: absolute;
-                right: 42px;
-                cursor: pointer;
-                width: 20px;
-                height: 20px;
-                background-image: url(@/assets/images/coursewareManage/close.png);
-                background-size: 100% 100%;
-              }
-            }
+							.close_exit {
+								position: absolute;
+								right: 42px;
+								cursor: pointer;
+								width: 20px;
+								height: 20px;
+								background-image: url(@/assets/images/coursewareManage/close.png);
+								background-size: 100% 100%;
+							}
+						}
 
-            .body {
-              width: 100%;
-              margin: 34px auto 56px auto;
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              flex-direction: column;
-              // background-color: red;
-              position: relative;
+						.body {
+							width: 100%;
+							margin: 34px auto 56px auto;
+							display: flex;
+							justify-content: center;
+							align-items: center;
+							flex-direction: column;
+							// background-color: red;
+							position: relative;
 
-              .item {
-                display: flex;
-                width: 100%;
+							.item {
+								display: flex;
+								width: 100%;
 
-                .left {
-                  width: 110px;
-                  text-align: right;
-                }
+								.left {
+									width: 110px;
+									text-align: right;
+								}
 
-                .rig {
-                  width: 450px;
+								.rig {
+									width: 450px;
 
-                  .ant-input {
-                    border-radius: 8px;
-                    resize: none !important;
-                  }
-                }
-              }
-            }
+									.ant-input {
+										border-radius: 8px;
+										resize: none !important;
+									}
+								}
+							}
+						}
 
-            .del_btnbox {
-              display: flex;
-              margin: 30px auto;
-              justify-content: center;
+						.del_btnbox {
+							display: flex;
+							margin: 30px auto;
+							justify-content: center;
 
-              .del_btn {
-                width: 100px;
-                height: 40px;
-                background: rgba(64, 158, 255, 0);
-                border-radius: 8px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
+							.del_btn {
+								width: 100px;
+								height: 40px;
+								background: rgba(64, 158, 255, 0);
+								border-radius: 8px;
+								display: flex;
+								align-items: center;
+								justify-content: center;
 
-                flex-shrink: 0;
-                cursor: pointer;
+								flex-shrink: 0;
+								cursor: pointer;
 
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
+								.btnText {
+									font-size: 14px;
+									font-weight: 400;
+									line-height: 40px;
+								}
+							}
 
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-                margin-right: 14px;
-              }
+							.btn1 {
+								border: 1px solid rgba(64, 158, 255, 1);
+								color: #4ea6ff;
+								margin-right: 14px;
+							}
 
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
+							.btn2 {
+								background-color: #4ea6ff;
+								color: #ffffff;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
 }
 
 .lookCourseModal {
-  .ant-modal {
-    .ant-modal-content {
-      // width:1358px !important;
-      .ant-modal-body {
-        .modalHeader {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
+	.ant-modal {
+		.ant-modal-content {
 
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
+			// width:1358px !important;
+			.ant-modal-body {
+				.modalHeader {
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
 
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
+					.headerLeft {
+						margin-left: 27px;
+						display: flex;
+						align-items: center;
 
-        .modalMain {
-          .m_title {
-            margin-bottom: 20px;
-          }
+						.headerLeftText {
+							font-size: 16px;
+							font-weight: 400;
+							color: #000000;
+							line-height: 36px;
+						}
+					}
+				}
 
-          .m_body {
-            display: flex;
-            flex-wrap: wrap;
+				.modalMain {
+					.m_title {
+						margin-bottom: 20px;
+					}
 
-            .mb_left {
-              width: 50%;
+					.m_body {
+						display: flex;
+						flex-wrap: wrap;
 
-              .mbl_items {
-                display: flex;
-                align-items: center;
-                justify-content: flex-end;
-                margin-bottom: 10px;
+						.mb_left {
+							width: 50%;
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+							.mbl_items {
+								display: flex;
+								align-items: center;
+								justify-content: flex-end;
+								margin-bottom: 10px;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                .item_inp {
-                  flex: 1;
-                  position: relative;
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-right: 5px;
+										margin-top: -15px;
+									}
+								}
 
-                  .inp_num {
-                    position: absolute;
-                    left: 398px;
-                    top: 10px;
-                  }
-                }
-              }
+								.item_inp {
+									flex: 1;
+									position: relative;
 
-              .mbl_items2 {
-                display: flex;
-                align-items: start;
-                margin-top: 10px;
-                margin-bottom: 10px;
+									.inp_num {
+										position: absolute;
+										left: 398px;
+										top: 10px;
+									}
+								}
+							}
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+							.mbl_items2 {
+								display: flex;
+								align-items: start;
+								margin-top: 10px;
+								margin-bottom: 10px;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                .item_inp {
-                  flex: 1;
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-right: 5px;
+										margin-top: -15px;
+									}
+								}
 
-                  .i_upload_img {
-                    width: 100px;
-                    height: 100px;
-                    border-radius: 8px;
-                  }
+								.item_inp {
+									flex: 1;
 
-                  .i_upload {
-                    width: 100px;
-                    height: 100px;
-                    border: 1px solid #4ea6ff;
-                    border-radius: 8px;
-                    text-align: center;
-                    align-items: center;
-                    cursor: pointer;
+									.i_upload_img {
+										width: 100px;
+										height: 100px;
+										border-radius: 8px;
+									}
 
-                    .addimg {
-                      position: relative;
+									.i_upload {
+										width: 100px;
+										height: 100px;
+										border: 1px solid #4ea6ff;
+										border-radius: 8px;
+										text-align: center;
+										align-items: center;
+										cursor: pointer;
 
-                      .heng {
-                        position: absolute;
-                        top: 50px;
-                        left: 25px;
-                        width: 50px;
-                        border: 1px solid #4ea6ff;
-                      }
+										.addimg {
+											position: relative;
 
-                      .shu {
-                        position: absolute;
-                        top: 25px;
-                        left: 50px;
-                        height: 50px;
-                        border: 1px solid #4ea6ff;
-                      }
-                    }
-                  }
-                }
-              }
+											.heng {
+												position: absolute;
+												top: 50px;
+												left: 25px;
+												width: 50px;
+												border: 1px solid #4ea6ff;
+											}
 
-              .i2_cz {
-                width: 440px;
-                margin-left: 100px;
+											.shu {
+												position: absolute;
+												top: 25px;
+												left: 50px;
+												height: 50px;
+												border: 1px solid #4ea6ff;
+											}
+										}
+									}
+								}
+							}
 
-                .i2_top {
-                  display: flex;
-                  justify-content: space-between;
-                }
-              }
+							.i2_cz {
+								width: 440px;
+								margin-left: 100px;
 
-              .i8_bottom {
-                display: flex;
-                width: 440px;
-                margin-left: 100px;
-              }
-            }
+								.i2_top {
+									display: flex;
+									justify-content: space-between;
+								}
+							}
 
-            .mb_right {
-              width: 50%;
+							.i8_bottom {
+								display: flex;
+								width: 440px;
+								margin-left: 100px;
+							}
+						}
 
-              .mbl_items {
-                display: flex;
-                align-items: flex-start;
-                justify-content: flex-end;
-                margin-bottom: 10px;
+						.mb_right {
+							width: 50%;
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+							.mbl_items {
+								display: flex;
+								align-items: flex-start;
+								justify-content: flex-end;
+								margin-bottom: 10px;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-top: -15px;
-                    margin-right: 5px;
-                  }
-                }
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                .item_inp {
-                  flex: 1;
-                }
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-top: -15px;
+										margin-right: 5px;
+									}
+								}
 
-                .accessory {
-                  display: flex;
-                  align-items: center;
+								.item_inp {
+									flex: 1;
+								}
 
-                  .accessory_icon {
-                    width: 16px;
-                    height: 16px;
-                    margin-top: -8px;
-                    margin-right: 5px;
-                  }
-                }
-              }
+								.accessory {
+									display: flex;
+									align-items: center;
 
-              .mbl_items2 {
-                display: flex;
-                align-items: start;
-                margin-bottom: 10px;
+									.accessory_icon {
+										width: 16px;
+										height: 16px;
+										margin-top: -8px;
+										margin-right: 5px;
+									}
+								}
+							}
 
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
+							.mbl_items2 {
+								display: flex;
+								align-items: start;
+								margin-bottom: 10px;
 
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
+								.item_nam {
+									width: 100px;
+									display: flex;
+									align-items: center;
+									justify-content: flex-end;
+									white-space: nowrap;
 
-                .item_inp {
-                  flex: 1;
-                  position: relative;
+									.asterisk_icon {
+										width: 10px;
+										height: 10px;
+										margin-right: 5px;
+										margin-top: -15px;
+									}
+								}
 
-                  .inp_num {
-                    position: absolute;
-                    left: 395px;
-                    bottom: 10px;
-                  }
-                }
-              }
+								.item_inp {
+									flex: 1;
+									position: relative;
 
-              .mbl_items12 {
-                width: 440px;
-                margin-left: 100px;
+									.inp_num {
+										position: absolute;
+										left: 395px;
+										bottom: 10px;
+									}
+								}
+							}
 
-                .i12_box1 {
-                  display: flex;
-                  align-items: center;
-                  padding: 17px 0px 17px 21px;
-                  border: 1px solid #eff4fc;
-                  border-radius: 8px;
-                  margin-bottom: 10px;
+							.mbl_items12 {
+								width: 440px;
+								margin-left: 100px;
 
-                  .file_img {
-                    width: 27px;
-                    height: 32px;
-                    // background-image: url(@/assets/images/coursewareManage/imgs.png);
-                    margin-right: 22px;
+								.i12_box1 {
+									display: flex;
+									align-items: center;
+									padding: 17px 0px 17px 21px;
+									border: 1px solid #eff4fc;
+									border-radius: 8px;
+									margin-bottom: 10px;
 
-                    img {
-                      width: 100%;
-                      height: 100%;
-                    }
-                  }
+									.file_img {
+										width: 27px;
+										height: 32px;
+										// background-image: url(@/assets/images/coursewareManage/imgs.png);
+										margin-right: 22px;
 
-                  .file_detail {
-                    width: 250px;
-                    margin-right: 21px;
+										img {
+											width: 100%;
+											height: 100%;
+										}
+									}
 
-                    .file_updata {
-                      display: flex;
-                      align-items: center;
+									.file_detail {
+										width: 250px;
+										margin-right: 21px;
 
-                      .updatabox {
-                        position: relative;
-                        width: 230px;
-                        height: 5px;
-                        background-color: rgba(192, 192, 192, 0.25);
-                        border-radius: 3px;
+										.file_updata {
+											display: flex;
+											align-items: center;
 
-                        .updatacolor {
-                          position: absolute;
-                          left: 0;
-                          width: 100%;
-                          height: 5px;
-                          background-color: #57c887;
-                          border-radius: 3px;
-                        }
+											.updatabox {
+												position: relative;
+												width: 230px;
+												height: 5px;
+												background-color: rgba(192, 192, 192, 0.25);
+												border-radius: 3px;
 
-                        .updatacolor2 {
-                          position: absolute;
-                          left: 0;
-                          width: 80%;
-                          height: 5px;
-                          background-color: #ff7474;
-                          border-radius: 3px;
-                        }
+												.updatacolor {
+													position: absolute;
+													left: 0;
+													width: 100%;
+													height: 5px;
+													background-color: #57c887;
+													border-radius: 3px;
+												}
 
-                        .updatacolor3 {
-                          position: absolute;
-                          left: 0;
-                          width: 60%;
-                          height: 5px;
-                          background-color: #4ea6ff;
-                          border-radius: 3px;
-                        }
+												.updatacolor2 {
+													position: absolute;
+													left: 0;
+													width: 80%;
+													height: 5px;
+													background-color: #ff7474;
+													border-radius: 3px;
+												}
 
-                        .updataxq {
-                          position: absolute;
-                          right: 2px;
-                          top: -30px;
-                          color: #57c887;
-                        }
+												.updatacolor3 {
+													position: absolute;
+													left: 0;
+													width: 60%;
+													height: 5px;
+													background-color: #4ea6ff;
+													border-radius: 3px;
+												}
 
-                        .updataxq2 {
-                          position: absolute;
-                          right: 2px;
-                          top: -30px;
-                          color: #ff7474;
-                        }
+												.updataxq {
+													position: absolute;
+													right: 2px;
+													top: -30px;
+													color: #57c887;
+												}
 
-                        .updataxq3 {
-                          position: absolute;
-                          right: 2px;
-                          top: -30px;
-                          color: #4ea6ff;
-                        }
-                      }
-                    }
-                  }
+												.updataxq2 {
+													position: absolute;
+													right: 2px;
+													top: -30px;
+													color: #ff7474;
+												}
 
-                  .file_operation {
-                    display: flex;
+												.updataxq3 {
+													position: absolute;
+													right: 2px;
+													top: -30px;
+													color: #4ea6ff;
+												}
+											}
+										}
+									}
 
-                    .fobox {
-                      margin-right: 5px;
-                      cursor: pointer;
-                    }
-                  }
-                }
-              }
-            }
-          }
+									.file_operation {
+										display: flex;
 
-          .m_footer {
-            display: flex;
-            margin: 20px 0;
+										.fobox {
+											margin-right: 5px;
+											cursor: pointer;
+										}
+									}
+								}
+							}
+						}
+					}
 
-            .fotnam {
-              width: 100px;
-              display: flex;
-              justify-content: end;
-              padding-right: 15px;
-            }
+					.m_footer {
+						display: flex;
+						margin: 20px 0;
 
-            .fotarea {
-              position: relative;
+						.fotnam {
+							width: 100px;
+							display: flex;
+							justify-content: end;
+							padding-right: 15px;
+						}
 
-              .fuwenben {
-                width: 90%;
-                height: 20px;
-                background-color: rgb(95, 95, 95);
-                position: absolute;
-                left: 50%;
-                transform: translate(-50%, 0);
-                top: 3px;
-                z-index: 9999;
-              }
-            }
-          }
+						.fotarea {
+							position: relative;
 
-          .m_btn {
-            width: 100%;
-            margin-top: 25px;
-            margin-bottom: 20px;
-            display: flex;
-            justify-content: center;
-            align-content: center;
+							.fuwenben {
+								width: 90%;
+								height: 20px;
+								background-color: rgb(95, 95, 95);
+								position: absolute;
+								left: 50%;
+								transform: translate(-50%, 0);
+								top: 3px;
+								z-index: 9999;
+							}
+						}
+					}
 
-            .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;
+					.m_btn {
+						width: 100%;
+						margin-top: 25px;
+						margin-bottom: 20px;
+						display: flex;
+						justify-content: center;
+						align-content: center;
 
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                line-height: 40px;
-              }
-            }
+						.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;
 
-            .btn5 {
-              border: 1px solid rgba(64, 158, 255, 1);
-              color: #4ea6ff;
-            }
+							.btnText {
+								font-size: 14px;
+								font-weight: 400;
+								line-height: 40px;
+							}
+						}
 
-            .btn6 {
-              background-color: #4ea6ff;
-              color: #ffffff;
-            }
-          }
-        }
-      }
-    }
-  }
+						.btn5 {
+							border: 1px solid rgba(64, 158, 255, 1);
+							color: #4ea6ff;
+						}
+
+						.btn6 {
+							background-color: #4ea6ff;
+							color: #ffffff;
+						}
+					}
+				}
+			}
+		}
+	}
 }
 
 .coursereviewedn {
-  width: 100%;
+	width: 100%;
 
-  .tmpl {
-    width: 100%;
+	.tmpl {
+		width: 100%;
 
-    .tmpl_header {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      margin-bottom: 32px;
+		.tmpl_header {
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: space-between;
+			margin-bottom: 32px;
 
-      margin-left: 32px;
-      margin-right: 32px;
+			margin-left: 32px;
+			margin-right: 32px;
 
-      .tmplh_inp {
-        .inpbox {
-          display: flex;
-          margin-top: 32px;
-          flex-wrap: wrap;
+			.tmplh_inp {
+				.inpbox {
+					display: flex;
+					margin-top: 32px;
+					flex-wrap: wrap;
 
-          .inpbox1 {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            margin-right: 24px;
-            margin-top: 10px;
+					.inpbox1 {
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						margin-right: 24px;
+						margin-top: 10px;
 
-            .ant-select-selector {
-              border-radius: 8px;
-              width: 270px;
-              height: 40px;
-              padding-top: 5px;
-            }
+						.ant-select-selector {
+							border-radius: 8px;
+							width: 270px;
+							height: 40px;
+							padding-top: 5px;
+						}
 
-            span {
-              white-space: nowrap;
-            }
-          }
-        }
-      }
+						span {
+							white-space: nowrap;
+						}
+					}
+				}
+			}
 
-      .tmplh_btn {
-        display: flex;
-        // margin-left: 38px;
-        margin-top: 42px;
+			.tmplh_btn {
+				display: flex;
+				// margin-left: 38px;
+				margin-top: 42px;
 
-        .btn {
-          padding: 0px 26px 0px 26px;
-          height: 38px;
-          border-radius: 8px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          margin-right: 14px;
-          cursor: pointer;
-          flex-shrink: 0;
+				.btn {
+					padding: 0px 26px 0px 26px;
+					height: 38px;
+					border-radius: 8px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					margin-right: 14px;
+					cursor: pointer;
+					flex-shrink: 0;
 
-          .search {
-            background-size: 100%;
-          }
+					.search {
+						background-size: 100%;
+					}
 
-          .btnText {
-            font-size: 14px;
-            font-weight: 400;
-            line-height: 36px;
-            margin-left: 5px;
-          }
+					.btnText {
+						font-size: 14px;
+						font-weight: 400;
+						line-height: 36px;
+						margin-left: 5px;
+					}
 
-          .btnText1 {
-            color: rgb(255, 255, 255);
-          }
+					.btnText1 {
+						color: rgb(255, 255, 255);
+					}
 
-          .btnText2 {
-            color: rgba(64, 158, 255, 1);
-          }
-        }
+					.btnText2 {
+						color: rgba(64, 158, 255, 1);
+					}
+				}
 
-        .btn1 {
-          background: #4ea6ff;
+				.btn1 {
+					background: #4ea6ff;
 
-          .search {
-            width: 15px;
-            height: 17px;
-            background-image: url("../../assets/images/courseManage/search0.png");
-          }
-        }
+					.search {
+						width: 15px;
+						height: 17px;
+						background-image: url("../../assets/images/courseManage/search0.png");
+					}
+				}
 
-        .btn2 {
-          background: #ffffff;
-          border: 1px solid #4ea6ff;
+				.btn2 {
+					background: #ffffff;
+					border: 1px solid #4ea6ff;
 
-          .search {
-            width: 16px;
-            height: 18px;
-            background-image: url("../../assets/images/courseManage/reset1.png");
-          }
-        }
+					.search {
+						width: 16px;
+						height: 18px;
+						background-image: url("../../assets/images/courseManage/reset1.png");
+					}
+				}
 
-        .btn1:hover {
-          background: rgb(255, 255, 255);
-          border: 1px solid #4ea6ff;
+				.btn1:hover {
+					background: rgb(255, 255, 255);
+					border: 1px solid #4ea6ff;
 
-          .search {
-            background-image: url("../../assets/images/courseManage/search1.png");
-          }
+					.search {
+						background-image: url("../../assets/images/courseManage/search1.png");
+					}
 
-          .btnText {
-            color: rgba(64, 158, 255, 1);
-          }
-        }
+					.btnText {
+						color: rgba(64, 158, 255, 1);
+					}
+				}
 
-        .btn2:hover {
-          background: rgba(64, 158, 255, 1);
+				.btn2:hover {
+					background: rgba(64, 158, 255, 1);
 
-          .search {
-            background-image: url("../../assets/images/courseManage/reset0.png");
-          }
+					.search {
+						background-image: url("../../assets/images/courseManage/reset0.png");
+					}
 
-          .btnText {
-            color: #ffffff;
-          }
-        }
-      }
-    }
+					.btnText {
+						color: #ffffff;
+					}
+				}
+			}
+		}
 
-    .tmpl_body {
-      padding: 0px 30px;
+		.tmpl_body {
+			padding: 0px 30px;
 
-      .tmpl_tabbox {
-        .operation {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          color: #4ea6ff;
+			.tmpl_tabbox {
+				.operation {
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					color: #4ea6ff;
 
-          .nselect {
-            justify-content: center;
-            align-items: center;
-            display: flex;
+					.nselect {
+						justify-content: center;
+						align-items: center;
+						display: flex;
 
-            .jc {
-              margin-left: 20px;
-              white-space: nowrap;
-              cursor: pointer;
-            }
-          }
-        }
-      }
+						.jc {
+							margin-left: 20px;
+							white-space: nowrap;
+							cursor: pointer;
+						}
+					}
+				}
+			}
 
-      .pa {
-        width: 100%;
-        margin-top: 20px;
-        display: flex;
-        justify-content: center;
-      }
-    }
-  }
+			.pa {
+				width: 100%;
+				margin-top: 20px;
+				display: flex;
+				justify-content: center;
+			}
+		}
+	}
 }
 </style>
\ No newline at end of file