From 6fea7a649a5882fe6ea72769838ab1a5924df826 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=99=93=E9=B8=BD?= <lixg@dongwu-inc.com>
Date: Tue, 11 Oct 2022 10:59:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0=E6=8A=BD=E5=B1=89?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                  |    2 +
 src/assets/scss/common.scss                  |   24 +-
 src/views/courselibrary/CoursewareManage.vue | 2502 +++++++++---------
 src/views/learningpath/LevelAdd.vue          |   10 -
 src/views/system/SystemManage.vue            |  297 ++-
 5 files changed, 1512 insertions(+), 1323 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3ce8ce59..b6b111f7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -76,6 +76,8 @@ export default defineComponent({
     // flex-shrink: 0;
     display: flex;
     overflow-y: scroll;
+    // display: flex;
+    // flex: 1 1 auto;
     width: calc(100% - 40px);
     // margin-bottom: 20px;
     margin: 0px 20px 20px 20px;
diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss
index 3e8dce2d..b7599d68 100644
--- a/src/assets/scss/common.scss
+++ b/src/assets/scss/common.scss
@@ -191,4 +191,26 @@ display: none;
 .tabledropdown {
   width: 100px !important;
 }
-//表格下拉框-------------------------------------------
\ No newline at end of file
+//表格下拉框-------------------------------------------
+
+//抽屉--------------------------------------------------------
+.drawerStyle {
+  .ant-drawer-content-wrapper {
+    max-width: 1050px;
+    .ant-drawer-header {
+      display: none !important;
+    }
+    .ant-drawer-body {
+      padding: 0;
+    }
+  }
+  .drawerMain {
+    min-width: 700px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    
+   
+	}}
+	//抽屉--------------------------------------------------------
\ No newline at end of file
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 5050e2d6..a348c831 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -181,14 +181,13 @@
     <!-- 新建选择线上还是面授课弹窗 -->
 
     <!-- 确定新建面授课弹窗 -->
-    <div class="faceteach"
-    :style="{ display: ft_hs ? 'block' : 'none' }">
+    <div class="faceteach" :style="{ display: ft_hs ? 'block' : 'none' }">
       <div class="ft_header"></div>
       <div class="ft_main">
         <div class="m_header">
           <div class="add_icon"></div>
           <span>新建面授课</span>
-          <div class="add_exit" @click="ft_exit" >x</div>
+          <div class="add_exit" @click="ft_exit">x</div>
         </div>
         <div class="m_title">课程信息</div>
         <div class="m_body">
@@ -383,7 +382,7 @@
         :columns="tableDataFunc()"
         :data-source="tableData"
         :loading="tableDataTotal === -1 ? true : false"
-        :scroll="{ x: 800 }"
+        :scroll="{ x: 600 }"
         expandRowByClick="true"
         @expand="expandTable"
         :pagination="false"
@@ -391,329 +390,339 @@
     </div>
     <!-- 表格 -->
 
-    
     <!-- 操作管理在线课程管理页面 -->
     <div class="onlinemanage" :style="{ display: om_1 ? 'block' : 'none' }">
-        <div class="om_header">
+      <div class="om_header"></div>
+      <div class="om_main">
+        <div class="omm_header">
+          <div class="pc_icon"></div>
+          <span>在线课程管理</span>
+          <div class="pc_exit" @click="om_exit">x</div>
         </div>
-        <div class="om_main">
-            <div class="omm_header">
-                <div class="pc_icon"></div>
-                <span>在线课程管理</span>
-                <div class="pc_exit" @click="om_exit">x</div>
+        <div class="om_body">
+          <div class="b_title">课程：BMOT2021年职级晋升-安全管理（高级）</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>
+          <div class="b_menu">
+            <a-menu v-model:selectedKeys="current" mode="horizontal">
+              <a-menu-item key="mail"> 报名管理 </a-menu-item>
+              <a-menu-item key="sub2"> 学习记录 </a-menu-item>
+              <a-menu-item key="sub3"> 资源完成情况 </a-menu-item>
+            </a-menu>
+          </div>
+          <div class="b_menunav">
+            <div class="bm_select">
+              <a-select
+                class="select"
+                ref="select"
+                placeholder="请选择状态"
+                v-model:value="value1"
+                style="width: 200px"
+                @focus="focus"
+                @change="handleChange"
+              >
+                <a-select-option value="status">状态</a-select-option>
+                <a-select-option value="passed">已通过</a-select-option>
+                <a-select-option value="weishenhe">未审核</a-select-option>
+                <a-select-option value="reject">管理员拒绝</a-select-option>
+              </a-select>
             </div>
-            <div class="om_body">
-                <div class="b_title">课程：BMOT2021年职级晋升-安全管理（高级）</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>
-                <div class="b_menu">
-                    <a-menu v-model:selectedKeys="current" mode="horizontal">
-                        <a-menu-item key="mail">
-                            报名管理
-                        </a-menu-item>
-                        <a-menu-item key="sub2">
-                            学习记录
-                        </a-menu-item>
-                        <a-menu-item key="sub3">
-                            资源完成情况
-                        </a-menu-item>
-                    </a-menu>
-                </div>
-                <div class="b_menunav">
-                    <div class="bm_select">
-                        <a-select
-                            class="select"
-                            ref="select"
-                            placeholder="请选择状态"
-                            v-model:value="value1"
-                            style="width: 200px;"
-                            @focus="focus"
-                            @change="handleChange"
-                            >
-                            <a-select-option value="status">状态</a-select-option>
-                            <a-select-option value="passed">已通过</a-select-option>
-                            <a-select-option value="weishenhe">未审核</a-select-option>
-                            <a-select-option value="reject">管理员拒绝</a-select-option>
-                        </a-select>
-                    </div>
-                    <div class="bm_input">
-                        <a-input v-model:value="value" style="width: 200px ;height:40px;border-radius: 8px;" placeholder="姓名" />
-                    </div>
-                    <div class="bm_btn">
-                        <div class="btn btn1">
-                            <div class="search"></div>
-                            <div class="btnText">搜索</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="bm_table">
-                    <a-table
-                        :columns="columns1"
-                        :data-source="tableData2"
-                        :loading="tableDataTotal === -1 ? true : false"
-                        :pagination="false"
-                    />
-                </div>
+            <div class="bm_input">
+              <a-input
+                v-model:value="value"
+                style="width: 200px; height: 40px; border-radius: 8px"
+                placeholder="姓名"
+              />
             </div>
+            <div class="bm_btn">
+              <div class="btn btn1">
+                <div class="search"></div>
+                <div class="btnText">搜索</div>
+              </div>
+            </div>
+          </div>
+          <div class="bm_table">
+            <a-table
+              :columns="columns1"
+              :data-source="tableData2"
+              :loading="tableDataTotal === -1 ? true : false"
+              :pagination="false"
+            />
+          </div>
         </div>
+      </div>
     </div>
     <!-- 操作管理在线课程管理页面 -->
 
     <!-- 操作管理面授课程管理页面 -->
     <div class="faceteachmanage" :style="{ display: ftm_1 ? 'block' : 'none' }">
-        <div class="om_header">
+      <div class="om_header"></div>
+      <div class="om_main">
+        <div class="omm_header">
+          <div class="pc_icon"></div>
+          <span>面授课程管理</span>
+          <div class="pc_exit" @click="ftm_exit">x</div>
         </div>
-        <div class="om_main">
-            <div class="omm_header">
-                <div class="pc_icon"></div>
-                <span>面授课程管理</span>
-                <div class="pc_exit" @click="ftm_exit">x</div>
+        <div class="om_body">
+          <div class="b_title">课程：BMOT2021年职级晋升-安全管理（高级）</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>
+          <div class="b_menu">
+            <a-menu v-model:selectedKeys="current" mode="horizontal">
+              <a-menu-item key="mail"> 报名管理 </a-menu-item>
+              <a-menu-item key="sub2"> 学习记录 </a-menu-item>
+            </a-menu>
+          </div>
+          <div class="b_menunav">
+            <div class="bm_select">
+              <a-select
+                class="select"
+                ref="select"
+                placeholder="请选择状态"
+                v-model:value="value1"
+                style="width: 200px"
+                @focus="focus"
+                @change="handleChange"
+              >
+                <a-select-option value="status">状态</a-select-option>
+                <a-select-option value="passed">已通过</a-select-option>
+                <a-select-option value="weishenhe">未审核</a-select-option>
+                <a-select-option value="reject">管理员拒绝</a-select-option>
+              </a-select>
             </div>
-            <div class="om_body">
-                <div class="b_title">课程：BMOT2021年职级晋升-安全管理（高级）</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>
-                <div class="b_menu">
-                    <a-menu v-model:selectedKeys="current" mode="horizontal">
-                        <a-menu-item key="mail">
-                            报名管理
-                        </a-menu-item>
-                        <a-menu-item key="sub2">
-                            学习记录
-                        </a-menu-item>
-                    </a-menu>
-                </div>
-                <div class="b_menunav">
-                    <div class="bm_select">
-                        <a-select
-                            class="select"
-                            ref="select"
-                            placeholder="请选择状态"
-                            v-model:value="value1"
-                            style="width: 200px;"
-                            @focus="focus"
-                            @change="handleChange"
-                            >
-                            <a-select-option value="status">状态</a-select-option>
-                            <a-select-option value="passed">已通过</a-select-option>
-                            <a-select-option value="weishenhe">未审核</a-select-option>
-                            <a-select-option value="reject">管理员拒绝</a-select-option>
-                        </a-select>
-                    </div>
-                    <div class="bm_input">
-                        <a-input v-model:value="value" style="width: 200px ;height:40px;border-radius: 8px;" placeholder="姓名" />
-                    </div>
-                    <div class="bm_btn">
-                        <div class="btn btn1">
-                            <div class="search"></div>
-                            <div class="btnText">搜索</div>
-                        </div>
-                    </div>
-                </div>
-                <div class="bm_table">
-                    <a-table
-                        :columns="columns1"
-                        :data-source="tableData3"
-                        :loading="tableDataTotal === -1 ? true : false"
-                        :pagination="false"
-                    >
-                      <template #bodyCell="{ column }">
-                        <template v-if="column.key === 'opacation'">
-                          <a @click="ckxq_hs">查看详情</a>
-                        </template>
-                      </template>
-                    </a-table>
-                </div>
+            <div class="bm_input">
+              <a-input
+                v-model:value="value"
+                style="width: 200px; height: 40px; border-radius: 8px"
+                placeholder="姓名"
+              />
             </div>
+            <div class="bm_btn">
+              <div class="btn btn1">
+                <div class="search"></div>
+                <div class="btnText">搜索</div>
+              </div>
+            </div>
+          </div>
+          <div class="bm_table">
+            <a-table
+              :columns="columns1"
+              :data-source="tableData3"
+              :loading="tableDataTotal === -1 ? true : false"
+              :pagination="false"
+            >
+              <template #bodyCell="{ column }">
+                <template v-if="column.key === 'opacation'">
+                  <a @click="ckxq_hs">查看详情</a>
+                </template>
+              </template>
+            </a-table>
+          </div>
         </div>
+      </div>
     </div>
     <!-- 操作管理面授课程管理页面 -->
 
     <!-- 操作管理面授课程管理查看详情页面 -->
-    <div class="ftsturecord"
-    :style="{ display: om_ckxq ? 'block' : 'none' }">
-        <div class="ftsr_header">
+    <div class="ftsturecord" :style="{ display: om_ckxq ? 'block' : 'none' }">
+      <div class="ftsr_header"></div>
+      <div class="ftsr_main">
+        <div class="m_header">
+          <div class="det_icon"></div>
+          <span>查看详情</span>
+          <div class="det_exit" @click="ftsr_exit">x</div>
         </div>
-        <div class="ftsr_main">
-            <div class="m_header">
-                <div class="det_icon"></div>
-                <span>查看详情</span>
-                <div class="det_exit" @click="ftsr_exit">x</div>
-            </div>
-            <div class="ftsr_table">
-                    <a-table
-                        :columns="columns2"
-                        :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 class="ftsr_table">
+          <a-table
+            :columns="columns2"
+            :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 class="givepower"
-    :style="{ display: gpm_hs ? 'block' : 'none' }">
-        <div class="gp_header">
+    <div class="givepower" :style="{ display: gpm_hs ? 'block' : 'none' }">
+      <div class="gp_header"></div>
+      <div class="gp_main">
+        <div class="gpm_header">
+          <div class="pc_icon"></div>
+          <span>授权</span>
+          <div class="pc_exit" @click="gpm_exit">x</div>
         </div>
-        <div class="gp_main">
-            <div class="gpm_header">
-                <div class="pc_icon"></div>
-                <span>授权</span>
-                <div class="pc_exit" @click="gpm_exit">x</div>
-            </div>
-            <div class="gpm_inputbtn">
-              <a-input
-                v-model:value="value"
-                style="width: 270px; height: 40px; border-radius: 8px;margin-right: 14px;"
-                placeholder="请输入项目名称"
-              />
-              <div class="gpm_btn btn1">
-                <div class="search"></div>
-                <div class="btnText">搜索</div>
-              </div>
-              <div class="gpm_btn btn2">
-                <div class="search"></div>
-                <div class="btnText">重置</div>
-              </div>
-            </div>
-            <div class="gpm_notice">
-              <div class="th_icon"><div class="th_text">i</div></div>
-              <div class="textarea">已选择 <span style="color: #4EA6FF;">1</span> 项</div>
-              <div class="textarea"><span style="color:#999BA3;">列表选项总计：</span><span>5条</span></div>
-            </div>
-            <div class="gpm_table">
-                <a-table
-                    :columns="columns3"
-                    :data-source="tableData5"
-                    :loading="tableDataTotal === -1 ? true : false"
-                    :pagination="{
-                      showSizeChanger: true,
-                      showQuickJumper: true,
-                      hideOnSinglePage: true,
-                      pageSizeOptions: [],
-                      pageSize: pageSize,
-                      current: currentPage,
-                      total: tableDataTotal,
-                      onChange: (page, pageSize) => {
-                        currentPage = page;
-                        // console.log('page', page)
-                        // 加翻页查找代码
-                        // 	this.setState({
-                        // 		currentPage: page,
-                        // 	}, () => {
-                        // 		this.getMilitaryDeployment()
-                        // 	})
-                      },
-                    }"
-                >
-                  <template #bodyCell="{ column }">
-                    <template v-if="column.key === 'opacation'">
-                      <a @click="ckxq_hs">取消授权</a>
-                    </template>
-                  </template>
-                </a-table>
-            </div>
+        <div class="gpm_inputbtn">
+          <a-input
+            v-model:value="value"
+            style="
+              width: 270px;
+              height: 40px;
+              border-radius: 8px;
+              margin-right: 14px;
+            "
+            placeholder="请输入项目名称"
+          />
+          <div class="gpm_btn btn1">
+            <div class="search"></div>
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="gpm_btn btn2">
+            <div class="search"></div>
+            <div class="btnText">重置</div>
+          </div>
         </div>
+        <div class="gpm_notice">
+          <div class="th_icon"><div class="th_text">i</div></div>
+          <div class="textarea">
+            已选择 <span style="color: #4ea6ff">1</span> 项
+          </div>
+          <div class="textarea">
+            <span style="color: #999ba3">列表选项总计：</span><span>5条</span>
+          </div>
+        </div>
+        <div class="gpm_table">
+          <a-table
+            :columns="columns3"
+            :data-source="tableData5"
+            :loading="tableDataTotal === -1 ? true : false"
+            :pagination="{
+              showSizeChanger: true,
+              showQuickJumper: true,
+              hideOnSinglePage: true,
+              pageSizeOptions: [],
+              pageSize: pageSize,
+              current: currentPage,
+              total: tableDataTotal,
+              onChange: (page, pageSize) => {
+                currentPage = page;
+                // console.log('page', page)
+                // 加翻页查找代码
+                // 	this.setState({
+                // 		currentPage: page,
+                // 	}, () => {
+                // 		this.getMilitaryDeployment()
+                // 	})
+              },
+            }"
+          >
+            <template #bodyCell="{ column }">
+              <template v-if="column.key === 'opacation'">
+                <a @click="ckxq_hs">取消授权</a>
+              </template>
+            </template>
+          </a-table>
+        </div>
+      </div>
     </div>
     <!--操作授权页面 -->
 
     <!--开课页面 -->
-    <div class="schooltime"
-    :style="{ display: stm_hs ? 'block' : 'none' }">
-      <div class="st_header">
+    <div class="schooltime" :style="{ display: stm_hs ? 'block' : 'none' }">
+      <div class="st_header"></div>
+      <div class="st_main">
+        <div class="stm_header">
+          <div class="pc_icon"></div>
+          <span>开课</span>
+          <div class="pc_exit" @click="stm_exit">x</div>
         </div>
-        <div class="st_main">
-            <div class="stm_header">
-                <div class="pc_icon"></div>
-                <span>开课</span>
-                <div class="pc_exit" @click="stm_exit">x</div>
-            </div>
-            <div class="stm_inputbtn">
-              <a-input
-                v-model:value="value"
-                style="width: 270px; height: 40px; border-radius: 8px; margin-right: 14px;"
-                placeholder="请输入创建人"
-              />
-              <a-input
-                v-model:value="value"
-                style="width: 270px; height: 40px; border-radius: 8px; margin-right: 14px;"
-                placeholder="请输入教师名称"
-              />
-              <div class="select">
-                <a-date-picker
-                  v-model="selectTime"
-                  type="date"
-                  placeholder="创建时间"
-                  style="width: 270px; margin-right: 14px;"
-                />
-              </div>
-              <div class="stm_btn btn1">
-                <div class="search"></div>
-                <div class="btnText">搜索</div>
-              </div>
-              <div class="stm_btn btn2">
-                <div class="search"></div>
-                <div class="btnText">重置</div>
-              </div>
-              <div class="stm_btn btn3" style="width: 130px;">
-                <div class="search"></div>
-                <div class="btnText" @click="createkk">新建开课</div>
-              </div>
-            </div>
-            <div class="stm_table">
-              <a-table
-                :columns="columns4"
-                :data-source="tableData6"
-                :loading="tableDataTotal === -1 ? true : false"
-                :scroll="{ x: 700, y: 800 }"
-                expandRowByClick="true"
-                @expand="expandTable"
-                :pagination="{
-                  showSizeChanger: true,
-                  showQuickJumper: true,
-                  hideOnSinglePage: true,
-                  pageSizeOptions: [],
-                  pageSize: pageSize,
-                  current: currentPage,
-                  total: tableDataTotal,
-                  onChange: (page, pageSize) => {
-                    currentPage = page;
-                    // console.log('page', page)
-                    // 加翻页查找代码
-                    // 	this.setState({
-                    // 		currentPage: page,
-                    // 	}, () => {
-                    // 		this.getMilitaryDeployment()
-                    // 	})
-                  },
-                }"
-              />
-            </div>
+        <div class="stm_inputbtn">
+          <a-input
+            v-model:value="value"
+            style="
+              width: 270px;
+              height: 40px;
+              border-radius: 8px;
+              margin-right: 14px;
+            "
+            placeholder="请输入创建人"
+          />
+          <a-input
+            v-model:value="value"
+            style="
+              width: 270px;
+              height: 40px;
+              border-radius: 8px;
+              margin-right: 14px;
+            "
+            placeholder="请输入教师名称"
+          />
+          <div class="select">
+            <a-date-picker
+              v-model="selectTime"
+              type="date"
+              placeholder="创建时间"
+              style="width: 270px; margin-right: 14px"
+            />
+          </div>
+          <div class="stm_btn btn1">
+            <div class="search"></div>
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="stm_btn btn2">
+            <div class="search"></div>
+            <div class="btnText">重置</div>
+          </div>
+          <div class="stm_btn btn3" style="width: 130px">
+            <div class="search"></div>
+            <div class="btnText" @click="createkk">新建开课</div>
+          </div>
         </div>
+        <div class="stm_table">
+          <a-table
+            :columns="columns4"
+            :data-source="tableData6"
+            :loading="tableDataTotal === -1 ? true : false"
+            :scroll="{ x: 700, y: 800 }"
+            expandRowByClick="true"
+            @expand="expandTable"
+            :pagination="{
+              showSizeChanger: true,
+              showQuickJumper: true,
+              hideOnSinglePage: true,
+              pageSizeOptions: [],
+              pageSize: pageSize,
+              current: currentPage,
+              total: tableDataTotal,
+              onChange: (page, pageSize) => {
+                currentPage = page;
+                // console.log('page', page)
+                // 加翻页查找代码
+                // 	this.setState({
+                // 		currentPage: page,
+                // 	}, () => {
+                // 		this.getMilitaryDeployment()
+                // 	})
+              },
+            }"
+          />
+        </div>
+      </div>
     </div>
     <!--开课页面 -->
 
     <!--新建开课页面 -->
-    <div class="createschooltime"
-    :style="{ display: cstm_hs ? 'block' : 'none' }">
+    <div
+      class="createschooltime"
+      :style="{ display: cstm_hs ? 'block' : 'none' }"
+    >
       <div class="cst_header"></div>
       <div class="cst_main">
         <div class="cstm_header">
@@ -768,50 +777,72 @@
         </div>
         <div class="cstm_items items5">
           <div class="select fitems">
-            <span style="margin-right: 14px;color:#6F6F6F;">报名设置</span>
-            <a-checkbox v-model:checked="checked"><span style="color:#6D7584;">是否允许公开报名</span></a-checkbox>
+            <span style="margin-right: 14px; color: #6f6f6f">报名设置</span>
+            <a-checkbox v-model:checked="checked"
+              ><span style="color: #6d7584">是否允许公开报名</span></a-checkbox
+            >
           </div>
         </div>
         <div class="cstm_items items6">
           <div class="select fitems">
-            <span style="margin-right: 14px;color:#6F6F6F;">签到设置</span>
-            <a-checkbox v-model:checked="checked"><span style="color:#6D7584;margin-right: 30px;">是否允许未报名的学员签到</span></a-checkbox>
-            <a-checkbox v-model:checked="checked"><span style="color:#6D7584;">签到是否需要口令</span></a-checkbox>
+            <span style="margin-right: 14px; color: #6f6f6f">签到设置</span>
+            <a-checkbox v-model:checked="checked"
+              ><span style="color: #6d7584; margin-right: 30px"
+                >是否允许未报名的学员签到</span
+              ></a-checkbox
+            >
+            <a-checkbox v-model:checked="checked"
+              ><span style="color: #6d7584">签到是否需要口令</span></a-checkbox
+            >
           </div>
         </div>
         <div class="cstm_items items7">
           <div class="select fitems">
-            <span style="margin-right: 14px;color:#6F6F6F;">评估设置</span>
-            <a-checkbox v-model:checked="checked"><span style="color:#6D7584;">是否需要评估</span></a-checkbox>
+            <span style="margin-right: 14px; color: #6f6f6f">评估设置</span>
+            <a-checkbox v-model:checked="checked"
+              ><span style="color: #6d7584">是否需要评估</span></a-checkbox
+            >
           </div>
         </div>
         <div class="cstm_items items8">
           <div class="select fitems">
-            <span style="margin-right: 14px;color:#6F6F6F;">完成规则</span>
-            <a-checkbox v-model:checked="checked"><span style="color:#6D7584;margin-right: 30px;">报名即完成</span></a-checkbox>
-            <a-checkbox v-model:checked="checked"><span style="color:#6D7584;margin-right: 30px;">签到即完成</span></a-checkbox>
-            <a-checkbox v-model:checked="checked"><span style="color:#6D7584;">请假算完成</span></a-checkbox>
+            <span style="margin-right: 14px; color: #6f6f6f">完成规则</span>
+            <a-checkbox v-model:checked="checked"
+              ><span style="color: #6d7584; margin-right: 30px"
+                >报名即完成</span
+              ></a-checkbox
+            >
+            <a-checkbox v-model:checked="checked"
+              ><span style="color: #6d7584; margin-right: 30px"
+                >签到即完成</span
+              ></a-checkbox
+            >
+            <a-checkbox v-model:checked="checked"
+              ><span style="color: #6d7584">请假算完成</span></a-checkbox
+            >
           </div>
         </div>
         <div class="cstm_items items9">
           <div class="items9box">
-            <span style="color:#6D7584;margin-right: 14px;">附件</span>
+            <span style="color: #6d7584; margin-right: 14px">附件</span>
             <div class="upload_box">
-                <div class="upload_icon"></div>
-                <span style="color:#4EA6FF;">上传附件</span>
+              <div class="upload_icon"></div>
+              <span style="color: #4ea6ff">上传附件</span>
             </div>
           </div>
         </div>
         <div class="i9_sup">
-            <span style="color:#999BA3;margin-left: 158px;">支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip</span>
+          <span style="color: #999ba3; margin-left: 158px"
+            >支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip</span
+          >
         </div>
         <div class="cstm_items items10">
           <div class="cstm_btn btn5">
-              <div class="btnText">取消</div>
-            </div>
-            <div class="cstm_btn btn6">
-              <div class="btnText" @click="cstm_exit">确定</div>
-            </div>
+            <div class="btnText">取消</div>
+          </div>
+          <div class="cstm_btn btn6">
+            <div class="btnText" @click="cstm_exit">确定</div>
+          </div>
         </div>
       </div>
     </div>
@@ -829,69 +860,69 @@ function getBase64(img, callback) {
   reader.readAsDataURL(img);
 }
 const columns1 = [
-    {
-        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 columns2 = [
   {
-    title: "开课名称",
+    title: "姓名",
     dataIndex: "projectName",
     key: "projectName",
-    width: '30%',
+    width: "16%",
     align: "center",
   },
   {
-    title: "地点",
-    dataIndex: "address",
-    key: "address",
-    width: '30%',
+    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: '40%',
+    width: "16%",
+    align: "center",
+  },
+  {
+    title: "操作",
+    dataIndex: "opacation",
+    key: "opacation",
+    width: "16%",
+    align: "center",
+  },
+];
+const columns2 = [
+  {
+    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",
   },
 ];
@@ -900,37 +931,37 @@ const columns3 = [
     title: "姓名",
     dataIndex: "name",
     key: "name",
-    width: '18%',
+    width: "18%",
     align: "center",
   },
   {
     title: "归属组织",
     dataIndex: "organization",
     key: "organization",
-    width: '18%',
+    width: "18%",
     align: "center",
   },
   {
     title: "岗位",
     dataIndex: "position",
     key: "position",
-    width: '18%',
+    width: "18%",
     align: "center",
   },
   {
     title: "拥有权限",
     dataIndex: "authority",
     key: "authority",
-    width: '18%',
+    width: "18%",
     align: "center",
-  }, 
+  },
   {
     title: "操作",
     dataIndex: "opacation",
     key: "opacation",
-    width: '30%',
+    width: "30%",
     align: "center",
-  }, 
+  },
 ];
 const columns4 = [
   {
@@ -995,180 +1026,186 @@ export default defineComponent({
   components: {
     LoadingOutlined,
     PlusOutlined,
-},
+  },
 
   setup() {
-    const current = ref(['mail']);
+    const current = ref(["mail"]);
     const state = reactive({
       tableData: [
-      {
-      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',
-      ynuse: '启用',
-      kkty:false,
-      }, {
-      key: '2',
-      num:2,
-      name: '智能制造初级课程',
-      content: '专业力',
-      courseform: '线上',
-      project: '-',
-      stunum: '200',
-      grade: '5',
-      status: '待审核',
-      ynpub: '未发布',
-      creator: '管理员',
-      createtime: '2022-07-20 9:30',
-      pubtime: '2022-07-20 9:30',
-      ynuse: '启用',
-      kkty:true,
-      }, {
-      key: '3',
-      num:3,
-      name: '产业必备技能',
-      content: '专业力',
-      courseform: '线上',
-      project: '-',
-      stunum: '200',
-      grade: '5',
-      status: '已审核',
-      ynpub: '已发布',
-      creator: '管理员',
-      createtime: '2022-07-20 9:30',
-      pubtime: '2022-07-20 9:30',
-      ynuse: '启用',
-      kkty:true,
-      }, {
-      key: '4',
-      num:4,
-      name: 'B11入模培训',
-      content: '专业力',
-      courseform: '线上',
-      project: '-',
-      stunum: '200',
-      grade: '5',
-      status: '审核未通过',
-      ynpub: '未发布',
-      creator: '管理员',
-      createtime: '2022-07-20 9:30',
-      pubtime: '2022-07-20 9:30',
-      ynuse: '停用',
-      kkty:true,
-      }, {
-      key: '5',
-      num:5,
-      name: '入职培训',
-      content: '通用力',
-      courseform: '面授',
-      project: '-',
-      stunum: '5',
-      grade: '5',
-      status: '未提交',
-      ynpub: '未发布',
-      creator: '管理员',
-      createtime: '2022-07-20 9:30',
-      pubtime: '2022-07-20 9:30',
-      ynuse: '启用',
-      kkty:true,
-      }, {
-      key: '6',
-      num:6,
-      name: '入职培训',
-      content: '通用力',
-      courseform: '面授',
-      project: '-',
-      stunum: '5',
-      grade: '6',
-      status: '已审核',
-      ynpub: '已发布',
-      creator: '管理员',
-      createtime: '2022-07-20 9:30',
-      pubtime: '2022-07-20 9:30',
-      ynuse: '启用',
-      kkty:true,
-        }],
+        {
+          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",
+          ynuse: "启用",
+          kkty: false,
+        },
+        {
+          key: "2",
+          num: 2,
+          name: "智能制造初级课程",
+          content: "专业力",
+          courseform: "线上",
+          project: "-",
+          stunum: "200",
+          grade: "5",
+          status: "待审核",
+          ynpub: "未发布",
+          creator: "管理员",
+          createtime: "2022-07-20 9:30",
+          pubtime: "2022-07-20 9:30",
+          ynuse: "启用",
+          kkty: true,
+        },
+        {
+          key: "3",
+          num: 3,
+          name: "产业必备技能",
+          content: "专业力",
+          courseform: "线上",
+          project: "-",
+          stunum: "200",
+          grade: "5",
+          status: "已审核",
+          ynpub: "已发布",
+          creator: "管理员",
+          createtime: "2022-07-20 9:30",
+          pubtime: "2022-07-20 9:30",
+          ynuse: "启用",
+          kkty: true,
+        },
+        {
+          key: "4",
+          num: 4,
+          name: "B11入模培训",
+          content: "专业力",
+          courseform: "线上",
+          project: "-",
+          stunum: "200",
+          grade: "5",
+          status: "审核未通过",
+          ynpub: "未发布",
+          creator: "管理员",
+          createtime: "2022-07-20 9:30",
+          pubtime: "2022-07-20 9:30",
+          ynuse: "停用",
+          kkty: true,
+        },
+        {
+          key: "5",
+          num: 5,
+          name: "入职培训",
+          content: "通用力",
+          courseform: "面授",
+          project: "-",
+          stunum: "5",
+          grade: "5",
+          status: "未提交",
+          ynpub: "未发布",
+          creator: "管理员",
+          createtime: "2022-07-20 9:30",
+          pubtime: "2022-07-20 9:30",
+          ynuse: "启用",
+          kkty: true,
+        },
+        {
+          key: "6",
+          num: 6,
+          name: "入职培训",
+          content: "通用力",
+          courseform: "面授",
+          project: "-",
+          stunum: "5",
+          grade: "6",
+          status: "已审核",
+          ynpub: "已发布",
+          creator: "管理员",
+          createtime: "2022-07-20 9:30",
+          pubtime: "2022-07-20 9:30",
+          ynuse: "启用",
+          kkty: true,
+        },
+      ],
       tableData2: [
-          {
-              key: 1,
-              projectName:"刘莉",
-              numb: "10064511",
-              applytime:"2022-07-20 14:00:00",
-              signtime: "-",
-              status: "已通过",
-          },
+        {
+          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: "已通过",
-          },
-          {
-              key: 2,
-              projectName:"",
-              numb: "",
-              applytime:"2022-07-20 14:00:00",
-              signtime: "2022-09-26 13:30:30",
-              status:"已完成",
-          },
+        {
+          key: 1,
+          projectName: "刘莉",
+          numb: "10064511",
+          applytime: "2022-07-20 14:00:00",
+          signtime: "-",
+          status: "已通过",
+        },
+        {
+          key: 2,
+          projectName: "",
+          numb: "",
+          applytime: "2022-07-20 14:00:00",
+          signtime: "2022-09-26 13:30:30",
+          status: "已完成",
+        },
       ],
       tableData4: [
-          {
-              key: 1,
-              projectName:"刘莉",
-              address: "10064511",
-              status: "已通过",
+        {
+          key: 1,
+          projectName: "刘莉",
+          address: "10064511",
+          status: "已通过",
         },
       ],
       tableData5: [
-          {
-              key: 1,
-              name:"李明",
-              organization: "-",
-              position: "产品经理",
-              authority:'归属权',
+        {
+          key: 1,
+          name: "李明",
+          organization: "-",
+          position: "产品经理",
+          authority: "归属权",
         },
         {
-              key: 2,
-              name:"李洋",
-              organization: "-",
-              position: "产品经理",
-              authority:'查看权',
+          key: 2,
+          name: "李洋",
+          organization: "-",
+          position: "产品经理",
+          authority: "查看权",
         },
         {
-              key: 3,
-              name:"小李",
-              organization: "-",
-              position: "产品经理",
-              authority:'管理权',
-        },
-                  {
-              key: 4,
-              name:"雄安名",
-              organization: "-",
-              position: "产品经理",
-              authority:'管理权',
+          key: 3,
+          name: "小李",
+          organization: "-",
+          position: "产品经理",
+          authority: "管理权",
         },
         {
-              key: 5,
-              name:"王哥",
-              organization: "-",
-              position: "产品经理",
-              authority:'管理权',
+          key: 4,
+          name: "雄安名",
+          organization: "-",
+          position: "产品经理",
+          authority: "管理权",
+        },
+        {
+          key: 5,
+          name: "王哥",
+          organization: "-",
+          position: "产品经理",
+          authority: "管理权",
         },
       ],
       currentPage: 1,
@@ -1177,144 +1214,198 @@ export default defineComponent({
       tableData6: [
         {
           key: 1,
-          num:1,
+          num: 1,
           organization: "管理者面授课1",
           address: "核心能力大楼培训",
-          starttime:'2022-07-20 14:00:00',
-          createtime:'2022-07-14 14:00:00',
+          starttime: "2022-07-20 14:00:00",
+          createtime: "2022-07-14 14:00:00",
         },
         {
           key: 2,
-          num:2,
+          num: 2,
           organization: "管理者面授课2",
           address: "核心能力大楼培训",
-          starttime:'2022-07-20 14:00:00',
-          createtime:'2022-07-14 14:00:00',
+          starttime: "2022-07-20 14:00:00",
+          createtime: "2022-07-14 14:00:00",
         },
         {
           key: 3,
-          num:3,
+          num: 3,
           organization: "管理者面授课3",
           address: "核心能力大楼培训",
-          starttime:'2022-07-20 14:00:00',
-          createtime:'2022-07-14 14:00:00',
+          starttime: "2022-07-20 14:00:00",
+          createtime: "2022-07-14 14:00:00",
         },
         {
           key: 4,
-          num:4,
+          num: 4,
           organization: "管理者面授课4",
           address: "核心能力大楼培训",
-          starttime:'2022-07-20 14:00:00',
-          createtime:'2022-07-14 14:00:00',
+          starttime: "2022-07-20 14:00:00",
+          createtime: "2022-07-14 14:00:00",
         },
         {
           key: 5,
-          num:5,
+          num: 5,
           organization: "管理者面授课5",
           address: "核心能力大楼培训",
-          starttime:'2022-07-20 14:00:00',
-          createtime:'2022-07-14 14:00:00',
+          starttime: "2022-07-20 14:00:00",
+          createtime: "2022-07-14 14:00:00",
         },
       ],
     });
     const tableDataFunc = () => {
       const columns = [
         {
-        title: '序号',
-        width: 200,
-        dataIndex: 'num',
-        key: 'num',
-        align: "center",
-      }, {
-        title: '名称',
-        width: 200,
-        dataIndex: 'name',
-        key: 'name',
-      }, {
-        title: '内容分类',
-        width: 200,
-        dataIndex: 'content',
-        key: '1',
-        align: "center",
-      }, {
-        title: '课程形式',
-        width: 200,
-        dataIndex: 'courseform',
-        key: '2',
-        align: "center",
-      }, {
-        title: ' 所属项目',
-        width: 300,
-        dataIndex: 'project',
-        key: '3',
-        align: "center",
-      }, {
-        title: '学习人数',
-        width: 200,
-        dataIndex: 'stunum',
-        key: '4',
-        align: "center",
-      }, {
-        title: '评分',
-        width: 200,
-        dataIndex: 'grade',
-        key: '5',
-        align: "center",
-      }, {
-        title: '状态',
-        width: 200,
-        dataIndex: 'status',
-        key: '6',
-        align: "center",
-      }, {
-        title: '是否发布',
-        width: 200,
-        dataIndex: 'ynpub',
-        key: '7',
-        align: "center",
-      }, {
-        title: '创建人',
-        width: 200,
-        dataIndex: 'creator',
-        key: '8',
-        align: "center",
-      }, {
-        title: '创建时间',
-        width: 280,
-        dataIndex: 'createtime',
-        key: '9',
-        align: "center",
-      }, {
-        title: '上线时间',
-        width: 280,
-        dataIndex: 'pubtime',
-        key: '10',
-        align: "center",
-      }, {
-        title: '是否停用',
-        width: 200,
-        key: 'either',
-        dataIndex: 'ynuse',
-        align: "center",
-      }, {
-        title: '操作',
-        width: 400,
-        className: "h",
-        dataIndex: "opacation",
-        key: 'operation',
-        fixed: 'right',
-        align: "center",
-        scopedSlots: { customRender: "action" }, 
-        customRender: (text) => {
-          // console.log('111',text);
+          title: "序号",
+          width: 200,
+          dataIndex: "num",
+          key: "num",
+          align: "center",
+        },
+        {
+          title: "名称",
+          width: 200,
+          dataIndex: "name",
+          key: "name",
+        },
+        {
+          title: "内容分类",
+          width: 200,
+          dataIndex: "content",
+          key: "1",
+          align: "center",
+        },
+        {
+          title: "课程形式",
+          width: 200,
+          dataIndex: "courseform",
+          key: "2",
+          align: "center",
+        },
+        {
+          title: " 所属项目",
+          width: 300,
+          dataIndex: "project",
+          key: "3",
+          align: "center",
+        },
+        {
+          title: "学习人数",
+          width: 200,
+          dataIndex: "stunum",
+          key: "4",
+          align: "center",
+        },
+        {
+          title: "评分",
+          width: 200,
+          dataIndex: "grade",
+          key: "5",
+          align: "center",
+        },
+        {
+          title: "状态",
+          width: 200,
+          dataIndex: "status",
+          key: "6",
+          align: "center",
+        },
+        {
+          title: "是否发布",
+          width: 200,
+          dataIndex: "ynpub",
+          key: "7",
+          align: "center",
+        },
+        {
+          title: "创建人",
+          width: 200,
+          dataIndex: "creator",
+          key: "8",
+          align: "center",
+        },
+        {
+          title: "创建时间",
+          width: 280,
+          dataIndex: "createtime",
+          key: "9",
+          align: "center",
+        },
+        {
+          title: "上线时间",
+          width: 280,
+          dataIndex: "pubtime",
+          key: "10",
+          align: "center",
+        },
+        {
+          title: "是否停用",
+          width: 200,
+          key: "either",
+          dataIndex: "ynuse",
+          align: "center",
+        },
+        {
+          title: "操作",
+          width: 400,
+          className: "h",
+          dataIndex: "opacation",
+          key: "operation",
+          fixed: "right",
+          align: "center",
+          scopedSlots: { customRender: "action" },
+          customRender: (text) => {
+            // console.log('111',text);
             return (
               <div class="op_box">
                 <div class="opacation">
-                  <span class={text.record.courseform === '面授' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >开课</span>
-                  <span class={text.record.ynuse === '停用' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >停用</span>
-                  <span class={text.record.status === '未提交' || text.record.status === '审核未通过' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >编辑</span>
-                  <span onClick={() => {}} class={text.record.status === '已审核' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >管理</span>
-                  <span class={text.record.status === '待审核' ?  "errorCls" : "activecls"} style={{ "margin-left": "25px" }} >复制</span>
+                  <span
+                    class={
+                      text.record.courseform === "面授"
+                        ? "activecls"
+                        : "errorCls"
+                    }
+                    style={{ "margin-left": "25px" }}
+                  >
+                    开课
+                  </span>
+                  <span
+                    class={
+                      text.record.ynuse === "停用" ? "activecls" : "errorCls"
+                    }
+                    style={{ "margin-left": "25px" }}
+                  >
+                    停用
+                  </span>
+                  <span
+                    class={
+                      text.record.status === "未提交" ||
+                      text.record.status === "审核未通过"
+                        ? "activecls"
+                        : "errorCls"
+                    }
+                    style={{ "margin-left": "25px" }}
+                  >
+                    编辑
+                  </span>
+                  <span
+                    onClick={() => {}}
+                    class={
+                      text.record.status === "已审核" ? "activecls" : "errorCls"
+                    }
+                    style={{ "margin-left": "25px" }}
+                  >
+                    管理
+                  </span>
+                  <span
+                    class={
+                      text.record.status === "待审核" ? "errorCls" : "activecls"
+                    }
+                    style={{ "margin-left": "25px" }}
+                  >
+                    复制
+                  </span>
                   <span style={{ "margin-left": "25px" }} class="more">
                     <span>授权</span>
                     <div class="moreArrow"></div>
@@ -1335,7 +1426,7 @@ export default defineComponent({
                   </span>
                 </div>
               </div>
-              );
+            );
           },
         },
       ];
@@ -1445,24 +1536,24 @@ export default defineComponent({
     const state = reactive({
       of_hs: false,
       hideshow: false,
-      bs_hs: true,
-      ft_hs:false,
-      om_1: true,
-      ftm_1:true,
+      bs_hs: false,
+      ft_hs: false,
+      om_1: false,
+      ftm_1: false,
       om_ckxq: false,
-      gpm_hs:true,
-      stm_hs: true,
-      cstm_hs:false,
+      gpm_hs: false,
+      stm_hs: false,
+      cstm_hs: false,
     });
 
     const of_hShow = () => {
       if (state.of_hs == false) {
-        state.of_hs = true
-      } 
-    }
+        state.of_hs = true;
+      }
+    };
     const of_exit = () => {
       state.of_hs = false;
-    }
+    };
     const hideShow = () => {
       if (state.hideshow == false) {
         state.hideshow = true;
@@ -1531,7 +1622,6 @@ export default defineComponent({
       stm_exit,
       createkk,
       cstm_exit,
-
     };
   },
 });
@@ -1791,7 +1881,7 @@ export default defineComponent({
     }
   }
 
-  .faceteach{
+  .faceteach {
     z-index: 999;
     width: 1358px;
     min-width: 1000px;
@@ -1993,586 +2083,606 @@ export default defineComponent({
     }
   }
 
-  .onlinemanage,.faceteachmanage{
+  .onlinemanage,
+  .faceteachmanage {
     display: none;
     z-index: 999;
     width: 1358px;
     min-width: 1000px;
     height: 537px;
-    background: #FFFFFF;
-    box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+    background: #ffffff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     position: absolute;
     left: 50%;
     top: 50%;
-    transform: translate(-50%,-50%);
+    transform: translate(-50%, -50%);
     overflow: auto;
-    .om_header{
-        position: absolute;
-        width:calc(100%);
-        height: 40px;
-        background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
+    .om_header {
+      position: absolute;
+      width: calc(100%);
+      height: 40px;
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
     }
-    .om_main{
-        width:calc(100%);
-        position: relative;
-        .omm_header{
-            display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .pc_icon{
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/pc.png);
-            }
-            .pc_exit{
-                position: absolute;
-                right:42px;
-                cursor: pointer;
-            }
+    .om_main {
+      width: calc(100%);
+      position: relative;
+      .omm_header {
+        display: flex;
+        align-items: center;
+        padding-top: 20px;
+        padding-left: 26px;
+        font-size: 16px;
+        .pc_icon {
+          width: 16px;
+          height: 16px;
+          margin-right: 10px;
+          background-image: url(@/assets/images/coursewareManage/pc.png);
         }
-        .om_body{
-            width:calc(100% - 50px);
-            padding-left: 50px;
-            padding-top: 17px;
-            .b_title{
-                color: #4F5156;
-                font-weight: 500;
-                margin-bottom: 19px;
-            }
-            .b_sub{
-                display: flex;
-                margin-bottom: 10px;
-                .bs_type{
-                    color: #999BA3;
-                }
-                .bs_left{
-                    color: #999BA3;
-                    margin-left: 35px;
-                }
-                .bs_right{
-                    color: #4F5156;
-                }
-            }
-            .b_menu{
-                width:calc(100%);
-            }
-            .b_menunav{
-                display: flex;
-                margin-top: 20px;
-                margin-bottom: 20px;
-                .bm_select{
-                    margin-right: 20px;
-                }
-                .bm_input{
-                    margin-right: 20px;
-                }
-                .bm_btn {
-                display: flex;
-                // flex-wrap: wrap;
-                .btn {
-                    padding: 0px 26px 0px 26px;
-                    height: 40px;
-                    background: rgba(64, 158, 255, 0);
-                    border-radius: 8px;
-                    border: 1px solid rgba(64, 158, 255, 1);
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    margin-right: 14px;
-                    flex-shrink: 0;
-                    .search {
-                    background-size: 100%;
-                    }
-                    .btnText {
-                    font-size: 14px;
-                    font-weight: 400;
-                    color: rgba(64, 158, 255, 1);
-                    line-height: 36px;
-                    margin-left: 5px;
-                    }
-                }
-                .btn1 {
-                    .search {
-                    width: 15px;
-                    height: 17px;
-                    background-image: url("@/assets/images/coursewareManage/search1.png");
-                    }
-                }
-                .btn1:hover {
-                    background: rgba(64, 158, 255, 1);
-                    .search {
-                    background-image: url("@/assets/images/coursewareManage/search0.png");
-                    }
-                    .btnText {
-                    color: #ffffff;
-                    }
-                }
-            }
-            }
-        }
-    }
-  }
-
-  .ftsturecord{
-    z-index: 999;
-    width: 1358px;
-    min-width: 1000px;
-    height: 274px;
-    background: #FFFFFF;
-    box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%,-50%);
-    overflow: auto;
-    .ftsr_header{
-        position: absolute;
-        width:calc(100%);
-        height: 40px;
-        background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
-    }
-    .ftsr_main{
-        width:calc(100%);
-        position: relative;
-        .m_header{
-            display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .det_icon{
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/detail.png);
-                background-size: 100% 100%;
-            }
-            .det_exit{
-                position: absolute;
-                right:42px;
-                cursor: pointer;
-            }
-        }
-        .ftsr_table{
-          width: 90%;
-          margin:30px auto;
-          border: 1px solid #F0F4FE;
-        }
-        .ftsr_btn {
-            width: 100px;
-            height: 40px;
-            background: #ffffff;
-            border: 1px solid #4EA6FF;
-            border-radius: 8px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin: 30px auto ;
-            flex-shrink: 0;
-            cursor: pointer;
-            .btnText {
-              color: #4EA6FF;
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 40px;
-            }
+        .pc_exit {
+          position: absolute;
+          right: 42px;
+          cursor: pointer;
         }
       }
-    }
-  .givepower{
-    z-index: 999;
-    width: 1358px;
-    min-width: 1000px;
-    height: 646px;
-    background: #FFFFFF;
-    box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%,-50%);
-    overflow: auto;
-    .gp_header{
-        position: absolute;
-        width:calc(100%);
-        height: 40px;
-        background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
-    }
-    .gp_main{
-        width:calc(100%);
-        position: relative;
-        .gpm_header{
-            display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .pc_icon{
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/detail.png);
-                background-size: 100% 100%;
-            }
-            .pc_exit{
-                position: absolute;
-                right:42px;
-                cursor: pointer;
-            }
+      .om_body {
+        width: calc(100% - 50px);
+        padding-left: 50px;
+        padding-top: 17px;
+        .b_title {
+          color: #4f5156;
+          font-weight: 500;
+          margin-bottom: 19px;
         }
-        .gpm_inputbtn{
+        .b_sub {
           display: flex;
-          width: 90%;
-          margin: 20px auto;
-          .gpm_btn {
-            width: 100px;
-            height: 40px;
-            margin-right: 14px;
-            background: #ffffff;
-            border: 1px solid #4EA6FF;
-            border-radius: 8px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-shrink: 0;
-            cursor: pointer;
-            .btnText {
-              color: #4EA6FF;
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 40px;
-            }
+          margin-bottom: 10px;
+          .bs_type {
+            color: #999ba3;
           }
-          .btn1 {
-            .search {
-              width: 15px;
-              height: 17px;
-              background-image: url("../../assets/images/courseManage/search1.png");
-            }
+          .bs_left {
+            color: #999ba3;
+            margin-left: 35px;
           }
-          .btn2 {
-            .search {
-              width: 16px;
-              height: 18px;
-              background-image: url("../../assets/images/courseManage/reset1.png");
-            }
-          }
-          .btn1:hover {
-            background: rgba(64, 158, 255, 1);
-            .search {
-              background-image: url("../../assets/images/courseManage/search0.png");
-            }
-            .btnText {
-              color: #ffffff;
-            }
-          }
-          .btn2:hover {
-            background: rgba(64, 158, 255, 1);
-            .search {
-              background-image: url("../../assets/images/courseManage/reset0.png");
-            }
-            .btnText {
-              color: #ffffff;
-            }
+          .bs_right {
+            color: #4f5156;
           }
         }
-        .gpm_notice{
-          width: 90%;
-          height: 49px;
-          margin: 0 auto;
-          background-color: rgba(125, 190, 255, 0.25);
+        .b_menu {
+          width: calc(100%);
+        }
+        .b_menunav {
           display: flex;
-          align-items: center;
-          .th_icon{
-            width: 16px;
-            height: 16px;
-            margin-left: 37px;
-            margin-right: 13px;
-            border-radius: 50%;
-            background-color: #4EA6FF;
-            font-weight: bold;
-            color: #ffffff;
-            text-align: center;
-            line-height: 16px;
+          margin-top: 20px;
+          margin-bottom: 20px;
+          .bm_select {
+            margin-right: 20px;
           }
-          .textarea{
-            margin-right: 33px;
+          .bm_input {
+            margin-right: 20px;
           }
-        }
-        .gpm_table{
-          width: 90%;
-          margin:30px auto;
-          border: 1px solid #F0F4FE;
-        }
-      }
-    }
-  .schooltime{
-    z-index: 999;
-    width: 1358px;
-    min-width: 1000px;
-    height: 646px;
-    background: #FFFFFF;
-    box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%,-50%);
-    overflow: auto;
-    .st_header{
-        position: absolute;
-        width:calc(100%);
-        height: 40px;
-        background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
-    }
-    .st_main{
-        width:calc(100%);
-        position: relative;
-        .stm_header{
+          .bm_btn {
             display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .pc_icon{
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/detail.png);
-                background-size: 100% 100%;
-            }
-            .pc_exit{
-                position: absolute;
-                right:42px;
-                cursor: pointer;
-            }
-        }
-        .stm_inputbtn{
-          display: flex;
-          width: 90%;
-          margin: 20px auto;
-          .stm_btn {
-            width: 100px;
-            height: 40px;
-            margin-right: 14px;
-            background: #ffffff;
-            border: 1px solid #4EA6FF;
-            border-radius: 8px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-shrink: 0;
-            cursor: pointer;
-            .btnText {
-              color: #4EA6FF;
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 40px;
-            }
-          }
-          .btn1 {
-            .search {
-              width: 15px;
-              height: 17px;
-              background-image: url("../../assets/images/courseManage/search1.png");
-            }
-          }
-          .btn2 {
-            .search {
-              width: 16px;
-              height: 18px;
-              background-image: url("../../assets/images/courseManage/reset1.png");
-            }
-          }
-          .btn3 {
-            .search {
-              width: 17px;
-              height: 18px;
-              background-image: url("../../assets/images/courseManage/add1.png");
-              margin-right: 5px;
-            }
-          }
-          .btn1:hover {
-            background: rgba(64, 158, 255, 1);
-            .search {
-              background-image: url("../../assets/images/courseManage/search0.png");
-            }
-            .btnText {
-              color: #ffffff;
-            }
-          }
-          .btn2:hover {
-            background: rgba(64, 158, 255, 1);
-            .search {
-              background-image: url("../../assets/images/courseManage/reset0.png");
-            }
-            .btnText {
-              color: #ffffff;
-            }
-          }
-          .btn3:hover {
-            background: rgba(64, 158, 255, 1);
-            .search {
-              background-image: url("../../assets/images/courseManage/add0.png");
-            }
-            .btnText {
-              color: #ffffff;
-            }
-          }
-        }
-        .stm_table{
-          width: 90%;
-          margin:30px auto;
-          border: 1px solid #F0F4FE;
-        }
-        .opacation {
-          font-size: 14px;
-          font-weight: 400;
-          color: #4ea6ff;
-          // line-height: 36px;
-          .more {
-            position: relative;
-            .moreArrow {
-              width: 13px;
-              height: 7px;
-              display: inline-block;
-              background-image: url("../../assets/images/navtop/down.png");
-              background-size: 100%;
-              margin: 2px;
-              margin-left: 7px;
-            }
-            .moreItems {
-              width: 80px;
-              height: 70px;
-              display: none;
-              background: #ffffff;
-              box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
-              border-radius: 3px;
-              border: 0px solid #dcdcdc;
-              position: absolute;
-              left: 0px;
-              top: 18px;
-              z-index: 100;
-            }
-          }
-          .more:hover .moreArrow {
-            background-image: url("../../assets/images/navtop/up.png");
-          }
-          .more:hover .moreItems {
-            display: block;
-          }
-        }
-      }
-    }
-  .createschooltime{
-    z-index: 999;
-    width: 679px;
-    height: 705px;
-    background: #FFFFFF;
-    box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%,-50%);
-    overflow: auto;
-    .cst_header{
-        position: absolute;
-        width:calc(100%);
-        height: 40px;
-        background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
-    }
-    .cst_main{
-        width:calc(100%);
-        position: relative;
-        .cstm_header{
-            display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .add_icon{
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/add1.png);
-                background-size: 100% 100%;
-            }
-            .add_exit{
-                position: absolute;
-                right:42px;
-                cursor: pointer;
-            }
-        }
-        .cstm_title{
-          margin: 10px auto 20px 51px;
-          font-weight: bold;
-        }
-        .cstm_items{
-          display: flex;
-          align-items: center;
-          margin-bottom: 23px;
-        }
-        .items1,.items4{
-          margin-left: 80px;
-        }
-        .items2{
-          margin-left: 108px;
-        }
-        .items3,.items5,.items6,.items7,.items8{
-          margin-left: 86px;
-        }
-        .items9{
-          margin-left: 115px;
-          text-align: center;
-          margin-bottom: 0;
-          .items9box{
-            display: flex;
-            .upload_box{
+            // flex-wrap: wrap;
+            .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;
-              cursor: pointer;
-              .upload_icon{
-                width: 16px;
-                height: 16px;
-                background-color: blue;
-                background-size: 100% 100%;
-                margin-right: 5px;
+              align-items: center;
+              justify-content: center;
+              margin-right: 14px;
+              flex-shrink: 0;
+              .search {
+                background-size: 100%;
+              }
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                color: rgba(64, 158, 255, 1);
+                line-height: 36px;
+                margin-left: 5px;
+              }
+            }
+            .btn1 {
+              .search {
+                width: 15px;
+                height: 17px;
+                background-image: url("@/assets/images/coursewareManage/search1.png");
+              }
+            }
+            .btn1:hover {
+              background: rgba(64, 158, 255, 1);
+              .search {
+                background-image: url("@/assets/images/coursewareManage/search0.png");
+              }
+              .btnText {
+                color: #ffffff;
               }
             }
           }
         }
-        .items10{
-          display: flex;
-          justify-content: center;
-          margin-top: 20px;
-          .cstm_btn{
-            width: 100px;
-            height: 40px;
-            background: rgba(64, 158, 255, 0);
-            border-radius: 8px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-right: 14px;
-            flex-shrink: 0;
-            cursor: pointer;
-            .btnText {
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 40px;
-            }
-          }
-          .btn5 {
-            border: 1px solid rgba(64, 158, 255, 1);
-            color: #4ea6ff;
-          }
-          .btn6 {
-            background-color: #4ea6ff;
-            color: #ffffff;
-          }
-          
+      }
+    }
+  }
+
+  .ftsturecord {
+    z-index: 999;
+    width: 1358px;
+    min-width: 1000px;
+    height: 274px;
+    background: #ffffff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    overflow: auto;
+    .ftsr_header {
+      position: absolute;
+      width: calc(100%);
+      height: 40px;
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
+    }
+    .ftsr_main {
+      width: calc(100%);
+      position: relative;
+      .m_header {
+        display: flex;
+        align-items: center;
+        padding-top: 20px;
+        padding-left: 26px;
+        font-size: 16px;
+        .det_icon {
+          width: 16px;
+          height: 16px;
+          margin-right: 10px;
+          background-image: url(@/assets/images/coursewareManage/detail.png);
+          background-size: 100% 100%;
+        }
+        .det_exit {
+          position: absolute;
+          right: 42px;
+          cursor: pointer;
+        }
+      }
+      .ftsr_table {
+        width: 90%;
+        margin: 30px auto;
+        border: 1px solid #f0f4fe;
+      }
+      .ftsr_btn {
+        width: 100px;
+        height: 40px;
+        background: #ffffff;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 30px auto;
+        flex-shrink: 0;
+        cursor: pointer;
+        .btnText {
+          color: #4ea6ff;
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 40px;
         }
       }
     }
+  }
+  .givepower {
+    z-index: 999;
+    width: 1358px;
+    min-width: 1000px;
+    height: 646px;
+    background: #ffffff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    overflow: auto;
+    .gp_header {
+      position: absolute;
+      width: calc(100%);
+      height: 40px;
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
+    }
+    .gp_main {
+      width: calc(100%);
+      position: relative;
+      .gpm_header {
+        display: flex;
+        align-items: center;
+        padding-top: 20px;
+        padding-left: 26px;
+        font-size: 16px;
+        .pc_icon {
+          width: 16px;
+          height: 16px;
+          margin-right: 10px;
+          background-image: url(@/assets/images/coursewareManage/detail.png);
+          background-size: 100% 100%;
+        }
+        .pc_exit {
+          position: absolute;
+          right: 42px;
+          cursor: pointer;
+        }
+      }
+      .gpm_inputbtn {
+        display: flex;
+        width: 90%;
+        margin: 20px auto;
+        .gpm_btn {
+          width: 100px;
+          height: 40px;
+          margin-right: 14px;
+          background: #ffffff;
+          border: 1px solid #4ea6ff;
+          border-radius: 8px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex-shrink: 0;
+          cursor: pointer;
+          .btnText {
+            color: #4ea6ff;
+            font-size: 14px;
+            font-weight: 400;
+            line-height: 40px;
+          }
+        }
+        .btn1 {
+          .search {
+            width: 15px;
+            height: 17px;
+            background-image: url("../../assets/images/courseManage/search1.png");
+          }
+        }
+        .btn2 {
+          .search {
+            width: 16px;
+            height: 18px;
+            background-image: url("../../assets/images/courseManage/reset1.png");
+          }
+        }
+        .btn1:hover {
+          background: rgba(64, 158, 255, 1);
+          .search {
+            background-image: url("../../assets/images/courseManage/search0.png");
+          }
+          .btnText {
+            color: #ffffff;
+          }
+        }
+        .btn2:hover {
+          background: rgba(64, 158, 255, 1);
+          .search {
+            background-image: url("../../assets/images/courseManage/reset0.png");
+          }
+          .btnText {
+            color: #ffffff;
+          }
+        }
+      }
+      .gpm_notice {
+        width: 90%;
+        height: 49px;
+        margin: 0 auto;
+        background-color: rgba(125, 190, 255, 0.25);
+        display: flex;
+        align-items: center;
+        .th_icon {
+          width: 16px;
+          height: 16px;
+          margin-left: 37px;
+          margin-right: 13px;
+          border-radius: 50%;
+          background-color: #4ea6ff;
+          font-weight: bold;
+          color: #ffffff;
+          text-align: center;
+          line-height: 16px;
+        }
+        .textarea {
+          margin-right: 33px;
+        }
+      }
+      .gpm_table {
+        width: 90%;
+        margin: 30px auto;
+        border: 1px solid #f0f4fe;
+      }
+    }
+  }
+  .schooltime {
+    z-index: 999;
+    width: 1358px;
+    min-width: 1000px;
+    height: 646px;
+    background: #ffffff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    overflow: auto;
+    .st_header {
+      position: absolute;
+      width: calc(100%);
+      height: 40px;
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
+    }
+    .st_main {
+      width: calc(100%);
+      position: relative;
+      .stm_header {
+        display: flex;
+        align-items: center;
+        padding-top: 20px;
+        padding-left: 26px;
+        font-size: 16px;
+        .pc_icon {
+          width: 16px;
+          height: 16px;
+          margin-right: 10px;
+          background-image: url(@/assets/images/coursewareManage/detail.png);
+          background-size: 100% 100%;
+        }
+        .pc_exit {
+          position: absolute;
+          right: 42px;
+          cursor: pointer;
+        }
+      }
+      .stm_inputbtn {
+        display: flex;
+        width: 90%;
+        margin: 20px auto;
+        .stm_btn {
+          width: 100px;
+          height: 40px;
+          margin-right: 14px;
+          background: #ffffff;
+          border: 1px solid #4ea6ff;
+          border-radius: 8px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex-shrink: 0;
+          cursor: pointer;
+          .btnText {
+            color: #4ea6ff;
+            font-size: 14px;
+            font-weight: 400;
+            line-height: 40px;
+          }
+        }
+        .btn1 {
+          .search {
+            width: 15px;
+            height: 17px;
+            background-image: url("../../assets/images/courseManage/search1.png");
+          }
+        }
+        .btn2 {
+          .search {
+            width: 16px;
+            height: 18px;
+            background-image: url("../../assets/images/courseManage/reset1.png");
+          }
+        }
+        .btn3 {
+          .search {
+            width: 17px;
+            height: 18px;
+            background-image: url("../../assets/images/courseManage/add1.png");
+            margin-right: 5px;
+          }
+        }
+        .btn1:hover {
+          background: rgba(64, 158, 255, 1);
+          .search {
+            background-image: url("../../assets/images/courseManage/search0.png");
+          }
+          .btnText {
+            color: #ffffff;
+          }
+        }
+        .btn2:hover {
+          background: rgba(64, 158, 255, 1);
+          .search {
+            background-image: url("../../assets/images/courseManage/reset0.png");
+          }
+          .btnText {
+            color: #ffffff;
+          }
+        }
+        .btn3:hover {
+          background: rgba(64, 158, 255, 1);
+          .search {
+            background-image: url("../../assets/images/courseManage/add0.png");
+          }
+          .btnText {
+            color: #ffffff;
+          }
+        }
+      }
+      .stm_table {
+        width: 90%;
+        margin: 30px auto;
+        border: 1px solid #f0f4fe;
+      }
+      .opacation {
+        font-size: 14px;
+        font-weight: 400;
+        color: #4ea6ff;
+        // line-height: 36px;
+        .more {
+          position: relative;
+          .moreArrow {
+            width: 13px;
+            height: 7px;
+            display: inline-block;
+            background-image: url("../../assets/images/navtop/down.png");
+            background-size: 100%;
+            margin: 2px;
+            margin-left: 7px;
+          }
+          .moreItems {
+            width: 80px;
+            height: 70px;
+            display: none;
+            background: #ffffff;
+            box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+            border-radius: 3px;
+            border: 0px solid #dcdcdc;
+            position: absolute;
+            left: 0px;
+            top: 18px;
+            z-index: 100;
+          }
+        }
+        .more:hover .moreArrow {
+          background-image: url("../../assets/images/navtop/up.png");
+        }
+        .more:hover .moreItems {
+          display: block;
+        }
+      }
+    }
+  }
+  .createschooltime {
+    z-index: 999;
+    width: 679px;
+    height: 705px;
+    background: #ffffff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    overflow: auto;
+    .cst_header {
+      position: absolute;
+      width: calc(100%);
+      height: 40px;
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
+    }
+    .cst_main {
+      width: calc(100%);
+      position: relative;
+      .cstm_header {
+        display: flex;
+        align-items: center;
+        padding-top: 20px;
+        padding-left: 26px;
+        font-size: 16px;
+        .add_icon {
+          width: 16px;
+          height: 16px;
+          margin-right: 10px;
+          background-image: url(@/assets/images/coursewareManage/add1.png);
+          background-size: 100% 100%;
+        }
+        .add_exit {
+          position: absolute;
+          right: 42px;
+          cursor: pointer;
+        }
+      }
+      .cstm_title {
+        margin: 10px auto 20px 51px;
+        font-weight: bold;
+      }
+      .cstm_items {
+        display: flex;
+        align-items: center;
+        margin-bottom: 23px;
+      }
+      .items1,
+      .items4 {
+        margin-left: 80px;
+      }
+      .items2 {
+        margin-left: 108px;
+      }
+      .items3,
+      .items5,
+      .items6,
+      .items7,
+      .items8 {
+        margin-left: 86px;
+      }
+      .items9 {
+        margin-left: 115px;
+        text-align: center;
+        margin-bottom: 0;
+        .items9box {
+          display: flex;
+          .upload_box {
+            display: flex;
+            cursor: pointer;
+            .upload_icon {
+              width: 16px;
+              height: 16px;
+              background-color: blue;
+              background-size: 100% 100%;
+              margin-right: 5px;
+            }
+          }
+        }
+      }
+      .items10 {
+        display: flex;
+        justify-content: center;
+        margin-top: 20px;
+        .cstm_btn {
+          width: 100px;
+          height: 40px;
+          background: rgba(64, 158, 255, 0);
+          border-radius: 8px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 14px;
+          flex-shrink: 0;
+          cursor: pointer;
+          .btnText {
+            font-size: 14px;
+            font-weight: 400;
+            line-height: 40px;
+          }
+        }
+        .btn5 {
+          border: 1px solid rgba(64, 158, 255, 1);
+          color: #4ea6ff;
+        }
+        .btn6 {
+          background-color: #4ea6ff;
+          color: #ffffff;
+        }
+      }
+    }
+  }
 }
 </style>
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 9ee5de90..65c43775 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -61,7 +61,6 @@
                     <div class="search"></div>
                     <div class="btnText">重置</div>
                   </div>
-
                   <router-link to="/leveladddetail">
                     <div class="btn btn3" @click="handleOut">
                       <div class="search"></div>
@@ -173,7 +172,6 @@
                     ><span style="color: #4ea6ff">1</span><span>关-第</span
                     ><span style="color: #4ea6ff">4</span><span>关内容</span>
                   </div>
-
                   <br />
                 </div>
               </div>
@@ -259,7 +257,6 @@
     </div>
   </div>
 </template>
-
 <script>
 import { ref, reactive, toRefs } from "vue";
 export default {
@@ -354,7 +351,6 @@ export default {
   },
 };
 </script>
-
 <style scoped lang="scss">
 .clearfix:before,
 .clearfix:after {
@@ -437,11 +433,9 @@ export default {
         margin-top: 5px;
         margin-right: 60px;
       }
-
       .more {
         position: relative;
         margin-right: 30px;
-
         .moreArrow {
           width: 13px;
           height: 7px;
@@ -491,12 +485,10 @@ export default {
         .pub {
           margin-right: 10px;
         }
-
         .more {
           margin-right: 10px;
         }
       }
-
       .more:hover .moreArrow {
         background-image: url("../../assets/images/navtop/up.png");
       }
@@ -505,7 +497,6 @@ export default {
       }
     }
   }
-
   .split {
     width: 100%;
     height: 20px;
@@ -753,7 +744,6 @@ export default {
         .onemain {
           margin-top: 20px;
           margin-left: 55px;
-
           color: #6f6f6f;
           font-size: 14px;
           .checkcon {
diff --git a/src/views/system/SystemManage.vue b/src/views/system/SystemManage.vue
index 00c9f030..ac3d9cfe 100644
--- a/src/views/system/SystemManage.vue
+++ b/src/views/system/SystemManage.vue
@@ -25,7 +25,7 @@
         v-model:visible="visible"
         class="drawerStyle"
         style="color: red"
-        width="70%"
+        width="80%"
         title="添加投票"
         placement="right"
         @after-visible-change="afterVisibleChange"
@@ -39,70 +39,147 @@
               @click="closeDrawer"
             />
           </div>
-          <!-- 投票名称 -->
-          <div class="vote">
-            <div class="votebox">
-              <img
-                class="voteimg"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-              <div class="votename">投票名称：</div>
+          <div class="contentMain">
+            <!-- 投票名称 -->
+            <div class="vote">
+              <div class="votebox">
+                <img
+                  class="voteimg"
+                  src="../../assets/images/basicinfo/asterisk.png"
+                />
+                <div class="votename">投票名称：</div>
+              </div>
+              <div style="width: 424px">
+                <a-input v-model:value="value" placeholder="请输入投票名称" />
+              </div>
             </div>
-            <div style="width: 424px">
-              <a-input v-model:value="value" placeholder="请输入投票名称" />
+            <!-- 投票名称 -->
+            <!-- 创建投票 -->
+            <div class="vote">
+              <div class="votebox">
+                <img
+                  class="voteimg"
+                  src="../../assets/images/basicinfo/asterisk.png"
+                />
+                <div class="votename">创建投票：</div>
+              </div>
+              <div class="votebtn">创建投票</div>
             </div>
+            <!-- 创建投票 -->
+            <!-- 起止时间 -->
+            <div class="vote">
+              <div class="votebox">
+                <div class="voteimg"></div>
+                <div class="votename">起止时间：</div>
+              </div>
+              <div class="votedate">
+                <a-range-picker />
+              </div>
+            </div>
+            <!-- 起止时间 -->
+            <!-- 基础投票数 -->
+            <div class="vote" style="align-items: flex-start">
+              <div class="votebox" style="margin-top: 10px">
+                <div class="voteimg"></div>
+                <div class="votename">基础投票数：</div>
+              </div>
+              <div>
+                <div class="votebtn">点击上传</div>
+                <div class="voteclassify">支持：xls.xlsx</div>
+              </div>
+            </div>
+            <!-- 基础投票数 -->
+            <!-- 投票说明 -->
+            <div class="vote" style="align-items: flex-start">
+              <div class="votebox" style="margin-top: 10px">
+                <div class="voteimg"></div>
+                <div class="votename">投票说明：</div>
+              </div>
+              <div style="width: 500px">
+                <a-textarea
+                  :rows="4"
+                  placeholder="请输入投票说明"
+                  :maxlength="6"
+                />
+              </div>
+            </div>
+            <!-- 投票说明 -->
+            <!-- 投票说明 -->
+            <div class="vote" style="align-items: flex-start">
+              <div class="votebox" style="margin-top: 10px">
+                <div class="voteimg"></div>
+                <div class="votename">投票说明：</div>
+              </div>
+              <div style="width: 500px">
+                <a-textarea
+                  :rows="4"
+                  placeholder="请输入投票说明"
+                  :maxlength="6"
+                />
+              </div>
+            </div>
+            <!-- 投票说明 -->
+            <!-- 投票说明 -->
+            <div class="vote" style="align-items: flex-start">
+              <div class="votebox" style="margin-top: 10px">
+                <div class="voteimg"></div>
+                <div class="votename">投票说明：</div>
+              </div>
+              <div style="width: 500px">
+                <a-textarea
+                  :rows="4"
+                  placeholder="请输入投票说明"
+                  :maxlength="6"
+                />
+              </div>
+            </div>
+            <!-- 投票说明 -->
+            <!-- 投票说明 -->
+            <div class="vote" style="align-items: flex-start">
+              <div class="votebox" style="margin-top: 10px">
+                <div class="voteimg"></div>
+                <div class="votename">投票说明：</div>
+              </div>
+              <div style="width: 500px">
+                <a-textarea
+                  :rows="4"
+                  placeholder="请输入投票说明"
+                  :maxlength="6"
+                />
+              </div>
+            </div>
+            <!-- 投票说明 -->
+            <!-- 投票说明 -->
+            <div class="vote" style="align-items: flex-start">
+              <div class="votebox" style="margin-top: 10px">
+                <div class="voteimg"></div>
+                <div class="votename">投票说明：</div>
+              </div>
+              <div style="width: 500px">
+                <a-textarea
+                  :rows="4"
+                  placeholder="请输入投票说明"
+                  :maxlength="6"
+                />
+              </div>
+            </div>
+            <!-- 投票说明 -->
+            <!-- 投票说明 -->
+            <div class="vote" style="align-items: flex-start">
+              <div class="votebox" style="margin-top: 10px">
+                <div class="voteimg"></div>
+                <div class="votename">投票说明：</div>
+              </div>
+              <div style="width: 500px">
+                <a-textarea
+                  :rows="4"
+                  placeholder="请输入投票说明"
+                  :maxlength="6"
+                />
+              </div>
+            </div>
+            <!-- 投票说明 -->
           </div>
-          <!-- 投票名称 -->
-          <!-- 创建投票 -->
-          <div class="vote">
-            <div class="votebox">
-              <img
-                class="voteimg"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-              <div class="votename">创建投票：</div>
-            </div>
-            <div class="votebtn">创建投票</div>
-          </div>
-          <!-- 创建投票 -->
-          <!-- 起止时间 -->
-          <div class="vote">
-            <div class="votebox">
-              <div class="voteimg"></div>
-              <div class="votename">起止时间：</div>
-            </div>
-            <div class="votedate">
-              <a-range-picker />
-            </div>
-          </div>
-          <!-- 起止时间 -->
-          <!-- 基础投票数 -->
-          <div class="vote" style="align-items: flex-start">
-            <div class="votebox" style="margin-top: 10px">
-              <div class="voteimg"></div>
-              <div class="votename">基础投票数：</div>
-            </div>
-            <div>
-              <div class="votebtn">点击上传</div>
-              <div class="voteclassify">支持：xls.xlsx</div>
-            </div>
-          </div>
-          <!-- 基础投票数 -->
-          <!-- 投票说明 -->
-          <div class="vote" style="align-items: flex-start">
-            <div class="votebox" style="margin-top: 10px">
-              <div class="voteimg"></div>
-              <div class="votename">投票说明：</div>
-            </div>
-            <div style="width: 500px">
-              <a-textarea
-                :rows="4"
-                placeholder="请输入投票说明"
-                :maxlength="6"
-              />
-            </div>
-          </div>
-          <!-- 投票说明 -->
         </div>
       </a-drawer>
     </div>
@@ -142,21 +219,7 @@ export default {
   width: 100%;
 }
 .drawerStyle {
-  .ant-drawer-content-wrapper {
-    max-width: 1000px;
-    .ant-drawer-header {
-      display: none !important;
-    }
-    .ant-drawer-body {
-      padding: 0;
-    }
-  }
   .drawerMain {
-    min-width: 600px;
-    margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
-    display: flex;
-    flex-direction: column;
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
@@ -171,53 +234,55 @@ export default {
         margin-left: 24px;
       }
     }
-    .vote {
-      display: flex;
-      align-items: center;
-      margin-top: 32px;
-      margin-left: 20px;
-      .votebox {
-        width: 100px;
+    .contentMain {
+      .vote {
         display: flex;
         align-items: center;
-        justify-content: flex-end;
-        // background-color: pink;
-        .voteimg {
-          width: 10px;
-          height: 10px;
-          margin-right: 5px;
+        margin-top: 32px;
+        margin-left: 20px;
+        .votebox {
+          width: 100px;
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          // background-color: pink;
+          .voteimg {
+            width: 10px;
+            height: 10px;
+            margin-right: 5px;
+          }
+          .votename {
+            font-size: 14px;
+            font-weight: 400;
+            color: #333333;
+            line-height: 20px;
+          }
         }
-        .votename {
+
+        .votebtn {
+          width: 130px;
+          height: 40px;
+          background: #388be1;
+          border-radius: 8px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          cursor: pointer;
           font-size: 14px;
           font-weight: 400;
-          color: #333333;
+          color: #ffffff;
           line-height: 20px;
         }
-      }
-
-      .votebtn {
-        width: 130px;
-        height: 40px;
-        background: #388be1;
-        border-radius: 8px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-        font-size: 14px;
-        font-weight: 400;
-        color: #ffffff;
-        line-height: 20px;
-      }
-      .voteclassify {
-        font-size: 14px;
-        font-weight: 400;
-        color: #999999;
-        line-height: 20px;
-        margin-top: 16px;
-      }
-      .ant-picker {
-        width: 424px;
+        .voteclassify {
+          font-size: 14px;
+          font-weight: 400;
+          color: #999999;
+          line-height: 20px;
+          margin-top: 16px;
+        }
+        .ant-picker {
+          width: 424px;
+        }
       }
     }
   }