买家BOM详情页

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

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

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

@@ -471,7 +471,7 @@
         font-size: 14px;
         font-weight: bold;
     }
-    .seek-purchase .bom-manage > table tbody tr td > div .blue-text {
+    .seek-purchase .blue-text {
         color: #4290f7;
     }
     .seek-purchase .bom-manage > table tbody tr td > a {
@@ -490,6 +490,67 @@
         background: #fdf8f5;
         border: 1px solid #fce8df;
     }
+    .seek-purchase .seek-purchase-content .BOM-header {
+        height: 164px;
+        padding: 14px;
+    }
+    .seek-purchase .seek-purchase-content .BOM-header > a {
+        font-size: 14px;
+        color: #4290f7;
+    }
+    .seek-purchase .seek-purchase-content .BOM-header > div {
+        height: 100px;
+        margin: 14px 0 0 0;
+        line-height: 100px;
+        border: 1px dashed #fd7748;
+        padding: 0 66px 0 21px;
+    }
+    .seek-purchase .seek-purchase-content .BOM-header > div .fr {
+        line-height: normal;
+        font-size: 14px;
+        margin-top: 25px;
+    }
+    .seek-purchase .seek-purchase-content .BOM-header > div p.BOM-name-area {
+        font-size: 22px;
+        font-weight: bold;
+    }
+    .seek-purchase .seek-purchase-content .BOM-header > div p {
+        display: inline-block;
+    }
+    .seek-purchase .seek-purchase-content .BOM-header > div p.BOM-name-area a {
+        margin-left: 10px;
+        display: inline-block;
+        width: 102px;
+        height: 24px;
+        line-height: 24px;
+        text-align: center;
+        background: #fd7748;
+        color: #fff;
+        font-size: 12px;
+        cursor: pointer;
+        border-radius: 2px;
+        vertical-align: middle;
+        position: relative;
+        bottom: 2px;
+    }
+    .seek-purchase .seek-purchase-content .BOM-header > div p.BOM-edit input {
+        display: inline-block;
+        width: 358px;
+        height: 30px;
+        border-radius: 2px;
+        border: 1px solid #dedede;
+    }
+    .seek-purchase .seek-purchase-content .BOM-header > div p.BOM-edit a {
+        padding: 6px 14px;
+        color: #fff;
+        font-size: 12px;
+        border-radius: 2px;
+        background: #c6c6c6;
+        vertical-align: middle;
+    }
+    .seek-purchase .seek-purchase-content .BOM-header > div p.BOM-edit a:last-child {
+        background: #fd7748;
+    }
 </style>
 <div class="user_right fr seek-purchase">
     <!--求购询价-->
@@ -509,7 +570,24 @@
         </div>
     </div>
     <div class="seek-purchase-content" ng-if="activeType == 'seekManage'">
-        <div class="publish-purchase">
+        <div class="BOM-header">
+            <a ng-click="toogleType('bomManage')">&lt;返回BOM列表</a>
+            <div>
+                <p class="BOM-name-area" ng-show="!isEditName">
+                    <span>我是Excel的名称哈哈哈</span>
+                    <a ng-click="setIsEditName(true)">编辑BOM名称</a>
+                </p>
+                <p class="BOM-edit" ng-show="isEditName">
+                    <input type="text" class="form-control">
+                    <a ng-click="setIsEditName(false)">取消</a>
+                    <a >确认</a>
+                </p>
+                <div class="fr">
+                    配单分析：<span>本单共<span class="blue-text">100</span>个产品，<span class="red-text">10</span>个有报价。</span><br/><b class="red-text">81</b>个有现货
+                </div>
+            </div>
+        </div>
+        <div class="publish-purchase" ng-if="!isBOM">
             <div class="fl">
                 <p>单个发布</p>
                 <div class="form-block">
@@ -558,14 +636,16 @@
                 <a href="javascript:void(0)" ng-click="release()">发布求购</a>
             </div>
         </div>
-        <div class="empty-line"></div>
+        <div class="empty-line" ng-if="!isBOM"></div>
         <!--搜索时间筛选-->
         <div class="screen">
             <div class="fl">
-                <label class="com-check-box">
+                <span ng-if="!isBOM">
+                    <label class="com-check-box">
                     <input type="checkbox" id="1" ng-model="isMallGoods" ng-change="onSearch()">
                     <label for="1"></label>
                 </label>&nbsp;有现货&nbsp;&nbsp;
+                </span>
                 截止时间&nbsp;
                 <select class="form-control select-adder" ng-model="deadline" ng-change="onSearch()" ng-init="deadline='全部'">
                     <option value="全部">全部</option>