买家中心求购

src/main/webapp/resources/js/usercenter/app.js

@@ -82,12 +82,14 @@ define([ 'angularAMD', 'ui.router', 'ui-bootstrap', 'ngLocal', 'ngTable', 'commo
 			templateUrl: 'static/view/usercenter/forstore/pay_center.html',
 			controller: 'payCenterCtrl',
 			controllerUrl: 'app/controllers/forstore/pay_center_ctrl'
-		})).state('my_seek_purchase', angularAMD.route({
+		}))
+		/*	.state('my_seek_purchase', angularAMD.route({
 			url: '/seekPurchase',
 			templateUrl: 'static/view/usercenter/forstore/seek_purchase.html',
 			controller: 'seekPurchaseCtrl',
 			controllerUrl: 'app/controllers/forstore/seek_purchase_ctrl'
-		})).state('buyer_logistics', angularAMD.route({
+		}))*/
+			.state('buyer_logistics', angularAMD.route({
 			url: '/buyerLogistics/:orderid',
 			templateUrl: 'static/view/usercenter/forstore/buyer_logistics.html',
 			controller: 'buyerLogisticsCtrl',
@@ -413,6 +415,11 @@ define([ 'angularAMD', 'ui.router', 'ui-bootstrap', 'ngLocal', 'ngTable', 'commo
 			templateUrl : 'static/view/usercenter/forstore/buyer_down_payment.html',
 			controller : 'downPaymentCtrl',
 			controllerUrl : 'app/controllers/forstore/buyer_down_payment_ctrl'
+		})).state('buyerSeekPurchase', angularAMD.route({
+			url: '/seekPurchase',
+			templateUrl: 'static/view/usercenter/forstore/seekPurchase.html',
+			controller: 'seekPurchaseCtrl',
+			controllerUrl: 'app/controllers/forstore/seek_purchase_ctrl'
 		}));
 	}]);
 

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

@@ -5,7 +5,7 @@
 define(['app/app'], function(app) {
     'use strict';
     app.register.controller('seekPurchaseCtrl', ['$scope', '$rootScope', function($scope, $rootScope) {
-        $rootScope.active = 'my_seek_purchase';
+        $rootScope.active = 'seek_purchase';
         console.log('seekPurchaseCtrl');
     }]);
 });

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

@@ -1 +1,576 @@
-<div>1111</div>
+<style>
+    .seek-purchase .seek-purchase-content {
+        margin-top: 10px;
+        background: #fff;
+        min-height: 500px;
+        padding-bottom: 60px;
+    }
+    .seek-purchase .seek-purchase-content .publish-purchase {
+        padding: 17px 40px;
+    }
+    .seek-purchase .seek-purchase-content .publish-purchase .fl {
+        width: 646px;
+        height: 198px;
+        padding: 0 40px 0 0;
+        margin: 0 0 59px 0;
+        background: url('static/img/seekPurchase/user-publish-bg.png') no-repeat;
+    }
+    .seek-purchase .seek-purchase-content .publish-purchase .fl p {
+        font-size: 18px;
+        color: #fd7748;
+        text-align: center;
+        margin: 19px 0 0 0;
+    }
+    .seek-purchase .seek-purchase-content .publish-purchase .fl .form-block {
+        width: 198px;
+        display: inline-block;
+        margin-top: 16px;
+    }
+    .seek-purchase .seek-purchase-content .publish-purchase .fl .form-block >span {
+        width: 86px;
+        height: 24px;
+        line-height: 24px;
+        display: inline-block;
+        text-align: right;
+        font-size: 14px;
+        float: left;
+        padding-right: 5px;
+    }
+    .seek-purchase .seek-purchase-content .publish-purchase .fl .form-block >span i {
+        color: #e41515;
+    }
+    .seek-purchase .seek-purchase-content .publish-purchase .fl .form-block input {
+        display: inline-block;
+        width: 111px;
+        border: 1px solid #b5b5b5;
+        height: 24px;
+        line-height: 24px;
+        padding: 0 5px;
+        margin: 0;
+    }
+    .seek-purchase .seek-purchase-content .publish-purchase .fl .form-block.single-price select {
+        position: absolute;
+        width: 32px;
+        height: 24px;
+        background: url('static/img/seekPurchase/currency-arrow-down.png') no-repeat;
+        background-position: 14px -1px;
+    }
+    .seek-purchase select {
+        opacity: 1;
+    }
+    .seek-purchase .seek-purchase-content .publish-purchase .fl .form-block.single-price input{
+        padding-left: 37px;
+    }
+    .seek-purchase .seek-purchase-content .publish-purchase .fl >a {
+        display: block;
+        width: 142px;
+        height: 25px;
+        line-height: 25px;
+        text-align: center;
+        color: #fefefe;
+        background: #fd7748;
+        border-radius: 3px;
+        margin: 0 auto 14px;
+    }
+    /*搜索时间筛选 start*/
+    .seek-purchase .seek-purchase-content .screen {
+        font-size: 14px;
+        line-height: 32px;
+    }
+    .seek-purchase .seek-purchase-content .screen .fl {
+        margin-left: 14px;
+    }
+    .seek-purchase .seek-purchase-content .screen .fl select{
+        width: 88px;
+        height: 32px;
+        border: 1px solid #4290f7;
+        display: inline-block;
+        border-radius: 2px;
+        margin-right: 11px;
+    }
+    .seek-purchase .seek-purchase-content .screen .fl select:last-child {
+        width: 72px;
+        padding-left: 6px;
+    }
+    .seek-purchase .seek-purchase-content .screen .sreach >span {
+        float: left;
+    }
+    .seek-purchase .seek-purchase-content .screen .sreach input{
+        border: #4290f7 1px solid;
+        height: 32px;
+        width: 267px;
+        box-shadow: none;
+    }
+    .seek-purchase .seek-purchase-content .screen .sreach .date{
+        margin-right: 6px;
+    }
+    .seek-purchase .seek-purchase-content .screen .sreach .date input{
+        width: 117px;
+        text-align: left;
+        border: 1px solid #4290f7;
+    }
+    .seek-purchase .seek-purchase-content .screen .sreach .date input:hover{
+        cursor: pointer;
+    }
+    .seek-purchase .seek-purchase-content .screen .sreach .date em{
+        float: left;
+        line-height: 32px;
+        color: #999;
+        margin: 0 5px;
+    }
+    .seek-purchase .seek-purchase-content .screen .sreach a.seek{
+        width: 58px;
+        height: 32px;
+        background: #4290f7;
+        color: #fff;
+        line-height: 32px;
+        float: left;
+    }
+    .seek-purchase .seek-purchase-content .screen .sreach a.seek:hover{
+        background: #3f7ae3;
+    }
+    .seek-purchase .seek-purchase-content .screen .sreach .form-control{
+        border-radius: 2px;
+    }
+    .seek-purchase .seek-purchase-content .data-input{
+        float: left;
+        position: relative;
+    }
+    .seek-purchase .seek-purchase-content .data-input button.open{
+        position: absolute;
+        right: 1px;
+        top: 1px;
+        width: 20px;
+        height: 30px;
+        background: url('static/img/user/images/xiala.png') right no-repeat #fff !important;
+        background-position-x: 100% !important;
+        border: none;
+    }
+    .seek-purchase .seek-purchase-content .screen .sreach .date input.form-control{
+        padding: 6px 6px;
+    }
+    /*搜索时间筛选 end*/
+    .seek-purchase .seek-purchase-content >table {
+        width: 1000px;
+        margin: 0 auto;
+    }
+    .seek-purchase .seek-purchase-content >table >thead {
+        background: #89aefa;
+    }
+    .seek-purchase .seek-purchase-content >table >thead >tr th {
+        height: 38px;
+        line-height: 38px;
+        color: #fff;
+        text-align: center;
+        font-weight: normal;
+        font-size: 14px;
+    }
+    .seek-purchase .seek-purchase-content >table >thead >tr th select {
+        width: 63px;
+        height: 24px;
+        color: #333;
+        padding-left: 6px;
+        font-size: 14px;
+        background: url('static/img/seekPurchase/select-arrow-down.png') no-repeat #fff right !important;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody >tr.default-row {
+        border-bottom: 1px solid #dae5fd;
+        border-left: 1px solid #dae5fd;
+        border-right: 1px solid #dae5fd;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody >tr.default-row:hover {
+        background: #f1f5ff;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody >tr.default-row td {
+        font-size: 14px;
+        text-align: center;
+        height: 80px;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody >tr .red-text {
+        color: #f62d37;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody >tr .green-text{
+        color: #15a211;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row table {
+        width: 100%;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row table thead tr {
+        height: 34px;
+        line-height: 34px;
+        background: #fce8df;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row table thead tr th,
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row table tbody tr td{
+        text-align: center;
+        font-size: 14px;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row table tbody tr td {
+        height: 48px;
+        line-height: 48px;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row table tbody tr {
+        border: 1px solid #fce8df;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row table tbody tr:nth-child(even) {
+        background: #fce8df;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row table tbody tr td.input-number {
+        position: relative;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row table tbody tr td.input-number input {
+        width: 80px;
+        height: 26px;
+        text-align: center;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row table tbody tr td.input-number span {
+        width: 17px;
+        height: 26px;
+        background: #4290f7;
+        line-height: 26px;
+        color: #fff;
+        display: inline-block;
+        font-size: 16px;
+        vertical-align: middle;
+        position: absolute;
+        cursor: pointer;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row table tbody tr td.input-number span:first-child {
+        top: 12px;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row table tbody tr td.input-number span:last-child {
+        top: 12px;
+        right: 42px;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row table tbody tr td.operate a {
+        color: #5078cb;
+        font-size: 12px;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row table tbody tr td.operate span {
+        display: inline-block;
+        width: 64px;
+        height: 24px;
+        line-height: 24px;
+        text-align: center;
+        background: #4290f7;
+        color: #fff;
+        margin-left: 13px;
+        cursor: pointer;
+        font-size: 12px;
+        border-radius: 2px;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row .all-buy {
+        height: 39px;
+        line-height: 39px;
+        color: #fff;
+        font-size: 14px;
+        background: #4290f7;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row .all-buy span {
+        display: inline-block;
+        width: 29%;
+        text-align: center;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row .all-buy a {
+        display: inline-block;
+        text-align: center;
+        width: 77px;
+        height: 27px;
+        line-height: 27px;
+        background: #fff;
+        color: #f91d06;
+        font-weight: bold;
+    }
+    .seek-purchase .seek-purchase-content >table >tbody tr.expand-row .table-area {
+        max-height: 284px;
+        overflow-y: auto;
+    }
+
+</style>
+<div class="user_right fr seek-purchase">
+    <!--求购询价-->
+    <div class="oder">
+        <div class="oder01">
+            <ul>
+                <li class="active"><a href="javascript:void(0)">我的求购</a></li>
+            </ul>
+        </div>
+    </div>
+    <div class="seek-purchase-content">
+        <div class="publish-purchase">
+            <div class="fl">
+                <p>单个发布</p>
+                <div class="form-block">
+                    <span><i>*</i>型号</span>
+                    <input type="text" class="form-group">
+                </div>
+                <div class="form-block">
+                    <span><i>*</i>品牌</span>
+                    <input type="text" class="form-group">
+                </div>
+                <div class="form-block">
+                    <span><i>*</i>截止日期</span>
+                    <input type="text" class="form-group">
+                </div>
+                <div class="form-block">
+                    <span>采购数量</span>
+                    <input type="text" class="form-group">
+                </div>
+                <div class="form-block single-price">
+                    <span>单价预算</span>
+                    <select>
+                        <option value="RMB">￥</option>
+                        <option value="USD">$</option>
+                    </select>
+                    <input type="text" class="form-group">
+                </div>
+                <div class="form-block">
+                    <span>封装</span>
+                    <input type="text" class="form-group">
+                </div>
+                <div class="form-block">
+                    <span>生产日期</span>
+                    <input type="text" class="form-group">
+                </div>
+                <a href="javascript:void(0)">发布求购</a>
+            </div>
+        </div>
+        <!--搜索时间筛选-->
+        <div class="screen" style="clear: both;background: #f5f8fe;height: 40px;margin-bottom: 15px;margin-top: 5px;padding-top: 4px;padding-right: 11px;">
+            <div class="fl">
+                <input type="checkbox">&nbsp;有现货&nbsp;&nbsp;
+                截止时间&nbsp;
+                <select class="form-control select-adder">
+                    <option>全部</option>
+                    <option value="1">已截止</option>
+                    <option value="2">正在生效</option>
+                </select>
+            </div>
+            <div class="sreach fr">
+                <span>发布时间&nbsp;</span>
+                <div class="date fl">
+                    <div class="data-input">
+                        <input type="text" ng-model="startDate"
+                               class="form-control select-adder" placeholder="起始时间"
+                               datepicker-popup="yyyy-MM-dd HH:mm:ss"
+                               is-open="condition.startDateOpen"
+                               max-date="endDate" current-text="今天" clear-text="清除" close-text="关闭"
+                               ng-click="openDatePicker($event, condition, 'startDateOpen',1)"
+                               datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
+                               ng-change="vaildDate(true)"
+                        />
+                        <button class="open" ng-click="openDatePicker($event, condition, 'startDateOpen')"></button>
+                    </div>
+
+                    <em>–</em>
+                    <div class="data-input">
+                        <input type="text" ng-model="endDate"
+                               class="form-control select-adder" placeholder="结束时间"
+                               datepicker-popup="yyyy-MM-dd HH:mm:ss"
+                               is-open="condition.endDateOpen"
+                               min-date="startDate" current-text="今天" clear-text="清除" close-text="关闭"
+                               ng-click="openDatePicker($event, condition, 'endDateOpen',2)"
+                               datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
+                               ng-change="changeEndDate()"
+                        />
+                        <button class="open" ng-click="openDatePicker($event, condition, 'endDateOpen')"></button>
+                    </div>
+                </div>
+                <div class="sreach-input fr">
+                    <input type="search" placeholder="型号/品牌" class="form-control" ng-model="keyword" ng-search="search()"/>
+                    <a class="seek" href="javascript:void(0)" ng-click="search()">搜索</a>
+                </div>
+            </div>
+        </div>
+        <table>
+            <thead>
+            <tr>
+                <th width="165">发布时间</th>
+                <th width="125">型号</th>
+                <th width="77">品牌</th>
+                <th width="93">采购数量</th>
+                <th width="78">单价预算</th>
+                <th width="110">封装</th>
+                <th width="99">生产日期</th>
+                <th width="76">截止时间</th>
+                <th width="81">
+                    <select class="select-adder">
+                        <option value="1">待报价</option>
+                        <option value="2">已报价</option>
+                        <option value="3">已采纳</option>
+                    </select>
+                </th>
+                <th width="92">操作</th>
+                <th width="1"></th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr class="default-row">
+                <td>2012-12-12 12:12:12</td>
+                <td>asdasfasdad</td>
+                <td>asdasdad</td>
+                <td>5000</td>
+                <td><span class="red-text">$5.569</span></td>
+                <td>盘装</td>
+                <td>2012-12-12</td>
+                <td>剩余&nbsp;<span class="red-text">8</span>&nbsp;天</td>
+                <td>已报价</td>
+                <td><a href="javascript:void(0)">查看报价</a></td>
+            </tr>
+            </tbody>
+            <tbody>
+            <tr class="default-row">
+                <td>2012-12-12 12:12:12</td>
+                <td>asdasfasdad</td>
+                <td>asdasdad</td>
+                <td>5000</td>
+                <td><span class="red-text">$5.569</span></td>
+                <td>盘装</td>
+                <td>2012-12-12</td>
+                <td>剩余&nbsp;<span class="red-text">8</span>&nbsp;天</td>
+                <td class="green-text">已采纳</td>
+                <td><a href="javascript:void(0)">查看报价</a></td>
+            </tr>
+            <tr class="expand-row">
+                <td colspan="10">
+                    <div>
+                        <div class="switch-line">
+                            <a>商城现货（60）</a>
+                            <a>当前报价（110）</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>
+                                <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">
+                                        <a>联系卖家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
+                                        <span>立即购买</span>
+                                    </td>
+                                </tr>
+                                <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">
+                                        <a>联系卖家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
+                                        <span>立即购买</span>
+                                    </td>
+                                </tr>
+                                <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">
+                                        <a>联系卖家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
+                                        <span>立即购买</span>
+                                    </td>
+                                </tr>
+                                <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">
+                                        <a>联系卖家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
+                                        <span>立即购买</span>
+                                    </td>
+                                </tr>
+                                <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">
+                                        <a>联系卖家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
+                                        <span>立即购买</span>
+                                    </td>
+                                </tr>
+                                <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">
+                                        <a>联系卖家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
+                                        <span>立即购买</span>
+                                    </td>
+                                </tr>
+                                <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">
+                                        <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>
+            <tbody>
+            <tr class="default-row">
+                <td>2012-12-12 12:12:12</td>
+                <td>asdasfasdad</td>
+                <td>asdasdad</td>
+                <td>5000</td>
+                <td><span class="red-text">$5.569</span></td>
+                <td>盘装</td>
+                <td>2012-12-12</td>
+                <td>剩余&nbsp;<span class="red-text">8</span>&nbsp;天</td>
+                <td class="red-text">待报价</td>
+                <td><a href="javascript:void(0)">收起</a></td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+</div>

src/main/webapp/resources/view/usercenter/left_nav.html

@@ -34,6 +34,7 @@
                     <li ng-class="{'active' : active == 'pay_center'}"><a ng-disabled="true" >支付中心</a></li>
                     <li ng-class="{'active' : active == 'buyer_invoice'}"><a ng-disabled="true" >发票管理</a></li>
                 </div>
+                <li ng-class="{'active' : active == 'seek_purchase'}"><a  ui-sref="buyerSeekPurchase">我的求购</a></li>
 
 
                 <!--<li ng-class="{'active' : active == 'my_wallet'}" class="undo">-->

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

@@ -252,9 +252,9 @@
         background: #fffbf0;
         border: 1px solid #dae5fd;
     }
-    .seek-purchase .seek-purchase-content table tbody tr.default-row:hover + tr.expand-row {
-        display: table-row;
-    }
+    /*.seek-purchase .seek-purchase-content table tbody tr.default-row:hover + tr.expand-row {
+        display: none;
+    }*/
     .seek-purchase .seek-purchase-content table tbody tr.expand-row td {
         font-size: 14px;
         text-align: center;