|
|
@@ -1531,6 +1531,7 @@
|
|
|
text-align: left;
|
|
|
background: #f6fbfe;
|
|
|
float: left;
|
|
|
+ height: 32px;
|
|
|
}
|
|
|
.replace-row td > div > div .replace-item:nth-child(2n-1) {
|
|
|
border-right: 1px solid #dde9fc;
|
|
|
@@ -1710,6 +1711,74 @@
|
|
|
background: #5078cb;
|
|
|
color: #fff;
|
|
|
}
|
|
|
+ .open-more{
|
|
|
+ text-align: center;
|
|
|
+ background: #f6f9ff;
|
|
|
+ clear: both;
|
|
|
+ height: 27px;
|
|
|
+ line-height: normal !important;
|
|
|
+ float: right !important;
|
|
|
+ margin-right: 7px;
|
|
|
+ }
|
|
|
+ .open-more a{
|
|
|
+ font-size: 12px;
|
|
|
+ width: 200px;
|
|
|
+ height: 15px;
|
|
|
+ display: inline-block;
|
|
|
+ border: #5e9fcb 1px dashed;
|
|
|
+ border-top: 0;
|
|
|
+ font-weight: inherit;
|
|
|
+ background: #f6f9ff;
|
|
|
+ border-bottom-left-radius: 50px;
|
|
|
+ border-bottom-right-radius: 50px;
|
|
|
+ line-height: 15px;
|
|
|
+ text-decoration: none;
|
|
|
+ position: relative;
|
|
|
+ top: -3px;
|
|
|
+ z-index: 200;
|
|
|
+ }
|
|
|
+ .open-more a i{
|
|
|
+ margin-right: 5px;
|
|
|
+ font-size: 20px;
|
|
|
+ vertical-align: middle;
|
|
|
+ position: relative;
|
|
|
+ top: -5px;
|
|
|
+ color: #4290f7;
|
|
|
+ }
|
|
|
+ .open-more div {
|
|
|
+ position: relative;
|
|
|
+ height: 27px;
|
|
|
+ border-top: 1px dashed #5e9fcb;
|
|
|
+ top: 7px;
|
|
|
+ }
|
|
|
+ .open-more div.active {
|
|
|
+ top: 19px;
|
|
|
+ }
|
|
|
+ .open-more div.active a{
|
|
|
+ border-top-left-radius: 50px;
|
|
|
+ border-top-right-radius: 50px;
|
|
|
+ position: relative;
|
|
|
+ top: -12px;
|
|
|
+ border-bottom: none;
|
|
|
+ border-top: #5e9fcb 1px dashed;
|
|
|
+ border-bottom-left-radius: 0;
|
|
|
+ border-bottom-right-radius: 0;
|
|
|
+ background: #f1f6ff;
|
|
|
+ }
|
|
|
+ .open-more div.active em{
|
|
|
+ top: 3px;
|
|
|
+ }
|
|
|
+ .open-more div.active i{
|
|
|
+ top: 0;
|
|
|
+ }
|
|
|
+ .open-more a em{
|
|
|
+ position: relative;
|
|
|
+ top: -4px;
|
|
|
+ color: #5078cb;
|
|
|
+ }
|
|
|
+ .device .wanted_list01 .open-more a:hover {
|
|
|
+ border-bottom: 1px dashed !important;
|
|
|
+ }
|
|
|
</style>
|
|
|
<div class="user_right fr">
|
|
|
<!--货品管理-->
|
|
|
@@ -2178,9 +2247,16 @@
|
|
|
<span>型号：{{replace.ptrCmpcode}}</span>
|
|
|
<span>品牌：{{replace.ptrBranden}}</span>
|
|
|
</div>
|
|
|
+ <div ng-if="(material.productReplaceList.length < 4 && material.productReplaceList.length % 2 !== 0) || (material.productReplaceList.length > 4 && material.showMoreReplace && material.productReplaceList.length % 2 !== 0)" class="replace-item"></div>
|
|
|
</div>
|
|
|
- <div class="expand-operate">
|
|
|
- <a href="" ng-click="material.showMoreReplace = !material.showMoreReplace" ng-if="material.productReplaceList.length > 4">{{!material.showMoreReplace?'查看更多':'收起'}}</a>
|
|
|
+ <div class="open-more">
|
|
|
+ <div>
|
|
|
+ <a href="javascript:void(0)" ng-click="material.showMoreReplace = !material.showMoreReplace" ng-if="material.productReplaceList.length > 4" ng-class="{'active': material.showMoreReplace}">
|
|
|
+ <em ng-bind="!material.showMoreReplace ? '查看更多' : '收起'"></em>
|
|
|
+ <i class="fa fa-angle-up" ng-if="material.showMoreReplace"></i>
|
|
|
+ <i class="fa fa-angle-down" ng-if="!material.showMoreReplace"></i>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
yangc