From 8ca301256d4236d500b70cd774bcce8dfc57bd23 Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Thu, 21 Sep 2023 15:04:07 +0800
Subject: [PATCH 01/43] =?UTF-8?q?=E6=8E=A8=E8=8D=90=E8=AF=BE=E7=A8=8B?=
 =?UTF-8?q?=E5=88=9D=E5=A7=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                          |  25 +-
 src/components/BreadCrumb.vue                 |  16 +
 src/components/NavLeft.vue                    |  15 +
 .../courserecommended/CourseRecommended.vue   | 385 ++++++++
 src/views/courselibrary/CourseRecommended.vue | 934 ++++++++++++++++++
 5 files changed, 1363 insertions(+), 12 deletions(-)
 create mode 100644 src/components/courserecommended/CourseRecommended.vue
 create mode 100644 src/views/courselibrary/CourseRecommended.vue

diff --git a/.env b/.env
index 409b9fb6..c4abd398 100644
--- a/.env
+++ b/.env
@@ -11,22 +11,23 @@ VUE_APP_TOOL_FOLDERID=1147577145918910464
 #文件路径
 VUE_APP_FILE_PATH=/upload/
 # 代理url 本地调试，不可以用在其他地方
-VUE_APP_PROXY_URL=//u-pre.boe.com/manageApi
+VUE_APP_PROXY_URL=//pretest.zcwytd.com/manageApi
 # 登录url
-VUE_APP_LOGIN_URL=//u-pre.boe.com/web?returnUrl=
+# VUE_APP_LOGIN_URL=//pretest.zcwytd.com/web?returnUrl=
+VUE_APP_LOGIN_URL=/pc/login
 # boe域名
-VUE_APP_BOE_API_URL=//u-pre.boe.com
+VUE_APP_BOE_API_URL=//pretest.zcwytd.com
 #打包路径
 VUE_APP_OUTPUT_DIR=./dist
 
 # iframe嵌套url
-VUE_APP_IFRAME_URL=//u-pre.boe.com/pc/iframe
+VUE_APP_IFRAME_URL=//pretest.zcwytd.com/pc/iframe
 # 学员端路由
-VUE_APP_IFRAME_STUDENT_URL=//u-pre.boe.com/pc/loading
-VUE_APP_IFRAME_TEACHER_URL=//u-pre.boe.com/pc/need/waitaudit
+VUE_APP_IFRAME_STUDENT_URL=//pretest.zcwytd.com/pc/loading
+VUE_APP_IFRAME_TEACHER_URL=//pretest.zcwytd.com/pc/need/waitaudit
 
 # 课程二维码
-VUE_APP_COURSE_STUDY=//u-pre.boe.com/pc/course/studyindex?id=
+VUE_APP_COURSE_STUDY=//pretest.zcwytd.com/pc/course/studyindex?id=
 
 # 导入学员模板
 VUE_APP_UP_LOAD_STUDENT_TEMPLATE=导入学员模版-1673963663229.xlsx
@@ -34,16 +35,16 @@ VUE_APP_UP_LOAD_STUDENT_TEMPLATE=导入学员模版-1673963663229.xlsx
 VUE_APP_UP_LOAD_STUDENT_SCORE_TEMPLATE=外部考试学员成绩导入模板-1676551319283.xlsx
 
 #在线
-VUE_APP_ONLINE_CLASS_URL=//u-pre.boe.com/mobile/pages/study/courseStudy?id=
+VUE_APP_ONLINE_CLASS_URL=//pretest.zcwytd.com/mobile/pages/study/courseStudy?id=
 #案例
-VITE_BOE_CASS_DETAIL_URL=//u-pre.boe.com/pc/case/detail?id=
+VITE_BOE_CASS_DETAIL_URL=//pretest.zcwytd.com/pc/case/detail?id=
 #考试
-VUE_APP_EXAM_DETAIL_URL=//u-pre.boe.com/mobile/pages/exam/exam?id=
+VUE_APP_EXAM_DETAIL_URL=//pretest.zcwytd.com/mobile/pages/exam/exam?id=
 #h5的基本url
-VUE_APP_H5=//u-pre.boe.com/student-h5
+VUE_APP_H5=//pretest.zcwytd.com/student-h5
 #用户头像
 VUE_APP_AVATAR_PATH=/upload/
 # 旧版管理员界面
-VUE_APP_OLD_MANAGE=//u-pre.boe.com/resource/index.html
+VUE_APP_OLD_MANAGE=//pretest.zcwytd.com/resource/index.html
 # 批量面授报名模板
 VUE_APP_FACE_STUDENT_TEMPLATE=批量面授报名模版-1673963663229.xlsx
\ No newline at end of file
diff --git a/src/components/BreadCrumb.vue b/src/components/BreadCrumb.vue
index faead9c5..5d0f2c03 100644
--- a/src/components/BreadCrumb.vue
+++ b/src/components/BreadCrumb.vue
@@ -194,6 +194,22 @@
                     },
                   ];
                 }
+                if (
+                        n.indexOf("/courserecommended") !== -1 ||
+                        n.indexOf("/CourseRecommended") !== -1
+                ) {
+                  state.list = [
+                    {
+                      name: "课程库",
+                      href: "",
+                      // href: "#/coursewaremanage",
+                    },
+                    {
+                      name: "课程推荐",
+                      href: "",
+                    },
+                  ];
+                }
                 if (
                         n.indexOf("/coursemanage") !== -1 ||
                         n.indexOf("/CourseManage") !== -1
diff --git a/src/components/NavLeft.vue b/src/components/NavLeft.vue
index 4d2fa72d..c6ffb053 100644
--- a/src/components/NavLeft.vue
+++ b/src/components/NavLeft.vue
@@ -153,6 +153,15 @@
             ></span>
             <router-link to="/coursemanage">课件管理</router-link>
           </a-menu-item>
+          <a-menu-item key="sub3-4" >
+            <span
+                :class="{
+                circleActive: selectedKeys[0] === 'sub3-4' ? true : false,
+                circle: selectedKeys[0] === 'sub3-4' ? false : true,
+              }"
+            ></span>
+            <router-link to="/courserecommended">课程推荐</router-link>
+          </a-menu-item>          
         </a-sub-menu>
         <!-- 2022-12-10注释 后面放开 -->
         <!-- <a-menu-item key="sub4" @titleClick="titleClick">
@@ -795,6 +804,12 @@ export default {
           selectedKeys: "sub3-3",
           pagename: "课件管理",
         },
+        {
+          href: "/courserecommended",
+          openKeys: "sub4",
+          selectedKeys: "sub3-4",
+          pagename: "课程推荐",
+        },
         {
           href: "/certificatecenter",
           openKeys: "sub8",
diff --git a/src/components/courserecommended/CourseRecommended.vue b/src/components/courserecommended/CourseRecommended.vue
new file mode 100644
index 00000000..547708d6
--- /dev/null
+++ b/src/components/courserecommended/CourseRecommended.vue
@@ -0,0 +1,385 @@
+<!-- 课件管理页面 -->
+<template>
+  <!-- 预览弹窗 -->
+  <a-modal
+    :visible="visible"
+    title="查看"
+    :footer="null"
+    :closable="false"
+    wrapClassName="modalStyle lookCourseModal"
+    width="80%"
+    @cancel="handleCancel"
+    @ok="handleCancel"
+  >
+  <div class="title">项目管理系列课</div>
+  <dl>
+    <dt>推荐值：27分</dt>
+    <dt>推荐组织：京东方大学堂</dt>
+    <dt>课程数：3</dt>
+    <dt>用户数：10</dt>
+  </dl>
+  <div class="inp">
+    <a-input v-model:value="value" placeholder="请输入姓名" />
+    <a-button type="primary">搜索</a-button>
+  </div>
+      <!-- 表格 -->
+      <div class="tableBox">
+      <a-table style="border: 1px solid #f2f6fe" :columns="column" 
+        :scroll="{ x: 1100 }" :pagination="false">
+        <template #operation="{ record }">
+          <a-space style="padding-right: 10px">
+            
+            <a-button
+              @click="() => handleLook()"
+              type="link"
+              >查看详情
+            </a-button>
+            
+          </a-space>
+        </template>
+      </a-table>
+    </div>
+    <!-- <div class="pa" style="display: flex; justify-content: flex-end; padding: 0 38px">
+      <a-pagination show-quick-jumper :pageSize="searchData.pageSize" :current="searchData.pageIndex" :total="state.total"
+        class="pagination" @change="handelChangePage" show-size-changer />
+    </div> -->
+    
+    <img
+    @click="handleCancel"
+    style="width: 22px; height: 22px"
+    src="@/assets/images/basicinfo/close22.png"
+    />   
+  </a-modal>
+</template>
+
+<script>
+import { ref,reactive, toRefs, defineComponent, watch, computed } from "vue";
+import { useStore } from "vuex";
+// import OrgClassCheck from "@/components/project/OrgClassCheck";
+import OrgClass from "@/components/project/OrgClass";
+import { detail } from "@/api/indexCourse";
+import { boeRequest } from "@/api/request";
+import {
+  RECOMMEND_PAGE,
+  
+} from "@/api/case";
+import { Form, message,} from "ant-design-vue";
+
+// const { resetFields } = Form.useForm(searchData, {});
+
+export default defineComponent({
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    detail: {
+      type: Object,
+      default: () => ({}),
+    },
+    login:{
+      type:Boolean,
+      default:false,
+    },
+    data:{
+      type:Array,
+      default:()=>([])
+    }
+  },
+  components: {
+    // OrgClassCheck,
+    OrgClass,
+    
+  },
+  setup(props, { emit }) {
+
+
+// const loading = ref(false);
+// // 查询数据
+const searchData = ref({
+  pageIndex: 1,
+  pageSize: 10,
+  recommendName: "",
+  recommendTimeList: [],
+});
+// const handelChangePage = (page, pageSize) => {
+//   loading.value = false;
+//   searchData.value.pageSize = pageSize;
+//   searchData.value.pageIndex = page;
+//   getList();
+// };
+const getList = (num) => {
+//   if (num === 1) searchData.value.pageIndex = 1;
+  boeRequest(RECOMMEND_PAGE, searchData.value)
+    .then((res) => {
+  //     loading.value = true;
+      state.data = res?.result?.list || [];
+      state.total = res?.result?.count || 0;
+      console.log(state.data)
+      
+    })
+//     .catch(() => {
+//       loading.value = false;
+//     });
+};
+getList()
+
+
+    const value = ref('');
+
+    console.log("props", props);
+    const store = useStore();
+
+    const state = reactive({
+      imgList: [],
+      categoryName: "",
+      locationHref:
+            process.env.VUE_APP_FILE_PATH,
+
+      //目标任务
+      orgSelect: [],
+      orgSelectName: [],
+      orgSelectFullName: [],
+      selectJobName: [],
+      selectJobId: [],
+      selectBandName: [],
+      selectBandId: [],
+      //资源归属
+      sourceBelongId: [],
+      sourceBelongName: [],
+      sourceBelongFullName: [],
+      orgSelectNames: "",
+      //列表数据
+      // data: [],
+      total:0,
+      column: [
+        {
+          title: "推荐人",
+          dataIndex: "recommendBy",
+          key: "recommendBy",
+          width: "10%",
+          align: "center",
+          ellipsis: true,
+          className: "h",
+          customRender: ({ text }) => {
+            return text ? text : "-";
+          },
+        },
+        {
+          title: "列表包名称",
+          dataIndex: "listPageName",
+          key: "listPageName",
+          width: "10%",
+          align: "center",
+          className: "h",
+          customRender: ({ text }) => {
+            return text ? text : "-";
+          },
+        },
+        {
+          title: "推荐时间",
+          dataIndex: "recommendTime",
+          key: "recommendTime",
+          width: "10%",
+          align: "center",
+          className: "h",
+          customRender: ({ text }) => {
+            return text ? text : "-";
+          },
+        },
+        {
+          title: "课程数",
+          dataIndex: "courseCount",
+          key: "courseCount",
+          width: "10%",
+          align: "center",
+          className: "h",
+          customRender: ({ text }) => {
+            return text ? text : "-";
+          },
+        },
+        
+      ],
+    });
+    
+
+    const sysTypeOptions = computed(() => store.state.content_type);
+    //获取岗位
+    const jobType = computed(() => store.state.job_type);
+    //获取band
+    const bandList = computed(() => store.state.band);
+    watch(
+      () => props.detail.sysTypeId,
+      () => {
+        state.categoryName = findClassFullName(sysTypeOptions.value);
+      }
+    );
+    watch(
+      () => props.detail.id,
+      () => {
+        detail({
+          offcourseId: Number(props.detail.id),
+        }).then((res) => {
+          console.log("res", res);
+          if (res.data.code === 200) {
+            let item = res.data.data;
+            if (item.jobTypeIds) {
+              state.selectJobId = item.jobTypeIds.split(",");
+              console.log("selectJobId" + JSON.stringify(state.selectJobId));
+            }
+            if (item.bandIds) {
+              state.selectBandId = item.bandIds.split(",");
+            }
+            console.log("state.selectBandId", state.selectBandId);
+            state.sourceBelongId = item.sourceBelongId;
+            state.sourceBelongName = item.sourceBelongFullName;
+            if (item.organizationIds && item.organizationNames) {
+              let orgSelectIds = item.organizationIds;
+              let orgSelectNames = item.organizationNames;
+              orgSelectIds = orgSelectIds.split(",");
+              orgSelectNames = orgSelectNames.split(",");
+              console.log(
+                "orgSelectIds&orgSelectNames",
+                orgSelectIds,
+                orgSelectNames
+              );
+              let arrObj = [];
+              arrObj = orgSelectIds.map((item, index) => {
+                return { value: item, label: orgSelectNames[index] };
+              });
+              console.log("arrObj-------------", arrObj);
+              state.orgSelect = arrObj;
+              state.orgSelectNames = orgSelectNames;
+            }
+          }
+        });
+      },
+      {
+        deep: true,
+      }
+    );
+
+    function findClassFullName(list, name = "") {
+      return (
+        (list &&
+          list.length &&
+          list
+            .map((e) =>
+              props.detail.sysTypeId == e.code
+                ? name
+                  ? name + "-" + e.name
+                  : e.name
+                : findClassFullName(
+                    e.children,
+                    name ? name + "-" + e.name : e.name
+                  )
+            )
+            .filter((name) => name)
+            .join("")) ||
+        ""
+      );
+    }
+
+    const filterTxt = (txt) => {
+      if (txt) {
+        return txt;
+      } else {
+        return "-";
+      }
+    };
+    const handleCancel = () => {
+      console.log("关闭");
+      emit("cancel");
+      //目标任务
+      state.orgSelect = [];
+      state.orgSelectName = [];
+      state.orgSelectFullName = [];
+      state.selectJobName = [];
+      state.selectJobId = [];
+      state.selectBandName = [];
+      state.selectBandId = [];
+      //资源归属
+      state.sourceBelongId = [];
+      state.sourceBelongName = [];
+      state.sourceBelongFullName = [];
+      state.orgSelectNames = "";
+    };
+
+    function openDown(link) {
+      window.open(process.env.VUE_APP_FILE_PATH + link);
+      //:href="item.indexOf('http') !== -1 ? item : locationHref + item"
+    }
+    return {
+      ...toRefs(state),
+      filterTxt,
+      openDown,
+      handleCancel,
+      jobType,
+      bandList,
+      value,
+      searchData,
+      getList,
+    };
+  },
+});
+</script>
+<style lang="scss">
+  .title{
+    // background-color: rgba(255, 255, 255, 0);
+    box-sizing: border-box;
+    font-weight: 650;
+    color: #333333;
+    text-align: left;
+    padding:20px 0 16px 19px;
+    border-bottom: 1px solid rgba(121, 121, 121, 0.38);
+    
+    margin-bottom: 18px;
+  }
+  dl{
+    display: flex;
+    background-color: rgba(255, 255, 255, 0);
+    box-sizing: border-box;
+    color: #333333;
+    text-align: left;
+    margin-left: 19px;
+    margin-bottom: 19px;
+  }
+  dl dt{
+    padding-right: 70px;
+    color: #333333;
+    text-align: left;
+  }
+  .inp{
+    text-align: right;
+    margin-bottom: 32px;
+  }
+  .ant-input{
+    width: 130px;
+    height: 40px;
+    margin-right: 18px;    
+  }
+  .ant-btn-primary{
+    width: 90px;
+    height: 40px;
+    border-radius: 5px;
+    box-sizing: border-box;
+    margin-right: 30px;
+  }
+
+   .tableBox {
+    // margin: 20px 38px 30px;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+
+    th.ant-table-cell {
+      background-color: #eff4fc !important;
+      text-align: center;
+      color: #999ba3;
+    }
+
+    td.ant-table-cell {
+      text-align: center;
+    }
+  }
+</style>
diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
new file mode 100644
index 00000000..05707b4a
--- /dev/null
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -0,0 +1,934 @@
+<!-- 课程推荐页面 -->
+<template>
+  <div class="researchmanage">
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <div class="filterItems">
+        <div class="select">
+          <a-input v-model:value="searchData.recommendName" style="width: 106px; height: 40px; border-radius: 5px"
+            placeholder="请输入姓名" />
+        </div>
+        <div class="select">
+          <div class="select addTimeBox">
+            <div class="addTime">创建时间：</div>
+            <a-range-picker v-model:value="recommendTimeList" style="width: 420px" @change="timeChange"
+              format="YYYY-MM-DD" valueFormat="YYYY-MM-DD" separator="至" :placeholder="['      开始时间', '        结束时间']" />
+          </div>
+        </div>
+        <div style="display: flex; margin-bottom: 20px">
+          <div class="btn btn1" @click="getList(1)">
+            <div class="search"></div>
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="btn btn2" @click="handleRest" style="width: 105px">
+            <div class="search"></div>
+            <div class="btnText">重置</div>
+          </div>
+        </div>
+      </div>
+      <div class="btns">
+        <div class="btn btn3" @click="handleNew">
+          <div class="search"></div>
+          <div class="btnText">发起推荐</div>
+        </div>
+      </div>
+    </div>
+    <!-- 搜索框及按钮 -->
+    <!-- 表格 -->
+    <div class="tableBox">
+      <a-table style="border: 1px solid #f2f6fe" :columns="column" :data-source="state.data" :loading="!loading"
+        :scroll="{ x: 1100 }" :pagination="false">
+        <template #operation="{ record }">
+          <a-space style="padding-right: 10px">
+            <a-button @click="downloadInfo(record)" type="link">信息下载
+            </a-button>
+            <a-button
+              @click="() => handleLook(record, String(record.courseform))"
+              type="link"
+              >查看
+            </a-button>
+            <a-button @click="() => handleOper(record, 'withdraw', record.pushProgress)" type="link">
+              {{ state.status[record.pushProgress] }}
+            </a-button>
+            <a-button @click="handleOper(record, 'del')" type="link">删除
+            </a-button>
+          </a-space>
+        </template>
+      </a-table>
+    </div>
+    <div class="modalMain">
+        <div class="onlinemanage" :style="{ display: om_1 ? 'block' : 'none' }">
+          <div class="om_main">
+            <div class="om_body">
+              <div class="b_sub">
+                <div class="b_title">课程：{{ newCourseName }}</div>
+                <div class="bs_type" style="margin-left: 20px">类型：</div>
+                <div class="bs_right">{{ faceType }}</div>
+                <div class="bs_left">内容分类：</div>
+                <div class="bs_right">{{ faceClassification }}</div>
+                <div class="bs_left">状态：</div>
+                <div class="bs_right">
+                  {{ faceStatus == 1 ? "已启用" : "已停用" }}
+                </div>
+              </div>
+              <a-tabs
+                class="b_menu"
+                v-model:activeKey="faceManageTab"
+                size="large"
+                :tabBarStyle="{ marginLeft: '10px' }"
+                @change="faceManageChange"
+              >
+              
+                <a-tab-pane key="1" tab="学习记录">
+                  <div class="b_menunav">
+                    <div class="bm_select">
+                      <a-select
+                        class="select"
+                        ref="select"
+                        placeholder="请选择状态"
+                        v-model:value="gl_selectV2"
+                        style="width: 200px"
+                        :options="options11"
+                        allowClear
+                        @focus="focus"
+                        @change="handleChange"
+                      >
+                      
+                      </a-select>
+                    </div>
+                    <div class="bm_input">
+                      <a-input
+                        v-model:value="gl_inputV2"
+                        style="width: 200px; height: 40px; border-radius: 8px"
+                        placeholder="姓名"
+                      />
+                    </div>
+                    <div class="bm_btn">
+                      <div class="btn btn1" @click="handleSearchTable3">
+                        <div class="search"></div>
+                        <div class="btnText">搜索</div>
+                      </div>
+                      <div class="btn btn2" @click="reseatSearchTable3">
+                        <div class="search"></div>
+                        <div class="btnText">重置</div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="bm_table" style="margin-bottom: 20px">
+                    <a-table
+                      :columns="columns2"
+                      :data-source="tableData3"
+                      :loading="manageStuLoading"
+                      :pagination="false"
+                    >
+                      <template #bodyCell="{ column }">
+                        <template v-if="column.key === 'opacation'">
+                          <a @click="ckxq_hs">查看详情</a>
+                        </template>
+                      </template>
+                    </a-table>
+                    <div class="tableBox" style="margin-top: 50px">
+                      <div class="pa">
+                        <a-pagination
+                          :showSizeChanger="false"
+                          showQuickJumper="true"
+                          hideOnSinglePage="true"
+                          :pageSize="pageSize222"
+                          :current="currentPage222"
+                          :total="tableDataTotal222"
+                          class="pagination"
+                          @change="handelChangePage222"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </a-tab-pane>
+              </a-tabs>
+            </div>
+          </div>
+        </div>
+    </div>
+    <div class="pa" style="display: flex; justify-content: flex-end; padding: 0 38px">
+      <a-pagination show-quick-jumper :pageSize="searchData.pageSize" :current="searchData.pageIndex" :total="state.total"
+        class="pagination" @change="handelChangePage" show-size-changer />
+    </div>
+    <InitiateRecommend v-model:visible="newNext" :title="添加案例"></InitiateRecommend>
+    <SeeModal
+      :visible="lookCourseModal"
+      :detail="faceDetailObj"
+      @cancel="ft_exit_see"
+    />
+  </div>
+</template>
+<script setup lang="jsx">
+import { ref, onMounted, reactive, watch, toRefs } from "vue";
+import { Form, message,} from "ant-design-vue";
+import { boeRequest } from "@/api/request";
+import useDownload from '@/hooks/useDownload'
+import {
+  RECOMMEND_PAGE,
+  deleteResearch,
+  caseInfoDownload,
+  rePushOrWithdraw,
+} from "@/api/case";
+import dialog from "@/utils/dialog";
+import InitiateRecommend from "@/components/drawers/InitiateRecommend.vue";
+import { checkMenu } from "@/utils/utils";
+import SeeModal from "@/components/courserecommended/CourseRecommended.vue";
+const column = [
+  {
+    title: "推荐人",
+    dataIndex: "recommendBy",
+    key: "recommendBy",
+    width: "10%",
+    align: "center",
+    ellipsis: true,
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "列表包名称",
+    dataIndex: "listPageName",
+    key: "listPageName",
+    width: "20%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "推荐时间",
+    dataIndex: "recommendTime",
+    key: "recommendTime",
+    width: "20%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "课程数",
+    dataIndex: "courseCount",
+    key: "courseCount",
+    width: "10%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "用户数",
+    dataIndex: "userCount",
+    key: "userCount",
+    width: "10%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "推送进度",
+    dataIndex: "pushProgress",
+    key: "pushProgress",
+    width: "10%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      switch (text) {
+        case 1:
+          return <span>推送中</span>;
+        case 2:
+          return <span>推送中</span>;
+        case 3:
+          return <span>已完成</span>;
+        case 4:
+          return <span style={{ color: "red" }}>推送失败</span>;
+        case 5:
+          return <span>推送撤回</span>;
+        default:
+          return <span>-</span>;
+      }
+    },
+  },
+  {
+    title: "查看率",
+    dataIndex: "viewRate",
+    key: "viewRate",
+    width: "10%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "0%";
+    },
+  },
+  {
+    title: "完成比",
+    dataIndex: "viewRate",
+    key: "viewRate",
+    width: "10%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "0%";
+    },
+  },
+];
+//查看
+
+    // 预览弹框 开启和关闭
+    const ft_exit_see = () => {
+      lookCourseModal.value = false;
+    };
+    const handleLook = async (itm, type) => {
+    //   // if (type === "1") {
+    //   //   return;
+    //   // }
+    //   // state.offcourseId = itm.id;
+
+    //   // const item = await detail({
+    //   //   offcourseId: Number(state.offcourseId),
+    //   // }).then((res) => {
+    //   //   if (res.data.code === 200) return res.data.data;
+    //   // });
+      lookCourseModal.value = true;
+    //   // item.attach = item.attach == "" ? [] : item.attach.split(",");
+    //   // state.faceDetailObj = item;
+    //   // console.log("获取查看信息", item);
+    };
+const authenticationColumn = {
+  title: "操作",
+  width: "20%",
+  className: "h",
+  dataIndex: "id",
+  key: "id",
+  fixed: "right",
+  align: "center",
+  slots: { customRender: "operation" },
+}
+const lookCourseModal = ref(true)
+const faceDetailObj = ref({})
+
+const state = reactive({
+  data: [],
+  total: 0,
+  status: {
+    1: "撤回",
+    2: "撤回",
+    3: "撤回",
+    4: "重新推送",
+    5: "重新推送",
+  },
+  
+});
+// 查询数据
+const searchData = ref({
+  pageIndex: 1,
+  pageSize: 10,
+  recommendName: "",
+  recommendTimeList: [],
+});
+const newNext = ref(false);
+const recommendTimeList = ref([]);
+const loading = ref(false);
+watch(newNext, (value) => {
+  if (!value) {
+    searchData.value.pageIndex = 1;
+    getList()
+  }
+})
+
+const getList = (num) => {
+  if (num === 1) searchData.value.pageIndex = 1;
+  boeRequest(RECOMMEND_PAGE, searchData.value)
+    .then((res) => {
+      loading.value = true;
+      state.data = res?.result?.list || [];
+      state.total = res?.result?.count || 0;
+    })
+    .catch(() => {
+      loading.value = false;
+    });
+};
+
+// 获取列表数据
+getList();
+
+onMounted(() => {
+  // 是否需要触发新建弹框
+  let str = location.href;
+  let isOpen = str.includes("openCreate=true");
+  if (isOpen) {
+    newNext.value = true;
+  }
+  column.push(authenticationColumn)
+});
+
+const { resetFields } = Form.useForm(searchData, {});
+
+const handle = (record) => ({
+  withdraw: async () => {
+    try {
+      // editReleaseStatus({ assessmentId: record.id, releaseStatus: 1 });
+      await rePushOrWithdraw({ casesRecommendId: record.id });
+      getList();
+    } catch (error) {
+      message.info("推送失败！");
+    }
+  },
+  del: async () => {
+    loading.value = true;
+    await deleteResearch({ id: record.id })
+      .then(() => {
+        message.info("删除成功！");
+        getList();
+      })
+      .catch(() => (loading.value = false));
+  },
+});
+
+const handleMsg = {
+  del: "你确定要删除这条记录吗？",
+  withdraw1: "你确认要撤回此次推送吗？",
+  withdraw2: "你确认要撤回此次推送吗？",
+  withdraw3: "你确认要撤回此次推送吗？",
+  withdraw4: "您确定要重新推送此案例吗？",
+  withdraw5: "您确定要重新推送此案例吗？",
+};
+
+function handleOper(record, type, status = '') {
+  dialog({ content: handleMsg[status ? type + status : type], ok: handle(record)[type] });
+}
+// 信息下载
+const downloadInfo = (record) => {
+  try {
+    useDownload('/xboe/m/boe/cases/recommend/info_download', { casesRecommendId: record.id }, '案例信息')
+  } catch (error) {
+    console.log(error);
+  }
+};
+
+const handelChangePage = (page, pageSize) => {
+  loading.value = false;
+  searchData.value.pageSize = pageSize;
+  searchData.value.pageIndex = page;
+  getList();
+};
+
+function timeChange(time, timeStr) {
+  searchData.value.recommendTimeList = time ? time : [];
+}
+
+const handleRest = () => {
+  recommendTimeList.value = [];
+  resetFields();
+  getList();
+};
+
+const handleNew = () => {
+  newNext.value = true;
+};
+// return {
+//   ...toRefs(state),
+//   handleLook,
+//   ft_exit_see,
+// }
+</script>
+<style lang="scss">
+.clearfix:before,
+.clearfix:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+
+.addTimeBox {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+  .addTime {
+    position: absolute;
+    z-index: 10;
+    margin-left: 10px;
+    color: rgba(0, 0, 0, 0.4);
+  }
+
+  .ant-picker {
+    padding-left: 85px;
+  }
+
+  .ant-picker-range .ant-picker-active-bar {
+    margin-left: 85px;
+  }
+}
+
+.out {
+  //display: flex;
+  display: block;
+  position: absolute;
+  width: 680px;
+  // height: 525px;
+  background-color: #fff;
+  box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+
+  .top {
+    width: 100%;
+    height: 68px;
+
+    background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%);
+    display: flex;
+    align-items: center;
+
+    .topimg {
+      width: 18px;
+      height: 18px;
+      margin-left: 27px;
+    }
+
+    .topc {
+      color: #000000;
+      font-size: 16px;
+      margin-left: 8px;
+    }
+  }
+
+  .mid {
+    width: 100%;
+    height: 100%;
+    background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .d {
+      // margin-top: 8px;
+      // color: #ff4e4e;
+      margin-left: -5px;
+    }
+
+    .name {
+      width: 78%;
+      // background-color: lightcoral;
+      display: flex;
+      margin-top: 20px;
+      align-items: center;
+      height: 40px;
+      // border: 1px solid black;
+
+      .inname {
+        color: #6f6f6f;
+        font-size: 14px;
+        margin-left: 7px;
+      }
+
+      .in {
+        margin-left: 14px;
+        width: 81%;
+
+        .ant-input {
+          border-radius: 5px;
+          // height: 120%;
+          width: 100%;
+          height: 30px;
+        }
+
+        .showcount {
+          position: absolute;
+          right: 10px;
+          color: #c7cbd2;
+          bottom: 5px;
+        }
+      }
+    }
+
+    .btn {
+      width: 33%;
+      margin-top: 30px;
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 30px;
+
+      .samtn {
+        width: 100px;
+        height: 40px;
+        font-size: 14px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        cursor: pointer;
+      }
+
+      .btn1 {
+        background-color: #fff;
+        color: #4ea6ff;
+      }
+
+      .btn2 {
+        margin-left: 10px;
+        background-color: #4ea6ff;
+        color: #fff;
+      }
+    }
+  }
+}
+
+.researchmanage {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .filterItems {
+      display: flex;
+      flex-wrap: wrap;
+
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+
+      .btn {
+        padding: 0 26px 0 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btnn {
+        padding: 0 26px 0 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #fff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn1 {
+        .search {
+          width: 15px;
+          height: 17px;
+          background-image: url("../../assets/images/courseManage/search0.png");
+        }
+      }
+
+      .btn2 {
+        .search {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/reset0.png");
+        }
+      }
+
+      // .btn1:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+
+      //   .search {
+      //     background-image: url("../../assets/images/courseManage/search0.png");
+      //   }
+
+      //   .btnText {
+      //     color: #ffffff;
+      //   }
+      // }
+
+      .btn1:active {
+        background: #0982ff;
+      }
+
+      // .btn2:hover {
+      //   background: rgba(64, 158, 255, 0.1);
+      // }
+
+      .btn2:active {
+        background: rgba(64, 158, 255, 0.2);
+      }
+    }
+
+    .btns {
+      display: flex;
+
+      .btn {
+        padding: 0 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        //border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn3 {
+        margin-right: 0;
+
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add0.png");
+        }
+      }
+
+      // .btn3:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+
+      //   .search {
+      //     background-image: url("../../assets/images/courseManage/add0.png");
+      //   }
+
+      //   .btnText {
+      //     color: #ffffff;
+      //   }
+      // }
+
+      .btn3:active {
+        background: #0982ff;
+      }
+    }
+  }
+
+  .tableBox {
+    margin: 20px 38px 30px;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+
+    th.ant-table-cell {
+      background-color: #eff4fc !important;
+      text-align: center;
+      color: #999ba3;
+    }
+
+    td.ant-table-cell {
+      text-align: center;
+    }
+  }
+
+  .pa {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin-bottom: 20px;
+
+    .pagination {
+      margin-bottom: 20px;
+    }
+
+    .ant-pagination-item-link,
+    .ant-pagination-item,
+    .ant-select-selector,
+    .ant-pagination-options-quick-jumper input {
+      border-radius: 8px;
+    }
+  }
+
+  .unout {
+    display: none;
+  }
+
+  .operation {
+    display: flex;
+    justify-content: right;
+
+    .fb {
+      display: flex;
+      margin-right: 20px;
+
+      .jc {
+        color: #4ea6ff;
+        font-size: 14px;
+        margin-left: 20px;
+        white-space: nowrap;
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+.DelModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
+
+      .ant-modal-body {
+        .delete {
+          z-index: 9999;
+          width: 424px;
+          background: #ffffff;
+          box-shadow: 0 1px 35px 0 rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%);
+          }
+
+          .del_main {
+            width: 100%;
+            position: relative;
+
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .del-icon {
+                width: 16px;
+                height: 16px;
+                position: relative;
+                margin-right: 10px;
+
+                img {
+                  width: 100%;
+                  height: 100%;
+                  position: absolute;
+                  top: 0;
+                  left: 0;
+                  background-size: 100% 100%;
+                }
+              }
+
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
+
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+            }
+
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 14px;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>

From 15c80cf02d19c65708c843f5c1c4ae92d27ebf83 Mon Sep 17 00:00:00 2001
From: NiSen <laonisen@icloud.com>
Date: Thu, 21 Sep 2023 15:07:53 +0800
Subject: [PATCH 02/43] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=85=8D=E7=BD=AEenv?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/.env b/.env
index c4abd398..409b9fb6 100644
--- a/.env
+++ b/.env
@@ -11,23 +11,22 @@ VUE_APP_TOOL_FOLDERID=1147577145918910464
 #文件路径
 VUE_APP_FILE_PATH=/upload/
 # 代理url 本地调试，不可以用在其他地方
-VUE_APP_PROXY_URL=//pretest.zcwytd.com/manageApi
+VUE_APP_PROXY_URL=//u-pre.boe.com/manageApi
 # 登录url
-# VUE_APP_LOGIN_URL=//pretest.zcwytd.com/web?returnUrl=
-VUE_APP_LOGIN_URL=/pc/login
+VUE_APP_LOGIN_URL=//u-pre.boe.com/web?returnUrl=
 # boe域名
-VUE_APP_BOE_API_URL=//pretest.zcwytd.com
+VUE_APP_BOE_API_URL=//u-pre.boe.com
 #打包路径
 VUE_APP_OUTPUT_DIR=./dist
 
 # iframe嵌套url
-VUE_APP_IFRAME_URL=//pretest.zcwytd.com/pc/iframe
+VUE_APP_IFRAME_URL=//u-pre.boe.com/pc/iframe
 # 学员端路由
-VUE_APP_IFRAME_STUDENT_URL=//pretest.zcwytd.com/pc/loading
-VUE_APP_IFRAME_TEACHER_URL=//pretest.zcwytd.com/pc/need/waitaudit
+VUE_APP_IFRAME_STUDENT_URL=//u-pre.boe.com/pc/loading
+VUE_APP_IFRAME_TEACHER_URL=//u-pre.boe.com/pc/need/waitaudit
 
 # 课程二维码
-VUE_APP_COURSE_STUDY=//pretest.zcwytd.com/pc/course/studyindex?id=
+VUE_APP_COURSE_STUDY=//u-pre.boe.com/pc/course/studyindex?id=
 
 # 导入学员模板
 VUE_APP_UP_LOAD_STUDENT_TEMPLATE=导入学员模版-1673963663229.xlsx
@@ -35,16 +34,16 @@ VUE_APP_UP_LOAD_STUDENT_TEMPLATE=导入学员模版-1673963663229.xlsx
 VUE_APP_UP_LOAD_STUDENT_SCORE_TEMPLATE=外部考试学员成绩导入模板-1676551319283.xlsx
 
 #在线
-VUE_APP_ONLINE_CLASS_URL=//pretest.zcwytd.com/mobile/pages/study/courseStudy?id=
+VUE_APP_ONLINE_CLASS_URL=//u-pre.boe.com/mobile/pages/study/courseStudy?id=
 #案例
-VITE_BOE_CASS_DETAIL_URL=//pretest.zcwytd.com/pc/case/detail?id=
+VITE_BOE_CASS_DETAIL_URL=//u-pre.boe.com/pc/case/detail?id=
 #考试
-VUE_APP_EXAM_DETAIL_URL=//pretest.zcwytd.com/mobile/pages/exam/exam?id=
+VUE_APP_EXAM_DETAIL_URL=//u-pre.boe.com/mobile/pages/exam/exam?id=
 #h5的基本url
-VUE_APP_H5=//pretest.zcwytd.com/student-h5
+VUE_APP_H5=//u-pre.boe.com/student-h5
 #用户头像
 VUE_APP_AVATAR_PATH=/upload/
 # 旧版管理员界面
-VUE_APP_OLD_MANAGE=//pretest.zcwytd.com/resource/index.html
+VUE_APP_OLD_MANAGE=//u-pre.boe.com/resource/index.html
 # 批量面授报名模板
 VUE_APP_FACE_STUDENT_TEMPLATE=批量面授报名模版-1673963663229.xlsx
\ No newline at end of file

From 4d91d763301b57df4f7ef50d651ff86be9b1fddb Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Thu, 21 Sep 2023 17:52:43 +0800
Subject: [PATCH 03/43] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E6=8E=A8=E8=8D=90?=
 =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../courserecommended/CourseRecommended.vue   | 48 +++++++++----------
 src/views/courselibrary/CourseRecommended.vue |  4 +-
 2 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/components/courserecommended/CourseRecommended.vue b/src/components/courserecommended/CourseRecommended.vue
index 547708d6..11cf1db6 100644
--- a/src/components/courserecommended/CourseRecommended.vue
+++ b/src/components/courserecommended/CourseRecommended.vue
@@ -10,6 +10,7 @@
     width="80%"
     @cancel="handleCancel"
     @ok="handleCancel"
+    style="overflow-y:auto"
   >
   <div class="title">项目管理系列课</div>
   <dl>
@@ -24,8 +25,9 @@
   </div>
       <!-- 表格 -->
       <div class="tableBox">
-      <a-table style="border: 1px solid #f2f6fe" :columns="column" 
+      <a-table style="border: 1px solid #f2f6fe" :columns="column" :data-source="data" 
         :scroll="{ x: 1100 }" :pagination="false">
+
         <template #operation="{ record }">
           <a-space style="padding-right: 10px">
             
@@ -38,22 +40,17 @@
           </a-space>
         </template>
       </a-table>
+      <div class="pa" style="display: flex; justify-content: flex-end; padding: 0 38px">
+        <a-pagination show-quick-jumper :pageSize="searchData.pageSize" :current="searchData.pageIndex" :total="total"
+          class="pagination" @change="handelChangePage" show-size-changer />
+      </div>
     </div>
-    <!-- <div class="pa" style="display: flex; justify-content: flex-end; padding: 0 38px">
-      <a-pagination show-quick-jumper :pageSize="searchData.pageSize" :current="searchData.pageIndex" :total="state.total"
-        class="pagination" @change="handelChangePage" show-size-changer />
-    </div> -->
-    
-    <img
-    @click="handleCancel"
-    style="width: 22px; height: 22px"
-    src="@/assets/images/basicinfo/close22.png"
-    />   
+       
   </a-modal>
 </template>
 
 <script>
-import { ref,reactive, toRefs, defineComponent, watch, computed } from "vue";
+import { ref,reactive, toRefs, defineComponent, watch, computed,onMounted } from "vue";
 import { useStore } from "vuex";
 // import OrgClassCheck from "@/components/project/OrgClassCheck";
 import OrgClass from "@/components/project/OrgClass";
@@ -94,6 +91,7 @@ export default defineComponent({
   setup(props, { emit }) {
 
 
+
 // const loading = ref(false);
 // // 查询数据
 const searchData = ref({
@@ -102,12 +100,12 @@ const searchData = ref({
   recommendName: "",
   recommendTimeList: [],
 });
-// const handelChangePage = (page, pageSize) => {
-//   loading.value = false;
-//   searchData.value.pageSize = pageSize;
-//   searchData.value.pageIndex = page;
-//   getList();
-// };
+const handelChangePage = (page, pageSize) => {
+  loading.value = false;
+  searchData.value.pageSize = pageSize;
+  searchData.value.pageIndex = page;
+  getList();
+};
 const getList = (num) => {
 //   if (num === 1) searchData.value.pageIndex = 1;
   boeRequest(RECOMMEND_PAGE, searchData.value)
@@ -124,9 +122,7 @@ const getList = (num) => {
 };
 getList()
 
-
     const value = ref('');
-
     console.log("props", props);
     const store = useStore();
 
@@ -150,11 +146,10 @@ getList()
       sourceBelongFullName: [],
       orgSelectNames: "",
       //列表数据
-      // data: [],
       total:0,
       column: [
         {
-          title: "推荐人",
+          title: "姓名",
           dataIndex: "recommendBy",
           key: "recommendBy",
           width: "10%",
@@ -166,7 +161,7 @@ getList()
           },
         },
         {
-          title: "列表包名称",
+          title: "课程系列包名称",
           dataIndex: "listPageName",
           key: "listPageName",
           width: "10%",
@@ -200,6 +195,7 @@ getList()
         },
         
       ],
+      data:[]
     });
     
 
@@ -371,7 +367,7 @@ getList()
     display: flex;
     flex: 1;
     flex-direction: column;
-
+    // margin-bottom: 36px;
     th.ant-table-cell {
       background-color: #eff4fc !important;
       text-align: center;
@@ -382,4 +378,8 @@ getList()
       text-align: center;
     }
   }
+  .pa{
+    margin-top: 36px;
+    margin-bottom: 43px;
+  }
 </style>
diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 05707b4a..71b31156 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -236,7 +236,7 @@ const column = [
     title: "推送进度",
     dataIndex: "pushProgress",
     key: "pushProgress",
-    width: "10%",
+    width: "15%",
     align: "center",
     className: "h",
     customRender: ({ text }) => {
@@ -303,7 +303,7 @@ const column = [
     };
 const authenticationColumn = {
   title: "操作",
-  width: "20%",
+  width: "30%",
   className: "h",
   dataIndex: "id",
   key: "id",

From 57fda551d110a5b55c2ce896355e398747c0e719 Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Fri, 22 Sep 2023 11:38:12 +0800
Subject: [PATCH 04/43] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E6=8E=A8=E8=8D=90?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E5=88=97=E8=A1=A8=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../courserecommended/CourseRecommended.vue   | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/components/courserecommended/CourseRecommended.vue b/src/components/courserecommended/CourseRecommended.vue
index 11cf1db6..8477a8df 100644
--- a/src/components/courserecommended/CourseRecommended.vue
+++ b/src/components/courserecommended/CourseRecommended.vue
@@ -10,7 +10,7 @@
     width="80%"
     @cancel="handleCancel"
     @ok="handleCancel"
-    style="overflow-y:auto"
+    class="modal"
   >
   <div class="title">项目管理系列课</div>
   <dl>
@@ -26,7 +26,7 @@
       <!-- 表格 -->
       <div class="tableBox">
       <a-table style="border: 1px solid #f2f6fe" :columns="column" :data-source="data" 
-        :scroll="{ x: 1100 }" :pagination="false">
+        :scroll="{ x: 1100 }" :pagination="false" :loading="!tableLoading">
 
         <template #operation="{ record }">
           <a-space style="padding-right: 10px">
@@ -81,7 +81,8 @@ export default defineComponent({
     data:{
       type:Array,
       default:()=>([])
-    }
+    },
+    
   },
   components: {
     // OrgClassCheck,
@@ -90,9 +91,6 @@ export default defineComponent({
   },
   setup(props, { emit }) {
 
-
-
-// const loading = ref(false);
 // // 查询数据
 const searchData = ref({
   pageIndex: 1,
@@ -101,7 +99,7 @@ const searchData = ref({
   recommendTimeList: [],
 });
 const handelChangePage = (page, pageSize) => {
-  loading.value = false;
+  state.tableLoading = false;
   searchData.value.pageSize = pageSize;
   searchData.value.pageIndex = page;
   getList();
@@ -110,15 +108,15 @@ const getList = (num) => {
 //   if (num === 1) searchData.value.pageIndex = 1;
   boeRequest(RECOMMEND_PAGE, searchData.value)
     .then((res) => {
-  //     loading.value = true;
+      state.tableLoading = true;
       state.data = res?.result?.list || [];
       state.total = res?.result?.count || 0;
       console.log(state.data)
       
     })
-//     .catch(() => {
-//       loading.value = false;
-//     });
+    .catch(() => {
+      state.tableLoading = false;
+    });
 };
 getList()
 
@@ -127,6 +125,7 @@ getList()
     const store = useStore();
 
     const state = reactive({
+      tableLoading:false,
       imgList: [],
       categoryName: "",
       locationHref:
@@ -315,11 +314,15 @@ getList()
       value,
       searchData,
       getList,
+      handelChangePage,
     };
   },
 });
 </script>
 <style lang="scss">
+.modal{
+  overflow-y: auto;
+}
   .title{
     // background-color: rgba(255, 255, 255, 0);
     box-sizing: border-box;

From ab271a82ad08f8b147ec4873ea3ab712ee917e6c Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Fri, 22 Sep 2023 17:31:46 +0800
Subject: [PATCH 05/43] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E6=8E=A8=E8=8D=90?=
 =?UTF-8?q?=E6=9F=A5=E7=9C=8B=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../courserecommended/CourseRecommended.vue   | 76 +++++++++++++++----
 src/views/courselibrary/CourseRecommended.vue | 10 +--
 2 files changed, 64 insertions(+), 22 deletions(-)

diff --git a/src/components/courserecommended/CourseRecommended.vue b/src/components/courserecommended/CourseRecommended.vue
index 8477a8df..7a43214a 100644
--- a/src/components/courserecommended/CourseRecommended.vue
+++ b/src/components/courserecommended/CourseRecommended.vue
@@ -12,17 +12,20 @@
     @ok="handleCancel"
     class="modal"
   >
-  <div class="title">项目管理系列课</div>
-  <dl>
-    <dt>推荐值：27分</dt>
-    <dt>推荐组织：京东方大学堂</dt>
-    <dt>课程数：3</dt>
-    <dt>用户数：10</dt>
-  </dl>
-  <div class="inp">
-    <a-input v-model:value="value" placeholder="请输入姓名" />
-    <a-button type="primary">搜索</a-button>
+  <div class="header">项目管理系列课</div>
+  <div class="title">
+    <dl>
+      <dt>推荐值：27分</dt>
+      <dt>推荐组织：京东方大学堂</dt>
+      <dt>课程数：3</dt>
+      <dt>用户数：10</dt>
+    </dl>
+    <div class="inp">
+      <a-input v-model:value="value" placeholder="请输入姓名" />
+      <a-button type="primary">搜索</a-button>
+    </div>  
   </div>
+
       <!-- 表格 -->
       <div class="tableBox">
       <a-table style="border: 1px solid #f2f6fe" :columns="column" :data-source="data" 
@@ -32,7 +35,7 @@
           <a-space style="padding-right: 10px">
             
             <a-button
-              @click="() => handleLook()"
+              @click="() => handleLook(record, String(record.courseform))"
               type="link"
               >查看详情
             </a-button>
@@ -47,6 +50,11 @@
     </div>
        
   </a-modal>
+  <SeeModal
+      :visible="lookCourseModal"
+      :detail="faceDetailObj"
+      @cancel="ft_exit_see"
+    />
 </template>
 
 <script>
@@ -61,6 +69,7 @@ import {
   
 } from "@/api/case";
 import { Form, message,} from "ant-design-vue";
+import SeeModal from "@/components/courserecommended/CourseCheck.vue";
 
 // const { resetFields } = Form.useForm(searchData, {});
 
@@ -87,10 +96,32 @@ export default defineComponent({
   components: {
     // OrgClassCheck,
     OrgClass,
+    SeeModal,
     
   },
   setup(props, { emit }) {
 
+        // 预览弹框 开启和关闭
+    const ft_exit_see = () => {
+      state.lookCourseModal = false;
+    };
+    const handleLook = async (itm, type) => {
+    //   // if (type === "1") {
+    //   //   return;
+    //   // }
+    //   // state.offcourseId = itm.id;
+
+    //   // const item = await detail({
+    //   //   offcourseId: Number(state.offcourseId),
+    //   // }).then((res) => {
+    //   //   if (res.data.code === 200) return res.data.data;
+    //   // });
+      state.lookCourseModal = true;
+    //   // item.attach = item.attach == "" ? [] : item.attach.split(",");
+    //   // state.faceDetailObj = item;
+    //   // console.log("获取查看信息", item);
+    };
+
 // // 查询数据
 const searchData = ref({
   pageIndex: 1,
@@ -125,6 +156,8 @@ getList()
     const store = useStore();
 
     const state = reactive({
+      faceDetailObj:{},
+      lookCourseModal:false,
       tableLoading:false,
       imgList: [],
       categoryName: "",
@@ -192,6 +225,14 @@ getList()
             return text ? text : "-";
           },
         },
+        {
+          title: "操作",
+          width: "10%",
+          dataIndex: "operation",
+          key: "operation",
+          align: "center",
+          slots: { customRender: "operation" },
+        },
         
       ],
       data:[]
@@ -315,6 +356,8 @@ getList()
       searchData,
       getList,
       handelChangePage,
+      handleLook,
+      ft_exit_see,
     };
   },
 });
@@ -323,7 +366,7 @@ getList()
 .modal{
   overflow-y: auto;
 }
-  .title{
+  .header{
     // background-color: rgba(255, 255, 255, 0);
     box-sizing: border-box;
     font-weight: 650;
@@ -331,8 +374,10 @@ getList()
     text-align: left;
     padding:20px 0 16px 19px;
     border-bottom: 1px solid rgba(121, 121, 121, 0.38);
-    
-    margin-bottom: 18px;
+  }
+  .title{
+    display: flex;
+    justify-content: space-between;
   }
   dl{
     display: flex;
@@ -341,7 +386,7 @@ getList()
     color: #333333;
     text-align: left;
     margin-left: 19px;
-    margin-bottom: 19px;
+    margin-top: 25px;
   }
   dl dt{
     padding-right: 70px;
@@ -351,6 +396,7 @@ getList()
   .inp{
     text-align: right;
     margin-bottom: 32px;
+    margin-top: 17px;
   }
   .ant-input{
     width: 130px;
diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 71b31156..0835ee18 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -50,7 +50,7 @@
             <a-button @click="() => handleOper(record, 'withdraw', record.pushProgress)" type="link">
               {{ state.status[record.pushProgress] }}
             </a-button>
-            <a-button @click="handleOper(record, 'del')" type="link">删除
+            <a-button @click="handleOper(record, 'del')" danger type="link">删除
             </a-button>
           </a-space>
         </template>
@@ -311,7 +311,7 @@ const authenticationColumn = {
   align: "center",
   slots: { customRender: "operation" },
 }
-const lookCourseModal = ref(true)
+const lookCourseModal = ref(false)
 const faceDetailObj = ref({})
 
 const state = reactive({
@@ -433,11 +433,7 @@ const handleRest = () => {
 const handleNew = () => {
   newNext.value = true;
 };
-// return {
-//   ...toRefs(state),
-//   handleLook,
-//   ft_exit_see,
-// }
+
 </script>
 <style lang="scss">
 .clearfix:before,

From 5e071a1f8af345a0b2bc009774f77e0f96bc4d3f Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Fri, 22 Sep 2023 17:34:04 +0800
Subject: [PATCH 06/43] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E6=8E=A8=E8=8D=90?=
 =?UTF-8?q?=E6=9F=A5=E7=9C=8B=E8=AF=A6=E6=83=85=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../courserecommended/CourseCheck.vue         | 500 ++++++++++++++++++
 1 file changed, 500 insertions(+)
 create mode 100644 src/components/courserecommended/CourseCheck.vue

diff --git a/src/components/courserecommended/CourseCheck.vue b/src/components/courserecommended/CourseCheck.vue
new file mode 100644
index 00000000..68d3f839
--- /dev/null
+++ b/src/components/courserecommended/CourseCheck.vue
@@ -0,0 +1,500 @@
+<!-- 课件管理页面 -->
+<template>
+  <!-- 预览弹窗 -->
+  <a-modal
+    :visible="visible"
+    title="查看"
+    :footer="null"
+    :closable="false"
+    wrapClassName="modalStyle lookCourseModal"
+    width="80%"
+    @cancel="handleCancel"
+    @ok="handleCancel"
+    class="modal"
+  >
+  <div class="header">李玉冰(00004409)</div>
+  <div class="title">
+    <dl>
+      <dt>推荐组织：京东方大学堂</dt>
+      <dt>课程数：3</dt>
+    </dl>
+    <div class="inp">
+      <a-input v-model:value="value" placeholder="请输入姓名" />
+      <a-select
+              v-model:value="auditStatus"
+              dropdownClassName="dropdown-style"
+              style="width: 150px;margin-right: 16px;text-align: left;"
+              placeholder="已完成"
+              size="large"
+              :options="options1"
+              allowClear
+            >
+            </a-select>
+      <a-button type="primary">搜索</a-button>
+    </div>  
+  </div>
+
+      <!-- 表格 -->
+      <div class="tableBox">
+      <a-table style="border: 1px solid #f2f6fe;" :columns="column" :data-source="data" 
+        :scroll="{ x: 1100 }" :pagination="false" :loading="!tableLoading"  :row-selection="rowSelection">
+        <template #title>
+          <a-button type="primary">催促学习</a-button>
+        </template>
+        <template #operation="{ record }">
+          <a-space style="padding-right: 10px">
+            
+            <a-button
+              @click="() => handleLook(record, String(record.courseform))"
+              type="link"
+              >催促学习
+            </a-button>
+            
+          </a-space>
+        </template>
+      </a-table>
+      <div class="pa" style="display: flex; justify-content: flex-end; padding: 0 38px">
+        <a-pagination show-quick-jumper :pageSize="searchData.pageSize" :current="searchData.pageIndex" :total="total"
+          class="pagination" @change="handelChangePage" show-size-changer />
+      </div>
+    </div>
+       
+  </a-modal>
+  <SeeModal
+      :visible="lookCourseModal"
+      :detail="faceDetailObj"
+      @cancel="ft_exit_see"
+    />
+</template>
+
+<script>
+import { ref,reactive, toRefs, defineComponent, watch, computed,onMounted } from "vue";
+import { useStore } from "vuex";
+// import OrgClassCheck from "@/components/project/OrgClassCheck";
+import OrgClass from "@/components/project/OrgClass";
+import { detail } from "@/api/indexCourse";
+import { boeRequest } from "@/api/request";
+import {
+  RECOMMEND_PAGE,
+  
+} from "@/api/case";
+import { Form, message,} from "ant-design-vue";
+import SeeModal from "@/components/courserecommended/CourseRecommended.vue";
+
+// const { resetFields } = Form.useForm(searchData, {});
+
+export default defineComponent({
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    detail: {
+      type: Object,
+      default: () => ({}),
+    },
+    login:{
+      type:Boolean,
+      default:false,
+    },
+    data:{
+      type:Array,
+      default:()=>([])
+    },
+    
+  },
+  components: {
+    // OrgClassCheck,
+    OrgClass,
+    SeeModal,
+    
+  },
+  setup(props, { emit }) {
+    const options1 = ref([
+      {
+        value: 0,
+        label: "全部",
+      },
+      {
+        value: 1,
+        label: "未开始",
+      },
+      {
+        value: 2,
+        label: "进行中",
+      },
+      {
+        value: -1,
+        label: "已完成",
+      },
+    ]);
+
+
+// 计算全选
+const rowSelection = computed(() => {
+  return {
+    selectedRowKeys: state.selectedRowKeys,
+    onChange: onSelectChange,
+    preserveSelectedRowKeys: true,
+    getCheckboxProps: record => ({
+      disabled: state.caseTitleList.some((item) => record.id == item.id)
+    }),
+  }
+});
+//计算出来已选中状态
+const onSelectChange = (selectedRowKeys, selectedRow) => {
+  state.selectedRowKeys = selectedRowKeys
+  // 过滤取消的
+  // state.caseTitleList = state.caseTitleList.filter((item) => selectedRowKeys.includes(item.id))
+  // state.selectedRow = selectedRow.filter(Boolean)
+  const mergedArray = state.caseTitleList.concat(selectedRow.filter(Boolean));
+  state.selectedRow = Object.values(
+    mergedArray.reduce((acc, obj) => {
+      acc[obj.id] = obj;
+      return acc;
+    }, {})
+  );
+  console.log(state.selectedRow, state.caseTitleList);
+
+};
+
+
+        // 预览弹框 开启和关闭
+    const ft_exit_see = () => {
+      state.lookCourseModal = false;
+    };
+    const handleLook = async (itm, type) => {
+    //   // if (type === "1") {
+    //   //   return;
+    //   // }
+    //   // state.offcourseId = itm.id;
+
+    //   // const item = await detail({
+    //   //   offcourseId: Number(state.offcourseId),
+    //   // }).then((res) => {
+    //   //   if (res.data.code === 200) return res.data.data;
+    //   // });
+      state.lookCourseModal = true;
+    //   // item.attach = item.attach == "" ? [] : item.attach.split(",");
+    //   // state.faceDetailObj = item;
+    //   // console.log("获取查看信息", item);
+    };
+
+// // 查询数据
+const searchData = ref({
+  pageIndex: 1,
+  pageSize: 10,
+  recommendName: "",
+  recommendTimeList: [],
+});
+const handelChangePage = (page, pageSize) => {
+  state.tableLoading = false;
+  searchData.value.pageSize = pageSize;
+  searchData.value.pageIndex = page;
+  getList();
+};
+const getList = (num) => {
+//   if (num === 1) searchData.value.pageIndex = 1;
+  boeRequest(RECOMMEND_PAGE, searchData.value)
+    .then((res) => {
+      state.tableLoading = true;
+      state.data = res?.result?.list || [];
+      state.total = res?.result?.count || 0;
+      console.log(state.data)
+      
+    })
+    .catch(() => {
+      state.tableLoading = false;
+    });
+};
+getList()
+
+    const value = ref('');
+    console.log("props", props);
+    const store = useStore();
+
+    const state = reactive({
+      auditStatus: null,
+      selectedRow: [],//选择的每一行数据
+      caseTitleList: [],
+      selectedRowKeys: [],//案例标题的id
+      faceDetailObj:{},
+      lookCourseModal:false,
+      tableLoading:false,
+      imgList: [],
+      categoryName: "",
+      locationHref:
+            process.env.VUE_APP_FILE_PATH,
+
+      //目标任务
+      orgSelect: [],
+      orgSelectName: [],
+      orgSelectFullName: [],
+      selectJobName: [],
+      selectJobId: [],
+      selectBandName: [],
+      selectBandId: [],
+      //资源归属
+      sourceBelongId: [],
+      sourceBelongName: [],
+      sourceBelongFullName: [],
+      orgSelectNames: "",
+      //列表数据
+      total:0,
+      column: [
+        {
+          title: "姓名",
+          dataIndex: "recommendBy",
+          key: "recommendBy",
+          width: "35%",
+          align: "left",
+          ellipsis: true,
+          className: "h",
+          customRender: ({ text }) => {
+            return text ? text : "-";
+          },
+        },
+        {
+          title: "课程系列包名称",
+          dataIndex: "listPageName",
+          key: "listPageName",
+          width: "15%",
+          align: "left",
+          className: "h",
+          customRender: ({ text }) => {
+            return text ? text : "-";
+          },
+        },
+        {
+          title: "推荐时间",
+          dataIndex: "recommendTime",
+          key: "recommendTime",
+          width: "15%",
+          align: "left",
+          className: "h",
+          customRender: ({ text }) => {
+            return text ? text : "-";
+          },
+        },
+        {
+          title: "课程数",
+          dataIndex: "courseCount",
+          key: "courseCount",
+          width: "15%",
+          align: "left",
+          className: "h",
+          customRender: ({ text }) => {
+            return text ? text : "-";
+          },
+        },
+        {
+          title: "操作",
+          width: "10%",
+          dataIndex: "operation",
+          key: "operation",
+          align: "left",
+          slots: { customRender: "operation" },
+        },
+        
+      ],
+      data:[]
+    });
+    
+
+    const sysTypeOptions = computed(() => store.state.content_type);
+    //获取岗位
+    const jobType = computed(() => store.state.job_type);
+    //获取band
+    const bandList = computed(() => store.state.band);
+    watch(
+      () => props.detail.sysTypeId,
+      () => {
+        state.categoryName = findClassFullName(sysTypeOptions.value);
+      }
+    );
+    watch(
+      () => props.detail.id,
+      () => {
+        detail({
+          offcourseId: Number(props.detail.id),
+        }).then((res) => {
+          console.log("res", res);
+          if (res.data.code === 200) {
+            let item = res.data.data;
+            if (item.jobTypeIds) {
+              state.selectJobId = item.jobTypeIds.split(",");
+              console.log("selectJobId" + JSON.stringify(state.selectJobId));
+            }
+            if (item.bandIds) {
+              state.selectBandId = item.bandIds.split(",");
+            }
+            console.log("state.selectBandId", state.selectBandId);
+            state.sourceBelongId = item.sourceBelongId;
+            state.sourceBelongName = item.sourceBelongFullName;
+            if (item.organizationIds && item.organizationNames) {
+              let orgSelectIds = item.organizationIds;
+              let orgSelectNames = item.organizationNames;
+              orgSelectIds = orgSelectIds.split(",");
+              orgSelectNames = orgSelectNames.split(",");
+              console.log(
+                "orgSelectIds&orgSelectNames",
+                orgSelectIds,
+                orgSelectNames
+              );
+              let arrObj = [];
+              arrObj = orgSelectIds.map((item, index) => {
+                return { value: item, label: orgSelectNames[index] };
+              });
+              console.log("arrObj-------------", arrObj);
+              state.orgSelect = arrObj;
+              state.orgSelectNames = orgSelectNames;
+            }
+          }
+        });
+      },
+      {
+        deep: true,
+      }
+    );
+
+    function findClassFullName(list, name = "") {
+      return (
+        (list &&
+          list.length &&
+          list
+            .map((e) =>
+              props.detail.sysTypeId == e.code
+                ? name
+                  ? name + "-" + e.name
+                  : e.name
+                : findClassFullName(
+                    e.children,
+                    name ? name + "-" + e.name : e.name
+                  )
+            )
+            .filter((name) => name)
+            .join("")) ||
+        ""
+      );
+    }
+
+    const filterTxt = (txt) => {
+      if (txt) {
+        return txt;
+      } else {
+        return "-";
+      }
+    };
+    const handleCancel = () => {
+      console.log("关闭");
+      emit("cancel");
+      //目标任务
+      state.orgSelect = [];
+      state.orgSelectName = [];
+      state.orgSelectFullName = [];
+      state.selectJobName = [];
+      state.selectJobId = [];
+      state.selectBandName = [];
+      state.selectBandId = [];
+      //资源归属
+      state.sourceBelongId = [];
+      state.sourceBelongName = [];
+      state.sourceBelongFullName = [];
+      state.orgSelectNames = "";
+    };
+
+    function openDown(link) {
+      window.open(process.env.VUE_APP_FILE_PATH + link);
+      //:href="item.indexOf('http') !== -1 ? item : locationHref + item"
+    }
+    return {
+      ...toRefs(state),
+      filterTxt,
+      openDown,
+      handleCancel,
+      jobType,
+      bandList,
+      value,
+      searchData,
+      getList,
+      handelChangePage,
+      handleLook,
+      ft_exit_see,
+      rowSelection,
+      onSelectChange,
+      options1,
+    };
+  },
+});
+</script>
+<style lang="scss">
+.modal{
+  overflow-y: auto;
+}
+  .header{
+    // background-color: rgba(255, 255, 255, 0);
+    box-sizing: border-box;
+    font-weight: 650;
+    color: #333333;
+    text-align: left;
+    padding:20px 0 16px 19px;
+    border-bottom: 1px solid rgba(121, 121, 121, 0.38);
+  }
+  .title{
+    display: flex;
+    justify-content: space-between;
+  }
+  dl{
+    display: flex;
+    background-color: rgba(255, 255, 255, 0);
+    box-sizing: border-box;
+    color: #333333;
+    text-align: left;
+    margin-left: 19px;
+    margin-top: 25px;
+  }
+  dl dt{
+    padding-right: 70px;
+    color: #333333;
+    text-align: left;
+  }
+  .inp{
+    text-align: right;
+    margin-bottom: 32px;
+    margin-top: 17px;
+  }
+  .ant-input{
+    width: 130px;
+    height: 40px;
+    margin-right: 18px;    
+  }
+  .ant-btn-primary{
+    width: 90px;
+    height: 40px;
+    border-radius: 5px;
+    box-sizing: border-box;
+    margin-right: 30px;
+  }
+
+   .tableBox {
+    // margin: 20px 38px 30px;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    // margin-bottom: 36px;
+    th.ant-table-cell {
+      background-color: #eff4fc !important;
+      text-align: center;
+      color: #999ba3;
+    }
+
+    td.ant-table-cell {
+      text-align: center;
+    }
+  }
+  .pa{
+    margin-top: 36px;
+    margin-bottom: 43px;
+  }
+
+</style>

From 41b73b387887d334067a28d7ed2a0695a86533e8 Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Mon, 25 Sep 2023 09:54:22 +0800
Subject: [PATCH 07/43] =?UTF-8?q?=E5=88=97=E8=A1=A8=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../courserecommended/CourseCheck.vue         | 12 +++----
 .../courserecommended/CourseRecommended.vue   | 31 ++++++++++++++++---
 2 files changed, 32 insertions(+), 11 deletions(-)

diff --git a/src/components/courserecommended/CourseCheck.vue b/src/components/courserecommended/CourseCheck.vue
index 68d3f839..b43441bc 100644
--- a/src/components/courserecommended/CourseCheck.vue
+++ b/src/components/courserecommended/CourseCheck.vue
@@ -1,4 +1,4 @@
-<!-- 课件管理页面 -->
+<!-- 课程推荐催促学习页面 -->
 <template>
   <!-- 预览弹窗 -->
   <a-modal
@@ -24,7 +24,7 @@
               v-model:value="auditStatus"
               dropdownClassName="dropdown-style"
               style="width: 150px;margin-right: 16px;text-align: left;"
-              placeholder="已完成"
+              placeholder="全部"
               size="large"
               :options="options1"
               allowClear
@@ -243,7 +243,7 @@ getList()
       total:0,
       column: [
         {
-          title: "姓名",
+          title: "课程名称",
           dataIndex: "recommendBy",
           key: "recommendBy",
           width: "35%",
@@ -255,7 +255,7 @@ getList()
           },
         },
         {
-          title: "课程系列包名称",
+          title: "课程时长/h",
           dataIndex: "listPageName",
           key: "listPageName",
           width: "15%",
@@ -266,7 +266,7 @@ getList()
           },
         },
         {
-          title: "推荐时间",
+          title: "状态",
           dataIndex: "recommendTime",
           key: "recommendTime",
           width: "15%",
@@ -277,7 +277,7 @@ getList()
           },
         },
         {
-          title: "课程数",
+          title: "完成进度",
           dataIndex: "courseCount",
           key: "courseCount",
           width: "15%",
diff --git a/src/components/courserecommended/CourseRecommended.vue b/src/components/courserecommended/CourseRecommended.vue
index 7a43214a..86959eb8 100644
--- a/src/components/courserecommended/CourseRecommended.vue
+++ b/src/components/courserecommended/CourseRecommended.vue
@@ -1,4 +1,4 @@
-<!-- 课件管理页面 -->
+<!-- 课程推荐查看弹窗页面 -->
 <template>
   <!-- 预览弹窗 -->
   <a-modal
@@ -15,7 +15,6 @@
   <div class="header">项目管理系列课</div>
   <div class="title">
     <dl>
-      <dt>推荐值：27分</dt>
       <dt>推荐组织：京东方大学堂</dt>
       <dt>课程数：3</dt>
       <dt>用户数：10</dt>
@@ -193,7 +192,7 @@ getList()
           },
         },
         {
-          title: "课程系列包名称",
+          title: "工号",
           dataIndex: "listPageName",
           key: "listPageName",
           width: "10%",
@@ -204,7 +203,7 @@ getList()
           },
         },
         {
-          title: "推荐时间",
+          title: "课程时长/h",
           dataIndex: "recommendTime",
           key: "recommendTime",
           width: "10%",
@@ -215,7 +214,7 @@ getList()
           },
         },
         {
-          title: "课程数",
+          title: "评分",
           dataIndex: "courseCount",
           key: "courseCount",
           width: "10%",
@@ -225,6 +224,28 @@ getList()
             return text ? text : "-";
           },
         },
+        {
+          title: "查看率",
+          dataIndex: "viewRate",
+          key: "viewRate",
+          width: "10%",
+          align: "center",
+          className: "h",
+          customRender: ({ text }) => {
+            return text ? text : "-";
+          },
+        },
+        {
+          title: "完成进度",
+          dataIndex: "viewRate",
+          key: "viewRate",
+          width: "10%",
+          align: "center",
+          className: "h",
+          customRender: ({ text }) => {
+            return text ? text : "-";
+          },
+        },
         {
           title: "操作",
           width: "10%",

From e5c5c28fe3b30b81540134ae59f82e1b87bb62a1 Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Mon, 25 Sep 2023 10:55:37 +0800
Subject: [PATCH 08/43] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NavLeft.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/NavLeft.vue b/src/components/NavLeft.vue
index c6ffb053..54e8d251 100644
--- a/src/components/NavLeft.vue
+++ b/src/components/NavLeft.vue
@@ -116,7 +116,7 @@
           </a-menu-item>
         </a-sub-menu>
 
-        <a-sub-menu key="sub3" v-if="checkMenu('coursewaremanage,onlinemanage,coursemanage')">
+        <a-sub-menu key="sub3" v-if="checkMenu('coursewaremanage,onlinemanage,coursemanage,courserecommended')">
           <template #icon>
             <div class="imgBox">
               <img
@@ -153,7 +153,7 @@
             ></span>
             <router-link to="/coursemanage">课件管理</router-link>
           </a-menu-item>
-          <a-menu-item key="sub3-4" >
+          <a-menu-item key="sub3-4">
             <span
                 :class="{
                 circleActive: selectedKeys[0] === 'sub3-4' ? true : false,
@@ -806,7 +806,7 @@ export default {
         },
         {
           href: "/courserecommended",
-          openKeys: "sub4",
+          openKeys: "sub3",
           selectedKeys: "sub3-4",
           pagename: "课程推荐",
         },

From d68a23a0f0588a1f721817427cff200bfc94adea Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Mon, 25 Sep 2023 18:03:57 +0800
Subject: [PATCH 09/43] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/courserecommended/CourseCheck.vue   | 14 +++++++-------
 .../courserecommended/CourseRecommended.vue        |  4 ++--
 src/views/courselibrary/CourseRecommended.vue      |  4 ++--
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/courserecommended/CourseCheck.vue b/src/components/courserecommended/CourseCheck.vue
index b43441bc..0962b09a 100644
--- a/src/components/courserecommended/CourseCheck.vue
+++ b/src/components/courserecommended/CourseCheck.vue
@@ -247,7 +247,7 @@ getList()
           dataIndex: "recommendBy",
           key: "recommendBy",
           width: "35%",
-          align: "left",
+          align: "center",
           ellipsis: true,
           className: "h",
           customRender: ({ text }) => {
@@ -259,7 +259,7 @@ getList()
           dataIndex: "listPageName",
           key: "listPageName",
           width: "15%",
-          align: "left",
+          align: "center",
           className: "h",
           customRender: ({ text }) => {
             return text ? text : "-";
@@ -270,7 +270,7 @@ getList()
           dataIndex: "recommendTime",
           key: "recommendTime",
           width: "15%",
-          align: "left",
+          align: "center",
           className: "h",
           customRender: ({ text }) => {
             return text ? text : "-";
@@ -281,7 +281,7 @@ getList()
           dataIndex: "courseCount",
           key: "courseCount",
           width: "15%",
-          align: "left",
+          align: "center",
           className: "h",
           customRender: ({ text }) => {
             return text ? text : "-";
@@ -292,7 +292,7 @@ getList()
           width: "10%",
           dataIndex: "operation",
           key: "operation",
-          align: "left",
+          align: "center",
           slots: { customRender: "operation" },
         },
         
@@ -463,12 +463,12 @@ getList()
     margin-bottom: 32px;
     margin-top: 17px;
   }
-  .ant-input{
+  .inp>.ant-input{
     width: 130px;
     height: 40px;
     margin-right: 18px;    
   }
-  .ant-btn-primary{
+  .inp>.ant-btn-primary{
     width: 90px;
     height: 40px;
     border-radius: 5px;
diff --git a/src/components/courserecommended/CourseRecommended.vue b/src/components/courserecommended/CourseRecommended.vue
index 86959eb8..cb4b5505 100644
--- a/src/components/courserecommended/CourseRecommended.vue
+++ b/src/components/courserecommended/CourseRecommended.vue
@@ -419,12 +419,12 @@ getList()
     margin-bottom: 32px;
     margin-top: 17px;
   }
-  .ant-input{
+  .inp>.ant-input{
     width: 130px;
     height: 40px;
     margin-right: 18px;    
   }
-  .ant-btn-primary{
+  .inp>.ant-btn-primary{
     width: 90px;
     height: 40px;
     border-radius: 5px;
diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 0835ee18..cb51d00e 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -152,7 +152,7 @@
       <a-pagination show-quick-jumper :pageSize="searchData.pageSize" :current="searchData.pageIndex" :total="state.total"
         class="pagination" @change="handelChangePage" show-size-changer />
     </div>
-    <InitiateRecommend v-model:visible="newNext" :title="添加案例"></InitiateRecommend>
+    <RecommendedCourse v-model:visible="newNext" :title="推荐课程"></RecommendedCourse>
     <SeeModal
       :visible="lookCourseModal"
       :detail="faceDetailObj"
@@ -172,7 +172,7 @@ import {
   rePushOrWithdraw,
 } from "@/api/case";
 import dialog from "@/utils/dialog";
-import InitiateRecommend from "@/components/drawers/InitiateRecommend.vue";
+import RecommendedCourse from "@/components/drawers/RecommendedCourse.vue";
 import { checkMenu } from "@/utils/utils";
 import SeeModal from "@/components/courserecommended/CourseRecommended.vue";
 const column = [

From c3671ea8221981b13e651578def1c8e862d7997d Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Tue, 26 Sep 2023 10:54:02 +0800
Subject: [PATCH 10/43] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/courserecommended/CourseCheck.vue       | 2 +-
 src/components/courserecommended/CourseRecommended.vue | 2 +-
 src/views/courselibrary/CourseRecommended.vue          | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/courserecommended/CourseCheck.vue b/src/components/courserecommended/CourseCheck.vue
index 0962b09a..e7f15a1b 100644
--- a/src/components/courserecommended/CourseCheck.vue
+++ b/src/components/courserecommended/CourseCheck.vue
@@ -427,7 +427,7 @@ getList()
   },
 });
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .modal{
   overflow-y: auto;
 }
diff --git a/src/components/courserecommended/CourseRecommended.vue b/src/components/courserecommended/CourseRecommended.vue
index cb4b5505..6174c767 100644
--- a/src/components/courserecommended/CourseRecommended.vue
+++ b/src/components/courserecommended/CourseRecommended.vue
@@ -383,7 +383,7 @@ getList()
   },
 });
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .modal{
   overflow-y: auto;
 }
diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index cb51d00e..e384e96a 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -1,6 +1,6 @@
 <!-- 课程推荐页面 -->
 <template>
-  <div class="researchmanage">
+  <div class="recommend">
     <!-- 搜索框及按钮 -->
     <div class="filter">
       <div class="filterItems">
@@ -435,7 +435,7 @@ const handleNew = () => {
 };
 
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .clearfix:before,
 .clearfix:after {
   content: " ";
@@ -577,7 +577,7 @@ const handleNew = () => {
   }
 }
 
-.researchmanage {
+.recommend {
   width: 100%;
   height: 100%;
   display: flex;

From b14ef2e75bceed472346528c887d0f505290c771 Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Tue, 26 Sep 2023 10:55:35 +0800
Subject: [PATCH 11/43] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=AF=BE=E7=A8=8B?=
 =?UTF-8?q?=E6=8A=BD=E5=B1=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/AddCourse.vue         | 565 +++++++++++++++++++
 src/components/drawers/RecommendedCourse.vue | 194 +++++++
 2 files changed, 759 insertions(+)
 create mode 100644 src/components/drawers/AddCourse.vue
 create mode 100644 src/components/drawers/RecommendedCourse.vue

diff --git a/src/components/drawers/AddCourse.vue b/src/components/drawers/AddCourse.vue
new file mode 100644
index 00000000..94556bfb
--- /dev/null
+++ b/src/components/drawers/AddCourse.vue
@@ -0,0 +1,565 @@
+<template>
+  <!-- 添加在线课程 -->
+  <a-drawer class="addcourse1" :visible="visible" width="80%" :title="title" @close="closeDrawer" :maskClosable="false">
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <div class="filterItems">
+        <div class="select">
+          <a-input v-model:value="searchDataInfo.keyWord" style="width: 170px; height: 34px; border-radius: 8px"
+            placeholder="请输入课程标题" />
+        </div>
+        <div class="select">
+          <a-input v-model:value="searchDataInfo.authorName" style="width: 170px; height: 34px; border-radius: 8px"
+            placeholder="请输入授课讲师名称" />
+        </div>
+        <div style="display: flex; margin-bottom: 20px">
+          <div class="btn btn1" @click="handleSearch(1)" style="width: 90px">
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="btn btn1" @click="handleRest" style="width: 90px">
+            <div class="btnText">重置</div>
+          </div>
+        </div>
+      </div>
+      <div class="btns" style="display: flex;flex-direction: column;">
+        <div v-if="selectNum" class="btnText">已选择 <span style="color:#4ea6ff ;"> {{ selectNum }}
+          </span>
+          条案例</div>
+        <div v-if="state.caseTitleList.length" class="btnText">已导入 <span style="color:#4ea6ff ;">
+            {{ state.caseTitleList.length }}</span> 条案例</div>
+      </div>
+    </div>
+    <!-- 表格 -->
+    <div style="display: flex; overflow-x: auto; overflow-y: auto;justify-content: space-between;">
+      <div class="tableBox" style="min-height: 800px;overflow: hidden;">
+        <a-table style="border: 1px solid #f2f6fe;" :columns="state.columns" :data-source="state.dataSource"
+          :loading="!loading" :row-selection="rowSelection" :pagination="pagination" />
+      </div>
+      <div class="right1" style="min-width: 200px">
+        <div class="onerow">
+          <div class="onleft">
+            <div class="already">已选</div>
+          </div>
+        </div>
+        <div :style="{ 'max-height': state.screenHeight - 240 + 'px' }" style="overflow-y: auto">
+          <div class="selecteds">
+            <div v-for="(item, i) in state.selectedRow" :key="i">
+              <div v-if="i < 11">
+                <div class="chose">
+                  {{ item.title.length > 6 ? item.title.slice(0, 6) + '...' : item.title }}
+                  <div class="ch" @click="remove(item.id)"></div>
+                </div>
+              </div>
+              <div v-else>
+                <div v-if="state.member">
+                  <div class="chose">
+                    {{ item.title.length > 6 ? item.title.slice(0, 6) + '...' : item.title }}
+                    <div class="ch" @click="remove(item.id)"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div v-if="!state.member && state.selectedRow?.length > 10" class="ifsw">
+              <div @click="state.member = !state.member" class="“sw”">查看更多></div>
+            </div>
+            <div v-if="state.member && state.selectedRow?.length > 10" class="ifsw">
+              <div @click="state.member = !state.member" class="sw">收起&lt;</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 底部按钮和下一步的弹窗 -->
+    <div class="btnn">
+      <button class="btn2 btn3" @click="closeDrawer">取消</button>
+      <CommonRecommend :type="state.type" :id="state.selectedRowKeys" @finash="submitCall" :stage="state.stage">
+        <a-button class="btn2">
+          下一步
+        </a-button>
+      </CommonRecommend>
+    </div>
+  </a-drawer>
+
+</template>
+<script setup>
+import { reactive, ref, computed, nextTick } from 'vue';
+import { Form, message } from "ant-design-vue";
+import { isTopList, downloadErrorRecords } from '@/api/case'
+import CommonRecommend from "@/components/CaseManage/CommonRecommend";
+import useDownload from '@/hooks/useDownload'
+defineProps({
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: '添加在线课程'
+  }
+})
+const emit = defineEmits(['update:visible'])
+const loading = ref(false)
+const state = reactive({
+  allSelectedRow: [],
+  caseTitleList: [],
+  totalNum: 0,//上传的总条数
+  successNum: 0,//成功的条数
+  failNum: 0,//失败的条数
+  status: '',//上传的状态
+  progressColor: '',//进度条颜色
+  type: 1,//添加学员
+  stage: '',//
+  importId: '',//导入id
+  selectedRowKeys: [],//案例标题的id
+  selectedRow: [],//选择的每一行数据
+  dataSource: [],//表格的数据
+  uploadpercent: -1,//导入进度
+  fileName: '',//下载的名字
+  uploadAction: process.env.VUE_APP_SYS_API + '/xboe/m/boe/cases/recommend/import',//下载地址
+  fileList: [],//上传列表
+  member: false,//收起和展开
+  screenHeight: document.body.clientHeight,//高度
+  columns: [
+    {
+      title: "课程标题",
+      dataIndex: "title",
+      key: "title",
+      align: "left",
+      className: "h",
+      width: '75%',
+      ellipsis: true,
+    },
+    {
+      title: "资源归属",
+      dataIndex: "authorName",
+      key: "authorName",
+      width: '20%',
+      align: "center",
+      className: "h",
+      ellipsis: true,
+    }
+  ]
+})
+
+//删除选中
+const remove = (id) => {
+  state.selectedRowKeys = state.selectedRowKeys.filter(item => item !== id)
+  state.selectedRow = state.selectedRow.filter(item => item.id !== id)
+  // 过滤导入删除的条数
+  state.caseTitleList = state.caseTitleList.filter(item => state.selectedRow.some(sel => sel.id == item.id))
+}
+// 下一步返回的刷新列表
+function submitCall(flag) {
+  searchDataInfo.pageIndex = 1
+  flag && getTopList()
+  closeDrawer()
+}
+// 计算选择的条数
+const selectNum = computed(() => state.selectedRowKeys.length - state.caseTitleList.length)
+
+// 查询数据
+const searchDataInfo = reactive({
+  pageIndex: 1,
+  pageSize: 10,
+  keyWord: "",
+  authorName: '',
+});
+const total = ref(0)
+
+// 分页
+const pagination = computed(() => ({
+  total: total.value,
+  showSizeChanger: false,
+  current: searchDataInfo.pageIndex,
+  pageSize: searchDataInfo.pageSize,
+  onChange: changePagination,
+}));
+const changePagination = (e) => {
+  console.log(e);
+  loading.value = false
+  searchDataInfo.pageIndex = e
+  nextTick(getTopList);
+};
+// 计算全选
+const rowSelection = computed(() => {
+  return {
+    selectedRowKeys: state.selectedRowKeys,
+    onChange: onSelectChange,
+    preserveSelectedRowKeys: true,
+    getCheckboxProps: record => ({
+      disabled: state.caseTitleList.some((item) => record.id == item.id)
+    }),
+  }
+});
+//计算出来已选中状态
+const onSelectChange = (selectedRowKeys, selectedRow) => {
+  state.selectedRowKeys = selectedRowKeys
+  // 过滤取消的
+  // state.caseTitleList = state.caseTitleList.filter((item) => selectedRowKeys.includes(item.id))
+  // state.selectedRow = selectedRow.filter(Boolean)
+  const mergedArray = state.caseTitleList.concat(selectedRow.filter(Boolean));
+  state.selectedRow = Object.values(
+    mergedArray.reduce((acc, obj) => {
+      acc[obj.id] = obj;
+      return acc;
+    }, {})
+  );
+  console.log(state.selectedRow, state.caseTitleList);
+
+};
+
+// 请求列表数据是formdata类型的
+const getTopList = () => {
+  isTopList(searchDataInfo).then((res) => {
+    loading.value = true;
+    console.log(res);
+    res?.data?.result?.list?.forEach(element => {
+      element.key = element.id
+    });
+    state.dataSource = res?.data?.result?.list || []
+    total.value = res?.data?.result?.count
+  }).catch((err) => {
+    message.error(err);
+    loading.value = false;
+  })
+}
+getTopList()
+
+// 搜索
+const handleSearch = (num) => {
+  if (num == 1) searchDataInfo.pageIndex = 1
+  console.log(searchDataInfo);
+  getTopList()
+}
+
+//错误案例下载
+const downloadErrorInfo = () => {
+  if (!state.importId) {
+    message.warn('暂无失败数据')
+    return
+  }
+  let url = `${process.env.VUE_APP_SYS_API}/xboe/m/boe/cases/recommend/download?importId=` + state.importId
+  console.log(url);
+  window.open(url, '_self');
+}
+
+
+const { resetFields } = Form.useForm(searchDataInfo, {});
+//重置
+const handleRest = () => {
+  resetFields()
+  getTopList()
+}
+
+// 取消抽屉
+const closeDrawer = async () => {
+  state.selectedRowKeys = []
+  state.selectedRow = []
+  state.caseTitleList = []
+  resetFields()
+  emit('update:visible', false)
+  await nextTick()
+  getTopList()
+}
+// 根据数组id去重
+const deduplicateArrayById = (arr) => {
+  // 使用 Set 数据结构保存不重复的 id
+  const idSet = new Set();
+  // 使用 map 方法遍历数组，检查并去重对象
+  const deduplicatedArray = arr.filter(obj => {
+    const id = obj.id;
+    if (!idSet.has(id)) {
+      idSet.add(id);
+      return true;
+    }
+    return false;
+  });
+
+  return deduplicatedArray;
+
+}
+</script>
+
+
+<style lang="scss" scoped>
+//上传
+
+.addcourse1 {
+  :global(.ant-drawer-header-title) {
+    flex-direction: row-reverse !important;
+  }
+
+  :global(.ant-drawer-close) {
+    margin-right: 0;
+  }
+
+  .btnn {
+    height: 72px;
+    width: 100%;
+    position: absolute;
+    background-color: #fff;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+    .btn1 {
+      width: 90px;
+      height: 34px;
+      border: 1px solid #4ea6ff;
+      border-radius: 5px;
+      color: #4ea6ff;
+      background-color: #fff;
+      cursor: pointer;
+    }
+
+    .btn2 {
+      cursor: pointer;
+      width: 100px;
+      height: 40px;
+      background: #4ea6ff;
+      border-radius: 8px;
+      border: 0;
+      margin-left: 15px;
+      color: #fff;
+    }
+    .btn3{
+      background: #fff;
+      border: 1px solid #02a7f0;
+      color: #02a7f0;
+    }
+  }
+
+  // 头部
+  .filter {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .filterItems {
+      display: flex;
+      flex-wrap: wrap;
+
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+
+      .btn {
+        padding: 0 26px 0 26px;
+        height: 34px;
+        background: #4ea6ff;
+        border-radius: 5px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          // margin-left: 5px;
+        }
+      }
+
+      .btnn {
+        padding: 0 26px 0 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #fff;
+          line-height: 36px;
+          // margin-left: 5px;
+        }
+      }
+      .btn1:active {
+        background: #0982ff;
+      }
+
+      .btn2:active {
+        background: rgba(64, 158, 255, 0.2);
+      }
+    }
+
+    .btns {
+      display: flex;
+
+      .btn {
+        padding: 0 26px;
+        height: 34px;
+        background: #4ea6ff;
+        border-radius: 5px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          // margin-left: 5px;
+        }
+      }
+
+      .btn3 {
+        margin-right: 0;
+      }
+
+      .btn3:active {
+        background: #0982ff;
+      }
+    }
+  }
+
+  //底部
+  .right1 {
+    border-left: 1px solid #f2f6fe;
+    margin-left: 20px;
+
+    .onerow {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-right: 40px;
+      flex-wrap: wrap;
+
+      width: 100%;
+
+      .onleft {
+        display: flex;
+        text-align: center;
+
+        .already {
+          color: rgba(51, 51, 51, 1);
+          font-size: 16px;
+          font-weight: 500;
+          margin-left: 32px;
+          white-space: nowrap;
+          // margin-bottom: 20px;
+        }
+
+        .count {
+          color: #4ea6ff;
+          font-size: 16px;
+          margin: 0 6px;
+        }
+
+        .peo {
+          color: rgba(51, 51, 51, 1);
+          font-size: 16px;
+          font-weight: 500;
+        }
+      }
+
+      .clbox {
+        margin-right: 50px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        width: 104px;
+        height: 32px;
+        border-radius: 4px;
+        background: #4ea6ff;
+
+        .colose {
+          width: 16px;
+          height: 16px;
+          background-image: url(../../assets/images/basicinfo/ch.png);
+          background-size: 100%;
+          margin-right: 4px;
+        }
+
+        .allclear {
+          color: rgba(255, 255, 255, 1);
+          font-size: 14px;
+        }
+      }
+    }
+
+    .selecteds {
+      display: flex;
+      flex-wrap: wrap;
+      margin-left: 32px;
+
+      .person {
+        width: 100%;
+        margin-top: 20px;
+        border-top: 1px solid #f2f6fe;
+      }
+
+      .chose {
+        min-width: 64px;
+        height: 24px;
+        margin-top: 25px;
+        margin-right: 25px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 2px;
+        border: 1px solid rgba(56, 139, 225, 1);
+        color: rgba(56, 139, 225, 1);
+        font-size: 12px;
+        position: relative;
+        padding: 0 10px;
+
+        .ch {
+          position: absolute;
+          width: 18px;
+          height: 18px;
+          background-image: url(../../assets/images/basicinfo/ch.png);
+          right: -8px;
+          top: -8px;
+        }
+      }
+
+      .ifsw {
+        display: flex;
+        align-items: end;
+        justify-content: center;
+        color: #4ea6ff;
+      }
+
+      .sw {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: justify;
+        color: #4ea6ff;
+        margin-top: 23px;
+        margin-left: 10px;
+      }
+
+      .dept {
+        width: 100%;
+        margin-top: 30px;
+        border-top: 1px solid #f2f6fe;
+      }
+
+    }
+  }
+
+
+
+}
+</style>
diff --git a/src/components/drawers/RecommendedCourse.vue b/src/components/drawers/RecommendedCourse.vue
new file mode 100644
index 00000000..29b16e03
--- /dev/null
+++ b/src/components/drawers/RecommendedCourse.vue
@@ -0,0 +1,194 @@
+<template>
+  <!-- 推荐课程抽屉 -->
+  <a-drawer class="course-drawer" :visible="visible" width="80%" :title="title" @close="closeDrawer" :maskClosable="false">
+    <div class="inp">
+      <span class="red">* </span>
+      <span>推荐标题：</span>
+      <a-input v-model:value="value1"  show-count :maxlength="20" />
+    </div>
+    <div class="inp">
+      <span class="red">* </span>
+      <span>推荐组织：</span>
+      <a-input v-model:value="value2"/>
+    </div>
+    <div class="inp inp2">
+      <span class="red">* </span>
+      <span>推荐标题：</span>
+      <a-input v-model:value="value3"  show-count :maxlength="100" />
+    </div>
+    <div class="imgupload">
+      <span class="red">* </span>
+      <span>课程包封面图：</span>
+      <div>
+        <a-upload
+          v-model:file-list="fileList"
+          
+          action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+          list-type="picture-card"
+          @preview="handlePreview"
+        >
+        <div v-if="fileList.length < 1">
+            <plus-outlined />
+            <div  style="margin-top: 8px">
+              <img src="../../assets/images/taskpage/upload.png" alt="">
+              <span>将文件拖到此处，或 点击上传
+</span>
+            </div>
+            
+        </div>
+        </a-upload>
+        <a-modal :visible="previewVisible" :title="previewTitle" :footer="null" @cancel="handleCancel">
+          <img alt="example" style="width: 100%" :src="previewImage" />
+        </a-modal>
+      </div>
+    </div>
+    <div class="button1">
+      <button class="btn2" @click="closeDrawer">取消</button>
+      <a-button class="btn2" @click="handleNew">下一步</a-button>
+    </div>
+    <AddCourse v-model:visible="newNext" :title="添加在线课程"></AddCourse>
+  </a-drawer>
+  
+  <!-- 下一步添加学员 -->
+</template>
+<script setup>
+import { reactive, ref, computed, nextTick } from 'vue';
+import { Form, message } from "ant-design-vue";
+import { isTopList, downloadErrorRecords, UploadProps } from '@/api/case'
+import AddCourse from "@/components/drawers/AddCourse";
+import useDownload from '@/hooks/useDownload'
+const newNext = ref(false);
+const handleNew = () => {
+  newNext.value = true;
+};
+const emit = defineEmits(['update:visible'])
+
+// 取消抽屉
+const closeDrawer = async () => {
+  // state.selectedRowKeys = []
+  // state.selectedRow = []
+  // state.caseTitleList = []
+  // resetFields()
+  emit('update:visible', false)
+  // await nextTick()
+  // getTopList()
+}
+
+function getBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = error => reject(error);
+  });
+}
+const previewVisible = ref(false);
+    const previewImage = ref('');
+    const previewTitle = ref('');
+
+    const fileList = ref([
+   
+    ]);
+
+    const handleCancel = () => {
+      previewVisible.value = false;
+      previewTitle.value = '';
+    };
+    const handlePreview = async (file) => {
+      if (!file.url && !file.preview) {
+        file.preview = (await getBase64(file.originFileObj));
+      }
+      previewImage.value = file.url || file.preview;
+      previewVisible.value = true;
+      previewTitle.value = file.name || file.url.substring(file.url.lastIndexOf('/') + 1);
+    };
+
+defineProps({
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: '推荐课程'
+  },
+  
+})
+const value1 = ref('')
+const value2 = ref('')
+const value3 = ref('')
+</script>
+
+
+<style lang="scss" scoped>
+.course-drawer{
+  margin-bottom: 80px;
+  .red{
+    color: #d9001b;
+  }
+  .inp{
+    display: flex;
+    margin-left: 134px;
+    margin-bottom: 55px;
+    .ant-input{
+      width: 510px;
+      height: 31px;
+    }
+    .ant-input-affix-wrapper{
+      width: 510px;
+      height: 31px;
+
+    }
+
+  }
+  .inp2 .ant-input-affix-wrapper{
+    height: 80px;
+  }
+  .imgupload{
+    margin-left: 134px;
+    margin-bottom: 55px;
+    :deep(.ant-upload.ant-upload-select-picture-card){
+      width: 413px;
+      height: 227px;
+      margin-left: 80px;
+      margin-top: 30px;
+    }
+    :deep(.ant-upload-list-picture-card .ant-upload-list-item){
+      width: 413px;
+      height: 227px;
+      margin-left: 80px;
+      margin-top: 30px;
+    }
+  }
+  .button1 {
+    height: 72px;
+    width: 100%;
+    position: absolute;
+    background-color: #fff;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+    
+    .btn2 {
+      width: 60px;
+      height: 30px;
+      padding: 2px 2px 2px 2px;
+      border-radius: 4px;
+      border: 1px solid #409eff;
+      background-color: #409eff;
+      color: #ffffff;
+      text-align: center;
+      margin-left: 23px;
+      &:hover{
+        background-color: #66b1ff;
+        box-sizing: border-box;
+      }
+    }
+  }
+}
+
+
+</style>

From 4d1bc6e7811cbfc459f627af27ab47622f070593 Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Tue, 26 Sep 2023 17:35:49 +0800
Subject: [PATCH 12/43] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../courserecommended/CourseCheck.vue         | 22 ++++++++++++-------
 .../courserecommended/CourseRecommended.vue   | 21 +++++++++++++-----
 src/components/drawers/AddCourse.vue          |  5 ++---
 3 files changed, 31 insertions(+), 17 deletions(-)

diff --git a/src/components/courserecommended/CourseCheck.vue b/src/components/courserecommended/CourseCheck.vue
index e7f15a1b..0b4d2ecc 100644
--- a/src/components/courserecommended/CourseCheck.vue
+++ b/src/components/courserecommended/CourseCheck.vue
@@ -10,16 +10,24 @@
     width="80%"
     @cancel="handleCancel"
     @ok="handleCancel"
-    class="modal"
+    style="overflow-y: auto;"
   >
-  <div class="header">李玉冰(00004409)</div>
+  <div class="header">李玉冰(00004409)
+    <div style=" cursor: pointer;position: absolute;right: 30px;top: 20px;">
+        <img
+          @click="handleCancel"
+          style="width: 22px; height: 22px"
+          src="@/assets/images/basicinfo/close22.png"
+        />
+      </div>
+  </div>
   <div class="title">
     <dl>
       <dt>推荐组织：京东方大学堂</dt>
       <dt>课程数：3</dt>
     </dl>
     <div class="inp">
-      <a-input v-model:value="value" placeholder="请输入姓名" />
+      <a-input v-model:value="searchData.recommendName" placeholder="请输入姓名" />
       <a-select
               v-model:value="auditStatus"
               dropdownClassName="dropdown-style"
@@ -30,7 +38,7 @@
               allowClear
             >
             </a-select>
-      <a-button type="primary">搜索</a-button>
+      <a-button type="primary" @click="getList(1)">搜索</a-button>
     </div>  
   </div>
 
@@ -185,7 +193,6 @@ const searchData = ref({
   pageIndex: 1,
   pageSize: 10,
   recommendName: "",
-  recommendTimeList: [],
 });
 const handelChangePage = (page, pageSize) => {
   state.tableLoading = false;
@@ -428,11 +435,10 @@ getList()
 });
 </script>
 <style lang="scss" scoped>
-.modal{
-  overflow-y: auto;
-}
+
   .header{
     // background-color: rgba(255, 255, 255, 0);
+    position: relative;
     box-sizing: border-box;
     font-weight: 650;
     color: #333333;
diff --git a/src/components/courserecommended/CourseRecommended.vue b/src/components/courserecommended/CourseRecommended.vue
index 6174c767..9b8c0507 100644
--- a/src/components/courserecommended/CourseRecommended.vue
+++ b/src/components/courserecommended/CourseRecommended.vue
@@ -10,9 +10,18 @@
     width="80%"
     @cancel="handleCancel"
     @ok="handleCancel"
-    class="modal"
+    style="overflow-y: auto;"
   >
-  <div class="header">项目管理系列课</div>
+  <div class="header">项目管理系列课
+    <div style=" cursor: pointer;position: absolute;right: 30px;top: 20px;">
+        <img
+          @click="handleCancel"
+          style="width: 22px; height: 22px"
+          src="@/assets/images/basicinfo/close22.png"
+        />
+      </div>
+  </div>
+  
   <div class="title">
     <dl>
       <dt>推荐组织：京东方大学堂</dt>
@@ -20,8 +29,8 @@
       <dt>用户数：10</dt>
     </dl>
     <div class="inp">
-      <a-input v-model:value="value" placeholder="请输入姓名" />
-      <a-button type="primary">搜索</a-button>
+      <a-input v-model:value="searchData.recommendName" placeholder="请输入姓名" />
+      <a-button type="primary" @click="getList(1)">搜索</a-button>
     </div>  
   </div>
 
@@ -125,8 +134,7 @@ export default defineComponent({
 const searchData = ref({
   pageIndex: 1,
   pageSize: 10,
-  recommendName: "",
-  recommendTimeList: [],
+  recommendName:"",
 });
 const handelChangePage = (page, pageSize) => {
   state.tableLoading = false;
@@ -389,6 +397,7 @@ getList()
 }
   .header{
     // background-color: rgba(255, 255, 255, 0);
+    position: relative;
     box-sizing: border-box;
     font-weight: 650;
     color: #333333;
diff --git a/src/components/drawers/AddCourse.vue b/src/components/drawers/AddCourse.vue
index 94556bfb..96b5fa47 100644
--- a/src/components/drawers/AddCourse.vue
+++ b/src/components/drawers/AddCourse.vue
@@ -24,9 +24,8 @@
       <div class="btns" style="display: flex;flex-direction: column;">
         <div v-if="selectNum" class="btnText">已选择 <span style="color:#4ea6ff ;"> {{ selectNum }}
           </span>
-          条案例</div>
-        <div v-if="state.caseTitleList.length" class="btnText">已导入 <span style="color:#4ea6ff ;">
-            {{ state.caseTitleList.length }}</span> 条案例</div>
+          门课程</div>
+        
       </div>
     </div>
     <!-- 表格 -->

From 0477eef3cedf3e3be6b7d69a0985236a1bbea5c7 Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Wed, 27 Sep 2023 11:36:43 +0800
Subject: [PATCH 13/43] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/AddCourse.vue | 564 ---------------------------
 1 file changed, 564 deletions(-)
 delete mode 100644 src/components/drawers/AddCourse.vue

diff --git a/src/components/drawers/AddCourse.vue b/src/components/drawers/AddCourse.vue
deleted file mode 100644
index 96b5fa47..00000000
--- a/src/components/drawers/AddCourse.vue
+++ /dev/null
@@ -1,564 +0,0 @@
-<template>
-  <!-- 添加在线课程 -->
-  <a-drawer class="addcourse1" :visible="visible" width="80%" :title="title" @close="closeDrawer" :maskClosable="false">
-    <!-- 搜索框及按钮 -->
-    <div class="filter">
-      <div class="filterItems">
-        <div class="select">
-          <a-input v-model:value="searchDataInfo.keyWord" style="width: 170px; height: 34px; border-radius: 8px"
-            placeholder="请输入课程标题" />
-        </div>
-        <div class="select">
-          <a-input v-model:value="searchDataInfo.authorName" style="width: 170px; height: 34px; border-radius: 8px"
-            placeholder="请输入授课讲师名称" />
-        </div>
-        <div style="display: flex; margin-bottom: 20px">
-          <div class="btn btn1" @click="handleSearch(1)" style="width: 90px">
-            <div class="btnText">搜索</div>
-          </div>
-          <div class="btn btn1" @click="handleRest" style="width: 90px">
-            <div class="btnText">重置</div>
-          </div>
-        </div>
-      </div>
-      <div class="btns" style="display: flex;flex-direction: column;">
-        <div v-if="selectNum" class="btnText">已选择 <span style="color:#4ea6ff ;"> {{ selectNum }}
-          </span>
-          门课程</div>
-        
-      </div>
-    </div>
-    <!-- 表格 -->
-    <div style="display: flex; overflow-x: auto; overflow-y: auto;justify-content: space-between;">
-      <div class="tableBox" style="min-height: 800px;overflow: hidden;">
-        <a-table style="border: 1px solid #f2f6fe;" :columns="state.columns" :data-source="state.dataSource"
-          :loading="!loading" :row-selection="rowSelection" :pagination="pagination" />
-      </div>
-      <div class="right1" style="min-width: 200px">
-        <div class="onerow">
-          <div class="onleft">
-            <div class="already">已选</div>
-          </div>
-        </div>
-        <div :style="{ 'max-height': state.screenHeight - 240 + 'px' }" style="overflow-y: auto">
-          <div class="selecteds">
-            <div v-for="(item, i) in state.selectedRow" :key="i">
-              <div v-if="i < 11">
-                <div class="chose">
-                  {{ item.title.length > 6 ? item.title.slice(0, 6) + '...' : item.title }}
-                  <div class="ch" @click="remove(item.id)"></div>
-                </div>
-              </div>
-              <div v-else>
-                <div v-if="state.member">
-                  <div class="chose">
-                    {{ item.title.length > 6 ? item.title.slice(0, 6) + '...' : item.title }}
-                    <div class="ch" @click="remove(item.id)"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div v-if="!state.member && state.selectedRow?.length > 10" class="ifsw">
-              <div @click="state.member = !state.member" class="“sw”">查看更多></div>
-            </div>
-            <div v-if="state.member && state.selectedRow?.length > 10" class="ifsw">
-              <div @click="state.member = !state.member" class="sw">收起&lt;</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- 底部按钮和下一步的弹窗 -->
-    <div class="btnn">
-      <button class="btn2 btn3" @click="closeDrawer">取消</button>
-      <CommonRecommend :type="state.type" :id="state.selectedRowKeys" @finash="submitCall" :stage="state.stage">
-        <a-button class="btn2">
-          下一步
-        </a-button>
-      </CommonRecommend>
-    </div>
-  </a-drawer>
-
-</template>
-<script setup>
-import { reactive, ref, computed, nextTick } from 'vue';
-import { Form, message } from "ant-design-vue";
-import { isTopList, downloadErrorRecords } from '@/api/case'
-import CommonRecommend from "@/components/CaseManage/CommonRecommend";
-import useDownload from '@/hooks/useDownload'
-defineProps({
-  visible: {
-    type: Boolean,
-    default: false
-  },
-  title: {
-    type: String,
-    default: '添加在线课程'
-  }
-})
-const emit = defineEmits(['update:visible'])
-const loading = ref(false)
-const state = reactive({
-  allSelectedRow: [],
-  caseTitleList: [],
-  totalNum: 0,//上传的总条数
-  successNum: 0,//成功的条数
-  failNum: 0,//失败的条数
-  status: '',//上传的状态
-  progressColor: '',//进度条颜色
-  type: 1,//添加学员
-  stage: '',//
-  importId: '',//导入id
-  selectedRowKeys: [],//案例标题的id
-  selectedRow: [],//选择的每一行数据
-  dataSource: [],//表格的数据
-  uploadpercent: -1,//导入进度
-  fileName: '',//下载的名字
-  uploadAction: process.env.VUE_APP_SYS_API + '/xboe/m/boe/cases/recommend/import',//下载地址
-  fileList: [],//上传列表
-  member: false,//收起和展开
-  screenHeight: document.body.clientHeight,//高度
-  columns: [
-    {
-      title: "课程标题",
-      dataIndex: "title",
-      key: "title",
-      align: "left",
-      className: "h",
-      width: '75%',
-      ellipsis: true,
-    },
-    {
-      title: "资源归属",
-      dataIndex: "authorName",
-      key: "authorName",
-      width: '20%',
-      align: "center",
-      className: "h",
-      ellipsis: true,
-    }
-  ]
-})
-
-//删除选中
-const remove = (id) => {
-  state.selectedRowKeys = state.selectedRowKeys.filter(item => item !== id)
-  state.selectedRow = state.selectedRow.filter(item => item.id !== id)
-  // 过滤导入删除的条数
-  state.caseTitleList = state.caseTitleList.filter(item => state.selectedRow.some(sel => sel.id == item.id))
-}
-// 下一步返回的刷新列表
-function submitCall(flag) {
-  searchDataInfo.pageIndex = 1
-  flag && getTopList()
-  closeDrawer()
-}
-// 计算选择的条数
-const selectNum = computed(() => state.selectedRowKeys.length - state.caseTitleList.length)
-
-// 查询数据
-const searchDataInfo = reactive({
-  pageIndex: 1,
-  pageSize: 10,
-  keyWord: "",
-  authorName: '',
-});
-const total = ref(0)
-
-// 分页
-const pagination = computed(() => ({
-  total: total.value,
-  showSizeChanger: false,
-  current: searchDataInfo.pageIndex,
-  pageSize: searchDataInfo.pageSize,
-  onChange: changePagination,
-}));
-const changePagination = (e) => {
-  console.log(e);
-  loading.value = false
-  searchDataInfo.pageIndex = e
-  nextTick(getTopList);
-};
-// 计算全选
-const rowSelection = computed(() => {
-  return {
-    selectedRowKeys: state.selectedRowKeys,
-    onChange: onSelectChange,
-    preserveSelectedRowKeys: true,
-    getCheckboxProps: record => ({
-      disabled: state.caseTitleList.some((item) => record.id == item.id)
-    }),
-  }
-});
-//计算出来已选中状态
-const onSelectChange = (selectedRowKeys, selectedRow) => {
-  state.selectedRowKeys = selectedRowKeys
-  // 过滤取消的
-  // state.caseTitleList = state.caseTitleList.filter((item) => selectedRowKeys.includes(item.id))
-  // state.selectedRow = selectedRow.filter(Boolean)
-  const mergedArray = state.caseTitleList.concat(selectedRow.filter(Boolean));
-  state.selectedRow = Object.values(
-    mergedArray.reduce((acc, obj) => {
-      acc[obj.id] = obj;
-      return acc;
-    }, {})
-  );
-  console.log(state.selectedRow, state.caseTitleList);
-
-};
-
-// 请求列表数据是formdata类型的
-const getTopList = () => {
-  isTopList(searchDataInfo).then((res) => {
-    loading.value = true;
-    console.log(res);
-    res?.data?.result?.list?.forEach(element => {
-      element.key = element.id
-    });
-    state.dataSource = res?.data?.result?.list || []
-    total.value = res?.data?.result?.count
-  }).catch((err) => {
-    message.error(err);
-    loading.value = false;
-  })
-}
-getTopList()
-
-// 搜索
-const handleSearch = (num) => {
-  if (num == 1) searchDataInfo.pageIndex = 1
-  console.log(searchDataInfo);
-  getTopList()
-}
-
-//错误案例下载
-const downloadErrorInfo = () => {
-  if (!state.importId) {
-    message.warn('暂无失败数据')
-    return
-  }
-  let url = `${process.env.VUE_APP_SYS_API}/xboe/m/boe/cases/recommend/download?importId=` + state.importId
-  console.log(url);
-  window.open(url, '_self');
-}
-
-
-const { resetFields } = Form.useForm(searchDataInfo, {});
-//重置
-const handleRest = () => {
-  resetFields()
-  getTopList()
-}
-
-// 取消抽屉
-const closeDrawer = async () => {
-  state.selectedRowKeys = []
-  state.selectedRow = []
-  state.caseTitleList = []
-  resetFields()
-  emit('update:visible', false)
-  await nextTick()
-  getTopList()
-}
-// 根据数组id去重
-const deduplicateArrayById = (arr) => {
-  // 使用 Set 数据结构保存不重复的 id
-  const idSet = new Set();
-  // 使用 map 方法遍历数组，检查并去重对象
-  const deduplicatedArray = arr.filter(obj => {
-    const id = obj.id;
-    if (!idSet.has(id)) {
-      idSet.add(id);
-      return true;
-    }
-    return false;
-  });
-
-  return deduplicatedArray;
-
-}
-</script>
-
-
-<style lang="scss" scoped>
-//上传
-
-.addcourse1 {
-  :global(.ant-drawer-header-title) {
-    flex-direction: row-reverse !important;
-  }
-
-  :global(.ant-drawer-close) {
-    margin-right: 0;
-  }
-
-  .btnn {
-    height: 72px;
-    width: 100%;
-    position: absolute;
-    background-color: #fff;
-    bottom: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
-
-    .btn1 {
-      width: 90px;
-      height: 34px;
-      border: 1px solid #4ea6ff;
-      border-radius: 5px;
-      color: #4ea6ff;
-      background-color: #fff;
-      cursor: pointer;
-    }
-
-    .btn2 {
-      cursor: pointer;
-      width: 100px;
-      height: 40px;
-      background: #4ea6ff;
-      border-radius: 8px;
-      border: 0;
-      margin-left: 15px;
-      color: #fff;
-    }
-    .btn3{
-      background: #fff;
-      border: 1px solid #02a7f0;
-      color: #02a7f0;
-    }
-  }
-
-  // 头部
-  .filter {
-    display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
-
-    .filterItems {
-      display: flex;
-      flex-wrap: wrap;
-
-      .select {
-        margin-right: 20px;
-        margin-bottom: 20px;
-      }
-
-      .btn {
-        padding: 0 26px 0 26px;
-        height: 34px;
-        background: #4ea6ff;
-        border-radius: 5px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-        cursor: pointer;
-
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: #ffffff;
-          line-height: 36px;
-          // margin-left: 5px;
-        }
-      }
-
-      .btnn {
-        padding: 0 26px 0 26px;
-        height: 38px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 1px solid rgba(64, 158, 255, 1);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-        cursor: pointer;
-
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: #fff;
-          line-height: 36px;
-          // margin-left: 5px;
-        }
-      }
-      .btn1:active {
-        background: #0982ff;
-      }
-
-      .btn2:active {
-        background: rgba(64, 158, 255, 0.2);
-      }
-    }
-
-    .btns {
-      display: flex;
-
-      .btn {
-        padding: 0 26px;
-        height: 34px;
-        background: #4ea6ff;
-        border-radius: 5px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-        cursor: pointer;
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: #ffffff;
-          line-height: 36px;
-          // margin-left: 5px;
-        }
-      }
-
-      .btn3 {
-        margin-right: 0;
-      }
-
-      .btn3:active {
-        background: #0982ff;
-      }
-    }
-  }
-
-  //底部
-  .right1 {
-    border-left: 1px solid #f2f6fe;
-    margin-left: 20px;
-
-    .onerow {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-right: 40px;
-      flex-wrap: wrap;
-
-      width: 100%;
-
-      .onleft {
-        display: flex;
-        text-align: center;
-
-        .already {
-          color: rgba(51, 51, 51, 1);
-          font-size: 16px;
-          font-weight: 500;
-          margin-left: 32px;
-          white-space: nowrap;
-          // margin-bottom: 20px;
-        }
-
-        .count {
-          color: #4ea6ff;
-          font-size: 16px;
-          margin: 0 6px;
-        }
-
-        .peo {
-          color: rgba(51, 51, 51, 1);
-          font-size: 16px;
-          font-weight: 500;
-        }
-      }
-
-      .clbox {
-        margin-right: 50px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        cursor: pointer;
-        width: 104px;
-        height: 32px;
-        border-radius: 4px;
-        background: #4ea6ff;
-
-        .colose {
-          width: 16px;
-          height: 16px;
-          background-image: url(../../assets/images/basicinfo/ch.png);
-          background-size: 100%;
-          margin-right: 4px;
-        }
-
-        .allclear {
-          color: rgba(255, 255, 255, 1);
-          font-size: 14px;
-        }
-      }
-    }
-
-    .selecteds {
-      display: flex;
-      flex-wrap: wrap;
-      margin-left: 32px;
-
-      .person {
-        width: 100%;
-        margin-top: 20px;
-        border-top: 1px solid #f2f6fe;
-      }
-
-      .chose {
-        min-width: 64px;
-        height: 24px;
-        margin-top: 25px;
-        margin-right: 25px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 2px;
-        border: 1px solid rgba(56, 139, 225, 1);
-        color: rgba(56, 139, 225, 1);
-        font-size: 12px;
-        position: relative;
-        padding: 0 10px;
-
-        .ch {
-          position: absolute;
-          width: 18px;
-          height: 18px;
-          background-image: url(../../assets/images/basicinfo/ch.png);
-          right: -8px;
-          top: -8px;
-        }
-      }
-
-      .ifsw {
-        display: flex;
-        align-items: end;
-        justify-content: center;
-        color: #4ea6ff;
-      }
-
-      .sw {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        text-align: justify;
-        color: #4ea6ff;
-        margin-top: 23px;
-        margin-left: 10px;
-      }
-
-      .dept {
-        width: 100%;
-        margin-top: 30px;
-        border-top: 1px solid #f2f6fe;
-      }
-
-    }
-  }
-
-
-
-}
-</style>

From a063c3e7acc9cc20caf15ccb4a2372050b3e5651 Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Wed, 27 Sep 2023 11:37:32 +0800
Subject: [PATCH 14/43] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/RecommendedCourse.vue  | 194 ------------------
 src/views/courselibrary/CourseRecommended.vue |   2 +-
 2 files changed, 1 insertion(+), 195 deletions(-)
 delete mode 100644 src/components/drawers/RecommendedCourse.vue

diff --git a/src/components/drawers/RecommendedCourse.vue b/src/components/drawers/RecommendedCourse.vue
deleted file mode 100644
index 29b16e03..00000000
--- a/src/components/drawers/RecommendedCourse.vue
+++ /dev/null
@@ -1,194 +0,0 @@
-<template>
-  <!-- 推荐课程抽屉 -->
-  <a-drawer class="course-drawer" :visible="visible" width="80%" :title="title" @close="closeDrawer" :maskClosable="false">
-    <div class="inp">
-      <span class="red">* </span>
-      <span>推荐标题：</span>
-      <a-input v-model:value="value1"  show-count :maxlength="20" />
-    </div>
-    <div class="inp">
-      <span class="red">* </span>
-      <span>推荐组织：</span>
-      <a-input v-model:value="value2"/>
-    </div>
-    <div class="inp inp2">
-      <span class="red">* </span>
-      <span>推荐标题：</span>
-      <a-input v-model:value="value3"  show-count :maxlength="100" />
-    </div>
-    <div class="imgupload">
-      <span class="red">* </span>
-      <span>课程包封面图：</span>
-      <div>
-        <a-upload
-          v-model:file-list="fileList"
-          
-          action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
-          list-type="picture-card"
-          @preview="handlePreview"
-        >
-        <div v-if="fileList.length < 1">
-            <plus-outlined />
-            <div  style="margin-top: 8px">
-              <img src="../../assets/images/taskpage/upload.png" alt="">
-              <span>将文件拖到此处，或 点击上传
-</span>
-            </div>
-            
-        </div>
-        </a-upload>
-        <a-modal :visible="previewVisible" :title="previewTitle" :footer="null" @cancel="handleCancel">
-          <img alt="example" style="width: 100%" :src="previewImage" />
-        </a-modal>
-      </div>
-    </div>
-    <div class="button1">
-      <button class="btn2" @click="closeDrawer">取消</button>
-      <a-button class="btn2" @click="handleNew">下一步</a-button>
-    </div>
-    <AddCourse v-model:visible="newNext" :title="添加在线课程"></AddCourse>
-  </a-drawer>
-  
-  <!-- 下一步添加学员 -->
-</template>
-<script setup>
-import { reactive, ref, computed, nextTick } from 'vue';
-import { Form, message } from "ant-design-vue";
-import { isTopList, downloadErrorRecords, UploadProps } from '@/api/case'
-import AddCourse from "@/components/drawers/AddCourse";
-import useDownload from '@/hooks/useDownload'
-const newNext = ref(false);
-const handleNew = () => {
-  newNext.value = true;
-};
-const emit = defineEmits(['update:visible'])
-
-// 取消抽屉
-const closeDrawer = async () => {
-  // state.selectedRowKeys = []
-  // state.selectedRow = []
-  // state.caseTitleList = []
-  // resetFields()
-  emit('update:visible', false)
-  // await nextTick()
-  // getTopList()
-}
-
-function getBase64(file) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.onload = () => resolve(reader.result);
-    reader.onerror = error => reject(error);
-  });
-}
-const previewVisible = ref(false);
-    const previewImage = ref('');
-    const previewTitle = ref('');
-
-    const fileList = ref([
-   
-    ]);
-
-    const handleCancel = () => {
-      previewVisible.value = false;
-      previewTitle.value = '';
-    };
-    const handlePreview = async (file) => {
-      if (!file.url && !file.preview) {
-        file.preview = (await getBase64(file.originFileObj));
-      }
-      previewImage.value = file.url || file.preview;
-      previewVisible.value = true;
-      previewTitle.value = file.name || file.url.substring(file.url.lastIndexOf('/') + 1);
-    };
-
-defineProps({
-  visible: {
-    type: Boolean,
-    default: false
-  },
-  title: {
-    type: String,
-    default: '推荐课程'
-  },
-  
-})
-const value1 = ref('')
-const value2 = ref('')
-const value3 = ref('')
-</script>
-
-
-<style lang="scss" scoped>
-.course-drawer{
-  margin-bottom: 80px;
-  .red{
-    color: #d9001b;
-  }
-  .inp{
-    display: flex;
-    margin-left: 134px;
-    margin-bottom: 55px;
-    .ant-input{
-      width: 510px;
-      height: 31px;
-    }
-    .ant-input-affix-wrapper{
-      width: 510px;
-      height: 31px;
-
-    }
-
-  }
-  .inp2 .ant-input-affix-wrapper{
-    height: 80px;
-  }
-  .imgupload{
-    margin-left: 134px;
-    margin-bottom: 55px;
-    :deep(.ant-upload.ant-upload-select-picture-card){
-      width: 413px;
-      height: 227px;
-      margin-left: 80px;
-      margin-top: 30px;
-    }
-    :deep(.ant-upload-list-picture-card .ant-upload-list-item){
-      width: 413px;
-      height: 227px;
-      margin-left: 80px;
-      margin-top: 30px;
-    }
-  }
-  .button1 {
-    height: 72px;
-    width: 100%;
-    position: absolute;
-    background-color: #fff;
-    bottom: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
-    
-    .btn2 {
-      width: 60px;
-      height: 30px;
-      padding: 2px 2px 2px 2px;
-      border-radius: 4px;
-      border: 1px solid #409eff;
-      background-color: #409eff;
-      color: #ffffff;
-      text-align: center;
-      margin-left: 23px;
-      &:hover{
-        background-color: #66b1ff;
-        box-sizing: border-box;
-      }
-    }
-  }
-}
-
-
-</style>
diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index e384e96a..a646e595 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -172,7 +172,7 @@ import {
   rePushOrWithdraw,
 } from "@/api/case";
 import dialog from "@/utils/dialog";
-import RecommendedCourse from "@/components/drawers/RecommendedCourse.vue";
+import RecommendedCourse from "@/components/courserecommended/RecommendedCourse.vue";
 import { checkMenu } from "@/utils/utils";
 import SeeModal from "@/components/courserecommended/CourseRecommended.vue";
 const column = [

From 35d98f79c686bc03536f098fc68e3cd60e3397ef Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Wed, 27 Sep 2023 11:38:26 +0800
Subject: [PATCH 15/43] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../courserecommended/AddCourse.vue           | 564 ++++++++++++++++++
 .../courserecommended/RecommendedCourse.vue   | 209 +++++++
 2 files changed, 773 insertions(+)
 create mode 100644 src/components/courserecommended/AddCourse.vue
 create mode 100644 src/components/courserecommended/RecommendedCourse.vue

diff --git a/src/components/courserecommended/AddCourse.vue b/src/components/courserecommended/AddCourse.vue
new file mode 100644
index 00000000..96b5fa47
--- /dev/null
+++ b/src/components/courserecommended/AddCourse.vue
@@ -0,0 +1,564 @@
+<template>
+  <!-- 添加在线课程 -->
+  <a-drawer class="addcourse1" :visible="visible" width="80%" :title="title" @close="closeDrawer" :maskClosable="false">
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <div class="filterItems">
+        <div class="select">
+          <a-input v-model:value="searchDataInfo.keyWord" style="width: 170px; height: 34px; border-radius: 8px"
+            placeholder="请输入课程标题" />
+        </div>
+        <div class="select">
+          <a-input v-model:value="searchDataInfo.authorName" style="width: 170px; height: 34px; border-radius: 8px"
+            placeholder="请输入授课讲师名称" />
+        </div>
+        <div style="display: flex; margin-bottom: 20px">
+          <div class="btn btn1" @click="handleSearch(1)" style="width: 90px">
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="btn btn1" @click="handleRest" style="width: 90px">
+            <div class="btnText">重置</div>
+          </div>
+        </div>
+      </div>
+      <div class="btns" style="display: flex;flex-direction: column;">
+        <div v-if="selectNum" class="btnText">已选择 <span style="color:#4ea6ff ;"> {{ selectNum }}
+          </span>
+          门课程</div>
+        
+      </div>
+    </div>
+    <!-- 表格 -->
+    <div style="display: flex; overflow-x: auto; overflow-y: auto;justify-content: space-between;">
+      <div class="tableBox" style="min-height: 800px;overflow: hidden;">
+        <a-table style="border: 1px solid #f2f6fe;" :columns="state.columns" :data-source="state.dataSource"
+          :loading="!loading" :row-selection="rowSelection" :pagination="pagination" />
+      </div>
+      <div class="right1" style="min-width: 200px">
+        <div class="onerow">
+          <div class="onleft">
+            <div class="already">已选</div>
+          </div>
+        </div>
+        <div :style="{ 'max-height': state.screenHeight - 240 + 'px' }" style="overflow-y: auto">
+          <div class="selecteds">
+            <div v-for="(item, i) in state.selectedRow" :key="i">
+              <div v-if="i < 11">
+                <div class="chose">
+                  {{ item.title.length > 6 ? item.title.slice(0, 6) + '...' : item.title }}
+                  <div class="ch" @click="remove(item.id)"></div>
+                </div>
+              </div>
+              <div v-else>
+                <div v-if="state.member">
+                  <div class="chose">
+                    {{ item.title.length > 6 ? item.title.slice(0, 6) + '...' : item.title }}
+                    <div class="ch" @click="remove(item.id)"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div v-if="!state.member && state.selectedRow?.length > 10" class="ifsw">
+              <div @click="state.member = !state.member" class="“sw”">查看更多></div>
+            </div>
+            <div v-if="state.member && state.selectedRow?.length > 10" class="ifsw">
+              <div @click="state.member = !state.member" class="sw">收起&lt;</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 底部按钮和下一步的弹窗 -->
+    <div class="btnn">
+      <button class="btn2 btn3" @click="closeDrawer">取消</button>
+      <CommonRecommend :type="state.type" :id="state.selectedRowKeys" @finash="submitCall" :stage="state.stage">
+        <a-button class="btn2">
+          下一步
+        </a-button>
+      </CommonRecommend>
+    </div>
+  </a-drawer>
+
+</template>
+<script setup>
+import { reactive, ref, computed, nextTick } from 'vue';
+import { Form, message } from "ant-design-vue";
+import { isTopList, downloadErrorRecords } from '@/api/case'
+import CommonRecommend from "@/components/CaseManage/CommonRecommend";
+import useDownload from '@/hooks/useDownload'
+defineProps({
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: '添加在线课程'
+  }
+})
+const emit = defineEmits(['update:visible'])
+const loading = ref(false)
+const state = reactive({
+  allSelectedRow: [],
+  caseTitleList: [],
+  totalNum: 0,//上传的总条数
+  successNum: 0,//成功的条数
+  failNum: 0,//失败的条数
+  status: '',//上传的状态
+  progressColor: '',//进度条颜色
+  type: 1,//添加学员
+  stage: '',//
+  importId: '',//导入id
+  selectedRowKeys: [],//案例标题的id
+  selectedRow: [],//选择的每一行数据
+  dataSource: [],//表格的数据
+  uploadpercent: -1,//导入进度
+  fileName: '',//下载的名字
+  uploadAction: process.env.VUE_APP_SYS_API + '/xboe/m/boe/cases/recommend/import',//下载地址
+  fileList: [],//上传列表
+  member: false,//收起和展开
+  screenHeight: document.body.clientHeight,//高度
+  columns: [
+    {
+      title: "课程标题",
+      dataIndex: "title",
+      key: "title",
+      align: "left",
+      className: "h",
+      width: '75%',
+      ellipsis: true,
+    },
+    {
+      title: "资源归属",
+      dataIndex: "authorName",
+      key: "authorName",
+      width: '20%',
+      align: "center",
+      className: "h",
+      ellipsis: true,
+    }
+  ]
+})
+
+//删除选中
+const remove = (id) => {
+  state.selectedRowKeys = state.selectedRowKeys.filter(item => item !== id)
+  state.selectedRow = state.selectedRow.filter(item => item.id !== id)
+  // 过滤导入删除的条数
+  state.caseTitleList = state.caseTitleList.filter(item => state.selectedRow.some(sel => sel.id == item.id))
+}
+// 下一步返回的刷新列表
+function submitCall(flag) {
+  searchDataInfo.pageIndex = 1
+  flag && getTopList()
+  closeDrawer()
+}
+// 计算选择的条数
+const selectNum = computed(() => state.selectedRowKeys.length - state.caseTitleList.length)
+
+// 查询数据
+const searchDataInfo = reactive({
+  pageIndex: 1,
+  pageSize: 10,
+  keyWord: "",
+  authorName: '',
+});
+const total = ref(0)
+
+// 分页
+const pagination = computed(() => ({
+  total: total.value,
+  showSizeChanger: false,
+  current: searchDataInfo.pageIndex,
+  pageSize: searchDataInfo.pageSize,
+  onChange: changePagination,
+}));
+const changePagination = (e) => {
+  console.log(e);
+  loading.value = false
+  searchDataInfo.pageIndex = e
+  nextTick(getTopList);
+};
+// 计算全选
+const rowSelection = computed(() => {
+  return {
+    selectedRowKeys: state.selectedRowKeys,
+    onChange: onSelectChange,
+    preserveSelectedRowKeys: true,
+    getCheckboxProps: record => ({
+      disabled: state.caseTitleList.some((item) => record.id == item.id)
+    }),
+  }
+});
+//计算出来已选中状态
+const onSelectChange = (selectedRowKeys, selectedRow) => {
+  state.selectedRowKeys = selectedRowKeys
+  // 过滤取消的
+  // state.caseTitleList = state.caseTitleList.filter((item) => selectedRowKeys.includes(item.id))
+  // state.selectedRow = selectedRow.filter(Boolean)
+  const mergedArray = state.caseTitleList.concat(selectedRow.filter(Boolean));
+  state.selectedRow = Object.values(
+    mergedArray.reduce((acc, obj) => {
+      acc[obj.id] = obj;
+      return acc;
+    }, {})
+  );
+  console.log(state.selectedRow, state.caseTitleList);
+
+};
+
+// 请求列表数据是formdata类型的
+const getTopList = () => {
+  isTopList(searchDataInfo).then((res) => {
+    loading.value = true;
+    console.log(res);
+    res?.data?.result?.list?.forEach(element => {
+      element.key = element.id
+    });
+    state.dataSource = res?.data?.result?.list || []
+    total.value = res?.data?.result?.count
+  }).catch((err) => {
+    message.error(err);
+    loading.value = false;
+  })
+}
+getTopList()
+
+// 搜索
+const handleSearch = (num) => {
+  if (num == 1) searchDataInfo.pageIndex = 1
+  console.log(searchDataInfo);
+  getTopList()
+}
+
+//错误案例下载
+const downloadErrorInfo = () => {
+  if (!state.importId) {
+    message.warn('暂无失败数据')
+    return
+  }
+  let url = `${process.env.VUE_APP_SYS_API}/xboe/m/boe/cases/recommend/download?importId=` + state.importId
+  console.log(url);
+  window.open(url, '_self');
+}
+
+
+const { resetFields } = Form.useForm(searchDataInfo, {});
+//重置
+const handleRest = () => {
+  resetFields()
+  getTopList()
+}
+
+// 取消抽屉
+const closeDrawer = async () => {
+  state.selectedRowKeys = []
+  state.selectedRow = []
+  state.caseTitleList = []
+  resetFields()
+  emit('update:visible', false)
+  await nextTick()
+  getTopList()
+}
+// 根据数组id去重
+const deduplicateArrayById = (arr) => {
+  // 使用 Set 数据结构保存不重复的 id
+  const idSet = new Set();
+  // 使用 map 方法遍历数组，检查并去重对象
+  const deduplicatedArray = arr.filter(obj => {
+    const id = obj.id;
+    if (!idSet.has(id)) {
+      idSet.add(id);
+      return true;
+    }
+    return false;
+  });
+
+  return deduplicatedArray;
+
+}
+</script>
+
+
+<style lang="scss" scoped>
+//上传
+
+.addcourse1 {
+  :global(.ant-drawer-header-title) {
+    flex-direction: row-reverse !important;
+  }
+
+  :global(.ant-drawer-close) {
+    margin-right: 0;
+  }
+
+  .btnn {
+    height: 72px;
+    width: 100%;
+    position: absolute;
+    background-color: #fff;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+    .btn1 {
+      width: 90px;
+      height: 34px;
+      border: 1px solid #4ea6ff;
+      border-radius: 5px;
+      color: #4ea6ff;
+      background-color: #fff;
+      cursor: pointer;
+    }
+
+    .btn2 {
+      cursor: pointer;
+      width: 100px;
+      height: 40px;
+      background: #4ea6ff;
+      border-radius: 8px;
+      border: 0;
+      margin-left: 15px;
+      color: #fff;
+    }
+    .btn3{
+      background: #fff;
+      border: 1px solid #02a7f0;
+      color: #02a7f0;
+    }
+  }
+
+  // 头部
+  .filter {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .filterItems {
+      display: flex;
+      flex-wrap: wrap;
+
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+
+      .btn {
+        padding: 0 26px 0 26px;
+        height: 34px;
+        background: #4ea6ff;
+        border-radius: 5px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          // margin-left: 5px;
+        }
+      }
+
+      .btnn {
+        padding: 0 26px 0 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #fff;
+          line-height: 36px;
+          // margin-left: 5px;
+        }
+      }
+      .btn1:active {
+        background: #0982ff;
+      }
+
+      .btn2:active {
+        background: rgba(64, 158, 255, 0.2);
+      }
+    }
+
+    .btns {
+      display: flex;
+
+      .btn {
+        padding: 0 26px;
+        height: 34px;
+        background: #4ea6ff;
+        border-radius: 5px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          // margin-left: 5px;
+        }
+      }
+
+      .btn3 {
+        margin-right: 0;
+      }
+
+      .btn3:active {
+        background: #0982ff;
+      }
+    }
+  }
+
+  //底部
+  .right1 {
+    border-left: 1px solid #f2f6fe;
+    margin-left: 20px;
+
+    .onerow {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-right: 40px;
+      flex-wrap: wrap;
+
+      width: 100%;
+
+      .onleft {
+        display: flex;
+        text-align: center;
+
+        .already {
+          color: rgba(51, 51, 51, 1);
+          font-size: 16px;
+          font-weight: 500;
+          margin-left: 32px;
+          white-space: nowrap;
+          // margin-bottom: 20px;
+        }
+
+        .count {
+          color: #4ea6ff;
+          font-size: 16px;
+          margin: 0 6px;
+        }
+
+        .peo {
+          color: rgba(51, 51, 51, 1);
+          font-size: 16px;
+          font-weight: 500;
+        }
+      }
+
+      .clbox {
+        margin-right: 50px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        width: 104px;
+        height: 32px;
+        border-radius: 4px;
+        background: #4ea6ff;
+
+        .colose {
+          width: 16px;
+          height: 16px;
+          background-image: url(../../assets/images/basicinfo/ch.png);
+          background-size: 100%;
+          margin-right: 4px;
+        }
+
+        .allclear {
+          color: rgba(255, 255, 255, 1);
+          font-size: 14px;
+        }
+      }
+    }
+
+    .selecteds {
+      display: flex;
+      flex-wrap: wrap;
+      margin-left: 32px;
+
+      .person {
+        width: 100%;
+        margin-top: 20px;
+        border-top: 1px solid #f2f6fe;
+      }
+
+      .chose {
+        min-width: 64px;
+        height: 24px;
+        margin-top: 25px;
+        margin-right: 25px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 2px;
+        border: 1px solid rgba(56, 139, 225, 1);
+        color: rgba(56, 139, 225, 1);
+        font-size: 12px;
+        position: relative;
+        padding: 0 10px;
+
+        .ch {
+          position: absolute;
+          width: 18px;
+          height: 18px;
+          background-image: url(../../assets/images/basicinfo/ch.png);
+          right: -8px;
+          top: -8px;
+        }
+      }
+
+      .ifsw {
+        display: flex;
+        align-items: end;
+        justify-content: center;
+        color: #4ea6ff;
+      }
+
+      .sw {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: justify;
+        color: #4ea6ff;
+        margin-top: 23px;
+        margin-left: 10px;
+      }
+
+      .dept {
+        width: 100%;
+        margin-top: 30px;
+        border-top: 1px solid #f2f6fe;
+      }
+
+    }
+  }
+
+
+
+}
+</style>
diff --git a/src/components/courserecommended/RecommendedCourse.vue b/src/components/courserecommended/RecommendedCourse.vue
new file mode 100644
index 00000000..fbf629f1
--- /dev/null
+++ b/src/components/courserecommended/RecommendedCourse.vue
@@ -0,0 +1,209 @@
+<template>
+  <!-- 推荐课程抽屉 -->
+  <a-drawer class="course-drawer" :visible="visible" width="80%" :title="title" @close="closeDrawer" :maskClosable="false">
+    <div class="inp">
+      <span class="red">* </span>
+      <span>推荐标题：</span>
+      <a-input v-model:value="state.sellName"  show-count :maxlength="20" />
+    </div>
+    <div class="inp">
+      <span class="red">* </span>
+      <span>推荐组织：</span>
+      <a-input v-model:value="state.sellForm"/>
+    </div>
+    <div class="inp inp2">
+      <span class="red">* </span>
+      <span>推荐理由：</span>
+      <a-input v-model:value="state.sellIntro"  show-count :maxlength="100" />
+    </div>
+    <div class="imgupload">
+      <span class="red">* </span>
+      <span>课程包封面图：</span>
+      <div>
+        <a-upload
+          v-model:file-list="fileList"
+          
+          action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+          list-type="picture-card"
+          @preview="handlePreview"
+        >
+        <div v-if="fileList.length < 1">
+            <plus-outlined />
+            <div  style="margin-top: 8px">
+              <img src="../../assets/images/taskpage/upload.png" alt="">
+              <span>将文件拖到此处，或 点击上传
+</span>
+            </div>
+            
+        </div>
+        </a-upload>
+        <a-modal :visible="previewVisible" :title="previewTitle" :footer="null" @cancel="handleCancel">
+          <img alt="example" style="width: 100%" :src="previewImage" />
+        </a-modal>
+      </div>
+    </div>
+    <div class="button1">
+      <button class="btn2" @click="closeDrawer">取消</button>
+      <a-button class="btn2" @click="handleNew">下一步</a-button>
+    </div>
+    <AddCourse v-model:visible="newNext" :title="添加在线课程"></AddCourse>
+  </a-drawer>
+  
+  <!-- 下一步添加学员 -->
+</template>
+<script setup>
+import { reactive, ref, computed, nextTick } from 'vue';
+import { Form, message } from "ant-design-vue";
+import { isTopList, downloadErrorRecords, UploadProps } from '@/api/case'
+import AddCourse from "@/components/courserecommended/AddCourse";
+import useDownload from '@/hooks/useDownload'
+const state = reactive({
+  sellName:"",      //推荐标题
+  sellIntro:"",     //推荐组织
+  sellForm:"",      //推荐理由
+})
+const newNext = ref(false);
+const handleNew = () => {
+  if(!state.sellName){
+    message.destroy();
+    return message.warning("请输入推荐标题");
+  }
+  if(!state.sellIntro){
+    message.destroy();
+    return message.warning("请输入推荐组织");
+  }
+  if(!state.sellForm){
+    message.destroy();
+    return message.warning("请输入推荐理由");
+  }
+  newNext.value = true;
+};
+const emit = defineEmits(['update:visible'])
+
+// 取消抽屉
+const closeDrawer = async () => {
+  state.sellName = ""
+  state.sellIntro = ""
+  state.sellForm = ""
+  // resetFields()
+  emit('update:visible', false)
+  // await nextTick()
+  // getTopList()
+}
+
+function getBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = error => reject(error);
+  });
+}
+const previewVisible = ref(false);
+    const previewImage = ref('');
+    const previewTitle = ref('');
+
+    const fileList = ref([
+   
+    ]);
+
+    const handleCancel = () => {
+      previewVisible.value = false;
+      previewTitle.value = '';
+    };
+    const handlePreview = async (file) => {
+      if (!file.url && !file.preview) {
+        file.preview = (await getBase64(file.originFileObj));
+      }
+      previewImage.value = file.url || file.preview;
+      previewVisible.value = true;
+      previewTitle.value = file.name || file.url.substring(file.url.lastIndexOf('/') + 1);
+    };
+
+defineProps({
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: '推荐课程'
+  },
+  
+})
+
+</script>
+
+
+<style lang="scss" scoped>
+.course-drawer{
+  margin-bottom: 80px;
+  .red{
+    color: #d9001b;
+  }
+  .inp{
+    display: flex;
+    margin-left: 134px;
+    margin-bottom: 55px;
+    .ant-input{
+      width: 510px;
+      height: 31px;
+    }
+    .ant-input-affix-wrapper{
+      width: 510px;
+      height: 31px;
+
+    }
+
+  }
+  .inp2 .ant-input-affix-wrapper{
+    height: 80px;
+  }
+  .imgupload{
+    margin-left: 134px;
+    margin-bottom: 55px;
+    :deep(.ant-upload.ant-upload-select-picture-card){
+      width: 413px;
+      height: 227px;
+      margin-left: 80px;
+      margin-top: 30px;
+    }
+    :deep(.ant-upload-list-picture-card .ant-upload-list-item){
+      width: 413px;
+      height: 227px;
+      margin-left: 80px;
+      margin-top: 30px;
+    }
+  }
+  .button1 {
+    height: 72px;
+    width: 100%;
+    position: absolute;
+    background-color: #fff;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+    
+    .btn2 {
+      width: 60px;
+      height: 30px;
+      padding: 2px 2px 2px 2px;
+      border-radius: 4px;
+      border: 1px solid #409eff;
+      background-color: #409eff;
+      color: #ffffff;
+      text-align: center;
+      margin-left: 23px;
+      &:hover{
+        background-color: #66b1ff;
+        box-sizing: border-box;
+      }
+    }
+  }
+}
+
+
+</style>

From 78eef962642c274893989480d8493bb0dc999e39 Mon Sep 17 00:00:00 2001
From: zhangsir <2207038757@qq.com>
Date: Wed, 27 Sep 2023 16:48:20 +0800
Subject: [PATCH 16/43] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/courserecommended/AddCourse.vue  | 12 ++++++------
 .../courserecommended/CourseRecommended.vue     |  7 ++++---
 .../courserecommended/RecommendedCourse.vue     |  6 +++---
 src/views/courselibrary/CourseRecommended.vue   | 17 ++++++++++++-----
 4 files changed, 25 insertions(+), 17 deletions(-)

diff --git a/src/components/courserecommended/AddCourse.vue b/src/components/courserecommended/AddCourse.vue
index 96b5fa47..63805870 100644
--- a/src/components/courserecommended/AddCourse.vue
+++ b/src/components/courserecommended/AddCourse.vue
@@ -34,7 +34,7 @@
         <a-table style="border: 1px solid #f2f6fe;" :columns="state.columns" :data-source="state.dataSource"
           :loading="!loading" :row-selection="rowSelection" :pagination="pagination" />
       </div>
-      <div class="right1" style="min-width: 200px">
+      <div class="right1" style="min-width: 230px">
         <div class="onerow">
           <div class="onleft">
             <div class="already">已选</div>
@@ -45,14 +45,14 @@
             <div v-for="(item, i) in state.selectedRow" :key="i">
               <div v-if="i < 11">
                 <div class="chose">
-                  {{ item.title.length > 6 ? item.title.slice(0, 6) + '...' : item.title }}
+                  {{ item.title.length > 7 ? item.title.slice(0, 7) + '...' : item.title }}
                   <div class="ch" @click="remove(item.id)"></div>
                 </div>
               </div>
               <div v-else>
                 <div v-if="state.member">
                   <div class="chose">
-                    {{ item.title.length > 6 ? item.title.slice(0, 6) + '...' : item.title }}
+                    {{ item.title.length > 7 ? item.title.slice(0, 7) + '...' : item.title }}
                     <div class="ch" @click="remove(item.id)"></div>
                   </div>
                 </div>
@@ -508,8 +508,8 @@ const deduplicateArrayById = (arr) => {
       }
 
       .chose {
-        min-width: 64px;
-        height: 24px;
+        width: 160px;
+        height: 32px;
         margin-top: 25px;
         margin-right: 25px;
         display: flex;
@@ -521,7 +521,7 @@ const deduplicateArrayById = (arr) => {
         font-size: 12px;
         position: relative;
         padding: 0 10px;
-
+        border-radius: 16px;
         .ch {
           position: absolute;
           width: 18px;
diff --git a/src/components/courserecommended/CourseRecommended.vue b/src/components/courserecommended/CourseRecommended.vue
index 9b8c0507..86569f2d 100644
--- a/src/components/courserecommended/CourseRecommended.vue
+++ b/src/components/courserecommended/CourseRecommended.vue
@@ -108,7 +108,7 @@ export default defineComponent({
     
   },
   setup(props, { emit }) {
-
+    
         // 预览弹框 开启和关闭
     const ft_exit_see = () => {
       state.lookCourseModal = false;
@@ -149,13 +149,14 @@ const getList = (num) => {
       state.tableLoading = true;
       state.data = res?.result?.list || [];
       state.total = res?.result?.count || 0;
-      console.log(state.data)
-      
+      console.log("总数据",state.data)
+
     })
     .catch(() => {
       state.tableLoading = false;
     });
 };
+
 getList()
 
     const value = ref('');
diff --git a/src/components/courserecommended/RecommendedCourse.vue b/src/components/courserecommended/RecommendedCourse.vue
index fbf629f1..b04585f5 100644
--- a/src/components/courserecommended/RecommendedCourse.vue
+++ b/src/components/courserecommended/RecommendedCourse.vue
@@ -58,9 +58,9 @@ import { isTopList, downloadErrorRecords, UploadProps } from '@/api/case'
 import AddCourse from "@/components/courserecommended/AddCourse";
 import useDownload from '@/hooks/useDownload'
 const state = reactive({
-  sellName:"",      //推荐标题
-  sellIntro:"",     //推荐组织
-  sellForm:"",      //推荐理由
+  sellName:"1",      //推荐标题
+  sellIntro:"1",     //推荐组织
+  sellForm:"1",      //推荐理由
 })
 const newNext = ref(false);
 const handleNew = () => {
diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index a646e595..bd89e9ed 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -10,9 +10,9 @@
         </div>
         <div class="select">
           <div class="select addTimeBox">
-            <div class="addTime">创建时间：</div>
-            <a-range-picker v-model:value="recommendTimeList" style="width: 420px" @change="timeChange"
-              format="YYYY-MM-DD" valueFormat="YYYY-MM-DD" separator="至" :placeholder="['      开始时间', '        结束时间']" />
+            <div class="addTime"><img src="../../assets/images/courseManage/time.png" class="timePng"></div>
+            <a-range-picker v-model:value="recommendTimeList" style="width: 354px" @change="timeChange"
+              format="YYYY-MM-DD" valueFormat="YYYY-MM-DD" separator="至" :placeholder="['开始时间', '      结束时间']" />
           </div>
         </div>
         <div style="display: flex; margin-bottom: 20px">
@@ -447,16 +447,23 @@ const handleNew = () => {
   position: relative;
   display: flex;
   align-items: center;
-
+  :deep(.ant-picker-range-separator){
+    padding: 0;
+    margin-right: 30px;
+  }
   .addTime {
     position: absolute;
     z-index: 10;
     margin-left: 10px;
     color: rgba(0, 0, 0, 0.4);
+    .timePng{
+      width: 20px;
+      height: 20px;
+    }
   }
 
   .ant-picker {
-    padding-left: 85px;
+    padding-left: 50px;
   }
 
   .ant-picker-range .ant-picker-active-bar {

From d9d16ecd9ad2092d508f49e9ab00224a45a42191 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Sun, 8 Oct 2023 22:01:27 +0800
Subject: [PATCH 17/43] =?UTF-8?q?=E6=96=B0=E5=BB=BA=E8=AF=BE=E7=A8=8B?=
 =?UTF-8?q?=E6=8E=A8=E8=8D=90=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 5671 +++++++++++++++--
 .../courselibrary/CourseRecommended_Old.vue   |  937 +++
 2 files changed, 5977 insertions(+), 631 deletions(-)
 create mode 100644 src/views/courselibrary/CourseRecommended_Old.vue

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index bd89e9ed..6acdd35a 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -1,590 +1,2886 @@
 <!-- 课程推荐页面 -->
 <template>
-  <div class="recommend">
-    <!-- 搜索框及按钮 -->
-    <div class="filter">
-      <div class="filterItems">
-        <div class="select">
-          <a-input v-model:value="searchData.recommendName" style="width: 106px; height: 40px; border-radius: 5px"
-            placeholder="请输入姓名" />
-        </div>
-        <div class="select">
-          <div class="select addTimeBox">
-            <div class="addTime"><img src="../../assets/images/courseManage/time.png" class="timePng"></div>
-            <a-range-picker v-model:value="recommendTimeList" style="width: 354px" @change="timeChange"
-              format="YYYY-MM-DD" valueFormat="YYYY-MM-DD" separator="至" :placeholder="['开始时间', '      结束时间']" />
+  <div class="courseManage">
+    <div class="headerf">
+      <!-- 搜索框及按钮 -->
+      <div class="filter">
+        <div class="filterItems">
+          <div class="pathnameInp">
+            <a-input
+              v-model:value="createName"
+              style="width: 200px; height: 40px; border-radius: 8px"
+              placeholder="请输入创建人"
+            />
           </div>
-        </div>
-        <div style="display: flex; margin-bottom: 20px">
-          <div class="btn btn1" @click="getList(1)">
-            <div class="search"></div>
-            <div class="btnText">搜索</div>
+          <div class="pathnameInp">
+            <a-input
+              v-model:value="name"
+              style="width: 200px; height: 40px; border-radius: 8px"
+              placeholder="请输入名称"
+            />
           </div>
-          <div class="btn btn2" @click="handleRest" style="width: 105px">
-            <div class="search"></div>
-            <div class="btnText">重置</div>
+          <div class="pathnameInp">
+            <a-input
+              v-model:value="projectName"
+              style="width: 200px; height: 40px; border-radius: 8px"
+              placeholder="请输入所属项目"
+            />
+          </div>
+          <div class="select">
+            <a-select
+              v-model:value="auditStatus"
+              dropdownClassName="dropdown-style"
+              style="width: 200px"
+              placeholder="请选择状态"
+              :options="options1"
+              allowClear
+            >
+            </a-select>
+          </div>
+          <div class="select">
+            <a-tree-select
+              :getPopupContainer="
+                (triggerNode) => triggerNode.parentNode || document.body
+              "
+              v-model:value="sysTypeId"
+              show-search
+              style="width: 200px"
+              :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+              placeholder="请选择内容分类"
+              allow-clear
+              tree-default-expand-all
+              :fieldNames="{
+                children: 'children',
+                label: 'name',
+                value: 'code',
+              }"
+              :tree-data="sysTypeOptions"
+            >
+            </a-tree-select>
+          </div>
+          <div style="display: flex; margin-bottom: 20px" class="courseBtn">
+            <div class="btn btn1" @click="handleSearch1">
+              <div class="search"></div>
+              <div class="btnText">搜索</div>
+            </div>
+            <div class="btnn btn2" @click="handleRest1" style="width: 110px">
+              <div class="search"></div>
+              <div class="btnText">重置</div>
+            </div>
+          </div>
+          <div class="btns">
+            <!-- 2022-11-30注释 后面放开 -->
+
+            <div class="btn btn3" @click="of_hShow">
+              <div class="search"></div>
+              <div class="btnText">新建课程</div>
+            </div>
           </div>
         </div>
       </div>
-      <div class="btns">
-        <div class="btn btn3" @click="handleNew">
-          <div class="search"></div>
-          <div class="btnText">发起推荐</div>
-        </div>
-      </div>
+
+      <!-- 搜索框及按钮 -->
     </div>
-    <!-- 搜索框及按钮 -->
+
     <!-- 表格 -->
-    <div class="tableBox">
-      <a-table style="border: 1px solid #f2f6fe" :columns="column" :data-source="state.data" :loading="!loading"
-        :scroll="{ x: 1100 }" :pagination="false">
-        <template #operation="{ record }">
-          <a-space style="padding-right: 10px">
-            <a-button @click="downloadInfo(record)" type="link">信息下载
+    <div style="padding: 10px 35px">
+      <a-table
+        :header-cell-style="{ 'text-align': 'center' }"
+        style="border: 1px solid #f2f6fe"
+        :columns="columns1"
+        :data-source="tableData1"
+        :loading="tableLoading"
+        :pagination="false"
+        :scroll="{ x: 'max-content' }"
+      >
+        <template #action="{ text, record, index }">
+          <a-space :key="record.id">
+            <a-button
+              v-if="(record.auditStatus === 2 || record.auditStatus === 3) && !record.publishStatus && checkPer(record.permissions,createId)"
+              @click="() => handlePush(text, index)"
+              type="link"
+              >发布
+            </a-button>
+            <a-button
+              v-if="record.auditStatus === 0 && checkPer(record.permissions,createId)"
+              @click="() => handleSubmit(text, index)"
+              type="link"
+              >提交审核
+            </a-button>
+            <a-button
+              v-if="(record.auditStatus === -1 || record.auditStatus === 2 || record.auditStatus === 3) && !record.publishStatus && checkPer(record.permissions,createId)"
+              @click="() => handleEdit(record, String(record.courseform))"
+              type="link"
+              >编辑
+            </a-button>
+            <a-button
+              v-if="
+                (record.publishStatus === 1)
+              "
+              @click="() => handleStart(record, String(record.courseform))"
+              type="link"
+              >开课
             </a-button>
             <a-button
               @click="() => handleLook(record, String(record.courseform))"
               type="link"
               >查看
             </a-button>
-            <a-button @click="() => handleOper(record, 'withdraw', record.pushProgress)" type="link">
-              {{ state.status[record.pushProgress] }}
-            </a-button>
-            <a-button @click="handleOper(record, 'del')" danger type="link">删除
+            <a-button
+              v-if="
+                (record.auditStatus === 2 || record.publishStatus)
+              "
+              @click="() => handleGuan22(record, String(record.courseform))"
+              type="link"
+              >管理
             </a-button>
+            <DropDown
+              v-if="checkOwner(record.permissions)"
+              value="授权"
+            >
+              <OwnerTableModelStudent :types="[10, 11, 12]" :id="record.id" :type="12"
+                >权限名单</OwnerTableModelStudent
+              >
+              <CommonStudent :type="10" :id="record.id" title="查看权"
+                >查看权</CommonStudent
+              >
+              <CommonStudent :type="11" :id="record.id" title="管理权"
+                >管理权</CommonStudent
+              >
+            </DropDown>
+            <DropDown v-if="checkPer(record.permissions,createId)" value="更多">
+              <a-button @click="() => handleCopy(text)" type="link" block>复制</a-button>
+              <a-button
+                v-if="
+                  (record.auditStatus === 1 || record.auditStatus === 2 || record.publishStatus) &&
+                  record.status &&
+                  checkPer(record.permissions,createId)
+                "
+                @click="() => handleRejectExit(text, index, record)"
+                type="link"
+                block
+                >撤回</a-button
+              >
+              <a-button
+                v-if="
+                  record.publishStatus&&
+                  record.status &&
+                  checkPer(record.permissions,createId)
+                "
+                @click="() => handleStop(record)"
+                type="link"
+                block
+                >停用</a-button
+              >
+              <a-button
+                v-if="
+                  record.publishStatus&&
+                  !record.status &&
+                  checkPer(record.permissions,createId)
+                "
+                @click="() => handleOpen(record)"
+                type="link"
+                block
+                >启用</a-button
+              >
+              <a-button
+                v-if="record.publishStatus!==1 || !record.status"
+                @click="() => handleDelete(text, index, record)"
+                type="link"
+                block
+                danger
+                >删除
+              </a-button>
+            </DropDown>
           </a-space>
         </template>
       </a-table>
     </div>
-    <div class="modalMain">
-        <div class="onlinemanage" :style="{ display: om_1 ? 'block' : 'none' }">
-          <div class="om_main">
-            <div class="om_body">
-              <div class="b_sub">
-                <div class="b_title">课程：{{ newCourseName }}</div>
-                <div class="bs_type" style="margin-left: 20px">类型：</div>
-                <div class="bs_right">{{ faceType }}</div>
-                <div class="bs_left">内容分类：</div>
-                <div class="bs_right">{{ faceClassification }}</div>
-                <div class="bs_left">状态：</div>
-                <div class="bs_right">
-                  {{ faceStatus == 1 ? "已启用" : "已停用" }}
-                </div>
-              </div>
-              <a-tabs
-                class="b_menu"
-                v-model:activeKey="faceManageTab"
-                size="large"
-                :tabBarStyle="{ marginLeft: '10px' }"
-                @change="faceManageChange"
-              >
-              
-                <a-tab-pane key="1" tab="学习记录">
-                  <div class="b_menunav">
-                    <div class="bm_select">
-                      <a-select
-                        class="select"
-                        ref="select"
-                        placeholder="请选择状态"
-                        v-model:value="gl_selectV2"
-                        style="width: 200px"
-                        :options="options11"
-                        allowClear
-                        @focus="focus"
-                        @change="handleChange"
-                      >
-                      
-                      </a-select>
-                    </div>
-                    <div class="bm_input">
-                      <a-input
-                        v-model:value="gl_inputV2"
-                        style="width: 200px; height: 40px; border-radius: 8px"
-                        placeholder="姓名"
-                      />
-                    </div>
-                    <div class="bm_btn">
-                      <div class="btn btn1" @click="handleSearchTable3">
-                        <div class="search"></div>
-                        <div class="btnText">搜索</div>
-                      </div>
-                      <div class="btn btn2" @click="reseatSearchTable3">
-                        <div class="search"></div>
-                        <div class="btnText">重置</div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="bm_table" style="margin-bottom: 20px">
-                    <a-table
-                      :columns="columns2"
-                      :data-source="tableData3"
-                      :loading="manageStuLoading"
-                      :pagination="false"
-                    >
-                      <template #bodyCell="{ column }">
-                        <template v-if="column.key === 'opacation'">
-                          <a @click="ckxq_hs">查看详情</a>
-                        </template>
-                      </template>
-                    </a-table>
-                    <div class="tableBox" style="margin-top: 50px">
-                      <div class="pa">
-                        <a-pagination
-                          :showSizeChanger="false"
-                          showQuickJumper="true"
-                          hideOnSinglePage="true"
-                          :pageSize="pageSize222"
-                          :current="currentPage222"
-                          :total="tableDataTotal222"
-                          class="pagination"
-                          @change="handelChangePage222"
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </a-tab-pane>
-              </a-tabs>
-            </div>
-          </div>
-        </div>
+    <div class="pa">
+      <a-pagination
+        v-if="tableDataTotal1 > 10"
+        :showSizeChanger="false"
+        :showQuickJumper="true"
+        :hideOnSinglePage="true"
+        :pageSize="pageSize1"
+        :current="currentPage1"
+        :total="tableDataTotal1"
+        class="pagination"
+        @change="handelChangePage1"
+      />
     </div>
-    <div class="pa" style="display: flex; justify-content: flex-end; padding: 0 38px">
-      <a-pagination show-quick-jumper :pageSize="searchData.pageSize" :current="searchData.pageIndex" :total="state.total"
-        class="pagination" @change="handelChangePage" show-size-changer />
-    </div>
-    <RecommendedCourse v-model:visible="newNext" :title="推荐课程"></RecommendedCourse>
-    <SeeModal
-      :visible="lookCourseModal"
-      :detail="faceDetailObj"
-      @cancel="ft_exit_see"
-    />
+    <!-- 表格 -->
+
   </div>
+
+  <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
+    <a-spin :spinning="addLoading" tip="" />
+  </div>
+
 </template>
-<script setup lang="jsx">
-import { ref, onMounted, reactive, watch, toRefs } from "vue";
-import { Form, message,} from "ant-design-vue";
-import { boeRequest } from "@/api/request";
-import useDownload from '@/hooks/useDownload'
+<script lang="jsx">
 import {
-  RECOMMEND_PAGE,
-  deleteResearch,
-  caseInfoDownload,
-  rePushOrWithdraw,
-} from "@/api/case";
+  reactive,
+  toRefs,
+  defineComponent,
+  ref,
+  shallowRef,
+  onMounted,
+  onBeforeUnmount,
+  watch,
+  computed,
+} from "vue";
+
+import * as apis from "../../api/indexTaskManage";
+import { message } from "ant-design-vue";
+import { useRouter, useRoute } from "vue-router";
+import CommonStudent from "@/components/student/CommonStudent";
+import OwnerTableModelStudent from "@/components/student/OwnerTableModelStudent";
+import addOnlineCourse from "../../components/Modals/addOnlineCourse.vue";
+
+import ProjOwnerShip from "../../components/drawers/ProjectOwn";
+import NameInput from "../../components/project/NameInput";
+import ProjPowerList from "../../components/drawers/ProjPowerList";
+import ProjCheckShip from "../../components/drawers/ProjCheckPower";
+import AssessmentList from "../../components/drawers/AssessmentList.vue";
 import dialog from "@/utils/dialog";
-import RecommendedCourse from "@/components/courserecommended/RecommendedCourse.vue";
-import { checkMenu } from "@/utils/utils";
-import SeeModal from "@/components/courserecommended/CourseRecommended.vue";
-const column = [
-  {
-    title: "推荐人",
-    dataIndex: "recommendBy",
-    key: "recommendBy",
-    width: "10%",
-    align: "center",
-    ellipsis: true,
-    className: "h",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
+// import { queryAssessmentDetailList } from "@/api/indexResearch";
+import {
+  list,
+  detail,
+  handle,
+  deletePlan,
+  planList,
+  editPlan,
+  studentList,
+  addStudent,
+  studentExport,
+  handleStudent,
+  getMemberInfoApi,
+  copyCoursePlan,
+  copyCourse,
+} from "@/api/indexCourse";
+import {
+  traverseArr,
+  getdateToTime,
+  newFile,
+  getdateToDate,
+} from "../../utils/utils";
+import { validateName } from "@/api/index1";
+import { fileUp } from "../../api/indexEval";
+import * as api1 from "../../api/index1";
+
+import "@wangeditor/editor/dist/css/style.css";
+import ProjectManager from "@/components/project/ProjectManagerNew";
+
+import SeeModal from "./components/seeModal.vue";
+import CourseModal from "./courseModal.vue";
+import * as moment from "moment";
+import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue";
+import { codeUrl, toDate } from "@/api/method";
+import { queryWorkDetailById } from "@/api/indexWork";
+import { queryExaminationDetailById } from "@/api/indexExam";
+import AddHomework from "../../components/drawers/CommonHomework.vue";
+import AddTest from "../../components/drawers/CommonTest.vue";
+import TableStudent from "@/components/student/TableStudent";
+import FJUpload from "@/components/common/FJUpload";
+import {auditStudentStatus} from "@/api/indexProjStu";
+import { useStore } from "vuex";
+import DropDown from "@/components/common/DropDown";
+import { checkPer, checkOwner } from "@/utils/utils";
+import dayjs from "dayjs";
+import {duration} from "moment";
+
+//列表表格
+
+export default defineComponent({
+  components: {
+    // OwnPower,
+    // Corpowerlist,
+    CommonStudent,
+    DropDown,
+    OwnerTableModelStudent,
+    SeeModal,
+    CourseModal,
+    FJUpload,
+    // StuAdd,
+    ProjectManager,
+    ProjOwnerShip,
+    ProjPowerList,
+    ProjCheckShip,
+    AssessmentList,
+    AddHomework,
+    AddTest,
+    NameInput,
+    TableStudent,
+    // VNodes: (_, {attrs}) => {
+    //   return attrs.vnodes;
+    // },
+    addOnlineCourse,
+    TwoDimensionalCode,
   },
-  {
-    title: "列表包名称",
-    dataIndex: "listPageName",
-    key: "listPageName",
-    width: "20%",
-    align: "center",
-    className: "h",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "推荐时间",
-    dataIndex: "recommendTime",
-    key: "recommendTime",
-    width: "20%",
-    align: "center",
-    className: "h",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "课程数",
-    dataIndex: "courseCount",
-    key: "courseCount",
-    width: "10%",
-    align: "center",
-    className: "h",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "用户数",
-    dataIndex: "userCount",
-    key: "userCount",
-    width: "10%",
-    align: "center",
-    className: "h",
-    customRender: ({ text }) => {
-      return text ? text : "-";
-    },
-  },
-  {
-    title: "推送进度",
-    dataIndex: "pushProgress",
-    key: "pushProgress",
-    width: "15%",
-    align: "center",
-    className: "h",
-    customRender: ({ text }) => {
-      switch (text) {
-        case 1:
-          return <span>推送中</span>;
-        case 2:
-          return <span>推送中</span>;
-        case 3:
-          return <span>已完成</span>;
-        case 4:
-          return <span style={{ color: "red" }}>推送失败</span>;
-        case 5:
-          return <span>推送撤回</span>;
-        default:
-          return <span>-</span>;
+  setup() {
+    const CourseModalRef = ref(null);
+    const store = useStore();
+    const sysTypeOptions = computed(() => store.state.content_type);
+    const durationText = computed(() => state.xjkkinputV3?.length?dayjs(state.xjkkinputV3[1]).diff(dayjs(state.xjkkinputV3[0]),'minute'):'请输入持续时间');
+
+    const state = reactive({
+      permissions:null,
+      createId:null,
+      workInfo: {},
+      examInfo: {},
+      tableLoading: false,
+      itemType: null,
+      columns1: [
+        {
+          title: "课程编号",
+          width: 130,
+          dataIndex: "offcourseNumber",
+          key: "offcourseNumber",
+          align: "center",
+        },
+        {
+          title: "名称",
+          width: 400,
+          dataIndex: "name",
+          key: "name",
+          ellipsis: true,
+          align: "left",
+          customRender: ({ text }) => {
+            return text ? text : "-";
+          },
+        },
+        {
+          title: "关键字",
+          dataIndex: "tips",
+          key: "tips",
+          align: "left",
+          customCell  :() => {return {style: {maxWidth: '200px',overflow: 'hidden',whiteSpace: 'nowrap',textOverflow:'ellipsis',cursor:'pointer'}}},
+          customRender: ({ text }) => {
+            return <a-tooltip placement="topLeft" title = {text} >{text ? text : "-"}</a-tooltip>
+          },
+        },
+        {
+          title: "内容分类",
+          width: 130,
+          dataIndex: "contentTxt",
+          ellipsis: true,
+          key: "contentTxt",
+          align: "center",
+          customRender: ({ record }) =>
+            findClassFullName(sysTypeOptions.value, record.sysTypeId) || "-",
+        },
+    
+        {
+          title: "状态",
+          width: 130,
+          dataIndex: "auditStatus",
+          key: "6",
+          align: "center",
+          customRender: ({ record }) => {
+            switch (String(record.auditStatus)) {
+              case "0":
+                return "未提交";
+              case "1":
+                return "待审核";
+              case "2":
+                return "已审核";
+              case "3":
+                return "已审核";
+              case "-1":
+                return "审核未通过";
+            }
+          },
+        },
+        {
+          title: "是否发布",
+          width: 100,
+          dataIndex: "publishStatus",
+          key: "7",
+          align: "center",
+          customRender: ({ record }) =>
+            record.publishStatus? "已发布" : "未发布",
+        },
+        {
+          title: "创建人",
+          width: 100,
+          dataIndex: "createName",
+          key: "8",
+          ellipsis: true,
+          align: "center",
+          customRender: ({ text }) => {
+            return text ? text : "-";
+          },
+        },
+        {
+          title: "创建时间",
+          width: 100,
+          dataIndex: "createTime",
+          key: "9",
+          ellipsis: true,
+          align: "center",
+          customRender: ({ text }) => {
+            return text ? text : "-";
+          },
+        },
+   
+        {
+          title: "是否停用",
+          width: 100,
+          key: "status",
+          dataIndex: "status",
+          align: "center",
+          customRender: ({ record }) =>
+            record.publishStatus? (record.status ? "启用" : "停用") : "-",
+        },
+        {
+          title: "操作",
+          width: 250,
+          dataIndex: "id",
+          key: "id",
+          fixed: "right",
+          align: "right",
+          slots: { customRender: "action" },
+        },
+      ],
+
+      shipType: 1,
+      addLoading: false,
+      currentPlanItem: {},
+      teacherId: null,
+      teacher: null,
+      selectedRowKeys7: [],
+      auditDescription: "",
+      isEdit: 0,
+      member: { name: "", value: "" },
+
+      stuColumns: [],
+      currentPage1: 1,
+      tableDataTotal1: -1,
+      pageSize1: 10,
+
+      currentPageTea1: 1,
+      tableDataTotalTea1: 0,
+      pageSizeTea1: 10,
+      currentPageTea2: 1,
+      tableDataTotalTea2: 0,
+      pageSizeTea2: 10,
+
+      Stuvisible: false, //添加学员
+
+      currentPage: 1,
+      tableDataTotal: 100,
+      pageSize: 10,
+      selectedRowKeys: [],
+      faceManageTab: "1",
+      of_hs: false,
+      hideshow: true,
+      bs_hs: false,
+      ft_hs: false,
+      lookMs: false,
+      om_1: false,
+      ft_1: false,
+      om_ckxq: false,
+      stm_hs: false,
+      cstm_hs: false,
+      sm_hs: false,
+      QR_hs: false,
+      closableQR: false,
+      rg_hs: false,
+      piliang: false,
+      graduate_hs: false,
+      agreereject_hs: false,
+      agreestudy_hs: false,
+      rejectstudy_hs: false,
+      delete_hs: false,
+      submit_hs: false,
+      push_hs: false,
+      back_hs: false,
+      del_hs: false,
+      del_hs_stu: false,
+      copy_hs: false,
+      nouse_hs: false,
+      // 二维码标题状态
+      qrQR_hs: false,
+      olQR_hs: false,
+      ftQR_hs: false,
+      ftsQR_hs: false,
+      vipftQR_hs: false,
+      //抽屉状态
+      ownpowervisible: false,
+      corpowerlistvisible: false,
+
+      lookCourseModal: false,
+      faceDetailObj: {},
+
+      offcourseId: null,
+      temp: null,
+      useCourse: false,
+      stopCourse: false,
+      projectName: "",
+      name: "",
+      createName: "",
+      auditStatus: null,
+      categoryId: undefined,
+      sysTypeId: undefined,
+      projectTime: "",
+
+      //列表
+      value1: "",
+      value2: "",
+      value3: "",
+      value4: "",
+      //选择线上还是面授
+      xzinputV1: "",
+      valueE1: "",
+      valueE2: "",
+      //确定面授
+      ft_eidt: false,
+      statusJuJue: 0,
+      statusTingQi: 1,
+      qdms_inputV1: "",
+      qdms_inputV2: "",
+      qdms_inputV3: "",
+      qdms_inputV4: [],
+      tagsOptions: [],
+      qdms_inputV5: null,
+      fen_lei: null,
+      feng_mian_1: null,
+      feng_mian_2: null,
+      chang_jin: null,
+      tags_val_single: "",
+      tags_val: [],
+      qdms_inputV6: "",
+      //在线面授管理
+      gl_selectV1: undefined,
+      gl_selectV2: undefined,
+      gl_inputV1: "",
+      gl_inputV2: "",
+      manageStuLoading: true,
+      currentFaceId: "",
+      //开课
+      kk_eidt: false,
+      kkinputV1: "",
+      kkinputV2: "",
+      //新建开课
+      xjkkradioV1: false,
+      completeType: "",
+      xjkkinputV1: "",
+      onceName: "",
+      xjkkinputV2: "",
+      duration: "",
+      xjkkinputV3: "",
+      xjkkinputV4: null,
+      beforeValue: null, //考勤 开始前
+      afterStartValue: null, //考勤 开始后
+      //开课学员管理
+      xygl_inputV1: "",
+      //录入成绩
+      lrcj_inputV1: "",
+      scoreId: null, //录入成绩id
+      isgetStudent: false, //是否重新获取学员
+      //结业
+      jyradioV1: "",
+
+      imageUrl: "",
+      imgList: [],
+      validated: 0,
+      attach: "",
+      pageSize2: 10,
+      currentPage2: 1,
+      tableDataTotal2: 0,
+      pageSize22: 10,
+      currentPage22: 1,
+      tableDataTotal22: 0,
+      pageSize222: 10,
+      currentPage222: 1,
+      tableDataTotal222: 0,
+      kk_inputV1: "",
+      kk_inputV2: "",
+      selectTime: "",
+
+      pageSize3: 10,
+      currentPage3: 1,
+      tableDataTotal3: 0,
+
+      checked1: false,
+      checked4: false,
+      offcoursePlanId: 0,
+      filesList: [],
+      signCom: false,
+      regisCom: false,
+      comLeave: false,
+      studentId: 0,
+      homeWorkId: null,
+      studentItem: {},
+      addOnlineCoursevisible: false, //新建面授弹窗
+
+      selectCourseId: null, //授权选择的id
+
+      viewpowervisible: false, //查看权抽屉
+      authClassify: null, //1：查看权 2：管理权 3：学员
+      addAuthList: null,
+
+      addStudentList: null, //选中列表
+
+      newCourseName: null, //新建开课名称
+      EditWorkId: null,
+      assessment: {},
+      assessmentId: null,
+      workName: null,
+      EditTestId: null,
+      testName: null,
+      assessmentName: "",
+      assessmentVisible: false,
+      addhomeworkvisible: false,
+      addtestvisible: false,
+      codevisible: false, //二维码弹窗
+      codeIndex: null,
+      codeInfo: null, //二维码内容
+      codeUrl: codeUrl,
+
+      // 课程三级分类
+      options2222: [
+        {
+          title: "领导力",
+          value: "100",
+          children: [
+            {
+              title: "管理业务",
+              value: "1001",
+            },
+            {
+              title: "管理团队",
+              value: "1002",
+            },
+            {
+              title: "管理自我",
+              value: "1003",
+            },
+          ],
+        },
+        {
+          title: "专业力",
+          value: "200",
+          children: [
+            {
+              title: "研发",
+              value: "2001",
+            },
+            {
+              title: "系统和解决方案",
+              value: "2002",
+            },
+            {
+              title: "生产技术与制造",
+              value: "2003",
+            },
+            {
+              title: "供应链",
+              value: "2004",
+            },
+            {
+              title: "营销",
+              value: "2005",
+            },
+            {
+              title: "品质",
+              value: "2006",
+            },
+            {
+              title: "专业职能",
+              value: "2007",
+              children: [
+                {
+                  title: "战略与企划",
+                  value: "200701",
+                },
+                {
+                  title: "流程管理",
+                  value: "200702",
+                },
+                {
+                  title: "业绩管理",
+                  value: "200703",
+                },
+                {
+                  title: "项目管理",
+                  value: "200704",
+                },
+                {
+                  title: "信息技术",
+                  value: "200705",
+                },
+                {
+                  title: "环境与安全",
+                  value: "200706",
+                },
+                {
+                  title: "人力资源",
+                  value: "200707",
+                },
+                {
+                  title: "企业文化",
+                  value: "200708",
+                },
+                {
+                  title: "品牌",
+                  value: "200709",
+                },
+                {
+                  title: "财务",
+                  value: "200710",
+                },
+                {
+                  title: "法务",
+                  value: "200711",
+                },
+                {
+                  title: "风险控制",
+                  value: "200712",
+                },
+                {
+                  title: "行政",
+                  value: "200713",
+                },
+              ],
+            },
+            {
+              title: "医工",
+              value: "2008",
+            },
+          ],
+        },
+        {
+          title: "通用力",
+          value: "300",
+          children: [
+            {
+              title: "职业操守与道德",
+              value: "3001",
+            },
+            {
+              title: "职业素养与技能",
+              value: "3002",
+            },
+            {
+              title: "规章制度",
+              value: "3003",
+            },
+          ],
+        },
+      ],
+
+      // 点击开课管理 -- 显示得信息
+      faceType: "面授课", // 面授课类型
+      faceClassification: "", // 课程内容分类
+      faceStatus: "", // 课程状态
+
+      codeType: null, //二维码类型
+    });
+
+    function timeChange(time, timeStr) {
+      // state.duration || (state.duration = dayjs(timeStr[1]).diff(dayjs(timeStr[0]),'minute'))
+    }
+
+    function findClassFullName(list, classify, name = "") {
+      return (
+        (list &&
+          list.length > 0 &&
+          list
+            .map((e) =>
+              classify == e.code
+                ? name
+                  ? name + "-" + e.name
+                  : e.name
+                : findClassFullName(
+                    e.children,
+                    classify,
+                    name ? name + "-" + e.name : e.name
+                  )
+            )
+            .filter((name) => name)
+            .join("")) ||
+        ""
+      );
+    }
+
+    const showStuAdd = (record) => {
+      state.selectCourseId = record.offcoursePlanId;
+      state.shipType = 2;
+      state.authClassify = 3;
+      state.viewpowervisible = true;
+    };
+
+    //  富文本 sssssssssssssss
+    // 编辑器实例，必须用 shallowRef
+    const editorRef = shallowRef();
+    // 内容 HTML
+    const valueHtml = ref("");
+    // // 模拟 ajax 异步获取内容
+    onMounted(() => {});
+
+    const toolbarConfig = {
+      excludeKeys: ["insertVideo", "insertImage"],
+    };
+    const editorConfig = { placeholder: "请输入内容...", MENU_CONF: {} };
+    editorConfig.MENU_CONF["uploadImage"] = {
+      // 自定义上传
+      async customUpload(file, insertFn) {
+        const formData = new FormData();
+        formData.append("file", file);
+        fileUp(formData).then((res) => {
+          if (res.data.code === 200) {
+            // 最后插入图片
+            insertFn(res.data.data, file.name, res.data.data);
+          }
+        });
+      },
+    };
+    const handleCreated = (editor) => {
+      console.log("toolbar2222222222333333322222");
+      console.log(editorRef.value);
+      editorRef.value = editor; // 记录 editor 实例，重要！
+    };
+    // 组件销毁时，也及时销毁编辑器
+    onBeforeUnmount(() => {
+      const editor = editorRef.value;
+      if (editor == null) return;
+      editor.destroy();
+    });
+    //  富文本 eeeeeeeeeeeeee
+
+    const route = useRoute();
+    console.log(route);
+    const router = useRouter();
+    console.log(router);
+
+    const beforeUpload = (file) => {
+      return new Promise((resolve, reject) => {
+        const isJpgOrPng =
+          file.type === "image/jpg" ||
+          file.type === "image/jpeg" ||
+          file.type === "image/png" ||
+          file.type === "image/svg" ||
+          file.type === "image/bmp" ||
+          file.type === "image/gif";
+        if (!isJpgOrPng) {
+          message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!");
+          return reject(false);
+        }
+
+        console.log(file.size);
+        let isLt1M = file.size / 10240 / 10240 <= 1;
+        if (!isLt1M) {
+          this.$message.error("图片大小超过10MB!");
+          return reject(false);
+        }
+
+        let w = 0,
+          h = 0;
+        let reader = new FileReader();
+        reader.readAsDataURL(file);
+        reader.onload = () => {
+          const image = new Image();
+          image.src = reader.result;
+          image.onload = () => {
+            w = image.width;
+            h = image.height;
+            const ratio = 800 / 450;
+            if (w / h == ratio) {
+              // 图片比例为800*450横纵比一致
+
+              const formData = new FormData();
+              formData.append("file", file);
+              console.log(file);
+              fileUp(formData).then((res) => {
+                if (res.data.code === 200) {
+                  state.imageUrl = res.data.data;
+                  // state.hasImgName = file.name;
+                  // emit("src", { id: curItem.value.id, src: res.data.data });
+                }
+              });
+              return resolve(true);
+            } else {
+              message.error(
+                "图片尺寸错误，只能上传800*450(高宽比例为16：9)横纵比一致的图片"
+              );
+              return reject(false);
+            }
+          };
+        };
+
+        return reject(false);
+      });
+    };
+    const beforeUpload2 = (file) => {
+      console.log(6765555);
+      console.log(file);
+      const fileType = [
+        "jpg",
+        "jpeg",
+        "png",
+        "gif",
+        "pdf",
+        "ppt",
+        "pptx",
+        "doc",
+        "docx",
+        "xls",
+        "xlsx",
+        "zip",
+      ];
+      if (!fileType.includes(file.name.split(".")[1])) {
+        message.error(
+          "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
+        );
+        return false;
       }
-    },
-  },
-  {
-    title: "查看率",
-    dataIndex: "viewRate",
-    key: "viewRate",
-    width: "10%",
-    align: "center",
-    className: "h",
-    customRender: ({ text }) => {
-      return text ? text : "0%";
-    },
-  },
-  {
-    title: "完成比",
-    dataIndex: "viewRate",
-    key: "viewRate",
-    width: "10%",
-    align: "center",
-    className: "h",
-    customRender: ({ text }) => {
-      return text ? text : "0%";
-    },
-  },
-];
-//查看
+
+      // let isLt1M = file.size / 10240 / 10240 <= 1;
+      // if (!isLt1M) {
+      //   this.$message.error("图片大小超过10MB!");
+      //   return false;
+      // }
+
+      const formData = new FormData();
+      formData.append("file", file);
+      console.log(file);
+      fileUp(formData).then((res) => {
+        if (res.data.code === 200) {
+          state.imgList.push({
+            img: res.data.data,
+            name: file.name,
+            size: file.size,
+          });
+          console.log(state.imgList);
+          // state.hasImgName = res.data.data;
+        }
+      });
+      return false;
+    };
+    const handleDel = (index) => {
+      state.imgList.splice(index, 1);
+    };
+    const handleDel2 = (index) => {
+      state.filesList.splice(index, 1);
+    };
+
+    // 渲染列表1操作
+    const getTableDate = async () => {
+      state.tableLoading = true;
+      console.log("我是点击搜索的数据", state.sysTypeId);
+      let startTime = "";
+      let endTime = "";
+      if (state.projectTime) {
+        startTime = toDate(
+          new Date(state.projectTime[0].$d).getTime() / 1000,
+          "Y-M-D"
+        );
+        endTime = toDate(
+          new Date(state.projectTime[1].$d).getTime() / 1000,
+          "Y-M-D"
+        );
+      }
+      let res = await list({
+        pageNo: state.currentPage1,
+        pageSize: state.pageSize1,
+        auditStatus: state.auditStatus,
+        // categoryId: state.categoryId,
+        sysTypeId: state.sysTypeId,
+        projectName: state.projectName,
+        name: state.name,
+        createName: state.createName,
+        endTime: endTime,
+        beginTime: startTime,
+      });
+      const { rows, total } = res.data.data;
+      state.tableData1 = rows;
+      state.tableDataTotal1 = total;
+      state.tableLoading = false;
+      // itm.pageNo = pageNo;
+      // itm.contentTxt = findClassFullName(sysTypeOptions.value, itm.sysTypeId) || "-";
+      console.log("state.tableData1", state.tableData1);
+    };
+
+    getTableDate();
+    const handelChangePage1 = (page, pageSize) => {
+      state.currentPage1 = page;
+      state.pageSize1 = pageSize;
+      getTableDate();
+    };
+    const handleSearch1 = () => {
+      getTableDate();
+    };
+    const handleRest1 = () => {
+      state.projectName = "";
+      state.name = "";
+      state.createName = "";
+      state.auditStatus = null;
+      state.sysTypeId = null;
+      state.projectTime = "";
+      getTableDate();
+    };
+
+    const handleSucessStu = (itm) => {
+      console.log(itm);
+      state.studentId = itm.studentId;
+      state.studentItem = itm;
+
+      state.agreereject_hs = true;
+      state.agreestudy_hs = true;
+    };
+    const handleRejectStu = (itm) => {
+      console.log(itm);
+      state.studentId = itm.studentId;
+      state.studentItem = itm;
+
+      state.agreereject_hs = true;
+      state.rejectstudy_hs = true;
+    };
+    const handleDeleteStu = (itm) => {
+      console.log(itm);
+      state.studentId = itm.studentId;
+      state.studentItem = itm;
+
+      state.delete_hs = true;
+      state.del_hs = true;
+      state.del_hs_stu = true;
+    };
+    const handlJoinStu = (itm) => {
+      console.log(itm);
+      state.studentId = itm.studentId;
+      state.studentItem = itm;
+
+      state.rg_hs = true;
+      state.scoreId = itm.id;
+    };
+    const handleOverStu = (itm) => {
+      console.log("点击结业", itm);
+      state.studentId = itm.studentId;
+      state.studentItem = itm;
+
+      state.graduate_hs = true;
+    };
+
+    //快速选人 选中的数组
+    const onSelectChange7 = (selectedRowKeys, item) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys, item);
+      state.selectedRowKeys7 = selectedRowKeys;
+      if (selectedRowKeys.length) {
+        state.piliang = true;
+      } else {
+        state.piliang = false;
+      }
+      // state.choosepeople = item.reverse();
+      // console.log(item, "选中你了！", state.choosepeople);
+      // selectedsHeight();
+    };
+    const handleAllJion = () => {
+      console.log(111);
+      if (state.piliang) {
+        state.rg_hs = true;
+      }
+    };
+    const handleAllover = () => {
+      console.log(111);
+
+      if (state.selectedRowKeys7.length === 0) {
+        return;
+      }
+
+      handleStudent({
+        offcoursePlanId: state.offcoursePlanId,
+        score: "",
+        studentIds: state.selectedRowKeys7,
+        type: 2,
+      }).then((res) => {
+        console.log(res);
+        getTableDate2();
+      });
+    };
+    const handleAllSuc = () => {
+      console.log(111);
+
+      if (state.selectedRowKeys7.length === 0) {
+        return;
+      }
+
+      handleStudent({
+        offcoursePlanId: state.offcoursePlanId,
+        score: "",
+        studentIds: state.selectedRowKeys7,
+        type: 3,
+      }).then((res) => {
+        console.log(res);
+        getTableDate2();
+      });
+    };
+    const handleAllReject = () => {
+      console.log(111);
+
+      if (state.selectedRowKeys7.length === 0) {
+        return;
+      }
+
+      handleStudent({
+        offcoursePlanId: state.offcoursePlanId,
+        score: "",
+        studentIds: state.selectedRowKeys7,
+        type: 4,
+      }).then((res) => {
+        console.log(res);
+        getTableDate2();
+      });
+    };
+
+    const handleExportStu = () => {
+      console.log(55533);
+      console.log(state.offcoursePlanId);
+
+      studentExport({
+        pageNo: state.currentPage3,
+        pageSize: state.pageSize3,
+        // applyStatus: state.auditStatus,
+        // evalStatus: state.categoryId,
+        // name: state.projectName,
+        // signStatus: state.name,
+        // status: state.name,
+        offcoursePlanId: state.offcoursePlanId,
+      }).then((res) => {
+        // 流文件？？？
+        console.log("res33333");
+        console.log(res);
+
+        newFile(res.data.data);
+      });
+    };
+
+    const showAssessment = () => {
+      state.assessmentVisible = true;
+    };
+    const showDrawerAddHomework = () => {
+      state.addhomeworkvisible = true;
+    };
+    const showDrawerAddTest = () => {
+      state.addtestvisible = true;
+    };
+    const logW = () => {
+      state.workInfo = {};
+    };
+    const logT = () => {
+      state.examInfo = {};
+    };
+    const removePG = () => {
+      console.log("11111");
+      state.assessmentId = null;
+      state.assessmentName = "";
+      // state.isEvaluate = "0";
+    };
+    const getCheckedAss = (ass) => {
+      console.log("ass");
+      console.log(ass);
+      state.assessmentId = ass.assessmentId;
+      state.assessmentName = ass.name;
+      state.assessment = ass;
+      // state.assessment1 = null;
+    };
+
+    const rest = () => {
+      options4CurName.value = "";
+      options4CurId.value = "";
+      state.teacher = null;
+      state.teacherId = null;
+    };
+    const handleChangeTea1 = (val) => {
+      console.log(787877);
+      console.log(val);
+
+      rest();
+    };
+    const handelChangePageTea1 = (page, pageSize) => {
+      state.currentPageTea1 = page;
+      state.pageSizeTea1 = pageSize;
+      rest();
+    };
+    const handleChangeTea2 = (val) => {
+      console.log(787877);
+      console.log(val);
+      options4CurName.value = val;
+      rest();
+    };
+    const handelChangePageTea2 = (page, pageSize) => {
+      state.currentPageTea2 = page;
+      state.pageSizeTea2 = pageSize;
+      rest();
+    };
+
+    //获取分类、场景、封面图、-----------字典配置-------------------------------
+    const optionsUrl = ref([]);
+    //获取分类、场景、封面图、----------------字典配置---------------------------
+
+    //渲染学员管理操作
+    const getTableDate2 = async () => {
+      // let data2 = state.tableData7;
+      let obj = {
+        pageNo: state.currentPage3,
+        pageSize: state.pageSize3,
+        offcoursePlanId: state.offcoursePlanId,
+        name: state.xygl_inputV1,
+      };
+      console.log("获取学员信息", obj);
+      let res = await studentList(obj);
+      console.log("获取学员列表", res);
+      const { rows, total, pageNo } = res.data.data;
+      state.tableDataTotal3 = total;
+
+      for (let i = 0; i < rows.length; i++) {
+        rows[i].num = i + 1 + (state.currentPage3 - 1) * 10;
+      }
+      rows.forEach((item, index) => {
+        rows[index] = {
+          ...item,
+          ...item.userInfoBo,
+        };
+      });
+      const data2 = traverseArr(
+        rows,
+        {
+          key: "studentId",
+          num: "num",
+          name: "name",
+          number: "studentId",
+          department: "deptName",
+          postion: "jobName",
+          band: "bandDesc",
+          status: "applyStatus",
+          join: "source",
+          signstatus: "signStatus",
+          evastatus: "evalStatus",
+          overstatus: "status",
+        },
+        true
+      );
+      data2.forEach((itm) => {
+        itm.pageNo = pageNo;
+      });
+      state.tableData7 = data2;
+    };
+    getTableDate2();
+    // 渲染开课操作
+
+    const handleSearchTable2 = () => {
+      console.log(7878);
+      // getTableDate33();
+    };
+    const handleSearchTable3 = () => {
+      state.manageStuLoading = true;
+      state.currentPage222 = 1
+      getCourseStudentList();
+    };
+
+    const reseatSearchTable3 = () => {
+      state.currentPage222 = 1;
+      state.gl_inputV2 = "";
+      state.gl_selectV2 = undefined;
+      state.manageStuLoading = true;
+      getCourseStudentList();
+    };
+  
+    const getTableDate3 = async (type) => {
+      state.tableLoading = true;
+      // let datas = state.tableData6;
+      let beginTime = "";
+      let endTime = "";
+      if (state.selectTime) {
+        // beginTime = parseInt(new Date(state.selectTime[0].$d).getTime() / 1000);
+        // endTime = parseInt(new Date(state.selectTime[1].$d).getTime() / 1000);
+        beginTime = dayjs(state.selectTime[0]).format("YYYY-MM-DD HH:mm:ss");
+        // toDate(
+        //   new Date(state.selectTime[0].$d).getTime() / 1000,
+        //   "Y-M-D h:m:s"
+        // );
+        endTime = dayjs(state.selectTime[1]).format("YYYY-MM-DD HH:mm:ss");
+        // toDate(
+        //   new Date(state.selectTime[1].$d).getTime() / 1000,
+        //   "Y-M-D h:m:s"
+        // );
+      }
+      let obj = {
+        pageNo: type?state.currentPage2:state.currentPage222,
+        pageSize: state.pageSize222,
+        createName: state.kk_inputV1,
+        teacher: state.kk_inputV2,
+        beginTime: beginTime,
+        endTime: endTime,
+        offcourseId: state.offcourseId,
+      };
+      console.log("获取开obj", obj, state.selectTime);
+      let res = await planList(obj);
+      state.tableLoading = false;
+      console.log("开课res", res);
+      const { rows, total, pageNo } = res.data.data;
+      state.tableDataTotal222 = total;
+      state.tableDataTotal2 = total;
+
+      for (let i = 0; i < rows.length; i++) {
+        rows[i].num = i + 1 + (state.currentPage222 - 1) * 10;
+      }
+      const datas = traverseArr(
+        rows,
+        {
+          key: "offcoursePlanId",
+          num: "num",
+          organization: "name",
+          address: "address",
+          starttime: "beginTime",
+          createtime: "createTime",
+          createName: "createName",
+        },
+        true
+      );
+      datas.forEach((itm) => {
+        itm.pageNo = pageNo;
+      });
+      state.tableData6 = datas;
+      console.log("state.tableData6", state.tableData6);
+    };
+
+    const options1 = ref([
+      {
+        value: 0,
+        label: "未提交",
+      },
+      {
+        value: 1,
+        label: "待审核",
+      },
+      {
+        value: 2,
+        label: "已审核",
+      },
+      {
+        value: -1,
+        label: "审核未通过",
+      },
+    ]);
+    const options11 = ref([
+      {
+        value: 0,
+        label: "未开始",
+      },
+      {
+        value: 1,
+        label: "已完成",
+      },
+    ]);
+    const options2 = ref([
+      // {
+      //   value: "value2",
+      //   label: "请选择内容分类",
+      // },
+      // {
+      //   value: "leadership",
+      //   label: "领导力",
+      // },
+      // {
+      //   value: "ingeneral",
+      //   label: "通用力",
+      // },
+      // {
+      //   value: "profession",
+      //   label: "专业力",
+      // },
+    ]);
+    const options3 = ref([]);
+    const options4 = ref([
+      // {
+      //   value: "profession",
+      //   label: "专业力",
+      // },
+    ]);
+    // 删除文件返回参数
+    const changevalue = (e) => {
+      let arr = state.attach.split(",");
+      let newarr = [];
+      for (let i = 0; i < arr.length; i++) {
+        if (i !== e) {
+          newarr.push(arr[i]);
+        }
+      }
+      if (newarr.length == 0) {
+        state.attach = "";
+      } else {
+        state.attach = newarr.toString();
+      }
+      console.log("changevalue", e, newarr, state.attach);
+    };
+    const options4CurId = ref("");
+    const options4CurName = ref("张");
+    const of_hShow = () => {
+      state.offcourseId = "";
+      if (state.of_hs == false) {
+        state.of_hs = true;
+      }
+    };
+    const of_exit1 = () => {
+      state.of_hs = false;
+      state.valueE1 = "";
+      state.valueE2 = "";
+      state.xzinputV1 = "";
+      state.hideshow = true;
+      rest();
+    };
+    const of_exit = () => {
+      state.of_hs = false;
+      state.valueE1 = "";
+      state.valueE2 = "";
+      state.xzinputV1 = "";
+      state.hideshow = true;
+    };
+    const hideShow = () => {
+      if (state.hideshow == true) {
+        state.hideshow = false;
+      } else {
+        state.hideshow = true;
+      }
+    };
+    const bs_hShow = (value) => {
+      state.bs_hs = true;
+      if (value != "") {
+        state.valueE1 = "";
+      }
+    };
+    // 弹框提示敬请期待
+    const expectOnline = () => {
+      message.destroy();
+      message.success("功能正在开发中，敬请期待。");
+    };
+    //新建面授课
+    const createft = () => {
+      if (!state.xzinputV1) {
+        message.destroy();
+        return message.warning("请输入课程名称");
+      }
+
+      if (state.validated !== 2) {
+        message.destroy();
+        return message.warning("该课程名称已存在");
+      }
+      console.log(
+        "state.bs_hs && state.valueE1 == 2",
+        state.bs_hs,
+        state.valueE1 == 2
+      );
+      if (!state.valueE1 && !state.valueE2) {
+        message.destroy();
+        return message.warning("请选择课程形式");
+      }
+
+      if (state.valueE1 === 2) {
+        state.of_hs = false;
+        // state.ft_hs = true;
+        CourseModalRef.value.visibleOpen(null, state.xzinputV1);
+
+        state.valueE1 = "";
+        state.teacher = "";
+        state.teacherName = "";
+
+        state.qdms_inputV1 = state.xzinputV1;
+        state.xzinputV1 = "";
+      }
+      if (state.bs_hs && state.valueE1 == 1) {
+        state.addOnlineCoursevisible = true;
+      }
+    };
+    const checkVal = (checkList) => {
+      let count = 0;
+      for (const keyName of checkList) {
+        if (!keyName) {
+          count++;
+        }
+      }
+      return count ? false : true;
+    };
+    const ft_exit_0 = () => {
+      // state.ft_hs = false;
+      CourseModalRef.value.visibleClose();
+    };
+    const ft_exit_1 = () => {
+      // state.ft_hs = false;
+      CourseModalRef.value.visibleClose();
+      // router.go(0);
+    };
+    const ft_exit = () => {
+      state.ft_eidt = false;
+      state.hideshow = true;
+
+      state.offcourseId = null;
+      state.statusJuJue = 1;
+      state.statusTingQi = 1;
+      state.qdms_inputV1 = "";
+      state.imageUrl = "";
+      state.qdms_inputV2 = "";
+      state.qdms_inputV3 = "";
+      state.fen_lei = null;
+      state.feng_mian_1 = null;
+      state.feng_mian_2 = null;
+      state.chang_jin = null;
+      state.tags_val = [];
+      state.qdms_inputV5 = null;
+      state.qdms_inputV6 = "";
+      state.imgList = [];
+      valueHtml.value = "";
+      state.fileList = [];
+    };
+    // 关闭查看
+    const handlelookMs = () => {
+      state.lookMs = false;
+    };
+
+    const om_exit = () => {
+      state.gl_selectV2 = undefined;
+      state.gl_inputV2 = "";
+      state.om_1 = false;
+      state.faceManageTab = "1";
+    };
+    const ckxq_hs = () => {
+      state.om_ckxq = true;
+    };
+    const ftsr_exit = () => {
+      state.om_ckxq = false;
+    };
+    const stm_exit = () => {
+      state.stm_hs = false;
+      handleCancelStu();
+      handleRestTable();
+    };
+    const createkk = () => {
+      state.offcoursePlanId = null;
+      state.itemType = 3;
+      state.member = {};
+      state.cstm_hs = true;
+    };
+    const handleCancelStu = () => {
+      state.cstm_hs = false;
+      state.attach = "";
+
+      state.kk_eidt = false;
+      state.xjkkradioV1 = false;
+      state.completeType = "";
+      state.xjkkinputV1 = "";
+      state.onceName = "";
+      state.xjkkinputV2 = "";
+      state.duration = "";
+      state.xjkkinputV3 = "";
+      state.xjkkinputV4 = null;
+      state.checked1 = false;
+      state.checked4 = false;
+      state.EditTestId = null;
+      state.assessmentId = null;
+      state.assessmentName = "";
+      state.workInfo = {};
+      state.examInfo = {};
+      state.EditWorkId = null;
+      state.beforeValue = null; //考勤 开始前
+      state.afterStartValue = null; //考勤 开始后
+
+      removePG();
+    };
+    //保存开课
+
+    const handleSureStu = async () => {
+      let startTime,
+        endTime = 0;
+      if (state.xjkkinputV3) {
+        startTime = dayjs(state.xjkkinputV3[0]).format("YYYY-MM-DD HH:mm"); //parseInt(state.xjkkinputV3[0].$d.getTime() / 1000);
+        endTime = dayjs(state.xjkkinputV3[1]).format("YYYY-MM-DD HH:mm"); //parseInt(state.xjkkinputV3[1].$d.getTime() / 1000);
+      }
+      const offName = await validateName({
+        name: state.xjkkinputV1,
+        type: 5,
+        id: state.offcoursePlanId,
+      }).then((res) => {
+        console.log(res, res.data.data);
+        return res.data.data === 1;
+      });
+      console.log("校验重复", offName);
+      if (offName) {
+        message.destroy();
+        return message.warning("开课名称重复，请重新填写");
+      }
+      let t = state.signCom ? "1," : "0,";
+      let p = state.comLeave ? "1" : "0";
+      let type = t.concat(p);
+      const postData = {
+        offcourseId: state.offcourseId,
+        id: state.offcoursePlanId, //开课ID,不传代表新增
+        address: state.xjkkinputV2,
+        // duration: state.duration,
+        duration:state.duration ? state.duration :  durationText.value,
+        applyFlag: state.checked1 ? 1 : 0,
+        attach: state.attach,
+        beginTime: startTime,
+        completeType: type,
+        endTime: endTime,
+        evalFlag: Number(state.assessmentId) > 0 && state.checked4 ? 1 : 0,
+        assessmentId: Number(state.assessmentId),
+        testId: state.examInfo.examinationName ? state.EditTestId : null,
+        homeWorkId: state.EditWorkId,
+        name: state.xjkkinputV1,
+        signFlag: state.xjkkradioV1 ? 1 : 0, //是否允许未报名的签到:1是0否
+        // signWordFlag: state.xjkkradioV1 === 1 ? 1 : 0, //签到是否需要口令:1是0否
+        teacherId: state.member.value,
+        teacher: state.member.name,
+        workInfo: state.workInfo, //提交的作业信息
+        examInfo: state.examInfo, //提交的考试信息
+        beforeStart: state.beforeValue, //考勤 开始前
+        afterStart: state.afterStartValue, //考勤 开始后
+      };
+      console.log(postData);
+      if(!postData.name){
+        return message.error("请输入开课名称");
+      }
+      if(!postData.beginTime){
+        return message.error("请选择开课时间");
+      }
+      if(!postData.endTime){
+        return message.error("请选择结束时间");
+      }
+      if(!postData.teacherId){
+        return message.error("请选择授课老师");
+      }
+      // if(!postData.duration){
+      //   return message.error("请输入持续时间");
+      // }
+      state.addLoading = true;
+      editPlan(postData)
+        .then(() => {
+          getTableDate3();
+          handleCancelStu();
+          rest();
+          state.addLoading = false;
+        })
+        .catch((err) => {
+          state.loading = false;
+          console.log(err);
+        });
+      state.cstm_hs = false;
+    };
+    
+    let editBeginClass = ref(false)
+    //编辑开课
+    const handelEditStu = async (item) => {
+      editBeginClass.value = false
+      if (item.expenseStatus && item.expenseStatus !== 'A10' && item.expenseStatus !== 'S00') {
+        editBeginClass.value = true
+        console.log(editBeginClass.value);
+      }
+      state.offcourseId = item.offcourseId;
+      state.itemType = item.type;
+      state.offcoursePlanId = item.id;
+
+      if (item.homeWorkId) {
+        queryWorkDetailById({ workId: item.homeWorkId }).then(
+          (res) => (state.workInfo = res.data.data)
+        );
+      }
+      if (item.testId) {
+        queryExaminationDetailById({ examinationId: item.testId }).then(
+          (res) => (state.examInfo = res.data.data)
+        );
+      }
+      // if(item.evalFlag){
+      // queryAssessmentDetailList({assessmentId:item.assessmentId }).then(
+      //           (res) => (state.examInfo = res.data.data)
+      //         );
+      // }
+      console.log("获取面授课开课详情", item);
+      state.xjkkinputV2 = item.address;
+      state.duration = item.duration;
+      state.checked1 = item.applyFlag === 1 ? true : false;
+      state.attach = item.attach;
+
+      state.xjkkinputV3 = [
+        dayjs(item.beginTime, "YYYY-MM-DD HH:mm"),
+        dayjs(item.endTime, "YYYY-MM-DD HH:mm"),
+      ];
+      options4CurId.value = item.teacherId;
+      // (state.regisCom = item.completeType.split(",")[0] == "1" ? true : false),
+      (state.signCom = item.completeType.split(",")[0] == "1" ? true : false),
+        (state.comLeave =
+          item.completeType.split(",")[1] == "1" ? true : false),
+        (state.checked4 = item.evalFlag === 1 ? true : false);
+      state.assessmentName = item.assessmentName;
+      state.assessmentId = String(item.assessmentId);
+      state.EditTestId = Number(item.testId);
+      state.EditWorkId = String(item.homeWorkId);
+      state.xjkkinputV1 = item.name;
+      state.onceName = item.name;
+      state.beforeValue = item.beforeStart; //考勤 开始前
+      state.afterStartValue = item.afterStart; //考勤 开始后
+      if (item.signFlag === 1) {
+        //是否允许未报名的签到:1是0否
+        state.xjkkradioV1 = true;
+      }
+      state.member = { value: item.teacherId, name: item.teacher };
+      state.cstm_hs = true;
+      state.kk_eidt = true;
+    };
+    const columnFun = (itm) => {
+      console.log("itm", itm);
+      //新加
+      state.stuColumns = [
+        {
+          title: "岗位",
+          width: "8%",
+          dataIndex: "studentJobName",
+          key: "7",
+          align: "center",
+          customRender: (text) => {
+            return (
+              <div class="racona">
+                <span>
+                  {text && text.record.studentJobName
+                    ? text.record.studentJobName
+                    : "-"}
+                </span>
+              </div>
+            );
+          },
+        },
+        {
+          title: "Band",
+          width: "8%",
+          dataIndex: "studentBandDesc",
+          key: "7",
+          align: "center",
+          customRender: (text) => {
+            return (
+              <div class="racona">
+                <span>
+                  {text.record.studentBandDesc ? text.record.studentBandDesc : "-"}
+                </span>
+              </div>
+            );
+          },
+        },
+        {
+          title: "报名状态",
+          width: "8%",
+          dataIndex: "status",
+          key: "5",
+          align: "center",
+          customRender: ({ record }) => {
+            switch (String(record.status)) {
+              case "0":
+                return "审核通过";
+              case "1":
+                return "待审核";
+              case "2":
+                return "审核拒绝";
+            }
+          },
+        },
+
+        {
+          title: "签到状态",
+          width: "8%",
+          dataIndex: "signstatus",
+          key: "7",
+          align: "center",
+          customRender: ({ record }) =>
+            record.signStatus ? "已签到" : "未签到",
+        },
+        {
+          title: "评估状态",
+          width: "8%",
+          dataIndex: "evastatus",
+          key: "8",
+          align: "center",
+          customRender: ({ record }) =>
+            record.assessmentStatus?"已评估" : "未评估",
+        },
+        {
+          title: "评分",
+          width: "8%",
+          dataIndex: "studentScore",
+          key: "8",
+          align: "center",
+          customRender: ({ record }) => {
+            return (
+              <div class="racona">
+                {record.assessmentScore || "-"}
+              </div>
+            );
+            // switch (String(record.status)) {
+            //   case "0":
+            //     return (
+            //       <span
+            //         style={{ color: "#4EA6FF", cursor: "pointer" }}
+            //         onClick={() => {
+            //           handlJoinStu(record);
+            //         }}
+            //       >
+            //         成绩录入
+            //       </span>
+            //     );
+            //   case "1":
+            //     return "-";
+            //   case "2":
+            //     return "-";
+            // }
+          },
+        },
+        {
+          title: "作业成绩",
+          width: "8%",
+          dataIndex: "workScore",
+          key: "7",
+          align: "center",
+          customRender: ({ record }) => {
+            return (
+              <div class="racona">
+                {record.workStatus? record.workScore?<span>{record.workScore || '-'}</span>:
+                    <span style={{ color: "#4EA6FF", cursor: "pointer" }} onClick={() => handlJoinStu(record)}>
+                      成绩录入
+                    </span>
+                  : <span>-</span>
+                }
+              </div>
+            );
+            // switch (String(record.status)) {
+            //   case "0":
+            //     return (
+            //       <span
+            //         style={{ color: "#4EA6FF", cursor: "pointer" }}
+            //         onClick={() => {
+            //           handlJoinStu(record);
+            //         }}
+            //       >
+            //         成绩录入
+            //       </span>
+            //     );
+            //   case "1":
+            //     return "-";
+            //   case "2":
+            //     return "-";
+            // }
+          },
+        },
+        {
+          title: "考试成绩",
+          width: "8%",
+          dataIndex: "examinationScore",
+          key: "8",
+          align: "center",
+        },
+        {
+          title: "结业状态",
+          width: "15%",
+          dataIndex: "completionStatus",
+          key: "8",
+          align: "center",
+          customRender: ({ record }) => {
+            return (
+              <div>
+                {record.finishStatus == 1 &&
+                record.workScore != -2 &&
+                record.signStatus == 1 ? (
+                  <div
+                    style={{ color: "#4EA6FF", cursor: "pointer" }}
+                    onClick={() => {
+                      handleOverStu(record);
+                    }}
+                  >
+                    结业
+                  </div>
+                ) : record.completionStatus == 1 ? (
+                  <div>已结业</div>
+                ) : (
+                  <div>-</div>
+                )}
+              </div>
+            );
+          },
+        },
+      ];
+      // if (itm.courseScore !== -1) {
+      //   let obj = {
+      //     title: "评分",
+      //     width: "8%",
+      //     dataIndex: "studentScore",
+      //     key: "8",
+      //     align: "center",
+      //   };
+
+      //   state.stuColumns.splice(6, 0, obj);
+      // }
+    };
+    const handelGuan = (itm) => {
+      console.log("开课信息", itm);
+      state.offcourseId = itm.offcourseId;
+      state.offcoursePlanId = itm.id;
+      state.studentId = itm.studentId;
+      state.studentItem = itm;
+
+      state.currentPlanItem = itm;
+      state.newCourseName = itm.name;
+      console.log(89877766666);
+      console.log(state.currentPlanItem);
+
+      state.sm_hs = true;
+      // getTableDate2();
+      state.homeWorkId = itm.homeWorkId;
+      columnFun(itm);
+    };
+    const sm_exit = () => {
+      state.sm_hs = false;
+      state.hideshow = true;
+      state.tableData7 = [];
+    };
+    const clear_valueE1 = (value) => {
+      state.bs_hs = false;
+      if (value != "") {
+        state.valueE1 = "";
+      }
+    };
+    const clear_valueE2 = () => {
+      state.valueE2 = "";
+    };
+    const clear_xjkkradioV1 = (value) => {
+      if (value != "") {
+        state.xjkkradioV1 = false;
+      }
+    };
+    const clear_xjkkradioV2 = (value) => {
+      if (value != "") {
+        state.xjkkradioV2 = "";
+      }
+    };
+    const clear_jyradioV1 = (value) => {
+      if (value != "") {
+        state.jyradioV1 = "";
+      }
+    };
+    const qr_exit = () => {
+      state.QR_hs = false;
+      state.qrQR_hs = false;
+      state.olQR_hs = false;
+      state.ftQR_hs = false;
+      state.ftsQR_hs = false;
+      state.vipftQR_hs = false;
+      state.addLoading = false;
+    };
+    const rg_exit = () => {
+      state.rg_hs = false;
+      state.addLoading = false;
+    };
+    const graduate_exit = () => {
+      state.graduate_hs = false;
+      state.addLoading = false;
+    };
+    const agreereject_exit = () => {
+      state.agreereject_hs = false;
+      state.agreestudy_hs = false;
+      state.rejectstudy_hs = false;
+      state.addLoading = false;
+    };
+    const delete_exit1 = () => {
+      state.delete_hs = false;
+      state.del_hs = false;
+      state.del_hs_stu = false;
+      state.submit_hs = false;
+      state.back_hs = false;
+      state.push_hs = false;
+      state.copy_hs = false;
+      state.nouse_hs = false;
+      state.rg_hs = false;
+      state.graduate_hs = false;
+      state.addLoading = false;
+    };
+    const handleRejectExit = (id, index, record) => {
+      dialog({
+        content: "确定撤回吗？",
+        ok: () => {
+          message.success("撤回成功");
+          record.publishStatus ? (state.tableData1[index].publishStatus = 0) : (state.tableData1[index].auditStatus = 0);
+          handle({ offcourseId: id, type: 0 });
+        },
+      });
+    };
+
+    const handleJoin = async () => {
+      state.lrcj_inputV1 || message.error("请输入成绩");
+      if (state.rg_hs) {
+        if (state.piliang) {
+          api1.updateStudent({
+            workScore: state.lrcj_inputV1,
+            workId: state.homeWorkId,
+            studentId: state.studentId,
+          });
+          getTableDate2();
+          delete_exit1();
+        } else {
+          api1
+            .updateStudent({
+              workScore: state.lrcj_inputV1,
+              workId: state.homeWorkId,
+              studentId: state.studentId,
+            })
+            .then((res) => {
+              console.log("成绩录入", res);
+              if (res.data.code === 200) {
+                // getTableDate2();
+                state.isgetStudent = true;
+                delete_exit1();
+                state.lrcj_inputV1 = "";
+                state.scoreId = null;
+              }
+            })
+            .catch((err) => {
+              console.log("录入失败", err);
+            });
+        }
+      }
+    };
+    const handleJie = async () => {
+      if (state.graduate_hs) {
+        // state.studentItem.id
+        // console.log("state.studentItem.id", state.studentItem.id);
+        api1
+          .batchUpdateStatus({
+            completionStatus: 1,
+            ids: [state.studentItem?.id],
+            // status: 1,
+          })
+          .then((res) => {
+            if (res.data.code === 200) {
+              getTableDate2();
+              delete_exit1();
+            }
+          });
+      }
+    };
+    //确认复制
+    const handleAgreeTrue = async () => {
+      if (state.agreestudy_hs) {
+        handleStudent({
+          offcoursePlanId: state.offcoursePlanId,
+          score: "",
+          studentIds: [state.studentId],
+          type: 3,
+        }).then((res) => {
+          if (res.data.code === 200) {
+            getTableDate2();
+            delete_exit1();
+            state.addLoading = false;
+          }
+        });
+      }
+      if (state.rejectstudy_hs) {
+        handleStudent({
+          offcoursePlanId: state.offcoursePlanId,
+          score: "",
+          studentIds: [state.studentId],
+          type: 4,
+        }).then((res) => {
+          if (res.data.code === 200) {
+            getTableDate2();
+            delete_exit1();
+          }
+        });
+      }
+    };
+    //确认复制课程 操作
+    const handleDeleteExit = async () => {
+      if (state.del_hs) {
+        if (state.offcourseId && state.offcoursePlanId && state.studentId) {
+          handleStudent({
+            offcoursePlanId: state.offcoursePlanId,
+            score: "",
+            studentIds: [state.studentId],
+            type: 5,
+          }).then((res) => {
+            if (res.data.code === 200) {
+              getTableDate2();
+              delete_exit1();
+            }
+          });
+        } else if (state.offcourseId && state.offcoursePlanId) {
+          deletePlan({
+            offcoursePlanId: state.offcoursePlanId,
+          }).then((res) => {
+            if (res.data.code === 200) {
+              getTableDate3();
+              delete_exit1();
+            }
+          });
+        } else if (state.offcourseId) {
+          handle({
+            offcourseId: state.offcourseId,
+            type: -1,
+          }).then((res) => {
+            if (res.data.code === 200) {
+              message.destroy();
+              message.success("删除成功");
+              getTableDate();
+              delete_exit1();
+            }
+          });
+        }
+      }
+      if (state.copy_hs) {
+        state.tableLoading = true;
+        if (state.offcourseId && state.offcoursePlanId) {
+          await copyCoursePlan({ offcoursePlanId: state.offcoursePlanId });
+          getTableDate3();
+        } else if (state.offcourseId) {
+          await copyCourse({ courseId: state.offcourseId });
+          getTableDate();
+        }
+        message.success("复制成功");
+        rest();
+      }
+      if (state.nouse_hs) {
+        state.temp.auditStatus = 0;
+        message.success("停用成功");
+        handle({ offcourseId: state.offcourseId, type: -2 });
+      }
+      if (state.submit_hs) {
+        state.tableLoading = true;
+        message.success("提交审核成功");
+        handle({ offcourseId: state.offcourseId, type: 1 }).then(() =>
+          getTableDate()
+        );
+      }
+      if (state.back_hs) {
+        state.tableLoading = true;
+        message.success("撤回成功");
+        handle({ offcourseId: state.offcourseId, type: 0 }).then(() =>
+          getTableDate()
+        );
+      }
+      if (state.useCourse) {
+        state.tableLoading = true;
+        message.success("启用成功");
+        handle({ offcourseId: state.offcourseId, type: 2 }).then(() =>
+          getTableDate()
+        );
+      }
+      if (state.push_hs) {
+        state.tableLoading = true;
+        message.success("发布成功");
+        handle({ offcourseId: state.offcourseId, type: 3 }).then(() =>
+          getTableDate()
+        );
+      }
+      delete_exit1();
+    };
+    const handleDeleteKaike = (value) => {
+      if (value.expenseStatus && value.expenseStatus !== 'A10' && value.expenseStatus !== 'S00') {
+        return message.warning("该开课已在审批流程中，不可进行删除!");
+      }
+      state.offcoursePlanId = value.id;
+
+      state.delete_hs = true;
+      state.del_hs = true;
+    };
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+
+    const faceManageChange = (e) => {
+      state.faceManageTab = e;
+    };
+
+    //编辑面授课
+    const handleEdit = async (itm, type) => {
+      if (type === "1") {
+        return;
+      }
+      // console.log(itm)
+      state.offcourseId = itm.id;
+
+      const item = await detail({
+        offcourseId: Number(state.offcourseId),
+      }).then((res) => {
+        if (res.data.code === 200) return res.data.data;
+      });
+
+      state.statusJuJue = Number(item.auditStatus) === -1 ? 1 : 0;
+
+      if (Number(item.auditStatus) === 2 && Number(item.status) === 1) {
+        state.statusTingQi = 1;
+      }
+      if (Number(item.auditStatus) === 2 && Number(item.status) === 0) {
+        state.statusTingQi = 0;
+      }
+
+      state.qdms_inputV1 = item.name;
+      // state.imageUrl = item.picUrl;
+      state.feng_mian_1 = item.picUrl;
+      state.qdms_inputV2 = item.targetUser;
+      state.qdms_inputV3 = item.meaning;
+      state.fen_lei = String(item.categoryId);
+      state.chang_jin = String(item.sceneId);
+      state.tags_val = item.tips ? item.tips.split(",") : [];
+      //state.qdms_inputV5 = item.teacherId;
+      state.teacher = item.teacher;
+      state.teacherId = item.teacherId;
+      state.qdms_inputV6 = item.intro;
+      state.member = { value: item.teacherId, name: item.teacher };
+      if (item.attach == "") {
+        state.imgList = [];
+      } else {
+        if (item.attach.indexOf(",")) {
+          const arr = item.attach.split(",");
+          arr.forEach((item) => {
+            state.imgList.push({ img: item });
+          });
+        } else {
+          state.imgList = [{ img: item.attach }];
+        }
+      }
+
+      valueHtml.value = item.outline;
+
+      // state.ft_hs = true;
+      CourseModalRef.value.visibleOpen(state.offcourseId, null);
+      state.ft_eidt = true;
+    };
+
+    // handleTagChange
+    const handleTagChange = () => {
+      if (state.tags_val_single) {
+        state.tags_val.push(state.tags_val_single);
+      }
+      state.tags_val_single = "";
+    };
+    const handleTagClose = (index) => {
+      state.tags_val.splice(index, 1);
+    };
 
     // 预览弹框 开启和关闭
     const ft_exit_see = () => {
-      lookCourseModal.value = false;
+      state.lookCourseModal = false;
     };
     const handleLook = async (itm, type) => {
-    //   // if (type === "1") {
-    //   //   return;
-    //   // }
-    //   // state.offcourseId = itm.id;
+      if (type === "1") {
+        return;
+      }
+      state.offcourseId = itm.id;
 
-    //   // const item = await detail({
-    //   //   offcourseId: Number(state.offcourseId),
+      const item = await detail({
+        offcourseId: Number(state.offcourseId),
+      }).then((res) => {
+        if (res.data.code === 200) return res.data.data;
+      });
+      state.lookCourseModal = true;
+      item.attach = item.attach == "" ? [] : item.attach.split(",");
+      state.faceDetailObj = item;
+      console.log("获取查看信息", item);
+    };
+    // const handleTea = async () => {
+    //   console.log("item22224444");
+    //   // const item = await getMemberInfo({
+    //   //   pageNo: state.pageSizeTea1,
     //   // }).then((res) => {
     //   //   if (res.data.code === 200) return res.data.data;
+    //   //   console.log("item2222222");
+    //   //   console.log(item);
     //   // });
-      lookCourseModal.value = true;
-    //   // item.attach = item.attach == "" ? [] : item.attach.split(",");
-    //   // state.faceDetailObj = item;
-    //   // console.log("获取查看信息", item);
+    // };
+    const handleDelete = (id) => {
+      dialog({
+        content: "确定删除该课程吗？",
+        ok: async () => {
+          message.success("删除成功");
+          state.tableLoading = true;
+          await handle({ offcourseId: id, type: -1 });
+          getTableDate();
+        },
+      });
+    };
+    const handleCopy = async (id) => {
+      console.log("复制Id", id);
+      dialog({
+        content: "确定复制该课程吗？",
+        ok: async () => {
+          message.success("复制成功");
+          state.tableLoading = true;
+          await copyCourse({ courseId: id });
+          getTableDate();
+        },
+      });
+    };
+    const handleSubmit = (id, index) => {
+      dialog({
+        content: "确定提交审核吗？",
+        ok: () => {
+          message.success("提交成功");
+          state.tableData1[index].auditStatus = 1;
+          handle({ offcourseId: id, type: 1 });
+        },
+      });
+    };
+    const handlePush = (id, index) => {
+      dialog({
+        content: "确定发布该课程吗？",
+        ok: () => {
+          message.success("发布成功");
+          state.tableData1[index].publishStatus = 1;
+          handle({ offcourseId: id, type: 3 });
+        },
+      });
     };
-const authenticationColumn = {
-  title: "操作",
-  width: "30%",
-  className: "h",
-  dataIndex: "id",
-  key: "id",
-  fixed: "right",
-  align: "center",
-  slots: { customRender: "operation" },
-}
-const lookCourseModal = ref(false)
-const faceDetailObj = ref({})
 
-const state = reactive({
-  data: [],
-  total: 0,
-  status: {
-    1: "撤回",
-    2: "撤回",
-    3: "撤回",
-    4: "重新推送",
-    5: "重新推送",
-  },
-  
-});
-// 查询数据
-const searchData = ref({
-  pageIndex: 1,
-  pageSize: 10,
-  recommendName: "",
-  recommendTimeList: [],
-});
-const newNext = ref(false);
-const recommendTimeList = ref([]);
-const loading = ref(false);
-watch(newNext, (value) => {
-  if (!value) {
-    searchData.value.pageIndex = 1;
-    getList()
-  }
-})
+    const handleCopyP = async (itm) => {
+      console.log(itm);
+      state.offcourseId = itm.offcourseId;
+      state.offcoursePlanId = itm.id;
 
-const getList = (num) => {
-  if (num === 1) searchData.value.pageIndex = 1;
-  boeRequest(RECOMMEND_PAGE, searchData.value)
-    .then((res) => {
-      loading.value = true;
-      state.data = res?.result?.list || [];
-      state.total = res?.result?.count || 0;
-    })
-    .catch(() => {
-      loading.value = false;
-    });
-};
+      state.delete_hs = true;
+      state.copy_hs = true;
+    };
+    const handleStop = (record) => {
+      dialog({
+        content: "确定停用该课程吗？",
+        ok: () => {
+          message.success("停用成功");
+          record.status = 0;
+          handle({ offcourseId: record.id, type: -2 });
+        },
+      });
+    };
+    const handleOpen = (record) => {
+      dialog({
+        content: "确定启用该课程吗？",
+        ok: () => {
+          message.success("启用成功");
+          record.status = 1;
+          handle({ offcourseId: record.id, type: 2 });
+        },
+      });
+    };
+    const handleStart = (item, type) => {
+      console.log(item);
+      if (type === "1") {
+        return;
+      }
+      state.offcourseId = item.id;
+      state.newCourseName = item.name;
+      state.permissions = item.permissions;
+      getTableDate3(1);
+      state.stm_hs = true;
+    };
 
-// 获取列表数据
-getList();
+    const handelChangePage222 = (page, pageSize) => {
+      state.currentPage222 = page;
+      state.pageSize222 = pageSize;
+      getCourseStudentList();
+    };
+    const handelChangePage22 = (page, pageSize) => {
+      state.currentPage22 = page;
+      state.pageSize22 = pageSize;
+      // getTableDate33();
+    };
+    const handelChangePage2 = (page, pageSize) => {
+      state.currentPage2 = page;
+      state.pageSize2 = pageSize;
+      getTableDate3(1);
+    };
+    const handleSearchTable = () => {
+      console.log("handleSearchTable");
+      console.log(state.kk_inputV1);
+      console.log(state.kk_inputV2);
+      console.log(state.selectTime);
+      state.pageSize222 = 10
+      state.currentPage1 = 1
+      getTableDate();
+      getTableDate3();
+    };
+    const handleRestTable = () => {
+      state.kk_inputV1 = "";
+      state.kk_inputV2 = "";
+      state.selectTime = "";
+      state.currentPage2 = 1;
+      state.tableDataTotal2 = [];
+      state.pageSize222 = 10
+      state.currentPage1 = 1
+      getTableDate();
+      getTableDate3();
+    };
 
-onMounted(() => {
-  // 是否需要触发新建弹框
-  let str = location.href;
-  let isOpen = str.includes("openCreate=true");
-  if (isOpen) {
-    newNext.value = true;
-  }
-  column.push(authenticationColumn)
-});
+    const handelChangePage3 = (page, pageSize) => {
+      state.currentPage3 = page;
+      state.pageSize3 = pageSize;
+      getTableDate2();
+    };
+    const handleSearchStu = () => {
+      console.log(state.xygl_inputV1);
+      getTableDate2();
+    };
+    const handleRestStu = () => {
+      state.xygl_inputV1 = "";
+      getTableDate2();
+    };
 
-const { resetFields } = Form.useForm(searchData, {});
+    const beforeUpload3 = (file) => {
+      const fileType = [
+        "jpg",
+        "jpeg",
+        "png",
+        "gif",
+        "pdf",
+        "ppt",
+        "pptx",
+        "doc",
+        "docx",
+        "xls",
+        "xlsx",
+        "zip",
+      ];
+      if (!fileType.includes(file.name.split(".")[1])) {
+        message.error(
+          "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
+        );
+        return false;
+      }
 
-const handle = (record) => ({
-  withdraw: async () => {
-    try {
-      // editReleaseStatus({ assessmentId: record.id, releaseStatus: 1 });
-      await rePushOrWithdraw({ casesRecommendId: record.id });
-      getList();
-    } catch (error) {
-      message.info("推送失败！");
+      const formData = new FormData();
+      formData.append("file", file);
+      console.log(file);
+      fileUp(formData).then((res) => {
+        if (res.data.code === 200) {
+          // state.filesList.push({
+          //   img: res.data.data,
+          //   name: file.name,
+          //   size: file.size,
+          // });
+          // console.log(state.filesList);
+          console.log(res.data.data);
+          state.filesList.push([res.data.data]);
+
+          // state.hasImgName = res.data.data;
+        }
+      });
+      return false;
+    };
+
+    // 管理开课
+    const handleGuan22 = (item) => {
+      console.log("点击面授课管理", item);
+      // if (String(item.courseform) === "1") {
+      //   return;
+      // }
+      // if (String(item.courseform) === ("1" || "线上")) {
+      //   state.om_1 = true;
+      //   state.ft_1 = false;
+      // } else if (String(item.courseform) === ("2" || "面授")) {
+      //   state.om_1 = true;
+      //   state.ft_1 = true;
+      // }
+      state.om_1 = true;
+      state.ft_1 = true;
+      state.manageStuLoading = true;
+      state.permissions = item.permissions;
+      state.createId = item.createId;
+      console.log(787666, item);
+      state.faceClassification = item.contentTxt;
+      state.faceStatus = item.status;
+      state.currentFaceId = item.id;
+      getCourseStudentList();
+      state.newCourseName = item.name;
+    };
+
+    // 获取开课管理里的学员
+    function getCourseStudentList() {
+      console.log("开课管理学员搜索参数", {
+        pageNo: state.currentPage222,
+        pageSize: 10,
+        status: state.gl_selectV2,
+        studentName: state.gl_inputV2,
+        id: state.currentFaceId,
+      });
+      apis
+        .GetCourseStudent({
+          pageNo: state.currentPage222,
+          pageSize: 10,
+          status: state.gl_selectV2,
+          studentName: state.gl_inputV2,
+          id: state.currentFaceId,
+        })
+        .then((res) => {
+          console.log("获取开课管理学员信息", res);
+          // tableData3 tableDataTotal222 currentPage222 handelChangePage222
+          state.tableData3 = res.data.data.records;
+          state.tableDataTotal222 = res.data.data.total;
+          state.manageStuLoading = false;
+        })
+        .catch((err) => {
+          console.log(err);
+          state.manageStuLoading = false;
+        });
     }
-  },
-  del: async () => {
-    loading.value = true;
-    await deleteResearch({ id: record.id })
-      .then(() => {
-        message.info("删除成功！");
-        getList();
-      })
-      .catch(() => (loading.value = false));
+
+    const handlePostSure = (obj) => {
+      console.log("处理后参数，直接解构使用");
+      console.log(obj);
+
+      addStudent({
+        offcourseId: Number(state.offcourseId),
+        offcoursePlanId: Number(state.offcoursePlanId),
+        ...obj,
+      }).then((res) => {
+        console.log(res);
+        if (res.data.code === 200) {
+          state.viewpowervisible = false;
+          getTableDate2();
+        }
+      });
+    };
+
+    const getdateToDateFn = (val) => {
+      return getdateToDate(val * 1000);
+    };
+    const getdateToTimeFn = (val) => {
+      return getdateToTime(val * 1000);
+    };
+
+    //提交审核
+    const reviewClick = () => {
+      console.log("ft_eidt", state.ft_eidt);
+      // handlePush("review");
+      /*
+            if (state.ft_eidt) {
+                //编辑面授课
+                submitReview();
+            }
+            if (!state.ft_eidt) {
+                //shouke
+                handlePush("review");
+            }
+            */
+    };
+    const submitReview = (id) => {
+      state.addLoading = true;
+
+      if (id == "") {
+        return message.error("请先完成保存");
+      }
+      let obj = {
+        offcourseId: id ? id : state.offcourseId,
+        type: 1,
+      };
+      console.log("提交审核参数", obj);
+      handle(obj).then((res) => {
+        console.log("提交审核成功", res.data);
+        if (res.data.code === 200) {
+          ft_exit_0();
+          rest();
+          getTableDate();
+          state.addLoading = false;
+        }
+      });
+    };
+
+    //授权
+    //权限名单
+    const showPrower = (record) => {
+      console.log("权限名单", record);
+      state.selectCourseId = record.offcourseId;
+      state.corpowerlistvisible = true;
+    };
+    //归属权
+    const showOwnPrower = (record) => {
+      console.log("归属权", record);
+      state.selectCourseId = record.offcourseId;
+      state.ownpowervisible = true;
+    };
+    //查看权
+    const showViewPrower = (record) => {
+      console.log("查看权", record);
+      state.selectCourseId = record.offcourseId;
+      state.authClassify = 1;
+      state.viewpowervisible = true;
+    };
+    //管理权
+    const showManagePrower = (record) => {
+      console.log("管理权", record);
+      state.selectCourseId = record.offcourseId;
+      state.shipType = 1;
+      state.authClassify = 2;
+      state.viewpowervisible = true;
+    };
+    //添加权限
+    watch(
+      () => state.addAuthList,
+      (res) => {
+        console.log("res", res, state.addAuthList);
+        if (state.authClassify === 1 || state.authClassify === 2) {
+          let obj = {
+            type: 3,
+            tag:
+              state.authClassify === 1
+                ? 3
+                : state.authClassify === 2
+                ? 4
+                : null,
+            opt: 3,
+            deptList: res[1],
+            groupList: res[2],
+            refId: state.selectCourseId,
+            pageNo: 20,
+            pageSize: 1,
+            studentList: res[0],
+            keyWord: "",
+          };
+          console.log("obj", obj);
+          api1
+            .optionAuthPerm(obj)
+            .then((res) => {
+              console.log("添加授权成功", res);
+              message.success("添加授权成功");
+            })
+            .catch((err) => {
+              console.log("添加授权失败", err);
+            });
+        }
+      }
+    );
+
+    //添加学员
+    watch(
+      () => state.addAuthList,
+      (res) => {
+        console.log("res", res, state.addStudentList);
+        if (state.authClassify === 3) {
+          let obj = {
+            deptList: res[1],
+            groupList: res[2],
+            offcourseId: state.offcourseId,
+            offcoursePlanId: state.offcoursePlanId, //开课id
+            studentList: res[0],
+          };
+          console.log("obj", obj);
+          api1
+            .addStudentCourse(obj)
+            .then((res) => {
+              console.log("添加学员成功", res);
+              message.success("添加学员成功");
+              getTableDate2();
+            })
+            .catch((err) => {
+              console.log("添加学员失败", err);
+            });
+        }
+      }
+    );
+    const range = (start, end) => {
+      const result = [];
+
+      for (let i = start; i < end; i++) {
+        result.push(i);
+      }
+
+      return result;
+    };
+    const closeOnlineCoursevisible = () => {
+      console.log("执行");
+      getTableDate();
+    };
+    const disabledDate = (current) => {
+      // Can not select days before today and today
+      return current && current < dayjs().startOf("day");
+    };
+
+    const disabledDateTime = () => {
+      return {
+        disabledHours: () => range(0, 24).splice(4, 20),
+        disabledMinutes: () => range(30, 60),
+        disabledSeconds: () => [55, 56],
+      };
+    };
+
+    function auditStudent(record) {
+      auditStudentStatus(record);
+    }
+
+    //二维码
+    const qrcodeVisible = (record, type) => {
+      // `${location.protocol}//${location.host}${import.meta.env.VUE_APP_BASE_API}/stu/project/redirectDetail?courseId=${record.id}`
+      state.codevisible = true;
+      state.codeInfo = {
+        title: type == 1 ? "【课程】二维码" : "【签到】二维码",
+        name: record.name ? record.name : "",
+        url:
+          type == 1
+            ? process.env.VUE_APP_BASE_API +
+              `/stu/project/redirectDetail?courseId=${record.id}`
+            : process.env.VUE_APP_BASE_API +
+              `/admin/student/studentSign?taskId=${
+                record.id
+              }&taskType=${2}&type=${3}`,
+      };
+      console.log("codeInfo", state.codeInfo, record);
+      state.codeIndex = 0;
+      state.codeType = type;
+    };
+    return {
+      ...toRefs(state),
+      sysTypeOptions,
+      findClassFullName,
+      CourseModalRef,
+      auditStudent,
+      getdateToDateFn,
+      moment,
+      disabledDate,
+      disabledDateTime,
+      getdateToTimeFn,
+      handlePostSure,
+      handleDeleteKaike,
+      handleDel2,
+      handelEditStu,
+      handelGuan,
+      beforeUpload3,
+      handleSearchStu,
+      handleRestStu,
+      handelChangePage2,
+      handelChangePage22,
+      handelChangePage222,
+      handelChangePage3,
+      handleSearchTable,
+      handleRestTable,
+      handleSearchTable2,
+      handleSearchTable3,
+      reseatSearchTable3,
+      handleGuan22,
+      handleStart,
+      handleCopyP,
+      handleCopy,
+      handleSubmit,
+      handlePush,
+      handleStop,
+      handleOpen,
+      handleEdit,
+      handleDelete,
+      changevalue,
+      columns2,
+      columns4,
+      columns6,
+      columns7,
+      options1,
+      options11,
+      options2,
+      options3,
+      options4,
+      optionsUrl,
+      of_hShow,
+      of_exit1,
+      of_exit,
+      hideShow,
+      bs_hShow,
+      expectOnline,
+      createft,
+      ft_exit,
+      ft_exit_1,
+      ft_exit_0,
+      om_exit,
+      ckxq_hs,
+      durationText,
+      ftsr_exit,
+      stm_exit,
+      ft_exit_see,
+      handleTagChange,
+      handleTagClose,
+      createkk,
+      handleCancelStu,
+      handleSureStu,
+      sm_exit,
+      clear_valueE1,
+      clear_valueE2,
+      clear_xjkkradioV1,
+      clear_xjkkradioV2,
+      clear_jyradioV1,
+      qr_exit,
+      rg_exit,
+      graduate_exit,
+      agreereject_exit,
+      delete_exit1,
+      handleRejectExit,
+      handleAgreeTrue,
+      handleJoin,
+      handleJie,
+      handleDeleteExit,
+      onSelectChange,
+      faceManageChange,
+      showStuAdd,
+      showDrawerAddTest,
+      showDrawerAddHomework,
+      editorRef,
+      valueHtml,
+      mode: "simple", // 或 'simple'
+      toolbarConfig,
+      editorConfig,
+      handleCreated,
+      handelChangePage1,
+      handleSearch1,
+      handleRest1,
+      showAssessment,
+      removePG,
+      getCheckedAss,
+      beforeUpload,
+      beforeUpload2,
+      handleDel,
+      checkPer,
+      checkOwner,
+      handleSucessStu,
+      handleRejectStu,
+      handleDeleteStu,
+      handlJoinStu,
+      handleOverStu,
+      onSelectChange7,
+      handleAllJion,
+      handleAllover,
+      handleAllSuc,
+      handleAllReject,
+      handleExportStu,
+      handleChangeTea1,
+      handelChangePageTea1,
+      handleChangeTea2,
+      handelChangePageTea2,
+      submitReview,
+      reviewClick,
+      showPrower,
+      showOwnPrower,
+      showViewPrower,
+      showManagePrower,
+      closeOnlineCoursevisible,
+      handlelookMs,
+      handleLook,
+      logW,
+      logT,
+      qrcodeVisible,
+      timeChange,
+      editBeginClass
+    };
   },
 });
-
-const handleMsg = {
-  del: "你确定要删除这条记录吗？",
-  withdraw1: "你确认要撤回此次推送吗？",
-  withdraw2: "你确认要撤回此次推送吗？",
-  withdraw3: "你确认要撤回此次推送吗？",
-  withdraw4: "您确定要重新推送此案例吗？",
-  withdraw5: "您确定要重新推送此案例吗？",
-};
-
-function handleOper(record, type, status = '') {
-  dialog({ content: handleMsg[status ? type + status : type], ok: handle(record)[type] });
-}
-// 信息下载
-const downloadInfo = (record) => {
-  try {
-    useDownload('/xboe/m/boe/cases/recommend/info_download', { casesRecommendId: record.id }, '案例信息')
-  } catch (error) {
-    console.log(error);
-  }
-};
-
-const handelChangePage = (page, pageSize) => {
-  loading.value = false;
-  searchData.value.pageSize = pageSize;
-  searchData.value.pageIndex = page;
-  getList();
-};
-
-function timeChange(time, timeStr) {
-  searchData.value.recommendTimeList = time ? time : [];
-}
-
-const handleRest = () => {
-  recommendTimeList.value = [];
-  resetFields();
-  getList();
-};
-
-const handleNew = () => {
-  newNext.value = true;
-};
-
 </script>
-<style lang="scss" scoped>
-.clearfix:before,
-.clearfix:after {
-  content: " ";
-  display: block;
-  clear: both;
+<style lang="scss">
+.ant-table-cell-fix-right {
+  width: 250px !important;
 }
 
-.addTimeBox {
-  position: relative;
-  display: flex;
-  align-items: center;
-  :deep(.ant-picker-range-separator){
-    padding: 0;
-    margin-right: 30px;
-  }
-  .addTime {
-    position: absolute;
-    z-index: 10;
-    margin-left: 10px;
-    color: rgba(0, 0, 0, 0.4);
-    .timePng{
-      width: 20px;
-      height: 20px;
-    }
-  }
 
-  .ant-picker {
-    padding-left: 50px;
-  }
-
-  .ant-picker-range .ant-picker-active-bar {
-    margin-left: 85px;
-  }
+.aeLoading {
+  z-index: 100000;
 }
 
-.out {
-  //display: flex;
-  display: block;
-  position: absolute;
-  width: 680px;
-  // height: 525px;
-  background-color: #fff;
-  box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-
-  .top {
-    width: 100%;
-    height: 68px;
-
-    background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
-        rgba(78, 166, 255, 0) 100%);
-    display: flex;
-    align-items: center;
-
-    .topimg {
-      width: 18px;
-      height: 18px;
-      margin-left: 27px;
-    }
-
-    .topc {
-      color: #000000;
-      font-size: 16px;
-      margin-left: 8px;
-    }
-  }
-
-  .mid {
-    width: 100%;
-    height: 100%;
-    background-color: #fff;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    .d {
-      // margin-top: 8px;
-      // color: #ff4e4e;
-      margin-left: -5px;
-    }
-
-    .name {
-      width: 78%;
-      // background-color: lightcoral;
-      display: flex;
-      margin-top: 20px;
-      align-items: center;
-      height: 40px;
-      // border: 1px solid black;
-
-      .inname {
-        color: #6f6f6f;
-        font-size: 14px;
-        margin-left: 7px;
-      }
-
-      .in {
-        margin-left: 14px;
-        width: 81%;
-
-        .ant-input {
-          border-radius: 5px;
-          // height: 120%;
-          width: 100%;
-          height: 30px;
-        }
-
-        .showcount {
-          position: absolute;
-          right: 10px;
-          color: #c7cbd2;
-          bottom: 5px;
-        }
-      }
-    }
-
-    .btn {
-      width: 33%;
-      margin-top: 30px;
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 30px;
-
-      .samtn {
-        width: 100px;
-        height: 40px;
-        font-size: 14px;
-        border: 1px solid #4ea6ff;
-        border-radius: 8px;
-        cursor: pointer;
-      }
-
-      .btn1 {
-        background-color: #fff;
-        color: #4ea6ff;
-      }
-
-      .btn2 {
-        margin-left: 10px;
-        background-color: #4ea6ff;
-        color: #fff;
-      }
-    }
-  }
-}
-
-.recommend {
+.courseManage {
   width: 100%;
   height: 100%;
   display: flex;
@@ -592,8 +2888,8 @@ const handleNew = () => {
   position: relative;
 
   .filter {
-    margin-left: 38px;
-    margin-right: 38px;
+    margin-left: 35px;
+    margin-right: 35px;
     margin-top: 30px;
     display: flex;
     justify-content: space-between;
@@ -603,16 +2899,21 @@ const handleNew = () => {
       display: flex;
       flex-wrap: wrap;
 
-      .select {
+      .pathnameInp {
         margin-right: 20px;
         margin-bottom: 20px;
       }
 
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
       .btn {
-        padding: 0 26px 0 26px;
+        padding: 0px 26px 0px 26px;
         height: 38px;
         background: #4ea6ff;
         border-radius: 8px;
+        //border: 1px solid rgba(64, 158, 255, 1);
         display: flex;
         align-items: center;
         justify-content: center;
@@ -634,7 +2935,7 @@ const handleNew = () => {
       }
 
       .btnn {
-        padding: 0 26px 0 26px;
+        padding: 0px 26px 0px 26px;
         height: 38px;
         background: #4ea6ff;
         border-radius: 8px;
@@ -666,7 +2967,12 @@ const handleNew = () => {
           background-image: url("../../assets/images/courseManage/search0.png");
         }
       }
-
+      .btn1:active {
+        background: #0982ff;
+      }
+      .btn2:active {
+        background: #0982ff;
+      }
       .btn2 {
         .search {
           width: 16px;
@@ -675,36 +2981,36 @@ const handleNew = () => {
         }
       }
 
-      // .btn1:hover {
-      //   background: rgba(64, 158, 255, 0.76);
+      .btn1 {
+        .search {
+          background-image: url("../../assets/images/courseManage/search0.png");
+        }
 
-      //   .search {
-      //     background-image: url("../../assets/images/courseManage/search0.png");
-      //   }
-
-      //   .btnText {
-      //     color: #ffffff;
-      //   }
-      // }
+        .btnText {
+          color: #ffffff;
+        }
+      }
 
+      /**
       .btn1:active {
         background: #0982ff;
       }
 
-      // .btn2:hover {
-      //   background: rgba(64, 158, 255, 0.1);
-      // }
+      .btn2 {
+        background: rgba(64, 158, 255, 0.1);
+      }
 
       .btn2:active {
         background: rgba(64, 158, 255, 0.2);
-      }
+      }*/
     }
 
     .btns {
       display: flex;
 
+      // flex-wrap: wrap;
       .btn {
-        padding: 0 26px;
+        padding: 0px 26px 0px 26px;
         height: 38px;
         background: #4ea6ff;
         border-radius: 8px;
@@ -728,93 +3034,2135 @@ const handleNew = () => {
           margin-left: 5px;
         }
       }
-
+      .btn3:active {
+        background: #0982ff;
+      }
       .btn3 {
-        margin-right: 0;
-
         .search {
           width: 17px;
           height: 18px;
           background-image: url("../../assets/images/courseManage/add0.png");
         }
-      }
 
-      // .btn3:hover {
-      //   background: rgba(64, 158, 255, 0.76);
-
-      //   .search {
-      //     background-image: url("../../assets/images/courseManage/add0.png");
-      //   }
-
-      //   .btnText {
-      //     color: #ffffff;
-      //   }
-      // }
-
-      .btn3:active {
-        background: #0982ff;
+        .btnText {
+          color: #ffffff;
+        }
       }
     }
   }
 
   .tableBox {
     margin: 20px 38px 30px;
-    display: flex;
-    flex: 1;
-    flex-direction: column;
 
-    th.ant-table-cell {
+    th {
       background-color: #eff4fc !important;
-      text-align: center;
-      color: #999ba3;
+      text-align: center !important;
     }
 
-    td.ant-table-cell {
-      text-align: center;
-    }
-  }
-
-  .pa {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    margin-bottom: 20px;
-
-    .pagination {
-      margin-bottom: 20px;
+    .ant-table-tbody
+      > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+      > td {
+      background: #f6f9fd;
     }
 
-    .ant-pagination-item-link,
-    .ant-pagination-item,
-    .ant-select-selector,
-    .ant-pagination-options-quick-jumper input {
-      border-radius: 8px;
-    }
-  }
-
-  .unout {
-    display: none;
-  }
-
-  .operation {
-    display: flex;
-    justify-content: right;
-
-    .fb {
+    .operation {
       display: flex;
-      margin-right: 20px;
+      justify-content: right;
 
-      .jc {
-        color: #4ea6ff;
-        font-size: 14px;
-        margin-left: 20px;
-        white-space: nowrap;
+      .fb {
+        display: flex;
+        margin-right: 20px;
+
+        .jc {
+          color: #4ea6ff;
+          font-size: 14px;
+          margin-left: 20px;
+          white-space: nowrap;
+          cursor: pointer;
+        }
+      }
+    }
+
+    .ynuse {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      .use {
         cursor: pointer;
       }
     }
   }
 }
 
+.selectonlineface {
+  z-index: 999;
+  width: 679px;
+  background: #ffffff;
+  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+  position: absolute;
+  left: 50%;
+  top: -100%;
+  transform: translate(-50%, -50%);
+
+  .of_header {
+    position: absolute;
+    width: 100%;
+    height: 40px;
+    background: linear-gradient(
+      rgba(78, 166, 255, 0.2) 0%,
+      rgba(78, 166, 255, 0) 100%
+    );
+  }
+
+  .of_main {
+    width: 100%;
+    position: relative;
+
+    .ofm_header {
+      display: flex;
+      align-items: center;
+      padding-top: 20px;
+      padding-left: 26px;
+      font-size: 16px;
+
+      .add_icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/add1.png);
+        background-size: 100% 100%;
+      }
+
+      .close_exit {
+        position: absolute;
+        right: 42px;
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        background-image: url(@/assets/images/coursewareManage/close.png);
+        background-size: 100% 100%;
+      }
+    }
+
+    .ofm_body {
+      width: 80%;
+      margin: 3px auto;
+
+      .ofmb_items {
+        display: flex;
+        align-items: center;
+        justify-content: end;
+        margin: 14px auto;
+
+        .signbox {
+          width: 110px;
+          display: flex;
+          justify-content: end;
+
+          .sign {
+            width: 10px;
+            height: 10px;
+            margin-top: -3px;
+            margin-right: 6px;
+            background-size: 100% 100%;
+          }
+        }
+
+        .b_input {
+          flex: 1;
+          position: relative;
+
+          .inp_num {
+            position: absolute;
+            right: 10px;
+            top: 10px;
+          }
+        }
+
+        .bc_box {
+          display: flex;
+          width: 440px;
+          flex: 1;
+
+          .bc_boxl,
+          .bc_boxr {
+            display: flex;
+            align-items: center;
+          }
+        }
+      }
+
+      .ol_checkbox {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-left: 6px;
+      }
+
+      .b_sub {
+        width: 440px;
+        margin-left: 110px;
+
+        .bs_header {
+          display: flex;
+          justify-content: space-between;
+
+          .b_right {
+            display: flex;
+          }
+        }
+      }
+
+      .bl_detail {
+        top: 24px;
+      }
+
+      .b_footer {
+        width: 100%;
+        margin-left: 212px;
+        margin-top: 25px;
+        margin-bottom: 20px;
+        display: flex;
+
+        .btn {
+          width: 100px;
+          height: 40px;
+          background: rgba(64, 158, 255, 0);
+          border-radius: 8px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 14px;
+          flex-shrink: 0;
+          cursor: pointer;
+
+          .btnText {
+            font-size: 14px;
+            font-weight: 400;
+            line-height: 40px;
+          }
+        }
+
+        .btn5 {
+          border: 1px solid rgba(64, 158, 255, 1);
+          color: #4ea6ff;
+        }
+
+        .btn6 {
+          background-color: #4ea6ff;
+          color: #ffffff;
+        }
+      }
+    }
+  }
+}
+
+.createschooltime {
+  z-index: 999;
+  width: 879px;
+  height: 740px;
+  background: #ffffff;
+  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+  position: absolute;
+  left: 50%;
+  top: -100%;
+  transform: translate(-50%, -50%);
+
+  .cst_header {
+    position: absolute;
+    width: 100%;
+    height: 40px;
+    background: linear-gradient(
+      rgba(78, 166, 255, 0.2) 0%,
+      rgba(78, 166, 255, 0) 100%
+    );
+  }
+
+  .cst_main {
+    width: 100%;
+    max-height: 700px;
+    overflow-y: auto;
+    position: relative;
+
+    .cstm_header {
+      display: flex;
+      align-items: center;
+      padding-top: 20px;
+      padding-left: 26px;
+      font-size: 16px;
+
+      .add_icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/add1.png);
+        background-size: 100% 100%;
+      }
+
+      .close_exit {
+        position: absolute;
+        right: 42px;
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        background-image: url(@/assets/images/coursewareManage/close.png);
+        background-size: 100% 100%;
+      }
+    }
+
+    .cstm_title {
+      margin: 10px auto 20px 51px;
+      font-weight: bold;
+    }
+
+    .cstm_items {
+      display: flex;
+      width: 80%;
+      margin: auto;
+      align-items: center;
+      margin-bottom: 23px;
+
+      .signbox {
+        display: flex;
+        justify-content: end;
+        width: 100px;
+        margin-right: 6px;
+
+        .sign {
+          margin-top: -5px;
+          margin-right: 4px;
+        }
+      }
+
+      .b_input {
+        flex: 1;
+        position: relative;
+
+        .upload_box {
+          display: flex;
+          cursor: pointer;
+
+          .upload_icon {
+            width: 16px;
+            height: 16px;
+            margin-right: 5px;
+          }
+        }
+
+        .inp_num {
+          position: absolute;
+          top: 9px;
+          right: 10px;
+        }
+      }
+    }
+
+    .items_fj {
+      margin-bottom: 1px;
+
+      .fujian {
+        display: none;
+      }
+
+      .mbl_items12 {
+        width: 440px;
+        margin-right: 56px;
+
+        .i12_box1 {
+          display: flex;
+          align-items: center;
+          padding: 17px 0px 17px 21px;
+          border: 1px solid #eff4fc;
+          border-radius: 8px;
+          margin-bottom: 10px;
+
+          .file_img {
+            width: 27px;
+            height: 32px;
+            background-image: url(@/assets/images/coursewareManage/imgs.png);
+            margin-right: 22px;
+
+            img {
+              width: 100%;
+              height: 100%;
+            }
+          }
+
+          .file_detail {
+            width: 250px;
+            margin-right: 21px;
+
+            .file_updata {
+              display: flex;
+              align-items: center;
+
+              .updatabox {
+                position: relative;
+                width: 230px;
+                height: 5px;
+                background-color: rgba(192, 192, 192, 0.25);
+                border-radius: 3px;
+
+                .updatacolor {
+                  position: absolute;
+                  left: 0;
+                  width: 100%;
+                  height: 5px;
+                  background-color: #57c887;
+                  border-radius: 3px;
+                }
+
+                .updatacolor2 {
+                  position: absolute;
+                  left: 0;
+                  width: 80%;
+                  height: 5px;
+                  background-color: #ff7474;
+                  border-radius: 3px;
+                }
+
+                .updatacolor3 {
+                  position: absolute;
+                  left: 0;
+                  width: 60%;
+                  height: 5px;
+                  background-color: #4ea6ff;
+                  border-radius: 3px;
+                }
+
+                .updataxq {
+                  position: absolute;
+                  right: 2px;
+                  top: -30px;
+                  color: #57c887;
+                }
+
+                .updataxq2 {
+                  position: absolute;
+                  right: 2px;
+                  top: -30px;
+                  color: #ff7474;
+                }
+
+                .updataxq3 {
+                  position: absolute;
+                  right: 2px;
+                  top: -30px;
+                  color: #4ea6ff;
+                }
+              }
+            }
+          }
+
+          .file_operation {
+            display: flex;
+
+            .fobox {
+              margin-right: 5px;
+              cursor: pointer;
+            }
+          }
+        }
+      }
+    }
+
+    .items_btn {
+      display: flex;
+      justify-content: center;
+      margin-top: 20px;
+      margin-bottom: 20px;
+
+      .cstm_btn {
+        width: 100px;
+        height: 40px;
+        background: rgba(64, 158, 255, 0);
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 40px;
+        }
+      }
+
+      .btn5 {
+        border: 1px solid rgba(64, 158, 255, 1);
+        color: #4ea6ff;
+      }
+
+      .btn6 {
+        background-color: #4ea6ff;
+        color: #ffffff;
+      }
+    }
+  }
+}
+
+.QRModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 479px !important;
+
+      .ant-modal-body {
+        .QR {
+          z-index: 9999;
+          width: 520px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+
+          .qr_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+
+          .qr_main {
+            width: 100%;
+            position: relative;
+
+            .qrm_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .qr_icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
+
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+
+            .qrm_body {
+              width: 100%;
+              margin-top: 22px;
+              margin-bottom: 32px;
+
+              .QR_img {
+                width: 176px;
+                height: 176px;
+                margin: 1px auto;
+                background-image: url(@/assets/images/taskpage/QR.png);
+                background-size: 100% 100%;
+              }
+            }
+
+            .qrm_footer {
+              display: flex;
+              align-items: center;
+              margin-bottom: 44px;
+
+              .qrmbtn {
+                width: 80px;
+                height: 32px;
+                display: flex;
+                line-height: 32px;
+                justify-content: center;
+                border-radius: 4px;
+                border: 1px solid #387df7;
+                margin-left: 16px;
+                cursor: pointer;
+
+                .btntext {
+                  color: #387df7;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.recgradeModal {
+  .ant-modal {
+    .ant-modal-content {
+      // width:679px !important;
+      .ant-modal-body {
+        .recordgrade {
+          z-index: 9999;
+          width: 679px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+
+          .rg_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+
+          .rg_main {
+            width: 100%;
+            position: relative;
+
+            .rgm_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .rg_icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/grade.png);
+                background-size: 100% 100%;
+              }
+
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+
+            .rgm_body {
+              width: 100%;
+
+              .rgmb_items {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                width: 80%;
+                margin: 21px auto 10px auto;
+
+                .items_left {
+                  display: flex;
+                  margin-right: 14px;
+
+                  .sign {
+                    margin-right: 7px;
+                  }
+                }
+              }
+            }
+
+            .qrm_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+
+              .qrm_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 14px;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+
+              .btn2 {
+                background-color: #ffffff;
+                color: #4ea6ff;
+              }
+
+              .btn3 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.graModal {
+  .ant-modal {
+    .ant-modal-content {
+      // width:679px !important;
+      .ant-modal-body {
+        .graduate {
+          z-index: 9999;
+          width: 679px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+
+          .gra_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+
+          .gra_main {
+            width: 100%;
+            position: relative;
+
+            .gram_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .gra_icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/graduate.png);
+                background-size: 100% 100%;
+              }
+
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+
+            .gram_body {
+              width: 100%;
+
+              .gramb_items {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                width: 80%;
+                margin: 21px auto 10px auto;
+
+                .items_left {
+                  display: flex;
+                  margin-right: 14px;
+
+                  .sign {
+                    margin-right: 7px;
+                  }
+                }
+              }
+
+              .gramb_input {
+                .bc_box {
+                  display: flex;
+                }
+              }
+            }
+
+            .qrm_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+
+              .qrm_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 14px;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.agrstudyModal {
+  .ant-modal {
+    width: 429px !important;
+    height: 258px !important;
+
+    .ant-modal-content {
+      width: 429px !important;
+      height: 258px !important;
+
+      .ant-modal-body {
+        width: 429px !important;
+        height: 258px !important;
+        padding: 0px !important;
+
+        .agreestudy {
+          z-index: 9999;
+          width: 429px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+
+          .agree_header {
+            position: absolute;
+            width: 100%;
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+
+          .agree_main {
+            width: 100%;
+            position: relative;
+
+            .agreem_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .agreem_icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/notice.png);
+                background-size: 100% 100%;
+              }
+
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+
+            .agreem_body {
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              width: 100%;
+              margin: 45px auto 62px auto;
+            }
+
+            .qrm_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+
+              .qrm_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
+
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.onlmanageModal {
+  .ant-modal {
+    .ant-modal-content {
+      // width:1358px !important;
+      .ant-modal-body {
+        .modalHeader {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+
+          .headerLeft {
+            margin-left: 27px;
+            display: flex;
+            align-items: center;
+
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+
+        .onlinemanage {
+          display: none;
+          min-width: 1000px;
+          background: #ffffff;
+
+          .om_main {
+            width: 100%;
+
+            .om_body {
+              margin-right: 50px;
+
+              .b_title {
+                color: #4f5156;
+                font-weight: 500;
+                margin-bottom: 19px;
+              }
+
+              .b_sub {
+                display: flex;
+                margin-bottom: 10px;
+
+                .bs_type {
+                  color: #999ba3;
+                }
+
+                .bs_left {
+                  color: #999ba3;
+                  margin-left: 35px;
+                }
+
+                .bs_right {
+                  color: #4f5156;
+                }
+              }
+
+              .b_menu {
+                width: calc(100%);
+              }
+
+              .b_menunav {
+                display: flex;
+                margin-top: 20px;
+                margin-bottom: 20px;
+
+                .bm_select {
+                  margin-right: 20px;
+                }
+
+                .bm_input {
+                  margin-right: 20px;
+                }
+
+                .bm_btn {
+                  display: flex;
+                  cursor: pointer;
+
+                  .btn {
+                    padding: 0px 26px 0px 26px;
+                    height: 40px;
+                    background: rgba(64, 158, 255, 1);
+                    border-radius: 8px;
+                    border: 1px solid rgba(64, 158, 255, 1);
+                    color: #fff;
+                    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: #fff;
+                      line-height: 36px;
+                      margin-left: 5px;
+                    }
+                  }
+
+                  .btn1 {
+                    .search {
+                      width: 15px;
+                      height: 17px;
+                      background-image: url("@/assets/images/coursewareManage/search1.png");
+                    }
+                  }
+
+                  .btn1 {
+                    background: rgba(64, 158, 255, 1);
+
+                    .search {
+                      background-image: url("@/assets/images/coursewareManage/search0.png");
+                    }
+
+                    .btnText {
+                      color: #ffffff;
+                    }
+                  }
+
+                  .btn2 {
+                    .search {
+                      width: 16px;
+                      height: 18px;
+                      margin-right: 6px;
+                      background-image: url("../../assets/images/courseManage/reset0.png");
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.facteachModal {
+  .ant-modal {
+    .ant-modal-content {
+      // width:1358px !important;
+      .ant-modal-body {
+        .modalHeader {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+
+          .headerLeft {
+            margin-left: 27px;
+            display: flex;
+            align-items: center;
+
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+
+        .modalMain {
+          .m_title {
+            margin-bottom: 20px;
+          }
+
+          .m_body {
+            display: flex;
+            flex-wrap: wrap;
+
+            .mb_left {
+              width: 50%;
+
+              .mbl_items {
+                display: flex;
+                align-items: center;
+                justify-content: flex-end;
+                margin-bottom: 10px;
+
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
+
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
+
+                .item_inp {
+                  flex: 1;
+                  position: relative;
+
+                  .inp_num {
+                    position: absolute;
+                    left: 398px;
+                    top: 10px;
+                  }
+                }
+              }
+
+              .mbl_items2 {
+                display: flex;
+                align-items: start;
+                margin-top: 10px;
+                margin-bottom: 10px;
+
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
+
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
+
+                .item_inp {
+                  flex: 1;
+
+                  .i_upload_img {
+                    margin-top: 10px;
+                    width: 100px;
+                    height: 100px;
+                    border-radius: 8px;
+                  }
+
+                  .i_upload {
+                    width: 100px;
+                    height: 100px;
+                    border: 1px solid #4ea6ff;
+                    border-radius: 8px;
+                    text-align: center;
+                    align-items: center;
+                    cursor: pointer;
+
+                    .addimg {
+                      position: relative;
+
+                      .heng {
+                        position: absolute;
+                        top: 50px;
+                        left: 25px;
+                        width: 50px;
+                        border: 1px solid #4ea6ff;
+                      }
+
+                      .shu {
+                        position: absolute;
+                        top: 25px;
+                        left: 50px;
+                        height: 50px;
+                        border: 1px solid #4ea6ff;
+                      }
+                    }
+                  }
+                }
+              }
+
+              .i2_cz {
+                width: 440px;
+                margin-left: 100px;
+
+                .i2_top {
+                  display: flex;
+                  justify-content: space-between;
+                }
+              }
+
+              .i8_bottom {
+                display: flex;
+                width: 440px;
+                margin-left: 100px;
+              }
+            }
+
+            .mb_right {
+              width: 50%;
+
+              .mbl_items {
+                display: flex;
+                align-items: flex-start;
+                justify-content: flex-end;
+                margin-bottom: 10px;
+
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
+
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-top: -15px;
+                    margin-right: 5px;
+                  }
+                }
+
+                .item_inp {
+                  flex: 1;
+                }
+
+                .accessory {
+                  display: flex;
+                  align-items: center;
+
+                  .accessory_icon {
+                    width: 16px;
+                    height: 16px;
+                    margin-top: -8px;
+                    margin-right: 5px;
+                  }
+                }
+              }
+
+              .mbl_items2 {
+                display: flex;
+                align-items: start;
+                margin-bottom: 10px;
+
+                .item_nam {
+                  width: 100px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: flex-end;
+                  white-space: nowrap;
+
+                  .asterisk_icon {
+                    width: 10px;
+                    height: 10px;
+                    margin-right: 5px;
+                    margin-top: -15px;
+                  }
+                }
+
+                .item_inp {
+                  flex: 1;
+                  position: relative;
+
+                  .inp_num {
+                    position: absolute;
+                    left: 395px;
+                    bottom: 10px;
+                  }
+                }
+              }
+            }
+          }
+
+          .m_footer {
+            display: flex;
+            margin: 20px 0;
+
+            .fotnam {
+              width: 100px;
+              display: flex;
+              justify-content: end;
+              padding-right: 15px;
+            }
+
+            .fotarea {
+              width: calc(100% - 150px);
+              position: relative;
+
+              .fuwenben {
+                width: 90%;
+                height: 20px;
+                background-color: rgb(95, 95, 95);
+                position: absolute;
+                left: 50%;
+                transform: translate(-50%, 0);
+                top: 3px;
+                z-index: 9999;
+              }
+            }
+          }
+
+          .m_btn {
+            width: 100%;
+            margin-top: 25px;
+            margin-bottom: 20px;
+            display: flex;
+            justify-content: center;
+            align-content: center;
+
+            .btn {
+              width: 100px;
+              height: 40px;
+              background: rgba(64, 158, 255, 0);
+              border-radius: 8px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              margin-right: 14px;
+              flex-shrink: 0;
+              cursor: pointer;
+
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 40px;
+              }
+            }
+
+            .btn5 {
+              border: 1px solid rgba(64, 158, 255, 1);
+              color: #4ea6ff;
+            }
+
+            .btn6 {
+              background-color: #4ea6ff;
+              color: #ffffff;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.givpowerModal {
+  .ant-modal {
+    .ant-modal-content {
+      // width:1358px !important;
+      .ant-modal-body {
+        .modalHeader {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+
+          .headerLeft {
+            margin-left: 27px;
+            display: flex;
+            align-items: center;
+
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+
+        .givepower {
+          min-width: 1000px;
+          background: #ffffff;
+
+          .gp_main {
+            width: 100%;
+            position: relative;
+
+            .gpm_inputbtn {
+              width: 90%;
+              margin: 20px auto;
+              display: flex;
+
+              .gpm_btn {
+                width: 100px;
+                height: 40px;
+                margin-right: 14px;
+                background: #ffffff;
+                border: 1px solid #4ea6ff;
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  color: #4ea6ff;
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+
+              .btn1 {
+                .search {
+                  width: 15px;
+                  height: 17px;
+                  margin-right: 6px;
+                  background-image: url("../../assets/images/courseManage/search1.png");
+                }
+              }
+
+              .btn2 {
+                .reset {
+                  width: 16px;
+                  height: 18px;
+                  margin-right: 6px;
+                  background-image: url("../../assets/images/courseManage/reset1.png");
+                }
+              }
+
+              .btn1 {
+                background: #4ea6ff;
+
+                .search {
+                  background-image: url("@/assets/images/coursewareManage/search0.png");
+                }
+
+                .btnText {
+                  color: #ffffff;
+                }
+              }
+
+              .btn2 {
+                background: #4ea6ff;
+
+                .reset {
+                  background-image: url("@/assets/images/coursewareManage/reset0.png");
+                }
+
+                .btnText {
+                  color: #ffffff;
+                }
+              }
+            }
+
+            .gpm_notice {
+              display: flex;
+              background: rgba(78, 166, 255, 0.25);
+              border: 1px solid #4ea6ff;
+              width: 90%;
+              height: 62px;
+              margin: 20px auto;
+              align-items: center;
+              line-height: 64px;
+
+              .th_icon {
+                width: 16px;
+                height: 16px;
+                background-image: url(@/assets/images/coursewareManage/gan.png);
+                background-size: 100% 100%;
+                margin: auto 13px auto 37px;
+              }
+
+              .textarea {
+                margin-right: 33px;
+              }
+            }
+
+            .gpm_table {
+              width: 90%;
+              margin: 30px auto;
+              border: 1px solid #f0f4fe;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.schtimeModal {
+  .ant-modal {
+    .ant-modal-content {
+      // width:1358px !important;
+      .ant-modal-body {
+        .modalHeader {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+
+          .headerLeft {
+            margin-left: 27px;
+            display: flex;
+            align-items: center;
+
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+
+        .schooltime {
+          min-width: 1000px;
+          background: #ffffff;
+
+          .st_main {
+            width: 100%;
+
+            .tableBox {
+              margin: 20px 38px 30px;
+
+              th {
+                background-color: #eff4fc !important;
+                text-align: center !important;
+              }
+
+              .ant-table-tbody
+                > tr:hover:not(.ant-table-expanded-row):not(
+                  .ant-table-row-selected
+                )
+                > td {
+                background: #f6f9fd;
+              }
+
+              .operation {
+                display: flex;
+                justify-content: right;
+
+                .fb {
+                  display: flex;
+                  margin-right: 20px;
+
+                  .jc {
+                    color: #4ea6ff;
+                    font-size: 14px;
+                    margin-left: 20px;
+                    white-space: nowrap;
+                    cursor: pointer;
+                  }
+                }
+              }
+
+              .ynuse {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+
+                .use {
+                  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;
+                }
+              }
+
+              .btn {
+                padding: 0px 26px 0px 26px;
+                height: 38px;
+                background: #4ea6ff;
+                border-radius: 8px;
+                //border: 1px solid rgba(64, 158, 255, 1);
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 14px;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .search {
+                  background-size: 100%;
+                }
+
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  color: #ffffff;
+                  line-height: 36px;
+                  margin-left: 5px;
+                }
+              }
+
+              .btnn {
+                padding: 0px 26px 0px 26px;
+                height: 38px;
+                background: #4ea6ff;
+                border-radius: 8px;
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #fff;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 14px;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .search {
+                  background-size: 100%;
+                }
+
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  color: #fff;
+                  line-height: 36px;
+                  margin-left: 5px;
+                }
+              }
+
+              .btn1 {
+                .search {
+                  width: 15px;
+                  height: 17px;
+                  background-image: url("../../assets/images/courseManage/search0.png");
+                }
+              }
+
+              .btn2 {
+                .search {
+                  width: 16px;
+                  height: 18px;
+                  background-image: url("../../assets/images/courseManage/reset0.png");
+                }
+              }
+
+              .btn1 {
+                .search {
+                  background-image: url("../../assets/images/courseManage/search0.png");
+                }
+
+                .btnText {
+                  color: #ffffff;
+                }
+              }
+
+              .btns {
+                display: flex;
+
+                // flex-wrap: wrap;
+                .btn {
+                  padding: 0px 21px 0px 21px;
+                  height: 38px;
+                  background: #4ea6ff;
+                  border-radius: 8px;
+                  //border: 1px solid rgba(64, 158, 255, 1);
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  margin-right: 14px;
+                  flex-shrink: 0;
+                  cursor: pointer;
+
+                  .search {
+                    background-size: 100%;
+                  }
+
+                  .btnText {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #ffffff;
+                    line-height: 36px;
+                    margin-left: 5px;
+                  }
+
+                  .btn2 {
+                    margin-right: 0px;
+
+                    .img2 {
+                      width: 17px;
+                      height: 18px;
+                      background-image: url(../../assets/images/coursewareManage/export1.png);
+                    }
+                  }
+                }
+
+                .btn3 {
+                  .search {
+                    width: 17px;
+                    height: 18px;
+                    background-image: url("../../assets/images/courseManage/add0.png");
+                  }
+
+                  .btnText {
+                    color: #ffffff;
+                  }
+                }
+              }
+            }
+
+            /**
+            .btn3 {
+              width: 130px;
+              height: 40px;
+              border: 1px solid #4ea6ff;
+              background-color: #4ea6ff;
+              border-radius: 8px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              flex-shrink: 0;
+              cursor: pointer;
+
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 40px;
+              }
+
+              .btn3 {
+                .add {
+                  width: 17px;
+                  height: 18px;
+                  background-image: url("@/assets/images/coursewareManage/add0.png");
+                  background-size: 100% 100%;
+                  margin-right: 6px;
+                }
+              }
+            } */
+
+            .notable {
+              width: 100%;
+              height: 100%;
+
+              .notablebox {
+                width: 412px;
+                height: 212px;
+                background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
+                border-radius: 10px;
+                display: flex;
+                justify-content: center;
+                text-align: center;
+                margin: 77px auto 109px auto;
+                position: relative;
+
+                .smallleft {
+                  position: absolute;
+                  top: 18px;
+                  left: 0px;
+                  width: 8px;
+                  height: 21px;
+                  border-radius: 0px 4px 4px 0px;
+                  background-color: #ffb64e;
+                }
+
+                .smallright {
+                  position: absolute;
+                  bottom: 18px;
+                  right: 0px;
+                  width: 8px;
+                  height: 21px;
+                  border-radius: 4px 0px 0px 4px;
+                  background-color: #ffb64e;
+                }
+
+                .boxbody {
+                  .boximg {
+                    width: 72px;
+                    height: 72px;
+                    margin: 32px auto 20px auto;
+                    background-image: url(@/assets/images/coursewareManage/nostate.png);
+                    background-size: 100% 100%;
+                  }
+
+                  .boxtitle {
+                    margin-bottom: 4px;
+                  }
+                }
+              }
+            }
+
+            .tableBox {
+              position: relative;
+              padding-bottom: 80px;
+
+              .classify {
+                margin-left: 10px !important;
+                padding-left: 9px !important;
+              }
+
+              .ant-checkbox-wrapper {
+                align-items: center;
+                margin-top: -2px;
+              }
+
+              .ant-table-selection-column {
+                padding: 0px !important;
+                padding-left: 60px !important;
+              }
+
+              .ant-table-thead > tr > th {
+                background-color: #eff4fc !important;
+              }
+
+              th.h {
+                background-color: #eff4fc !important;
+              }
+
+              .ant-table-tbody
+                > tr:hover:not(.ant-table-expanded-row):not(
+                  .ant-table-row-selected
+                )
+                > td {
+                background: #f6f9fd;
+              }
+
+              .operation {
+                display: flex;
+                justify-content: right;
+
+                .fb {
+                  display: flex;
+                  margin-right: 20px;
+
+                  .jc {
+                    color: #4ea6ff;
+                    font-size: 14px;
+                    margin-left: 20px;
+                    white-space: nowrap;
+                    cursor: pointer;
+                  }
+                }
+              }
+
+              .tableBox {
+                .pa {
+                  left: 0;
+                  width: 100%;
+                  // height: 20px;
+                  // background-color: red;
+                  display: flex;
+                  justify-content: center;
+                  position: absolute;
+                  bottom: 20px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.stusmanageModal {
+  .ant-modal {
+    max-width: 1800px;
+
+    .ant-modal-content {
+      // width:1358px !important;
+      .ant-modal-body {
+        .modalHeader {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+
+          .headerLeft {
+            margin-left: 27px;
+            display: flex;
+            align-items: center;
+
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+
+        .studentsmanage {
+          min-width: 1000px;
+          background: #ffffff;
+
+          .stm_main {
+            width: 100%;
+
+            .stmmitems {
+              margin: auto 40px;
+
+              .stmm_i1,
+              .stmm_i2,
+              .stmm_i3,
+              .stmm_i4 {
+                margin: 19px 0;
+              }
+
+              .stmm_i5 {
+                display: flex;
+                justify-content: space-between;
+              }
+
+              .stmm_i6 {
+                position: relative;
+                padding-top: 15px;
+                padding-bottom: 80px;
+
+                .classify {
+                  margin-left: 10px !important;
+                  padding-left: 9px !important;
+                }
+
+                .ant-checkbox-wrapper {
+                  align-items: center;
+                  margin-top: -2px;
+                }
+
+                .ant-table-selection-column {
+                  padding: 0px !important;
+                  padding-left: 60px !important;
+                }
+
+                .ant-table-thead > tr > th {
+                  font-size: 14px;
+                  font-weight: 400;
+                  color: #999ba3;
+                  line-height: 36px;
+                  padding: 5px 16px;
+                  background-color: #eff4fc !important;
+                }
+
+                th.h {
+                  background-color: #eff4fc !important;
+                }
+
+                .ant-table-tbody
+                  > tr:hover:not(.ant-table-expanded-row):not(
+                    .ant-table-row-selected
+                  )
+                  > td {
+                  background: #f6f9fd;
+                }
+
+                .operation,
+                .nselect {
+                  display: flex;
+                  justify-content: center;
+                  color: #4ea6ff;
+                  font-size: 14px;
+
+                  .ops1,
+                  .ops2 {
+                    margin-right: 10px;
+                    cursor: pointer;
+                  }
+                }
+
+                .tableBox {
+                  .pa {
+                    left: 0;
+                    width: 100%;
+                    // height: 20px;
+                    // background-color: red;
+                    display: flex;
+                    justify-content: center;
+                    position: absolute;
+                    bottom: 20px;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  .tableShow2 {
+    display: inline-block;
+  }
+  .tableHiddle2 {
+    display: none;
+  }
+}
+
+.tag-content {
+  .ant-tag {
+    margin-top: 10px;
+  }
+}
+
+.coursewareDetail {
+  .ant-modal {
+    height: 320px;
+    margin-top: 100px;
+
+    .ant-modal-content {
+      // width:1358px !important;
+      .ant-modal-body {
+        .modalHeader {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+
+          .headerLeft {
+            margin-left: 27px;
+            display: flex;
+            align-items: center;
+
+            .headerLeftText {
+              font-size: 16px;
+              font-weight: 400;
+              color: #000000;
+              line-height: 36px;
+            }
+          }
+        }
+
+        .modalMain {
+          .ftsturecord {
+            min-width: 1000px;
+            background: #ffffff;
+
+            .ftsr_main {
+              width: 100%;
+
+              .ftsr_table {
+                width: 90%;
+                margin: 30px auto;
+                border: 1px solid #f0f4fe;
+              }
+
+              .ftsr_btn {
+                width: 100px;
+                height: 40px;
+                background: #ffffff;
+                border: 1px solid #4ea6ff;
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin: 30px auto;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  color: #4ea6ff;
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// 选择评估
+.main_item {
+  display: flex;
+  align-items: center;
+  margin-top: 32px;
+  margin-bottom: 32px;
+
+  .signbox {
+    width: 120px;
+    display: flex;
+    justify-content: end;
+    align-items: center;
+
+    .sign {
+      margin-right: 5px;
+    }
+  }
+
+  .btnbox {
+    display: flex;
+    flex: 1;
+    align-items: center;
+
+    .xkbtn {
+      cursor: pointer;
+      width: 130px;
+      height: 40px;
+      background: #4ea6ff;
+      border-radius: 8px;
+      border: 0;
+      margin-right: 8px;
+      color: #fff;
+    }
+  }
+}
+
 .DelModal {
   .ant-modal {
     .ant-modal-content {
@@ -822,10 +5170,9 @@ const handleNew = () => {
 
       .ant-modal-body {
         .delete {
-          z-index: 9999;
           width: 424px;
           background: #ffffff;
-          box-shadow: 0 1px 35px 0 rgba(118, 136, 166, 0.21);
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
           border-radius: 4px;
           position: absolute;
           left: 50%;
@@ -836,8 +5183,10 @@ const handleNew = () => {
             position: absolute;
             width: calc(100%);
             height: 40px;
-            background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
-                rgba(78, 166, 255, 0) 100%);
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
           }
 
           .del_main {
@@ -851,7 +5200,7 @@ const handleNew = () => {
               padding-left: 26px;
               font-size: 16px;
 
-              .del-icon {
+              .del-icons {
                 width: 16px;
                 height: 16px;
                 position: relative;
@@ -861,20 +5210,12 @@ const handleNew = () => {
                   width: 100%;
                   height: 100%;
                   position: absolute;
-                  top: 0;
-                  left: 0;
+                  top: 0px;
+                  left: 0px;
                   background-size: 100% 100%;
                 }
               }
 
-              .icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/QR.png);
-                background-size: 100% 100%;
-              }
-
               .close_exit {
                 position: absolute;
                 right: 42px;
@@ -934,4 +5275,72 @@ const handleNew = () => {
     }
   }
 }
+
+.disabled {
+  a {
+    color: #999ba3;
+    cursor: not-allowed;
+  }
+}
+
+.pa {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  margin-bottom: 20px;
+
+  .pagination {
+    margin-bottom: 20px;
+  }
+
+  .ant-pagination-item-link,
+  .ant-pagination-item,
+  .ant-select-selector,
+  .ant-pagination-options-quick-jumper input {
+    border-radius: 8px;
+  }
+}
+
+.ant-select-selector {
+  height: 100%;
+  border-radius: 8px;
+}
+
+.ant-upload.ant-upload-select-picture-card {
+  border: none;
+}
+
+// statusJuJue
+.statusJuJue {
+  margin-bottom: 20px;
+}
+
+.tableSelect {
+  position: relative;
+
+  .hoverList {
+    display: none;
+  }
+
+  &:hover {
+    .hoverList {
+      display: block;
+      position: absolute;
+      top: 20px;
+      left: -20px;
+      background: #fff;
+      box-sizing: border-box;
+      // padding: 20px;
+      color: #000000;
+    }
+  }
+}
+
+// ::v-deep .w-e-toolbar {
+//   .w-e-bar-item {
+//     &:nth-child(23) {
+//       display: none !important;
+//     }
+//   }
+// }
 </style>
diff --git a/src/views/courselibrary/CourseRecommended_Old.vue b/src/views/courselibrary/CourseRecommended_Old.vue
new file mode 100644
index 00000000..bd89e9ed
--- /dev/null
+++ b/src/views/courselibrary/CourseRecommended_Old.vue
@@ -0,0 +1,937 @@
+<!-- 课程推荐页面 -->
+<template>
+  <div class="recommend">
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <div class="filterItems">
+        <div class="select">
+          <a-input v-model:value="searchData.recommendName" style="width: 106px; height: 40px; border-radius: 5px"
+            placeholder="请输入姓名" />
+        </div>
+        <div class="select">
+          <div class="select addTimeBox">
+            <div class="addTime"><img src="../../assets/images/courseManage/time.png" class="timePng"></div>
+            <a-range-picker v-model:value="recommendTimeList" style="width: 354px" @change="timeChange"
+              format="YYYY-MM-DD" valueFormat="YYYY-MM-DD" separator="至" :placeholder="['开始时间', '      结束时间']" />
+          </div>
+        </div>
+        <div style="display: flex; margin-bottom: 20px">
+          <div class="btn btn1" @click="getList(1)">
+            <div class="search"></div>
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="btn btn2" @click="handleRest" style="width: 105px">
+            <div class="search"></div>
+            <div class="btnText">重置</div>
+          </div>
+        </div>
+      </div>
+      <div class="btns">
+        <div class="btn btn3" @click="handleNew">
+          <div class="search"></div>
+          <div class="btnText">发起推荐</div>
+        </div>
+      </div>
+    </div>
+    <!-- 搜索框及按钮 -->
+    <!-- 表格 -->
+    <div class="tableBox">
+      <a-table style="border: 1px solid #f2f6fe" :columns="column" :data-source="state.data" :loading="!loading"
+        :scroll="{ x: 1100 }" :pagination="false">
+        <template #operation="{ record }">
+          <a-space style="padding-right: 10px">
+            <a-button @click="downloadInfo(record)" type="link">信息下载
+            </a-button>
+            <a-button
+              @click="() => handleLook(record, String(record.courseform))"
+              type="link"
+              >查看
+            </a-button>
+            <a-button @click="() => handleOper(record, 'withdraw', record.pushProgress)" type="link">
+              {{ state.status[record.pushProgress] }}
+            </a-button>
+            <a-button @click="handleOper(record, 'del')" danger type="link">删除
+            </a-button>
+          </a-space>
+        </template>
+      </a-table>
+    </div>
+    <div class="modalMain">
+        <div class="onlinemanage" :style="{ display: om_1 ? 'block' : 'none' }">
+          <div class="om_main">
+            <div class="om_body">
+              <div class="b_sub">
+                <div class="b_title">课程：{{ newCourseName }}</div>
+                <div class="bs_type" style="margin-left: 20px">类型：</div>
+                <div class="bs_right">{{ faceType }}</div>
+                <div class="bs_left">内容分类：</div>
+                <div class="bs_right">{{ faceClassification }}</div>
+                <div class="bs_left">状态：</div>
+                <div class="bs_right">
+                  {{ faceStatus == 1 ? "已启用" : "已停用" }}
+                </div>
+              </div>
+              <a-tabs
+                class="b_menu"
+                v-model:activeKey="faceManageTab"
+                size="large"
+                :tabBarStyle="{ marginLeft: '10px' }"
+                @change="faceManageChange"
+              >
+              
+                <a-tab-pane key="1" tab="学习记录">
+                  <div class="b_menunav">
+                    <div class="bm_select">
+                      <a-select
+                        class="select"
+                        ref="select"
+                        placeholder="请选择状态"
+                        v-model:value="gl_selectV2"
+                        style="width: 200px"
+                        :options="options11"
+                        allowClear
+                        @focus="focus"
+                        @change="handleChange"
+                      >
+                      
+                      </a-select>
+                    </div>
+                    <div class="bm_input">
+                      <a-input
+                        v-model:value="gl_inputV2"
+                        style="width: 200px; height: 40px; border-radius: 8px"
+                        placeholder="姓名"
+                      />
+                    </div>
+                    <div class="bm_btn">
+                      <div class="btn btn1" @click="handleSearchTable3">
+                        <div class="search"></div>
+                        <div class="btnText">搜索</div>
+                      </div>
+                      <div class="btn btn2" @click="reseatSearchTable3">
+                        <div class="search"></div>
+                        <div class="btnText">重置</div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="bm_table" style="margin-bottom: 20px">
+                    <a-table
+                      :columns="columns2"
+                      :data-source="tableData3"
+                      :loading="manageStuLoading"
+                      :pagination="false"
+                    >
+                      <template #bodyCell="{ column }">
+                        <template v-if="column.key === 'opacation'">
+                          <a @click="ckxq_hs">查看详情</a>
+                        </template>
+                      </template>
+                    </a-table>
+                    <div class="tableBox" style="margin-top: 50px">
+                      <div class="pa">
+                        <a-pagination
+                          :showSizeChanger="false"
+                          showQuickJumper="true"
+                          hideOnSinglePage="true"
+                          :pageSize="pageSize222"
+                          :current="currentPage222"
+                          :total="tableDataTotal222"
+                          class="pagination"
+                          @change="handelChangePage222"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </a-tab-pane>
+              </a-tabs>
+            </div>
+          </div>
+        </div>
+    </div>
+    <div class="pa" style="display: flex; justify-content: flex-end; padding: 0 38px">
+      <a-pagination show-quick-jumper :pageSize="searchData.pageSize" :current="searchData.pageIndex" :total="state.total"
+        class="pagination" @change="handelChangePage" show-size-changer />
+    </div>
+    <RecommendedCourse v-model:visible="newNext" :title="推荐课程"></RecommendedCourse>
+    <SeeModal
+      :visible="lookCourseModal"
+      :detail="faceDetailObj"
+      @cancel="ft_exit_see"
+    />
+  </div>
+</template>
+<script setup lang="jsx">
+import { ref, onMounted, reactive, watch, toRefs } from "vue";
+import { Form, message,} from "ant-design-vue";
+import { boeRequest } from "@/api/request";
+import useDownload from '@/hooks/useDownload'
+import {
+  RECOMMEND_PAGE,
+  deleteResearch,
+  caseInfoDownload,
+  rePushOrWithdraw,
+} from "@/api/case";
+import dialog from "@/utils/dialog";
+import RecommendedCourse from "@/components/courserecommended/RecommendedCourse.vue";
+import { checkMenu } from "@/utils/utils";
+import SeeModal from "@/components/courserecommended/CourseRecommended.vue";
+const column = [
+  {
+    title: "推荐人",
+    dataIndex: "recommendBy",
+    key: "recommendBy",
+    width: "10%",
+    align: "center",
+    ellipsis: true,
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "列表包名称",
+    dataIndex: "listPageName",
+    key: "listPageName",
+    width: "20%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "推荐时间",
+    dataIndex: "recommendTime",
+    key: "recommendTime",
+    width: "20%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "课程数",
+    dataIndex: "courseCount",
+    key: "courseCount",
+    width: "10%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "用户数",
+    dataIndex: "userCount",
+    key: "userCount",
+    width: "10%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "-";
+    },
+  },
+  {
+    title: "推送进度",
+    dataIndex: "pushProgress",
+    key: "pushProgress",
+    width: "15%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      switch (text) {
+        case 1:
+          return <span>推送中</span>;
+        case 2:
+          return <span>推送中</span>;
+        case 3:
+          return <span>已完成</span>;
+        case 4:
+          return <span style={{ color: "red" }}>推送失败</span>;
+        case 5:
+          return <span>推送撤回</span>;
+        default:
+          return <span>-</span>;
+      }
+    },
+  },
+  {
+    title: "查看率",
+    dataIndex: "viewRate",
+    key: "viewRate",
+    width: "10%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "0%";
+    },
+  },
+  {
+    title: "完成比",
+    dataIndex: "viewRate",
+    key: "viewRate",
+    width: "10%",
+    align: "center",
+    className: "h",
+    customRender: ({ text }) => {
+      return text ? text : "0%";
+    },
+  },
+];
+//查看
+
+    // 预览弹框 开启和关闭
+    const ft_exit_see = () => {
+      lookCourseModal.value = false;
+    };
+    const handleLook = async (itm, type) => {
+    //   // if (type === "1") {
+    //   //   return;
+    //   // }
+    //   // state.offcourseId = itm.id;
+
+    //   // const item = await detail({
+    //   //   offcourseId: Number(state.offcourseId),
+    //   // }).then((res) => {
+    //   //   if (res.data.code === 200) return res.data.data;
+    //   // });
+      lookCourseModal.value = true;
+    //   // item.attach = item.attach == "" ? [] : item.attach.split(",");
+    //   // state.faceDetailObj = item;
+    //   // console.log("获取查看信息", item);
+    };
+const authenticationColumn = {
+  title: "操作",
+  width: "30%",
+  className: "h",
+  dataIndex: "id",
+  key: "id",
+  fixed: "right",
+  align: "center",
+  slots: { customRender: "operation" },
+}
+const lookCourseModal = ref(false)
+const faceDetailObj = ref({})
+
+const state = reactive({
+  data: [],
+  total: 0,
+  status: {
+    1: "撤回",
+    2: "撤回",
+    3: "撤回",
+    4: "重新推送",
+    5: "重新推送",
+  },
+  
+});
+// 查询数据
+const searchData = ref({
+  pageIndex: 1,
+  pageSize: 10,
+  recommendName: "",
+  recommendTimeList: [],
+});
+const newNext = ref(false);
+const recommendTimeList = ref([]);
+const loading = ref(false);
+watch(newNext, (value) => {
+  if (!value) {
+    searchData.value.pageIndex = 1;
+    getList()
+  }
+})
+
+const getList = (num) => {
+  if (num === 1) searchData.value.pageIndex = 1;
+  boeRequest(RECOMMEND_PAGE, searchData.value)
+    .then((res) => {
+      loading.value = true;
+      state.data = res?.result?.list || [];
+      state.total = res?.result?.count || 0;
+    })
+    .catch(() => {
+      loading.value = false;
+    });
+};
+
+// 获取列表数据
+getList();
+
+onMounted(() => {
+  // 是否需要触发新建弹框
+  let str = location.href;
+  let isOpen = str.includes("openCreate=true");
+  if (isOpen) {
+    newNext.value = true;
+  }
+  column.push(authenticationColumn)
+});
+
+const { resetFields } = Form.useForm(searchData, {});
+
+const handle = (record) => ({
+  withdraw: async () => {
+    try {
+      // editReleaseStatus({ assessmentId: record.id, releaseStatus: 1 });
+      await rePushOrWithdraw({ casesRecommendId: record.id });
+      getList();
+    } catch (error) {
+      message.info("推送失败！");
+    }
+  },
+  del: async () => {
+    loading.value = true;
+    await deleteResearch({ id: record.id })
+      .then(() => {
+        message.info("删除成功！");
+        getList();
+      })
+      .catch(() => (loading.value = false));
+  },
+});
+
+const handleMsg = {
+  del: "你确定要删除这条记录吗？",
+  withdraw1: "你确认要撤回此次推送吗？",
+  withdraw2: "你确认要撤回此次推送吗？",
+  withdraw3: "你确认要撤回此次推送吗？",
+  withdraw4: "您确定要重新推送此案例吗？",
+  withdraw5: "您确定要重新推送此案例吗？",
+};
+
+function handleOper(record, type, status = '') {
+  dialog({ content: handleMsg[status ? type + status : type], ok: handle(record)[type] });
+}
+// 信息下载
+const downloadInfo = (record) => {
+  try {
+    useDownload('/xboe/m/boe/cases/recommend/info_download', { casesRecommendId: record.id }, '案例信息')
+  } catch (error) {
+    console.log(error);
+  }
+};
+
+const handelChangePage = (page, pageSize) => {
+  loading.value = false;
+  searchData.value.pageSize = pageSize;
+  searchData.value.pageIndex = page;
+  getList();
+};
+
+function timeChange(time, timeStr) {
+  searchData.value.recommendTimeList = time ? time : [];
+}
+
+const handleRest = () => {
+  recommendTimeList.value = [];
+  resetFields();
+  getList();
+};
+
+const handleNew = () => {
+  newNext.value = true;
+};
+
+</script>
+<style lang="scss" scoped>
+.clearfix:before,
+.clearfix:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+
+.addTimeBox {
+  position: relative;
+  display: flex;
+  align-items: center;
+  :deep(.ant-picker-range-separator){
+    padding: 0;
+    margin-right: 30px;
+  }
+  .addTime {
+    position: absolute;
+    z-index: 10;
+    margin-left: 10px;
+    color: rgba(0, 0, 0, 0.4);
+    .timePng{
+      width: 20px;
+      height: 20px;
+    }
+  }
+
+  .ant-picker {
+    padding-left: 50px;
+  }
+
+  .ant-picker-range .ant-picker-active-bar {
+    margin-left: 85px;
+  }
+}
+
+.out {
+  //display: flex;
+  display: block;
+  position: absolute;
+  width: 680px;
+  // height: 525px;
+  background-color: #fff;
+  box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+
+  .top {
+    width: 100%;
+    height: 68px;
+
+    background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%);
+    display: flex;
+    align-items: center;
+
+    .topimg {
+      width: 18px;
+      height: 18px;
+      margin-left: 27px;
+    }
+
+    .topc {
+      color: #000000;
+      font-size: 16px;
+      margin-left: 8px;
+    }
+  }
+
+  .mid {
+    width: 100%;
+    height: 100%;
+    background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .d {
+      // margin-top: 8px;
+      // color: #ff4e4e;
+      margin-left: -5px;
+    }
+
+    .name {
+      width: 78%;
+      // background-color: lightcoral;
+      display: flex;
+      margin-top: 20px;
+      align-items: center;
+      height: 40px;
+      // border: 1px solid black;
+
+      .inname {
+        color: #6f6f6f;
+        font-size: 14px;
+        margin-left: 7px;
+      }
+
+      .in {
+        margin-left: 14px;
+        width: 81%;
+
+        .ant-input {
+          border-radius: 5px;
+          // height: 120%;
+          width: 100%;
+          height: 30px;
+        }
+
+        .showcount {
+          position: absolute;
+          right: 10px;
+          color: #c7cbd2;
+          bottom: 5px;
+        }
+      }
+    }
+
+    .btn {
+      width: 33%;
+      margin-top: 30px;
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 30px;
+
+      .samtn {
+        width: 100px;
+        height: 40px;
+        font-size: 14px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        cursor: pointer;
+      }
+
+      .btn1 {
+        background-color: #fff;
+        color: #4ea6ff;
+      }
+
+      .btn2 {
+        margin-left: 10px;
+        background-color: #4ea6ff;
+        color: #fff;
+      }
+    }
+  }
+}
+
+.recommend {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .filterItems {
+      display: flex;
+      flex-wrap: wrap;
+
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+
+      .btn {
+        padding: 0 26px 0 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btnn {
+        padding: 0 26px 0 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #fff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn1 {
+        .search {
+          width: 15px;
+          height: 17px;
+          background-image: url("../../assets/images/courseManage/search0.png");
+        }
+      }
+
+      .btn2 {
+        .search {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/reset0.png");
+        }
+      }
+
+      // .btn1:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+
+      //   .search {
+      //     background-image: url("../../assets/images/courseManage/search0.png");
+      //   }
+
+      //   .btnText {
+      //     color: #ffffff;
+      //   }
+      // }
+
+      .btn1:active {
+        background: #0982ff;
+      }
+
+      // .btn2:hover {
+      //   background: rgba(64, 158, 255, 0.1);
+      // }
+
+      .btn2:active {
+        background: rgba(64, 158, 255, 0.2);
+      }
+    }
+
+    .btns {
+      display: flex;
+
+      .btn {
+        padding: 0 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        //border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn3 {
+        margin-right: 0;
+
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add0.png");
+        }
+      }
+
+      // .btn3:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+
+      //   .search {
+      //     background-image: url("../../assets/images/courseManage/add0.png");
+      //   }
+
+      //   .btnText {
+      //     color: #ffffff;
+      //   }
+      // }
+
+      .btn3:active {
+        background: #0982ff;
+      }
+    }
+  }
+
+  .tableBox {
+    margin: 20px 38px 30px;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+
+    th.ant-table-cell {
+      background-color: #eff4fc !important;
+      text-align: center;
+      color: #999ba3;
+    }
+
+    td.ant-table-cell {
+      text-align: center;
+    }
+  }
+
+  .pa {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin-bottom: 20px;
+
+    .pagination {
+      margin-bottom: 20px;
+    }
+
+    .ant-pagination-item-link,
+    .ant-pagination-item,
+    .ant-select-selector,
+    .ant-pagination-options-quick-jumper input {
+      border-radius: 8px;
+    }
+  }
+
+  .unout {
+    display: none;
+  }
+
+  .operation {
+    display: flex;
+    justify-content: right;
+
+    .fb {
+      display: flex;
+      margin-right: 20px;
+
+      .jc {
+        color: #4ea6ff;
+        font-size: 14px;
+        margin-left: 20px;
+        white-space: nowrap;
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+.DelModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
+
+      .ant-modal-body {
+        .delete {
+          z-index: 9999;
+          width: 424px;
+          background: #ffffff;
+          box-shadow: 0 1px 35px 0 rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%);
+          }
+
+          .del_main {
+            width: 100%;
+            position: relative;
+
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .del-icon {
+                width: 16px;
+                height: 16px;
+                position: relative;
+                margin-right: 10px;
+
+                img {
+                  width: 100%;
+                  height: 100%;
+                  position: absolute;
+                  top: 0;
+                  left: 0;
+                  background-size: 100% 100%;
+                }
+              }
+
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
+
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+            }
+
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 14px;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+              }
+
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>

From 870bb78929699b90b73031f2394b30be121d8ac4 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Mon, 9 Oct 2023 17:55:07 +0800
Subject: [PATCH 18/43] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E6=8E=A8=E8=8D=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 5004 +----------------
 1 file changed, 143 insertions(+), 4861 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 6acdd35a..0374c4fa 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -1,4 +1,5 @@
 <!-- 课程推荐页面 -->
+
 <template>
   <div class="courseManage">
     <div class="headerf">
@@ -19,13 +20,6 @@
               placeholder="请输入名称"
             />
           </div>
-          <div class="pathnameInp">
-            <a-input
-              v-model:value="projectName"
-              style="width: 200px; height: 40px; border-radius: 8px"
-              placeholder="请输入所属项目"
-            />
-          </div>
           <div class="select">
             <a-select
               v-model:value="auditStatus"
@@ -37,27 +31,6 @@
             >
             </a-select>
           </div>
-          <div class="select">
-            <a-tree-select
-              :getPopupContainer="
-                (triggerNode) => triggerNode.parentNode || document.body
-              "
-              v-model:value="sysTypeId"
-              show-search
-              style="width: 200px"
-              :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
-              placeholder="请选择内容分类"
-              allow-clear
-              tree-default-expand-all
-              :fieldNames="{
-                children: 'children',
-                label: 'name',
-                value: 'code',
-              }"
-              :tree-data="sysTypeOptions"
-            >
-            </a-tree-select>
-          </div>
           <div style="display: flex; margin-bottom: 20px" class="courseBtn">
             <div class="btn btn1" @click="handleSearch1">
               <div class="search"></div>
@@ -68,20 +41,10 @@
               <div class="btnText">重置</div>
             </div>
           </div>
-          <div class="btns">
-            <!-- 2022-11-30注释 后面放开 -->
-
-            <div class="btn btn3" @click="of_hShow">
-              <div class="search"></div>
-              <div class="btnText">新建课程</div>
-            </div>
-          </div>
         </div>
       </div>
-
       <!-- 搜索框及按钮 -->
     </div>
-
     <!-- 表格 -->
     <div style="padding: 10px 35px">
       <a-table
@@ -91,107 +54,31 @@
         :data-source="tableData1"
         :loading="tableLoading"
         :pagination="false"
+        :row-selection="rowSelection"
         :scroll="{ x: 'max-content' }"
       >
         <template #action="{ text, record, index }">
           <a-space :key="record.id">
-            <a-button
+            <!-- <a-button
               v-if="(record.auditStatus === 2 || record.auditStatus === 3) && !record.publishStatus && checkPer(record.permissions,createId)"
               @click="() => handlePush(text, index)"
               type="link"
               >发布
             </a-button>
-            <a-button
-              v-if="record.auditStatus === 0 && checkPer(record.permissions,createId)"
-              @click="() => handleSubmit(text, index)"
-              type="link"
-              >提交审核
-            </a-button>
-            <a-button
-              v-if="(record.auditStatus === -1 || record.auditStatus === 2 || record.auditStatus === 3) && !record.publishStatus && checkPer(record.permissions,createId)"
-              @click="() => handleEdit(record, String(record.courseform))"
-              type="link"
-              >编辑
-            </a-button>
             <a-button
               v-if="
-                (record.publishStatus === 1)
+                (record.auditStatus === 1 || record.auditStatus === 2 || record.publishStatus) &&
+                record.status &&
+                checkPer(record.permissions,createId)
               "
-              @click="() => handleStart(record, String(record.courseform))"
+              @click="() => handleRejectExit(text, index, record)"
               type="link"
-              >开课
+              block
+              >撤回</a-button
+            > -->
+            <a-button @click="() => handleOper(record,  record.publishStatus)" type="link">
+              {{ status[record.publishStatus] }}
             </a-button>
-            <a-button
-              @click="() => handleLook(record, String(record.courseform))"
-              type="link"
-              >查看
-            </a-button>
-            <a-button
-              v-if="
-                (record.auditStatus === 2 || record.publishStatus)
-              "
-              @click="() => handleGuan22(record, String(record.courseform))"
-              type="link"
-              >管理
-            </a-button>
-            <DropDown
-              v-if="checkOwner(record.permissions)"
-              value="授权"
-            >
-              <OwnerTableModelStudent :types="[10, 11, 12]" :id="record.id" :type="12"
-                >权限名单</OwnerTableModelStudent
-              >
-              <CommonStudent :type="10" :id="record.id" title="查看权"
-                >查看权</CommonStudent
-              >
-              <CommonStudent :type="11" :id="record.id" title="管理权"
-                >管理权</CommonStudent
-              >
-            </DropDown>
-            <DropDown v-if="checkPer(record.permissions,createId)" value="更多">
-              <a-button @click="() => handleCopy(text)" type="link" block>复制</a-button>
-              <a-button
-                v-if="
-                  (record.auditStatus === 1 || record.auditStatus === 2 || record.publishStatus) &&
-                  record.status &&
-                  checkPer(record.permissions,createId)
-                "
-                @click="() => handleRejectExit(text, index, record)"
-                type="link"
-                block
-                >撤回</a-button
-              >
-              <a-button
-                v-if="
-                  record.publishStatus&&
-                  record.status &&
-                  checkPer(record.permissions,createId)
-                "
-                @click="() => handleStop(record)"
-                type="link"
-                block
-                >停用</a-button
-              >
-              <a-button
-                v-if="
-                  record.publishStatus&&
-                  !record.status &&
-                  checkPer(record.permissions,createId)
-                "
-                @click="() => handleOpen(record)"
-                type="link"
-                block
-                >启用</a-button
-              >
-              <a-button
-                v-if="record.publishStatus!==1 || !record.status"
-                @click="() => handleDelete(text, index, record)"
-                type="link"
-                block
-                danger
-                >删除
-              </a-button>
-            </DropDown>
           </a-space>
         </template>
       </a-table>
@@ -210,131 +97,54 @@
       />
     </div>
     <!-- 表格 -->
-
   </div>
-
-  <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
-    <a-spin :spinning="addLoading" tip="" />
-  </div>
-
 </template>
+
 <script lang="jsx">
 import {
   reactive,
   toRefs,
   defineComponent,
   ref,
-  shallowRef,
-  onMounted,
-  onBeforeUnmount,
-  watch,
   computed,
 } from "vue";
-
-import * as apis from "../../api/indexTaskManage";
 import { message } from "ant-design-vue";
 import { useRouter, useRoute } from "vue-router";
-import CommonStudent from "@/components/student/CommonStudent";
-import OwnerTableModelStudent from "@/components/student/OwnerTableModelStudent";
-import addOnlineCourse from "../../components/Modals/addOnlineCourse.vue";
-
-import ProjOwnerShip from "../../components/drawers/ProjectOwn";
-import NameInput from "../../components/project/NameInput";
-import ProjPowerList from "../../components/drawers/ProjPowerList";
-import ProjCheckShip from "../../components/drawers/ProjCheckPower";
-import AssessmentList from "../../components/drawers/AssessmentList.vue";
 import dialog from "@/utils/dialog";
-// import { queryAssessmentDetailList } from "@/api/indexResearch";
 import {
   list,
-  detail,
   handle,
-  deletePlan,
-  planList,
-  editPlan,
-  studentList,
-  addStudent,
-  studentExport,
-  handleStudent,
-  getMemberInfoApi,
-  copyCoursePlan,
-  copyCourse,
 } from "@/api/indexCourse";
 import {
-  traverseArr,
-  getdateToTime,
-  newFile,
-  getdateToDate,
 } from "../../utils/utils";
-import { validateName } from "@/api/index1";
-import { fileUp } from "../../api/indexEval";
-import * as api1 from "../../api/index1";
-
 import "@wangeditor/editor/dist/css/style.css";
-import ProjectManager from "@/components/project/ProjectManagerNew";
-
-import SeeModal from "./components/seeModal.vue";
-import CourseModal from "./courseModal.vue";
 import * as moment from "moment";
-import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue";
 import { codeUrl, toDate } from "@/api/method";
-import { queryWorkDetailById } from "@/api/indexWork";
-import { queryExaminationDetailById } from "@/api/indexExam";
-import AddHomework from "../../components/drawers/CommonHomework.vue";
-import AddTest from "../../components/drawers/CommonTest.vue";
-import TableStudent from "@/components/student/TableStudent";
-import FJUpload from "@/components/common/FJUpload";
-import {auditStudentStatus} from "@/api/indexProjStu";
 import { useStore } from "vuex";
-import DropDown from "@/components/common/DropDown";
 import { checkPer, checkOwner } from "@/utils/utils";
-import dayjs from "dayjs";
-import {duration} from "moment";
-
-//列表表格
 
+  const status = {
+    1: "推荐",
+    2: "取消推荐",
+    3: "重新推送",
+  }
 export default defineComponent({
-  components: {
-    // OwnPower,
-    // Corpowerlist,
-    CommonStudent,
-    DropDown,
-    OwnerTableModelStudent,
-    SeeModal,
-    CourseModal,
-    FJUpload,
-    // StuAdd,
-    ProjectManager,
-    ProjOwnerShip,
-    ProjPowerList,
-    ProjCheckShip,
-    AssessmentList,
-    AddHomework,
-    AddTest,
-    NameInput,
-    TableStudent,
-    // VNodes: (_, {attrs}) => {
-    //   return attrs.vnodes;
-    // },
-    addOnlineCourse,
-    TwoDimensionalCode,
-  },
+  components: {},
+  
   setup() {
-    const CourseModalRef = ref(null);
+    // function handleOper(record, type, status = '') {
+    //   dialog({ content: handleMsg[status ? type + status : type], ok: handle(record)[type] });
+    // }
     const store = useStore();
     const sysTypeOptions = computed(() => store.state.content_type);
-    const durationText = computed(() => state.xjkkinputV3?.length?dayjs(state.xjkkinputV3[1]).diff(dayjs(state.xjkkinputV3[0]),'minute'):'请输入持续时间');
-
     const state = reactive({
+      
       permissions:null,
       createId:null,
-      workInfo: {},
-      examInfo: {},
       tableLoading: false,
-      itemType: null,
       columns1: [
         {
-          title: "课程编号",
+          title: "序号",
           width: 130,
           dataIndex: "offcourseNumber",
           key: "offcourseNumber",
@@ -342,7 +152,7 @@ export default defineComponent({
         },
         {
           title: "名称",
-          width: 400,
+          width: 200,
           dataIndex: "name",
           key: "name",
           ellipsis: true,
@@ -351,6 +161,16 @@ export default defineComponent({
             return text ? text : "-";
           },
         },
+         {
+          title: "内容分类",
+          width: 130,
+          dataIndex: "contentTxt",
+          ellipsis: true,
+          key: "contentTxt",
+          align: "center",
+          customRender: ({ record }) =>
+            findClassFullName(sysTypeOptions.value, record.sysTypeId) || "-",
+        },       
         {
           title: "关键字",
           dataIndex: "tips",
@@ -361,47 +181,6 @@ export default defineComponent({
             return <a-tooltip placement="topLeft" title = {text} >{text ? text : "-"}</a-tooltip>
           },
         },
-        {
-          title: "内容分类",
-          width: 130,
-          dataIndex: "contentTxt",
-          ellipsis: true,
-          key: "contentTxt",
-          align: "center",
-          customRender: ({ record }) =>
-            findClassFullName(sysTypeOptions.value, record.sysTypeId) || "-",
-        },
-    
-        {
-          title: "状态",
-          width: 130,
-          dataIndex: "auditStatus",
-          key: "6",
-          align: "center",
-          customRender: ({ record }) => {
-            switch (String(record.auditStatus)) {
-              case "0":
-                return "未提交";
-              case "1":
-                return "待审核";
-              case "2":
-                return "已审核";
-              case "3":
-                return "已审核";
-              case "-1":
-                return "审核未通过";
-            }
-          },
-        },
-        {
-          title: "是否发布",
-          width: 100,
-          dataIndex: "publishStatus",
-          key: "7",
-          align: "center",
-          customRender: ({ record }) =>
-            record.publishStatus? "已发布" : "未发布",
-        },
         {
           title: "创建人",
           width: 100,
@@ -423,20 +202,74 @@ export default defineComponent({
           customRender: ({ text }) => {
             return text ? text : "-";
           },
-        },
-   
+        }, 
         {
-          title: "是否停用",
+          title: "推荐时间",
           width: 100,
-          key: "status",
-          dataIndex: "status",
+          ellipsis: true,
+          dataIndex: "publishTime",
+          key: "10",
           align: "center",
-          customRender: ({ record }) =>
-            record.publishStatus? (record.status ? "启用" : "停用") : "-",
+          customRender: ({ text, publishStatus }) => {
+            return publishStatus? text || "-" : "-";
+          },
+        },   
+        {
+          title: "状态",
+          width: 130,
+          dataIndex: "auditStatus",
+          key: "6",
+          align: "center",
+          customRender: ({ record }) => {
+            switch (String(record.auditStatus)) {
+              case "0":
+                return "未提交";
+              case "1":
+                return "待审核";
+              case "2":
+                return "已审核";
+              case "3":
+                return "已审核";
+              case "-1":
+                return "审核未通过";
+            }
+          },
+        },
+        // {
+        //   title: "是否推荐",
+        //   width: 100,
+        //   dataIndex: "publishStatus",
+        //   key: "7",
+        //   align: "center",
+        //   customRender: ({ record }) =>
+        //     record.publishStatus? "已发布" : "未发布",
+        // },
+        {
+          title: "推送进度",
+          dataIndex: "publishStatus",
+          key: "publishStatus",
+          width: 100,
+          align: "center",
+          customRender: ({ text }) => {
+            switch (text) {
+              case 1:
+                return <span>推送中</span>;
+              case 2:
+                return <span>推送中</span>;
+              case 3:
+                return <span>已完成</span>;
+              case 4:
+                return <span style={{ color: "red" }}>推送失败</span>;
+              case 5:
+                return <span>推送撤回</span>;
+              default:
+                return <span>-</span>;
+            }
+          },
         },
         {
           title: "操作",
-          width: 250,
+          width: 100,
           dataIndex: "id",
           key: "id",
           fixed: "right",
@@ -444,346 +277,23 @@ export default defineComponent({
           slots: { customRender: "action" },
         },
       ],
-
-      shipType: 1,
-      addLoading: false,
-      currentPlanItem: {},
-      teacherId: null,
-      teacher: null,
-      selectedRowKeys7: [],
-      auditDescription: "",
-      isEdit: 0,
-      member: { name: "", value: "" },
-
-      stuColumns: [],
+      //列表表格
+      tableData1: [],
       currentPage1: 1,
       tableDataTotal1: -1,
       pageSize1: 10,
-
-      currentPageTea1: 1,
-      tableDataTotalTea1: 0,
-      pageSizeTea1: 10,
-      currentPageTea2: 1,
-      tableDataTotalTea2: 0,
-      pageSizeTea2: 10,
-
-      Stuvisible: false, //添加学员
-
-      currentPage: 1,
-      tableDataTotal: 100,
       pageSize: 10,
-      selectedRowKeys: [],
-      faceManageTab: "1",
-      of_hs: false,
-      hideshow: true,
-      bs_hs: false,
-      ft_hs: false,
-      lookMs: false,
-      om_1: false,
-      ft_1: false,
-      om_ckxq: false,
-      stm_hs: false,
-      cstm_hs: false,
-      sm_hs: false,
-      QR_hs: false,
-      closableQR: false,
-      rg_hs: false,
-      piliang: false,
-      graduate_hs: false,
-      agreereject_hs: false,
-      agreestudy_hs: false,
-      rejectstudy_hs: false,
-      delete_hs: false,
-      submit_hs: false,
-      push_hs: false,
-      back_hs: false,
-      del_hs: false,
-      del_hs_stu: false,
-      copy_hs: false,
-      nouse_hs: false,
-      // 二维码标题状态
-      qrQR_hs: false,
-      olQR_hs: false,
-      ftQR_hs: false,
-      ftsQR_hs: false,
-      vipftQR_hs: false,
-      //抽屉状态
-      ownpowervisible: false,
-      corpowerlistvisible: false,
-
-      lookCourseModal: false,
-      faceDetailObj: {},
-
-      offcourseId: null,
-      temp: null,
-      useCourse: false,
-      stopCourse: false,
       projectName: "",
       name: "",
       createName: "",
       auditStatus: null,
-      categoryId: undefined,
       sysTypeId: undefined,
-      projectTime: "",
-
-      //列表
-      value1: "",
-      value2: "",
-      value3: "",
-      value4: "",
-      //选择线上还是面授
-      xzinputV1: "",
-      valueE1: "",
-      valueE2: "",
-      //确定面授
-      ft_eidt: false,
-      statusJuJue: 0,
-      statusTingQi: 1,
-      qdms_inputV1: "",
-      qdms_inputV2: "",
-      qdms_inputV3: "",
-      qdms_inputV4: [],
-      tagsOptions: [],
-      qdms_inputV5: null,
-      fen_lei: null,
-      feng_mian_1: null,
-      feng_mian_2: null,
-      chang_jin: null,
-      tags_val_single: "",
-      tags_val: [],
-      qdms_inputV6: "",
-      //在线面授管理
-      gl_selectV1: undefined,
-      gl_selectV2: undefined,
-      gl_inputV1: "",
-      gl_inputV2: "",
-      manageStuLoading: true,
-      currentFaceId: "",
-      //开课
-      kk_eidt: false,
-      kkinputV1: "",
-      kkinputV2: "",
-      //新建开课
-      xjkkradioV1: false,
-      completeType: "",
-      xjkkinputV1: "",
-      onceName: "",
-      xjkkinputV2: "",
-      duration: "",
-      xjkkinputV3: "",
-      xjkkinputV4: null,
-      beforeValue: null, //考勤 开始前
-      afterStartValue: null, //考勤 开始后
-      //开课学员管理
-      xygl_inputV1: "",
-      //录入成绩
-      lrcj_inputV1: "",
-      scoreId: null, //录入成绩id
-      isgetStudent: false, //是否重新获取学员
-      //结业
-      jyradioV1: "",
-
-      imageUrl: "",
-      imgList: [],
-      validated: 0,
-      attach: "",
-      pageSize2: 10,
-      currentPage2: 1,
-      tableDataTotal2: 0,
-      pageSize22: 10,
-      currentPage22: 1,
-      tableDataTotal22: 0,
-      pageSize222: 10,
-      currentPage222: 1,
-      tableDataTotal222: 0,
-      kk_inputV1: "",
-      kk_inputV2: "",
-      selectTime: "",
-
-      pageSize3: 10,
-      currentPage3: 1,
-      tableDataTotal3: 0,
-
-      checked1: false,
-      checked4: false,
-      offcoursePlanId: 0,
-      filesList: [],
-      signCom: false,
-      regisCom: false,
-      comLeave: false,
-      studentId: 0,
-      homeWorkId: null,
-      studentItem: {},
-      addOnlineCoursevisible: false, //新建面授弹窗
-
-      selectCourseId: null, //授权选择的id
-
-      viewpowervisible: false, //查看权抽屉
-      authClassify: null, //1：查看权 2：管理权 3：学员
-      addAuthList: null,
-
-      addStudentList: null, //选中列表
-
-      newCourseName: null, //新建开课名称
-      EditWorkId: null,
-      assessment: {},
-      assessmentId: null,
-      workName: null,
-      EditTestId: null,
-      testName: null,
-      assessmentName: "",
-      assessmentVisible: false,
-      addhomeworkvisible: false,
-      addtestvisible: false,
-      codevisible: false, //二维码弹窗
-      codeIndex: null,
-      codeInfo: null, //二维码内容
       codeUrl: codeUrl,
-
-      // 课程三级分类
-      options2222: [
-        {
-          title: "领导力",
-          value: "100",
-          children: [
-            {
-              title: "管理业务",
-              value: "1001",
-            },
-            {
-              title: "管理团队",
-              value: "1002",
-            },
-            {
-              title: "管理自我",
-              value: "1003",
-            },
-          ],
-        },
-        {
-          title: "专业力",
-          value: "200",
-          children: [
-            {
-              title: "研发",
-              value: "2001",
-            },
-            {
-              title: "系统和解决方案",
-              value: "2002",
-            },
-            {
-              title: "生产技术与制造",
-              value: "2003",
-            },
-            {
-              title: "供应链",
-              value: "2004",
-            },
-            {
-              title: "营销",
-              value: "2005",
-            },
-            {
-              title: "品质",
-              value: "2006",
-            },
-            {
-              title: "专业职能",
-              value: "2007",
-              children: [
-                {
-                  title: "战略与企划",
-                  value: "200701",
-                },
-                {
-                  title: "流程管理",
-                  value: "200702",
-                },
-                {
-                  title: "业绩管理",
-                  value: "200703",
-                },
-                {
-                  title: "项目管理",
-                  value: "200704",
-                },
-                {
-                  title: "信息技术",
-                  value: "200705",
-                },
-                {
-                  title: "环境与安全",
-                  value: "200706",
-                },
-                {
-                  title: "人力资源",
-                  value: "200707",
-                },
-                {
-                  title: "企业文化",
-                  value: "200708",
-                },
-                {
-                  title: "品牌",
-                  value: "200709",
-                },
-                {
-                  title: "财务",
-                  value: "200710",
-                },
-                {
-                  title: "法务",
-                  value: "200711",
-                },
-                {
-                  title: "风险控制",
-                  value: "200712",
-                },
-                {
-                  title: "行政",
-                  value: "200713",
-                },
-              ],
-            },
-            {
-              title: "医工",
-              value: "2008",
-            },
-          ],
-        },
-        {
-          title: "通用力",
-          value: "300",
-          children: [
-            {
-              title: "职业操守与道德",
-              value: "3001",
-            },
-            {
-              title: "职业素养与技能",
-              value: "3002",
-            },
-            {
-              title: "规章制度",
-              value: "3003",
-            },
-          ],
-        },
-      ],
-
-      // 点击开课管理 -- 显示得信息
-      faceType: "面授课", // 面授课类型
-      faceClassification: "", // 课程内容分类
-      faceStatus: "", // 课程状态
-
-      codeType: null, //二维码类型
+      selectedRowKeys:[],   //标题ID
+      caseTitleList:[],
+      selectedRow:[],       //选组的每一行数据
     });
-
-    function timeChange(time, timeStr) {
-      // state.duration || (state.duration = dayjs(timeStr[1]).diff(dayjs(timeStr[0]),'minute'))
-    }
-
+    //内容分类
     function findClassFullName(list, classify, name = "") {
       return (
         (list &&
@@ -806,167 +316,11 @@ export default defineComponent({
       );
     }
 
-    const showStuAdd = (record) => {
-      state.selectCourseId = record.offcoursePlanId;
-      state.shipType = 2;
-      state.authClassify = 3;
-      state.viewpowervisible = true;
-    };
-
-    //  富文本 sssssssssssssss
-    // 编辑器实例，必须用 shallowRef
-    const editorRef = shallowRef();
-    // 内容 HTML
-    const valueHtml = ref("");
-    // // 模拟 ajax 异步获取内容
-    onMounted(() => {});
-
-    const toolbarConfig = {
-      excludeKeys: ["insertVideo", "insertImage"],
-    };
-    const editorConfig = { placeholder: "请输入内容...", MENU_CONF: {} };
-    editorConfig.MENU_CONF["uploadImage"] = {
-      // 自定义上传
-      async customUpload(file, insertFn) {
-        const formData = new FormData();
-        formData.append("file", file);
-        fileUp(formData).then((res) => {
-          if (res.data.code === 200) {
-            // 最后插入图片
-            insertFn(res.data.data, file.name, res.data.data);
-          }
-        });
-      },
-    };
-    const handleCreated = (editor) => {
-      console.log("toolbar2222222222333333322222");
-      console.log(editorRef.value);
-      editorRef.value = editor; // 记录 editor 实例，重要！
-    };
-    // 组件销毁时，也及时销毁编辑器
-    onBeforeUnmount(() => {
-      const editor = editorRef.value;
-      if (editor == null) return;
-      editor.destroy();
-    });
-    //  富文本 eeeeeeeeeeeeee
-
     const route = useRoute();
     console.log(route);
     const router = useRouter();
     console.log(router);
 
-    const beforeUpload = (file) => {
-      return new Promise((resolve, reject) => {
-        const isJpgOrPng =
-          file.type === "image/jpg" ||
-          file.type === "image/jpeg" ||
-          file.type === "image/png" ||
-          file.type === "image/svg" ||
-          file.type === "image/bmp" ||
-          file.type === "image/gif";
-        if (!isJpgOrPng) {
-          message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!");
-          return reject(false);
-        }
-
-        console.log(file.size);
-        let isLt1M = file.size / 10240 / 10240 <= 1;
-        if (!isLt1M) {
-          this.$message.error("图片大小超过10MB!");
-          return reject(false);
-        }
-
-        let w = 0,
-          h = 0;
-        let reader = new FileReader();
-        reader.readAsDataURL(file);
-        reader.onload = () => {
-          const image = new Image();
-          image.src = reader.result;
-          image.onload = () => {
-            w = image.width;
-            h = image.height;
-            const ratio = 800 / 450;
-            if (w / h == ratio) {
-              // 图片比例为800*450横纵比一致
-
-              const formData = new FormData();
-              formData.append("file", file);
-              console.log(file);
-              fileUp(formData).then((res) => {
-                if (res.data.code === 200) {
-                  state.imageUrl = res.data.data;
-                  // state.hasImgName = file.name;
-                  // emit("src", { id: curItem.value.id, src: res.data.data });
-                }
-              });
-              return resolve(true);
-            } else {
-              message.error(
-                "图片尺寸错误，只能上传800*450(高宽比例为16：9)横纵比一致的图片"
-              );
-              return reject(false);
-            }
-          };
-        };
-
-        return reject(false);
-      });
-    };
-    const beforeUpload2 = (file) => {
-      console.log(6765555);
-      console.log(file);
-      const fileType = [
-        "jpg",
-        "jpeg",
-        "png",
-        "gif",
-        "pdf",
-        "ppt",
-        "pptx",
-        "doc",
-        "docx",
-        "xls",
-        "xlsx",
-        "zip",
-      ];
-      if (!fileType.includes(file.name.split(".")[1])) {
-        message.error(
-          "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
-        );
-        return false;
-      }
-
-      // let isLt1M = file.size / 10240 / 10240 <= 1;
-      // if (!isLt1M) {
-      //   this.$message.error("图片大小超过10MB!");
-      //   return false;
-      // }
-
-      const formData = new FormData();
-      formData.append("file", file);
-      console.log(file);
-      fileUp(formData).then((res) => {
-        if (res.data.code === 200) {
-          state.imgList.push({
-            img: res.data.data,
-            name: file.name,
-            size: file.size,
-          });
-          console.log(state.imgList);
-          // state.hasImgName = res.data.data;
-        }
-      });
-      return false;
-    };
-    const handleDel = (index) => {
-      state.imgList.splice(index, 1);
-    };
-    const handleDel2 = (index) => {
-      state.filesList.splice(index, 1);
-    };
-
     // 渲染列表1操作
     const getTableDate = async () => {
       state.tableLoading = true;
@@ -987,7 +341,6 @@ export default defineComponent({
         pageNo: state.currentPage1,
         pageSize: state.pageSize1,
         auditStatus: state.auditStatus,
-        // categoryId: state.categoryId,
         sysTypeId: state.sysTypeId,
         projectName: state.projectName,
         name: state.name,
@@ -999,20 +352,40 @@ export default defineComponent({
       state.tableData1 = rows;
       state.tableDataTotal1 = total;
       state.tableLoading = false;
-      // itm.pageNo = pageNo;
-      // itm.contentTxt = findClassFullName(sysTypeOptions.value, itm.sysTypeId) || "-";
       console.log("state.tableData1", state.tableData1);
     };
-
     getTableDate();
+
+    // 计算全选
+    const rowSelection = computed(() => {
+      return {
+        selectedRowKeys: state.selectedRowKeys,
+        onChange: onSelectChange,
+        preserveSelectedRowKeys: true,
+        
+      }
+    });
+    //计算出来已选中状态
+    const onSelectChange = (selectedRowKeys, selectedRow) => {
+      console.log(selectedRowKeys,'selectedRowKeys');
+      console.log(selectedRow,'selectedRow');
+      state.selectedRowKeys = selectedRowKeys
+      state.selectedRow = selectedRow
+      
+      console.log(state.selectedRow, state.caseTitleList);
+
+    };
+    //分页
     const handelChangePage1 = (page, pageSize) => {
       state.currentPage1 = page;
       state.pageSize1 = pageSize;
       getTableDate();
     };
+    //搜索
     const handleSearch1 = () => {
       getTableDate();
     };
+    //重置
     const handleRest1 = () => {
       state.projectName = "";
       state.name = "";
@@ -1023,330 +396,6 @@ export default defineComponent({
       getTableDate();
     };
 
-    const handleSucessStu = (itm) => {
-      console.log(itm);
-      state.studentId = itm.studentId;
-      state.studentItem = itm;
-
-      state.agreereject_hs = true;
-      state.agreestudy_hs = true;
-    };
-    const handleRejectStu = (itm) => {
-      console.log(itm);
-      state.studentId = itm.studentId;
-      state.studentItem = itm;
-
-      state.agreereject_hs = true;
-      state.rejectstudy_hs = true;
-    };
-    const handleDeleteStu = (itm) => {
-      console.log(itm);
-      state.studentId = itm.studentId;
-      state.studentItem = itm;
-
-      state.delete_hs = true;
-      state.del_hs = true;
-      state.del_hs_stu = true;
-    };
-    const handlJoinStu = (itm) => {
-      console.log(itm);
-      state.studentId = itm.studentId;
-      state.studentItem = itm;
-
-      state.rg_hs = true;
-      state.scoreId = itm.id;
-    };
-    const handleOverStu = (itm) => {
-      console.log("点击结业", itm);
-      state.studentId = itm.studentId;
-      state.studentItem = itm;
-
-      state.graduate_hs = true;
-    };
-
-    //快速选人 选中的数组
-    const onSelectChange7 = (selectedRowKeys, item) => {
-      console.log("selectedRowKeys changed: ", selectedRowKeys, item);
-      state.selectedRowKeys7 = selectedRowKeys;
-      if (selectedRowKeys.length) {
-        state.piliang = true;
-      } else {
-        state.piliang = false;
-      }
-      // state.choosepeople = item.reverse();
-      // console.log(item, "选中你了！", state.choosepeople);
-      // selectedsHeight();
-    };
-    const handleAllJion = () => {
-      console.log(111);
-      if (state.piliang) {
-        state.rg_hs = true;
-      }
-    };
-    const handleAllover = () => {
-      console.log(111);
-
-      if (state.selectedRowKeys7.length === 0) {
-        return;
-      }
-
-      handleStudent({
-        offcoursePlanId: state.offcoursePlanId,
-        score: "",
-        studentIds: state.selectedRowKeys7,
-        type: 2,
-      }).then((res) => {
-        console.log(res);
-        getTableDate2();
-      });
-    };
-    const handleAllSuc = () => {
-      console.log(111);
-
-      if (state.selectedRowKeys7.length === 0) {
-        return;
-      }
-
-      handleStudent({
-        offcoursePlanId: state.offcoursePlanId,
-        score: "",
-        studentIds: state.selectedRowKeys7,
-        type: 3,
-      }).then((res) => {
-        console.log(res);
-        getTableDate2();
-      });
-    };
-    const handleAllReject = () => {
-      console.log(111);
-
-      if (state.selectedRowKeys7.length === 0) {
-        return;
-      }
-
-      handleStudent({
-        offcoursePlanId: state.offcoursePlanId,
-        score: "",
-        studentIds: state.selectedRowKeys7,
-        type: 4,
-      }).then((res) => {
-        console.log(res);
-        getTableDate2();
-      });
-    };
-
-    const handleExportStu = () => {
-      console.log(55533);
-      console.log(state.offcoursePlanId);
-
-      studentExport({
-        pageNo: state.currentPage3,
-        pageSize: state.pageSize3,
-        // applyStatus: state.auditStatus,
-        // evalStatus: state.categoryId,
-        // name: state.projectName,
-        // signStatus: state.name,
-        // status: state.name,
-        offcoursePlanId: state.offcoursePlanId,
-      }).then((res) => {
-        // 流文件？？？
-        console.log("res33333");
-        console.log(res);
-
-        newFile(res.data.data);
-      });
-    };
-
-    const showAssessment = () => {
-      state.assessmentVisible = true;
-    };
-    const showDrawerAddHomework = () => {
-      state.addhomeworkvisible = true;
-    };
-    const showDrawerAddTest = () => {
-      state.addtestvisible = true;
-    };
-    const logW = () => {
-      state.workInfo = {};
-    };
-    const logT = () => {
-      state.examInfo = {};
-    };
-    const removePG = () => {
-      console.log("11111");
-      state.assessmentId = null;
-      state.assessmentName = "";
-      // state.isEvaluate = "0";
-    };
-    const getCheckedAss = (ass) => {
-      console.log("ass");
-      console.log(ass);
-      state.assessmentId = ass.assessmentId;
-      state.assessmentName = ass.name;
-      state.assessment = ass;
-      // state.assessment1 = null;
-    };
-
-    const rest = () => {
-      options4CurName.value = "";
-      options4CurId.value = "";
-      state.teacher = null;
-      state.teacherId = null;
-    };
-    const handleChangeTea1 = (val) => {
-      console.log(787877);
-      console.log(val);
-
-      rest();
-    };
-    const handelChangePageTea1 = (page, pageSize) => {
-      state.currentPageTea1 = page;
-      state.pageSizeTea1 = pageSize;
-      rest();
-    };
-    const handleChangeTea2 = (val) => {
-      console.log(787877);
-      console.log(val);
-      options4CurName.value = val;
-      rest();
-    };
-    const handelChangePageTea2 = (page, pageSize) => {
-      state.currentPageTea2 = page;
-      state.pageSizeTea2 = pageSize;
-      rest();
-    };
-
-    //获取分类、场景、封面图、-----------字典配置-------------------------------
-    const optionsUrl = ref([]);
-    //获取分类、场景、封面图、----------------字典配置---------------------------
-
-    //渲染学员管理操作
-    const getTableDate2 = async () => {
-      // let data2 = state.tableData7;
-      let obj = {
-        pageNo: state.currentPage3,
-        pageSize: state.pageSize3,
-        offcoursePlanId: state.offcoursePlanId,
-        name: state.xygl_inputV1,
-      };
-      console.log("获取学员信息", obj);
-      let res = await studentList(obj);
-      console.log("获取学员列表", res);
-      const { rows, total, pageNo } = res.data.data;
-      state.tableDataTotal3 = total;
-
-      for (let i = 0; i < rows.length; i++) {
-        rows[i].num = i + 1 + (state.currentPage3 - 1) * 10;
-      }
-      rows.forEach((item, index) => {
-        rows[index] = {
-          ...item,
-          ...item.userInfoBo,
-        };
-      });
-      const data2 = traverseArr(
-        rows,
-        {
-          key: "studentId",
-          num: "num",
-          name: "name",
-          number: "studentId",
-          department: "deptName",
-          postion: "jobName",
-          band: "bandDesc",
-          status: "applyStatus",
-          join: "source",
-          signstatus: "signStatus",
-          evastatus: "evalStatus",
-          overstatus: "status",
-        },
-        true
-      );
-      data2.forEach((itm) => {
-        itm.pageNo = pageNo;
-      });
-      state.tableData7 = data2;
-    };
-    getTableDate2();
-    // 渲染开课操作
-
-    const handleSearchTable2 = () => {
-      console.log(7878);
-      // getTableDate33();
-    };
-    const handleSearchTable3 = () => {
-      state.manageStuLoading = true;
-      state.currentPage222 = 1
-      getCourseStudentList();
-    };
-
-    const reseatSearchTable3 = () => {
-      state.currentPage222 = 1;
-      state.gl_inputV2 = "";
-      state.gl_selectV2 = undefined;
-      state.manageStuLoading = true;
-      getCourseStudentList();
-    };
-  
-    const getTableDate3 = async (type) => {
-      state.tableLoading = true;
-      // let datas = state.tableData6;
-      let beginTime = "";
-      let endTime = "";
-      if (state.selectTime) {
-        // beginTime = parseInt(new Date(state.selectTime[0].$d).getTime() / 1000);
-        // endTime = parseInt(new Date(state.selectTime[1].$d).getTime() / 1000);
-        beginTime = dayjs(state.selectTime[0]).format("YYYY-MM-DD HH:mm:ss");
-        // toDate(
-        //   new Date(state.selectTime[0].$d).getTime() / 1000,
-        //   "Y-M-D h:m:s"
-        // );
-        endTime = dayjs(state.selectTime[1]).format("YYYY-MM-DD HH:mm:ss");
-        // toDate(
-        //   new Date(state.selectTime[1].$d).getTime() / 1000,
-        //   "Y-M-D h:m:s"
-        // );
-      }
-      let obj = {
-        pageNo: type?state.currentPage2:state.currentPage222,
-        pageSize: state.pageSize222,
-        createName: state.kk_inputV1,
-        teacher: state.kk_inputV2,
-        beginTime: beginTime,
-        endTime: endTime,
-        offcourseId: state.offcourseId,
-      };
-      console.log("获取开obj", obj, state.selectTime);
-      let res = await planList(obj);
-      state.tableLoading = false;
-      console.log("开课res", res);
-      const { rows, total, pageNo } = res.data.data;
-      state.tableDataTotal222 = total;
-      state.tableDataTotal2 = total;
-
-      for (let i = 0; i < rows.length; i++) {
-        rows[i].num = i + 1 + (state.currentPage222 - 1) * 10;
-      }
-      const datas = traverseArr(
-        rows,
-        {
-          key: "offcoursePlanId",
-          num: "num",
-          organization: "name",
-          address: "address",
-          starttime: "beginTime",
-          createtime: "createTime",
-          createName: "createName",
-        },
-        true
-      );
-      datas.forEach((itm) => {
-        itm.pageNo = pageNo;
-      });
-      state.tableData6 = datas;
-      console.log("state.tableData6", state.tableData6);
-    };
-
     const options1 = ref([
       {
         value: 0,
@@ -1375,631 +424,7 @@ export default defineComponent({
         label: "已完成",
       },
     ]);
-    const options2 = ref([
-      // {
-      //   value: "value2",
-      //   label: "请选择内容分类",
-      // },
-      // {
-      //   value: "leadership",
-      //   label: "领导力",
-      // },
-      // {
-      //   value: "ingeneral",
-      //   label: "通用力",
-      // },
-      // {
-      //   value: "profession",
-      //   label: "专业力",
-      // },
-    ]);
-    const options3 = ref([]);
-    const options4 = ref([
-      // {
-      //   value: "profession",
-      //   label: "专业力",
-      // },
-    ]);
-    // 删除文件返回参数
-    const changevalue = (e) => {
-      let arr = state.attach.split(",");
-      let newarr = [];
-      for (let i = 0; i < arr.length; i++) {
-        if (i !== e) {
-          newarr.push(arr[i]);
-        }
-      }
-      if (newarr.length == 0) {
-        state.attach = "";
-      } else {
-        state.attach = newarr.toString();
-      }
-      console.log("changevalue", e, newarr, state.attach);
-    };
-    const options4CurId = ref("");
-    const options4CurName = ref("张");
-    const of_hShow = () => {
-      state.offcourseId = "";
-      if (state.of_hs == false) {
-        state.of_hs = true;
-      }
-    };
-    const of_exit1 = () => {
-      state.of_hs = false;
-      state.valueE1 = "";
-      state.valueE2 = "";
-      state.xzinputV1 = "";
-      state.hideshow = true;
-      rest();
-    };
-    const of_exit = () => {
-      state.of_hs = false;
-      state.valueE1 = "";
-      state.valueE2 = "";
-      state.xzinputV1 = "";
-      state.hideshow = true;
-    };
-    const hideShow = () => {
-      if (state.hideshow == true) {
-        state.hideshow = false;
-      } else {
-        state.hideshow = true;
-      }
-    };
-    const bs_hShow = (value) => {
-      state.bs_hs = true;
-      if (value != "") {
-        state.valueE1 = "";
-      }
-    };
-    // 弹框提示敬请期待
-    const expectOnline = () => {
-      message.destroy();
-      message.success("功能正在开发中，敬请期待。");
-    };
-    //新建面授课
-    const createft = () => {
-      if (!state.xzinputV1) {
-        message.destroy();
-        return message.warning("请输入课程名称");
-      }
-
-      if (state.validated !== 2) {
-        message.destroy();
-        return message.warning("该课程名称已存在");
-      }
-      console.log(
-        "state.bs_hs && state.valueE1 == 2",
-        state.bs_hs,
-        state.valueE1 == 2
-      );
-      if (!state.valueE1 && !state.valueE2) {
-        message.destroy();
-        return message.warning("请选择课程形式");
-      }
-
-      if (state.valueE1 === 2) {
-        state.of_hs = false;
-        // state.ft_hs = true;
-        CourseModalRef.value.visibleOpen(null, state.xzinputV1);
-
-        state.valueE1 = "";
-        state.teacher = "";
-        state.teacherName = "";
-
-        state.qdms_inputV1 = state.xzinputV1;
-        state.xzinputV1 = "";
-      }
-      if (state.bs_hs && state.valueE1 == 1) {
-        state.addOnlineCoursevisible = true;
-      }
-    };
-    const checkVal = (checkList) => {
-      let count = 0;
-      for (const keyName of checkList) {
-        if (!keyName) {
-          count++;
-        }
-      }
-      return count ? false : true;
-    };
-    const ft_exit_0 = () => {
-      // state.ft_hs = false;
-      CourseModalRef.value.visibleClose();
-    };
-    const ft_exit_1 = () => {
-      // state.ft_hs = false;
-      CourseModalRef.value.visibleClose();
-      // router.go(0);
-    };
-    const ft_exit = () => {
-      state.ft_eidt = false;
-      state.hideshow = true;
-
-      state.offcourseId = null;
-      state.statusJuJue = 1;
-      state.statusTingQi = 1;
-      state.qdms_inputV1 = "";
-      state.imageUrl = "";
-      state.qdms_inputV2 = "";
-      state.qdms_inputV3 = "";
-      state.fen_lei = null;
-      state.feng_mian_1 = null;
-      state.feng_mian_2 = null;
-      state.chang_jin = null;
-      state.tags_val = [];
-      state.qdms_inputV5 = null;
-      state.qdms_inputV6 = "";
-      state.imgList = [];
-      valueHtml.value = "";
-      state.fileList = [];
-    };
-    // 关闭查看
-    const handlelookMs = () => {
-      state.lookMs = false;
-    };
-
-    const om_exit = () => {
-      state.gl_selectV2 = undefined;
-      state.gl_inputV2 = "";
-      state.om_1 = false;
-      state.faceManageTab = "1";
-    };
-    const ckxq_hs = () => {
-      state.om_ckxq = true;
-    };
-    const ftsr_exit = () => {
-      state.om_ckxq = false;
-    };
-    const stm_exit = () => {
-      state.stm_hs = false;
-      handleCancelStu();
-      handleRestTable();
-    };
-    const createkk = () => {
-      state.offcoursePlanId = null;
-      state.itemType = 3;
-      state.member = {};
-      state.cstm_hs = true;
-    };
-    const handleCancelStu = () => {
-      state.cstm_hs = false;
-      state.attach = "";
-
-      state.kk_eidt = false;
-      state.xjkkradioV1 = false;
-      state.completeType = "";
-      state.xjkkinputV1 = "";
-      state.onceName = "";
-      state.xjkkinputV2 = "";
-      state.duration = "";
-      state.xjkkinputV3 = "";
-      state.xjkkinputV4 = null;
-      state.checked1 = false;
-      state.checked4 = false;
-      state.EditTestId = null;
-      state.assessmentId = null;
-      state.assessmentName = "";
-      state.workInfo = {};
-      state.examInfo = {};
-      state.EditWorkId = null;
-      state.beforeValue = null; //考勤 开始前
-      state.afterStartValue = null; //考勤 开始后
-
-      removePG();
-    };
-    //保存开课
-
-    const handleSureStu = async () => {
-      let startTime,
-        endTime = 0;
-      if (state.xjkkinputV3) {
-        startTime = dayjs(state.xjkkinputV3[0]).format("YYYY-MM-DD HH:mm"); //parseInt(state.xjkkinputV3[0].$d.getTime() / 1000);
-        endTime = dayjs(state.xjkkinputV3[1]).format("YYYY-MM-DD HH:mm"); //parseInt(state.xjkkinputV3[1].$d.getTime() / 1000);
-      }
-      const offName = await validateName({
-        name: state.xjkkinputV1,
-        type: 5,
-        id: state.offcoursePlanId,
-      }).then((res) => {
-        console.log(res, res.data.data);
-        return res.data.data === 1;
-      });
-      console.log("校验重复", offName);
-      if (offName) {
-        message.destroy();
-        return message.warning("开课名称重复，请重新填写");
-      }
-      let t = state.signCom ? "1," : "0,";
-      let p = state.comLeave ? "1" : "0";
-      let type = t.concat(p);
-      const postData = {
-        offcourseId: state.offcourseId,
-        id: state.offcoursePlanId, //开课ID,不传代表新增
-        address: state.xjkkinputV2,
-        // duration: state.duration,
-        duration:state.duration ? state.duration :  durationText.value,
-        applyFlag: state.checked1 ? 1 : 0,
-        attach: state.attach,
-        beginTime: startTime,
-        completeType: type,
-        endTime: endTime,
-        evalFlag: Number(state.assessmentId) > 0 && state.checked4 ? 1 : 0,
-        assessmentId: Number(state.assessmentId),
-        testId: state.examInfo.examinationName ? state.EditTestId : null,
-        homeWorkId: state.EditWorkId,
-        name: state.xjkkinputV1,
-        signFlag: state.xjkkradioV1 ? 1 : 0, //是否允许未报名的签到:1是0否
-        // signWordFlag: state.xjkkradioV1 === 1 ? 1 : 0, //签到是否需要口令:1是0否
-        teacherId: state.member.value,
-        teacher: state.member.name,
-        workInfo: state.workInfo, //提交的作业信息
-        examInfo: state.examInfo, //提交的考试信息
-        beforeStart: state.beforeValue, //考勤 开始前
-        afterStart: state.afterStartValue, //考勤 开始后
-      };
-      console.log(postData);
-      if(!postData.name){
-        return message.error("请输入开课名称");
-      }
-      if(!postData.beginTime){
-        return message.error("请选择开课时间");
-      }
-      if(!postData.endTime){
-        return message.error("请选择结束时间");
-      }
-      if(!postData.teacherId){
-        return message.error("请选择授课老师");
-      }
-      // if(!postData.duration){
-      //   return message.error("请输入持续时间");
-      // }
-      state.addLoading = true;
-      editPlan(postData)
-        .then(() => {
-          getTableDate3();
-          handleCancelStu();
-          rest();
-          state.addLoading = false;
-        })
-        .catch((err) => {
-          state.loading = false;
-          console.log(err);
-        });
-      state.cstm_hs = false;
-    };
-    
-    let editBeginClass = ref(false)
-    //编辑开课
-    const handelEditStu = async (item) => {
-      editBeginClass.value = false
-      if (item.expenseStatus && item.expenseStatus !== 'A10' && item.expenseStatus !== 'S00') {
-        editBeginClass.value = true
-        console.log(editBeginClass.value);
-      }
-      state.offcourseId = item.offcourseId;
-      state.itemType = item.type;
-      state.offcoursePlanId = item.id;
-
-      if (item.homeWorkId) {
-        queryWorkDetailById({ workId: item.homeWorkId }).then(
-          (res) => (state.workInfo = res.data.data)
-        );
-      }
-      if (item.testId) {
-        queryExaminationDetailById({ examinationId: item.testId }).then(
-          (res) => (state.examInfo = res.data.data)
-        );
-      }
-      // if(item.evalFlag){
-      // queryAssessmentDetailList({assessmentId:item.assessmentId }).then(
-      //           (res) => (state.examInfo = res.data.data)
-      //         );
-      // }
-      console.log("获取面授课开课详情", item);
-      state.xjkkinputV2 = item.address;
-      state.duration = item.duration;
-      state.checked1 = item.applyFlag === 1 ? true : false;
-      state.attach = item.attach;
-
-      state.xjkkinputV3 = [
-        dayjs(item.beginTime, "YYYY-MM-DD HH:mm"),
-        dayjs(item.endTime, "YYYY-MM-DD HH:mm"),
-      ];
-      options4CurId.value = item.teacherId;
-      // (state.regisCom = item.completeType.split(",")[0] == "1" ? true : false),
-      (state.signCom = item.completeType.split(",")[0] == "1" ? true : false),
-        (state.comLeave =
-          item.completeType.split(",")[1] == "1" ? true : false),
-        (state.checked4 = item.evalFlag === 1 ? true : false);
-      state.assessmentName = item.assessmentName;
-      state.assessmentId = String(item.assessmentId);
-      state.EditTestId = Number(item.testId);
-      state.EditWorkId = String(item.homeWorkId);
-      state.xjkkinputV1 = item.name;
-      state.onceName = item.name;
-      state.beforeValue = item.beforeStart; //考勤 开始前
-      state.afterStartValue = item.afterStart; //考勤 开始后
-      if (item.signFlag === 1) {
-        //是否允许未报名的签到:1是0否
-        state.xjkkradioV1 = true;
-      }
-      state.member = { value: item.teacherId, name: item.teacher };
-      state.cstm_hs = true;
-      state.kk_eidt = true;
-    };
-    const columnFun = (itm) => {
-      console.log("itm", itm);
-      //新加
-      state.stuColumns = [
-        {
-          title: "岗位",
-          width: "8%",
-          dataIndex: "studentJobName",
-          key: "7",
-          align: "center",
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>
-                  {text && text.record.studentJobName
-                    ? text.record.studentJobName
-                    : "-"}
-                </span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "Band",
-          width: "8%",
-          dataIndex: "studentBandDesc",
-          key: "7",
-          align: "center",
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>
-                  {text.record.studentBandDesc ? text.record.studentBandDesc : "-"}
-                </span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "报名状态",
-          width: "8%",
-          dataIndex: "status",
-          key: "5",
-          align: "center",
-          customRender: ({ record }) => {
-            switch (String(record.status)) {
-              case "0":
-                return "审核通过";
-              case "1":
-                return "待审核";
-              case "2":
-                return "审核拒绝";
-            }
-          },
-        },
-
-        {
-          title: "签到状态",
-          width: "8%",
-          dataIndex: "signstatus",
-          key: "7",
-          align: "center",
-          customRender: ({ record }) =>
-            record.signStatus ? "已签到" : "未签到",
-        },
-        {
-          title: "评估状态",
-          width: "8%",
-          dataIndex: "evastatus",
-          key: "8",
-          align: "center",
-          customRender: ({ record }) =>
-            record.assessmentStatus?"已评估" : "未评估",
-        },
-        {
-          title: "评分",
-          width: "8%",
-          dataIndex: "studentScore",
-          key: "8",
-          align: "center",
-          customRender: ({ record }) => {
-            return (
-              <div class="racona">
-                {record.assessmentScore || "-"}
-              </div>
-            );
-            // switch (String(record.status)) {
-            //   case "0":
-            //     return (
-            //       <span
-            //         style={{ color: "#4EA6FF", cursor: "pointer" }}
-            //         onClick={() => {
-            //           handlJoinStu(record);
-            //         }}
-            //       >
-            //         成绩录入
-            //       </span>
-            //     );
-            //   case "1":
-            //     return "-";
-            //   case "2":
-            //     return "-";
-            // }
-          },
-        },
-        {
-          title: "作业成绩",
-          width: "8%",
-          dataIndex: "workScore",
-          key: "7",
-          align: "center",
-          customRender: ({ record }) => {
-            return (
-              <div class="racona">
-                {record.workStatus? record.workScore?<span>{record.workScore || '-'}</span>:
-                    <span style={{ color: "#4EA6FF", cursor: "pointer" }} onClick={() => handlJoinStu(record)}>
-                      成绩录入
-                    </span>
-                  : <span>-</span>
-                }
-              </div>
-            );
-            // switch (String(record.status)) {
-            //   case "0":
-            //     return (
-            //       <span
-            //         style={{ color: "#4EA6FF", cursor: "pointer" }}
-            //         onClick={() => {
-            //           handlJoinStu(record);
-            //         }}
-            //       >
-            //         成绩录入
-            //       </span>
-            //     );
-            //   case "1":
-            //     return "-";
-            //   case "2":
-            //     return "-";
-            // }
-          },
-        },
-        {
-          title: "考试成绩",
-          width: "8%",
-          dataIndex: "examinationScore",
-          key: "8",
-          align: "center",
-        },
-        {
-          title: "结业状态",
-          width: "15%",
-          dataIndex: "completionStatus",
-          key: "8",
-          align: "center",
-          customRender: ({ record }) => {
-            return (
-              <div>
-                {record.finishStatus == 1 &&
-                record.workScore != -2 &&
-                record.signStatus == 1 ? (
-                  <div
-                    style={{ color: "#4EA6FF", cursor: "pointer" }}
-                    onClick={() => {
-                      handleOverStu(record);
-                    }}
-                  >
-                    结业
-                  </div>
-                ) : record.completionStatus == 1 ? (
-                  <div>已结业</div>
-                ) : (
-                  <div>-</div>
-                )}
-              </div>
-            );
-          },
-        },
-      ];
-      // if (itm.courseScore !== -1) {
-      //   let obj = {
-      //     title: "评分",
-      //     width: "8%",
-      //     dataIndex: "studentScore",
-      //     key: "8",
-      //     align: "center",
-      //   };
-
-      //   state.stuColumns.splice(6, 0, obj);
-      // }
-    };
-    const handelGuan = (itm) => {
-      console.log("开课信息", itm);
-      state.offcourseId = itm.offcourseId;
-      state.offcoursePlanId = itm.id;
-      state.studentId = itm.studentId;
-      state.studentItem = itm;
-
-      state.currentPlanItem = itm;
-      state.newCourseName = itm.name;
-      console.log(89877766666);
-      console.log(state.currentPlanItem);
-
-      state.sm_hs = true;
-      // getTableDate2();
-      state.homeWorkId = itm.homeWorkId;
-      columnFun(itm);
-    };
-    const sm_exit = () => {
-      state.sm_hs = false;
-      state.hideshow = true;
-      state.tableData7 = [];
-    };
-    const clear_valueE1 = (value) => {
-      state.bs_hs = false;
-      if (value != "") {
-        state.valueE1 = "";
-      }
-    };
-    const clear_valueE2 = () => {
-      state.valueE2 = "";
-    };
-    const clear_xjkkradioV1 = (value) => {
-      if (value != "") {
-        state.xjkkradioV1 = false;
-      }
-    };
-    const clear_xjkkradioV2 = (value) => {
-      if (value != "") {
-        state.xjkkradioV2 = "";
-      }
-    };
-    const clear_jyradioV1 = (value) => {
-      if (value != "") {
-        state.jyradioV1 = "";
-      }
-    };
-    const qr_exit = () => {
-      state.QR_hs = false;
-      state.qrQR_hs = false;
-      state.olQR_hs = false;
-      state.ftQR_hs = false;
-      state.ftsQR_hs = false;
-      state.vipftQR_hs = false;
-      state.addLoading = false;
-    };
-    const rg_exit = () => {
-      state.rg_hs = false;
-      state.addLoading = false;
-    };
-    const graduate_exit = () => {
-      state.graduate_hs = false;
-      state.addLoading = false;
-    };
-    const agreereject_exit = () => {
-      state.agreereject_hs = false;
-      state.agreestudy_hs = false;
-      state.rejectstudy_hs = false;
-      state.addLoading = false;
-    };
-    const delete_exit1 = () => {
-      state.delete_hs = false;
-      state.del_hs = false;
-      state.del_hs_stu = false;
-      state.submit_hs = false;
-      state.back_hs = false;
-      state.push_hs = false;
-      state.copy_hs = false;
-      state.nouse_hs = false;
-      state.rg_hs = false;
-      state.graduate_hs = false;
-      state.addLoading = false;
-    };
+    //撤回
     const handleRejectExit = (id, index, record) => {
       dialog({
         content: "确定撤回吗？",
@@ -2010,322 +435,7 @@ export default defineComponent({
         },
       });
     };
-
-    const handleJoin = async () => {
-      state.lrcj_inputV1 || message.error("请输入成绩");
-      if (state.rg_hs) {
-        if (state.piliang) {
-          api1.updateStudent({
-            workScore: state.lrcj_inputV1,
-            workId: state.homeWorkId,
-            studentId: state.studentId,
-          });
-          getTableDate2();
-          delete_exit1();
-        } else {
-          api1
-            .updateStudent({
-              workScore: state.lrcj_inputV1,
-              workId: state.homeWorkId,
-              studentId: state.studentId,
-            })
-            .then((res) => {
-              console.log("成绩录入", res);
-              if (res.data.code === 200) {
-                // getTableDate2();
-                state.isgetStudent = true;
-                delete_exit1();
-                state.lrcj_inputV1 = "";
-                state.scoreId = null;
-              }
-            })
-            .catch((err) => {
-              console.log("录入失败", err);
-            });
-        }
-      }
-    };
-    const handleJie = async () => {
-      if (state.graduate_hs) {
-        // state.studentItem.id
-        // console.log("state.studentItem.id", state.studentItem.id);
-        api1
-          .batchUpdateStatus({
-            completionStatus: 1,
-            ids: [state.studentItem?.id],
-            // status: 1,
-          })
-          .then((res) => {
-            if (res.data.code === 200) {
-              getTableDate2();
-              delete_exit1();
-            }
-          });
-      }
-    };
-    //确认复制
-    const handleAgreeTrue = async () => {
-      if (state.agreestudy_hs) {
-        handleStudent({
-          offcoursePlanId: state.offcoursePlanId,
-          score: "",
-          studentIds: [state.studentId],
-          type: 3,
-        }).then((res) => {
-          if (res.data.code === 200) {
-            getTableDate2();
-            delete_exit1();
-            state.addLoading = false;
-          }
-        });
-      }
-      if (state.rejectstudy_hs) {
-        handleStudent({
-          offcoursePlanId: state.offcoursePlanId,
-          score: "",
-          studentIds: [state.studentId],
-          type: 4,
-        }).then((res) => {
-          if (res.data.code === 200) {
-            getTableDate2();
-            delete_exit1();
-          }
-        });
-      }
-    };
-    //确认复制课程 操作
-    const handleDeleteExit = async () => {
-      if (state.del_hs) {
-        if (state.offcourseId && state.offcoursePlanId && state.studentId) {
-          handleStudent({
-            offcoursePlanId: state.offcoursePlanId,
-            score: "",
-            studentIds: [state.studentId],
-            type: 5,
-          }).then((res) => {
-            if (res.data.code === 200) {
-              getTableDate2();
-              delete_exit1();
-            }
-          });
-        } else if (state.offcourseId && state.offcoursePlanId) {
-          deletePlan({
-            offcoursePlanId: state.offcoursePlanId,
-          }).then((res) => {
-            if (res.data.code === 200) {
-              getTableDate3();
-              delete_exit1();
-            }
-          });
-        } else if (state.offcourseId) {
-          handle({
-            offcourseId: state.offcourseId,
-            type: -1,
-          }).then((res) => {
-            if (res.data.code === 200) {
-              message.destroy();
-              message.success("删除成功");
-              getTableDate();
-              delete_exit1();
-            }
-          });
-        }
-      }
-      if (state.copy_hs) {
-        state.tableLoading = true;
-        if (state.offcourseId && state.offcoursePlanId) {
-          await copyCoursePlan({ offcoursePlanId: state.offcoursePlanId });
-          getTableDate3();
-        } else if (state.offcourseId) {
-          await copyCourse({ courseId: state.offcourseId });
-          getTableDate();
-        }
-        message.success("复制成功");
-        rest();
-      }
-      if (state.nouse_hs) {
-        state.temp.auditStatus = 0;
-        message.success("停用成功");
-        handle({ offcourseId: state.offcourseId, type: -2 });
-      }
-      if (state.submit_hs) {
-        state.tableLoading = true;
-        message.success("提交审核成功");
-        handle({ offcourseId: state.offcourseId, type: 1 }).then(() =>
-          getTableDate()
-        );
-      }
-      if (state.back_hs) {
-        state.tableLoading = true;
-        message.success("撤回成功");
-        handle({ offcourseId: state.offcourseId, type: 0 }).then(() =>
-          getTableDate()
-        );
-      }
-      if (state.useCourse) {
-        state.tableLoading = true;
-        message.success("启用成功");
-        handle({ offcourseId: state.offcourseId, type: 2 }).then(() =>
-          getTableDate()
-        );
-      }
-      if (state.push_hs) {
-        state.tableLoading = true;
-        message.success("发布成功");
-        handle({ offcourseId: state.offcourseId, type: 3 }).then(() =>
-          getTableDate()
-        );
-      }
-      delete_exit1();
-    };
-    const handleDeleteKaike = (value) => {
-      if (value.expenseStatus && value.expenseStatus !== 'A10' && value.expenseStatus !== 'S00') {
-        return message.warning("该开课已在审批流程中，不可进行删除!");
-      }
-      state.offcoursePlanId = value.id;
-
-      state.delete_hs = true;
-      state.del_hs = true;
-    };
-    const onSelectChange = (selectedRowKeys) => {
-      console.log("selectedRowKeys changed: ", selectedRowKeys);
-      state.selectedRowKeys = selectedRowKeys;
-    };
-
-    const faceManageChange = (e) => {
-      state.faceManageTab = e;
-    };
-
-    //编辑面授课
-    const handleEdit = async (itm, type) => {
-      if (type === "1") {
-        return;
-      }
-      // console.log(itm)
-      state.offcourseId = itm.id;
-
-      const item = await detail({
-        offcourseId: Number(state.offcourseId),
-      }).then((res) => {
-        if (res.data.code === 200) return res.data.data;
-      });
-
-      state.statusJuJue = Number(item.auditStatus) === -1 ? 1 : 0;
-
-      if (Number(item.auditStatus) === 2 && Number(item.status) === 1) {
-        state.statusTingQi = 1;
-      }
-      if (Number(item.auditStatus) === 2 && Number(item.status) === 0) {
-        state.statusTingQi = 0;
-      }
-
-      state.qdms_inputV1 = item.name;
-      // state.imageUrl = item.picUrl;
-      state.feng_mian_1 = item.picUrl;
-      state.qdms_inputV2 = item.targetUser;
-      state.qdms_inputV3 = item.meaning;
-      state.fen_lei = String(item.categoryId);
-      state.chang_jin = String(item.sceneId);
-      state.tags_val = item.tips ? item.tips.split(",") : [];
-      //state.qdms_inputV5 = item.teacherId;
-      state.teacher = item.teacher;
-      state.teacherId = item.teacherId;
-      state.qdms_inputV6 = item.intro;
-      state.member = { value: item.teacherId, name: item.teacher };
-      if (item.attach == "") {
-        state.imgList = [];
-      } else {
-        if (item.attach.indexOf(",")) {
-          const arr = item.attach.split(",");
-          arr.forEach((item) => {
-            state.imgList.push({ img: item });
-          });
-        } else {
-          state.imgList = [{ img: item.attach }];
-        }
-      }
-
-      valueHtml.value = item.outline;
-
-      // state.ft_hs = true;
-      CourseModalRef.value.visibleOpen(state.offcourseId, null);
-      state.ft_eidt = true;
-    };
-
-    // handleTagChange
-    const handleTagChange = () => {
-      if (state.tags_val_single) {
-        state.tags_val.push(state.tags_val_single);
-      }
-      state.tags_val_single = "";
-    };
-    const handleTagClose = (index) => {
-      state.tags_val.splice(index, 1);
-    };
-
-    // 预览弹框 开启和关闭
-    const ft_exit_see = () => {
-      state.lookCourseModal = false;
-    };
-    const handleLook = async (itm, type) => {
-      if (type === "1") {
-        return;
-      }
-      state.offcourseId = itm.id;
-
-      const item = await detail({
-        offcourseId: Number(state.offcourseId),
-      }).then((res) => {
-        if (res.data.code === 200) return res.data.data;
-      });
-      state.lookCourseModal = true;
-      item.attach = item.attach == "" ? [] : item.attach.split(",");
-      state.faceDetailObj = item;
-      console.log("获取查看信息", item);
-    };
-    // const handleTea = async () => {
-    //   console.log("item22224444");
-    //   // const item = await getMemberInfo({
-    //   //   pageNo: state.pageSizeTea1,
-    //   // }).then((res) => {
-    //   //   if (res.data.code === 200) return res.data.data;
-    //   //   console.log("item2222222");
-    //   //   console.log(item);
-    //   // });
-    // };
-    const handleDelete = (id) => {
-      dialog({
-        content: "确定删除该课程吗？",
-        ok: async () => {
-          message.success("删除成功");
-          state.tableLoading = true;
-          await handle({ offcourseId: id, type: -1 });
-          getTableDate();
-        },
-      });
-    };
-    const handleCopy = async (id) => {
-      console.log("复制Id", id);
-      dialog({
-        content: "确定复制该课程吗？",
-        ok: async () => {
-          message.success("复制成功");
-          state.tableLoading = true;
-          await copyCourse({ courseId: id });
-          getTableDate();
-        },
-      });
-    };
-    const handleSubmit = (id, index) => {
-      dialog({
-        content: "确定提交审核吗？",
-        ok: () => {
-          message.success("提交成功");
-          state.tableData1[index].auditStatus = 1;
-          handle({ offcourseId: id, type: 1 });
-        },
-      });
-    };
+    //发布
     const handlePush = (id, index) => {
       dialog({
         content: "确定发布该课程吗？",
@@ -2336,550 +446,30 @@ export default defineComponent({
         },
       });
     };
-
-    const handleCopyP = async (itm) => {
-      console.log(itm);
-      state.offcourseId = itm.offcourseId;
-      state.offcoursePlanId = itm.id;
-
-      state.delete_hs = true;
-      state.copy_hs = true;
-    };
-    const handleStop = (record) => {
-      dialog({
-        content: "确定停用该课程吗？",
-        ok: () => {
-          message.success("停用成功");
-          record.status = 0;
-          handle({ offcourseId: record.id, type: -2 });
-        },
-      });
-    };
-    const handleOpen = (record) => {
-      dialog({
-        content: "确定启用该课程吗？",
-        ok: () => {
-          message.success("启用成功");
-          record.status = 1;
-          handle({ offcourseId: record.id, type: 2 });
-        },
-      });
-    };
-    const handleStart = (item, type) => {
-      console.log(item);
-      if (type === "1") {
-        return;
-      }
-      state.offcourseId = item.id;
-      state.newCourseName = item.name;
-      state.permissions = item.permissions;
-      getTableDate3(1);
-      state.stm_hs = true;
-    };
-
-    const handelChangePage222 = (page, pageSize) => {
-      state.currentPage222 = page;
-      state.pageSize222 = pageSize;
-      getCourseStudentList();
-    };
-    const handelChangePage22 = (page, pageSize) => {
-      state.currentPage22 = page;
-      state.pageSize22 = pageSize;
-      // getTableDate33();
-    };
-    const handelChangePage2 = (page, pageSize) => {
-      state.currentPage2 = page;
-      state.pageSize2 = pageSize;
-      getTableDate3(1);
-    };
-    const handleSearchTable = () => {
-      console.log("handleSearchTable");
-      console.log(state.kk_inputV1);
-      console.log(state.kk_inputV2);
-      console.log(state.selectTime);
-      state.pageSize222 = 10
-      state.currentPage1 = 1
-      getTableDate();
-      getTableDate3();
-    };
-    const handleRestTable = () => {
-      state.kk_inputV1 = "";
-      state.kk_inputV2 = "";
-      state.selectTime = "";
-      state.currentPage2 = 1;
-      state.tableDataTotal2 = [];
-      state.pageSize222 = 10
-      state.currentPage1 = 1
-      getTableDate();
-      getTableDate3();
-    };
-
-    const handelChangePage3 = (page, pageSize) => {
-      state.currentPage3 = page;
-      state.pageSize3 = pageSize;
-      getTableDate2();
-    };
-    const handleSearchStu = () => {
-      console.log(state.xygl_inputV1);
-      getTableDate2();
-    };
-    const handleRestStu = () => {
-      state.xygl_inputV1 = "";
-      getTableDate2();
-    };
-
-    const beforeUpload3 = (file) => {
-      const fileType = [
-        "jpg",
-        "jpeg",
-        "png",
-        "gif",
-        "pdf",
-        "ppt",
-        "pptx",
-        "doc",
-        "docx",
-        "xls",
-        "xlsx",
-        "zip",
-      ];
-      if (!fileType.includes(file.name.split(".")[1])) {
-        message.error(
-          "仅支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip格式!"
-        );
-        return false;
-      }
-
-      const formData = new FormData();
-      formData.append("file", file);
-      console.log(file);
-      fileUp(formData).then((res) => {
-        if (res.data.code === 200) {
-          // state.filesList.push({
-          //   img: res.data.data,
-          //   name: file.name,
-          //   size: file.size,
-          // });
-          // console.log(state.filesList);
-          console.log(res.data.data);
-          state.filesList.push([res.data.data]);
-
-          // state.hasImgName = res.data.data;
-        }
-      });
-      return false;
-    };
-
-    // 管理开课
-    const handleGuan22 = (item) => {
-      console.log("点击面授课管理", item);
-      // if (String(item.courseform) === "1") {
-      //   return;
-      // }
-      // if (String(item.courseform) === ("1" || "线上")) {
-      //   state.om_1 = true;
-      //   state.ft_1 = false;
-      // } else if (String(item.courseform) === ("2" || "面授")) {
-      //   state.om_1 = true;
-      //   state.ft_1 = true;
-      // }
-      state.om_1 = true;
-      state.ft_1 = true;
-      state.manageStuLoading = true;
-      state.permissions = item.permissions;
-      state.createId = item.createId;
-      console.log(787666, item);
-      state.faceClassification = item.contentTxt;
-      state.faceStatus = item.status;
-      state.currentFaceId = item.id;
-      getCourseStudentList();
-      state.newCourseName = item.name;
-    };
-
-    // 获取开课管理里的学员
-    function getCourseStudentList() {
-      console.log("开课管理学员搜索参数", {
-        pageNo: state.currentPage222,
-        pageSize: 10,
-        status: state.gl_selectV2,
-        studentName: state.gl_inputV2,
-        id: state.currentFaceId,
-      });
-      apis
-        .GetCourseStudent({
-          pageNo: state.currentPage222,
-          pageSize: 10,
-          status: state.gl_selectV2,
-          studentName: state.gl_inputV2,
-          id: state.currentFaceId,
-        })
-        .then((res) => {
-          console.log("获取开课管理学员信息", res);
-          // tableData3 tableDataTotal222 currentPage222 handelChangePage222
-          state.tableData3 = res.data.data.records;
-          state.tableDataTotal222 = res.data.data.total;
-          state.manageStuLoading = false;
-        })
-        .catch((err) => {
-          console.log(err);
-          state.manageStuLoading = false;
-        });
-    }
-
-    const handlePostSure = (obj) => {
-      console.log("处理后参数，直接解构使用");
-      console.log(obj);
-
-      addStudent({
-        offcourseId: Number(state.offcourseId),
-        offcoursePlanId: Number(state.offcoursePlanId),
-        ...obj,
-      }).then((res) => {
-        console.log(res);
-        if (res.data.code === 200) {
-          state.viewpowervisible = false;
-          getTableDate2();
-        }
-      });
-    };
-
-    const getdateToDateFn = (val) => {
-      return getdateToDate(val * 1000);
-    };
-    const getdateToTimeFn = (val) => {
-      return getdateToTime(val * 1000);
-    };
-
-    //提交审核
-    const reviewClick = () => {
-      console.log("ft_eidt", state.ft_eidt);
-      // handlePush("review");
-      /*
-            if (state.ft_eidt) {
-                //编辑面授课
-                submitReview();
-            }
-            if (!state.ft_eidt) {
-                //shouke
-                handlePush("review");
-            }
-            */
-    };
-    const submitReview = (id) => {
-      state.addLoading = true;
-
-      if (id == "") {
-        return message.error("请先完成保存");
-      }
-      let obj = {
-        offcourseId: id ? id : state.offcourseId,
-        type: 1,
-      };
-      console.log("提交审核参数", obj);
-      handle(obj).then((res) => {
-        console.log("提交审核成功", res.data);
-        if (res.data.code === 200) {
-          ft_exit_0();
-          rest();
-          getTableDate();
-          state.addLoading = false;
-        }
-      });
-    };
-
-    //授权
-    //权限名单
-    const showPrower = (record) => {
-      console.log("权限名单", record);
-      state.selectCourseId = record.offcourseId;
-      state.corpowerlistvisible = true;
-    };
-    //归属权
-    const showOwnPrower = (record) => {
-      console.log("归属权", record);
-      state.selectCourseId = record.offcourseId;
-      state.ownpowervisible = true;
-    };
-    //查看权
-    const showViewPrower = (record) => {
-      console.log("查看权", record);
-      state.selectCourseId = record.offcourseId;
-      state.authClassify = 1;
-      state.viewpowervisible = true;
-    };
-    //管理权
-    const showManagePrower = (record) => {
-      console.log("管理权", record);
-      state.selectCourseId = record.offcourseId;
-      state.shipType = 1;
-      state.authClassify = 2;
-      state.viewpowervisible = true;
-    };
-    //添加权限
-    watch(
-      () => state.addAuthList,
-      (res) => {
-        console.log("res", res, state.addAuthList);
-        if (state.authClassify === 1 || state.authClassify === 2) {
-          let obj = {
-            type: 3,
-            tag:
-              state.authClassify === 1
-                ? 3
-                : state.authClassify === 2
-                ? 4
-                : null,
-            opt: 3,
-            deptList: res[1],
-            groupList: res[2],
-            refId: state.selectCourseId,
-            pageNo: 20,
-            pageSize: 1,
-            studentList: res[0],
-            keyWord: "",
-          };
-          console.log("obj", obj);
-          api1
-            .optionAuthPerm(obj)
-            .then((res) => {
-              console.log("添加授权成功", res);
-              message.success("添加授权成功");
-            })
-            .catch((err) => {
-              console.log("添加授权失败", err);
-            });
-        }
-      }
-    );
-
-    //添加学员
-    watch(
-      () => state.addAuthList,
-      (res) => {
-        console.log("res", res, state.addStudentList);
-        if (state.authClassify === 3) {
-          let obj = {
-            deptList: res[1],
-            groupList: res[2],
-            offcourseId: state.offcourseId,
-            offcoursePlanId: state.offcoursePlanId, //开课id
-            studentList: res[0],
-          };
-          console.log("obj", obj);
-          api1
-            .addStudentCourse(obj)
-            .then((res) => {
-              console.log("添加学员成功", res);
-              message.success("添加学员成功");
-              getTableDate2();
-            })
-            .catch((err) => {
-              console.log("添加学员失败", err);
-            });
-        }
-      }
-    );
-    const range = (start, end) => {
-      const result = [];
-
-      for (let i = start; i < end; i++) {
-        result.push(i);
-      }
-
-      return result;
-    };
-    const closeOnlineCoursevisible = () => {
-      console.log("执行");
-      getTableDate();
-    };
-    const disabledDate = (current) => {
-      // Can not select days before today and today
-      return current && current < dayjs().startOf("day");
-    };
-
-    const disabledDateTime = () => {
-      return {
-        disabledHours: () => range(0, 24).splice(4, 20),
-        disabledMinutes: () => range(30, 60),
-        disabledSeconds: () => [55, 56],
-      };
-    };
-
-    function auditStudent(record) {
-      auditStudentStatus(record);
-    }
-
-    //二维码
-    const qrcodeVisible = (record, type) => {
-      // `${location.protocol}//${location.host}${import.meta.env.VUE_APP_BASE_API}/stu/project/redirectDetail?courseId=${record.id}`
-      state.codevisible = true;
-      state.codeInfo = {
-        title: type == 1 ? "【课程】二维码" : "【签到】二维码",
-        name: record.name ? record.name : "",
-        url:
-          type == 1
-            ? process.env.VUE_APP_BASE_API +
-              `/stu/project/redirectDetail?courseId=${record.id}`
-            : process.env.VUE_APP_BASE_API +
-              `/admin/student/studentSign?taskId=${
-                record.id
-              }&taskType=${2}&type=${3}`,
-      };
-      console.log("codeInfo", state.codeInfo, record);
-      state.codeIndex = 0;
-      state.codeType = type;
-    };
     return {
       ...toRefs(state),
       sysTypeOptions,
       findClassFullName,
-      CourseModalRef,
-      auditStudent,
-      getdateToDateFn,
       moment,
-      disabledDate,
-      disabledDateTime,
-      getdateToTimeFn,
-      handlePostSure,
-      handleDeleteKaike,
-      handleDel2,
-      handelEditStu,
-      handelGuan,
-      beforeUpload3,
-      handleSearchStu,
-      handleRestStu,
-      handelChangePage2,
-      handelChangePage22,
-      handelChangePage222,
-      handelChangePage3,
-      handleSearchTable,
-      handleRestTable,
-      handleSearchTable2,
-      handleSearchTable3,
-      reseatSearchTable3,
-      handleGuan22,
-      handleStart,
-      handleCopyP,
-      handleCopy,
-      handleSubmit,
       handlePush,
-      handleStop,
-      handleOpen,
-      handleEdit,
-      handleDelete,
-      changevalue,
-      columns2,
-      columns4,
-      columns6,
-      columns7,
       options1,
       options11,
-      options2,
-      options3,
-      options4,
-      optionsUrl,
-      of_hShow,
-      of_exit1,
-      of_exit,
-      hideShow,
-      bs_hShow,
-      expectOnline,
-      createft,
-      ft_exit,
-      ft_exit_1,
-      ft_exit_0,
-      om_exit,
-      ckxq_hs,
-      durationText,
-      ftsr_exit,
-      stm_exit,
-      ft_exit_see,
-      handleTagChange,
-      handleTagClose,
-      createkk,
-      handleCancelStu,
-      handleSureStu,
-      sm_exit,
-      clear_valueE1,
-      clear_valueE2,
-      clear_xjkkradioV1,
-      clear_xjkkradioV2,
-      clear_jyradioV1,
-      qr_exit,
-      rg_exit,
-      graduate_exit,
-      agreereject_exit,
-      delete_exit1,
       handleRejectExit,
-      handleAgreeTrue,
-      handleJoin,
-      handleJie,
-      handleDeleteExit,
-      onSelectChange,
-      faceManageChange,
-      showStuAdd,
-      showDrawerAddTest,
-      showDrawerAddHomework,
-      editorRef,
-      valueHtml,
-      mode: "simple", // 或 'simple'
-      toolbarConfig,
-      editorConfig,
-      handleCreated,
+      mode: "simple",
       handelChangePage1,
       handleSearch1,
       handleRest1,
-      showAssessment,
-      removePG,
-      getCheckedAss,
-      beforeUpload,
-      beforeUpload2,
-      handleDel,
       checkPer,
       checkOwner,
-      handleSucessStu,
-      handleRejectStu,
-      handleDeleteStu,
-      handlJoinStu,
-      handleOverStu,
-      onSelectChange7,
-      handleAllJion,
-      handleAllover,
-      handleAllSuc,
-      handleAllReject,
-      handleExportStu,
-      handleChangeTea1,
-      handelChangePageTea1,
-      handleChangeTea2,
-      handelChangePageTea2,
-      submitReview,
-      reviewClick,
-      showPrower,
-      showOwnPrower,
-      showViewPrower,
-      showManagePrower,
-      closeOnlineCoursevisible,
-      handlelookMs,
-      handleLook,
-      logW,
-      logT,
-      qrcodeVisible,
-      timeChange,
-      editBeginClass
+      rowSelection,
+      onSelectChange,
+      status,
+      // handleOper
     };
   },
 });
 </script>
 <style lang="scss">
-.ant-table-cell-fix-right {
-  width: 250px !important;
-}
-
-
-.aeLoading {
-  z-index: 100000;
-}
-
 .courseManage {
   width: 100%;
   height: 100%;
@@ -2908,6 +498,9 @@ export default defineComponent({
         margin-right: 20px;
         margin-bottom: 20px;
       }
+
+     
+
       .btn {
         padding: 0px 26px 0px 26px;
         height: 38px;
@@ -2979,6 +572,12 @@ export default defineComponent({
           height: 18px;
           background-image: url("../../assets/images/courseManage/reset0.png");
         }
+
+        .daochu {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/coursewareManage/export1.png");
+        }
       }
 
       .btn1 {
@@ -2991,2297 +590,12 @@ export default defineComponent({
         }
       }
 
-      /**
-      .btn1:active {
-        background: #0982ff;
-      }
-
-      .btn2 {
-        background: rgba(64, 158, 255, 0.1);
-      }
-
-      .btn2:active {
-        background: rgba(64, 158, 255, 0.2);
-      }*/
     }
 
-    .btns {
-      display: flex;
-
-      // flex-wrap: wrap;
-      .btn {
-        padding: 0px 26px 0px 26px;
-        height: 38px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        //border: 1px solid rgba(64, 158, 255, 1);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-        cursor: pointer;
-
-        .search {
-          background-size: 100%;
-        }
-
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: #ffffff;
-          line-height: 36px;
-          margin-left: 5px;
-        }
-      }
-      .btn3:active {
-        background: #0982ff;
-      }
-      .btn3 {
-        .search {
-          width: 17px;
-          height: 18px;
-          background-image: url("../../assets/images/courseManage/add0.png");
-        }
-
-        .btnText {
-          color: #ffffff;
-        }
-      }
-    }
   }
 
-  .tableBox {
-    margin: 20px 38px 30px;
-
-    th {
-      background-color: #eff4fc !important;
-      text-align: center !important;
-    }
-
-    .ant-table-tbody
-      > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-      > td {
-      background: #f6f9fd;
-    }
-
-    .operation {
-      display: flex;
-      justify-content: right;
-
-      .fb {
-        display: flex;
-        margin-right: 20px;
-
-        .jc {
-          color: #4ea6ff;
-          font-size: 14px;
-          margin-left: 20px;
-          white-space: nowrap;
-          cursor: pointer;
-        }
-      }
-    }
-
-    .ynuse {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      .use {
-        cursor: pointer;
-      }
-    }
-  }
 }
 
-.selectonlineface {
-  z-index: 999;
-  width: 679px;
-  background: #ffffff;
-  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-  position: absolute;
-  left: 50%;
-  top: -100%;
-  transform: translate(-50%, -50%);
-
-  .of_header {
-    position: absolute;
-    width: 100%;
-    height: 40px;
-    background: linear-gradient(
-      rgba(78, 166, 255, 0.2) 0%,
-      rgba(78, 166, 255, 0) 100%
-    );
-  }
-
-  .of_main {
-    width: 100%;
-    position: relative;
-
-    .ofm_header {
-      display: flex;
-      align-items: center;
-      padding-top: 20px;
-      padding-left: 26px;
-      font-size: 16px;
-
-      .add_icon {
-        width: 16px;
-        height: 16px;
-        margin-right: 10px;
-        background-image: url(@/assets/images/coursewareManage/add1.png);
-        background-size: 100% 100%;
-      }
-
-      .close_exit {
-        position: absolute;
-        right: 42px;
-        cursor: pointer;
-        width: 20px;
-        height: 20px;
-        background-image: url(@/assets/images/coursewareManage/close.png);
-        background-size: 100% 100%;
-      }
-    }
-
-    .ofm_body {
-      width: 80%;
-      margin: 3px auto;
-
-      .ofmb_items {
-        display: flex;
-        align-items: center;
-        justify-content: end;
-        margin: 14px auto;
-
-        .signbox {
-          width: 110px;
-          display: flex;
-          justify-content: end;
-
-          .sign {
-            width: 10px;
-            height: 10px;
-            margin-top: -3px;
-            margin-right: 6px;
-            background-size: 100% 100%;
-          }
-        }
-
-        .b_input {
-          flex: 1;
-          position: relative;
-
-          .inp_num {
-            position: absolute;
-            right: 10px;
-            top: 10px;
-          }
-        }
-
-        .bc_box {
-          display: flex;
-          width: 440px;
-          flex: 1;
-
-          .bc_boxl,
-          .bc_boxr {
-            display: flex;
-            align-items: center;
-          }
-        }
-      }
-
-      .ol_checkbox {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-left: 6px;
-      }
-
-      .b_sub {
-        width: 440px;
-        margin-left: 110px;
-
-        .bs_header {
-          display: flex;
-          justify-content: space-between;
-
-          .b_right {
-            display: flex;
-          }
-        }
-      }
-
-      .bl_detail {
-        top: 24px;
-      }
-
-      .b_footer {
-        width: 100%;
-        margin-left: 212px;
-        margin-top: 25px;
-        margin-bottom: 20px;
-        display: flex;
-
-        .btn {
-          width: 100px;
-          height: 40px;
-          background: rgba(64, 158, 255, 0);
-          border-radius: 8px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          margin-right: 14px;
-          flex-shrink: 0;
-          cursor: pointer;
-
-          .btnText {
-            font-size: 14px;
-            font-weight: 400;
-            line-height: 40px;
-          }
-        }
-
-        .btn5 {
-          border: 1px solid rgba(64, 158, 255, 1);
-          color: #4ea6ff;
-        }
-
-        .btn6 {
-          background-color: #4ea6ff;
-          color: #ffffff;
-        }
-      }
-    }
-  }
-}
-
-.createschooltime {
-  z-index: 999;
-  width: 879px;
-  height: 740px;
-  background: #ffffff;
-  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-  position: absolute;
-  left: 50%;
-  top: -100%;
-  transform: translate(-50%, -50%);
-
-  .cst_header {
-    position: absolute;
-    width: 100%;
-    height: 40px;
-    background: linear-gradient(
-      rgba(78, 166, 255, 0.2) 0%,
-      rgba(78, 166, 255, 0) 100%
-    );
-  }
-
-  .cst_main {
-    width: 100%;
-    max-height: 700px;
-    overflow-y: auto;
-    position: relative;
-
-    .cstm_header {
-      display: flex;
-      align-items: center;
-      padding-top: 20px;
-      padding-left: 26px;
-      font-size: 16px;
-
-      .add_icon {
-        width: 16px;
-        height: 16px;
-        margin-right: 10px;
-        background-image: url(@/assets/images/coursewareManage/add1.png);
-        background-size: 100% 100%;
-      }
-
-      .close_exit {
-        position: absolute;
-        right: 42px;
-        cursor: pointer;
-        width: 20px;
-        height: 20px;
-        background-image: url(@/assets/images/coursewareManage/close.png);
-        background-size: 100% 100%;
-      }
-    }
-
-    .cstm_title {
-      margin: 10px auto 20px 51px;
-      font-weight: bold;
-    }
-
-    .cstm_items {
-      display: flex;
-      width: 80%;
-      margin: auto;
-      align-items: center;
-      margin-bottom: 23px;
-
-      .signbox {
-        display: flex;
-        justify-content: end;
-        width: 100px;
-        margin-right: 6px;
-
-        .sign {
-          margin-top: -5px;
-          margin-right: 4px;
-        }
-      }
-
-      .b_input {
-        flex: 1;
-        position: relative;
-
-        .upload_box {
-          display: flex;
-          cursor: pointer;
-
-          .upload_icon {
-            width: 16px;
-            height: 16px;
-            margin-right: 5px;
-          }
-        }
-
-        .inp_num {
-          position: absolute;
-          top: 9px;
-          right: 10px;
-        }
-      }
-    }
-
-    .items_fj {
-      margin-bottom: 1px;
-
-      .fujian {
-        display: none;
-      }
-
-      .mbl_items12 {
-        width: 440px;
-        margin-right: 56px;
-
-        .i12_box1 {
-          display: flex;
-          align-items: center;
-          padding: 17px 0px 17px 21px;
-          border: 1px solid #eff4fc;
-          border-radius: 8px;
-          margin-bottom: 10px;
-
-          .file_img {
-            width: 27px;
-            height: 32px;
-            background-image: url(@/assets/images/coursewareManage/imgs.png);
-            margin-right: 22px;
-
-            img {
-              width: 100%;
-              height: 100%;
-            }
-          }
-
-          .file_detail {
-            width: 250px;
-            margin-right: 21px;
-
-            .file_updata {
-              display: flex;
-              align-items: center;
-
-              .updatabox {
-                position: relative;
-                width: 230px;
-                height: 5px;
-                background-color: rgba(192, 192, 192, 0.25);
-                border-radius: 3px;
-
-                .updatacolor {
-                  position: absolute;
-                  left: 0;
-                  width: 100%;
-                  height: 5px;
-                  background-color: #57c887;
-                  border-radius: 3px;
-                }
-
-                .updatacolor2 {
-                  position: absolute;
-                  left: 0;
-                  width: 80%;
-                  height: 5px;
-                  background-color: #ff7474;
-                  border-radius: 3px;
-                }
-
-                .updatacolor3 {
-                  position: absolute;
-                  left: 0;
-                  width: 60%;
-                  height: 5px;
-                  background-color: #4ea6ff;
-                  border-radius: 3px;
-                }
-
-                .updataxq {
-                  position: absolute;
-                  right: 2px;
-                  top: -30px;
-                  color: #57c887;
-                }
-
-                .updataxq2 {
-                  position: absolute;
-                  right: 2px;
-                  top: -30px;
-                  color: #ff7474;
-                }
-
-                .updataxq3 {
-                  position: absolute;
-                  right: 2px;
-                  top: -30px;
-                  color: #4ea6ff;
-                }
-              }
-            }
-          }
-
-          .file_operation {
-            display: flex;
-
-            .fobox {
-              margin-right: 5px;
-              cursor: pointer;
-            }
-          }
-        }
-      }
-    }
-
-    .items_btn {
-      display: flex;
-      justify-content: center;
-      margin-top: 20px;
-      margin-bottom: 20px;
-
-      .cstm_btn {
-        width: 100px;
-        height: 40px;
-        background: rgba(64, 158, 255, 0);
-        border-radius: 8px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-        cursor: pointer;
-
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          line-height: 40px;
-        }
-      }
-
-      .btn5 {
-        border: 1px solid rgba(64, 158, 255, 1);
-        color: #4ea6ff;
-      }
-
-      .btn6 {
-        background-color: #4ea6ff;
-        color: #ffffff;
-      }
-    }
-  }
-}
-
-.QRModal {
-  .ant-modal {
-    .ant-modal-content {
-      width: 479px !important;
-
-      .ant-modal-body {
-        .QR {
-          z-index: 9999;
-          width: 520px;
-          background: #ffffff;
-          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-          position: absolute;
-          left: 50%;
-          top: 10%;
-          transform: translate(-50%, -50%);
-
-          .qr_header {
-            position: absolute;
-            width: calc(100%);
-            height: 40px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-          }
-
-          .qr_main {
-            width: 100%;
-            position: relative;
-
-            .qrm_header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
-
-              .qr_icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/QR.png);
-                background-size: 100% 100%;
-              }
-
-              .close_exit {
-                position: absolute;
-                right: 42px;
-                cursor: pointer;
-                width: 20px;
-                height: 20px;
-                background-image: url(@/assets/images/coursewareManage/close.png);
-                background-size: 100% 100%;
-              }
-            }
-
-            .qrm_body {
-              width: 100%;
-              margin-top: 22px;
-              margin-bottom: 32px;
-
-              .QR_img {
-                width: 176px;
-                height: 176px;
-                margin: 1px auto;
-                background-image: url(@/assets/images/taskpage/QR.png);
-                background-size: 100% 100%;
-              }
-            }
-
-            .qrm_footer {
-              display: flex;
-              align-items: center;
-              margin-bottom: 44px;
-
-              .qrmbtn {
-                width: 80px;
-                height: 32px;
-                display: flex;
-                line-height: 32px;
-                justify-content: center;
-                border-radius: 4px;
-                border: 1px solid #387df7;
-                margin-left: 16px;
-                cursor: pointer;
-
-                .btntext {
-                  color: #387df7;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.recgradeModal {
-  .ant-modal {
-    .ant-modal-content {
-      // width:679px !important;
-      .ant-modal-body {
-        .recordgrade {
-          z-index: 9999;
-          width: 679px;
-          background: #ffffff;
-          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-          position: absolute;
-          left: 50%;
-          top: 10%;
-          transform: translate(-50%, -50%);
-
-          .rg_header {
-            position: absolute;
-            width: calc(100%);
-            height: 40px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-          }
-
-          .rg_main {
-            width: 100%;
-            position: relative;
-
-            .rgm_header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
-
-              .rg_icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/grade.png);
-                background-size: 100% 100%;
-              }
-
-              .close_exit {
-                position: absolute;
-                right: 42px;
-                cursor: pointer;
-                width: 20px;
-                height: 20px;
-                background-image: url(@/assets/images/coursewareManage/close.png);
-                background-size: 100% 100%;
-              }
-            }
-
-            .rgm_body {
-              width: 100%;
-
-              .rgmb_items {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                width: 80%;
-                margin: 21px auto 10px auto;
-
-                .items_left {
-                  display: flex;
-                  margin-right: 14px;
-
-                  .sign {
-                    margin-right: 7px;
-                  }
-                }
-              }
-            }
-
-            .qrm_btnbox {
-              display: flex;
-              margin: 30px auto;
-              justify-content: center;
-
-              .qrm_btn {
-                width: 100px;
-                height: 40px;
-                background: rgba(64, 158, 255, 0);
-                border-radius: 8px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin-right: 14px;
-                flex-shrink: 0;
-                cursor: pointer;
-
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
-
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-              }
-
-              .btn2 {
-                background-color: #ffffff;
-                color: #4ea6ff;
-              }
-
-              .btn3 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.graModal {
-  .ant-modal {
-    .ant-modal-content {
-      // width:679px !important;
-      .ant-modal-body {
-        .graduate {
-          z-index: 9999;
-          width: 679px;
-          background: #ffffff;
-          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-          position: absolute;
-          left: 50%;
-          top: 10%;
-          transform: translate(-50%, -50%);
-
-          .gra_header {
-            position: absolute;
-            width: calc(100%);
-            height: 40px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-          }
-
-          .gra_main {
-            width: 100%;
-            position: relative;
-
-            .gram_header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
-
-              .gra_icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/graduate.png);
-                background-size: 100% 100%;
-              }
-
-              .close_exit {
-                position: absolute;
-                right: 42px;
-                cursor: pointer;
-                width: 20px;
-                height: 20px;
-                background-image: url(@/assets/images/coursewareManage/close.png);
-                background-size: 100% 100%;
-              }
-            }
-
-            .gram_body {
-              width: 100%;
-
-              .gramb_items {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                width: 80%;
-                margin: 21px auto 10px auto;
-
-                .items_left {
-                  display: flex;
-                  margin-right: 14px;
-
-                  .sign {
-                    margin-right: 7px;
-                  }
-                }
-              }
-
-              .gramb_input {
-                .bc_box {
-                  display: flex;
-                }
-              }
-            }
-
-            .qrm_btnbox {
-              display: flex;
-              margin: 30px auto;
-              justify-content: center;
-
-              .qrm_btn {
-                width: 100px;
-                height: 40px;
-                background: rgba(64, 158, 255, 0);
-                border-radius: 8px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin-right: 14px;
-                flex-shrink: 0;
-                cursor: pointer;
-
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
-
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-              }
-
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.agrstudyModal {
-  .ant-modal {
-    width: 429px !important;
-    height: 258px !important;
-
-    .ant-modal-content {
-      width: 429px !important;
-      height: 258px !important;
-
-      .ant-modal-body {
-        width: 429px !important;
-        height: 258px !important;
-        padding: 0px !important;
-
-        .agreestudy {
-          z-index: 9999;
-          width: 429px;
-          height: 258px;
-          background: #ffffff;
-          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-
-          .agree_header {
-            position: absolute;
-            width: 100%;
-            height: 40px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-          }
-
-          .agree_main {
-            width: 100%;
-            position: relative;
-
-            .agreem_header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
-
-              .agreem_icon {
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/notice.png);
-                background-size: 100% 100%;
-              }
-
-              .close_exit {
-                position: absolute;
-                right: 42px;
-                cursor: pointer;
-                width: 20px;
-                height: 20px;
-                background-image: url(@/assets/images/coursewareManage/close.png);
-                background-size: 100% 100%;
-              }
-            }
-
-            .agreem_body {
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              width: 100%;
-              margin: 45px auto 62px auto;
-            }
-
-            .qrm_btnbox {
-              display: flex;
-              margin: 30px auto;
-              justify-content: center;
-
-              .qrm_btn {
-                width: 100px;
-                height: 40px;
-                background: rgba(64, 158, 255, 0);
-                border-radius: 8px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex-shrink: 0;
-                cursor: pointer;
-
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
-
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-                margin-right: 14px;
-              }
-
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.onlmanageModal {
-  .ant-modal {
-    .ant-modal-content {
-      // width:1358px !important;
-      .ant-modal-body {
-        .modalHeader {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
-
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
-
-        .onlinemanage {
-          display: none;
-          min-width: 1000px;
-          background: #ffffff;
-
-          .om_main {
-            width: 100%;
-
-            .om_body {
-              margin-right: 50px;
-
-              .b_title {
-                color: #4f5156;
-                font-weight: 500;
-                margin-bottom: 19px;
-              }
-
-              .b_sub {
-                display: flex;
-                margin-bottom: 10px;
-
-                .bs_type {
-                  color: #999ba3;
-                }
-
-                .bs_left {
-                  color: #999ba3;
-                  margin-left: 35px;
-                }
-
-                .bs_right {
-                  color: #4f5156;
-                }
-              }
-
-              .b_menu {
-                width: calc(100%);
-              }
-
-              .b_menunav {
-                display: flex;
-                margin-top: 20px;
-                margin-bottom: 20px;
-
-                .bm_select {
-                  margin-right: 20px;
-                }
-
-                .bm_input {
-                  margin-right: 20px;
-                }
-
-                .bm_btn {
-                  display: flex;
-                  cursor: pointer;
-
-                  .btn {
-                    padding: 0px 26px 0px 26px;
-                    height: 40px;
-                    background: rgba(64, 158, 255, 1);
-                    border-radius: 8px;
-                    border: 1px solid rgba(64, 158, 255, 1);
-                    color: #fff;
-                    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: #fff;
-                      line-height: 36px;
-                      margin-left: 5px;
-                    }
-                  }
-
-                  .btn1 {
-                    .search {
-                      width: 15px;
-                      height: 17px;
-                      background-image: url("@/assets/images/coursewareManage/search1.png");
-                    }
-                  }
-
-                  .btn1 {
-                    background: rgba(64, 158, 255, 1);
-
-                    .search {
-                      background-image: url("@/assets/images/coursewareManage/search0.png");
-                    }
-
-                    .btnText {
-                      color: #ffffff;
-                    }
-                  }
-
-                  .btn2 {
-                    .search {
-                      width: 16px;
-                      height: 18px;
-                      margin-right: 6px;
-                      background-image: url("../../assets/images/courseManage/reset0.png");
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.facteachModal {
-  .ant-modal {
-    .ant-modal-content {
-      // width:1358px !important;
-      .ant-modal-body {
-        .modalHeader {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
-
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
-
-        .modalMain {
-          .m_title {
-            margin-bottom: 20px;
-          }
-
-          .m_body {
-            display: flex;
-            flex-wrap: wrap;
-
-            .mb_left {
-              width: 50%;
-
-              .mbl_items {
-                display: flex;
-                align-items: center;
-                justify-content: flex-end;
-                margin-bottom: 10px;
-
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
-
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
-
-                .item_inp {
-                  flex: 1;
-                  position: relative;
-
-                  .inp_num {
-                    position: absolute;
-                    left: 398px;
-                    top: 10px;
-                  }
-                }
-              }
-
-              .mbl_items2 {
-                display: flex;
-                align-items: start;
-                margin-top: 10px;
-                margin-bottom: 10px;
-
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
-
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
-
-                .item_inp {
-                  flex: 1;
-
-                  .i_upload_img {
-                    margin-top: 10px;
-                    width: 100px;
-                    height: 100px;
-                    border-radius: 8px;
-                  }
-
-                  .i_upload {
-                    width: 100px;
-                    height: 100px;
-                    border: 1px solid #4ea6ff;
-                    border-radius: 8px;
-                    text-align: center;
-                    align-items: center;
-                    cursor: pointer;
-
-                    .addimg {
-                      position: relative;
-
-                      .heng {
-                        position: absolute;
-                        top: 50px;
-                        left: 25px;
-                        width: 50px;
-                        border: 1px solid #4ea6ff;
-                      }
-
-                      .shu {
-                        position: absolute;
-                        top: 25px;
-                        left: 50px;
-                        height: 50px;
-                        border: 1px solid #4ea6ff;
-                      }
-                    }
-                  }
-                }
-              }
-
-              .i2_cz {
-                width: 440px;
-                margin-left: 100px;
-
-                .i2_top {
-                  display: flex;
-                  justify-content: space-between;
-                }
-              }
-
-              .i8_bottom {
-                display: flex;
-                width: 440px;
-                margin-left: 100px;
-              }
-            }
-
-            .mb_right {
-              width: 50%;
-
-              .mbl_items {
-                display: flex;
-                align-items: flex-start;
-                justify-content: flex-end;
-                margin-bottom: 10px;
-
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
-
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-top: -15px;
-                    margin-right: 5px;
-                  }
-                }
-
-                .item_inp {
-                  flex: 1;
-                }
-
-                .accessory {
-                  display: flex;
-                  align-items: center;
-
-                  .accessory_icon {
-                    width: 16px;
-                    height: 16px;
-                    margin-top: -8px;
-                    margin-right: 5px;
-                  }
-                }
-              }
-
-              .mbl_items2 {
-                display: flex;
-                align-items: start;
-                margin-bottom: 10px;
-
-                .item_nam {
-                  width: 100px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: flex-end;
-                  white-space: nowrap;
-
-                  .asterisk_icon {
-                    width: 10px;
-                    height: 10px;
-                    margin-right: 5px;
-                    margin-top: -15px;
-                  }
-                }
-
-                .item_inp {
-                  flex: 1;
-                  position: relative;
-
-                  .inp_num {
-                    position: absolute;
-                    left: 395px;
-                    bottom: 10px;
-                  }
-                }
-              }
-            }
-          }
-
-          .m_footer {
-            display: flex;
-            margin: 20px 0;
-
-            .fotnam {
-              width: 100px;
-              display: flex;
-              justify-content: end;
-              padding-right: 15px;
-            }
-
-            .fotarea {
-              width: calc(100% - 150px);
-              position: relative;
-
-              .fuwenben {
-                width: 90%;
-                height: 20px;
-                background-color: rgb(95, 95, 95);
-                position: absolute;
-                left: 50%;
-                transform: translate(-50%, 0);
-                top: 3px;
-                z-index: 9999;
-              }
-            }
-          }
-
-          .m_btn {
-            width: 100%;
-            margin-top: 25px;
-            margin-bottom: 20px;
-            display: flex;
-            justify-content: center;
-            align-content: center;
-
-            .btn {
-              width: 100px;
-              height: 40px;
-              background: rgba(64, 158, 255, 0);
-              border-radius: 8px;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              margin-right: 14px;
-              flex-shrink: 0;
-              cursor: pointer;
-
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                line-height: 40px;
-              }
-            }
-
-            .btn5 {
-              border: 1px solid rgba(64, 158, 255, 1);
-              color: #4ea6ff;
-            }
-
-            .btn6 {
-              background-color: #4ea6ff;
-              color: #ffffff;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.givpowerModal {
-  .ant-modal {
-    .ant-modal-content {
-      // width:1358px !important;
-      .ant-modal-body {
-        .modalHeader {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
-
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
-
-        .givepower {
-          min-width: 1000px;
-          background: #ffffff;
-
-          .gp_main {
-            width: 100%;
-            position: relative;
-
-            .gpm_inputbtn {
-              width: 90%;
-              margin: 20px auto;
-              display: flex;
-
-              .gpm_btn {
-                width: 100px;
-                height: 40px;
-                margin-right: 14px;
-                background: #ffffff;
-                border: 1px solid #4ea6ff;
-                border-radius: 8px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex-shrink: 0;
-                cursor: pointer;
-
-                .btnText {
-                  color: #4ea6ff;
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
-
-              .btn1 {
-                .search {
-                  width: 15px;
-                  height: 17px;
-                  margin-right: 6px;
-                  background-image: url("../../assets/images/courseManage/search1.png");
-                }
-              }
-
-              .btn2 {
-                .reset {
-                  width: 16px;
-                  height: 18px;
-                  margin-right: 6px;
-                  background-image: url("../../assets/images/courseManage/reset1.png");
-                }
-              }
-
-              .btn1 {
-                background: #4ea6ff;
-
-                .search {
-                  background-image: url("@/assets/images/coursewareManage/search0.png");
-                }
-
-                .btnText {
-                  color: #ffffff;
-                }
-              }
-
-              .btn2 {
-                background: #4ea6ff;
-
-                .reset {
-                  background-image: url("@/assets/images/coursewareManage/reset0.png");
-                }
-
-                .btnText {
-                  color: #ffffff;
-                }
-              }
-            }
-
-            .gpm_notice {
-              display: flex;
-              background: rgba(78, 166, 255, 0.25);
-              border: 1px solid #4ea6ff;
-              width: 90%;
-              height: 62px;
-              margin: 20px auto;
-              align-items: center;
-              line-height: 64px;
-
-              .th_icon {
-                width: 16px;
-                height: 16px;
-                background-image: url(@/assets/images/coursewareManage/gan.png);
-                background-size: 100% 100%;
-                margin: auto 13px auto 37px;
-              }
-
-              .textarea {
-                margin-right: 33px;
-              }
-            }
-
-            .gpm_table {
-              width: 90%;
-              margin: 30px auto;
-              border: 1px solid #f0f4fe;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.schtimeModal {
-  .ant-modal {
-    .ant-modal-content {
-      // width:1358px !important;
-      .ant-modal-body {
-        .modalHeader {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
-
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
-
-        .schooltime {
-          min-width: 1000px;
-          background: #ffffff;
-
-          .st_main {
-            width: 100%;
-
-            .tableBox {
-              margin: 20px 38px 30px;
-
-              th {
-                background-color: #eff4fc !important;
-                text-align: center !important;
-              }
-
-              .ant-table-tbody
-                > tr:hover:not(.ant-table-expanded-row):not(
-                  .ant-table-row-selected
-                )
-                > td {
-                background: #f6f9fd;
-              }
-
-              .operation {
-                display: flex;
-                justify-content: right;
-
-                .fb {
-                  display: flex;
-                  margin-right: 20px;
-
-                  .jc {
-                    color: #4ea6ff;
-                    font-size: 14px;
-                    margin-left: 20px;
-                    white-space: nowrap;
-                    cursor: pointer;
-                  }
-                }
-              }
-
-              .ynuse {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-
-                .use {
-                  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;
-                }
-              }
-
-              .btn {
-                padding: 0px 26px 0px 26px;
-                height: 38px;
-                background: #4ea6ff;
-                border-radius: 8px;
-                //border: 1px solid rgba(64, 158, 255, 1);
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin-right: 14px;
-                flex-shrink: 0;
-                cursor: pointer;
-
-                .search {
-                  background-size: 100%;
-                }
-
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  color: #ffffff;
-                  line-height: 36px;
-                  margin-left: 5px;
-                }
-              }
-
-              .btnn {
-                padding: 0px 26px 0px 26px;
-                height: 38px;
-                background: #4ea6ff;
-                border-radius: 8px;
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #fff;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin-right: 14px;
-                flex-shrink: 0;
-                cursor: pointer;
-
-                .search {
-                  background-size: 100%;
-                }
-
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  color: #fff;
-                  line-height: 36px;
-                  margin-left: 5px;
-                }
-              }
-
-              .btn1 {
-                .search {
-                  width: 15px;
-                  height: 17px;
-                  background-image: url("../../assets/images/courseManage/search0.png");
-                }
-              }
-
-              .btn2 {
-                .search {
-                  width: 16px;
-                  height: 18px;
-                  background-image: url("../../assets/images/courseManage/reset0.png");
-                }
-              }
-
-              .btn1 {
-                .search {
-                  background-image: url("../../assets/images/courseManage/search0.png");
-                }
-
-                .btnText {
-                  color: #ffffff;
-                }
-              }
-
-              .btns {
-                display: flex;
-
-                // flex-wrap: wrap;
-                .btn {
-                  padding: 0px 21px 0px 21px;
-                  height: 38px;
-                  background: #4ea6ff;
-                  border-radius: 8px;
-                  //border: 1px solid rgba(64, 158, 255, 1);
-                  display: flex;
-                  align-items: center;
-                  justify-content: center;
-                  margin-right: 14px;
-                  flex-shrink: 0;
-                  cursor: pointer;
-
-                  .search {
-                    background-size: 100%;
-                  }
-
-                  .btnText {
-                    font-size: 14px;
-                    font-weight: 400;
-                    color: #ffffff;
-                    line-height: 36px;
-                    margin-left: 5px;
-                  }
-
-                  .btn2 {
-                    margin-right: 0px;
-
-                    .img2 {
-                      width: 17px;
-                      height: 18px;
-                      background-image: url(../../assets/images/coursewareManage/export1.png);
-                    }
-                  }
-                }
-
-                .btn3 {
-                  .search {
-                    width: 17px;
-                    height: 18px;
-                    background-image: url("../../assets/images/courseManage/add0.png");
-                  }
-
-                  .btnText {
-                    color: #ffffff;
-                  }
-                }
-              }
-            }
-
-            /**
-            .btn3 {
-              width: 130px;
-              height: 40px;
-              border: 1px solid #4ea6ff;
-              background-color: #4ea6ff;
-              border-radius: 8px;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              flex-shrink: 0;
-              cursor: pointer;
-
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                line-height: 40px;
-              }
-
-              .btn3 {
-                .add {
-                  width: 17px;
-                  height: 18px;
-                  background-image: url("@/assets/images/coursewareManage/add0.png");
-                  background-size: 100% 100%;
-                  margin-right: 6px;
-                }
-              }
-            } */
-
-            .notable {
-              width: 100%;
-              height: 100%;
-
-              .notablebox {
-                width: 412px;
-                height: 212px;
-                background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
-                border-radius: 10px;
-                display: flex;
-                justify-content: center;
-                text-align: center;
-                margin: 77px auto 109px auto;
-                position: relative;
-
-                .smallleft {
-                  position: absolute;
-                  top: 18px;
-                  left: 0px;
-                  width: 8px;
-                  height: 21px;
-                  border-radius: 0px 4px 4px 0px;
-                  background-color: #ffb64e;
-                }
-
-                .smallright {
-                  position: absolute;
-                  bottom: 18px;
-                  right: 0px;
-                  width: 8px;
-                  height: 21px;
-                  border-radius: 4px 0px 0px 4px;
-                  background-color: #ffb64e;
-                }
-
-                .boxbody {
-                  .boximg {
-                    width: 72px;
-                    height: 72px;
-                    margin: 32px auto 20px auto;
-                    background-image: url(@/assets/images/coursewareManage/nostate.png);
-                    background-size: 100% 100%;
-                  }
-
-                  .boxtitle {
-                    margin-bottom: 4px;
-                  }
-                }
-              }
-            }
-
-            .tableBox {
-              position: relative;
-              padding-bottom: 80px;
-
-              .classify {
-                margin-left: 10px !important;
-                padding-left: 9px !important;
-              }
-
-              .ant-checkbox-wrapper {
-                align-items: center;
-                margin-top: -2px;
-              }
-
-              .ant-table-selection-column {
-                padding: 0px !important;
-                padding-left: 60px !important;
-              }
-
-              .ant-table-thead > tr > th {
-                background-color: #eff4fc !important;
-              }
-
-              th.h {
-                background-color: #eff4fc !important;
-              }
-
-              .ant-table-tbody
-                > tr:hover:not(.ant-table-expanded-row):not(
-                  .ant-table-row-selected
-                )
-                > td {
-                background: #f6f9fd;
-              }
-
-              .operation {
-                display: flex;
-                justify-content: right;
-
-                .fb {
-                  display: flex;
-                  margin-right: 20px;
-
-                  .jc {
-                    color: #4ea6ff;
-                    font-size: 14px;
-                    margin-left: 20px;
-                    white-space: nowrap;
-                    cursor: pointer;
-                  }
-                }
-              }
-
-              .tableBox {
-                .pa {
-                  left: 0;
-                  width: 100%;
-                  // height: 20px;
-                  // background-color: red;
-                  display: flex;
-                  justify-content: center;
-                  position: absolute;
-                  bottom: 20px;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.stusmanageModal {
-  .ant-modal {
-    max-width: 1800px;
-
-    .ant-modal-content {
-      // width:1358px !important;
-      .ant-modal-body {
-        .modalHeader {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
-
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
-
-        .studentsmanage {
-          min-width: 1000px;
-          background: #ffffff;
-
-          .stm_main {
-            width: 100%;
-
-            .stmmitems {
-              margin: auto 40px;
-
-              .stmm_i1,
-              .stmm_i2,
-              .stmm_i3,
-              .stmm_i4 {
-                margin: 19px 0;
-              }
-
-              .stmm_i5 {
-                display: flex;
-                justify-content: space-between;
-              }
-
-              .stmm_i6 {
-                position: relative;
-                padding-top: 15px;
-                padding-bottom: 80px;
-
-                .classify {
-                  margin-left: 10px !important;
-                  padding-left: 9px !important;
-                }
-
-                .ant-checkbox-wrapper {
-                  align-items: center;
-                  margin-top: -2px;
-                }
-
-                .ant-table-selection-column {
-                  padding: 0px !important;
-                  padding-left: 60px !important;
-                }
-
-                .ant-table-thead > tr > th {
-                  font-size: 14px;
-                  font-weight: 400;
-                  color: #999ba3;
-                  line-height: 36px;
-                  padding: 5px 16px;
-                  background-color: #eff4fc !important;
-                }
-
-                th.h {
-                  background-color: #eff4fc !important;
-                }
-
-                .ant-table-tbody
-                  > tr:hover:not(.ant-table-expanded-row):not(
-                    .ant-table-row-selected
-                  )
-                  > td {
-                  background: #f6f9fd;
-                }
-
-                .operation,
-                .nselect {
-                  display: flex;
-                  justify-content: center;
-                  color: #4ea6ff;
-                  font-size: 14px;
-
-                  .ops1,
-                  .ops2 {
-                    margin-right: 10px;
-                    cursor: pointer;
-                  }
-                }
-
-                .tableBox {
-                  .pa {
-                    left: 0;
-                    width: 100%;
-                    // height: 20px;
-                    // background-color: red;
-                    display: flex;
-                    justify-content: center;
-                    position: absolute;
-                    bottom: 20px;
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-  .tableShow2 {
-    display: inline-block;
-  }
-  .tableHiddle2 {
-    display: none;
-  }
-}
-
-.tag-content {
-  .ant-tag {
-    margin-top: 10px;
-  }
-}
-
-.coursewareDetail {
-  .ant-modal {
-    height: 320px;
-    margin-top: 100px;
-
-    .ant-modal-content {
-      // width:1358px !important;
-      .ant-modal-body {
-        .modalHeader {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-
-          .headerLeft {
-            margin-left: 27px;
-            display: flex;
-            align-items: center;
-
-            .headerLeftText {
-              font-size: 16px;
-              font-weight: 400;
-              color: #000000;
-              line-height: 36px;
-            }
-          }
-        }
-
-        .modalMain {
-          .ftsturecord {
-            min-width: 1000px;
-            background: #ffffff;
-
-            .ftsr_main {
-              width: 100%;
-
-              .ftsr_table {
-                width: 90%;
-                margin: 30px auto;
-                border: 1px solid #f0f4fe;
-              }
-
-              .ftsr_btn {
-                width: 100px;
-                height: 40px;
-                background: #ffffff;
-                border: 1px solid #4ea6ff;
-                border-radius: 8px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin: 30px auto;
-                flex-shrink: 0;
-                cursor: pointer;
-
-                .btnText {
-                  color: #4ea6ff;
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-// 选择评估
-.main_item {
-  display: flex;
-  align-items: center;
-  margin-top: 32px;
-  margin-bottom: 32px;
-
-  .signbox {
-    width: 120px;
-    display: flex;
-    justify-content: end;
-    align-items: center;
-
-    .sign {
-      margin-right: 5px;
-    }
-  }
-
-  .btnbox {
-    display: flex;
-    flex: 1;
-    align-items: center;
-
-    .xkbtn {
-      cursor: pointer;
-      width: 130px;
-      height: 40px;
-      background: #4ea6ff;
-      border-radius: 8px;
-      border: 0;
-      margin-right: 8px;
-      color: #fff;
-    }
-  }
-}
-
-.DelModal {
-  .ant-modal {
-    .ant-modal-content {
-      width: 424px !important;
-
-      .ant-modal-body {
-        .delete {
-          width: 424px;
-          background: #ffffff;
-          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-          border-radius: 4px;
-          position: absolute;
-          left: 50%;
-          top: 10%;
-          transform: translate(-50%, -50%);
-
-          .del_header {
-            position: absolute;
-            width: calc(100%);
-            height: 40px;
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-          }
-
-          .del_main {
-            width: 100%;
-            position: relative;
-
-            .header {
-              display: flex;
-              align-items: center;
-              padding-top: 20px;
-              padding-left: 26px;
-              font-size: 16px;
-
-              .del-icons {
-                width: 16px;
-                height: 16px;
-                position: relative;
-                margin-right: 10px;
-
-                img {
-                  width: 100%;
-                  height: 100%;
-                  position: absolute;
-                  top: 0px;
-                  left: 0px;
-                  background-size: 100% 100%;
-                }
-              }
-
-              .close_exit {
-                position: absolute;
-                right: 42px;
-                cursor: pointer;
-                width: 20px;
-                height: 20px;
-                background-image: url(@/assets/images/coursewareManage/close.png);
-                background-size: 100% 100%;
-              }
-            }
-
-            .body {
-              width: 100%;
-              margin: 34px auto 56px auto;
-              display: flex;
-              justify-content: center;
-              align-items: center;
-            }
-
-            .del_btnbox {
-              display: flex;
-              margin: 30px auto;
-              justify-content: center;
-
-              .del_btn {
-                width: 100px;
-                height: 40px;
-                background: rgba(64, 158, 255, 0);
-                border-radius: 8px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin-right: 14px;
-                flex-shrink: 0;
-                cursor: pointer;
-
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  line-height: 40px;
-                }
-              }
-
-              .btn1 {
-                border: 1px solid rgba(64, 158, 255, 1);
-                color: #4ea6ff;
-              }
-
-              .btn2 {
-                background-color: #4ea6ff;
-                color: #ffffff;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.disabled {
-  a {
-    color: #999ba3;
-    cursor: not-allowed;
-  }
-}
 
 .pa {
   width: 100%;
@@ -5310,37 +624,5 @@ export default defineComponent({
   border: none;
 }
 
-// statusJuJue
-.statusJuJue {
-  margin-bottom: 20px;
-}
 
-.tableSelect {
-  position: relative;
-
-  .hoverList {
-    display: none;
-  }
-
-  &:hover {
-    .hoverList {
-      display: block;
-      position: absolute;
-      top: 20px;
-      left: -20px;
-      background: #fff;
-      box-sizing: border-box;
-      // padding: 20px;
-      color: #000000;
-    }
-  }
-}
-
-// ::v-deep .w-e-toolbar {
-//   .w-e-bar-item {
-//     &:nth-child(23) {
-//       display: none !important;
-//     }
-//   }
-// }
 </style>

From 422b262c7f922e3b68cbac75dd5f2d100d411886 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Mon, 9 Oct 2023 23:20:07 +0800
Subject: [PATCH 19/43] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E6=8E=A8=E8=8D=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 29 ++++++++++++++++---
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 0374c4fa..896f38ec 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -20,7 +20,7 @@
               placeholder="请输入名称"
             />
           </div>
-          <div class="select">
+          <!-- <div class="select">
             <a-select
               v-model:value="auditStatus"
               dropdownClassName="dropdown-style"
@@ -30,6 +30,27 @@
               allowClear
             >
             </a-select>
+          </div> -->
+          <div class="select">
+            <a-tree-select
+              :getPopupContainer="
+                (triggerNode) => triggerNode.parentNode || document.body
+              "
+              v-model:value="sysTypeId"
+              show-search
+              style="width: 200px"
+              :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+              placeholder="请选择内容分类"
+              allow-clear
+              tree-default-expand-all
+              :fieldNames="{
+                children: 'children',
+                label: 'name',
+                value: 'code',
+              }"
+              :tree-data="sysTypeOptions"
+            >
+            </a-tree-select>
           </div>
           <div style="display: flex; margin-bottom: 20px" class="courseBtn">
             <div class="btn btn1" @click="handleSearch1">
@@ -100,7 +121,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script lang="jsx" >
 import {
   reactive,
   toRefs,
@@ -273,7 +294,7 @@ export default defineComponent({
           dataIndex: "id",
           key: "id",
           fixed: "right",
-          align: "right",
+          align: "center",
           slots: { customRender: "action" },
         },
       ],
@@ -361,7 +382,7 @@ export default defineComponent({
       return {
         selectedRowKeys: state.selectedRowKeys,
         onChange: onSelectChange,
-        preserveSelectedRowKeys: true,
+        // preserveSelectedRowKeys: true,
         
       }
     });

From 47e180b9f4090677864f266b8ef33656189a683d Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Tue, 10 Oct 2023 18:03:29 +0800
Subject: [PATCH 20/43] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E6=8E=A8=E8=8D=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/indexCourse.js                        |   6 +
 src/views/courselibrary/CourseRecommended.vue | 198 ++++++------------
 2 files changed, 72 insertions(+), 132 deletions(-)

diff --git a/src/api/indexCourse.js b/src/api/indexCourse.js
index f2200d74..2cd8870e 100644
--- a/src/api/indexCourse.js
+++ b/src/api/indexCourse.js
@@ -60,3 +60,9 @@ export const studyRecordList = (obj) =>
 // 获取员工信息
 export const getMemberInfoApi = (obj) =>
   http.post("/admin/orgStruct/getMemberInfo", obj);
+
+//课程推荐列表
+export const page = (params) => http.get("/recommend/page",{params})
+//课程推荐或撤回推荐
+export const recommend = (obj) =>
+  http.post("/recommend/recommend",obj)
\ No newline at end of file
diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 896f38ec..88dae806 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -8,7 +8,7 @@
         <div class="filterItems">
           <div class="pathnameInp">
             <a-input
-              v-model:value="createName"
+              v-model:value="sysCreateBy"
               style="width: 200px; height: 40px; border-radius: 8px"
               placeholder="请输入创建人"
             />
@@ -20,17 +20,7 @@
               placeholder="请输入名称"
             />
           </div>
-          <!-- <div class="select">
-            <a-select
-              v-model:value="auditStatus"
-              dropdownClassName="dropdown-style"
-              style="width: 200px"
-              placeholder="请选择状态"
-              :options="options1"
-              allowClear
-            >
-            </a-select>
-          </div> -->
+      
           <div class="select">
             <a-tree-select
               :getPopupContainer="
@@ -80,25 +70,9 @@
       >
         <template #action="{ text, record, index }">
           <a-space :key="record.id">
-            <!-- <a-button
-              v-if="(record.auditStatus === 2 || record.auditStatus === 3) && !record.publishStatus && checkPer(record.permissions,createId)"
-              @click="() => handlePush(text, index)"
-              type="link"
-              >发布
-            </a-button>
-            <a-button
-              v-if="
-                (record.auditStatus === 1 || record.auditStatus === 2 || record.publishStatus) &&
-                record.status &&
-                checkPer(record.permissions,createId)
-              "
-              @click="() => handleRejectExit(text, index, record)"
-              type="link"
-              block
-              >撤回</a-button
-            > -->
-            <a-button @click="() => handleOper(record,  record.publishStatus)" type="link">
-              {{ status[record.publishStatus] }}
+           
+            <a-button @click="() => handleOper(record,'withdraw',record.recommendStatus)" type="link">
+              <!-- {{ status[record.recommendStatus] }} -->
             </a-button>
           </a-space>
         </template>
@@ -134,7 +108,8 @@ import { useRouter, useRoute } from "vue-router";
 import dialog from "@/utils/dialog";
 import {
   list,
-  handle,
+  page,
+  recommend
 } from "@/api/indexCourse";
 import {
 } from "../../utils/utils";
@@ -144,24 +119,42 @@ import { codeUrl, toDate } from "@/api/method";
 import { useStore } from "vuex";
 import { checkPer, checkOwner } from "@/utils/utils";
 
-  const status = {
-    1: "推荐",
-    2: "取消推荐",
-    3: "重新推送",
-  }
+const status = {
+        1: "推荐",
+        2: "取消推荐",
+        3: "重新推送",
+      }
 export default defineComponent({
   components: {},
   
   setup() {
-    // function handleOper(record, type, status = '') {
-    //   dialog({ content: handleMsg[status ? type + status : type], ok: handle(record)[type] });
-    // }
+    
+    const handleMsg = {
+      withdraw1: "你确认要撤回此次推送吗？",
+      withdraw2: "您确定要重新推送此案例吗？",
+    };
+    function handleOper(record, type, status = '') {
+      dialog({content: handleMsg[status ? type + status : type], ok: handle(record)[type] });
+    }
+    // const handle = (record) => ({
+      // withdraw: async () => {
+      //   try {
+      //     // editReleaseStatus({ assessmentId: record.id, releaseStatus: 1 });
+      //     await recommend({ casesRecommendId: record.id });
+      //     getTableDate();
+      //   } catch (error) {
+      //     message.info("推送失败！");
+      //   }
+      // },
+      
+    // });
+
     const store = useStore();
     const sysTypeOptions = computed(() => store.state.content_type);
     const state = reactive({
       
-      permissions:null,
-      createId:null,
+      
+      total:0,
       tableLoading: false,
       columns1: [
         {
@@ -185,27 +178,27 @@ export default defineComponent({
          {
           title: "内容分类",
           width: 130,
-          dataIndex: "contentTxt",
+          dataIndex: "keywords",
           ellipsis: true,
-          key: "contentTxt",
+          key: "keywords",
           align: "center",
           customRender: ({ record }) =>
             findClassFullName(sysTypeOptions.value, record.sysTypeId) || "-",
+            
         },       
         {
           title: "关键字",
-          dataIndex: "tips",
-          key: "tips",
+          dataIndex: "value",
+          key: "value",
           align: "left",
-          customCell  :() => {return {style: {maxWidth: '200px',overflow: 'hidden',whiteSpace: 'nowrap',textOverflow:'ellipsis',cursor:'pointer'}}},
           customRender: ({ text }) => {
-            return <a-tooltip placement="topLeft" title = {text} >{text ? text : "-"}</a-tooltip>
+            return text ? text : "-"
           },
         },
         {
           title: "创建人",
           width: 100,
-          dataIndex: "createName",
+          dataIndex: "sysCreateBy",
           key: "8",
           ellipsis: true,
           align: "center",
@@ -216,7 +209,7 @@ export default defineComponent({
         {
           title: "创建时间",
           width: 100,
-          dataIndex: "createTime",
+          dataIndex: "sysCreateTime",
           key: "9",
           ellipsis: true,
           align: "center",
@@ -228,48 +221,18 @@ export default defineComponent({
           title: "推荐时间",
           width: 100,
           ellipsis: true,
-          dataIndex: "publishTime",
+          dataIndex: "recommendTime",
           key: "10",
           align: "center",
-          customRender: ({ text, publishStatus }) => {
-            return publishStatus? text || "-" : "-";
+          customRender: ({ text, recommendStatus }) => {
+            return recommendStatus? text || "-" : "-";
           },
         },   
         {
-          title: "状态",
-          width: 130,
-          dataIndex: "auditStatus",
-          key: "6",
-          align: "center",
-          customRender: ({ record }) => {
-            switch (String(record.auditStatus)) {
-              case "0":
-                return "未提交";
-              case "1":
-                return "待审核";
-              case "2":
-                return "已审核";
-              case "3":
-                return "已审核";
-              case "-1":
-                return "审核未通过";
-            }
-          },
-        },
-        // {
-        //   title: "是否推荐",
-        //   width: 100,
-        //   dataIndex: "publishStatus",
-        //   key: "7",
-        //   align: "center",
-        //   customRender: ({ record }) =>
-        //     record.publishStatus? "已发布" : "未发布",
-        // },
-        {
-          title: "推送进度",
-          dataIndex: "publishStatus",
-          key: "publishStatus",
+          title: "是否推荐",
           width: 100,
+          dataIndex: "recommendStatus",
+          key: "7",
           align: "center",
           customRender: ({ text }) => {
             switch (text) {
@@ -288,6 +251,7 @@ export default defineComponent({
             }
           },
         },
+        
         {
           title: "操作",
           width: 100,
@@ -304,10 +268,9 @@ export default defineComponent({
       tableDataTotal1: -1,
       pageSize1: 10,
       pageSize: 10,
-      projectName: "",
       name: "",
       createName: "",
-      auditStatus: null,
+      sysCreateBy:"",
       sysTypeId: undefined,
       codeUrl: codeUrl,
       selectedRowKeys:[],   //标题ID
@@ -346,8 +309,7 @@ export default defineComponent({
     const getTableDate = async () => {
       state.tableLoading = true;
       console.log("我是点击搜索的数据", state.sysTypeId);
-      let startTime = "";
-      let endTime = "";
+      
       if (state.projectTime) {
         startTime = toDate(
           new Date(state.projectTime[0].$d).getTime() / 1000,
@@ -358,32 +320,26 @@ export default defineComponent({
           "Y-M-D"
         );
       }
-      let res = await list({
-        pageNo: state.currentPage1,
-        pageSize: state.pageSize1,
-        auditStatus: state.auditStatus,
+      let res = await page({
+
+        pageNum:state.currentPage1,
+        pageSize:state.pageSize1,
+        sysCreateBy:state.sysCreateBy,
         sysTypeId: state.sysTypeId,
-        projectName: state.projectName,
-        name: state.name,
-        createName: state.createName,
-        endTime: endTime,
-        beginTime: startTime,
+        name:state.name,
       });
-      const { rows, total } = res.data.data;
-      state.tableData1 = rows;
+      const { records, total } = res.data.data;
+      state.tableData1 = records;
       state.tableDataTotal1 = total;
       state.tableLoading = false;
       console.log("state.tableData1", state.tableData1);
     };
     getTableDate();
-
     // 计算全选
     const rowSelection = computed(() => {
       return {
         selectedRowKeys: state.selectedRowKeys,
         onChange: onSelectChange,
-        // preserveSelectedRowKeys: true,
-        
       }
     });
     //计算出来已选中状态
@@ -408,10 +364,9 @@ export default defineComponent({
     };
     //重置
     const handleRest1 = () => {
-      state.projectName = "";
       state.name = "";
       state.createName = "";
-      state.auditStatus = null;
+      state.sysCreateBy = '';
       state.sysTypeId = null;
       state.projectTime = "";
       getTableDate();
@@ -445,37 +400,14 @@ export default defineComponent({
         label: "已完成",
       },
     ]);
-    //撤回
-    const handleRejectExit = (id, index, record) => {
-      dialog({
-        content: "确定撤回吗？",
-        ok: () => {
-          message.success("撤回成功");
-          record.publishStatus ? (state.tableData1[index].publishStatus = 0) : (state.tableData1[index].auditStatus = 0);
-          handle({ offcourseId: id, type: 0 });
-        },
-      });
-    };
-    //发布
-    const handlePush = (id, index) => {
-      dialog({
-        content: "确定发布该课程吗？",
-        ok: () => {
-          message.success("发布成功");
-          state.tableData1[index].publishStatus = 1;
-          handle({ offcourseId: id, type: 3 });
-        },
-      });
-    };
+ 
     return {
       ...toRefs(state),
-      sysTypeOptions,
+      // sysTypeOptions,
       findClassFullName,
       moment,
-      handlePush,
       options1,
       options11,
-      handleRejectExit,
       mode: "simple",
       handelChangePage1,
       handleSearch1,
@@ -485,7 +417,8 @@ export default defineComponent({
       rowSelection,
       onSelectChange,
       status,
-      // handleOper
+      handleOper,
+      // handle,
     };
   },
 });
@@ -647,3 +580,4 @@ export default defineComponent({
 
 
 </style>
+

From cb64a21a338632d3fdeed08b25d1357d5a2d48b3 Mon Sep 17 00:00:00 2001
From: NiSen <laonisen@icloud.com>
Date: Tue, 10 Oct 2023 20:45:54 +0800
Subject: [PATCH 21/43] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8D=95=E9=80=89?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/useRequest.js                       | 2 +-
 src/views/courselibrary/CourseRecommended.vue | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/hooks/useRequest.js b/src/hooks/useRequest.js
index 3c284468..15aacff4 100644
--- a/src/hooks/useRequest.js
+++ b/src/hooks/useRequest.js
@@ -28,7 +28,7 @@ const useTotalPage = (_url, params, config = {}) => {
     function fetch() {
         state.loading = true;
         return http[methods](unref(url), !s[1] ? unref(params) : { params: unref(params) }, { ...config }).then(r => {
-            state.data = r.data?.records || 0;
+            state.data = r.data?.records || [];
             state.total = r.data?.total || 0;
             state.loading = false;
         })
diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 88dae806..17bcae30 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -67,6 +67,7 @@
         :pagination="false"
         :row-selection="rowSelection"
         :scroll="{ x: 'max-content' }"
+        row-key="id"
       >
         <template #action="{ text, record, index }">
           <a-space :key="record.id">

From 86182efbbe148a39566aba6ab77eae278440cc27 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Tue, 10 Oct 2023 23:38:45 +0800
Subject: [PATCH 22/43] =?UTF-8?q?=E6=B5=8B=E8=AF=95=E6=8E=A8=E9=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 143 ++++++++++++++----
 1 file changed, 110 insertions(+), 33 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 88dae806..33ee220d 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -23,9 +23,7 @@
       
           <div class="select">
             <a-tree-select
-              :getPopupContainer="
-                (triggerNode) => triggerNode.parentNode || document.body
-              "
+              
               v-model:value="sysTypeId"
               show-search
               style="width: 200px"
@@ -33,11 +31,7 @@
               placeholder="请选择内容分类"
               allow-clear
               tree-default-expand-all
-              :fieldNames="{
-                children: 'children',
-                label: 'name',
-                value: 'code',
-              }"
+              
               :tree-data="sysTypeOptions"
             >
             </a-tree-select>
@@ -62,17 +56,21 @@
         :header-cell-style="{ 'text-align': 'center' }"
         style="border: 1px solid #f2f6fe"
         :columns="columns1"
-        :data-source="tableData1"
+        :data-source="data"
         :loading="tableLoading"
         :pagination="false"
         :row-selection="rowSelection"
         :scroll="{ x: 'max-content' }"
+        row-key="id"
       >
         <template #action="{ text, record, index }">
           <a-space :key="record.id">
            
-            <a-button @click="() => handleOper(record,'withdraw',record.recommendStatus)" type="link">
-              <!-- {{ status[record.recommendStatus] }} -->
+            <!-- <a-button @click="() => handleOper(record,'withdraw',record.recommendStatus)" type="link">
+              {{ status[record.recommendStatus] }}
+            </a-button> -->
+            <a-button @click="() => handleOper(record, 'withdraw', record.pushProgress)" type="link">
+              {{ status[record.pushProgress] }}
             </a-button>
           </a-space>
         </template>
@@ -118,11 +116,35 @@ import * as moment from "moment";
 import { codeUrl, toDate } from "@/api/method";
 import { useStore } from "vuex";
 import { checkPer, checkOwner } from "@/utils/utils";
+//测试
+import {rePushOrWithdraw,RECOMMEND_PAGE} from "@/api/case";
+import { boeRequest } from "@/api/request";
+// 查询数据
+const searchData = ref({
+  pageIndex: 1,
+  pageSize: 10,
+  recommendName: "",
+  recommendTimeList: [],
+});
 
+const sysTypeOptions = [
+  {
+    title: '专业类',
+    value: '0',
+    key: '0',
+  },
+  {
+    title: '领导力',
+    value: '1',
+    key: '1',
+  },
+];
 const status = {
-        1: "推荐",
-        2: "取消推荐",
-        3: "重新推送",
+  1: "撤回",
+    2: "撤回",
+    3: "撤回",
+    4: "重新推送",
+    5: "重新推送",
       }
 export default defineComponent({
   components: {},
@@ -131,28 +153,57 @@ export default defineComponent({
     
     const handleMsg = {
       withdraw1: "你确认要撤回此次推送吗？",
-      withdraw2: "您确定要重新推送此案例吗？",
+      withdraw2: "你确认要撤回此次推送吗？",
+      withdraw3: "你确认要撤回此次推送吗？",
+      withdraw4: "您确定要重新推送此案例吗？",
+      withdraw5: "您确定要重新推送此案例吗？",
     };
     function handleOper(record, type, status = '') {
       dialog({content: handleMsg[status ? type + status : type], ok: handle(record)[type] });
     }
+    const getList = (num) => {
+      if (num === 1) searchData.value.pageIndex = 1;
+      boeRequest(RECOMMEND_PAGE, searchData.value)
+        .then((res) => {
+          state.tableLoading = false;
+          state.data = res?.result?.list || [];
+          state.total = res?.result?.count || 0;
+          console.log('推送数据',state.data)
+        })
+        .catch(() => {
+          state.tableLoading = true;
+        });
+      };
+
+    // 获取列表数据
+    getList();
+    const handle = (record) => ({
+      withdraw: async () => {
+        try {
+          await rePushOrWithdraw({ casesRecommendId: record.id });
+          getList();
+        } catch (error) {
+          message.info("推送失败！");
+        }
+      },
+    });
     // const handle = (record) => ({
-      // withdraw: async () => {
-      //   try {
-      //     // editReleaseStatus({ assessmentId: record.id, releaseStatus: 1 });
-      //     await recommend({ casesRecommendId: record.id });
-      //     getTableDate();
-      //   } catch (error) {
-      //     message.info("推送失败！");
-      //   }
-      // },
+    //   withdraw: async () => {
+    //     try {
+    //       await recommend({ casesRecommendId: record.id });
+    //       getTableDate();
+    //     } catch (error) {
+    //       message.info("推送失败！");
+    //     }
+    //   },
       
     // });
 
     const store = useStore();
-    const sysTypeOptions = computed(() => store.state.content_type);
+    // const sysTypeOptions = computed(() => store.state.content_type);
     const state = reactive({
-      
+      //测试
+      data:[],
       
       total:0,
       tableLoading: false,
@@ -183,7 +234,8 @@ export default defineComponent({
           key: "keywords",
           align: "center",
           customRender: ({ record }) =>
-            findClassFullName(sysTypeOptions.value, record.sysTypeId) || "-",
+            findClassFullName( record.sysTypeId) || "-",
+            // findClassFullName(sysTypeOptions.value, record.sysTypeId) || "-",
             
         },       
         {
@@ -228,12 +280,36 @@ export default defineComponent({
             return recommendStatus? text || "-" : "-";
           },
         },   
+        // {
+        //   title: "是否推荐",
+        //   width: 100,
+        //   dataIndex: "recommendStatus",
+        //   key: "7",
+        //   align: "center",
+        //   customRender: ({ text }) => {
+        //     switch (text) {
+        //       case 1:
+        //         return <span>推送中</span>;
+        //       case 2:
+        //         return <span>推送中</span>;
+        //       case 3:
+        //         return <span>已完成</span>;
+        //       case 4:
+        //         return <span style={{ color: "red" }}>推送失败</span>;
+        //       case 5:
+        //         return <span>推送撤回</span>;
+        //       default:
+        //         return <span>-</span>;
+        //     }
+        //   },
+        // },
         {
-          title: "是否推荐",
-          width: 100,
-          dataIndex: "recommendStatus",
-          key: "7",
+          title: "推送进度",
+          dataIndex: "pushProgress",
+          key: "pushProgress",
+          width: "10%",
           align: "center",
+          className: "h",
           customRender: ({ text }) => {
             switch (text) {
               case 1:
@@ -403,7 +479,7 @@ export default defineComponent({
  
     return {
       ...toRefs(state),
-      // sysTypeOptions,
+      sysTypeOptions,
       findClassFullName,
       moment,
       options1,
@@ -418,7 +494,8 @@ export default defineComponent({
       onSelectChange,
       status,
       handleOper,
-      // handle,
+      handle,
+      searchData
     };
   },
 });

From 0794d072a7044ea3d90e048bacad812e27e1e1e9 Mon Sep 17 00:00:00 2001
From: NiSen <laonisen@icloud.com>
Date: Wed, 11 Oct 2023 17:29:23 +0800
Subject: [PATCH 23/43] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=AF=BE=E7=A8=8B?=
 =?UTF-8?q?=E5=88=86=E7=B1=BB=E5=85=A8=E5=B1=80=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.js | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/main.js b/src/main.js
index 45c9952a..138ad685 100644
--- a/src/main.js
+++ b/src/main.js
@@ -21,7 +21,8 @@ import {USER_INFO, USER_PERMISSION, VALIDATE_TOKEN} from "@/api/apis";
 import * as api1 from "@/api/index1";
 import {getCookieForName} from "@/api/method";
 import components from './components'
-// import axios from 'axios'
+import axios from 'axios'
+import Cookies from "vue-cookies";
 // axios.defaults.withCredentials = true;
 // import zhCN from 'ant-design-vue/es/locale/zh_CN';
 const app = createApp(App)
@@ -69,9 +70,32 @@ async function initDict(key) {
     store.commit("SET_DICT", {key, data: list});
 }
 const getDictList = (param) => api1.getDictTree({code: param,}).then((res) => res.data.data);
+const initDictTree = (key) => {
+    axios({
+        method: "get",
+        url: "/systemapi/xboe/type/tree-list",
+        params: {
+          sysResType: "1",
+          status: "1",
+        },
+        headers: {
+          "XBOR-Access-token": Cookies.get("token"),
+        },
+      }).then(
+        (res) => {
+          console.log(res.data.result,'课程分类接口')
+          store.commit("SET_DICT", {key, data: res.data.result});
+        },
+        (err) => {
+          message.error(err);
+        }
+      );
+}
 
 async function init() {
-    initDict("content_type"); //内容分类
+
+    // initDict("content_type"); //内容分类
+    initDictTree("content_type"); //内容分类，换成type/tree-list接口
     initDict("project_level"); //项目级别
     initDict("project_sys");  //培训分类
     initDict("project_pic"); //项目封面

From 50fa2c3980a0fa0148249861bc1bb609304bdbec Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Wed, 11 Oct 2023 18:35:30 +0800
Subject: [PATCH 24/43] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E6=8E=A8=E8=8D=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/indexCourse.js                        |   5 +-
 src/views/courselibrary/CourseRecommended.vue | 283 ++++++++----------
 2 files changed, 128 insertions(+), 160 deletions(-)

diff --git a/src/api/indexCourse.js b/src/api/indexCourse.js
index 2cd8870e..13e912cb 100644
--- a/src/api/indexCourse.js
+++ b/src/api/indexCourse.js
@@ -1,4 +1,5 @@
 import http from "./config";
+import Http from './configPublic'
 
 /**
  * 1
@@ -62,7 +63,7 @@ export const getMemberInfoApi = (obj) =>
   http.post("/admin/orgStruct/getMemberInfo", obj);
 
 //课程推荐列表
-export const page = (params) => http.get("/recommend/page",{params})
+export const page = (obj) => http.post("/recommend/page",obj)
 //课程推荐或撤回推荐
 export const recommend = (obj) =>
-  http.post("/recommend/recommend",obj)
\ No newline at end of file
+Http.post("/manageApi/recommend/recommend",obj)
\ No newline at end of file
diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 33ee220d..65aa27a4 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -6,21 +6,6 @@
       <!-- 搜索框及按钮 -->
       <div class="filter">
         <div class="filterItems">
-          <div class="pathnameInp">
-            <a-input
-              v-model:value="sysCreateBy"
-              style="width: 200px; height: 40px; border-radius: 8px"
-              placeholder="请输入创建人"
-            />
-          </div>
-          <div class="pathnameInp">
-            <a-input
-              v-model:value="name"
-              style="width: 200px; height: 40px; border-radius: 8px"
-              placeholder="请输入名称"
-            />
-          </div>
-      
           <div class="select">
             <a-tree-select
               
@@ -31,11 +16,30 @@
               placeholder="请选择内容分类"
               allow-clear
               tree-default-expand-all
-              
+              :fieldNames="{
+                children: 'children',
+                label: 'name',
+                value: 'code',
+              }"
               :tree-data="sysTypeOptions"
             >
             </a-tree-select>
           </div>
+          <div class="pathnameInp">
+            <a-input
+              v-model:value="sysCreateBy"
+              style="width: 200px; height: 40px; border-radius: 8px"
+              placeholder="授课教师"
+            />
+          </div>
+          <div class="pathnameInp">
+            <a-input
+              v-model:value="name"
+              style="width: 200px; height: 40px; border-radius: 8px"
+              placeholder="名称"
+            />
+          </div>
+      
           <div style="display: flex; margin-bottom: 20px" class="courseBtn">
             <div class="btn btn1" @click="handleSearch1">
               <div class="search"></div>
@@ -56,22 +60,23 @@
         :header-cell-style="{ 'text-align': 'center' }"
         style="border: 1px solid #f2f6fe"
         :columns="columns1"
-        :data-source="data"
+        :data-source="tableData1"
         :loading="tableLoading"
         :pagination="false"
         :row-selection="rowSelection"
         :scroll="{ x: 'max-content' }"
         row-key="id"
       >
-        <template #action="{ text, record, index }">
+        <template #actions="{ text, record, index }">
           <a-space :key="record.id">
            
-            <!-- <a-button @click="() => handleOper(record,'withdraw',record.recommendStatus)" type="link">
+            <a-button @click="() => handleOper(record,'withdraw',record.recommendStatus)" type="link">
               {{ status[record.recommendStatus] }}
-            </a-button> -->
-            <a-button @click="() => handleOper(record, 'withdraw', record.pushProgress)" type="link">
-              {{ status[record.pushProgress] }}
             </a-button>
+            <!-- <a-button @click="() => handleOper(record, 'withdraw', record.pushProgress)" type="link">
+              {{ status[record.pushProgress] }}
+            </a-button> -->
+            
           </a-space>
         </template>
       </a-table>
@@ -127,93 +132,94 @@ const searchData = ref({
   recommendTimeList: [],
 });
 
-const sysTypeOptions = [
-  {
-    title: '专业类',
-    value: '0',
-    key: '0',
-  },
-  {
-    title: '领导力',
-    value: '1',
-    key: '1',
-  },
-];
-const status = {
-  1: "撤回",
-    2: "撤回",
-    3: "撤回",
-    4: "重新推送",
-    5: "重新推送",
-      }
+// const sysTypeOptions = [
+//   {
+//     title: '专业类',
+//     value: '0',
+//     key: '0',
+//   },
+//   {
+//     title: '领导力',
+//     value: '1',
+//     key: '1',
+//   },
+// ];
+const status = reactive({
+  0:'推荐',
+  1:'取消推荐',
+  2:'重新推荐'
+})
+const data = []
+
 export default defineComponent({
   components: {},
   
   setup() {
-    
+     
     const handleMsg = {
-      withdraw1: "你确认要撤回此次推送吗？",
-      withdraw2: "你确认要撤回此次推送吗？",
-      withdraw3: "你确认要撤回此次推送吗？",
-      withdraw4: "您确定要重新推送此案例吗？",
-      withdraw5: "您确定要重新推送此案例吗？",
+      withdraw1: "课程已被推荐，点击可以取消推荐",
+      withdraw: "课程未被推荐，点击可以设为推荐",
     };
     function handleOper(record, type, status = '') {
-      dialog({content: handleMsg[status ? type + status : type], ok: handle(record)[type] });
+      dialog({content: handleMsg[status ? type + status : type], ok: recommends(record)[type] });
     }
-    const getList = (num) => {
-      if (num === 1) searchData.value.pageIndex = 1;
-      boeRequest(RECOMMEND_PAGE, searchData.value)
-        .then((res) => {
-          state.tableLoading = false;
-          state.data = res?.result?.list || [];
-          state.total = res?.result?.count || 0;
-          console.log('推送数据',state.data)
-        })
-        .catch(() => {
-          state.tableLoading = true;
-        });
-      };
-
-    // 获取列表数据
-    getList();
-    const handle = (record) => ({
+ 
+    const recommends = (record) => ({
       withdraw: async () => {
         try {
-          await rePushOrWithdraw({ casesRecommendId: record.id });
-          getList();
+          await recommend({ courseId: record.id });
+          console.log('recommendStatus',state.tableData1[0].recommendStatus)
+          getTableDate();
         } catch (error) {
           message.info("推送失败！");
+          console.log('record.id',record.id)
+          console.log('recommend',record)
         }
       },
-    });
-    // const handle = (record) => ({
-    //   withdraw: async () => {
-    //     try {
-    //       await recommend({ casesRecommendId: record.id });
-    //       getTableDate();
-    //     } catch (error) {
-    //       message.info("推送失败！");
-    //     }
-    //   },
       
-    // });
+    });
+    //内容分类
+    function findClassFullName(list, classify, name = "") {
+      return (
+        (list &&
+          list.length > 0 &&
+          list
+            .map((e) =>
+              classify == e.code
+                ? name
+                  ? name + "-" + e.name
+                  : e.name
+                : findClassFullName(
+                    e.children,
+                    classify,
+                    name ? name + "-" + e.name : e.name
+                  )
+            )
+            .filter((name) => name)
+            .join("")) ||
+        ""
+      );
+    }
 
     const store = useStore();
-    // const sysTypeOptions = computed(() => store.state.content_type);
+    const sysTypeOptions = computed(() => {console.log('sysTypeOptions',sysTypeOptions);return store.state.content_type;});
+    console.log(sysTypeOptions,'闽侯阿加佳偶');
     const state = reactive({
       //测试
-      data:[],
+      // data:[],
       
       total:0,
       tableLoading: false,
       columns1: [
         {
           title: "序号",
-          width: 130,
-          dataIndex: "offcourseNumber",
-          key: "offcourseNumber",
+          width: 50,
+          dataIndex: "xuhaoid",
+          key: "xuhaoid",
           align: "center",
+          customRender: ({ text,record,index }) => {
+             return index+1
+          },
         },
         {
           title: "名称",
@@ -223,32 +229,35 @@ export default defineComponent({
           ellipsis: true,
           align: "left",
           customRender: ({ text }) => {
-            return text ? text : "-";
+            return `${text.length>12?text.slice(0,12)+'...':text}`
+            
           },
+          
         },
          {
           title: "内容分类",
-          width: 130,
+          width: 200,
           dataIndex: "keywords",
           ellipsis: true,
           key: "keywords",
           align: "center",
           customRender: ({ record }) =>
-            findClassFullName( record.sysTypeId) || "-",
-            // findClassFullName(sysTypeOptions.value, record.sysTypeId) || "-",
-            
+            findClassFullName(sysTypeOptions.value, record.sysTypeId) || "-",
+          //   customRender: ({ text }) => {
+          //   return text ? text : "-";
+          // },
         },       
         {
           title: "关键字",
-          dataIndex: "value",
-          key: "value",
+          dataIndex: "keywords",
+          key: "keywords",
           align: "left",
           customRender: ({ text }) => {
-            return text ? text : "-"
+            return text.length>12?text.slice(0,12)+'...':text
           },
         },
         {
-          title: "创建人",
+          title: "授课教师",
           width: 100,
           dataIndex: "sysCreateBy",
           key: "8",
@@ -276,58 +285,28 @@ export default defineComponent({
           dataIndex: "recommendTime",
           key: "10",
           align: "center",
-          customRender: ({ text, recommendStatus }) => {
-            return recommendStatus? text || "-" : "-";
+          customRender: ({ text, record }) => {
+            return record.recommendStatus? text || "-" : "-";
+            // return  text ? text : "-";
           },
         },   
-        // {
-        //   title: "是否推荐",
-        //   width: 100,
-        //   dataIndex: "recommendStatus",
-        //   key: "7",
-        //   align: "center",
-        //   customRender: ({ text }) => {
-        //     switch (text) {
-        //       case 1:
-        //         return <span>推送中</span>;
-        //       case 2:
-        //         return <span>推送中</span>;
-        //       case 3:
-        //         return <span>已完成</span>;
-        //       case 4:
-        //         return <span style={{ color: "red" }}>推送失败</span>;
-        //       case 5:
-        //         return <span>推送撤回</span>;
-        //       default:
-        //         return <span>-</span>;
-        //     }
-        //   },
-        // },
         {
-          title: "推送进度",
-          dataIndex: "pushProgress",
-          key: "pushProgress",
-          width: "10%",
+          title: "是否推荐",
+          width: 100,
+          dataIndex: "recommendStatus",
+          key: "recommendStatus",
           align: "center",
-          className: "h",
           customRender: ({ text }) => {
             switch (text) {
+              case 0:
+                return <span>未推荐</span>;
               case 1:
-                return <span>推送中</span>;
-              case 2:
-                return <span>推送中</span>;
-              case 3:
-                return <span>已完成</span>;
-              case 4:
-                return <span style={{ color: "red" }}>推送失败</span>;
-              case 5:
-                return <span>推送撤回</span>;
+                return <span>已推荐</span>;
               default:
                 return <span>-</span>;
             }
           },
         },
-        
         {
           title: "操作",
           width: 100,
@@ -335,7 +314,7 @@ export default defineComponent({
           key: "id",
           fixed: "right",
           align: "center",
-          slots: { customRender: "action" },
+          slots: { customRender: "actions" },
         },
       ],
       //列表表格
@@ -347,34 +326,15 @@ export default defineComponent({
       name: "",
       createName: "",
       sysCreateBy:"",
+      sysType1:"",      //内容分类
+      sysType2:"",
+      sysType3:"",
       sysTypeId: undefined,
       codeUrl: codeUrl,
       selectedRowKeys:[],   //标题ID
       caseTitleList:[],
       selectedRow:[],       //选组的每一行数据
     });
-    //内容分类
-    function findClassFullName(list, classify, name = "") {
-      return (
-        (list &&
-          list.length > 0 &&
-          list
-            .map((e) =>
-              classify == e.code
-                ? name
-                  ? name + "-" + e.name
-                  : e.name
-                : findClassFullName(
-                    e.children,
-                    classify,
-                    name ? name + "-" + e.name : e.name
-                  )
-            )
-            .filter((name) => name)
-            .join("")) ||
-        ""
-      );
-    }
 
     const route = useRoute();
     console.log(route);
@@ -403,6 +363,9 @@ export default defineComponent({
         sysCreateBy:state.sysCreateBy,
         sysTypeId: state.sysTypeId,
         name:state.name,
+        sysType1:state.sysType1,
+        sysType2:state.sysType2,
+        sysType3:state.sysType3,
       });
       const { records, total } = res.data.data;
       state.tableData1 = records;
@@ -494,13 +457,17 @@ export default defineComponent({
       onSelectChange,
       status,
       handleOper,
-      handle,
-      searchData
+      searchData,
+      recommends,
+      data,
     };
   },
 });
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
+:deep(.ant-table-cell-fix-right){
+  width: 100px !important;
+}
 .courseManage {
   width: 100%;
   height: 100%;

From 6b9b9bb8d617af12bc4da27a3c720603b86b06e0 Mon Sep 17 00:00:00 2001
From: NiSen <laonisen@icloud.com>
Date: Wed, 11 Oct 2023 18:42:08 +0800
Subject: [PATCH 25/43] =?UTF-8?q?=E5=AD=98=E6=94=BE=E8=AF=BE=E7=A8=8B?=
 =?UTF-8?q?=E5=88=86=E7=B1=BBid=E9=9B=86=E5=90=88map?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.js                                   | 16 ++++++++++++++++
 src/store/index.js                            |  6 +++++-
 src/views/courselibrary/CourseRecommended.vue |  5 +++++
 3 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/src/main.js b/src/main.js
index 138ad685..89316265 100644
--- a/src/main.js
+++ b/src/main.js
@@ -85,6 +85,22 @@ const initDictTree = (key) => {
         (res) => {
           console.log(res.data.result,'课程分类接口')
           store.commit("SET_DICT", {key, data: res.data.result});
+          //转化为map放到状态中
+          let map=new Map();
+          res.data.result.forEach(item=>{
+             map.set(item.id, item.name);
+             if(item.children && item.children!=''){
+                item.children.forEach(child=>{
+                  map.set(child.id, child.name);
+                  if(child.children && child.children!=''){
+                     child.children.forEach(last=>{
+                       map.set(last.id, last.name);
+                     })
+                  }
+                })
+             }
+          });
+          store.commit("SET_SYSTYPEMAP", map);
         },
         (err) => {
           message.error(err);
diff --git a/src/store/index.js b/src/store/index.js
index c064244c..637acc6f 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -26,7 +26,8 @@ export default createStore({
     pathmapPic: [],//学习路径背景图
     memberInitInfo: [],//学员默认
     sysType: [],//学员默认
-    menus: []
+    menus: [],
+    sysTypeMap:null
   },
   getters: {},
   mutations: {
@@ -51,6 +52,9 @@ export default createStore({
     SET_DICT(state, { key, data }) {
       state[key] = data;
     },
+    SET_SYSTYPEMAP(state, map) {
+      state.sysTypeMap = map;
+    },
     SET_MEMBER_INFO(state, data) {
       state.memberInitInfo = data;
     },
diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 65aa27a4..d3d39c8b 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -340,6 +340,11 @@ export default defineComponent({
     console.log(route);
     const router = useRouter();
     console.log(router);
+    const getSysTypeMap = (code) => {
+      console.log(store.state.sysTypeMap,'map集合');
+      // return store.state.sysTypeMap.get(code)
+    }
+    // getSysTypeMap()
 
     // 渲染列表1操作
     const getTableDate = async () => {

From 4aa41e0f75274b7d2b5d8e201a1de0760632ef27 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Thu, 12 Oct 2023 14:07:06 +0800
Subject: [PATCH 26/43] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E6=8E=A8=E8=8D=90?=
 =?UTF-8?q?=E8=87=B4=E7=81=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 168 +++++++-----------
 1 file changed, 61 insertions(+), 107 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index d3d39c8b..8b601e0b 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -27,7 +27,7 @@
           </div>
           <div class="pathnameInp">
             <a-input
-              v-model:value="sysCreateBy"
+              v-model:value="teacherName"
               style="width: 200px; height: 40px; border-radius: 8px"
               placeholder="授课教师"
             />
@@ -54,6 +54,7 @@
       </div>
       <!-- 搜索框及按钮 -->
     </div>
+    <div>{{ removeClick }}</div>
     <!-- 表格 -->
     <div style="padding: 10px 35px">
       <a-table
@@ -73,9 +74,6 @@
             <a-button @click="() => handleOper(record,'withdraw',record.recommendStatus)" type="link">
               {{ status[record.recommendStatus] }}
             </a-button>
-            <!-- <a-button @click="() => handleOper(record, 'withdraw', record.pushProgress)" type="link">
-              {{ status[record.pushProgress] }}
-            </a-button> -->
             
           </a-space>
         </template>
@@ -105,6 +103,7 @@ import {
   defineComponent,
   ref,
   computed,
+watch,
 } from "vue";
 import { message } from "ant-design-vue";
 import { useRouter, useRoute } from "vue-router";
@@ -121,9 +120,8 @@ import * as moment from "moment";
 import { codeUrl, toDate } from "@/api/method";
 import { useStore } from "vuex";
 import { checkPer, checkOwner } from "@/utils/utils";
+
 //测试
-import {rePushOrWithdraw,RECOMMEND_PAGE} from "@/api/case";
-import { boeRequest } from "@/api/request";
 // 查询数据
 const searchData = ref({
   pageIndex: 1,
@@ -132,18 +130,7 @@ const searchData = ref({
   recommendTimeList: [],
 });
 
-// const sysTypeOptions = [
-//   {
-//     title: '专业类',
-//     value: '0',
-//     key: '0',
-//   },
-//   {
-//     title: '领导力',
-//     value: '1',
-//     key: '1',
-//   },
-// ];
+
 const status = reactive({
   0:'推荐',
   1:'取消推荐',
@@ -152,9 +139,11 @@ const status = reactive({
 const data = []
 
 export default defineComponent({
+ 
   components: {},
   
   setup() {
+
      
     const handleMsg = {
       withdraw1: "课程已被推荐，点击可以取消推荐",
@@ -168,45 +157,45 @@ export default defineComponent({
       withdraw: async () => {
         try {
           await recommend({ courseId: record.id });
-          console.log('recommendStatus',state.tableData1[0].recommendStatus)
+          console.log('record.11111',record.recommendStatus)
+
           getTableDate();
         } catch (error) {
           message.info("推送失败！");
-          console.log('record.id',record.id)
-          console.log('recommend',record)
         }
       },
       
     });
     //内容分类
-    function findClassFullName(list, classify, name = "") {
-      return (
-        (list &&
-          list.length > 0 &&
-          list
-            .map((e) =>
-              classify == e.code
-                ? name
-                  ? name + "-" + e.name
-                  : e.name
-                : findClassFullName(
-                    e.children,
-                    classify,
-                    name ? name + "-" + e.name : e.name
-                  )
-            )
-            .filter((name) => name)
-            .join("")) ||
-        ""
-      );
-    }
+    // function findClassFullName(page, classify, name = "") {
+    //   return (
+    //     (page &&
+    //       page.length > 0 &&
+    //       page
+    //         .map((e) =>
+    //           classify == e.code
+    //             ? name
+    //               ? name + "-" + e.name
+    //               : e.name
+    //             : findClassFullName(
+    //                 e.children,
+    //                 classify,
+    //                 name ? name + "-" + e.name : e.name
+    //               )
+    //         )
+    //         .filter((name) => name)
+    //         .join("")) ||
+    //     ""
+    //   );
+    // }
 
     const store = useStore();
-    const sysTypeOptions = computed(() => {console.log('sysTypeOptions',sysTypeOptions);return store.state.content_type;});
-    console.log(sysTypeOptions,'闽侯阿加佳偶');
+    const sysTypeOptions = computed(() => {return store.state.content_type;});
     const state = reactive({
       //测试
+      hh:[],
       // data:[],
+      recommendStatu:0,
       
       total:0,
       tableLoading: false,
@@ -237,15 +226,12 @@ export default defineComponent({
          {
           title: "内容分类",
           width: 200,
-          dataIndex: "keywords",
+          dataIndex: "sysType1",
           ellipsis: true,
           key: "keywords",
           align: "center",
-          customRender: ({ record }) =>
-            findClassFullName(sysTypeOptions.value, record.sysTypeId) || "-",
-          //   customRender: ({ text }) => {
-          //   return text ? text : "-";
-          // },
+          customRender: ({ record,text }) =>
+          getSysTypeMap(record.sysType1,record.sysType2,record.sysType3, record.sysTypeId) || "-",
         },       
         {
           title: "关键字",
@@ -259,7 +245,7 @@ export default defineComponent({
         {
           title: "授课教师",
           width: 100,
-          dataIndex: "sysCreateBy",
+          dataIndex: "teacherName",
           key: "8",
           ellipsis: true,
           align: "center",
@@ -287,7 +273,6 @@ export default defineComponent({
           align: "center",
           customRender: ({ text, record }) => {
             return record.recommendStatus? text || "-" : "-";
-            // return  text ? text : "-";
           },
         },   
         {
@@ -325,7 +310,7 @@ export default defineComponent({
       pageSize: 10,
       name: "",
       createName: "",
-      sysCreateBy:"",
+      teacherName:"",
       sysType1:"",      //内容分类
       sysType2:"",
       sysType3:"",
@@ -334,38 +319,30 @@ export default defineComponent({
       selectedRowKeys:[],   //标题ID
       caseTitleList:[],
       selectedRow:[],       //选组的每一行数据
+      sysTypeTree: [], //内容类型
+        sysTypeMap:null
     });
 
     const route = useRoute();
     console.log(route);
     const router = useRouter();
     console.log(router);
+    //内容分类
     const getSysTypeMap = (code) => {
-      console.log(store.state.sysTypeMap,'map集合');
-      // return store.state.sysTypeMap.get(code)
+      if(code=="")return
+      // console.log(store.state.sysTypeMap,'map集合');
+      return store.state.sysTypeMap.get(code)
     }
-    // getSysTypeMap()
+    getSysTypeMap()
 
     // 渲染列表1操作
     const getTableDate = async () => {
       state.tableLoading = true;
       console.log("我是点击搜索的数据", state.sysTypeId);
-      
-      if (state.projectTime) {
-        startTime = toDate(
-          new Date(state.projectTime[0].$d).getTime() / 1000,
-          "Y-M-D"
-        );
-        endTime = toDate(
-          new Date(state.projectTime[1].$d).getTime() / 1000,
-          "Y-M-D"
-        );
-      }
       let res = await page({
-
         pageNum:state.currentPage1,
         pageSize:state.pageSize1,
-        sysCreateBy:state.sysCreateBy,
+        teacherName:state.teacherName,
         sysTypeId: state.sysTypeId,
         name:state.name,
         sysType1:state.sysType1,
@@ -377,7 +354,18 @@ export default defineComponent({
       state.tableDataTotal1 = total;
       state.tableLoading = false;
       console.log("state.tableData1", state.tableData1);
+      const removeData = state.tableData1
+      const removeClick = removeData.filter(function(value,index){
+        return value.recommendStatus==1
+      })
+      console.log('removeClick的长度',removeClick.length)
+      state.recommendStatu = removeClick.length
     };
+    console.log('recommendStatu',state.recommendStatu)
+    const aa = computed(()=>{
+      return state.recommendStatu
+    })
+    console.log(aa.value,'asfhafhasfh');
     getTableDate();
     // 计算全选
     const rowSelection = computed(() => {
@@ -386,14 +374,11 @@ export default defineComponent({
         onChange: onSelectChange,
       }
     });
+    
     //计算出来已选中状态
     const onSelectChange = (selectedRowKeys, selectedRow) => {
-      console.log(selectedRowKeys,'selectedRowKeys');
-      console.log(selectedRow,'selectedRow');
       state.selectedRowKeys = selectedRowKeys
       state.selectedRow = selectedRow
-      
-      console.log(state.selectedRow, state.caseTitleList);
 
     };
     //分页
@@ -410,48 +395,16 @@ export default defineComponent({
     const handleRest1 = () => {
       state.name = "";
       state.createName = "";
-      state.sysCreateBy = '';
+      state.teacherName = '';
       state.sysTypeId = null;
-      state.projectTime = "";
       getTableDate();
     };
 
-    const options1 = ref([
-      {
-        value: 0,
-        label: "未提交",
-      },
-      {
-        value: 1,
-        label: "待审核",
-      },
-      {
-        value: 2,
-        label: "已审核",
-      },
-      {
-        value: -1,
-        label: "审核未通过",
-      },
-    ]);
-    const options11 = ref([
-      {
-        value: 0,
-        label: "未开始",
-      },
-      {
-        value: 1,
-        label: "已完成",
-      },
-    ]);
- 
     return {
       ...toRefs(state),
       sysTypeOptions,
-      findClassFullName,
+      // findClassFullName,
       moment,
-      options1,
-      options11,
       mode: "simple",
       handelChangePage1,
       handleSearch1,
@@ -465,6 +418,7 @@ export default defineComponent({
       searchData,
       recommends,
       data,
+      getSysTypeMap,
     };
   },
 });

From 3d2ecf03b8194b164ccdc433911a60fb83e1f0b2 Mon Sep 17 00:00:00 2001
From: NiSen <laonisen@icloud.com>
Date: Thu, 12 Oct 2023 14:11:39 +0800
Subject: [PATCH 27/43] =?UTF-8?q?watch=E7=9B=91=E5=90=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 8b601e0b..afc06aa1 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -361,11 +361,9 @@ export default defineComponent({
       console.log('removeClick的长度',removeClick.length)
       state.recommendStatu = removeClick.length
     };
-    console.log('recommendStatu',state.recommendStatu)
-    const aa = computed(()=>{
-      return state.recommendStatu
+    watch(() => state.recommendStatu,(value) => {
+      console.log(value,'新值');
     })
-    console.log(aa.value,'asfhafhasfh');
     getTableDate();
     // 计算全选
     const rowSelection = computed(() => {

From 2576a1cfae94be4452515398d1695409e030c6b8 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Thu, 12 Oct 2023 15:09:39 +0800
Subject: [PATCH 28/43] =?UTF-8?q?=E8=87=B4=E7=81=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 28 +++++++++++++++----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 8b601e0b..485ce8d9 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -54,7 +54,6 @@
       </div>
       <!-- 搜索框及按钮 -->
     </div>
-    <div>{{ removeClick }}</div>
     <!-- 表格 -->
     <div style="padding: 10px 35px">
       <a-table
@@ -71,7 +70,10 @@
         <template #actions="{ text, record, index }">
           <a-space :key="record.id">
            
-            <a-button @click="() => handleOper(record,'withdraw',record.recommendStatus)" type="link">
+            <a-button @click="() => handleOper(record,'withdraw',record.recommendStatus)" 
+              type="link" 
+              :class="aa()>=3? `${record.recommendStatus==0?'grey':''}`:''"
+              >
               {{ status[record.recommendStatus] }}
             </a-button>
             
@@ -150,7 +152,16 @@ export default defineComponent({
       withdraw: "课程未被推荐，点击可以设为推荐",
     };
     function handleOper(record, type, status = '') {
+      const aa = computed(()=>{
+        return state.recommendStatu
+    })
+      if(aa.value>=3){
+        if(record.recommendStatus==0){
+          return
+        } 
+      }
       dialog({content: handleMsg[status ? type + status : type], ok: recommends(record)[type] });
+      
     }
  
     const recommends = (record) => ({
@@ -361,11 +372,14 @@ export default defineComponent({
       console.log('removeClick的长度',removeClick.length)
       state.recommendStatu = removeClick.length
     };
-    console.log('recommendStatu',state.recommendStatu)
     const aa = computed(()=>{
-      return state.recommendStatu
+      return ()=>{
+        return state.recommendStatu
+      } 
+    })
+    watch(() => state.recommendStatu,(value) => {
+      console.log(value,'新值');
     })
-    console.log(aa.value,'asfhafhasfh');
     getTableDate();
     // 计算全选
     const rowSelection = computed(() => {
@@ -419,11 +433,15 @@ export default defineComponent({
       recommends,
       data,
       getSysTypeMap,
+      aa
     };
   },
 });
 </script>
 <style lang="scss" scoped>
+.grey{
+  color: gray;
+}
 :deep(.ant-table-cell-fix-right){
   width: 100px !important;
 }

From dea07b2ec04eeb35ba6a48dc7949c630d429f569 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Thu, 12 Oct 2023 16:34:47 +0800
Subject: [PATCH 29/43] =?UTF-8?q?=E8=87=B4=E7=81=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 29 +++++++++++++++----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 485ce8d9..aca96193 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -72,7 +72,7 @@
            
             <a-button @click="() => handleOper(record,'withdraw',record.recommendStatus)" 
               type="link" 
-              :class="aa()>=3? `${record.recommendStatus==0?'grey':''}`:''"
+              :class="aa()>=3? `${record.recommendStatus!==1?'grey':''}`:''"
               >
               {{ status[record.recommendStatus] }}
             </a-button>
@@ -95,6 +95,7 @@
       />
     </div>
     <!-- 表格 -->
+    <!-- <a-alert message="Success Text" type="success" v-if="aa().length>=3"/> -->
   </div>
 </template>
 
@@ -150,13 +151,16 @@ export default defineComponent({
     const handleMsg = {
       withdraw1: "课程已被推荐，点击可以取消推荐",
       withdraw: "课程未被推荐，点击可以设为推荐",
+      withdraw3: "课程未被推荐，点击可以设为推荐",
     };
+    //点击按钮
     function handleOper(record, type, status = '') {
       const aa = computed(()=>{
         return state.recommendStatu
     })
       if(aa.value>=3){
-        if(record.recommendStatus==0){
+        if(record.recommendStatus!==1){
+          alert('最多三个')
           return
         } 
       }
@@ -168,8 +172,6 @@ export default defineComponent({
       withdraw: async () => {
         try {
           await recommend({ courseId: record.id });
-          console.log('record.11111',record.recommendStatus)
-
           getTableDate();
         } catch (error) {
           message.info("推送失败！");
@@ -369,8 +371,18 @@ export default defineComponent({
       const removeClick = removeData.filter(function(value,index){
         return value.recommendStatus==1
       })
-      console.log('removeClick的长度',removeClick.length)
+      // console.log('removeClick的长度',removeClick.length)
       state.recommendStatu = removeClick.length
+    //   watch(() => state.recommendStatu,(value) => {
+    //   const removeData = state.tableData1
+    //   const removeClick = removeData.filter(function(value,index){
+    //     return value.recommendStatus==1
+    //   })
+    //   console.log('removeClick的长度111111111111',removeClick.length)
+    //   state.recommendStatu = removeClick.length
+    //   getTableDate()
+    //   console.log(value,'新值');
+    // })
     };
     const aa = computed(()=>{
       return ()=>{
@@ -378,6 +390,13 @@ export default defineComponent({
       } 
     })
     watch(() => state.recommendStatu,(value) => {
+      const removeData = state.tableData1
+      const removeClick = removeData.filter(function(value,index){
+        return value.recommendStatus==1
+      })
+      console.log('removeClick的长度111111111111',removeClick.length)
+      state.recommendStatu = removeClick.length
+      getTableDate()
       console.log(value,'新值');
     })
     getTableDate();

From c6baeddb166dd598b1a53bb00cab0549d2e8d04c Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Thu, 12 Oct 2023 18:14:27 +0800
Subject: [PATCH 30/43] =?UTF-8?q?=E8=87=B4=E7=81=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 1ac7a268..554c7d9d 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -63,7 +63,7 @@
         :data-source="tableData1"
         :loading="tableLoading"
         :pagination="false"
-        :row-selection="rowSelection"
+        
         :scroll="{ x: 'max-content' }"
         row-key="id"
       >
@@ -72,7 +72,7 @@
            
             <a-button @click="() => handleOper(record,'withdraw',record.recommendStatus)" 
               type="link" 
-              :class="aa()>=3? `${record.recommendStatus!==1?'grey':''}`:''"
+              :class="aa()>=3? `${record.recommendStatus!==1 && record.currentPage1 === 1?'grey':''}`:''"
               >
               {{ status[record.recommendStatus] }}
             </a-button>
@@ -156,10 +156,10 @@ export default defineComponent({
     //点击按钮
     function handleOper(record, type, status = '') {
       const aa = computed(()=>{
-        return state.recommendStatu
+        return state.recommendStatu 
     })
       if(aa.value>=3){
-        if(record.recommendStatus!==1){
+        if(record.recommendStatus!==1 && record.currentPage1 === 1){
           alert('最多三个')
           return
         } 
@@ -384,7 +384,19 @@ export default defineComponent({
     //   console.log(value,'新值');
     // })
     };
-    watch(() => state.recommendStatu,(value) => {
+    const aa = computed(()=>{
+        return()=>{
+          return state.recommendStatu
+        } 
+    })
+    watch(() => [state.recommendStatu,state.currentPage1,state.tableDataTotal1],(value) => {
+      const removeData = state.tableData1
+      const removeClick = removeData.filter(function(value,index){
+        return value.recommendStatus==1
+      })
+      console.log('removeClick的长度111111111111',removeClick.length)
+      state.recommendStatu = removeClick.length
+      getTableDate()
       console.log(value,'新值');
     })
     getTableDate();

From 61d44a1988a815013328406f069c0b3b59f978de Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Fri, 13 Oct 2023 00:41:27 +0800
Subject: [PATCH 31/43] =?UTF-8?q?=E8=87=B4=E7=81=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 104 ++++++------------
 1 file changed, 35 insertions(+), 69 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 554c7d9d..b7ecc611 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -72,7 +72,7 @@
            
             <a-button @click="() => handleOper(record,'withdraw',record.recommendStatus)" 
               type="link" 
-              :class="aa()>=3? `${record.recommendStatus!==1 && record.currentPage1 === 1?'grey':''}`:''"
+              :class="count>=3? `${record.recommendStatus!==1?'grey':''}`:''"
               >
               {{ status[record.recommendStatus] }}
             </a-button>
@@ -95,7 +95,6 @@
       />
     </div>
     <!-- 表格 -->
-    <!-- <a-alert message="Success Text" type="success" v-if="aa().length>=3"/> -->
   </div>
 </template>
 
@@ -107,6 +106,7 @@ import {
   ref,
   computed,
 watch,
+onMounted,
 } from "vue";
 import { message } from "ant-design-vue";
 import { useRouter, useRoute } from "vue-router";
@@ -139,15 +139,11 @@ const status = reactive({
   1:'取消推荐',
   2:'重新推荐'
 })
-const data = []
 
 export default defineComponent({
- 
   components: {},
   
   setup() {
-
-     
     const handleMsg = {
       withdraw1: "课程已被推荐，点击可以取消推荐",
       withdraw: "课程未被推荐，点击可以设为推荐",
@@ -155,19 +151,15 @@ export default defineComponent({
     };
     //点击按钮
     function handleOper(record, type, status = '') {
-      const aa = computed(()=>{
-        return state.recommendStatu 
-    })
-      if(aa.value>=3){
-        if(record.recommendStatus!==1 && record.currentPage1 === 1){
+    
+      if(state.count>=3){
+        if(record.recommendStatus!==1){
           alert('最多三个')
           return
         } 
       }
-      dialog({content: handleMsg[status ? type + status : type], ok: recommends(record)[type] });
-      
+      dialog({content: handleMsg[status ? type + status : type], ok: recommends(record)[type] });    
     }
- 
     const recommends = (record) => ({
       withdraw: async () => {
         try {
@@ -176,8 +168,7 @@ export default defineComponent({
         } catch (error) {
           message.info("推送失败！");
         }
-      },
-      
+      },     
     });
     //内容分类
     // function findClassFullName(page, classify, name = "") {
@@ -201,15 +192,12 @@ export default defineComponent({
     //     ""
     //   );
     // }
-
     const store = useStore();
     const sysTypeOptions = computed(() => {return store.state.content_type;});
     const state = reactive({
       //测试
-      hh:[],
-      // data:[],
-      recommendStatu:0,
       
+      count:0,
       total:0,
       tableLoading: false,
       columns1: [
@@ -231,10 +219,8 @@ export default defineComponent({
           ellipsis: true,
           align: "left",
           customRender: ({ text }) => {
-            return `${text.length>12?text.slice(0,12)+'...':text}`
-            
-          },
-          
+            return `${text.length>12?text.slice(0,12)+'...':text}`           
+          },   
         },
          {
           title: "内容分类",
@@ -244,7 +230,11 @@ export default defineComponent({
           key: "keywords",
           align: "center",
           customRender: ({ record,text }) =>
-          getSysTypeMap(record.sysType1,record.sysType2,record.sysType3, record.sysTypeId) || "-",
+          // getSysTypeMap(record.sysType1, record.sysTypeId) || "-",
+          `${getSysTypeMap(record.sysType2, record.sysTypeId)?getSysTypeMap(record.sysType1) : ""}
+          ${getSysTypeMap(record.sysType2, record.sysTypeId)?'-'+getSysTypeMap(record.sysType2) : ""}
+          ${getSysTypeMap(record.sysType3, record.sysTypeId)?'-'+getSysTypeMap(record.sysType3) : ""}
+          `
         },       
         {
           title: "关键字",
@@ -362,58 +352,35 @@ export default defineComponent({
         sysType2:state.sysType2,
         sysType3:state.sysType3,
       });
-      const { records, total } = res.data.data;
+      const { records, total } = res.data.data.page;
+      const {count} = res.data.data
+      state.count = count
       state.tableData1 = records;
       state.tableDataTotal1 = total;
       state.tableLoading = false;
       console.log("state.tableData1", state.tableData1);
-      const removeData = state.tableData1
-      const removeClick = removeData.filter(function(value,index){
-        return value.recommendStatus==1
-      })
-      // console.log('removeClick的长度',removeClick.length)
-      state.recommendStatu = removeClick.length
-    //   watch(() => state.recommendStatu,(value) => {
-    //   const removeData = state.tableData1
-    //   const removeClick = removeData.filter(function(value,index){
-    //     return value.recommendStatus==1
-    //   })
-    //   console.log('removeClick的长度111111111111',removeClick.length)
-    //   state.recommendStatu = removeClick.length
-    //   getTableDate()
-    //   console.log(value,'新值');
-    // })
+      
     };
-    const aa = computed(()=>{
-        return()=>{
-          return state.recommendStatu
-        } 
-    })
-    watch(() => [state.recommendStatu,state.currentPage1,state.tableDataTotal1],(value) => {
-      const removeData = state.tableData1
-      const removeClick = removeData.filter(function(value,index){
-        return value.recommendStatus==1
-      })
-      console.log('removeClick的长度111111111111',removeClick.length)
-      state.recommendStatu = removeClick.length
+    
+    watch(() => state.count,(value) => {
       getTableDate()
       console.log(value,'新值');
     })
     getTableDate();
     // 计算全选
-    const rowSelection = computed(() => {
-      return {
-        selectedRowKeys: state.selectedRowKeys,
-        onChange: onSelectChange,
-      }
-    });
+    // const rowSelection = computed(() => {
+    //   return {
+    //     selectedRowKeys: state.selectedRowKeys,
+    //     onChange: onSelectChange,
+    //   }
+    // });
     
-    //计算出来已选中状态
-    const onSelectChange = (selectedRowKeys, selectedRow) => {
-      state.selectedRowKeys = selectedRowKeys
-      state.selectedRow = selectedRow
+    // //计算出来已选中状态
+    // const onSelectChange = (selectedRowKeys, selectedRow) => {
+    //   state.selectedRowKeys = selectedRowKeys
+    //   state.selectedRow = selectedRow
 
-    };
+    // };
     //分页
     const handelChangePage1 = (page, pageSize) => {
       state.currentPage1 = page;
@@ -444,15 +411,14 @@ export default defineComponent({
       handleRest1,
       checkPer,
       checkOwner,
-      rowSelection,
-      onSelectChange,
+      // rowSelection,
+      // onSelectChange,
       status,
       handleOper,
       searchData,
       recommends,
-      data,
       getSysTypeMap,
-      aa
+      
     };
   },
 });

From 46ee0359dfbc6d8fe337214f6cd192df1d42fe66 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Fri, 13 Oct 2023 10:58:37 +0800
Subject: [PATCH 32/43] =?UTF-8?q?=E8=87=B4=E7=81=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index b7ecc611..7bb8b310 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -54,6 +54,7 @@
       </div>
       <!-- 搜索框及按钮 -->
     </div>
+    <a-alert style="width: 200px;position: fixed;top: 5%;left: 50%;margin-left: -100px;" message="最多推荐三个" type="success" closable v-show="toDisplay" :after-close="handleClose"/>
     <!-- 表格 -->
     <div style="padding: 10px 35px">
       <a-table
@@ -133,7 +134,6 @@ const searchData = ref({
   recommendTimeList: [],
 });
 
-
 const status = reactive({
   0:'推荐',
   1:'取消推荐',
@@ -144,6 +144,7 @@ export default defineComponent({
   components: {},
   
   setup() {
+   
     const handleMsg = {
       withdraw1: "课程已被推荐，点击可以取消推荐",
       withdraw: "课程未被推荐，点击可以设为推荐",
@@ -196,7 +197,7 @@ export default defineComponent({
     const sysTypeOptions = computed(() => {return store.state.content_type;});
     const state = reactive({
       //测试
-      
+      toDisplay:false,
       count:0,
       total:0,
       tableLoading: false,
@@ -219,7 +220,7 @@ export default defineComponent({
           ellipsis: true,
           align: "left",
           customRender: ({ text }) => {
-            return `${text.length>12?text.slice(0,12)+'...':text}`           
+            return `${text?text.length>12?text.slice(0,12)+'...':text:text}`           
           },   
         },
          {
@@ -230,7 +231,6 @@ export default defineComponent({
           key: "keywords",
           align: "center",
           customRender: ({ record,text }) =>
-          // getSysTypeMap(record.sysType1, record.sysTypeId) || "-",
           `${getSysTypeMap(record.sysType2, record.sysTypeId)?getSysTypeMap(record.sysType1) : ""}
           ${getSysTypeMap(record.sysType2, record.sysTypeId)?'-'+getSysTypeMap(record.sysType2) : ""}
           ${getSysTypeMap(record.sysType3, record.sysTypeId)?'-'+getSysTypeMap(record.sysType3) : ""}
@@ -241,8 +241,9 @@ export default defineComponent({
           dataIndex: "keywords",
           key: "keywords",
           align: "left",
+          ellipsis: true,
           customRender: ({ text }) => {
-            return text.length>12?text.slice(0,12)+'...':text
+            return text? text.length>12? text.slice(0,12)+'...' : text : ''
           },
         },
         {
@@ -363,6 +364,9 @@ export default defineComponent({
     };
     
     watch(() => state.count,(value) => {
+      if(value>=3){
+        state.toDisplay = true
+      }
       getTableDate()
       console.log(value,'新值');
     })
@@ -418,7 +422,6 @@ export default defineComponent({
       searchData,
       recommends,
       getSysTypeMap,
-      
     };
   },
 });

From 434ed3022f8fa0479dfa29bc507c95c7641a57af Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Fri, 13 Oct 2023 17:34:23 +0800
Subject: [PATCH 33/43] =?UTF-8?q?=E6=8E=A8=E8=8D=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 39 +++++--------------
 1 file changed, 9 insertions(+), 30 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 7bb8b310..e9ce025d 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -141,21 +141,19 @@ const status = reactive({
 })
 
 export default defineComponent({
-  components: {},
-  
+  components: {},  
   setup() {
    
     const handleMsg = {
       withdraw1: "课程已被推荐，点击可以取消推荐",
       withdraw: "课程未被推荐，点击可以设为推荐",
-      withdraw3: "课程未被推荐，点击可以设为推荐",
     };
     //点击按钮
     function handleOper(record, type, status = '') {
     
       if(state.count>=3){
         if(record.recommendStatus!==1){
-          alert('最多三个')
+          alert('多了')
           return
         } 
       }
@@ -171,28 +169,6 @@ export default defineComponent({
         }
       },     
     });
-    //内容分类
-    // function findClassFullName(page, classify, name = "") {
-    //   return (
-    //     (page &&
-    //       page.length > 0 &&
-    //       page
-    //         .map((e) =>
-    //           classify == e.code
-    //             ? name
-    //               ? name + "-" + e.name
-    //               : e.name
-    //             : findClassFullName(
-    //                 e.children,
-    //                 classify,
-    //                 name ? name + "-" + e.name : e.name
-    //               )
-    //         )
-    //         .filter((name) => name)
-    //         .join("")) ||
-    //     ""
-    //   );
-    // }
     const store = useStore();
     const sysTypeOptions = computed(() => {return store.state.content_type;});
     const state = reactive({
@@ -204,7 +180,7 @@ export default defineComponent({
       columns1: [
         {
           title: "序号",
-          width: 50,
+          width: 80,
           dataIndex: "xuhaoid",
           key: "xuhaoid",
           align: "center",
@@ -231,7 +207,7 @@ export default defineComponent({
           key: "keywords",
           align: "center",
           customRender: ({ record,text }) =>
-          `${getSysTypeMap(record.sysType2, record.sysTypeId)?getSysTypeMap(record.sysType1) : ""}
+          `${getSysTypeMap(record.sysType1, record.sysTypeId)?getSysTypeMap(record.sysType1) : ""}
           ${getSysTypeMap(record.sysType2, record.sysTypeId)?'-'+getSysTypeMap(record.sysType2) : ""}
           ${getSysTypeMap(record.sysType3, record.sysTypeId)?'-'+getSysTypeMap(record.sysType3) : ""}
           `
@@ -349,9 +325,10 @@ export default defineComponent({
         teacherName:state.teacherName,
         sysTypeId: state.sysTypeId,
         name:state.name,
+        sysType: state.sysTypeId,
         sysType1:state.sysType1,
         sysType2:state.sysType2,
-        sysType3:state.sysType3,
+        sysType3:state.sysType3
       });
       const { records, total } = res.data.data.page;
       const {count} = res.data.data
@@ -362,7 +339,9 @@ export default defineComponent({
       console.log("state.tableData1", state.tableData1);
       
     };
-    
+    // onMounted(()=>{
+    //   getTableDate();
+    // })
     watch(() => state.count,(value) => {
       if(value>=3){
         state.toDisplay = true

From fdaa2546c1fbc128740eedb82eb09399d0f86ce6 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Mon, 16 Oct 2023 17:38:22 +0800
Subject: [PATCH 34/43] =?UTF-8?q?=E9=97=AE=E9=A2=98=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index e9ce025d..06644157 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -54,7 +54,6 @@
       </div>
       <!-- 搜索框及按钮 -->
     </div>
-    <a-alert style="width: 200px;position: fixed;top: 5%;left: 50%;margin-left: -100px;" message="最多推荐三个" type="success" closable v-show="toDisplay" :after-close="handleClose"/>
     <!-- 表格 -->
     <div style="padding: 10px 35px">
       <a-table
@@ -153,7 +152,7 @@ export default defineComponent({
     
       if(state.count>=3){
         if(record.recommendStatus!==1){
-          alert('多了')
+          message.info('最多推荐三个')
           return
         } 
       }
@@ -173,7 +172,6 @@ export default defineComponent({
     const sysTypeOptions = computed(() => {return store.state.content_type;});
     const state = reactive({
       //测试
-      toDisplay:false,
       count:0,
       total:0,
       tableLoading: false,
@@ -196,7 +194,7 @@ export default defineComponent({
           ellipsis: true,
           align: "left",
           customRender: ({ text }) => {
-            return `${text?text.length>12?text.slice(0,12)+'...':text:text}`           
+            return text?text.length>12?text.slice(0,12)+'...':text:''          
           },   
         },
          {
@@ -214,12 +212,13 @@ export default defineComponent({
         },       
         {
           title: "关键字",
+          width: 100,
           dataIndex: "keywords",
           key: "keywords",
           align: "left",
           ellipsis: true,
           customRender: ({ text }) => {
-            return text? text.length>12? text.slice(0,12)+'...' : text : ''
+            return text? text.length>8? text.slice(0,8)+'...' : text : ''
           },
         },
         {
@@ -256,7 +255,7 @@ export default defineComponent({
           },
         },   
         {
-          title: "是否推荐",
+          title: "推荐人",
           width: 100,
           dataIndex: "recommendStatus",
           key: "recommendStatus",
@@ -344,9 +343,9 @@ export default defineComponent({
     // })
     watch(() => state.count,(value) => {
       if(value>=3){
-        state.toDisplay = true
+        message.info('最多推荐三个')
       }
-      getTableDate()
+      // getTableDate()
       console.log(value,'新值');
     })
     getTableDate();

From 5eca9f8c3e98b0e23ff5c5386beb20628f4a2f88 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Wed, 18 Oct 2023 20:14:58 +0800
Subject: [PATCH 35/43] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E6=8E=A8=E8=8D=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 06644157..31cee5b7 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -45,7 +45,7 @@
               <div class="search"></div>
               <div class="btnText">搜索</div>
             </div>
-            <div class="btnn btn2" @click="handleRest1" style="width: 110px">
+            <div class="btnn btn2" @click="handleRest1">
               <div class="search"></div>
               <div class="btnText">重置</div>
             </div>
@@ -84,7 +84,7 @@
     <div class="pa">
       <a-pagination
         v-if="tableDataTotal1 > 10"
-        :showSizeChanger="false"
+        :showSizeChanger="true"
         :showQuickJumper="true"
         :hideOnSinglePage="true"
         :pageSize="pageSize1"
@@ -218,7 +218,7 @@ export default defineComponent({
           align: "left",
           ellipsis: true,
           customRender: ({ text }) => {
-            return text? text.length>8? text.slice(0,8)+'...' : text : ''
+            return <span>`${text? text.length>3? text.slice(0,3)+'...' : text : ''}`</span>
           },
         },
         {
@@ -260,12 +260,12 @@ export default defineComponent({
           dataIndex: "recommendStatus",
           key: "recommendStatus",
           align: "center",
-          customRender: ({ text }) => {
+          customRender: ({ text,record }) => {
             switch (text) {
               case 0:
-                return <span>未推荐</span>;
+                return <span>-</span>;
               case 1:
-                return <span>已推荐</span>;
+                return record.recommendBy;
               default:
                 return <span>-</span>;
             }
@@ -290,6 +290,7 @@ export default defineComponent({
       name: "",
       createName: "",
       teacherName:"",
+      recommendBy:'',
       sysType1:"",      //内容分类
       sysType2:"",
       sysType3:"",
@@ -324,6 +325,7 @@ export default defineComponent({
         teacherName:state.teacherName,
         sysTypeId: state.sysTypeId,
         name:state.name,
+        recommendBy:state.recommend_by,
         sysType: state.sysTypeId,
         sysType1:state.sysType1,
         sysType2:state.sysType2,
@@ -471,7 +473,8 @@ export default defineComponent({
       .btnn {
         padding: 0px 26px 0px 26px;
         height: 38px;
-        background: #4ea6ff;
+        // background: #4ea6ff;
+        color: #388BE1;
         border-radius: 8px;
         border: 1px solid rgba(64, 158, 255, 1);
         display: flex;
@@ -488,7 +491,7 @@ export default defineComponent({
         .btnText {
           font-size: 14px;
           font-weight: 400;
-          color: #fff;
+          color: #388BE1;
           line-height: 36px;
           margin-left: 5px;
         }
@@ -511,7 +514,7 @@ export default defineComponent({
         .search {
           width: 16px;
           height: 18px;
-          background-image: url("../../assets/images/courseManage/reset0.png");
+          background-image: url("../../assets/images/courseManage/reset1.png");
         }
 
         .daochu {

From 30d5eea778273100c3274a207d729c0533c4fb7d Mon Sep 17 00:00:00 2001
From: NiSen <laonisen@icloud.com>
Date: Thu, 19 Oct 2023 11:17:56 +0800
Subject: [PATCH 36/43] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=AF=BE=E7=A8=8B?=
 =?UTF-8?q?=E6=8E=A8=E8=8D=90=E9=BC=A0=E6=A0=87=E7=A7=BB=E5=85=A5=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 31cee5b7..9411e166 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -194,8 +194,8 @@ export default defineComponent({
           ellipsis: true,
           align: "left",
           customRender: ({ text }) => {
-            return text?text.length>12?text.slice(0,12)+'...':text:''          
-          },   
+            return <a-tooltip placement="topLeft" title = {text} >{text?text.length>12?text.slice(0,12)+'...':text:''}</a-tooltip>
+          },
         },
          {
           title: "内容分类",
@@ -209,7 +209,7 @@ export default defineComponent({
           ${getSysTypeMap(record.sysType2, record.sysTypeId)?'-'+getSysTypeMap(record.sysType2) : ""}
           ${getSysTypeMap(record.sysType3, record.sysTypeId)?'-'+getSysTypeMap(record.sysType3) : ""}
           `
-        },       
+        },
         {
           title: "关键字",
           width: 100,
@@ -218,7 +218,7 @@ export default defineComponent({
           align: "left",
           ellipsis: true,
           customRender: ({ text }) => {
-            return <span>`${text? text.length>3? text.slice(0,3)+'...' : text : ''}`</span>
+            return <a-tooltip placement="topLeft" title = {text} >{text? text.length>3? text.slice(0,3)+'...' : text : ''}</a-tooltip>
           },
         },
         {

From 23e27163421a55e4b15975945186f896966dcff9 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Thu, 19 Oct 2023 15:09:01 +0800
Subject: [PATCH 37/43] =?UTF-8?q?=E6=8E=A8=E8=8D=90=E4=BA=BA=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 29 ++++++++++++++-----
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 9411e166..bdf737e2 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -76,7 +76,6 @@
               >
               {{ status[record.recommendStatus] }}
             </a-button>
-            
           </a-space>
         </template>
       </a-table>
@@ -124,7 +123,7 @@ import { codeUrl, toDate } from "@/api/method";
 import { useStore } from "vuex";
 import { checkPer, checkOwner } from "@/utils/utils";
 
-//测试
+
 // 查询数据
 const searchData = ref({
   pageIndex: 1,
@@ -142,14 +141,13 @@ const status = reactive({
 export default defineComponent({
   components: {},  
   setup() {
-   
+    
     const handleMsg = {
       withdraw1: "课程已被推荐，点击可以取消推荐",
       withdraw: "课程未被推荐，点击可以设为推荐",
     };
     //点击按钮
     function handleOper(record, type, status = '') {
-    
       if(state.count>=3){
         if(record.recommendStatus!==1){
           message.info('最多推荐三个')
@@ -161,7 +159,7 @@ export default defineComponent({
     const recommends = (record) => ({
       withdraw: async () => {
         try {
-          await recommend({ courseId: record.id });
+          await recommend({ courseId: record.id,userName:state.userName,userId:state.userId });
           getTableDate();
         } catch (error) {
           message.info("推送失败！");
@@ -169,9 +167,20 @@ export default defineComponent({
       },     
     });
     const store = useStore();
+    // 内容分类
     const sysTypeOptions = computed(() => {return store.state.content_type;});
+    //推荐人
+    const userInfo = computed(()=>store.state.userInfo)
+    onMounted(()=>{
+      state.userName = userInfo.value.realName
+      state.userId = userInfo.value.userId
+      console.log(userInfo.value,'ffffffffffffffffffffff')
+    })
+
     const state = reactive({
       //测试
+      userName:"",
+      userId:"",
       count:0,
       total:0,
       tableLoading: false,
@@ -194,7 +203,7 @@ export default defineComponent({
           ellipsis: true,
           align: "left",
           customRender: ({ text }) => {
-            return <a-tooltip placement="topLeft" title = {text} >{text?text.length>12?text.slice(0,12)+'...':text:''}</a-tooltip>
+            return <a-tooltip placement="bottomLeft" title = {text} >{text?text.length>12?text.slice(0,12)+'...':text:''}</a-tooltip>
           },
         },
          {
@@ -218,7 +227,7 @@ export default defineComponent({
           align: "left",
           ellipsis: true,
           customRender: ({ text }) => {
-            return <a-tooltip placement="topLeft" title = {text} >{text? text.length>3? text.slice(0,3)+'...' : text : ''}</a-tooltip>
+            return <a-tooltip placement="bottomLeft" title = {text} >{text? text.length>3? text.slice(0,3)+'...' : text : ''}</a-tooltip>
           },
         },
         {
@@ -265,7 +274,7 @@ export default defineComponent({
               case 0:
                 return <span>-</span>;
               case 1:
-                return record.recommendBy;
+                return state.userName;
               default:
                 return <span>-</span>;
             }
@@ -291,6 +300,7 @@ export default defineComponent({
       createName: "",
       teacherName:"",
       recommendBy:'',
+      recommendAid:'',
       sysType1:"",      //内容分类
       sysType2:"",
       sysType3:"",
@@ -326,6 +336,7 @@ export default defineComponent({
         sysTypeId: state.sysTypeId,
         name:state.name,
         recommendBy:state.recommend_by,
+        recommendAid:state.recommendAid,
         sysType: state.sysTypeId,
         sysType1:state.sysType1,
         sysType2:state.sysType2,
@@ -402,11 +413,13 @@ export default defineComponent({
       searchData,
       recommends,
       getSysTypeMap,
+      userInfo
     };
   },
 });
 </script>
 <style lang="scss" scoped>
+
 .grey{
   color: gray;
 }

From 19e05a8ebc2414ef60ba400363b1ebfc5ecce130 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Thu, 19 Oct 2023 15:21:57 +0800
Subject: [PATCH 38/43] =?UTF-8?q?=E5=85=B3=E9=94=AE=E5=AD=97=E5=88=97?=
 =?UTF-8?q?=E5=AE=BD=E8=B0=83=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index bdf737e2..117d1ae3 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -227,7 +227,7 @@ export default defineComponent({
           align: "left",
           ellipsis: true,
           customRender: ({ text }) => {
-            return <a-tooltip placement="bottomLeft" title = {text} >{text? text.length>3? text.slice(0,3)+'...' : text : ''}</a-tooltip>
+            return <a-tooltip placement="bottomLeft" title = {text} >{text? text.length>12? text.slice(0,12)+'...' : text : ''}</a-tooltip>
           },
         },
         {

From 20d282bb9f7526f3d0dcd5338d20cf22082ffe2c Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Thu, 19 Oct 2023 15:53:14 +0800
Subject: [PATCH 39/43] =?UTF-8?q?=E6=8E=A8=E8=8D=90=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 117d1ae3..65d6bbd7 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -150,7 +150,7 @@ export default defineComponent({
     function handleOper(record, type, status = '') {
       if(state.count>=3){
         if(record.recommendStatus!==1){
-          message.info('最多推荐三个')
+          message.info('推荐课程上限3门，您可以取消原推荐后再做推荐')
           return
         } 
       }
@@ -355,9 +355,9 @@ export default defineComponent({
     //   getTableDate();
     // })
     watch(() => state.count,(value) => {
-      if(value>=3){
-        message.info('最多推荐三个')
-      }
+      // if(value>=3){
+      //   message.info('最多推荐三个')
+      // }
       // getTableDate()
       console.log(value,'新值');
     })

From b6d28ad62ed0c3c60bdabb637badd67917905c81 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Thu, 19 Oct 2023 15:57:29 +0800
Subject: [PATCH 40/43] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=97=B6=E9=A1=B5?=
 =?UTF-8?q?=E6=95=B0=E6=94=B9=E4=B8=BA1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 65d6bbd7..2a283c25 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -384,6 +384,7 @@ export default defineComponent({
     };
     //搜索
     const handleSearch1 = () => {
+      state.currentPage1 = 1
       getTableDate();
     };
     //重置

From 2e497119fdac816fea6d2702cb5b58b81f4c868b Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Wed, 25 Oct 2023 10:32:32 +0800
Subject: [PATCH 41/43] =?UTF-8?q?=E6=94=AF=E6=8C=81=E5=9B=9E=E8=BD=A6?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index 2a283c25..cbeaa7fa 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -30,13 +30,15 @@
               v-model:value="teacherName"
               style="width: 200px; height: 40px; border-radius: 8px"
               placeholder="授课教师"
+              @pressEnter="handleSearch"
             />
           </div>
           <div class="pathnameInp">
             <a-input
               v-model:value="name"
-              style="width: 200px; height: 40px; border-radius: 8px"
+              style="width: 300px; height: 40px; border-radius: 8px"
               placeholder="名称"
+              @pressEnter="handleSearch"
             />
           </div>
       
@@ -387,6 +389,10 @@ export default defineComponent({
       state.currentPage1 = 1
       getTableDate();
     };
+    const handleSearch = () =>{
+      state.currentPage1 = 1
+      getTableDate();
+    }
     //重置
     const handleRest1 = () => {
       state.name = "";
@@ -404,6 +410,7 @@ export default defineComponent({
       mode: "simple",
       handelChangePage1,
       handleSearch1,
+      handleSearch,
       handleRest1,
       checkPer,
       checkOwner,

From f37b0060c4f31761cb00735586126e1d8264ecb4 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Wed, 25 Oct 2023 17:59:10 +0800
Subject: [PATCH 42/43] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E6=8E=A8=E8=8D=90?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 52 ++++++++++---------
 1 file changed, 27 insertions(+), 25 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index cbeaa7fa..df9f892d 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -25,31 +25,33 @@
             >
             </a-tree-select>
           </div>
-          <div class="pathnameInp">
+          <!-- <div class="pathnameInp">
             <a-input
               v-model:value="teacherName"
               style="width: 200px; height: 40px; border-radius: 8px"
               placeholder="授课教师"
               @pressEnter="handleSearch"
             />
-          </div>
-          <div class="pathnameInp">
-            <a-input
-              v-model:value="name"
-              style="width: 300px; height: 40px; border-radius: 8px"
-              placeholder="名称"
-              @pressEnter="handleSearch"
-            />
-          </div>
-      
-          <div style="display: flex; margin-bottom: 20px" class="courseBtn">
-            <div class="btn btn1" @click="handleSearch1">
-              <div class="search"></div>
-              <div class="btnText">搜索</div>
+          </div> -->
+          <div style="display: flex;">
+            <div class="pathnameInp">
+              <a-input
+                v-model:value="nameOrTeacherName"
+                style="width: 276px; height: 40px; border-radius: 8px;"
+                placeholder="请输入课程名称或授课教师"
+                @pressEnter="handleSearch"
+              />
             </div>
-            <div class="btnn btn2" @click="handleRest1">
-              <div class="search"></div>
-              <div class="btnText">重置</div>
+        
+            <div style="display: flex; margin-bottom: 20px" class="courseBtn">
+              <div class="btn btn1" @click="handleSearch1">
+                <div class="search"></div>
+                <div class="btnText">搜索</div>
+              </div>
+              <div class="btnn btn2" @click="handleRest1">
+                <div class="search"></div>
+                <div class="btnText">重置</div>
+              </div>
             </div>
           </div>
         </div>
@@ -65,7 +67,6 @@
         :data-source="tableData1"
         :loading="tableLoading"
         :pagination="false"
-        
         :scroll="{ x: 'max-content' }"
         row-key="id"
       >
@@ -298,8 +299,8 @@ export default defineComponent({
       tableDataTotal1: -1,
       pageSize1: 10,
       pageSize: 10,
+      nameOrTeacherName:"",
       name: "",
-      createName: "",
       teacherName:"",
       recommendBy:'',
       recommendAid:'',
@@ -332,6 +333,7 @@ export default defineComponent({
       state.tableLoading = true;
       console.log("我是点击搜索的数据", state.sysTypeId);
       let res = await page({
+        nameOrTeacherName:state.nameOrTeacherName,
         pageNum:state.currentPage1,
         pageSize:state.pageSize1,
         teacherName:state.teacherName,
@@ -396,8 +398,7 @@ export default defineComponent({
     //重置
     const handleRest1 = () => {
       state.name = "";
-      state.createName = "";
-      state.teacherName = '';
+      // state.teacherName = '';
       state.sysTypeId = null;
       getTableDate();
     };
@@ -421,7 +422,8 @@ export default defineComponent({
       searchData,
       recommends,
       getSysTypeMap,
-      userInfo
+      userInfo,
+      // names
     };
   },
 });
@@ -446,13 +448,13 @@ export default defineComponent({
     margin-right: 35px;
     margin-top: 30px;
     display: flex;
-    justify-content: space-between;
     flex-wrap: wrap;
 
     .filterItems {
+      width: 100%;
+      justify-content: space-between;
       display: flex;
       flex-wrap: wrap;
-
       .pathnameInp {
         margin-right: 20px;
         margin-bottom: 20px;

From 83cab12239a21b9dae506c576664eae220d3163f Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Thu, 26 Oct 2023 13:59:42 +0800
Subject: [PATCH 43/43] =?UTF-8?q?=E9=87=8D=E7=BD=AE=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CourseRecommended.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/views/courselibrary/CourseRecommended.vue b/src/views/courselibrary/CourseRecommended.vue
index df9f892d..700e2a4e 100644
--- a/src/views/courselibrary/CourseRecommended.vue
+++ b/src/views/courselibrary/CourseRecommended.vue
@@ -397,8 +397,7 @@ export default defineComponent({
     }
     //重置
     const handleRest1 = () => {
-      state.name = "";
-      // state.teacherName = '';
+      state.nameOrTeacherName = ''
       state.sysTypeId = null;
       getTableDate();
     };