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] =?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,