|
|
@@ -87,10 +87,7 @@
|
|
|
display: inline-block;
|
|
|
border-radius: 2px;
|
|
|
margin-right: 11px;
|
|
|
- }
|
|
|
- .seek-purchase .seek-purchase-content .screen .fl select:last-child {
|
|
|
- width: 72px;
|
|
|
- padding-left: 6px;
|
|
|
+ padding-left: 10px;
|
|
|
}
|
|
|
.seek-purchase .seek-purchase-content .screen .sreach >span {
|
|
|
float: left;
|
|
|
@@ -186,6 +183,9 @@
|
|
|
text-align: center;
|
|
|
height: 80px;
|
|
|
}
|
|
|
+ .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td >a {
|
|
|
+ color: #4290f7;
|
|
|
+ }
|
|
|
.seek-purchase .seek-purchase-content >table >tbody >tr .red-text {
|
|
|
color: #f62d37;
|
|
|
}
|
|
|
@@ -240,7 +240,7 @@
|
|
|
}
|
|
|
.seek-purchase .seek-purchase-content >table >tbody tr.expand-row table tbody tr td.input-number span:last-child {
|
|
|
top: 12px;
|
|
|
- right: 42px;
|
|
|
+ right: 38px;
|
|
|
}
|
|
|
.seek-purchase .seek-purchase-content >table >tbody tr.expand-row table tbody tr td.operate a {
|
|
|
color: #5078cb;
|
|
|
@@ -281,11 +281,42 @@
|
|
|
color: #f91d06;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
- .seek-purchase .seek-purchase-content >table >tbody tr.expand-row .table-area {
|
|
|
- max-height: 284px;
|
|
|
+ .seek-purchase .seek-purchase-content >table >tbody tr.expand-row td {
|
|
|
+ padding: 0 12px;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table >tbody tr.expand-row td .switch-line {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table >tbody tr.expand-row td .switch-line a {
|
|
|
+ position: relative;
|
|
|
+ width: 50%;
|
|
|
+ height: 34px;
|
|
|
+ line-height: 34px;
|
|
|
+ text-align: center;
|
|
|
+ display: inline-block;
|
|
|
+ background: #d7d6d5;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table >tbody tr.expand-row td .switch-line a.active {
|
|
|
+ background: #414140;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table >tbody tr.expand-row td .switch-line a:first-child::after {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ content: '';
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border-bottom: 34px solid #414140;
|
|
|
+ border-left: 12px solid transparent;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table >tbody tr.expand-row td .switch-line a:first-child.active::after {
|
|
|
+ border-bottom-color: #d7d6d5;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table >tbody tr.expand-row td .seek-list {
|
|
|
+ max-height: 250px;
|
|
|
overflow-y: auto;
|
|
|
}
|
|
|
-
|
|
|
</style>
|
|
|
<div class="user_right fr seek-purchase">
|
|
|
<!--求购询价-->
|
|
|
@@ -415,7 +446,7 @@
|
|
|
<td>2012-12-12</td>
|
|
|
<td>剩余 <span class="red-text">8</span> 天</td>
|
|
|
<td>已报价</td>
|
|
|
- <td><a href="javascript:void(0)">查看报价</a></td>
|
|
|
+ <td><a href="javascript:void(0)">查看报价 <i class="fa fa-angle-double-down"></i></a></td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
<tbody>
|
|
|
@@ -429,39 +460,41 @@
|
|
|
<td>2012-12-12</td>
|
|
|
<td>剩余 <span class="red-text">8</span> 天</td>
|
|
|
<td class="green-text">已采纳</td>
|
|
|
- <td><a href="javascript:void(0)">查看报价</a></td>
|
|
|
+ <td><a href="javascript:void(0)">收起 <i class="fa fa-angle-double-up"></i></a></td>
|
|
|
</tr>
|
|
|
<tr class="expand-row">
|
|
|
<td colspan="10">
|
|
|
<div>
|
|
|
<div class="switch-line">
|
|
|
- <a>商城现货（60）</a>
|
|
|
- <a>当前报价（110）</a>
|
|
|
+ <a class="active">商城现货（<span>60</span>）</a>
|
|
|
+ <a>当前报价（<span>110</span>）</a>
|
|
|
</div>
|
|
|
- <div class="table-area">
|
|
|
+ <table>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th width="68">全选</th>
|
|
|
+ <th width="103">卖家</th>
|
|
|
+ <th width="126">交期(天)</th>
|
|
|
+ <th width="104">单价</th>
|
|
|
+ <th width="137">生产日期</th>
|
|
|
+ <th width="111">库存</th>
|
|
|
+ <th width="164">购买数量</th>
|
|
|
+ <th width="186">操作</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ </table>
|
|
|
+ <div class="seek-list">
|
|
|
<table>
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th width="68">全选</th>
|
|
|
- <th width="103">卖家</th>
|
|
|
- <th width="126">交期(天)</th>
|
|
|
- <th width="104">单价</th>
|
|
|
- <th width="137">生产日期</th>
|
|
|
- <th width="111">库存</th>
|
|
|
- <th width="164">购买数量</th>
|
|
|
- <th width="186">操作</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
- <td><input type="checkbox"></td>
|
|
|
- <td>哈哈哈</td>
|
|
|
- <td class="red-text">4-6</td>
|
|
|
- <td class="red-text">$123</td>
|
|
|
- <td>2012-12-12</td>
|
|
|
- <td>21412</td>
|
|
|
- <td class="input-number"><span>-</span><input type="number"><span>+</span></td>
|
|
|
- <td class="operate">
|
|
|
+ <td width="68"><input type="checkbox"></td>
|
|
|
+ <td width="103">哈哈哈</td>
|
|
|
+ <td width="126" class="red-text">4-6</td>
|
|
|
+ <td width="104" class="red-text">$123</td>
|
|
|
+ <td width="137">2012-12-12</td>
|
|
|
+ <td width="111">21412</td>
|
|
|
+ <td width="164" class="input-number"><span>-</span><input type="number"><span>+</span></td>
|
|
|
+ <td width="186" class="operate">
|
|
|
<a>联系卖家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
|
|
|
<span>立即购买</span>
|
|
|
</td>
|
|
|
@@ -568,7 +601,100 @@
|
|
|
<td>2012-12-12</td>
|
|
|
<td>剩余 <span class="red-text">8</span> 天</td>
|
|
|
<td class="red-text">待报价</td>
|
|
|
- <td><a href="javascript:void(0)">收起</a></td>
|
|
|
+ <td><a href="javascript:void(0)">查看报价 <i class="fa fa-angle-double-down"></i></a></td>
|
|
|
+ </tr>
|
|
|
+ <tr class="expand-row">
|
|
|
+ <td colspan="10">
|
|
|
+ <div>
|
|
|
+ <div class="switch-line">
|
|
|
+ <a>商城现货（<span>60</span>）</a>
|
|
|
+ <a class="active">当前报价（<span>110</span>）</a>
|
|
|
+ </div>
|
|
|
+ <table>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th width="173">卖家</th>
|
|
|
+ <th width="196">交期(天)</th>
|
|
|
+ <th width="196">单价</th>
|
|
|
+ <th width="212">生产日期</th>
|
|
|
+ <th width="221">操作</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ </table>
|
|
|
+ <div class="seek-list">
|
|
|
+ <table>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td width="173">深圳市优软科技</td>
|
|
|
+ <td width="196" class="red-text">4-6</td>
|
|
|
+ <td width="196"><span>$</span>9.86</td>
|
|
|
+ <td width="212">2012-12-12</td>
|
|
|
+ <td width="221" class="operate">
|
|
|
+ <a>联系卖家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
|
|
|
+ <span>立即购买</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="173">深圳市优软科技</td>
|
|
|
+ <td width="196" class="red-text">4-6</td>
|
|
|
+ <td width="196"><span>$</span>9.86</td>
|
|
|
+ <td width="212">2012-12-12</td>
|
|
|
+ <td width="221" class="operate">
|
|
|
+ <a>联系卖家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
|
|
|
+ <span>立即购买</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="173">深圳市优软科技</td>
|
|
|
+ <td width="196" class="red-text">4-6</td>
|
|
|
+ <td width="196"><span>$</span>9.86</td>
|
|
|
+ <td width="212">2012-12-12</td>
|
|
|
+ <td width="221" class="operate">
|
|
|
+ <a>联系卖家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
|
|
|
+ <span>立即购买</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="173">深圳市优软科技</td>
|
|
|
+ <td width="196" class="red-text">4-6</td>
|
|
|
+ <td width="196"><span>$</span>9.86</td>
|
|
|
+ <td width="212">2012-12-12</td>
|
|
|
+ <td width="221" class="operate">
|
|
|
+ <a>联系卖家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
|
|
|
+ <span>立即购买</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="173">深圳市优软科技</td>
|
|
|
+ <td width="196" class="red-text">4-6</td>
|
|
|
+ <td width="196"><span>$</span>9.86</td>
|
|
|
+ <td width="212">2012-12-12</td>
|
|
|
+ <td width="221" class="operate">
|
|
|
+ <a>联系卖家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
|
|
|
+ <span>立即购买</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="173">深圳市优软科技</td>
|
|
|
+ <td width="196" class="red-text">4-6</td>
|
|
|
+ <td width="196"><span>$</span>9.86</td>
|
|
|
+ <td width="212">2012-12-12</td>
|
|
|
+ <td width="221" class="operate">
|
|
|
+ <a>联系卖家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
|
|
|
+ <span>立即购买</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="all-buy">
|
|
|
+ <span>剩余数量：8888</span>
|
|
|
+ <span>已选数量：8888</span>
|
|
|
+ <span>产品小计：8888123.12元</span>
|
|
|
+ <a href="javascript:void(0)">立即购买</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
yangc
