BOM求购进度条

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

@@ -356,7 +356,25 @@
     .seek-purchase .seek-purchase-content .BOM-header > div .fr {
         line-height: normal;
         font-size: 14px;
-        margin-top: 25px;
+        margin-top: 15px;
+    }
+    .seek-purchase .seek-purchase-content .BOM-header > div .fr b {
+        font-weight: bold;
+    }
+    .seek-purchase .seek-purchase-content .BOM-header > div .fr .red-text {
+        color: #fd7748;
+    }
+    .seek-purchase .seek-purchase-content .BOM-header > div .fr .progress {
+        width: 228px;
+        height: 15px;
+        margin: 15px 0 8px 0;
+        background: #d7d7d7;
+    }
+    .seek-purchase .seek-purchase-content .BOM-header > div .fr .progress .progress-bar {
+        background-image: -moz-linear-gradient(90deg, #84b7fe 0%, #4077f4 100%);
+        background-image: -webkit-linear-gradient(90deg, #84b7fe 0%, #4077f4 100%);
+        background-image: -ms-linear-gradient(90deg, #84b7fe 0%, #4077f4 100%);
+        background-image: linear-gradient(90deg, #84b7fe 0%, #4077f4 100%);
     }
     .seek-purchase .seek-purchase-content .BOM-header > div p.BOM-name-area {
         font-size: 22px;
@@ -416,7 +434,14 @@
                     <a ng-click="saveBomName()">确认</a>
                 </p>
                 <div class="fr">
-                    配单分析：<span>本单共<span class="blue-text" ng-bind="bomInfo.productAmount || 0"></span>个产品，<span class="red-text" ng-bind="bomInfo.offerAmount || 0"></span>个有报价。</span><br/><b class="red-text" ng-bind="bomInfo.goodsAmount || 0"></b>个有现货
+                    <b>配单分析：</b><span>本单共<span class="blue-text" ng-bind="bomInfo.productAmount || 0"></span>个产品，<span class="red-text" ng-bind="bomInfo.offerAmount || 0"></span>个有报价。</span>
+                    <br/>
+                    <div class="progress" style="margin: 0;">
+                        <div class="progress-bar" role="progressbar" aria-valuenow="{{bomInfo.goodsAmount || 0}}"
+                             aria-valuemin="0" aria-valuemax="{{bomInfo.productAmount || 0}}" style="width: {{(bomInfo.goodsAmount / bomInfo.productAmount) * 100 + '%'}}">
+                        </div>
+                    </div>
+                    <b class="red-text" ng-bind="bomInfo.goodsAmount || 0"></b>个有现货
                 </div>
             </div>
         </div>