feat:添加在线、案例的添加搜索重置编辑已完成

src/components/drawers/AddOnline.vue

@@ -34,6 +34,7 @@
               <div class="ipt_name">内容分类：</div>
               <div class="select">
                 <a-select
+                  v-model:value="selectV"
                   dropdownClassName="dropdown-style"
                   style="width: 240px"
                   placeholder="请选择"
@@ -45,7 +46,7 @@
             </div>
           </div>
           <div class="mi_btns">
-            <div class="btn btn1">
+            <div class="btn btn1" @click="searchList()">
               <div class="search"></div>
               <div class="btnText">搜索</div>
             </div>
@@ -72,7 +73,25 @@
           </div>
         </div>
         <div class="main_table">
+          <!-- 编辑的表格 -->
           <a-table
+            v-if="edit"
+            class="ant-table-striped"
+            :row-class-name="
+              (_record, index) => (index % 2 === 1 ? 'table-striped' : null)
+            "
+            :row-selection="{
+              type:'radio',
+              selectedRowKeys: selectedRowKeys,
+              onChange: onSelectChange,
+            }"
+            :columns="tableDataFunc()"
+            :data-source="tableData"
+            :loading="tableDataTotal === -1 ? true : false"
+            :pagination="false"
+          />
+          <a-table
+            v-else
             class="ant-table-striped"
             :row-class-name="
               (_record, index) => (index % 2 === 1 ? 'table-striped' : null)
@@ -80,7 +99,6 @@
             :row-selection="{
               selectedRowKeys: selectedRowKeys,
               onChange: onSelectChange,
-              onSelect: onSelected,
             }"
             :columns="tableDataFunc()"
             :data-source="tableData"
@@ -109,12 +127,12 @@
   </a-drawer>
 </template>
 <script>
-import { reactive, toRefs } from "vue";
-import * as api from "../../api/indexInvist.js";
+import { onMounted, reactive, toRefs } from "vue";
+import * as api from "../../api/indexOnline.js";
 import * as apiTask from "../../api/indexTaskadd";
+// import { setCookie } from "../../api/method"
 import { message } from "ant-design-vue";
 import { RouterEditTask } from "@/api/indexTask";
-import dayjs from "dayjs";
 import { addTempTask } from "../../api/indexTaskadd";
 export default {
   name: "AddOnline",
@@ -123,7 +141,7 @@ export default {
       type: Boolean,
       default: false,
     },
-    EditInvistId: {
+    EditOnlineId: {
       type: Number,
       default: null,
     },
@@ -168,15 +186,22 @@ export default {
       inputV1: "",
       options1: [
         {
-          value: "value1",
-          label: "未完成",
+          value: "微课",
+          label: "微课",
         },
+        {
+          value: "录播课",
+          label: "录播课"
+        }
       ],
       time: undefined,
-      assessmentId: null,
-      assessmentName: "",
+      onlineClassesId: null,
+      onlineName: "",
+      searching:false,
+      selectV: "",
       selectedRowKeys: [],
       tableData: [],
+      addOnlineList:[],
       currentPage: 1,
       tableDataTotal: 0,
       pageSize: 10,
@@ -184,11 +209,17 @@ export default {
     const closeDrawer = () => {
       ctx.emit("update:addonlineVisible", false);
       ctx.emit("update:edit", false);
+      state.inputV1 = "";
+      state.selectedRowKeys = [];
+      state.addOnlineList = [];
+      state.currentPage = 1;
       localStorage.setItem("stageId", props.chooseStageId);
       localStorage.setItem("chapterId", props.isactive);
     };
-    const afterVisibleChange = () => {
-      getAllOnlineText();
+    const afterVisibleChange = (bol) => {
+      if(bol == true){
+        getAllOnlineText();
+      }
     };
     const tableDataFunc = () => {
       const columns = [
@@ -196,21 +227,20 @@ export default {
           title: "课程编号",
           dataIndex: "num",
           key: "num",
-          width: "200px",
-          align: "center",
+          width: "80px",
+          align: "left",
         },
         {
           title: "名称",
           dataIndex: "name",
           key: "name",
           width: "100px",
-          align: "left",
-          className: "classify",
+          align: "center",
         },
         {
           title: "内容分类",
-          dataIndex: "content",
-          key: "content",
+          dataIndex: "contenttype",
+          key: "contenttype",
           width: "80px",
           align: "center",
         },
@@ -218,37 +248,34 @@ export default {
           title: "授课教师",
           dataIndex: "teacher",
           key: "teacher",
-          width: "80px",
+          width: "100px",
           align: "center",
         },
         {
           title: "创建人",
-          dataIndex: "creator",
-          key: "creator",
+          dataIndex: "sysCreateBy",
+          key: "sysCreateBy",
           width: "80px",
           align: "center",
         },
         {
           title: "完成时间",
-          dataIndex: "time",
+          dataIndex: "overtime",
           key: "time",
-          width: "200px",
+          width: "150px",
           align: "center",
         },
       ];
       return columns;
     };
-    const onSelected = (record) => {
-      state.assessmentId = record.assessmentId;
-      state.assessmentName = record.name;
-    };
-    const onSelectChange = (selectedRowKeys, b) => {
-      state.selectedRowKeys = selectedRowKeys;
-      console.log(b);
+    const onSelectChange = (selectedRowKeys,selectedRows) => {
+        state.selectedRowKeys = selectedRowKeys;
+        state.addOnlineList = selectedRows
     };
     //清空所选
     const clearLine = () => {
       state.selectedRowKeys = [];
+      state.addOnlineList = [];
     };
     const handelChangePage = (page, pageSize) => {
       state.currentPage = page;
@@ -258,42 +285,74 @@ export default {
     const getTableDate = (tableData) => {
       let data = tableData;
       let array = [];
-      data.map((value, index) => {
-        let obj = {
-          key: index + 1,
-          assessmentId: value.assessmentId,
-          num: value.essayQuestionVoList.length,
-          name: value.assessmentName ? value.assessmentName : "-",
-          creator: value.createUser ? value.createUser : "-",
-          time: dayjs(value.createTime).format("YYYY-MM-DD"),
-        };
-        array.push(obj);
+      data.map((value,index) => {
+        let contentType= ""
+        if(value.type == 10){
+          contentType = "微课"
+        } else if (value.type == 20){
+          contentType = "录播课"
+        }
+        if(state.searching){
+          let obj = {
+            key: index + 1,
+            num:"", 
+            name:value.name,
+            contenttype:contentType,
+            teacher:value.teacher,
+            sysCreateBy:value.sysCreateBy,
+            overtime:"",
+          };
+          if(obj.name == state.inputV1 || obj.contenttype == state.selectV){
+            array.push(obj);
+          }
+        } else {
+          let obj = {
+            key: index + 1,
+            num:"", 
+            name:value.name,
+            contenttype:contentType,
+            teacher:value.teacher,
+            sysCreateBy:value.sysCreateBy,
+            overtime:"",
+          };
+          array.push(obj);
+        }
       });
       state.tableData = array;
+      state.tableDataTotal = state.tableData.length
     };
     //获取全部在线信息接口
     const getAllOnlineText = () => {
       api
-        .queryAssessmentDetailList({
-          assessmentName: "",
-          pageNo: state.currentPage,
-          pageSize: state.pageSize,
+        .queryOnlinelList({
+          "createUser": "",
+          "keyword": state.inputV1,
+          "orderAsc": true,
+          "orderField": "",
+          "pageIndex": state.currentPage,
+          "pageSize": state.pageSize,
+          "publish": true,
+          "status": 0,
+          "sysType1": "",
+          "sysType2": "",
+          "sysType3": "",
         })
         .then((res) => {
-          let arr = res.data.data.rows;
+          let arr = res.data.data;
           if (res.status === 200) {
             getTableDate(arr);
-            state.tableDataTotal = Number(res.data.data.total);
           }
         })
-        .catch(() => {});
+        .catch((err) => {
+            console.log(err,'请求失败在线');});
     };
     const updateTask = () => {
       if (props.isLevel == 1) {
-        RouterEditTask({
-          chapterId: props.isactive,
-          courseId: state.assessmentId,
-          name: state.assessmentName,
+        state.addOnlineList.map((value) => {
+          RouterEditTask({
+          chapterId: Number(props.isactive),
+          courseId: value.onlineClassesId,
+          name: value.name,
           routerId: props.routerId,
           routerTaskId: props.routerTaskId || 0,
           type: 1,
@@ -309,11 +368,13 @@ export default {
             message.destroy();
             message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
           });
+        })
       } else if (props.isLevel == 2) {
-        apiTask
+        state.addOnlineList.map((value) => {
+          apiTask
           .addTask({
-            courseId: state.assessmentId,
-            name: state.assessmentName,
+            courseId: value.onlineClassesId,
+            name: value.name,
             projectId: props.projectId,
             projectTaskId: props.projectTaskId || 0,
             stageId: props.chooseStageId,
@@ -329,10 +390,11 @@ export default {
             message.destroy();
             message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
           });
+        })
       } else if (props.isLevel == 3) {
         addTempTask({
-          courseId: state.assessmentId,
-          name: state.assessmentName,
+          courseId: state.onlineClassesId,
+          name: state.onlineName,
           projectId: props.projectId,
           projectTaskId: props.projectTaskId || 0,
           stageId: props.chooseStageId,
@@ -340,33 +402,53 @@ export default {
         })
           .then(() => {
             message.destroy();
-            message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
+            message.success(`${props.edit ? "编辑" : "新增"}模板库任务成功`);
             ctx.emit("changeData", false);
             closeDrawer();
           })
           .catch(() => {
             message.destroy();
-            message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
+            message.error(`${props.edit ? "编辑" : "新增"}模板库任务失败`);
           });
       }
     };
+    //搜索在线列表
+    const searchList = ()=> {
+      if(state.inputV1 !== '' || state.selectV !== ''){
+        state.searching = true
+        getAllOnlineText()
+      }else {
+        state.searching = false
+        resetOnline()
+      }
+    }
     //重置在线信息
     const resetOnline = () => {
       state.inputV1 = "";
+      state.selectV = "";
+      state.searching = false;
+      state.selectedRowKeys = [];
+      state.addOnlineList = [];
+      state.currentPage = 1;
       getAllOnlineText();
     };
+    onMounted(()=>{
+      // let cookie =
+      //   "eyJ0eXBlIjoidG9rZW4iLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwOlwvXC91LmJvZS5jb20iLCJpYXQiOjE2Njk0MjgwNTAsImV4cCI6MTY2OTQzNTI1MCwiR2l2ZW5OYW1lIjoiYm9ldSIsInVzZXJJZCI6IjZCMDQ5RkFGLUMzMTQtN0NDRi0wRDI4LTBEMjNGNEM0MjUzMSIsInVJZCI6Ijk2NTM0MjAyNzQ5NzYwNzE2OCIsInBlcm1pc3Npb24iOiIifQ==.9ea5ce6d4cd43c2c17f21a293e4dc0d362c2a404b9d50fae5c49fed5a238fb1a";
+      // setCookie("token", cookie, 10);
+    })
     return {
       ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
       tableDataFunc,
-      onSelected,
       onSelectChange,
       clearLine,
       handelChangePage,
       getAllOnlineText,
       getTableDate,
       updateTask,
+      searchList,
       resetOnline,
     };
   },
@@ -506,17 +588,12 @@ export default {
       .main_table {
         position: relative;
         padding-bottom: 80px;
-        .classify {
-          margin-left: 10px !important;
-          padding-left: 9px !important;
-        }
         .ant-checkbox-wrapper {
           align-items: center;
           margin-top: -2px;
         }
         .ant-table-selection-column {
           padding: 0px !important;
-          padding-left: 60px !important;
         }
         .ant-table-thead > tr > th {
           background-color: rgba(239, 244, 252, 1);
@@ -533,8 +610,6 @@ export default {
         .pa {
           left: 0;
           width: 100%;
-          // height: 20px;
-          // background-color: red;
           display: flex;
           justify-content: center;
           position: absolute;