在售产品全选

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

@@ -212,6 +212,7 @@
     }
     .check-input{
         position: relative;
+        padding-left: 15px;
     }
     .check-input .check-show{
         position: absolute;
@@ -220,6 +221,28 @@
         line-height: 15px;
         left: 18px;
     }
+    .check-input input{
+        display: none;
+    }
+    .check-input > span {
+        padding-left: 10px;
+    }
+    .check-input label {
+        width: 15px;
+        height: 15px;
+        display: inline-block;
+        background: url(static/img/user/images/check.png) no-repeat;
+        position: relative;
+        padding-left: 0 !important;
+        overflow: hidden;
+        margin-bottom: 0 !important;
+        vertical-align: sub;
+        min-height: 15px !important;
+        left: 0 !important;
+    }
+    .check-input input[type="checkbox"]:checked + label{
+        background-position: -15px 0;
+    }
     .pro_management .product_off dd:last-of-type{
         border-bottom: #cfcfcf 1px solid;
     }
@@ -731,6 +754,53 @@
     .device .wanted_list01 a.page-a{
         color: #fff !important ;
     }
+    .search-check .check {
+        width: 100%;
+    }
+    .search-check .check > .operate-btn{
+        font-size: 14px;
+        margin-right: 20px;
+        color: #fff !important;
+        background: #5078cb;
+        position: relative;
+        display: inline-block;
+        height: 30px;
+        line-height: 30px;
+        padding: 0 10px;
+        cursor: pointer;
+    }
+    .search-check .check > .operate-btn .expander {
+        position: absolute;
+        color: #333;
+        right: 0;
+        display: none;
+        height: 57px;
+        line-height: 26px;
+        text-align: center;
+        background: #fff;
+        bottom: -57px;
+        width: 98px;
+        z-index: 10;
+        border: 1px solid #e4e5e5;
+    }
+    .search-check .check > .operate-btn.more-operate {
+        padding: 0;
+        width: 98px;
+        height: 30px;
+        line-height: 30px;
+        text-align: center;
+        display: inline-block;
+        margin-left: 300px;
+    }
+    .search-check .check > .operate-btn.more-operate:hover .expander {
+        display: block;
+    }
+    .search-check .check > .operate-btn.more-operate .expander span {
+        display: block;
+    }
+    .search-check .check > .operate-btn.more-operate .expander span:hover {
+        color: #5078cb;
+    }
 </style>
 <div class="user_right fr">
     <!--货品管理-->
@@ -752,10 +822,17 @@
             </ul>
         </div>
         <div class="search-check">
-            <div class="search fl">
+            <div class="search fl check">
                 <input type="text" class="form-control" ng-model="keyword" ng-search="onSearch()" placeholder="产品型号/品牌/产品编码"/>
                 <button ng-click="onSearch()">搜索</button>
-                <a ng-click="downGoods()" class="down-goods-btn">批量导出</a>
+                <!--<a ng-click="downGoods()" class="down-goods-btn">批量导出</a>-->
+                <div class="operate-btn more-operate">
+                    <span>更多操作</span>
+                    <span class="expander">
+							<span ng-click="download()">导出选中</span>
+							<span ng-click="deleteBatch()" name="delete-material">删除选中</span>
+						</span>
+                </div>
                 <form style="display: none;" id="down-load-goods" method="get">
                     <input type="hidden" name="ids" ng-value="localInfo.ids">
                 </form>
@@ -801,14 +878,20 @@
                 <table class="vendor-tab public-tab table">
                     <thead>
                     <tr>
-                        <th width="50" style="padding:8px 0;">序号</th>
+                        <th width="60" style="padding:8px 0;">
+                            <label class="check-active">
+                                <input type="checkbox" id="AllChoose"/>
+                                <label for="AllChoose"></label>
+                                <span>全选</span>
+                            </label>
+                        </th>
                         <th width="220">产品信息</th>
                         <th width="115">包装/生产日期</th>
                         <th width="140">库存</th>
                         <th width="105">梯度/pcs</th>
                         <th ng-if="onsale.currency == 'USD'" width="116">单价<b style="font-size: 12px;font-weight: 600">($)</b></th>
                         <th ng-if="onsale.currency == 'RMB'" width="116">单价<b style="font-size: 12px;font-weight: 600">(￥)</b></th>
-                        <th width="120">交期(天)</th>
+                        <th width="110">交期(天)</th>
                         <th class="filter" width="100">
                             <!--<a>{{selfSupport}}<i class="fa fa-angle-double-down angle-hover-up" aria-hidden="true"></i></a>-->
                             <a ng-bind="selfSupport">销售方式</a> <i class="fa fa-angle-down fa-angle-up"></i>
@@ -846,7 +929,7 @@
                         ng-if="!commodity.edit">
                         <td class="middle padding0 check-input">
                             <!-- <span><input type="checkbox" id="{{$index+1}}"/><label for="{{$index+1}}"></label><br/></span>-->
-                            <div class="marginL10">{{$index + 1}}</div>
+                            <span><input type="checkbox" id="{{$index+1}}"/><label for="{{$index+1}}"></label></span>
                             <!--&lt;!&ndash;非标产品标志&ndash;&gt;-->
                             <!--<img ng-if="!commodity.uuid" src="static/img/store/common/nonstandard.png" alt="" class="standard"/>-->
                             <!--&lt;!&ndash;标产品标志&ndash;&gt;-->