页面button颜色统一，表格不可选择页面数量

src/components/drawers/AddOnline.vue

@@ -21,7 +21,7 @@
         <div class="main_items">
           <div class="mi_ipts">
             <div class="mii_ipt">
-              <div class="ipt_name">课程名称：</div>
+              <div class="ipt_name"></div>
               <div class="fi_input">
                 <a-input
                   v-model:value="inputV1"
@@ -32,7 +32,7 @@
               </div>
             </div>
             <div class="mii_ipt">
-              <div class="ipt_name">课程分类：</div>
+              <div class="ipt_name"></div>
               <div class="select">
                 <a-select
                   v-model:value="selectV"
@@ -57,13 +57,14 @@
             </div>
           </div>
         </div>
+    <!--
         <div class="main_notice">
           <div class="mntc_left">
             <div class="notice_icon"></div>
             <span style="color: rgba(0, 0, 0, 0.65); margin-right: 17px"
               >已选择
-              <span v-if="edit" style="color: #388be1">{{ 1 }}</span>
-              <span v-else style="color: #388be1">{{
+              <span v-if="edit" style="color: #4ea6ff">{{ 1 }}</span>
+              <span v-else style="color: #4ea6ff">{{
                 selectedRowKeys.length
               }}</span>
               项</span
@@ -73,12 +74,13 @@
             >
           </div>
           <div class="mntc_right" @click="clearLine" v-if="!edit">
-            <span style="color: #387df7; margin-right: 24px">清空</span>
+            <span style="color: #387df7; margin-right: 24px"></span>
           </div>
         </div>
+-->
         <div class="main_table">
           <!-- 编辑的表格 -->
-          <div v-if="edit">
+          <div>
             <div>
               <a-table
                 class="ant-table-striped"
@@ -95,10 +97,11 @@
                 :loading="tableDataTotal === -1 ? true : false"
                 :pagination="false"
               />
+              <div class="tableBox">
               <div class="pa">
                 <a-pagination
                   v-if="tableDataTotal > 10"
-                  showSizeChanger="true"
+                  :showSizeChanger="false"
                   showQuickJumper="true"
                   hideOnSinglePage="true"
                   :pageSize="pageSize"
@@ -109,8 +112,8 @@
                 />
               </div>
             </div>
-          </div>
-          <div v-else>
+          </div></div>
+        <!--  <div v-else>
             <a-table
               class="ant-table-striped"
               :row-class-name="
@@ -129,7 +132,7 @@
             <div class="pa">
               <a-pagination
                 v-if="tableDataTotal > 10"
-                showSizeChanger="true"
+                showSizeChanger="false"
                 showQuickJumper="true"
                 hideOnSinglePage="true"
                 :pageSize="pageSize"
@@ -139,7 +142,12 @@
                 @change="handelChangePage"
               />
             </div>
+      
+      
           </div>
+
+
+          -->
         </div>
       </div>
       <div class="main_btns">
@@ -159,6 +167,7 @@ import {
   RouterEditTask,
   IsExistence,
   IsExistenceProject,
+  IsExistenceProjectTemplate,
 } from "@/api/indexTask";
 import { addTempTask } from "../../api/indexTaskadd";
 export default {
@@ -251,51 +260,62 @@ export default {
     const afterVisibleChange = (bol) => {
       if (bol == true) {
         getAllOnlineText();
+        getOnlineById();
       }
     };
+    //TODO 根据id 获取在线课信息
+    const getOnlineById=()=>{
+
+    }
     const tableDataFunc = () => {
       const columns = [
-        {
-          title: "课程编号",
-          dataIndex: "num",
-          key: "num",
-          width: "80px",
-          align: "center",
-        },
+       // {
+       //   title: "课程编号",
+        //  dataIndex: "num",
+       //   key: "num",
+        //  width: "80px",
+        //  align: "center",
+      //  },
         {
           title: "名称",
           dataIndex: "name",
           key: "name",
-          width: "100px",
-          align: "center",
+          width: "40%",
           ellipsis: true,
         },
         {
           title: "课程分类",
           dataIndex: "contenttype",
           key: "contenttype",
-          width: "80px",
+          width: "15%",
           align: "center",
         },
         {
           title: "授课教师",
           dataIndex: "teacher",
           key: "teacher",
-          width: "100px",
+          width: "15%",
           align: "center",
         },
         {
           title: "创建人",
           dataIndex: "sysCreateBy",
           key: "sysCreateBy",
-          width: "80px",
+          width: "15%x",
           align: "center",
         },
+     //   {
+      //    title: "创建时间",
+       //   dataIndex: "createTime",
+      //    key: "createTime",
+       //   width: "15%",
+       //   align: "center",
+       // },
         {
-          title: "完成时间",
-          dataIndex: "overtime",
-          key: "time",
-          width: "150px",
+          title: "发布时间",
+          dataIndex: "publishTime",
+          key: "publishTime",
+          width: "15%",
           align: "center",
         },
       ];
@@ -339,7 +359,8 @@ export default {
             contenttype: value.contentType == 10 ? "微课" : "录播课",
             teacher: value.teacher,
             sysCreateBy: value.sysCreateBy,
-            overtime: "",
+            createTime: value.sysCreateTime,
+            publishTime: value.publishTime,
             courseId: Number(value.onlineClassesId),
           };
           array.push(obj);
@@ -426,19 +447,7 @@ export default {
         });
     };
     const updateTask = () => {
-      if (props.isLevel == 1) {
-        // isExistence(23)
-        // return
-        // let routerarr = []
-        // console.log('我是要便利的数据1', state.addOnlineList)
-        // state.addOnlineList.map((value) => {
-        //   routerarr.push(isExistence(value.courseId))
-        // })
-        // console.log('当前是否已经添加了',routerarr)
-      }
-      if (props.isLevel == 3) {
-        console.log("我是要便利的数据3", state.addOnlineList);
-      }
+   
       if (props.isLevel == 1) {
         console.log("我是要便利的数据2", state.addOnlineList);
         let l_data = state.addOnlineList;
@@ -557,28 +566,60 @@ export default {
             console.log(err);
           });
       } else if (props.isLevel == 3) {
-        state.addOnlineList.map((value) => {
-          console.log( props, props.projectTemplateId,props.projectTaskId)
-          addTempTask({
-            courseId: value.num,
-            name: value.name,
-            projectTemplateId: localStorage.getItem("projectTemplateId"),
-            projectTaskId: props.projectTaskId || 0,
-            stageId: props.chooseStageId || 0,
-            type: 1,
-          })
-            .then((res) => {
-              console.log('新增或者编辑在线课',res)
+
+        let p_data = state.addOnlineList;
+        let p_data_id = [];
+        p_data.map((item) => {
+          p_data_id.push(item["courseId"]);
+        });
+        console.log("需要查询的在线课ID", p_data_id);
+        IsExistenceProjectTemplate({
+          courseTaskId: p_data_id,
+          projectTemplateId:props.projectTemplateId,
+          stageId: props.chooseStageId || 0,
+          type: 1,
+        }).then((res)=>{
+          console.log("项目中是否包含此在线课了", res);
+            if (res.data.data.length) {
+              let strdata = res.data.data;
+              let tipStr = "";
+              for (let i = 0; i < strdata.length; i++) {
+                if (i == strdata.length - 1) {
+                  tipStr += strdata[i].courseName;
+                } else {
+                  tipStr += strdata[i].courseName + "/";
+                }
+              }
               message.destroy();
-              message.success(`${props.edit ? "编辑" : "新增"}模板库任务成功`);
-              ctx.emit("changeData", false);
-              closeDrawer();
+              message.warning("在线课（" + tipStr + "）重复添加");
+              return;
+            }else{
+              state.addOnlineList.map((value) => {
+              
+              console.log( props, props.projectTemplateId,props.projectTaskId)
+              addTempTask({
+                courseId: value.num,
+                name: value.name,
+                projectTemplateId: localStorage.getItem("projectTemplateId"),
+                projectTaskId: props.projectTaskId || 0,
+                stageId: props.chooseStageId || 0,
+                type: 1,
+              })
+                .then((res) => {
+                  console.log('新增或者编辑在线课',res)
+                  message.destroy();
+                  message.success(`${props.edit ? "编辑" : "新增"}模板库任务成功`);
+                  ctx.emit("changeData", false);
+                  closeDrawer();
+                })
+                .catch(() => {
+                  message.destroy();
+                  message.error(`${props.edit ? "编辑" : "新增"}模板库任务失败`);
+                });
             })
-            .catch(() => {
-              message.destroy();
-              message.error(`${props.edit ? "编辑" : "新增"}模板库任务失败`);
+                }
             });
-        })
+    
       }
       //if(state.addOnlineList.Target==undefined){
       // closeDrawer();
@@ -602,9 +643,7 @@ export default {
       getAllOnlineText();
     };
     onMounted(() => {
-      // let cookie =
-      //   "eyJ0eXBlIjoidG9rZW4iLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwOlwvXC91LmJvZS5jb20iLCJpYXQiOjE2Njk0MjgwNTAsImV4cCI6MTY2OTQzNTI1MCwiR2l2ZW5OYW1lIjoiYm9ldSIsInVzZXJJZCI6IjZCMDQ5RkFGLUMzMTQtN0NDRi0wRDI4LTBEMjNGNEM0MjUzMSIsInVJZCI6Ijk2NTM0MjAyNzQ5NzYwNzE2OCIsInBlcm1pc3Npb24iOiIifQ==.9ea5ce6d4cd43c2c17f21a293e4dc0d362c2a404b9d50fae5c49fed5a238fb1a";
-      // setCookie("token", cookie, 10);
+     
     });
     return {
       ...toRefs(state),
@@ -651,7 +690,7 @@ export default {
       padding-right: 12px;
       .main_items {
         display: flex;
-        justify-content: space-between;
+    
         margin-top: 32px;
         margin-bottom: 12px;
         flex-wrap: wrap;
@@ -720,7 +759,7 @@ export default {
               background-image: url("@/assets/images/courseManage/search1.png");
             }
             .btnText {
-              color: #388be1;
+              color: #4ea6ff;
             }
           }
           .btn2:hover {
@@ -738,7 +777,7 @@ export default {
         display: flex;
         justify-content: space-between;
         align-items: center;
-        margin-bottom: 32px;
+        margin-bottom: 3px;
         height: 40px;
         background-color: #e9f6fe;
         .mntc_left {