|
|
@@ -608,6 +608,93 @@
|
|
|
.border-bt-16:nth-of-type(1){
|
|
|
border-top: none;
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+ .edit-logistic-box{
|
|
|
+ position: absolute;
|
|
|
+ width: 295px;
|
|
|
+ height: 184px;
|
|
|
+ box-shadow: 1px 1px 2px #ccc;
|
|
|
+ background: #fff;
|
|
|
+ right: 200px;
|
|
|
+ top: 30px;
|
|
|
+ border: #E8E8E8 1px solid;
|
|
|
+ }
|
|
|
+ .edit-logistic-box .title{
|
|
|
+ width: 100%;
|
|
|
+ height: 10px;
|
|
|
+ line-height: 25px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .edit-logistic-box .title a{
|
|
|
+ position: absolute;
|
|
|
+ top: -3px;
|
|
|
+ right: 3px;
|
|
|
+ float: right;
|
|
|
+ color: #999 !important;
|
|
|
+ font-size: 16px !important;
|
|
|
+ text-decoration: none !important;
|
|
|
+ }
|
|
|
+ .edit-logistic-box .content{
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin: 0 18px;
|
|
|
+ }
|
|
|
+ .edit-logistic-box .content .row{
|
|
|
+ line-height: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ text-align: left;
|
|
|
+ margin: 0;
|
|
|
+ margin-bottom: 14px;
|
|
|
+ }
|
|
|
+ .edit-logistic-box .content .row em{
|
|
|
+ display: inline-block;
|
|
|
+ width: 178px;
|
|
|
+ height: 30px;
|
|
|
+ position: absolute;
|
|
|
+ margin-left: 15px;
|
|
|
+ }
|
|
|
+ .edit-logistic-box .content .row em.btn-position{
|
|
|
+ position: absolute;
|
|
|
+ top: 1px;
|
|
|
+ right: 0px;
|
|
|
+ height: 30px;
|
|
|
+ width: 20px;
|
|
|
+ text-align: center;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #fff;
|
|
|
+ background: #5078cb;
|
|
|
+ cursor: pointer;
|
|
|
+ border-bottom-right-radius: 3px;
|
|
|
+ border-top-right-radius: 3px;
|
|
|
+ }
|
|
|
+ .edit-logistic-box .content .row em input{
|
|
|
+ display: inline-block;
|
|
|
+ height: 30px;
|
|
|
+ }
|
|
|
+ .edit-logistic-box .edit-deal a{
|
|
|
+ width: 70px;
|
|
|
+ height: 30px;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ text-decoration: none !important;
|
|
|
+ }
|
|
|
+ .edit-logistic-box .edit-deal a.off{
|
|
|
+ background: #cdcccc;
|
|
|
+ color: #666;
|
|
|
+ margin-right: 8px;
|
|
|
+ }
|
|
|
+ .edit-logistic-box .edit-deal a.ok{
|
|
|
+ background: #5078cb;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .edit-logistic-box .edit-deal a:hover{
|
|
|
+ background: #337ab7;
|
|
|
+ color: #fff !important;
|
|
|
+ }
|
|
|
</style>
|
|
|
<div class="user_right fr">
|
|
|
<!--订单中心-->
|
|
|
@@ -827,10 +914,15 @@
|
|
|
<div class="row">物流公司:
|
|
|
<em>
|
|
|
<input type="text" class="form-control" ng-model="logistics.companyName"/>
|
|
|
- <em name="companyName" class="btn-position"><i class="fa fa-caret-down"></i></em>
|
|
|
+ <em name="companyName" class="btn-position" ng-click="showName()"><i class="fa fa-caret-down"></i></em>
|
|
|
+ <ul class="dropdown-menu" ng-class="{'active': showNameUl}">
|
|
|
+ <li ng-click="showText(data.companyName)" ng-repeat="data in data_list" ng-bind="data.companyName"></li>
|
|
|
+ </ul>
|
|
|
</em>
|
|
|
</div>
|
|
|
- <div class="row">物流单号: <em><input type="text" class="form-control" ng-model="logistics.number"/></em></div>
|
|
|
+ <div class="row">物流单号: <em>
|
|
|
+ <input type="text" class="form-control" ng-model="logistics.number"/>
|
|
|
+ </em></div>
|
|
|
<div class="edit-deal">
|
|
|
<a ng-click="cancelModify(purchase)" class="off">取消</a>
|
|
|
<a ng-click="ensureModifyLogistics(purchase)" class="ok">确认</a>
|
|
|
@@ -838,91 +930,28 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<style>
|
|
|
- .edit-logistic-box{
|
|
|
- position: absolute;
|
|
|
- width: 295px;
|
|
|
- height: 184px;
|
|
|
- box-shadow: 1px 1px 2px #ccc;
|
|
|
- background: #fff;
|
|
|
- right: 200px;
|
|
|
- top: 30px;
|
|
|
- border: #E8E8E8 1px solid;
|
|
|
+ .edit-logistic-box .dropdown-menu{
|
|
|
+ top: 95%;
|
|
|
+ line-height: 23px;
|
|
|
+ max-height: 240px;
|
|
|
+ overflow-y: auto;
|
|
|
+ width: 190px;
|
|
|
+ overflow-x: hidden;
|
|
|
+ border-radius: 0;
|
|
|
+ width: 179px;
|
|
|
}
|
|
|
- .edit-logistic-box .title{
|
|
|
- width: 100%;
|
|
|
- height: 10px;
|
|
|
- line-height: 25px;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .edit-logistic-box .title a{
|
|
|
- position: absolute;
|
|
|
- top: -3px;
|
|
|
- right: 3px;
|
|
|
- float: right;
|
|
|
- color: #999 !important;
|
|
|
- font-size: 16px !important;
|
|
|
- text-decoration: none !important;
|
|
|
- }
|
|
|
- .edit-logistic-box .content{
|
|
|
- width: 100%;
|
|
|
- margin: 0 auto;
|
|
|
- margin: 0 18px;
|
|
|
- }
|
|
|
- .edit-logistic-box .content .row{
|
|
|
- line-height: 30px;
|
|
|
- font-size: 14px;
|
|
|
- text-align: left;
|
|
|
- margin: 0;
|
|
|
- margin-bottom: 14px;
|
|
|
- }
|
|
|
- .edit-logistic-box .content .row em{
|
|
|
- display: inline-block;
|
|
|
- width: 178px;
|
|
|
- height: 30px;
|
|
|
- position: absolute;
|
|
|
- margin-left: 15px;
|
|
|
- }
|
|
|
- .edit-logistic-box .content .row em.btn-position{
|
|
|
- position: absolute;
|
|
|
- top: 2px;
|
|
|
- right: 0px;
|
|
|
- height: 30px;
|
|
|
- width: 20px;
|
|
|
- text-align: center;
|
|
|
- display: inline-block;
|
|
|
- font-size: 24px;
|
|
|
- color: #fff;
|
|
|
- background: #5078cb;
|
|
|
- cursor: pointer;
|
|
|
- border-bottom-right-radius: 3px;
|
|
|
- border-top-right-radius: 3px;
|
|
|
- }
|
|
|
- .edit-logistic-box .content .row em input{
|
|
|
+ .edit-logistic-box .dropdown-menu.active{
|
|
|
display: inline-block;
|
|
|
- height: 30px;
|
|
|
}
|
|
|
- .edit-logistic-box .edit-deal a{
|
|
|
- width: 70px;
|
|
|
- height: 30px;
|
|
|
- display: inline-block;
|
|
|
- text-align: center;
|
|
|
- line-height: 30px;
|
|
|
+ .edit-logistic-box .dropdown-menu li{
|
|
|
font-size: 14px;
|
|
|
- text-decoration: none !important;
|
|
|
- }
|
|
|
- .edit-logistic-box .edit-deal a.off{
|
|
|
- background: #cdcccc;
|
|
|
- color: #666;
|
|
|
- margin-right: 8px;
|
|
|
+ cursor: pointer;
|
|
|
+ padding-left: 13px;
|
|
|
}
|
|
|
- .edit-logistic-box .edit-deal a.ok{
|
|
|
+ .edit-logistic-box .dropdown-menu li:hover{
|
|
|
background: #5078cb;
|
|
|
color: #fff;
|
|
|
}
|
|
|
- .edit-logistic-box .edit-deal a:hover{
|
|
|
- background: #337ab7;
|
|
|
- color: #fff !important;
|
|
|
- }
|
|
|
</style>
|
|
|
</div>
|
|
|
</span>
|