feat：新增删除任务弹窗 任务-无数据

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,
     };
   },
 };

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;