From c5d7b8801109496e6e4f26a61420813921988a78 Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Sat, 22 Oct 2022 10:54:12 +0800
Subject: [PATCH 1/9] =?UTF-8?q?feat=EF=BC=9A=E6=96=B0=E5=A2=9E=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E9=9D=A2=E6=8E=88=E6=8A=A5=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/TaskFaceIn.vue | 354 ++++++++++++++++++++++++++
 src/views/projectcenter/TaskPage.vue  |  11 +-
 2 files changed, 364 insertions(+), 1 deletion(-)
 create mode 100644 src/components/drawers/TaskFaceIn.vue

diff --git a/src/components/drawers/TaskFaceIn.vue b/src/components/drawers/TaskFaceIn.vue
new file mode 100644
index 00000000..babf1784
--- /dev/null
+++ b/src/components/drawers/TaskFaceIn.vue
@@ -0,0 +1,354 @@
+<template>
+  <a-drawer
+    :visible="TaskFaceImpStuvisible"
+    class="drawerStyle TaskFaceImpStu"
+    placement="right"
+    width="40%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">批量面授报名</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="minatitl">
+          <div class="up1">请下载</div>
+          <div class="up2">模板</div>
+          <div class="up1">，按要求填写数据并导入</div>
+        </div>
+        <div class="upload">
+          <div class="text">上传：</div>
+          <div class="right">
+            <div class="load">
+              <div class="cloud"></div>
+              <div class="tip">点击或将文件拖拽到此处上传</div>
+              <div class="tipz">支持扩展名：.xls/.xlsx</div>
+            </div>
+            <div class="loadstate">
+              <div class="loadborder">
+                <div class="content">
+                  <div class="img"></div>
+                  <div class="timebox">
+                    <div class="timetop">
+                      <div class="tit">京东方商业模型.xls</div>
+                      <div class="stateloading">正在上传</div>
+                    </div>
+                    <div class="prog">
+                      <div class="inprogloading"></div>
+                    </div>
+                  </div>
+                  <div class="curloading">
+                    <div class="cur">55%</div>
+                    <div class="cancel" style="margin-left: 20px">暂停</div>
+                    <div class="cancel" style="margin-left: 15px">取消</div>
+                  </div>
+                </div>
+              </div>
+              <div class="loadborder">
+                <div class="content">
+                  <div class="img"></div>
+                  <div class="timebox">
+                    <div class="timetop">
+                      <div class="tit">京东方商业模型.xls</div>
+                      <div class="statedefeat">上传失败</div>
+                    </div>
+                    <div class="prog">
+                      <div class="inprogdefeat"></div>
+                    </div>
+                  </div>
+                  <div class="curloading">
+                    <div class="cur">55%</div>
+                    <div class="cancel" style="margin-left: 20px">暂停</div>
+                    <div class="cancel" style="margin-left: 15px">取消</div>
+                  </div>
+                  <div class="defeat">下载失败数据</div>
+                </div>
+              </div>
+              <div class="loadborder">
+                <div class="content">
+                  <div class="img"></div>
+                  <div class="timebox">
+                    <div class="timetop">
+                      <div class="tit">京东方商业模型.xls</div>
+                      <div class="statesucce">上传成功</div>
+                    </div>
+                    <div class="prog">
+                      <div class="inprogsucce"></div>
+                    </div>
+                  </div>
+                  <div class="curloading">
+                    <div class="cur">55%</div>
+                    <div class="cancel" style="margin-left: 20px">删除</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+export default {
+  name: "TaskImpStu",
+  props: {
+    TaskFaceImpStuvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({});
+    const closeDrawer = () => {
+      ctx.emit("update:TaskFaceImpStuvisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      // change,
+    };
+  },
+};
+</script>
+
+<style lang="scss" >
+.TaskFaceImpStu {
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+      .minatitl {
+        display: flex;
+        .up1 {
+          font-size: 16px;
+          font-weight: 400;
+          color: #333333;
+        }
+        .up2 {
+          font-size: 16px;
+          font-weight: 400;
+          color: #388be1;
+          margin-left: 4px;
+        }
+      }
+      .upload {
+        margin-top: 32px;
+        display: flex;
+        .text {
+          font-size: 14px;
+          font-weight: 400;
+          color: #333333;
+        }
+        .right {
+          margin-left: 6px;
+          .load {
+            width: 500px;
+            height: 176px;
+            background: #f5f9fd;
+            border-radius: 4px;
+            // opacity: 0.3;
+            border: 1px dashed #caddfd;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin-bottom: 20px;
+            .cloud {
+              margin-top: 52px;
+              width: 28px;
+              height: 28px;
+              background-image: url(../../assets/images/basicinfo/cloud.png);
+            }
+            .tip {
+              font-size: 14px;
+              font-weight: 400;
+              color: #388be1;
+              margin-top: 15px;
+              cursor: pointer;
+            }
+            .tipz {
+              font-size: 14px;
+              font-weight: 400;
+              color: #999999;
+              margin-top: 10px;
+            }
+          }
+          .loadstate {
+            width: 500px;
+            margin-bottom: 100px;
+
+            .loadborder {
+              width: 500px;
+              height: 173px;
+              border-radius: 4px;
+              border: 1px dashed #eaeaea;
+              margin-bottom: 30px;
+              display: flex;
+              align-items: center;
+              .content {
+                display: flex;
+                margin-left: 20px;
+                position: relative;
+                .defeat {
+                  position: absolute;
+                  left: 46px;
+                  top: 38px;
+                  font-size: 14px;
+                  font-weight: 500;
+                  color: #ff7474;
+                }
+                .img {
+                  width: 30px;
+                  height: 34px;
+                  background-image: url(../../assets/images/basicinfo/exl.png);
+                }
+                .timebox {
+                  margin-left: 15px;
+                  margin-top: -5px;
+                  .timetop {
+                    display: flex;
+                    width: 262px;
+                    justify-content: space-between;
+                    margin-bottom: 8px;
+                    .tit {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #333333;
+                    }
+                    .stateloading {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #388be1;
+                    }
+                    .statedefeat {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #ff7474;
+                    }
+                    .statesucce {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #35ae69;
+                    }
+                  }
+                  .prog {
+                    width: 262px;
+                    height: 5px;
+                    background: #eaf1fe;
+                    border-radius: 4px;
+                    .inprogloading {
+                      width: 55%;
+                      height: 5px;
+                      border-radius: 4px;
+
+                      background: #388be1;
+                    }
+                    //下载失败条
+                    .inprogdefeat {
+                      width: 55%;
+                      height: 5px;
+                      border-radius: 4px;
+
+                      background: #ff7474;
+                    }
+                    //下载成功条
+                    .inprogsucce {
+                      width: 100%;
+                      height: 5px;
+                      border-radius: 4px;
+
+                      background: #57c887;
+                    }
+                  }
+                }
+                .curloading {
+                  margin-left: 15px;
+                  margin-top: 15px;
+                  display: flex;
+                  .cur {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #333333;
+                  }
+                  .cancel {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #387df7;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    .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: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        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;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 14a8544d..97e02bcd 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -212,7 +212,7 @@
           <div class="split"></div>
           <div class="onerow">
             <div class="taskmain">任务大纲</div>
-            <button class="btn">批量面授报名</button>
+            <button class="btn" @click="showFaceIn">批量面授报名</button>
             <router-link to="/taskadd" class="edit">
               <img
                 class="editimg"
@@ -965,6 +965,8 @@
     <work-manage v-model:Wvisible="Wvisible" />
     <!-- 考试管理抽屉 -->
     <test-manage v-model:TMvisible="TMvisible" :title="showTestText" />
+    <!-- 批量面授报名 -->
+    <task-imp-stu v-model:TaskFaceImpStuvisible="TaskFaceImpStuvisible" />
 
     <!-- 概览（无数据）-项目发布弹窗 -->
     <div>
@@ -1163,6 +1165,7 @@ import StuAdd from "../../components/drawers/StuAdd";
 import ImportStu from "../../components/drawers/ImportStu";
 import SeeStu from "../../components/drawers/SeeStu";
 import ChangeGroup from "../../components/drawers/ChangeGroup";
+import TaskImpStu from "../../components/drawers/TaskFaceIn";
 export default {
   name: "taskPage",
   components: {
@@ -1179,6 +1182,7 @@ export default {
     ImportStu,
     SeeStu,
     ChangeGroup,
+    TaskImpStu,
   },
   setup() {
     const state = reactive({
@@ -1361,6 +1365,7 @@ export default {
       valueDate: "", //排行榜输入日期
       noticeChecked: true,
       noticeContent: "请输入要发布的公告",
+      TaskFaceImpStuvisible: false, //批量面授报名
 
       //进度排行表
       jindutabledata: [
@@ -1829,6 +1834,9 @@ export default {
     const closeModal2 = () => {
       state.stugroup = false;
     };
+    const showFaceIn = () => {
+      state.TaskFaceImpStuvisible = true;
+    };
     //新增
     const showTime = (course, name) => {
       console.log("点击管理");
@@ -1908,6 +1916,7 @@ export default {
       showImportStu,
       showSeeStu,
       showChangeGroup,
+      showFaceIn,
     };
   },
 };

From 570024e06cfc7bb22f92debed34c8b68f4244189 Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Sat, 22 Oct 2022 11:09:24 +0800
Subject: [PATCH 2/9] =?UTF-8?q?feat=EF=BC=9A=E6=96=B0=E5=A2=9E=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E9=9D=A2=E6=8E=88=E6=8A=A5=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/TaskPage.vue | 29 ++++++++++++++--------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 940acbca..3e3cb32e 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -209,19 +209,20 @@
           <!-- 概览（有数据） -->
         </a-tab-pane>
         <a-tab-pane key="2" tab="任务" force-render>
-          <div class="split"></div>
-          <div class="onerow">
-            <div class="taskmain">任务大纲</div>
-            <button class="btn" @click="showFaceIn">批量面授报名</button>
-            <router-link to="/taskadd" class="edit">
-              <img
-                class="editimg"
-                src="../../assets/images/projectadd/edit.png"
-              />
-              <span class="editext">编辑</span>
-            </router-link>
-          </div>
-          <div class="taskSyllabus">
+          <div style="flex: 1">
+            <div class="split"></div>
+            <div class="onerow">
+              <div class="taskmain">任务大纲</div>
+              <button class="btn" @click="showFaceIn">批量面授报名</button>
+              <router-link to="/taskadd" class="edit">
+                <img
+                  class="editimg"
+                  src="../../assets/images/projectadd/edit.png"
+                />
+                <span class="editext">编辑</span>
+              </router-link>
+            </div>
+            <!-- <div class="taskSyllabus">
             <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
               <template #expandIcon="{ isActive }">
                 <img
@@ -230,7 +231,7 @@
                 />
                 <span class="editext">编辑</span>
               </router-link>
-            </div>
+            </div> -->
             <div class="taskSyllabus">
               <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
                 <template #expandIcon="{ isActive }">

From 7c209e3d1688a80bc7b8f309b2d826a0f665e711 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Sat, 22 Oct 2022 11:17:01 +0800
Subject: [PATCH 3/9] =?UTF-8?q?feat:=E9=A1=B9=E7=9B=AE(=E6=97=A0=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE),=E9=A1=B9=E7=9B=AE=E9=A1=B5=E9=9D=A2=E7=9A=84?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/projectadd/nopro.png    | Bin 0 -> 911 bytes
 src/views/projectcenter/ProjectManage.vue | 592 +++++++++++++++++++---
 src/views/research/ResearchManage.vue     |  25 +-
 3 files changed, 553 insertions(+), 64 deletions(-)
 create mode 100644 src/assets/images/projectadd/nopro.png

diff --git a/src/assets/images/projectadd/nopro.png b/src/assets/images/projectadd/nopro.png
new file mode 100644
index 0000000000000000000000000000000000000000..e14d35d6995d22cccacbae55528dd29351e470e7
GIT binary patch
literal 911
zcmV;A191F_P)<h;3K|Lk000e1NJLTq002k;002k`1^@s6RqeA!00001b5ch_0Itp)
z=>Px&Nl8RORCr$PoKI*IK@^97Z_{c)5j}{YEv-t6pq|<iD;5M5!Gk9i5tEfPDOkj#
z2TvaKAYP?Hn=K|$FU5lg5fnjakrwJn5UqN#)k+WkD}~Y~d9q+@wrMg6GaFoabDhb1
zv)_I@lieAHAf+q;5<cY#tN==+xGfJ10SE)A^BEiicuy8CB_s4ql`Ed%W1Por0IdN0
zzNuLN;}#Gbv}tlBSx<^b031?v)^PogMM7gHO7o@SM$)`t9b+26X2ZEv;YJ;sx(fj<
z)xeyhP7$Lcd4XP)>TUckw=-cvbu~WJXC0gB3jw*>*Sv%X2L_@vUMg{Kn!`E9SYdt0
z0-Ck}4fSTa`)wYWohy#z*hGN?v~fLf`3SIWlNmV6QAR%i!>c?EB%l-ff#ZA4!dZ@X
z^9k_f=ik_Y1Qh84I-30flpFzGe-=O`=?Wl)cmhZO>5WZdkQgKeL8kdt60CmJ5I_RR
zOQ719RWV2m5`(ImYvmDB;1WOrsH!KbsIeF%2G!P}vz<WKZoQnPe%=29c=t8nUljN4
z021Bi0nIG{*B=85?&8;<63B1TZr?jwfc9o{%Rb-dfv0bPnSu}YZl1sbGVjmY5xs!Y
zJOxH$t&%V2p+z($6XY%}uUX>vxRG<1s&&6Wn0BJnRJd>$126y}RIAPq;Z8D2eX4x%
zH1{*(qN<(2`W%2>$EG3APKn+JyeGeejy(CiyCVmL>M%JNp_i3jR3gI%b6K?cefum%
z)~d(Ez&U#B_Ra6DB$ZzOKif_KDQ=Ab5<q%SuNYK~L5UO}WkNX5{?1}Va5rmB{%XMR
z@ELNa)UxI9HLly)g433TR%U-E7K@N&3uDfCdhVIUVky2#zztPrjn)$$I#D{MirJIm
zM*vQ$+L^3p;L4Cqw+jC#&H~tKGD#(|7J=rBO`l4&jos&6l*PwNVi|5T<Jh!4a9i*U
zLns?gURD*f1&{#JdmzOiF-Q#3BOnIp@slw~3=)I%2#7&?{A3IggTx>`0%DLJKN*9>
zATdaffEc95PsSiINDR^=AO`92lQF1DgXHuVFR-H1U*!BCFCg#vL2?4s3Z1o2pwb)8
l{@-8A1}eq96+j9=zX4^6Hg<Zs(4hbT002ovPDHLkV1mu-j)njL

literal 0
HcmV?d00001

diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index 30428fa0..7dbaf490 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -63,7 +63,7 @@
     </div>
     <!-- 搜索框及按钮 -->
     <!-- 表格 -->
-    <div class="tableBox">
+    <div class="tableBox" >
       <a-table
         :columns="columns"
         :data-source="tableData"
@@ -107,6 +107,29 @@
       </a-table>
     </div>
     <!-- 表格 -->
+    <!-- 无项目 -->
+    <div class="tableBox" style="display: none">
+      <div
+                class="taskbox"
+                @click="showModal1"
+                style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/projectadd/nopro.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  创建项目
+                </div>
+                <div class="centermain">点击创建项目任务</div>
+              </div>
+    </div>
+    <!-- 无项目 -->
     <!-- 创建子项目弹窗 -->
     <div>
       <a-modal
@@ -213,11 +236,7 @@
               display: flex;
               align-items: center;
               justify-content: space-between;
-              background: linear-gradient(
-                0deg,
-                rgba(78, 166, 255, 0) 0%,
-                rgba(78, 166, 255, 0.2) 100%
-              );
+              background: linear-gradient(0deg,rgba(78, 166, 255, 0) 0%,rgba(78, 166, 255, 0.2) 100%);
             "
           >
             <div class="headerLeft" style="margin-left: 32px">
@@ -422,11 +441,6 @@
             display: flex;
             align-items: center;
             justify-content: space-between;
-            background: linear-gradient(
-              0deg,
-              rgba(78, 166, 255, 0) 0%,
-              rgba(78, 166, 255, 0.2) 100%
-            );
           "
         >
           <div class="headerLeft" style="margin-left: 32px">
@@ -519,6 +533,159 @@
       </a-modal>
     </div>
     <!-- 创建多层子项目弹窗 -->
+
+    <!-- 复制路径弹窗 -->
+    <a-modal
+      v-model:visible="copyModal"
+      :footer="null"
+      :closable="closeCopy"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeCopyModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要复制此路径吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 结束项目弹窗 -->
+    <a-modal
+      v-model:visible="stopModal"
+      :footer="null"
+      :closable="closeStop"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeStopModal"></div>
+          </div>
+          <div class="body">
+            <span>是否结束项目</span>
+            <div class="back">（项目结束后学员将无法继续学习，此操作不可逆）</div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 删除项目弹窗 -->
+    <a-modal
+      v-model:visible="deleteModal"
+      :footer="null"
+      :closable="closeDelete"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeDeleteModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要删除此项目吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 存为模板弹窗 -->
+    <a-modal
+      v-model:visible="startModal"
+      :footer="null"
+      :closable="closeStart"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeStartModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要存为模板吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 撤回路径弹窗 -->
+    <a-modal
+      v-model:visible="backModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeBackModal"></div>
+          </div>
+          <div class="body">
+            <span>是否撤回项目</span>
+            <div class="back">（项目撤回后学员进度保留，发布后可继续学习）</div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
   </div>
 </template>
 <script>
@@ -860,6 +1027,16 @@ export default {
       estabish: false,
       doublepro: false,
       doublesonpro: false,
+      copyModal: false, //弹窗
+      closeCopy: false, //弹窗关闭图标
+      stopModal: false, //停用弹窗
+      closeStop: false, //停用弹窗关闭图标
+      deleteModal: false, //删除弹窗
+      closeDelete: false, //删除弹窗关闭图标
+      startModal: false, //启用弹窗
+      closeStart: false, //启用弹窗关闭图标
+      backModal: false, //撤回弹窗
+      closeBack: false, //撤回弹窗关闭图标
     });
 
     onMounted(() => {
@@ -930,7 +1107,9 @@ export default {
                       <router-link to="/taskpage">基础信息</router-link>
                     </a-select-option>
                     <a-select-option value="存为模板" label="存为模板">
-                      <div>存为模板</div>
+                      <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                     </a-select-option>
                   </a-select>
                 </div>
@@ -965,7 +1144,11 @@ export default {
                     </a-select-option>
                   </a-select>
                 </div>
-                <span class="operation3">复制</span>
+                <span class="operation3"
+                  onClick={() => {
+                            showCopyModal();
+                          }}
+                >复制</span>
                 <span class="more"></span>
               </div>
             ) : value.state === "已结束" ? (
@@ -998,8 +1181,12 @@ export default {
                     </a-select-option>
                   </a-select>
                 </div>
-                <span class="operation3">复制</span>
-                <span class="more">删除</span>
+                <span class="operation3" onClick={() => {
+                            showCopyModal();
+                          }}>复制</span>
+                <span class="more" onClick={() => {
+                            showDeleteModal();
+                          }}>删除</span>
               </div>
             ) : (
               <div></div>
@@ -1050,10 +1237,14 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="复制" label="复制">
-                          <div>复制</div>
+                          <div onClick={() => {
+                            showCopyModal();
+                          }}>复制</div>
                         </a-select-option>
                         <a-select-option value="删除" label="删除">
-                          <div>删除</div>
+                          <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                         </a-select-option>
                       </a-select>
                     </div>
@@ -1092,7 +1283,9 @@ export default {
                     <router-link to="/classadd" class="operation3">
                       创建班级
                     </router-link>
-                    <span class="more">复制</span>
+                    <span class="more" onClick={() => {
+                            showCopyModal();
+                          }}>复制</span>
                   </div>
                 ) : item.state === "已结束" ? (
                   <div class="operation">
@@ -1124,8 +1317,12 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3">复制</span>
-                    <span class="more">删除</span>
+                    <span class="operation3" onClick={() => {
+                            showCopyModal();
+                          }}>复制</span>
+                    <span class="more" onClick={() => {
+                            showDeleteModal();
+                          }}>删除</span>
                   </div>
                 ) : (
                   <div></div>
@@ -1173,13 +1370,19 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="复制" label="复制">
-                            <div>复制</div>
+                            <div onClick={() => {
+                            showCopyModal();
+                          }}>复制</div>
                           </a-select-option>
                           <a-select-option value="删除" label="删除">
-                            <div>删除</div>
+                            <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div>存为模板</div>
+                            <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1217,7 +1420,9 @@ export default {
                           </a-select-option>
                         </a-select>
                       </div>
-                      <span class="operation3">复制</span>
+                      <span class="operation3" onClick={() => {
+                            showCopyModal();
+                          }}>复制</span>
                       <div class="tableSelect">
                         <a-select
                           style="width: 50px"
@@ -1226,13 +1431,19 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="撤回" label="撤回">
-                            <div>撤回</div>
+                            <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                           </a-select-option>
                           <a-select-option value="结束" label="结束">
-                            <div>结束</div>
+                            <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div>存为模板</div>
+                            <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1270,8 +1481,12 @@ export default {
                           </a-select-option>
                         </a-select>
                       </div>
-                      <span class="operation3">复制</span>
-                      <span class="operation3">复制</span>
+                      <span class="operation3" onClick={() => {
+                            showCopyModal();
+                          }}>复制</span>
+                      <span class="operation3" onClick={() => {
+                            showCopyModal();
+                          }}>复制</span>
                       <div class="tableSelect">
                         <a-select
                           style="width: 50px"
@@ -1280,10 +1495,14 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="删除" label="删除">
-                            <div>删除</div>
+                            <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div>存为模板</div>
+                            <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1321,7 +1540,9 @@ export default {
                           </a-select-option>
                         </a-select>
                       </div>
-                      <span class="operation3">复制</span>
+                      <span class="operation3"onClick={() => {
+                            showCopyModal();
+                          }}>复制</span>
                       <div class="tableSelect">
                         <a-select
                           style="width: 50px"
@@ -1330,13 +1551,19 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="结束" label="结束">
-                            <div>结束</div>
+                            <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                           </a-select-option>
                           <a-select-option value="撤回" label="撤回">
-                            <div>撤回</div>
+                            <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div>存为模板</div>
+                            <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1390,13 +1617,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="复制" label="复制">
-                          <div>复制</div>
+                          <div onClick={() => {
+                            showCopyModal();
+                          }}>复制</div>
                         </a-select-option>
                         <a-select-option value="删除" label="删除">
-                          <div>删除</div>
+                          <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div>存为模板</div>
+                          <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1434,7 +1667,9 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3">复制</span>
+                    <span class="operation3" onClick={() => {
+                            showCopyModal();
+                          }}>复制</span>
                     <div class="tableSelect">
                       <a-select
                         style="width: 50px"
@@ -1443,13 +1678,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="撤回" label="撤回">
-                          <div>撤回</div>
+                          <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                         </a-select-option>
                         <a-select-option value="结束" label="结束">
-                          <div>结束</div>
+                          <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div>存为模板</div>
+                          <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1487,7 +1728,9 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3">复制</span>
+                    <span class="operation3" onClick={() => {
+                            showCopyModal();
+                          }}>复制</span>
                     <div class="tableSelect">
                       <a-select
                         style="width: 50px"
@@ -1496,13 +1739,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="删除" label="删除">
-                          <div>删除</div>
+                          <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                         </a-select-option>
                         <a-select-option value="结束" label="结束">
-                          <div>结束</div>
+                          <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div>存为模板</div>
+                          <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1540,7 +1789,9 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3">复制</span>
+                    <span class="operation3" onClick={() => {
+                            showCopyModal();
+                          }}>复制</span>
                     <div class="tableSelect">
                       <a-select
                         style="width: 50px"
@@ -1549,13 +1800,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="撤回" label="撤回">
-                          <div>撤回</div>
+                          <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                         </a-select-option>
                         <a-select-option value="结束" label="结束">
-                          <div>结束</div>
+                          <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div>存为模板</div>
+                          <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1608,7 +1865,9 @@ export default {
               {value.state === "草稿" ? (
                 <span class="operation3">发布</span>
               ) : (
-                <span class="operation3">复制</span>
+                <span class="operation3" onClick={() => {
+                            showCopyModal();
+                          }}>复制</span>
               )}
               <div class="tableSelect">
                 {value.state === "草稿" ? (
@@ -1619,19 +1878,23 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="复制" label="复制">
-                      <div>复制</div>
+                      <div onClick={() => {
+                            showCopyModal();
+                          }}>复制</div>
                     </a-select-option>
                     <a-select-option value="删除" label="删除">
                       <div
                         onClick={() => {
-                          console.log("点击了");
-                        }}
+                            showDeleteModal();
+                          }}
                       >
                         删除
                       </div>
                     </a-select-option>
                     <a-select-option value="存为模板" label="存为模板">
-                      <div>存为模板</div>
+                      <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                     </a-select-option>
                     <a-select-option value="基础信息" label="基础信息">
                       <router-link to="/taskpage">基础信息</router-link>
@@ -1645,19 +1908,23 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="存为模板" label="存为模板">
-                      <div>存为模板</div>
+                      <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                     </a-select-option>
                     <a-select-option value="结束" label="结束">
                       <div
                         onClick={() => {
-                          console.log("点击了");
-                        }}
+                            showStopModal();
+                          }}
                       >
                         结束
                       </div>
                     </a-select-option>
                     <a-select-option value="撤回" label="撤回">
-                      <div>撤回</div>
+                      <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                     </a-select-option>
                     <a-select-option value="基础信息" label="基础信息">
                       <router-link to="/taskpage">基础信息</router-link>
@@ -1671,13 +1938,15 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="存为模板" label="存为模板">
-                      <div>存为模板</div>
+                      <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                     </a-select-option>
                     <a-select-option value="删除" label="删除">
                       <div
                         onClick={() => {
-                          console.log("点击了");
-                        }}
+                            showDeleteModal();
+                          }}
                       >
                         删除
                       </div>
@@ -1727,6 +1996,36 @@ export default {
     const closeModal3 = () => {
       state.doublesonpro = false;
     };
+    const showCopyModal = () => {
+      state.copyModal = true;
+    };
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
+    const showStopModal = () => {
+      state.stopModal = true;
+    };
+    const closeStopModal = () => {
+      state.stopModal = false;
+    };
+    const showDeleteModal = () => {
+      state.deleteModal = true;
+    };
+    const closeDeleteModal = () => {
+      state.deleteModal = false;
+    };
+    const showStartModal = () => {
+      state.startModal = true;
+    };
+    const closeStartModal = () => {
+      state.startModal = false;
+    };
+    const showBackModal = () => {
+      state.backModal = true;
+    };
+    const closeBackModal = () => {
+      state.backModal = false;
+    };
     return {
       ...toRefs(state),
       columns,
@@ -1741,6 +2040,16 @@ export default {
       showModal3,
       closeModal3,
       getTableDate,
+      showCopyModal,
+      closeCopyModal,
+      showStopModal,
+      closeStopModal,
+      showDeleteModal,
+      closeDeleteModal,
+      showStartModal,
+      closeStartModal,
+      showBackModal,
+      closeBackModal,
     };
   },
 };
@@ -1844,6 +2153,45 @@ export default {
   }
   .tableBox {
     margin: 20px 38px 30px;
+    .taskbox {
+        width: 412px;
+        height: 160px;
+        border-radius: 10px;
+        position: relative;
+        //margin-left: 68px;
+        margin-bottom: 40px;
+        cursor: pointer;
+        .leftt {
+          position: absolute;
+          top: 18px;
+          left: 0;
+        }
+        .photo {
+          position: absolute;
+          top: 42px;
+          left: 37px;
+        }
+        .rightt {
+          position: absolute;
+          top: 69px;
+          right: 26px;
+        }
+        .centerbox {
+          position: absolute;
+          top: 52px;
+          left: 145px;
+          font-size: 20px;
+          font-weight: 700;
+          //line-height: 36px;
+        }
+        .centermain {
+          color: rgba(135, 139, 146, 1);
+          font-size: 14px;
+          position: absolute;
+          left: 144px;
+          bottom: 49px;
+        }
+      }
     .ant-table-thead > tr > th {
       font-size: 14px;
       font-weight: 400;
@@ -1911,6 +2259,9 @@ export default {
 .doublesonpro {
   .ant-modal {
     .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(0deg,rgba(78, 166, 255, 0) 0%,rgba(78, 166, 255, 0.2) 100%);
+      }
       padding: 0;
       .modalMain {
         display: flex;
@@ -2074,6 +2425,9 @@ export default {
 .sonproject {
   .ant-modal {
     .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(0deg,rgba(78, 166, 255, 0) 0%,rgba(78, 166, 255, 0.2) 100%);
+      }
       padding: 0 !important;
       .modalMain {
         display: flex;
@@ -2125,6 +2479,9 @@ export default {
 .estabish {
   .ant-modal {
     .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(0deg,rgba(78, 166, 255, 0) 0%,rgba(78, 166, 255, 0.2) 100%);
+      }
       padding: 0 !important;
       .modalMain {
         display: flex;
@@ -2193,4 +2550,115 @@ export default {
     }
   }
 }
+.CopyModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+    .ant-modal-content {
+      width: 424px !important;
+      height: 258px !important;
+      .ant-modal-body {
+        width: 424px !important;
+        height: 258px !important;
+        padding: 0 !important;
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .del_main {
+            width: 100%;
+            position: relative;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/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;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
+            .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;
+
+                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;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 </style>
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index f63bcd8a..84a62738 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -21,8 +21,8 @@
             v-model:value="projectName"
             style="width: 270px"
             placeholder="请选择状态"
-            :options="projectNameList"
-            @change="selectProjectName"
+            :options="projectStateList"
+            @change="selectProjectState"
             allowClear
             showSearch
           ></a-select>
@@ -149,6 +149,23 @@ export default {
           label: "项目四",
         },
       ],
+      projectStateList: [
+        {
+          id: 1,
+          value: "已发布",
+          label: "已发布",
+        },
+        {
+          id: 2,
+          value: "待发布",
+          label: "待发布",
+        },
+        {
+          id: 3,
+          value: "已结束",
+          label: "已结束",
+        },
+      ],
       out: false,
       number: null,
       selectTime: null,
@@ -327,6 +344,9 @@ export default {
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
     };
+    const selectProjectState = (value, index) => {
+      console.log("value", value, index);
+    };
     const expandTable = (e, a) => {
       // console.log("惦记了");
       console.log("e", e, a);
@@ -340,6 +360,7 @@ export default {
     return {
       ...toRefs(state),
       selectProjectName,
+      selectProjectState,
       expandTable,
       handleOut,
       tableDataFunc,

From ca4b370b2475e73ea45bdd18b8bbcc22ac798daa Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Sat, 22 Oct 2022 11:37:54 +0800
Subject: [PATCH 4/9] =?UTF-8?q?feat=EF=BC=9A=E6=96=B0=E5=A2=9E=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E4=BB=BB=E5=8A=A1=E5=BC=B9=E7=AA=97=20=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1-=E6=97=A0=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/TaskAdd.vue  | 49 +++++++++++++++++++-
 src/views/projectcenter/TaskPage.vue | 68 ++++++++++++++++++++++++++++
 2 files changed, 115 insertions(+), 2 deletions(-)

diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index cc7cc8b6..97914d79 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -468,6 +468,36 @@
         </div>
       </div>
     </a-modal>
+    <!-- 确认删除阶段弹窗 -->
+    <a-modal
+      v-model:visible="deleteModal"
+      :footer="null"
+      :closable="cC"
+      wrapClassName="ConfirmModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeDelete"></div>
+          </div>
+          <div class="body">
+            <span>您确定要删除此任务吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="showModal">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
   </div>
 </template>
 
@@ -795,6 +825,7 @@ export default {
       confirmModal: false, //确认添加阶段弹窗
       cC: false,
       cancelModal: false, //确认取消阶段弹窗
+      deleteModal: false, //确认删除弹窗
     });
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
@@ -915,7 +946,14 @@ export default {
                   >
                     编辑
                   </span>
-                  <span style="color:#4EA6FF;cursor:pointer">删除</span>
+                  <span
+                    style="color:#4EA6FF;cursor:pointer"
+                    onClick={() => {
+                      showDelete();
+                    }}
+                  >
+                    删除
+                  </span>
                 </div>
               </div>
             );
@@ -1003,7 +1041,12 @@ export default {
     const closeCancel = () => {
       state.cancelModal = false;
     };
-
+    const showDelete = () => {
+      state.deleteModal = true;
+    };
+    const closeDelete = () => {
+      state.deleteModal = false;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
@@ -1031,6 +1074,8 @@ export default {
       closeConfirm,
       showCancel,
       closeCancel,
+      showDelete,
+      closeDelete,
     };
   },
 };
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 3e3cb32e..793a0248 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -211,6 +211,25 @@
         <a-tab-pane key="2" tab="任务" force-render>
           <div style="flex: 1">
             <div class="split"></div>
+            <!-- 无数据样式 -->
+            <div
+              class="notable"
+              style="display:none"
+            >
+              <div class="notablebox">
+                <div class="boxbody">
+                  <div class="boximg"></div>
+                  <div class="boxtitle">
+                    <span style="color: #ffb64e; font-size: 20px">无课程</span>
+                  </div>
+                  <div class="boxtitle2">
+                    <span style="color: #878b92">请点击新建开课，创建课程</span>
+                  </div>
+                </div>
+                <div class="smallleft"></div>
+                <div class="smallright"></div>
+              </div>
+            </div>
             <div class="onerow">
               <div class="taskmain">任务大纲</div>
               <button class="btn" @click="showFaceIn">批量面授报名</button>
@@ -2794,6 +2813,55 @@ export default {
       margin-left: 30px;
       margin-top: 10px;
     }
+    .notable {
+              width: 100%;
+              height: 100%;
+              display: flex;
+              justify-content: center;
+              .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-top: 77px;
+                margin-bottom: 109px;
+                cursor: pointer;
+                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;
+                  }
+                }
+              }
+            }
     .onerow {
       //width: 100%;
       display: flex;

From 876a2dfcd9c1e6669b04e87000297589be49ceaa Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Sat, 22 Oct 2022 11:38:21 +0800
Subject: [PATCH 5/9] =?UTF-8?q?feat=EF=BC=9A=E7=BC=96=E8=BE=91=E7=9A=84?=
 =?UTF-8?q?=E9=80=80=E5=87=BA=E5=92=8C=E4=B8=8A=E4=BC=A0=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=20=E4=BB=BB=E5=8A=A1=E5=A4=A7=E7=BA=B2=E6=97=A0=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/taskpage/picture8.png | Bin 0 -> 3892 bytes
 src/views/projectcenter/TaskPage.vue    | 108 +++++++++++++++++++-----
 2 files changed, 86 insertions(+), 22 deletions(-)
 create mode 100644 src/assets/images/taskpage/picture8.png

diff --git a/src/assets/images/taskpage/picture8.png b/src/assets/images/taskpage/picture8.png
new file mode 100644
index 0000000000000000000000000000000000000000..cdc3f46b199de0d2a211acd8f72257bd419971d2
GIT binary patch
literal 3892
zcmV-456ke0P)<h;3K|Lk000e1NJLTq002k;002k`1^@s6RqeA!00001b5ch_0Itp)
z=>Px@?ny*JRCr$PoO_H^)g8yb=g#gdRK#7ZBBC@t0AsOLiXei5;Ipn)TdOrO%9dK+
z8nsC=X%qfvs!duOpVca2`%kMi)u>f`0HO=>(iYmZji#CisGuxJm1TEl<}|;1&+p9d
zoO|w_J0PHqH;|b-d*{x*pZWft=bTaaV#_6<zTlHjAQRC1#k##T7_+s;1xjIz0@}4k
z1P%I!N)4-LPgTdu)6eVH^rv{MKie~3ff9Ezd#c<6=5^~;EfFTfhbTZP)HJYFYrLTp
z9;^0ZUe_sVYv@XYfaWjNvsz2I9Y6=&DBX4ZD4tg}R$qRS3+REDwadjEzdI4}P4j2a
z{^cjTfF5{7uPP}_pjYYd@uPSSV9P)iH+4->5Bt}e0`$9XeQRqgeq7T~gxLqfu&Onz
zx?-A|C{K9b60KQb^7TA5xwn!=+01(x)|J!Tv);c%uPjA4-T@>)MGA-%^uPdqaoJRL
zi@XX45Gkjv1rJqgP;_B2AfcWbn~nx58mq3J?gF}Zu~AS!Io9?PmG9J+cMfYl0Ioj8
z1$6IAdS#2k@y5Imc`716^o~*l-B-c)rIPHm{(7-)KVT5v(m)3*hXI9@RIOp<wKLQt
zd8c<R(vFSQ9a095qNF65z}G8JLpOTe3>VPdi}Z?8go(b1#b6MtCkABpw|uYzhu>&?
zl0EnDm+PCA#xErt35M0fCRf#1dHqZm&>ahPMQfC#S!CUt^ci__YUcgMw^VPKsaoVY
z?_8)?l#~I)Fw!PwAysSm(X1)zSH`C&r<%W1zZxl=kO|26BL+o)Zamcmbo&c>jn?>D
z9K~!nGf_=kaY{H@O7iFgP0YNPPoWgn-gKJ!x&-v=7wdr7yjV4?9I2w3#`3NyYO(|9
z;bnR=G=>o%{?C5MF}b>5dh^E9)EIdow>_s%ECJ7IjiC;okPN&V%TiIUnHm$ZYE;-(
z1<smthFazTdO=e-AI%X=!tkHdJ`{Rpov8Nr0aa@?L@78mfK}s}T;<~$hR;1y^~j6)
z*%SKE@?cz`YjsHU{?JC>W|6JP`&EQ({k?eXC+Dek@|<%Q=wU-5Y>a>w4(}EU`Jc%3
zL2*QjP@8q4D)}a+Yc-(CrbJ32I3k+SK7FG?QMb%FOWjuFCim7cw>_)pL<+YGCmcgz
z=WKvjM_oz)p=(Ow=&kir797K1C<0E(FPU&(13vDrV)EQh^^d&;An$YMKCQ=<OL#Q`
zhHwNkIgfS7yw6JFN6yAApa)-Z0g;jzmh?r|%<7OfRjaso?zw8wX9?2WC-sa{34e%y
z17&!(KtyOKD6w*kdg$>7CwU5bfB+fQRHb?{lq3^KVpRhcLgDdB4evx6eFUo_iB-)`
zY}xMS#ANX&=l%S8;5_{PnnGJkgi+8qKLTdPkzAA&A%|?0lO&23(&av&-@cpxVmMMk
zeq@tbHvNsu3(kKy@)Rjpccs)2(JOu`LVfbQp8Q!KBg48hFIG?tDFS|I>N#s-_b*9I
z%mVV%)F9;Bl7z0S89@F`@_rGxjR5(k70P*7HU8rjrk=Ba?t4jVRt-H`GxJQ$3H7p8
z6D<y3NqN4hQMJ)1llGMp@5`!PloDC$AtezYj$rh7<#f*n{e}Pu)kqVg*RvF43s^2{
zC8&a4yI>-nc{bm)*lc4U23ROLls<=`NEKb>1ENaYD#zqQoEORP?|=&QiQ;cuRP)WW
zE3ya_Ifty~Lw%oAcsCANswR$RMoHWeuwULi1V}pRoQUQ-Y1v4N`4j-u$T|D4vLIQt
z7^V0o7OL1okxQzFo?l~HCUroI>I!l|c^S1|iZCn*CRok0GZFUG$p2V}Eoph@@mn2S
zZ_!(vHU{T8@=@eJv2uiht}!hWd;Yr#kWo-G&e~5LIf@l=)H?;plU6FUdrmr-`-p_l
zcg_syS|1QKyDT8-gZwBKNE|t7q-*CUTYMkp+h)HcTZu*CWU5G3@}e^kSK|RlsglAd
ziSr(I(hP{3ZuUCwTBvo!1JfwnbMfjl_Ss4Afrh=!gV_Ig;oa6>oFRMWCBwS})e-^M
z&Gf?joeNzPi$lHvmQ{LKXU+MLh-xz7YtS*xZc<AH211<lH&!(aDI>i54%$XB<BwQD
z*XIHfVEoM5mK~<`5o+%Hp<ZU!&6-v!nwb|I=WMb?Zeeg_vt2{c_hD1>qn2-CK|ryI
zv2qL~dQJ9)7?@N~+|V+8qg0rebo{$5N-IZ#e2Uf*FzE<j%!nj<y|Wou{wB~@aif_{
z4vnKGbFxXIiDL9x3eX+W#5kG>pCs$FP^eE0E(-6O({atp4O6dYo<jkx5pedgz`-5v
z+cs<go?BZVvGCQyZ4M{I8%Q_!CKdy#CLKj5nsLHt@*&%CG$uy-Qav_`vH#eO&YINI
z+5&V2;4rE`tpGmWkyPmM*q2d`tls?`s8j+n0dXX=$)c|!*+>)Z*U$(on_FR-G<hJI
z)j7wdl_O8{#A=}DlX{;=HpUzWZA>jTxgekylPH!2D66`cnY2`oEH`{NRMhokIcR!4
zhI1@1a#%LiZN0!_s}hC#d61JJiVQji6ahD!>V^3`G6048L&3^EP`El^cEu5S?`7rW
z!KqY%XVw6lw$<U7;pG@sDvC)3H3TF|4w(;0N9{wR{b56Z5$(W06?l6S&^z$yPlG7}
zhdzJ78sNQ;TsRIG_C;R)ldB*O^Rgz(Oc;4M$T({XuhWl893gGn`+%p{02{Z8QPw7X
zjDI-6Irq4Hvts4Ex7AE_31rbJ^Wuh?2=hS`%K{Wk7R`Vn<w)fg;L@pyY~|M54?Ma8
z_^5Z+ArYK!HGo6PdFF4xy9|emQZG?#lq8ahiUIOU4cP{fCN{DI=sYegk1d}7kE{Ut
z26kRPv2w-(hvYb9g7frWfmk_4#i1b{4(Wa!CPRI5fC7;GM6vx#z(pry16bb!Jia=~
zv6|gt<rIWNiJ?Et<F`8;^?0VmkUn)l1dKA-QSoqpc>CuD;Q1!UUyH(d>UDtO(5Hv`
z&%qjOPXZ!8^z8{i$3EGRmc0qAe5;s-io$u4;fR*&XA%(kq<seg7fb{Om%|X~m}l1l
zZ@ixmsW6<^fc5N<KM#P&)DGGYIPV)kOJInZuuvHO^Xeqhgtn&OY%$Y%&8Vv1<_Jwx
z*lRvWmK;Y82hKRA9!-1@6#oCXJPH4DYX;6ba>(>%uR->i^+EpV#)QLw$)mGPi3-R^
zmM8rh+M0!9*nEBgQA9uWtH9AC^TR)x8_B*%D1Y)bfRw}A=UPDoh<pP1qeF8Nynnr$
zIQK?LpbuxSD9E-uyka#~YJ?^<$ZB3R$te6^I0+b*6aMpJ8fD0taO7yJoE$FZKg(>I
z8}@mnMs~4kI*NWj$f@SJdB#mMYM7ac4cu~ddO~JsY`?+4MU%3_e-<EyvtF2$bF6UC
z?5t&@KAyZl#j2>qf@AT1KPc2NqhX&^u^Jd@l@0t<Z`$h#$w>^<201?`{QHn%IIja)
zaO{YxjAV^wlgW0g*XHnRvCLr~9>w6ov?6-ZcD9ExvCNqsfyoP`urUYahku4daHxF9
zRE{^BjQx?V!#oqS^MbrNK%}k~QEtThMorC)iwV<m1`)X@6j~J|A<-R}LUqF7z~m#d
zy$)C9RN&@rV(6I%5L44$0uvUj|B(%|fSOW(cx>KRP-@N)&%~E=sKr{cln)A2@C0c5
zVd(+Y9sNluLWO71jiER`h`x_X4Vyo#V*7uq_+-0Ae{e=<_)|`s*ovQC)XG^zauCn%
zaQqOPmpAkiTCNZp)sQ2s{`{VU+kvAGNunE-9|Yy^>wxY3#nAX*tcn2iY#hM)4V9f*
z_1HPJ6(@{q!O5e&rhN>E#>B+f7|(ijrsIVa6bSLoBr0KI#csdAQ6Uopu;J}KeAtt<
zcp>||gyZ~aWsE;6DI!yV<P0-^rdbM*XI^YpzKSfD-7t74v*_4KE1>870jyi!ge@6f
z<ea}dql{yYtXJ46K=B+!Z_<LDNR>0OT+Vv6>o^RV&?JTe+9-U8ghW1P?V7%(&5F7X
z7oT3n*sr+lhZG>5<tib`upYzm7r1y!r|kH=Kht$5TCIgB2{ZfP-Nf%Svz1$cOU`V=
z;Um-Qj#7YVL2k;l0+SbH?&GW@%Nsb{119#?zjt8Ew&LH!pfYgj*=-m#JiI6?1&C+b
zJ7L~aj6e0ID4@J)yv=;${;@Wa0a)`|Z{bkB&me_aon?&pa`uX~6d<`)gUu;(JWQ-9
zixstt^QCtNlAQiaInat%z3yAaNr&#E(A8PS0Ui0v`BH#rIaFw-eQ;3=ml|f7kDWl}
zEl1dsPI}q0#(+BZRp>gW4a0^uo<5NRG_PA%tF$E3n?N1{6dITJCvwV}uW?W-?j8yW
zN=`(l=iS};fDUMn&~;83q@W^O2+(Fti+V$VGNM=3{6uGt^los_e1kH~FL@;!(1`sb
zT-I5}kio^^P`*5Ebh5PEzGGgurj^2zL(4MRCt2lqYgbe1VJIOuyQ(Db9vRZ&C1F5^
z4v%o@H_I5@Rtye7snqbnjIruK7tm6DbA;rF1)QEwpnK>ni4s3o!M@0;!K9vd6^<jF
zWGAk{0KD*08qi@QBV2N38Er}3S$NaHJ<~?3YaKxJ(-a+T_>VL*IptR_4R^x3_p2~|
zd0}VS7rwkE4ip{51&drjV@H+nz0+IKN)4apHu{m12{VsYuRDNf=fQ4$SvkUd`f(Fk
zu}dI@avw1PJj*#ZE2ga5<Xq@4FV+E#JE9cVRy5bJ*{!DW(DX5Cc0jDjOAmJIpO;IR
zBO%d>U8^ARJmh;~1r=Bh)$E059naD1spk_w<Hwe8-n4Sui*9z)H7wmYfEgE#Q?}_6
z{9;H+EfH>y&CN>+`R4s1HPri&=GClX8r__|aARhVFX)Z?IA>33wey1-okRSc*6YsS
z)Q_tqoRo>l6OvCFT8@9B>pKb<3-c3Q{_-cOB40hcpLd~+z%}w9te{Qr4dC=it%aGy
z;}JFVlp;J@8NfsAbNmxD`uxHl`2Tv~7l0akv;PCw%^Lk9Bs2K{0000<MNUMnLSTYX
CacfZk

literal 0
HcmV?d00001

diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index b4942831..d07a0114 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -352,8 +352,28 @@
                 </div>
               </a-collapse-panel>
             </a-collapse>
+            <!-- 无数据创建任务 -->
+            <div 
+                class="taskbox"
+                style="background: linear-gradient(180deg, #ddeaff, #f0f8fe);
+                display: none;"
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture8.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  创建任务
+                </div>
+                <div class="centermain">点击创建项目任务</div>
+              </div>
+            <!-- 无数据创建任务 -->
           </div>
-
           <div style="display: flex; height: 20px"></div>
         </a-tab-pane>
         <a-tab-pane key="3" tab="学员">
@@ -730,7 +750,9 @@
             </div>
           </div>
         </a-tab-pane>
-        <a-tab-pane key="5" tab="项目积分">Content of Tab Pane 3</a-tab-pane>
+        <a-tab-pane key="5" tab="项目积分">
+          Content of Tab Pane 3
+        </a-tab-pane>
         <a-tab-pane key="6" tab="排行榜">
           <div class="content6">
             <div class="title">排行榜</div>
@@ -866,7 +888,7 @@
             <div class="set_body">
               <div class="edit" @click="edit_hShow">
                 <div class="img"></div>
-                <div class="ed">编辑11</div>
+                <div class="ed">编辑</div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>项目名称：</span></div>
@@ -1178,7 +1200,7 @@
               >编辑</span
             >
           </div>
-          <div style="cursor: pointer; margin-right: 32px" @click="closeModal">
+          <div style="cursor: pointer; margin-right: 32px" @click="edit_exit">
             <img
               style="width: 22px; height: 22px"
               src="../../assets/images/basicinfo/close.png"
@@ -1211,24 +1233,11 @@
               <div class="signbox">
                 <span style="margin-right: 3px">直播封面：</span>
               </div>
-              <div class="textarea">
-                <a-upload
-                  v-model:file-list="fileList"
-                  name="avatar"
-                  list-type="picture-card"
-                  class="avatar-uploader"
-                  :show-upload-list="false"
-                  action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
-                  :before-upload="beforeUpload"
-                  @change="handleChange"
-                >
-                  <img v-if="imageUrl" :src="imageUrl" alt="avatar" />
-                  <div v-else>
-                    <loading-outlined v-if="loading"></loading-outlined>
-                    <plus-outlined v-else></plus-outlined>
-                    <div class="ant-upload-text">Upload</div>
-                  </div>
-                </a-upload>
+              <div class="lodalimg">
+                <div class="lodalcenter">
+                  <span style="color:#448EF7;margin-right: 10px;">+</span>
+                  <span style="color:#448EF7;">添加图片</span>
+                </div>
               </div>
             </div>
             <div class="main_item">
@@ -2133,6 +2142,8 @@ export default {
     };
     const edit_exit = () => {
       state.edit_hs = false;
+      state.radioV1 = "";
+      state.radioV2 = "";
     };
     const cloradio1 = (value) => {
       if (value != "") {
@@ -2988,6 +2999,46 @@ export default {
         border-top: 0px;
       }
     }
+    .taskbox {
+        width: 412px;
+        height: 160px;
+        border-radius: 10px;
+        position: relative;
+        margin-left: 68px;
+        margin-bottom: 40px;
+        margin-top: 32px;
+        cursor: pointer;
+        .leftt {
+          position: absolute;
+          top: 18px;
+          left: 0;
+        }
+        .photo {
+          position: absolute;
+          top: 42px;
+          left: 37px;
+        }
+        .rightt {
+          position: absolute;
+          top: 69px;
+          right: 26px;
+        }
+        .centerbox {
+          position: absolute;
+          top: 52px;
+          left: 145px;
+          font-size: 20px;
+          font-weight: 700;
+          //line-height: 36px;
+        }
+        .centermain {
+          color: rgba(135, 139, 146, 1);
+          font-size: 14px;
+          position: absolute;
+          left: 144px;
+          bottom: 49px;
+        }
+      }
     .stage {
       display: flex;
       height: 49px;
@@ -3731,6 +3782,19 @@ export default {
                 margin-right: 5px;
               }
             }
+            .lodalimg{
+              width:120px;
+              height:120px;
+              border:1px dashed #387DF7;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              cursor: pointer;
+              .lodalimg{
+                display: flex;
+                white-space: nowrap;
+              }
+            }
             .kqszbox {
               .qdqtbox {
                 margin-left: 5px;

From 5cc956e608e3816223ef2ec717d25b3635f23d40 Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Sat, 22 Oct 2022 11:49:10 +0800
Subject: [PATCH 6/9] =?UTF-8?q?feat:=E9=9A=90=E8=97=8F=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E6=97=A0=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/TaskPage.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 42c81a65..b2ba6a66 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -422,7 +422,10 @@
               <!-- 无数据创建任务 -->
               <div
                 class="taskbox"
-                style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
+                style="
+                background: linear-gradient(180deg, #ddeaff, #f0f8fe);
+                display:none;
+                "
               >
                 <div class="leftt">
                   <img src="../../assets/images/taskpage/left2.png" />

From be3467e00b92d43358fe559bffb21fdc66adba1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Sat, 22 Oct 2022 11:54:39 +0800
Subject: [PATCH 7/9] =?UTF-8?q?feat:=E5=90=88=E5=B9=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/ProjectManage.vue | 528 +++++++++++++++++++---
 1 file changed, 476 insertions(+), 52 deletions(-)

diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index 49c82cfc..947cf3c7 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -107,6 +107,28 @@
       </a-table>
     </div>
     <!-- 表格 -->
+    <!-- 无项目 -->
+    <div class="tableBox" style="display: none">
+      <div
+                class="taskbox"
+                @click="showModal1"
+                style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/projectadd/nopro.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  创建项目
+                </div>
+                <div class="centermain">点击创建项目任务</div>
+              </div>
+    </div>
     <!-- 创建子项目弹窗 -->
     <div>
       <a-modal
@@ -519,7 +541,158 @@
       </a-modal>
     </div>
     <!-- 创建多层子项目弹窗 -->
-
+    <!-- 复制路径弹窗 -->
+    <a-modal
+      v-model:visible="copyModal"
+      :footer="null"
+      :closable="closeCopy"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeCopyModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要复制此路径吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 结束项目弹窗 -->
+    <a-modal
+      v-model:visible="stopModal"
+      :footer="null"
+      :closable="closeStop"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeStopModal"></div>
+          </div>
+          <div class="body">
+            <span>是否结束项目</span>
+            <div class="back">（项目结束后学员将无法继续学习，此操作不可逆）</div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 删除项目弹窗 -->
+    <a-modal
+      v-model:visible="deleteModal"
+      :footer="null"
+      :closable="closeDelete"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeDeleteModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要删除此项目吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 存为模板弹窗 -->
+    <a-modal
+      v-model:visible="startModal"
+      :footer="null"
+      :closable="closeStart"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeStartModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要存为模板吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 撤回路径弹窗 -->
+    <a-modal
+      v-model:visible="backModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeBackModal"></div>
+          </div>
+          <div class="body">
+            <span>是否撤回项目</span>
+            <div class="back">（项目撤回后学员进度保留，发布后可继续学习）</div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
     <!-- 归属权抽屉 -->
     <proj-owner-ship v-model:ProjOwnervisible="ProjOwnervisible" />
     <!-- 授权名单抽屉 -->
@@ -867,6 +1040,16 @@ export default {
       estabish: false,
       doublepro: false,
       doublesonpro: false,
+      copyModal: false, //复制弹窗
+      closeCopy: false, //复制弹窗关闭图标
+      stopModal: false, //停用弹窗
+      closeStop: false, //停用弹窗关闭图标
+      deleteModal: false, //删除弹窗
+      closeDelete: false, //删除弹窗关闭图标
+      startModal: false, //启用弹窗
+      closeStart: false, //启用弹窗关闭图标
+      backModal: false, //撤回弹窗
+      closeBack: false, //撤回弹窗关闭图标
       ProjOwnervisible: false,
       ProjPvisible: false,
     });
@@ -946,7 +1129,9 @@ export default {
                       <router-link to="/taskpage">基础信息</router-link>
                     </a-select-option>
                     <a-select-option value="存为模板" label="存为模板">
-                      <div>存为模板</div>
+                      <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                     </a-select-option>
                   </a-select>
                 </div>
@@ -988,7 +1173,9 @@ export default {
                     </a-select-option>
                   </a-select>
                 </div>
-                <span class="operation3">复制</span>
+                <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                 <span class="more"></span>
               </div>
             ) : value.state === "已结束" ? (
@@ -1028,8 +1215,12 @@ export default {
                     </a-select-option>
                   </a-select>
                 </div>
-                <span class="operation3">复制</span>
-                <span class="more">删除</span>
+                <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
+                <span class="more" onClick={() => {
+                            showDeleteModal();
+                          }}>删除</span>
               </div>
             ) : (
               <div></div>
@@ -1087,10 +1278,14 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="复制" label="复制">
-                          <div>复制</div>
+                          <div onClick={() => {
+                        showCopyModal();
+                      }}>复制</div>
                         </a-select-option>
                         <a-select-option value="删除" label="删除">
-                          <div>删除</div>
+                          <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                         </a-select-option>
                       </a-select>
                     </div>
@@ -1136,7 +1331,9 @@ export default {
                     <router-link to="/classadd" class="operation3">
                       创建班级
                     </router-link>
-                    <span class="more">复制</span>
+                    <span class="more" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                   </div>
                 ) : item.state === "已结束" ? (
                   <div class="operation">
@@ -1175,8 +1372,12 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3">复制</span>
-                    <span class="more">删除</span>
+                    <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
+                    <span class="more" onClick={() => {
+                            showDeleteModal();
+                          }}>删除</span>
                   </div>
                 ) : (
                   <div></div>
@@ -1231,13 +1432,19 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="复制" label="复制">
-                            <div>复制</div>
+                            <div onClick={() => {
+                        showCopyModal();
+                      }}>复制</div>
                           </a-select-option>
                           <a-select-option value="删除" label="删除">
-                            <div>删除</div>
+                            <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div>存为模板</div>
+                            <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1282,7 +1489,9 @@ export default {
                           </a-select-option>
                         </a-select>
                       </div>
-                      <span class="operation3">复制</span>
+                      <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                       <div class="tableSelect">
                         <a-select
                           style="width: 50px"
@@ -1291,13 +1500,19 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="撤回" label="撤回">
-                            <div>撤回</div>
+                            <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                           </a-select-option>
                           <a-select-option value="结束" label="结束">
-                            <div>结束</div>
+                            <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div>存为模板</div>
+                            <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1342,8 +1557,12 @@ export default {
                           </a-select-option>
                         </a-select>
                       </div>
-                      <span class="operation3">复制</span>
-                      <span class="operation3">复制</span>
+                      <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
+                      <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                       <div class="tableSelect">
                         <a-select
                           style="width: 50px"
@@ -1352,10 +1571,14 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="删除" label="删除">
-                            <div>删除</div>
+                            <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div>存为模板</div>
+                            <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1400,7 +1623,9 @@ export default {
                           </a-select-option>
                         </a-select>
                       </div>
-                      <span class="operation3">复制</span>
+                      <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                       <div class="tableSelect">
                         <a-select
                           style="width: 50px"
@@ -1409,13 +1634,19 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="结束" label="结束">
-                            <div>结束</div>
+                            <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                           </a-select-option>
                           <a-select-option value="撤回" label="撤回">
-                            <div>撤回</div>
+                            <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                           </a-select-option>
                           <a-select-option value="存为模板" label="存为模板">
-                            <div>存为模板</div>
+                            <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
                             <router-link to="/taskpage">基础信息</router-link>
@@ -1476,13 +1707,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="复制" label="复制">
-                          <div>复制</div>
+                          <div onClick={() => {
+                        showCopyModal();
+                      }}>复制</div>
                         </a-select-option>
                         <a-select-option value="删除" label="删除">
-                          <div>删除</div>
+                          <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div>存为模板</div>
+                          <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1527,7 +1764,9 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3">复制</span>
+                    <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                     <div class="tableSelect">
                       <a-select
                         style="width: 50px"
@@ -1536,13 +1775,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="撤回" label="撤回">
-                          <div>撤回</div>
+                          <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                         </a-select-option>
                         <a-select-option value="结束" label="结束">
-                          <div>结束</div>
+                          <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div>存为模板</div>
+                          <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1587,7 +1832,9 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3">复制</span>
+                    <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                     <div class="tableSelect">
                       <a-select
                         style="width: 50px"
@@ -1596,13 +1843,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="删除" label="删除">
-                          <div>删除</div>
+                          <div onClick={() => {
+                            showDeleteModal();
+                          }}>删除</div>
                         </a-select-option>
                         <a-select-option value="结束" label="结束">
-                          <div>结束</div>
+                          <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div>存为模板</div>
+                          <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1647,7 +1900,9 @@ export default {
                         </a-select-option>
                       </a-select>
                     </div>
-                    <span class="operation3">复制</span>
+                    <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
                     <div class="tableSelect">
                       <a-select
                         style="width: 50px"
@@ -1656,13 +1911,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="撤回" label="撤回">
-                          <div>撤回</div>
+                          <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                         </a-select-option>
                         <a-select-option value="结束" label="结束">
-                          <div>结束</div>
+                          <div onClick={() => {
+                            showStopModal();
+                          }}>结束</div>
                         </a-select-option>
                         <a-select-option value="存为模板" label="存为模板">
-                          <div>存为模板</div>
+                          <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
                           <router-link to="/taskpage">基础信息</router-link>
@@ -1722,7 +1983,9 @@ export default {
               {value.state === "草稿" ? (
                 <span class="operation3">发布</span>
               ) : (
-                <span class="operation3">复制</span>
+                <span class="operation3" onClick={() => {
+                        showCopyModal();
+                      }}>复制</span>
               )}
               <div class="tableSelect">
                 {value.state === "草稿" ? (
@@ -1733,19 +1996,23 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="复制" label="复制">
-                      <div>复制</div>
+                      <div onClick={() => {
+                        showCopyModal();
+                      }}>复制</div>
                     </a-select-option>
                     <a-select-option value="删除" label="删除">
                       <div
                         onClick={() => {
-                          console.log("点击了");
-                        }}
+                            showDeleteModal();
+                          }}
                       >
                         删除
                       </div>
                     </a-select-option>
                     <a-select-option value="存为模板" label="存为模板">
-                      <div>存为模板</div>
+                      <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                     </a-select-option>
                     <a-select-option value="基础信息" label="基础信息">
                       <router-link to="/taskpage">基础信息</router-link>
@@ -1759,19 +2026,23 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="存为模板" label="存为模板">
-                      <div>存为模板</div>
+                      <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                     </a-select-option>
                     <a-select-option value="结束" label="结束">
                       <div
                         onClick={() => {
-                          console.log("点击了");
-                        }}
+                            showStopModal();
+                          }}
                       >
                         结束
                       </div>
                     </a-select-option>
                     <a-select-option value="撤回" label="撤回">
-                      <div>撤回</div>
+                      <div onClick={() => {
+                            showBackModal();
+                          }}>撤回</div>
                     </a-select-option>
                     <a-select-option value="基础信息" label="基础信息">
                       <router-link to="/taskpage">基础信息</router-link>
@@ -1785,13 +2056,15 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="存为模板" label="存为模板">
-                      <div>存为模板</div>
+                      <div onClick={() => {
+                            showStartModal();
+                          }}>存为模板</div>
                     </a-select-option>
                     <a-select-option value="删除" label="删除">
                       <div
                         onClick={() => {
-                          console.log("点击了");
-                        }}
+                            showDeleteModal();
+                          }}
                       >
                         删除
                       </div>
@@ -1841,6 +2114,36 @@ export default {
     const closeModal3 = () => {
       state.doublesonpro = false;
     };
+    const showCopyModal = () => {
+      state.copyModal = true;
+    };
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
+    const showStopModal = () => {
+      state.stopModal = true;
+    };
+    const closeStopModal = () => {
+      state.stopModal = false;
+    };
+    const showDeleteModal = () => {
+      state.deleteModal = true;
+    };
+    const closeDeleteModal = () => {
+      state.deleteModal = false;
+    };
+    const showStartModal = () => {
+      state.startModal = true;
+    };
+    const closeStartModal = () => {
+      state.startModal = false;
+    };
+    const showBackModal = () => {
+      state.backModal = true;
+    };
+    const closeBackModal = () => {
+      state.backModal = false;
+    };
     const showProjOwner = () => {
       state.ProjOwnervisible = true;
     };
@@ -1860,6 +2163,16 @@ export default {
       closeModal2,
       showModal3,
       closeModal3,
+      showCopyModal,
+      closeCopyModal,
+      showStopModal,
+      closeStopModal,
+      showDeleteModal,
+      closeDeleteModal,
+      showStartModal,
+      closeStartModal,
+      showBackModal,
+      closeBackModal,
       getTableDate,
       showProjOwner,
       showProjPrower,
@@ -2315,4 +2628,115 @@ export default {
     }
   }
 }
+.CopyModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+    .ant-modal-content {
+      width: 424px !important;
+      height: 258px !important;
+      .ant-modal-body {
+        width: 424px !important;
+        height: 258px !important;
+        padding: 0 !important;
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .del_main {
+            width: 100%;
+            position: relative;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/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;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
+            .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;
+
+                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;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 </style>

From 02f57f4b62573353c9d16e45a05d94e1ea9761b9 Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Sat, 22 Oct 2022 14:10:02 +0800
Subject: [PATCH 8/9] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E5=AD=A6=E5=91=98?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E5=88=97=E8=A1=A8=E6=93=8D=E4=BD=9C=E6=B8=B2?=
 =?UTF-8?q?=E6=9F=93=20=E6=93=8D=E4=BD=9C=E5=88=A0=E9=99=A4=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=20=E6=93=8D=E4=BD=9C=E6=9F=A5=E7=9C=8B=E6=8A=BD?=
 =?UTF-8?q?=E5=B1=89=20=E9=A1=B9=E7=9B=AE=E7=A7=AF=E5=88=86=E8=8E=B7?=
 =?UTF-8?q?=E5=8F=96=E8=A7=84=E5=88=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/windows/DelWins.vue   | 161 +++++++++++++
 src/views/projectcenter/TaskPage.vue | 337 ++++++++++++++++++++++++++-
 2 files changed, 497 insertions(+), 1 deletion(-)
 create mode 100644 src/components/windows/DelWins.vue

diff --git a/src/components/windows/DelWins.vue b/src/components/windows/DelWins.vue
new file mode 100644
index 00000000..57667bb1
--- /dev/null
+++ b/src/components/windows/DelWins.vue
@@ -0,0 +1,161 @@
+<template>
+    <!--删除弹窗 -->
+    <a-modal
+      v-model:visible="delete_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="DelModal"
+      style="margin-top: 400px"
+    >
+      <div class="delete" :style="{ display: delete_hs ? 'block' : 'none' }">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="del-icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="delete_exit"></div>
+          </div>
+          <div class="body">
+            <span>您确定要删除此课程吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--删除弹窗 -->
+</template>
+
+<script>
+import { toRefs, reactive, defineComponent } from "vue";
+export default defineComponent({
+    name: "DelWins",
+      props: {
+    delete_hs: {
+      type: Boolean,
+      default: false,
+    },
+  },
+    setup() {
+        const state = reactive({
+            delete_hs: false,
+            closableQR: false,
+        })
+        const delete_exit = () => {
+            state.delete_hs = false;
+        }
+        return {
+            ...toRefs(state),
+            delete_exit,
+        };
+    },
+})
+</script>
+<style lang="scss" scope>
+.DelModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
+      .ant-modal-body {
+        .delete {
+          z-index: 999;
+          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-icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/notice.png);
+                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>
\ No newline at end of file
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index b2ba6a66..4e0789ef 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -820,7 +820,57 @@
             </div>
           </div>
         </a-tab-pane>
-        <a-tab-pane key="5" tab="项目积分"> Content of Tab Pane 3 </a-tab-pane>
+        <a-tab-pane key="5" tab="项目积分"> 
+          <div class="split"></div>
+          <div class="content3">
+            <a-tabs v-model:activeKey="activeKey2">
+              <a-tab-pane key="1" tab="学员获取">
+              </a-tab-pane>
+              <a-tab-pane key="2" tab="榜单">
+              </a-tab-pane>
+              <a-tab-pane key="3" tab="获取规则">
+                <div class="projectscore">
+                    <div class="pjc_body">
+                        <div class="pjcb_header">
+                            <span>规则</span>
+                            <div class="edit_btn">
+                                <div class="edit"></div>
+                                <div class="btnText">编辑</div>
+                            </div>
+                        </div>
+                        <div class="pjcb_content">
+                            <div class="content content1">
+                              <span>当前设计下，学员可以获得 
+                                <a-input
+                                  v-model:value="inputValue"
+                                  :maxlength="3"
+                                  style="width: 50px"
+                                />
+                              积分</span>
+                            </div>
+                            <div class="content content2">
+                              <span>完成【必修/选修】获得 
+                                <a-input
+                                  v-model:value="inputValue2"
+                                  :maxlength="3"
+                                  style="width: 50px"
+                                />
+                              积分</span></div>
+                            <div class="content content3">
+                              <span>优秀学员可获得 
+                                <a-input
+                                  v-model:value="inputValue3"
+                                  :maxlength="3"
+                                  style="width: 50px"
+                                />
+                              积分</span></div>
+                        </div>
+                    </div>
+                </div>
+              </a-tab-pane>
+            </a-tabs>
+          </div>
+        </a-tab-pane>
         <a-tab-pane key="6" tab="排行榜">
           <div class="content6">
             <div class="title">排行榜</div>
@@ -1464,6 +1514,39 @@
       </a-modal>
     </div>
     <!-- 编辑弹窗 -->
+    <!-- 删除弹窗 -->
+    <div>
+      <a-modal
+      v-model:visible="delete_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="DelModal"
+      style="margin-top: 400px"
+    >
+      <div class="delete" :style="{ display: delete_hs ? 'block' : 'none' }">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="del-icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="delete_exit"></div>
+          </div>
+          <div class="body">
+            <span>您确定要删除此课程吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    </div>
+    <!-- 删除弹窗 -->
   </div>
 </template>
 <script>
@@ -1668,6 +1751,7 @@ export default {
       Seevisible: false, //查看学员
       Changevisible: false, //学员换组
       edit_hs: false, //编辑弹窗
+      delete_hs:false, //删除弹窗
       pubproject: false,
       stugroup: false,
       canclestu: false,
@@ -1680,6 +1764,10 @@ export default {
       radioV2: "",
       activeKey: "2",
       activeKey1: "8",
+      activeKey2: "3",
+      inputValue:5,
+      inputValue2:5,
+      inputValue3:5,
       valueName: "", //排行榜输入姓名
       valueDate: "", //排行榜输入日期
       noticeChecked: true,
@@ -2135,6 +2223,75 @@ export default {
       //考试、测评页面传递参数
       showTestText: "",
     });
+
+    //学员学员管理渲染
+    const getTableDate = () => {
+      let datas = state.tabledata;
+      datas.map((value) => {
+        {
+          //单层项目
+          value.operations = (
+            <div class="operation">
+              <div class="nSelect">
+                <div class="nselect">
+                  <div
+                    class="jc"
+                    onClick={() => {
+                      // state.QR_hs = true;
+                      // state.ftsQR_hs = true;
+                    }}
+                  >
+                    优秀学员
+                  </div>
+                  <div class="jc"
+                    onClick={() => {
+                      state.Seevisible = true;    
+                  }}>查看</div>
+                  <div class="tableSelect">
+                    <a-select
+                      style="width: 50px;margin-top:2px;margin-left:25px"
+                      value="更多"
+                      // options={state.projectNameList}
+                      dropdownClassName="tabledropdown"
+                    >
+                      <a-select-option
+                        value="换组"
+                        label="换组"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            // state.copy_hs = true;
+                          }}
+                        >
+                          复制
+                        </div>
+                      </a-select-option>
+                      <a-select-option
+                        value="删除"
+                        label="删除"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            state.delete_hs = true;
+                          }}
+                        >
+                          删除
+                        </div>
+                      </a-select-option>
+                    </a-select>
+                  </div>
+                </div>
+              </div>
+            </div>
+          );
+        }
+      });
+      state.tableData = datas;
+    };
+    getTableDate()
+
     const showModal = () => {
       state.pubproject = true;
     };
@@ -2231,6 +2388,9 @@ export default {
         state.radioV2 = "";
       }
     };
+    const delete_exit = () => {
+      state.delete_hs = false;
+    };
     return {
       ...toRefs(state),
       showModal,
@@ -2258,6 +2418,7 @@ export default {
       edit_exit,
       cloradio1,
       cloradio2,
+      delete_exit,
     };
   },
 };
@@ -3497,7 +3658,32 @@ export default {
         justify-content: right;
         // position: absolute;
         // bottom: 20px;
+        
       }
+      .operation {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      color: #4ea6ff;
+      .nselect {
+        justify-content: center;
+        align-items: center;
+        display: flex;
+        .jc {
+          margin-left: 20px;
+          cursor: pointer;
+          white-space: nowrap;
+        }
+      }
+      .tableSelect {
+        margin-right: 10px;
+        margin-left: -5px;
+        display: flex;
+        align-items: center;
+        justify-content: right;
+        white-space: nowrap; 
+      }
+    }
     }
     .groupmain {
       display: flex;
@@ -3632,6 +3818,55 @@ export default {
         }
       }
     }
+    .projectscore{
+        .pjc_body{
+            margin-left:34px;
+            margin-right:34px;
+            .pjcb_header{
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin:24px auto;
+                .edit_btn{
+                    width: 100px;
+                    // padding: 0px 26px 0px 26px;
+                    height: 38px;
+                    background: rgb(64, 158, 255);
+                    border-radius: 8px;
+                    border: 1px solid rgba(64, 158, 255, 1);
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    flex-shrink: 0;
+                    cursor: pointer;
+                    .edit {
+                        width: 15px;
+                        height: 15px;
+                        background-image: url(@/assets/images/coursewareManage/export1.png);
+                        background-size: 100% 100%;
+                    }
+                    .btnText {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: rgb(255, 255, 255);
+                    line-height: 36px;
+                    margin-left: 5px;
+                    }
+                }
+            }
+            .pjcb_content{
+                border: 1px solid #388BE1;
+                padding: 32px;
+                .pjcb_content :last-child{
+                    margin-bottom:0px;
+                }
+                .content{
+                    margin-bottom:24px;
+                }
+
+            }
+        }
+    }
   }
   .content6 {
     width: 100%;
@@ -4019,4 +4254,104 @@ export default {
     }
   }
 }
+.DelModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
+      .ant-modal-body {
+        .delete {
+          z-index: 999;
+          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-icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/notice.png);
+                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 e6f8f739ef829ad5fd05a6cae97d182ba5219659 Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Sat, 22 Oct 2022 14:21:27 +0800
Subject: [PATCH 9/9] =?UTF-8?q?style=EF=BC=9A=E4=BF=AE=E6=94=B9=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=AD=A6=E5=91=98=E6=8A=BD=E5=B1=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/AddLevelAddStu.vue | 631 +++++++++++++++++-----
 1 file changed, 490 insertions(+), 141 deletions(-)

diff --git a/src/components/drawers/AddLevelAddStu.vue b/src/components/drawers/AddLevelAddStu.vue
index a7b381e9..979ad162 100644
--- a/src/components/drawers/AddLevelAddStu.vue
+++ b/src/components/drawers/AddLevelAddStu.vue
@@ -48,7 +48,7 @@
                     </div>
                   </div>
                 </div>
-                <div class="line">
+                <!-- <div class="line">
                   <div class="inline">
                     <div class="left1">
                       <div class="img"></div>
@@ -60,7 +60,7 @@
                     </div>
                     <div class="right1">清空</div>
                   </div>
-                </div>
+                </div> -->
                 <div class="tabb" style="margin-top: 16px">
                   <a-table
                     style="border: 1px solid #f2f6fe"
@@ -68,7 +68,7 @@
                     :data-source="tabledata"
                     :loading="tableDataTotal === -1 ? true : false"
                     expandRowByClick="true"
-                    :scroll="{ x: 100, y: 560 }"
+                    :scroll="{ x: 500, y: 560 }"
                     @expand="expandTable"
                     :pagination="false"
                     :row-selection="{
@@ -92,29 +92,36 @@
               </a-tab-pane>
               <a-tab-pane key="2" tab="添加组织" force-render>
                 <div class="tab2">
-                  <div class="organize">组织：</div>
-                  <div class="select">
-                    <a-cascader
-                      v-model:value="value"
-                      placeholder="请输入组织名称"
-                      :options="organizeList"
+                  <div class="t1">
+                    <div class="organize">选择组织：</div>
+                    <div class="select">
+                      <a-tree-select
+                        v-model:value="valueSelect"
+                        style="width: 200px"
+                        :dropdown-style="{
+                          overflow: 'auto',
+                          width: '400px',
+                        }"
+                        dropdownClassName="dropdown"
+                        placeholder="请输入组织名称"
+                        allow-clear
+                        tree-default-expand-all
+                        :tree-data="treeData"
+                      >
+                      </a-tree-select>
+                    </div>
+                  </div>
+                  <div class="t1">
+                    <div class="organize">姓名：</div>
+                    <a-input
+                      v-model:value="nameadd"
+                      style="width: 200px; height: 40px; border-radius: 8px"
+                      placeholder="请输入姓名"
                     />
                   </div>
                 </div>
-              </a-tab-pane>
-              <a-tab-pane key="3" tab="受众关联">
-                <div class="tab1">
-                  <div class="nameinp">
-                    <div class="namee">受众名称：</div>
-                    <div class="select">
-                      <a-select
-                        v-model:value="choosevalue"
-                        style="width: 264px; border-radius: 8px"
-                        placeholder="请输入组织名称"
-                        :options="organizeList1"
-                      />
-                    </div>
-                  </div>
+                <!-- 选完后出现下面 -->
+                <div class="searchdown">
                   <div class="btns">
                     <div class="btn1">
                       <div class="img1">
@@ -133,8 +140,75 @@
                       <div class="wz">重置</div>
                     </div>
                   </div>
+                  <div class="tabb" style="margin-top: 16px">
+                    <a-table
+                      style="border: 1px solid #f2f6fe"
+                      :columns="tablecolumns1"
+                      :data-source="tabledata1"
+                      :loading="tableDataTotal === -1 ? true : false"
+                      expandRowByClick="true"
+                      :scroll="{ x: 500, y: 560 }"
+                      @expand="expandTable"
+                      :pagination="false"
+                      :row-selection="{
+                        columnWidth: 30,
+                        selectedRowKeys: selectedRowKeys1,
+                        onChange: onSelectChange1,
+                      }"
+                    />
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize1"
+                        :current="currentPage1"
+                        :total="tableDataTotal1"
+                        class="pagination"
+                      />
+                    </div>
+                  </div>
                 </div>
-                <div class="line">
+              </a-tab-pane>
+              <a-tab-pane key="3" tab="受众关联">
+                <div class="tab1">
+                  <div class="t1">
+                    <div class="nameinp">
+                      <div class="namee">选择受众：</div>
+                      <div class="select">
+                        <a-select
+                          v-model:value="choosevalue"
+                          style="width: 200px; border-radius: 8px"
+                          placeholder="请输入组织名称"
+                          :options="organizeList1"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="t1" style="margin-top: 10px">
+                    <div class="organize">姓名：</div>
+                    <a-input
+                      v-model:value="nameaddd"
+                      style="width: 200px; height: 40px; border-radius: 8px"
+                      placeholder="请输入姓名"
+                    />
+                  </div>
+                </div>
+                <div class="btns">
+                  <div class="btn1">
+                    <div class="img1">
+                      <img src="../../assets/images/courseManage/search0.png" />
+                    </div>
+                    <div class="wz">搜索</div>
+                  </div>
+                  <div class="btn2">
+                    <div class="img2">
+                      <img src="../../assets/images/courseManage/reset1.png" />
+                    </div>
+                    <div class="wz">重置</div>
+                  </div>
+                </div>
+                <!-- <div class="line">
                   <div class="inline">
                     <div class="left1">
                       <div class="img"></div>
@@ -146,21 +220,21 @@
                     </div>
                     <div class="right1">清空</div>
                   </div>
-                </div>
+                </div> -->
                 <div class="tabb" style="margin-top: 16px">
                   <a-table
                     style="border: 1px solid #f2f6fe"
-                    :columns="tablecolumns1"
-                    :data-source="tabledata1"
+                    :columns="tablecolumns2"
+                    :data-source="tabledata2"
                     :loading="tableDataTotal === -1 ? true : false"
                     expandRowByClick="true"
-                    :scroll="{ x: 700, y: 400 }"
+                    :scroll="{ x: 500, y: 560 }"
                     @expand="expandTable"
                     :pagination="false"
                     :row-selection="{
                       columnWidth: 30,
-                      selectedRowKeys: selectedRowKeys,
-                      onChange: onSelectChange,
+                      selectedRowKeys: selectedRowKeys2,
+                      onChange: onSelectChange2,
                     }"
                   />
                   <div class="pa">
@@ -168,9 +242,9 @@
                       showSizeChanger="true"
                       showQuickJumper="true"
                       hideOnSinglePage="true"
-                      :pageSize="pageSize"
-                      :current="currentPage"
-                      :total="tableDataTotal"
+                      :pageSize="pageSize2"
+                      :current="currentPage2"
+                      :total="tableDataTotal2"
                       class="pagination"
                     />
                   </div>
@@ -181,7 +255,11 @@
         </div>
         <div class="right">
           <div class="onerow">
-            <div class="already">已选</div>
+            <div class="onleft">
+              <div class="already">已选</div>
+              <div class="count">6</div>
+              <div class="peo">人</div>
+            </div>
             <div class="clbox">
               <div class="colose"></div>
               <span class="allclear">全部清除</span>
@@ -238,47 +316,74 @@ export default {
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 50,
+      pageSize1: 10,
+      currentPage1: 1,
+      tableDataTotal1: 50,
+      pageSize2: 10,
+      currentPage2: 1,
+      tableDataTotal2: 50,
+      selectedRowKeys: [],
+      selectedRowKeys1: [],
+      selectedRowKeys2: [],
       activeKey: "1",
-      name: "", //输入名字搜索
       value: [], //级联选择框
       choosevalue: null, //受众选择
-      organizeList: [
+      valueSelect: null, //树形选择
+      name: "",
+      nameadd: "",
+      nameaddd: "",
+      treeData: [
         {
-          id: 1,
+          title: "京东方",
           value: "京东方",
-          label: "京东方",
           children: [
             {
-              id: 2,
+              title: "产研部",
               value: "产研部",
-              label: "产研部",
               children: [
                 {
-                  id: 4,
-                  value: "产品部门",
-                  label: "产品部门",
+                  title: "产品部",
+                  value: "产品部",
                 },
                 {
-                  id: 5,
-                  value: "研发部门",
-                  label: "研发部门",
+                  title: "研究部",
+                  value: "研究部",
                 },
               ],
             },
             {
-              id: 3,
-              value: "人力资源部",
-              label: "人力资源部",
+              title: "二级标题",
+              value: "二级标题",
               children: [
                 {
-                  id: 6,
+                  title: "三级标题",
+                  value: "三级标题",
+                  children: [
+                    {
+                      title: "四级标题",
+                      value: "四级标题",
+                      children: [
+                        {
+                          title: "五级标题",
+                          value: "五级标题",
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              title: "人力资源部",
+              value: "人力资源部",
+              children: [
+                {
+                  title: "人事部",
                   value: "人事部",
-                  label: "人事部",
                 },
                 {
-                  id: 7,
+                  title: "行政部",
                   value: "行政部",
-                  label: "行政部",
                 },
               ],
             },
@@ -290,55 +395,64 @@ export default {
           key: 1,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 2,
           name: "小刘",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 3,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 4,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 5,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 6,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 7,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 8,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 9,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
       ],
       tablecolumns: [
@@ -351,18 +465,26 @@ export default {
           className: "h",
         },
         {
-          title: "部门",
-          dataIndex: "bum",
-          key: "bum",
-          width: 45,
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
           align: "center",
           className: "h",
         },
         {
-          title: "岗位",
-          dataIndex: "gangw",
-          key: "gangw",
-          width: 45,
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
           align: "center",
           className: "h",
         },
@@ -370,56 +492,71 @@ export default {
       tabledata1: [
         {
           key: 1,
-          name: "学习受众",
-          time: "2022-10-31 23:12:00",
-          total: "1",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 2,
-          name: "2",
-          time: "2022-10-31 23:12:00",
-          total: "2",
-          state: "已发布",
-          type: "普通受众",
+          name: "小刘",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 3,
-          name: "mask",
-          time: "2022-10-31 23:12:00",
-          total: "1",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 4,
-          name: "学习受众",
-          time: "2022-10-31 23:12:00",
-          total: "1",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 5,
-          name: "学业受众",
-          time: "2022-10-31 23:12:00",
-          total: "2",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 6,
-          name: "案例受众",
-          time: "2022-10-31 23:12:00",
-          total: "3",
-          state: "已发布",
-          type: "普通受众",
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
       ],
       tablecolumns1: [
         {
-          title: "受众名称",
+          title: "姓名",
           dataIndex: "name",
           key: "name",
           width: 30,
@@ -427,42 +564,137 @@ export default {
           className: "h",
         },
         {
-          title: "创建时间",
-          dataIndex: "time",
-          key: "time",
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
           width: 40,
           align: "center",
           className: "h",
         },
+      ],
+      tabledata2: [
         {
-          title: "人数",
-          dataIndex: "total",
-          key: "total",
-          width: 20,
-          align: "center",
-          className: "h",
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
-          title: "状态",
-          dataIndex: "state",
-          key: "state",
-          width: 20,
-          align: "center",
-          className: "h",
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
         {
-          title: "类型",
-          dataIndex: "type",
-          key: "type",
+          key: 3,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+      ],
+      tablecolumns2: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
           width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
           align: "center",
           className: "h",
         },
       ],
       organizeList1: [
         {
-          value: "项目一",
-          label: "项目一",
+          value: "产品受众群体",
+          label: "产品受众群体",
+        },
+        {
+          value: "人力资源hrbp",
+          label: "人力资源hrbp",
         },
       ],
     });
@@ -473,11 +705,26 @@ export default {
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const onSelectChange1 = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const onSelectChange2 = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
 
     return {
       ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
+      onSelectChange,
+      onSelectChange1,
+      onSelectChange2,
       // change,
     };
   },
@@ -486,21 +733,13 @@ export default {
 
 <style lang="scss" >
 .AddLevelAddStu {
-  // .ant-drawer-content-wrapper {
-  //   // max-width: 1000px;
-  //   .ant-drawer-header {
-  //     display: none !important;
-  //   }
-  //   .ant-drawer-body {
-  //     padding: 0;
-  //   }
-  // }
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-y: scroll;
     display: flex;
     flex-direction: column;
+
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
@@ -519,11 +758,12 @@ export default {
     }
     .main {
       display: flex;
-      height: 80%;
+      // height: 80%;
+      margin-bottom: 72px;
       .left {
-        // overflow-y: auto;
+        overflow-y: auto;
         width: 65%;
-        height: 100%;
+        // height: 100%;
         border-right: 1px solid rgba(233, 233, 233, 1);
         .tabs {
           margin-right: 33px;
@@ -531,6 +771,11 @@ export default {
             display: flex;
             flex-wrap: wrap;
             justify-content: space-between;
+            align-items: center;
+            .t1 {
+              display: flex;
+              align-items: center;
+            }
             .nameinp {
               display: flex;
               align-items: center;
@@ -578,6 +823,43 @@ export default {
               }
             }
           }
+          .btns {
+            display: flex;
+            margin-top: 10px;
+            .btn1 {
+              width: 100px;
+              height: 40px;
+              margin-right: 16px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              color: #ffffff;
+              font-size: 14px;
+              background: #409eff;
+              border-radius: 8px;
+              border: 1px solid #409eff;
+              cursor: pointer;
+              .wz {
+                margin-left: 10px;
+              }
+            }
+            .btn2 {
+              width: 100px;
+              height: 40px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              color: #409eff;
+              font-size: 14px;
+              background: #ffffff;
+              border-radius: 8px;
+              cursor: pointer;
+              border: 1px solid #409eff;
+              .wz {
+                margin-left: 10px;
+              }
+            }
+          }
           .line {
             width: 100%;
             height: 40px;
@@ -678,9 +960,16 @@ export default {
             display: flex;
             align-items: center;
             margin-top: 10px;
+            flex-wrap: wrap;
+            justify-content: space-between;
+            .t1 {
+              display: flex;
+              align-items: center;
+            }
             .organize {
               color: rgba(0, 0, 0, 0.85);
               font-size: 14px;
+              white-space: nowrap;
             }
             .ant-select {
               border-radius: 8px !important;
@@ -696,6 +985,51 @@ export default {
                 height: 40px;
               }
             }
+            .ant-tree-select {
+              .dropdown {
+                width: 800px !important;
+              }
+            }
+          }
+
+          .searchdown {
+            .btns {
+              display: flex;
+              margin-top: 10px;
+              .btn1 {
+                width: 100px;
+                height: 40px;
+                margin-right: 16px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #ffffff;
+                font-size: 14px;
+                background: #409eff;
+                border-radius: 8px;
+                border: 1px solid #409eff;
+                cursor: pointer;
+                .wz {
+                  margin-left: 10px;
+                }
+              }
+              .btn2 {
+                width: 100px;
+                height: 40px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #409eff;
+                font-size: 14px;
+                background: #ffffff;
+                border-radius: 8px;
+                cursor: pointer;
+                border: 1px solid #409eff;
+                .wz {
+                  margin-left: 10px;
+                }
+              }
+            }
           }
         }
       }
@@ -707,13 +1041,27 @@ export default {
           align-items: center;
           margin-right: 40px;
           flex-wrap: wrap;
-          .already {
-            color: rgba(51, 51, 51, 1);
-            font-size: 16px;
-            font-weight: 500;
-            margin-left: 32px;
-            white-space: nowrap;
-            // margin-bottom: 20px;
+          .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: #388be1;
+              font-size: 16px;
+              margin: 0 6px;
+            }
+            .peo {
+              color: rgba(51, 51, 51, 1);
+              font-size: 16px;
+              font-weight: 500;
+            }
           }
           .clbox {
             margin-left: 30px;
@@ -774,6 +1122,7 @@ export default {
       height: 72px;
       width: 100%;
       position: absolute;
+      background-color: #fff;
       bottom: 0;
       left: 0;
       display: flex;