买卖家查看物流信息补充联系卖家、买家的信息弹框。

src/main/webapp/resources/js/usercenter/controllers/forstore/query_logistics_ctrl.js

@@ -65,7 +65,14 @@ define(['app/app', 'calendar'], function(app) {
                 $scope.status = "signin";
             }
         }
-
+        // 联系卖家弹框
+        $scope.contactBNox = false;
+        $scope.contactSeller = function () {
+            $scope.contactBNox = !$scope.contactBNox;
+        };
+        $scope.closeBox = function () {
+            $scope.contactBNox = false;
+        };
         /**
          *  日历组件
          *

src/main/webapp/resources/js/vendor/controllers/forstore/query_logistics_ctrl.js

@@ -65,7 +65,14 @@ define(['app/app', 'calendar'], function(app) {
                 $scope.status = "signin";
             }
         }
-
+        // 联系卖家弹框
+        $scope.contactBNox = false;
+        $scope.contactSeller = function () {
+            $scope.contactBNox = !$scope.contactBNox;
+        };
+        $scope.closeBox = function () {
+            $scope.contactBNox = false;
+        };
         /**
          *  日历组件
          *

src/main/webapp/resources/view/usercenter/forstore/query_logistics.html

@@ -105,6 +105,62 @@
     .logistics-content .content P em.name{
         color: #333;
     }
+    /*联系买家*/
+    /*联系买家*/
+    .contact-box{
+        position: absolute;
+        z-index: 2;
+        height: 210px;
+        opacity: 1;
+        background-color: white;
+        width: 600px;
+        top: 40px;
+        left: 200px;
+        border: 1px solid #E7E5E2;
+        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
+        box-shadow: 0 5px 15px rgba(0,0,0,.5);
+    }
+    .contact-box .title{
+        height: 26px;
+        background-color: #5078cb;
+        text-align: right;
+        /*padding-right: 15px;*/
+        line-height: 26px;
+        color: #fff;
+    }
+    .contact-box .title i{
+        float: right;
+        margin: 7px 10px 0 0;
+    }
+    .contact-box .content{
+        width: 550px;
+        margin: 0 auto;
+        background-color: #5078cb;
+        color: #fff;
+        margin-top: 15px;
+        margin-bottom: 12px;
+        border-radius: 4px;
+        height: 150px;
+    }
+    .contact-box .content div{
+        padding: 0 15px;
+        line-height: 40px;
+    }
+    .contact-box .content .company-title{
+        text-align: center;
+        font-size: 18px;
+        padding-top: 15px;
+    }
+    .contact-box div.list{
+        text-align: left;
+        font-size: 14px;
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+    .contact-box div.list em{
+        font-size: 14px;
+        color: #fff;
+    }
 </style>
 <!--右侧主体部分-->
 <div class="user_right fr">
@@ -114,11 +170,26 @@
             <div class="logistics_cter_01">
                 <!--包裹跟踪-->
                 <div class="tab" style="display: inline-block;">
-                    <div class="log_cter_h">
+                    <div class="log_cter_h" style="position: relative">
                         <span style="margin-right: 0;">订单号：</span>
                         <span style="margin-left: 0; margin-right: 30px;" ng-bind="order.orderid"></span>
                         <span style="margin-right: 0px;"><img src="static/img/user/images/shop_home.png" />&nbsp;<a ng-bind="order.storeName" style="margin-left: 0;margin-right: 20px;" href="store/{{::order.storeid}}" target="_blank"></a></span>
-                        <span><img src="static/img/common/songguo.png"/><!--<a href="#" class="contact_btn" ng-controller="ChatContactCtrl as chat" ng-click="chat.contactWithOther(order.sellPhone, order.sellerenuu, chat.UserType.STORE)">联系卖家</a>--><a href="#" class="contact_btn" >联系卖家</a></span>
+                        <span><img src="static/img/common/songguo.png"/><!--<a href="#" class="contact_btn" ng-controller="ChatContactCtrl as chat" ng-click="chat.contactWithOther(order.sellPhone, order.sellerenuu, chat.UserType.STORE)">联系卖家</a>-->
+                            <a class="contact_btn" ng-click="contactSeller()">联系卖家</a>
+                            <div class="contact-box" ng-if="contactBNox">
+								<div class="title"><i class="fa fa-close fa-lg" ng-click="closeBox()"></i></div>
+								<div class="content">
+									<div class="company-title" ng-bind="::order.sellername">深圳市优软科技</div>
+									<div class="list">
+										<em>手机：<em ng-bind="::order.sellPhone || '暂无联系电话'">45413413131313</em></em>
+										<em style="margin-left: 60px;">邮箱：<em ng-bind="::order.sellEmail || '暂无电子邮箱'">45413413131313</em></em>
+									</div>
+									<div class="list">地址：
+										<em ng-bind="order.sellCompanyAddress || order.sellCompanyArea || '暂无地址信息'">1212314531455</em>
+									</div>
+								</div>
+							</div>
+                        </span>
                     </div>
                     <div class="logistics-content">
                         <div class="img"><img src="static/img/icon/member.png"  alt=""/></div>

src/main/webapp/resources/view/vendor/forstore/query_logistics.html

@@ -105,6 +105,61 @@
     .logistics-content .content P em.name{
         color: #333;
     }
+    /*联系买家*/
+    .contact-box{
+        position: absolute;
+        z-index: 2;
+        height: 155px;
+        opacity: 1;
+        background-color: white;
+        width: 600px;
+        top: 40px;
+        left: 100px;
+        border: 1px solid #E7E5E2;
+        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
+        box-shadow: 0 5px 15px rgba(0,0,0,.5);
+    }
+    .contact-box .title{
+        height: 26px;
+        background-color: #5078cb;
+        text-align: right;
+        /*padding-right: 15px;*/
+        line-height: 26px;
+        color: #fff;
+    }
+    .contact-box .title i{
+        float: right;
+        margin: 7px 10px 0 0;
+        font-size: 18px;
+    }
+    .contact-box .content{
+        width: 550px;
+        margin: 0 auto;
+        background-color: #5078cb;
+        color: #fff;
+        margin-top: 15px;
+        margin-bottom: 12px;
+        border-radius: 4px;
+        height: 100px;
+    }
+    .contact-box .content div{
+        padding: 0 15px;
+        line-height: 40px;
+    }
+    .contact-box .content .company-title{
+        text-align: center;
+        font-size: 18px;
+    }
+    .contact-box div.list{
+        text-align: left;
+        font-size: 14px;
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+    .contact-box div.list em{
+        font-size: 14px;
+        color: #fff;
+    }
 </style>
 <!--右侧主体部分-->
 <div class="user_right fr">
@@ -121,8 +176,20 @@
                     </div>
                     <div class="logistics-content">
                         <div class="img"><img src="static/img/icon/member.png"  alt=""/></div>
-                        <div class="content">
-                            <p><span ng-bind="purchase.buyername"></span> &nbsp;<em ng-show="purchase.buyentername">|</em>&nbsp; <em class="name" ng-bind="purchase.buyentername"></em><img src="static/img/common/songguo.png" /><!--<a href="#" class="contact-btn" ng-controller="ChatContactCtrl as chat" ng-click="chat.contactWithOther(purchase.buyPhone, purchase.buyerenuu, chat.UserType.ENTERPRISE)">联系买家</a>--><a href="#" class="contact-btn" >联系买家</a></p>
+                        <div class="content" style="position: relative;">
+                            <p><span ng-bind="purchase.buyername"></span> &nbsp;<em ng-show="purchase.buyentername">|</em>&nbsp; <em class="name" ng-bind="purchase.buyentername"></em><img src="static/img/common/songguo.png" /><!--<a href="#" class="contact-btn" ng-controller="ChatContactCtrl as chat" ng-click="chat.contactWithOther(purchase.buyPhone, purchase.buyerenuu, chat.UserType.ENTERPRISE)">联系买家</a>-->
+                            <a class="contact_btn" ng-click="contactSeller()">联系买家</a>
+                            <div class="contact-box" ng-if="contactBNox">
+                                <div class="title"><i class="fa fa-close fa-lg" ng-click="closeBox()"></i></div>
+                                <div class="content">
+                                    <div class="company-title" ng-bind="::purchase.buyername || '买家姓名没获取到'">深圳市优软科技</div>
+                                    <div class="list">
+                                        <em>手机：<em ng-bind="::purchase.buyPhone || '暂无联系电话'">45413413131313</em></em>
+                                        <em style="margin-left: 60px;">邮箱：<em ng-bind="::purchase.buyEmail || '暂无电子邮箱'">45413413131313</em></em>
+                                    </div>
+                                </div>
+                            </div>
+                            </p>
                             <p ng-bind="purchase.buyPhone"></p>
                             <p>收货地址：<em ng-bind="address.area"></em></p>
                         </div>