防止重复提交

liuqimichale
1 parent 9fd9f139
Showing 3 changed files with 18 additions and 10 deletions
topages/workfill/workfill.css
topages/workfill/workfill.html
topages/workfill/workfill.js
@@ -61,6 +61,10 @@
 .workfill-list-btn{
     padding: 3px 20px;
     border-radius: 15px;
+    border: 0;
+}
+.workfill-list-btn:focus{
+    outline: none;
 }
 .workfill-list-wrap li:nth-of-type(1) .workfill-list-btn{
     background-color: #fedee5;
@@ -13,7 +13,7 @@
     <li class="workfill-list-li boxshadow">
         <div class="workfill-list-weekday-wrap clearfix">
             <span class="float-left workfill-list-weekday" id="weekday1" data-id="" data-date="">周一</span>
-            <span class="float-right workfill-list-btn cursor-pointer" id="btn-commit1">提交</span>
+            <button class="float-right workfill-list-btn cursor-pointer" id="btn-commit1">提交</button>
         </div>
         <div class="workfill-list-projectnamewrap">
             <div class="pos-abs workfill-projectCon">
@@ -31,7 +31,7 @@
     <li class="workfill-list-li boxshadow">
         <div class="workfill-list-weekday-wrap clearfix">
             <span class="float-left workfill-list-weekday" id="weekday2" data-id="" data-date="">周二</span>
-            <span class="float-right workfill-list-btn cursor-pointer"  id="btn-commit2">提交</span>
+            <button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit2">提交</button>
         </div>
         <div class="workfill-list-projectnamewrap">
             <div class="pos-abs workfill-projectCon">
@@ -48,7 +48,7 @@
     <li class="workfill-list-li boxshadow">
         <div class="workfill-list-weekday-wrap clearfix">
             <span class="float-left workfill-list-weekday" id="weekday3" data-id="" data-date="">周三</span>
-            <span class="float-right workfill-list-btn cursor-pointer" id="btn-commit3">提交</span>
+            <button class="float-right workfill-list-btn cursor-pointer" id="btn-commit3">提交</button>
         </div>
         <div class="workfill-list-projectnamewrap">
             <div class="pos-abs workfill-projectCon">
@@ -65,7 +65,7 @@
     <li class="workfill-list-li boxshadow">
         <div class="workfill-list-weekday-wrap clearfix">
             <span class="float-left workfill-list-weekday" id="weekday4" data-id="" data-date="">周四</span>
-            <span class="float-right workfill-list-btn cursor-pointer"  id="btn-commit4">提交</span>
+            <button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit4">提交</button>
         </div>
         <div class="workfill-list-projectnamewrap">
             <div class="pos-abs workfill-projectCon">
@@ -82,7 +82,7 @@
     <li class="workfill-list-li boxshadow">
         <div class="workfill-list-weekday-wrap clearfix">
             <span class="float-left workfill-list-weekday" id="weekday5" data-id="" data-date="">周五</span>
-            <span class="float-right workfill-list-btn cursor-pointer"  id="btn-commit5">提交</span>
+            <button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit5">提交</button>
         </div>
         <div class="workfill-list-projectnamewrap">
             <div class="pos-abs workfill-projectCon">
@@ -99,7 +99,7 @@
     <li class="workfill-list-li boxshadow">
         <div class="workfill-list-weekday-wrap clearfix">
             <span class="float-left workfill-list-weekday" id="weekday6" data-id="" data-date="">周六</span>
-            <span class="float-right workfill-list-btn cursor-pointer"  id="btn-commit6">提交</span>
+            <button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit6">提交</button>
         </div>
         <div class="workfill-list-projectnamewrap">
             <div class="pos-abs workfill-projectCon">
@@ -116,7 +116,7 @@
     <li class="workfill-list-li boxshadow">
         <div class="workfill-list-weekday-wrap clearfix">
             <span class="float-left workfill-list-weekday" id="weekday7" data-id="" data-date="">周日</span>
-            <span class="float-right workfill-list-btn cursor-pointer"  id="btn-commit7">提交</span>
+            <button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit7">提交</button>
         </div>
         <div class="workfill-list-projectnamewrap">
             <div class="pos-abs workfill-projectCon">
@@ -146,7 +146,7 @@ var fun = {
                 $("#work-projectName"+row.weeksNum).selectpicker('val',row.projectId);
                 $("#work-projectName"+row.weeksNum).selectpicker('refresh');
-                $("#btn-commit"+row.weeksNum).text('编辑');
+                $("#btn-commit"+row.weeksNum).html('编辑');
                 $("#btn-commit"+row.weeksNum).parent().parent().find(".workfill-list-container").attr("contenteditable","false");
                 $("#btn-commit"+row.weeksNum).parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon').addClass('display-none');
                 var projectName=$("#btn-commit"+row.weeksNum).parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon .work-projectName').find("option:selected").text();
@@ -169,6 +169,7 @@ var fun = {
                 $('.ITD-alertmodel-contentmsg').text('');
                 $('#ITD-tipsmodel').modal('hide');
             },3000);
+            _this.removeAttr("disabled");
             return false;
         }else{
             var req= {
@@ -188,12 +189,13 @@ var fun = {
                     if(res.success == true){
                         var asraId = res.data;
                         $("#weekday"+id).attr("data-id",asraId);
-                        _this.text('编辑');
+                        _this.html('编辑');
                         _this.parent().parent().find(".workfill-list-container").attr("contenteditable","false");
                         _this.parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon').addClass('display-none');
                         var projectName=_this.parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon .work-projectName').find("option:selected").text();
                         _this.parent().parent().find('.workfill-list-projectnamewrap .workfill-list-projectname').removeClass('display-none');
                         _this.parent().parent().find('.workfill-list-projectnamewrap .workfill-list-projectname').text(projectName);
+                        _this.removeAttr("disabled");
                     }else{
                         $('.ITD-alertmodel-contentmsg').text('提交失败!');
@@ -202,6 +204,7 @@ var fun = {
                             $('.ITD-alertmodel-contentmsg').text('');
                             $('#ITD-tipsmodel').modal('hide');
                         },3000);
+                        _this.removeAttr("disabled");
                         return false;
                     }
                 }
@@ -229,7 +232,7 @@ documentBindFunc.on(&#39;click&#39;,&#39;#time-opr-nextbtn&#39;,function () {
 documentBindFunc.on('click','.workfill-list-btn',function () {
     var _this=$(this);
     if(_this.parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon').hasClass('display-none')){
-        _this.text('提交');
+        _this.html('提交');
         _this.parent().parent().find(".workfill-list-container").attr("contenteditable","true");
         _this.parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon').toggleClass('display-none');
         var projectName=_this.parent().parent().find('.workfill-list-projectnamewrap .workfill-projectCon .work-projectName').find("option:selected").text();
@@ -237,6 +240,7 @@ documentBindFunc.on(&#39;click&#39;,&#39;.workfill-list-btn&#39;,function () {
         _this.parent().parent().find('.workfill-list-projectnamewrap .workfill-list-projectname').text(projectName);
     }else {
+        _this.attr("disabled","disabled");
         var commitId = _this.attr("id");
         var id = commitId.substring(10,11);
         fun.dailyReportCommit(id,_this);