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