买家BOM

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

@@ -84,7 +84,7 @@
         margin: 20px 0;
     }
     /*搜索时间筛选 start*/
-    .seek-purchase .seek-purchase-content .screen {
+    .seek-purchase .screen {
         font-size: 14px;
         line-height: 32px;
         clear: both;
@@ -94,10 +94,10 @@
         padding-top: 4px;
         padding-right: 13px;
     }
-    .seek-purchase .seek-purchase-content .screen .fl {
+    .seek-purchase .screen .fl {
         margin-left: 14px;
     }
-    .seek-purchase .seek-purchase-content .screen .fl select{
+    .seek-purchase .screen .fl select{
         width: 88px;
         height: 32px;
         border: 1px solid #4290f7;
@@ -107,33 +107,33 @@
         padding-left: 10px;
          box-shadow: none;
     }
-    .seek-purchase .seek-purchase-content .screen .sreach >span {
+    .seek-purchase .screen .sreach >span {
         float: left;
     }
-    .seek-purchase .seek-purchase-content .screen .sreach input{
+    .seek-purchase .screen .sreach input{
         border: #4290f7 1px solid;
         height: 32px;
         width: 267px;
         box-shadow: none;
     }
-    .seek-purchase .seek-purchase-content .screen .sreach .date{
+    .seek-purchase .screen .sreach .date{
         margin-right: 6px;
     }
-    .seek-purchase .seek-purchase-content .screen .sreach .date input{
+    .seek-purchase .screen .sreach .date input{
         width: 117px;
         text-align: left;
         border: 1px solid #4290f7;
     }
-    .seek-purchase .seek-purchase-content .screen .sreach .date input:hover{
+    .seek-purchase .screen .sreach .date input:hover{
         cursor: pointer;
     }
-    .seek-purchase .seek-purchase-content .screen .sreach .date em{
+    .seek-purchase .screen .sreach .date em{
         float: left;
         line-height: 32px;
         color: #999;
         margin: 0 5px;
     }
-    .seek-purchase .seek-purchase-content .screen .sreach a.seek{
+    .seek-purchase .screen .sreach a.seek{
         width: 58px;
         height: 32px;
         background: #4290f7;
@@ -141,17 +141,17 @@
         line-height: 32px;
         float: left;
     }
-    .seek-purchase .seek-purchase-content .screen .sreach a.seek:hover{
+    .seek-purchase .screen .sreach a.seek:hover{
         background: #3f7ae3;
     }
-    .seek-purchase .seek-purchase-content .screen .sreach .form-control{
+    .seek-purchase .screen .sreach .form-control{
         border-radius: 2px;
     }
-    .seek-purchase .seek-purchase-content .data-input{
+    .seek-purchase .data-input{
         float: left;
         position: relative;
     }
-    .seek-purchase .seek-purchase-content .data-input button.open{
+    .seek-purchase .data-input button.open{
         position: absolute;
         right: 1px;
         top: 1px;
@@ -161,7 +161,7 @@
         background-position-x: 100% !important;
         border: none;
     }
-    .seek-purchase .seek-purchase-content .screen .sreach .date input.form-control{
+    .seek-purchase .screen .sreach .date input.form-control{
         padding: 6px 6px;
     }
     .seek-purchase .seek-purchase-content .publish-purchase .fl .form-block .btn-default{
@@ -412,6 +412,8 @@
     }
     .seek-purchase .bom-manage {
         margin: 10px 0 0 0;
+        background: #fff;
+        padding-bottom: 30px;
     }
     .seek-purchase .bom-manage .bom-manage-header {
         height: 83px;
@@ -421,6 +423,7 @@
     .seek-purchase .bom-manage .bom-manage-header p {
         font-size: 18px;
         font-weight: bold;
+        display: inline-block;
     }
     .seek-purchase .bom-manage .bom-manage-header p span {
         font-size: 24px;
@@ -441,6 +444,50 @@
         background: #fd7748;
         cursor: pointer;
         border-radius: 2px;
+        font-size: 14px;
+    }
+    .seek-purchase .bom-manage > ul {
+        margin: 0 12px;
+        border-bottom: 1px solid #4290f7;
+    }
+    .seek-purchase .bom-manage > ul li {
+        height: 100px;
+        line-height: 100px;
+        margin: 0 12px;
+        border: 1px solid #fff;
+    }
+    .seek-purchase .bom-manage > ul li img {
+        margin: 0 0 0 28px;
+    }
+    .seek-purchase .bom-manage > ul li > div {
+        display: inline-block;
+        line-height: 23px;
+        font-size: 14px;
+        vertical-align: middle;
+        margin: 0 0 0 21px;
+    }
+    .seek-purchase .bom-manage > ul li > div p {
+        font-size: 14px;
+        font-weight: bold;
+    }
+    .seek-purchase .bom-manage > ul li > div .blue-text {
+        color: #4290f7;
+    }
+    .seek-purchase .bom-manage > ul li > a {
+        width: 64px;
+        height: 24px;
+        display: inline-block;
+        font-size: 12px;
+        text-align: center;
+        line-height: 24px;
+        background: #4290f7;
+        color: #fff;
+        border-radius: 2px;
+        margin: 30px 20px 0 0;
+    }
+    .seek-purchase .bom-manage > ul li:hover {
+        background: #fdf8f5;
+        border: 1px solid #fce8df;
     }
 </style>
 <div class="user_right fr seek-purchase">
@@ -773,6 +820,24 @@
                 </div>
                 <a href="" class="fr">查看详情</a>
             </li>
+            <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>
+            <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">