批量回复

src/main/webapp/resources/js/index/app.js

@@ -3339,7 +3339,7 @@ define(['toaster', 'charts', 'ngTable', 'common/services', 'common/directives',
      * 批量回复模态框
      */
     app.controller('ReplyByBatchCtrl', ['$scope', '$modalInstance', function($scope, $modalInstance) {
-
+        $scope.activeTab = 'default';
     }]);
 
     app.controller('SaleOrderDetailCtrl', ['$scope', '$stateParams', 'PurcOrder', 'PurcOrderItem', 'toaster', 'ReportService', 'CurrentRole', 'token',function ($scope, $stateParams, PurcOrder, PurcOrderItem, toaster, ReportService, CurrentRole, token) {

src/main/webapp/resources/tpl/index/sale/modal/reply_bybatch.html

@@ -1,4 +1,10 @@
 <style>
+    .modal-dialog{
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        margin: -150px 0 0 -195px;
+    }
     .modal-content{
         width: 390px;
         height: 300px;
@@ -8,6 +14,8 @@
         height: 39px;
         text-align: left;
         background: #e9ecf2;
+        border-top-left-radius: 6px;
+        border-top-right-radius: 6px;
     }
     .modal-header span{
         padding-left: 18px;
@@ -43,6 +51,7 @@
         font-size: 16px;
         font-weight: normal;
         color: #8c8c8c;
+        cursor: pointer;
     }
     .modal-body .top .form-group label:hover, .modal-body .top .form-group label.active{
         color: #1e1e1e;
@@ -64,66 +73,55 @@
         padding: 0 25px 18px 0;
         border-top: none;
     }
-    .modal-footer a{
+    .modal-footer button{
         display: inline-block;
         width: 70px;
         height: 32px;
-        line-height: 32px;
         font-size: 14px;
         color: #fff;
         text-align: center;
         text-decoration: none;
         border-radius: 4px;
+        border: none;
+        outline: none;
     }
-    .modal-footer a:hover{
-        background: #3578ba;
-    }
-    .modal-footer a:first-child{
+    .modal-footer button:first-child{
         margin-right: 10px;
         background: #5078Cb;
     }
-    .modal-footer a:last-child{
+    .modal-footer button:last-child{
         background: #d2d2d2;
     }
+    .modal-footer button:hover{
+        background: #3578ba;
+    }
 </style>
 <div class="modal-header">
     <span>批量回复交期设置</span>
 </div>
-<!--默认交期-->
-<!--<div class="modal-body">-->
-    <!--<div class="top">-->
-        <!--<div class="form-group">-->
-            <!--<input type="radio" id="default">-->
-            <!--<label for="default" class="active">默认交期</label>-->
-        <!--</div>-->
-        <!--<div class="form-group">-->
-            <!--<input type="radio" id="custom">-->
-            <!--<label for="custom">自定义交期</label>-->
-        <!--</div>-->
-    <!--</div>-->
-    <!--<div class="bottom">-->
-        <!--<span>对选中的单据按照满足客户需求的数量和交期默认回复</span>-->
-    <!--</div>-->
-<!--</div>-->
-<!--自定义交期-->
 <div class="modal-body">
     <div class="top">
         <div class="form-group">
-            <input type="radio" id="default">
-            <label for="default" class="active">默认交期</label>
+            <input type="radio" id="default" ng-click="activeTab = 'default'">
+            <label for="default" ng-class="{'active': activeTab == 'default'}">默认交期</label>
         </div>
         <div class="form-group">
-            <input type="radio" id="custom">
-            <label for="custom">自定义交期</label>
+            <input type="radio" id="custom" ng-click="activeTab = 'custom'">
+            <label for="custom" ng-class="{'active': activeTab == 'custom'}">自定义交期</label>
         </div>
     </div>
-    <div class="bottom">
+    <!--默认交期-->
+    <div class="bottom" ng-if="activeTab == 'default'">
+        <span>对选中的单据按照满足客户需求的数量和交期默认回复</span>
+    </div>
+    <!--自定义交期-->
+    <div class="bottom" ng-if="activeTab == 'custom'">
         <span>对选中的单据按照满足客户需求的数量和交期默认回复</span>
         <div class="choose">
-
+            dddd
         </div>
     </div>
 </div>
 <div class="modal-footer">
-    <a>取消</a> <a>确定</a>
-</div>
+    <button>确定</button><button>取消</button>
+</div>