添加提示弹窗工时填写页面

Andy
1 parent 2b0ce64b
Showing 3 changed files with 75 additions and 3 deletions
resource/public/commoncss.css
topages/workfill/workfill.html
topages/workfill/workfill.js
@@ -168,4 +168,51 @@ header{
 .fixed-table-container tbody td {
     border-left: none !important;
+}
+/*弹窗 提示*/
+.ITD-modal-config, .ITD-modal-dialog {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%,-50%)!important;
+    -webkit-transform: translate(-50%,-50%)!important;
+    -moz-transform: translate(-50%,-50%)!important;
+    -ms-transform: translate(-50%,-50%)!important;
+    -o-transform: translate(-50%,-50%)!important;
+}
+
+.blue-modal {
+    width: 380px;
+}
+.modal-content {
+    color: rgba(0,0,0,.7);
+}
+.modal-content {
+    border-radius: 4px !important;
+}
+.ITD-model-header {
+    line-height: 67px;
+    height: 67px;
+    padding: 0 15px 0 38px;
+}
+.ITD-alertmodel-contentmsg {
+    height: 100px;
+    line-height: 100px;
+    text-align: center;
+    width: 100%;
+    margin-top: 8px;
+}
+.ITD-model-close {
+    margin-top: 10px !important;
+}
+.ITD-common-fontsize16 {
+    font-size: 16px;
+}
+.ITD-ztree-headername {
+    border-left: 3px solid #1E95CD;
+    padding-left: 12px;
+    height: 16px;
+    color: #1E95CD;
+    line-height: 16px;
+    display: inline-block;
 }
 \ No newline at end of file
@@ -132,5 +132,19 @@
     </li>
 </ul>
-
+<!--提示弹窗 sta-->
+<div class="modal fade " id="ITD-tipsmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="ITD-modal-dialog blue-modal">
+        <div class="modal-content">
+            <div class="modal-header ITD-model-header">
+                <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
+                <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">提示</span>
+            </div>
+            <div class="modal-body">
+                <div class="ITD-alertmodel-contentmsg"></div>
+            </div>
+        </div>
+    </div>
+</div>
+<!--提示弹窗 end-->
 <script src="../topages/workfill/workfill.js"></script>
 \ No newline at end of file
@@ -163,7 +163,13 @@ var fun = {
         var dailyDate  = $("#weekday"+id).attr("data-date");
         var dailyContent = $("#daily-report"+id).text();
         if(dailyContent==''){
-            alert('')
+            $('.ITD-alertmodel-contentmsg').text('工作内容不能为空!');
+            $('#ITD-tipsmodel').modal('show');
+            setTimeout(function () {
+                $('.ITD-alertmodel-contentmsg').text('');
+                $('#ITD-tipsmodel').modal('hide');
+            },3000);
+            return false;
         }else{
             var req= {
                 id:arsaId,
@@ -190,7 +196,12 @@ var fun = {
                         _this.parent().parent().find('.workfill-list-projectnamewrap .workfill-list-projectname').text(projectName);
                     }else{
-                        alert("失败");
+                        $('.ITD-alertmodel-contentmsg').text('提交失败!');
+                        $('#ITD-tipsmodel').modal('show');
+                        setTimeout(function () {
+                            $('.ITD-alertmodel-contentmsg').text('');
+                            $('#ITD-tipsmodel').modal('hide');
+                        },3000);
                         return false;
                     }
                 }