取消按钮显示

src/css/creatCheckTask.less

@@ -436,7 +436,7 @@ h2{
             font-weight: bold;
         }
     }
-    .creatTask{
+    .creatTask,.cancelTask{
         width: 80px;
         height: 32px;
         background: #00A1FF;
@@ -450,7 +450,19 @@ h2{
         margin-bottom: 32px;
         cursor: pointer;
         float: left;
+      margin-right: 10px;
+      &.disabled{
+        background: #ccc;
+        border:none;
+        color: #fff;
+        cursor: unset;
+      }
     }
+  .cancelTask{
+    background: none;
+    border:1px #00A1FF solid;
+    color: #00A1FF;
+  }
 }
 .modal-container .modal-box{
    width: 400px;

src/html/creatCheckTask.html

@@ -99,6 +99,7 @@
                     </ul>
                 </div>
                 <button class="creatTask">生成任务</button>
+                <button class="cancelTask disabled">取消任务</button>
             <div class="overAuto">
                 <table class="qctable">
                     <thead>

src/js/creatCheckTask.js

@@ -68,8 +68,14 @@ $(function() {
         global_taskList=[];
         const isCreated = (global_status=="1");
         const text = isCreated?'取消':'生成';
-        $(".creatTask").text(text+"任务");
         $(".modal-body p").text("确定要"+text+"这些任务吗？");
+        if(isCreated){
+            $(".creatTask").addClass("disabled");
+            $(".cancelTask").removeClass("disabled");
+        }else{
+            $(".creatTask").removeClass("disabled");
+            $(".cancelTask").addClass("disabled");
+        }
         if(isCreated){
             global_delOrAdd=0;
         }else{
@@ -146,7 +152,10 @@ $(function() {
         $(".scoreList ").css("display","block")
     })
 
-    $(".creatTask").click(function(){
+    $(".creatTask,.cancelTask").click(function(){
+        if($(this).is(".disabled")){
+            return;
+        }
         if(!global_taskList.join("").length){
             toast("至少勾选一个任务");
             return;