买家批量发布页面部分

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

@@ -11,6 +11,12 @@ define(['app/app'], function (app) {
             ngTableParams, Order, SessionService, $filter, $upload) {
           $rootScope.active = 'seek_purchase';
           document.title = '我的求购-优软商城';
+          $scope.activeType = 'bomManage';
+
+          $scope.toogleType = function (type) {
+            $scope.activeType = type;
+          }
+
           var enIdFilter = $filter('EncryptionFilter');
 
           $scope.applyObj = {

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

@@ -410,6 +410,38 @@
         text-overflow: ellipsis;
         white-space: nowrap;
     }
+    .seek-purchase .bom-manage {
+        margin: 10px 0 0 0;
+    }
+    .seek-purchase .bom-manage .bom-manage-header {
+        height: 83px;
+        line-height: 83px;
+        padding: 0 16px 0 39px;
+    }
+    .seek-purchase .bom-manage .bom-manage-header p {
+        font-size: 18px;
+        font-weight: bold;
+    }
+    .seek-purchase .bom-manage .bom-manage-header p span {
+        font-size: 24px;
+        color: #fd7748;
+    }
+    .seek-purchase .bom-manage .bom-manage-header .fr a {
+        color: #4290f7;
+        font-size: 14px;
+        margin-right: 6px;
+    }
+    .seek-purchase .bom-manage .bom-manage-header .fr span {
+        display: inline-block;
+        height: 32px;
+        width: 104px;
+        text-align: center;
+        line-height: 32px;
+        color: #fff;
+        background: #fd7748;
+        cursor: pointer;
+        border-radius: 2px;
+    }
 </style>
 <div class="user_right fr seek-purchase">
     <!--求购询价-->
@@ -420,7 +452,15 @@
             </ul>
         </div>
     </div>
-    <div class="seek-purchase-content">
+    <div class="oder" style="margin-top: 10px;">
+        <div class="oder01">
+            <ul>
+                <li ng-class="{'active': activeType == 'seekManage'}"><a href="javascript:void(0)" ng-click="toogleType('seekManage')">求购管理</a></li>
+                <li ng-class="{'active': activeType == 'bomManage'}"><a href="javascript:void(0)" ng-click="toogleType('bomManage')">BOM管理</a></li>
+            </ul>
+        </div>
+    </div>
+    <div class="seek-purchase-content" ng-if="activeType == 'seekManage'">
         <div class="publish-purchase">
             <div class="fl">
                 <p>单个发布</p>
@@ -679,7 +719,63 @@
             </tbody>
         </table>
     </div>
-    <div class="com-del-box" ng-show="showUseFlag">
+    <div class="bom-manage" ng-if="activeType == 'bomManage'">
+        <div class="bom-manage-header">
+            <p><span>56</span>&nbsp;个BOM清单</p>
+            <div class="fr">
+                <a href="">下载BOM模板 <i class="fa fa-long-arrow-right"></i></a>
+                <span>导入新BOM</span>
+            </div>
+        </div>
+        <div class="screen">
+            <div class="sreach fr">
+                <span>发布时间&nbsp;</span>
+                <div class="date fl">
+                    <div class="data-input">
+                        <input type="text" ng-model="startDate"
+                               class="form-control select-adder" placeholder="起始时间"
+                               datepicker-popup="yyyy-MM-dd"
+                               is-open="condition.startDateOpen"
+                               max-date="endDate" current-text="今天" clear-text="清除" close-text="关闭"
+                               ng-click="openDatePicker($event, condition, 'startDateOpen',1)"
+                               datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
+                               ng-change="vaildDate(true)"
+                        />
+                        <button class="open" ng-click="openDatePicker($event, condition, 'startDateOpen')"></button>
+                    </div>
+                    <em>–</em>
+                    <div class="data-input">
+                        <input type="text" ng-model="endDate"
+                               class="form-control select-adder" placeholder="结束时间"
+                               datepicker-popup="yyyy-MM-dd"
+                               is-open="condition.endDateOpen"
+                               min-date="startDate" current-text="今天" clear-text="清除" close-text="关闭"
+                               ng-click="openDatePicker($event, condition, 'endDateOpen',2)"
+                               datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
+                               ng-change="changeEndDate()"
+                        />
+                        <button class="open" ng-click="openDatePicker($event, condition, 'endDateOpen')"></button>
+                    </div>
+                </div>
+                <div class="sreach-input fr">
+                    <input type="search" placeholder="BOM名称" class="form-control" ng-model="keyWord" ng-search="onSearch()"/>
+                    <a class="seek" href="javascript:void(0)">搜索</a>
+                </div>
+            </div>
+        </div>
+        <ul>
+            <li>
+                <img src="static/img/seekPurchase/Excel.png" alt="">
+                <div>
+                    <p>我就是我</p>
+                    <div>共 <span class="blue-text">21</span> 个产品，<span class="red-text">10</span> 个有报价，<span class="red-text">7</span> 个有现货</div>
+                    <div>2017-12-12 11:11:11</div>
+                </div>
+                <a href="" class="fr">查看详情</a>
+            </li>
+        </ul>
+    </div>
+    <div class="com-del-box" ng-if="showUseFlag">
         <div class="title">
             <i ng-click="setShowUseFlag(false)"></i>
         </div>