卖家求购询价页面

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

@@ -584,6 +584,11 @@ define([ 'angularAMD', 'ngLocal', 'common/services', 'common/directives', 'commo
 			templateUrl: 'static/view/vendor/forstore/showRate.html',
 			controller: 'showRateCtrl',
 			controllerUrl: 'app/controllers/forstore/show_rate_ctrl'
+		})).state('vendorSeekPurchase', angularAMD.route({
+			url: '/seekPurchase',
+			templateUrl: 'static/view/vendor/forstore/seekPurchase.html',
+			controller: 'seekPurchaseCtrl',
+			controllerUrl: 'app/controllers/forstore/seek_purchase_ctrl'
 		}));
 	}]);
 

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

@@ -0,0 +1,6 @@
+define(['app/app'], function(app) {
+    app.register.controller('seekPurchaseCtrl', ['$scope', '$rootScope', '$stateParams','$state', 'toaster','Rate','Order','BaseService','ngTableParams', function ($scope, $rootScope, $stateParams, $state, toaster, Rate, Order, BaseService, ngTableParams) {
+        $scope.title = '求购询价';
+        $rootScope.active = 'vendor_seek_purchase';
+    }]);
+});

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

@@ -0,0 +1,362 @@
+<style>
+    .seek-purchase .seek-purchase-content {
+        margin: 10px 0 0 0;
+        padding: 20px 0;
+        background: #fff;
+    }
+    .seek-purchase .seek-purchase-content .seek-purchase-title {
+        height: 67px;
+        line-height: 67px;
+        width: 1000px;
+        margin: 0 auto;
+        background: url("static/img/seekPurchase/purchase-title-bg.png") no-repeat;
+        background-size: contain;
+    }
+    .seek-purchase .seek-purchase-content .seek-purchase-title >div {
+        display: inline-block;
+        font-size: 14px;
+        color: #4290f7;
+    }
+    .seek-purchase .seek-purchase-content .seek-purchase-title .seek-data {
+        margin-left: 40px;
+    }
+    .seek-purchase .seek-purchase-content .seek-purchase-title .seek-data span {
+        font-size: 24px;
+        color: #faac15;
+    }
+    .seek-purchase .seek-purchase-content .seek-purchase-title .seek-rate {
+        margin-left: 85px;
+    }
+    .seek-purchase .seek-purchase-content .seek-purchase-title .seek-rate span {
+        display: inline-block;
+        width: 44px;
+        height: 24px;
+        line-height: 24px;
+        background: #4290f7;
+        color: #fff;
+        text-align: center;
+        border-radius: 3px;
+        position: relative;
+        margin-left: 10px;
+    }
+    .seek-purchase .seek-purchase-content .seek-purchase-title .seek-rate span::before {
+        content: '';
+        position: absolute;
+        left: -6px;
+        top: 4px;
+        width: 0;
+        height: 0;
+        border-top: 8px solid transparent;
+        border-right: 8px solid #4290f7;
+        border-bottom: 8px solid transparent;
+    }
+    /*搜索时间筛选 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 tbody tr {
+        border-bottom: 1px solid #dae5fd;
+        border-left: 1px solid #dae5fd;
+        border-right: 1px solid #dae5fd;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr:hover {
+        background: #f1f5ff;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr td {
+        font-size: 14px;
+        text-align: center;
+        height: 80px;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr td.release-time {
+        position: relative;
+        padding-top: 30px;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr td.release-time span {
+        display: block;
+        font-size: 12px;
+        margin-bottom: 6px;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr td.release-time .seek-status {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 130px;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr td.release-time .seek-status div{
+        position: relative;
+        width: 60px;
+        padding-right: 3px;
+        height: 21px;
+        line-height: 21px;
+        background: #4290f7;
+        color: #fff;
+        float: left;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr td.release-time .seek-status div.no-grounding {
+        background: #f62d37;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr td.release-time .seek-status div::after {
+        content: '';
+        position: absolute;
+        right: 0;
+        top: 0;
+        border-bottom: 21px solid #fff;
+        border-left: 5px solid transparent;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr:hover td.release-time .seek-status div::after {
+        border-bottom: 21px solid #f1f5ff;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr td.release-time .seek-status a {
+        display: block;
+        white-space: nowrap;
+        color: #4290f7;
+        height: 21px;
+        line-height: 21px;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr td.unit-price,
+    .seek-purchase .seek-purchase-content table tbody tr td.left-time span{
+        color: #f62d37;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr td.unit-price span {
+        font-size: 12px;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr td.operate {
+        font-size: 12px;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr td.operate a{
+        color: #4290f7;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr td.operate div {
+        width: 64px;
+        height: 24px;
+        line-height: 24px;
+        text-align: center;
+        color: #fff;
+        background: #4290f7;
+        margin: 8px auto 0;
+        cursor: pointer;
+        border-radius: 2px;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr td.operate span {
+        margin: 17px 0 0 0;
+        color: #39ae05;
+        display: block;
+    }
+</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="seek-purchase-title">
+            <div class="seek-data">采纳次数：<span>52</span></div>
+            <div class="seek-data">报价次数：<span>96</span></div>
+            <div class="seek-rate">求购成交率 <span>60%</span></div>
+        </div>
+        <!--搜索时间筛选-->
+        <div class="screen" style="background: #f5f8fe;height: 40px;margin-bottom: 15px;margin-top: 5px;padding-top: 4px;padding-right: 11px;">
+            <div class="fl">
+                截止时间&nbsp;
+                <select class="form-control select-adder">
+                    <option>全部</option>
+                    <option value="1">已截止</option>
+                    <option value="2">正在生效</option>
+                </select>
+                报价状态&nbsp;
+                <select class="form-control select-adder">
+                    <option value="0">待报价</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 id="start" type="text" ng-model="startDate" readonly="readonly"
+                               class="form-control select-adder" placeholder="起始时间"
+                               datepicker-popup="yyyy-MM-dd"
+                               is-open="condition[0].open"
+                               current-text="今天" clear-text="清除" close-text="关闭"
+                               datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
+                               ng-click="openDatePicker($event, condition, 0,1)"
+                               ng-change="onDateCondition(1)"/>
+                        <button class="open" ng-click="openDatePicker($event, condition, 0)"></button>
+                    </div>
+
+                    <em>–</em>
+                    <div class="data-input">
+                        <input id="end" type="text" ng-model="endDate" readonly="readonly"
+                               class="form-control select-adder" placeholder="结束时间"
+                               datepicker-popup="yyyy-MM-dd"
+                               is-open="condition[1].open"
+                               current-text="今天" clear-text="清除" close-text="关闭"
+                               datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
+                               ng-click="openDatePicker($event, condition, 1, 2)"
+                               ng-change="onDateCondition(2)"/>
+                        <button class="open" ng-click="openDatePicker($event, condition, 1)"></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="104">发布时间</th>
+                    <th width="108">商家</th>
+                    <th width="117">型号</th>
+                    <th width="94">品牌</th>
+                    <th width="84">封装</th>
+                    <th width="95">生产日期</th>
+                    <th width="86">采购数量</th>
+                    <th width="94">单价预算</th>
+                    <th width="115">剩余时间</th>
+                    <th width="92">操作</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td class="release-time">
+                        <span>2016-12-03</span>
+                        <span>14:45:50</span>
+                        <div class="seek-status">
+                            <div>已上架</div>
+                        </div>
+                    </td>
+                    <td>深圳市优软科技有限公司</td>
+                    <td>MADANSFA-12345</td>
+                    <td>panasonic</td>
+                    <td>盘装</td>
+                    <td>2016-12-12</td>
+                    <td>5000</td>
+                    <td class="unit-price"><span>$</span>5000</td>
+                    <td class="left-time">剩余&nbsp;<span>5</span>&nbsp;小时</td>
+                    <td class="operate">
+                        <a>联系买家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
+                        <div>我要报价</div>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="release-time">
+                        <span>2016-12-03</span>
+                        <span>14:45:50</span>
+                        <div class="seek-status">
+                            <div class="no-grounding">已上架</div>
+                            <a>去上架>></a>
+                        </div>
+                    </td>
+                    <td>深圳市优软科技有限公司</td>
+                    <td>MADANSFA-12345</td>
+                    <td>panasonic</td>
+                    <td>盘装</td>
+                    <td>2016-12-12</td>
+                    <td>5000</td>
+                    <td class="unit-price"><span>$</span>5000</td>
+                    <td class="left-time"><span>已截止</span></td>
+                    <td class="operate">
+                        <a>联系买家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
+                        <span>已报价 <img src="static/img/seekPurchase/check.png" alt=""></span>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>

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

@@ -27,6 +27,7 @@
 			<a  ui-sref="vendor_logistics" ng-hide="store && (!store.status || store.status === 'OPENED')">物流管理</a>
 			<a  ui-sref="vendor_deliveryRule" ng-if="store && (!store.status || store.status === 'OPENED')">物流管理</a>
 		</li>
+		<li ng-class="{'active' : active == 'vendor_seek_purchase'}"><a  ui-sref="vendorSeekPurchase">求购询价</a></li>
 		<li ng-class="{'active' : active == 'vendor_invoice'}"><a  ui-sref="vendorInvoice">发票管理</a></li>
 	<!--	<li ng-class="{'active' : active == 'vendor_logistics'}"><a  ui-sref="vendor_logistics">物流管理</a></li>-->
 		<li ng-class="{'active' : active == 'pay_center'}"><a  ui-sref="pay_center">结算中心</a></li>