优化求购列表样式

src/main/webapp/resources/css/common.css

@@ -970,6 +970,10 @@ select {
 
 
 /*买卖家求购*/
+.seek-purchase .seek-purchase-content >table {
+	table-layout:fixed;
+	margin: 0 auto;
+}
 .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap {
 	height: 100%;
 	padding-top: 10px;
@@ -988,12 +992,7 @@ select {
 	display: inline-block;
 	float: left;
 }
-.seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap.il-content .il-box .item span {
-	color: #999;
-}
-.seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap.il-content .il-box.il-box-large {
-	width: 520px;
-}
+
 .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap.il-content .il-box.il-box-large .fl {
 	width: 183px;
 	line-height: 19px;
@@ -1024,18 +1023,15 @@ select {
 	width: 128px;
 }*/
 .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap.il-content .il-box.il-box-small .item {
-	color: #333;
-	width: 150px;
-	margin-bottom: 8px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
+	color: #f71026;
+	width: 200px;
+	line-height: 100px;
+	text-align: center;
 }
 .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap .remain {
 	margin-top: 24px;
 }
 .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap .en-name {
-	width: 226px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;

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

@@ -434,8 +434,8 @@
         height: 106px;
     }
     .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap.il-content .il-box.il-box-large {
-        width: 414px;
-        margin-left: 50px;
+        /*width: 414px;*/
+        margin-left: 10px;
     }
     .seek-purchase .sharecode {
         /*position: absolute;*/
@@ -630,9 +630,11 @@
         <table ng-table="seekPurchaseTableParams">
             <thead>
             <tr>
-                <th width="102">发布时间</th>
-                <th width="650">产品信息</th>
-                <th width="112">截止时间</th>
+                <th width="110">发布时间</th>
+                <th width="220">类目/品牌</th>
+                <th width="220">型号/规格</th>
+                <th width="200">采购数量(PCS)</th>
+                <th width="120">截止时间</th>
                 <th width="136">状态</th>
                     <!--
                     <select class="select-adder form-control" ng-model="searchStatus" ng-change="onSearch(searchStatus)">
@@ -660,15 +662,25 @@
                 <td>
                     <div class="row-wrap il-content">
                         <div class="il-box-large il-box">
-                            <div title="{{seek.prodTitle | nullStrFilter}}" class="fl item size-middle"><span>类目(产品名称)：</span><div class="content">{{(seek.prodTitle || '-') | nullStrFilter}}</div></div>
-                            <div title="{{seek.cmpCode}}" class="fl item"><span>型号：</span><div class="content">{{seek.cmpCode || '-'}}</div></div>
+                            <div title="{{seek.prodTitle | nullStrFilter}}" class="fl item size-middle"><span>类目：</span><div class="content">{{(seek.prodTitle || '-') | nullStrFilter}}</div></div>
                             <div title="{{seek.inbrand}}" class="fl item bottom size-middle"><span>品牌：</span><div class="content">{{seek.inbrand || '-'}}</div></div>
+                        </div>
+                    </div>
+                </td>
+                <td>
+                    <div class="row-wrap il-content">
+                        <div class="il-box-large il-box">
+                            <div title="{{seek.cmpCode}}" class="fl item"><span>型号：</span><div class="content">{{seek.cmpCode || '-'}}</div></div>
                             <div title="{{seek.spec}}" class="fl item bottom"><span>规格：</span><div class="content">{{seek.spec || '-'}}</div></div>
                         </div>
+                    </div>
+                </td>
+                <td>
+                    <div class="row-wrap il-content">
                         <div class="il-box-small il-box">
                             <!--<div title="{{seek.encapsulation}}" class="item"><span>封装：</span>{{seek.encapsulation || '-'}}</div>
                             <div title="{{seek.produceDate}}" class="item"><span>生产日期：</span>{{seek.produceDate || '-'}}</div>-->
-                            <div title="{{seek.needquantity}}" class="item"><span>采购数量(PCS)：</span>{{seek.needquantity || '-'}}</div>
+                            <div title="{{seek.needquantity}}" class="item">{{seek.needquantity || '-'}}</div>
                             <!--<div title="{{seek.currency + seek.unitPrice | currencyStr}}" class="item"><span>单价预算：</span>{{seek.currency + seek.unitPrice | currencyStr}}</div>-->
                         </div>
                     </div>

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

@@ -695,8 +695,8 @@
         margin-right: 37px;
     }*/
     .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap.il-content .il-box.il-box-large {
-        width: 414px;
-        margin-left: 50px;
+        /*width: 414px;*/
+        /*margin-left: 50px;*/
     }
     .seek-purchase .sharecode {
         /*position: absolute;*/
@@ -993,9 +993,11 @@
         <table ng-table="seekPurchaseTableParams">
             <thead>
             <tr>
-                <th width="102">发布时间</th>
-                <th width="650">产品信息</th>
-                <th width="112">状态/截止时间</th>
+                <th width="110">发布时间</th>
+                <th width="220">类目/品牌</th>
+                <th width="220">型号/规格</th>
+                <th width="200">采购数量(PCS)</th>
+                <th width="120">状态/截止时间</th>
                 <th width="136">操作</th>
             </tr>
             </thead>
@@ -1010,15 +1012,25 @@
                 <td>
                     <div class="row-wrap il-content">
                         <div class="il-box-large il-box">
-                            <div title="{{seek.prodTitle | nullStrFilter}}" class="fl item size-middle"><span>类目(产品名称)：</span><div class="content">{{(seek.prodTitle || '-') | nullStrFilter}}</div></div>
-                            <div title="{{seek.cmpCode}}" class="fl item"><span>型号：</span><div class="content">{{seek.cmpCode || '-'}}</div></div>
+                            <div title="{{seek.prodTitle | nullStrFilter}}" class="fl item size-middle"><span>类目：</span><div class="content">{{(seek.prodTitle || '-') | nullStrFilter}}</div></div>
                             <div title="{{seek.inbrand}}" class="fl item bottom size-middle"><span>品牌：</span><div class="content">{{seek.inbrand || '-'}}</div></div>
+                        </div>
+                    </div>
+                </td>
+                <td>
+                    <div class="row-wrap il-content">
+                        <div class="il-box-large il-box">
+                            <div title="{{seek.cmpCode}}" class="fl item"><span>型号：</span><div class="content">{{seek.cmpCode || '-'}}</div></div>
                             <div title="{{seek.spec}}" class="fl item bottom"><span>规格：</span><div class="content">{{seek.spec || '-'}}</div></div>
                         </div>
+                    </div>
+                </td>
+                <td>
+                    <div class="row-wrap il-content">
                         <div class="il-box-small il-box">
                             <!--<div title="{{seek.encapsulation}}" class="item"><span>封装：</span>{{seek.encapsulation || '-'}}</div>
                             <div title="{{seek.produceDate}}" class="item"><span>生产日期：</span>{{seek.produceDate || '-'}}</div>-->
-                            <div title="{{seek.needquantity}}" class="item"><span>采购数量(PCS)：</span>{{seek.needquantity || '-'}}</div>
+                            <div title="{{seek.needquantity}}" class="item">{{seek.needquantity || '-'}}</div>
                             <!--<div title="{{seek.currency + seek.unitPrice | currencyStr}}" class="item"><span>单价预算：</span>{{seek.currency + seek.unitPrice | currencyStr}}</div>-->
                         </div>
                     </div>

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

@@ -163,13 +163,13 @@
         height: 136px;
     }
     .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap.il-content {
-        padding-left: 30px;
+        /*padding-left: 30px;*/
     }
     .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap.il-content .il-box.il-box-large .fl {
         margin-right: 8px;
     }
     .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap.il-content .il-box.il-box-large {
-        width: 400px;
+        /*width: 400px;*/
     }
     .seek-purchase .seek-purchase-content >table tbody tr.default-row td.release-time {
         position: relative;
@@ -663,7 +663,9 @@
             <thead>
             <tr>
                 <th width="178">买家/发布时间</th>
-                <th width="658">产品信息</th>
+                <th width="200">类目/品牌</th>
+                <th width="200">型号/规格</th>
+                <th width="200">采购数量(PCS)</th>
                 <th width="134">剩余时间</th>
                 <th width="88">操作</th>
             </tr>
@@ -682,15 +684,25 @@
                 <td>
                     <div class="row-wrap il-content">
                         <div class="il-box-large il-box">
-                            <div title="{{seek.prodTitle | nullStrFilter}}" class="fl item size-middle"><span>类目(产品名称)：</span><div class="content">{{(seek.prodTitle || '-')  | nullStrFilter}}</div></div>
-                            <div title="{{seek.cmpCode}}" class="fl item"><span>型号：</span><div class="content">{{seek.cmpCode || '-'}}</div></div>
+                            <div title="{{seek.prodTitle | nullStrFilter}}" class="fl item size-middle"><span>类目：</span><div class="content">{{(seek.prodTitle || '-') | nullStrFilter}}</div></div>
                             <div title="{{seek.inbrand}}" class="fl item bottom size-middle"><span>品牌：</span><div class="content">{{seek.inbrand || '-'}}</div></div>
+                        </div>
+                    </div>
+                </td>
+                <td>
+                    <div class="row-wrap il-content">
+                        <div class="il-box-large il-box">
+                            <div title="{{seek.cmpCode}}" class="fl item"><span>型号：</span><div class="content">{{seek.cmpCode || '-'}}</div></div>
                             <div title="{{seek.spec}}" class="fl item bottom"><span>规格：</span><div class="content">{{seek.spec || '-'}}</div></div>
                         </div>
+                    </div>
+                </td>
+                <td>
+                    <div class="row-wrap il-content">
                         <div class="il-box-small il-box">
-                            <!--<div title="{{seek.encapsulation}}" class="item"><span>封装：</span>{{seek.encapsulation || '-'}}</div>
-                            <div title="{{seek.produceDate}}" class="item"><span>生产日期：</span>{{seek.produceDate || '-'}}</div>-->
-                            <div title="{{seek.needquantity}}" class="item"><span>采购数量(PCS)：</span>{{seek.needquantity || '-'}}</div>
+                            <!--<div title="{{seek.encapsulation}}" class="item"><span>封装：</span>{{seek.encapsulation || '-'}}</div>-->
+                            <!--<div title="{{seek.produceDate}}" class="item"><span>生产日期：</span>{{seek.produceDate || '-'}}</div>-->
+                            <div title="{{seek.needquantity}}" class="item">{{seek.needquantity || '-'}}</div>
                             <!--<div title="{{seek.currency + seek.unitPrice | currencyStr}}" class="item"><span>单价预算：</span>{{seek.currency + seek.unitPrice | currencyStr}}</div>-->
                         </div>
                     </div>

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

@@ -84,10 +84,6 @@
         padding: 6px 6px;
     }
     /*搜索时间筛选 end*/
-    .seek-purchase .seek-purchase-content >table {
-        width: 1000px;
-        margin: 0 auto;
-    }
     .seek-purchase .seek-purchase-content >table thead {
         background: #89aefa;
     }
@@ -115,16 +111,14 @@
     .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap {
         padding-top: 25px;
         height: 136px;
+        width:178px;
     }
     .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap.il-content {
-        padding-left: 30px;
+        /*padding-left: 30px;*/
     }
     .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap.il-content .il-box.il-box-large .fl {
         margin-right: 8px;
     }
-    .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td .row-wrap.il-content .il-box.il-box-large {
-        width: 400px;
-    }
     .seek-purchase .seek-purchase-content >table tbody tr.default-row td.release-time {
         position: relative;
         padding-top: 22px;
@@ -703,7 +697,9 @@
             <thead>
                 <tr>
                     <th width="178">买家/发布时间</th>
-                    <th width="658">产品信息</th>
+                    <th width="200">类目/品牌</th>
+                    <th width="200">型号/规格</th>
+                    <th width="200">采购数量(PCS)</th>
                     <th width="134">剩余时间</th>
                     <th width="88">操作</th>
                 </tr>
@@ -722,15 +718,25 @@
                     <td>
                         <div class="row-wrap il-content">
                             <div class="il-box-large il-box">
-                                <div title="{{seek.prodTitle | nullStrFilter}}" class="fl item size-middle"><span>类目(产品名称)：</span><div class="content">{{(seek.prodTitle || '-') | nullStrFilter}}</div></div>
-                                <div title="{{seek.cmpCode}}" class="fl item"><span>型号：</span><div class="content">{{seek.cmpCode || '-'}}</div></div>
+                                <div title="{{seek.prodTitle | nullStrFilter}}" class="fl item size-middle"><span>类目：</span><div class="content">{{(seek.prodTitle || '-') | nullStrFilter}}</div></div>
                                 <div title="{{seek.inbrand}}" class="fl item bottom size-middle"><span>品牌：</span><div class="content">{{seek.inbrand || '-'}}</div></div>
+                            </div>
+                        </div>
+                    </td>
+                    <td>
+                        <div class="row-wrap il-content">
+                            <div class="il-box-large il-box">
+                                <div title="{{seek.cmpCode}}" class="fl item"><span>型号：</span><div class="content">{{seek.cmpCode || '-'}}</div></div>
                                 <div title="{{seek.spec}}" class="fl item bottom"><span>规格：</span><div class="content">{{seek.spec || '-'}}</div></div>
                             </div>
+                        </div>
+                    </td>
+                    <td>
+                        <div class="row-wrap il-content">
                             <div class="il-box-small il-box">
                                 <!--<div title="{{seek.encapsulation}}" class="item"><span>封装：</span>{{seek.encapsulation || '-'}}</div>-->
                                 <!--<div title="{{seek.produceDate}}" class="item"><span>生产日期：</span>{{seek.produceDate || '-'}}</div>-->
-                                <div title="{{seek.needquantity}}" class="item"><span>采购数量(PCS)：</span>{{seek.needquantity || '-'}}</div>
+                                <div title="{{seek.needquantity}}" class="item">{{seek.needquantity || '-'}}</div>
                                 <!--<div title="{{seek.currency + seek.unitPrice | currencyStr}}" class="item"><span>单价预算：</span>{{seek.currency + seek.unitPrice | currencyStr}}</div>-->
                             </div>
                         </div>