一元捐移动项目捐款完成系统弹出提示框

donate-service/src/main/webapp/resources/view/mobile/mobile_project_detail.html

@@ -638,6 +638,8 @@
     /*捐款完成返回弹框*/
     .donationOver{
         margin: 0 auto;
+        top: 50%;
+        margin-top: 1.6rem;
         width: 4.4rem;
         height: 2.3rem;
         text-align: center;
@@ -1000,18 +1002,20 @@
                 <div class="btn">
                     <button type="button" ng-disabled="donationForm.$invalid || !checked || record.amount == null || record.amount == 0"
                             onclick="pay(angular.element(this).scope().project.id, angular.element(this).scope().record.amount,
-                            angular.element(this).scope().record.way, angular.element(this).scope().imId)">立即捐款</button>
+                            angular.element(this).scope().record.way, angular.element(this).scope().imId)" data-target="#myModal" data-toggle="modal">立即捐款</button>
                 </div>
             </form>
         </div>
         <!--捐款完成弹出框-->
-        <div class="donationOver" ng-show="outTradeNo != null"><!--style="display: none"-->
-            <div class="header">
-               请确认微信支付是否完成？
-            </div>
-            <div class="body">
-                <div class="pay-list"><a ng-click="queryTradeStatus()" class="finish">已完成支付</a></div>
-                <div class="pay-list"><a ng-click="payAgain()" class="return">支付遇到问题，重新支付</a></div>
+        <div id="myModal" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="donationOver"><!--style="display: none"-->
+                <div class="header">
+                   请确认微信支付是否完成？
+                </div>
+                <div class="body">
+                    <div class="pay-list"><a ng-click="queryTradeStatus()" class="finish">已完成支付</a></div>
+                    <div class="pay-list"><a ng-click="payAgain()" class="return">支付遇到问题，重新支付</a></div>
+                </div>
             </div>
         </div>
     </div>