卖家求购及报价分页面处理

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

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

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

@@ -0,0 +1,183 @@
+define(['app/app'], function(app) {
+    app.register.controller('purchaseOfferCtrl', ['$scope', '$rootScope', '$stateParams', '$state', 'toaster', 'seekPurchase', 'BaseService', 'ngTableParams', '$modal', function ($scope, $rootScope, $stateParams, $state, toaster, seekPurchase, BaseService, ngTableParams, $modal) {
+        document.title = '我的报价询价-优软商城';
+        $rootScope.active = 'vendor_seek_purchase';
+        $scope.seekPurchaseRate = {};
+        $scope.offer = {};
+
+        // 获取当前卖家求购成交率
+        seekPurchase.getSeekPurchaseRate(function(data) {
+            $scope.seekPurchaseRate = data;
+        }, function(response) {
+            toaster.pop('error', '错误', response.data);
+        });
+
+        // 获取当前卖家求购推送列表
+        $scope.getSeekPushGoodsPageInfo = function (){
+            $scope.seekPurchaseTableParams = new ngTableParams({
+                page : 1,
+                count : 5
+            }, {
+                total : 0,
+                getData : function ($defer, params) {
+                    const param = BaseService.parseParams(params.url());
+                    param.deadline = $scope.deadline;
+                    param.status = $scope.status;
+                    param.keyWord = $scope.keyWord;
+                    param.minReleaseDate = $scope.startDate ? $scope.startDate.getTime() : null;
+                    param.maxReleaseDate = $scope.endDate ? $scope.endDate.getTime() : null;
+                    seekPurchase.getSeekPushGoodsPageInfo(param, function (data) {
+                        params.total(data.totalElements);
+                        $defer.resolve(data.content);
+                    }, function (response) {
+                        toaster.pop('error', '获取求购列表失败');
+                    });
+                }
+            });
+        }
+
+        // 获取我的报价列表
+        $scope.getMyOfferPageInfo = function () {
+            $scope.seekPurchaseTableParams = new ngTableParams({
+                page : 1,
+                count : 5
+            }, {
+                total : 0,
+                getData : function ($defer, params) {
+                    const param = BaseService.parseParams(params.url());
+                    param.deadline = $scope.deadline;
+                    param.status = $scope.status;
+                    param.keyWord = $scope.keyWord;
+                    param.minReleaseDate = $scope.startDate ? $scope.startDate.getTime() : null;
+                    param.maxReleaseDate = $scope.endDate ? $scope.endDate.getTime() : null;
+                    seekPurchase.getMyOfferPageInfo(param, function (data) {
+                        params.total(data.totalElements);
+                        $defer.resolve(data.content);
+                    }, function (response) {
+                        toaster.pop('error', '获取求购列表失败');
+                    });
+                }
+            });
+        }
+
+        // 搜索
+        $scope.onSearch = function(){
+            $scope.seekPurchaseTableParams.reload();
+        }
+
+        // 保存报价
+        $scope.saveOffer = function (){
+            seekPurchase.saveOffer($scope.offer, function(data) {
+                $scope.setSeekActive(null, false);
+                toaster.pop('success', '报价成功');
+            }, function (res) {
+                toaster.pop('error', '报价失败');
+            });
+        }
+
+        $scope.condition = {endDateOpen:false, startDateOpen: false};
+
+        $scope.openDatePicker = function ($event, item, openParam,status) {
+            if (status != null) {
+                if (status == 1) {
+                    if ($scope.startDate != null) {
+                        return;
+                    }
+                }
+                if (status == 2) {
+                    if ($scope.endDate != null) {
+                        return;
+                    }
+                }
+            }
+            $event.preventDefault();
+            $event.stopPropagation();
+            item[openParam] = !item[openParam];
+            if (openParam == 'startDateOpen') {
+                if (item['endDateOpen']) {
+                    item['endDateOpen'] = !item['endDateOpen'];
+                }
+            } else if (openParam == 'endDateOpen') {
+                if (item['startDateOpen']){
+                    item['startDateOpen'] = !item['startDateOpen'];
+                }
+            }
+        };
+        $scope.changeEndDate = function () {
+            if ($scope.condition.endDateOpen) {
+                $scope.endDate = $scope.endDate.toString().replace(/[0-9]{2}:[0-9]{2}:[0-9]{2}/g, '23:59:59');//;'23.59';//DateUtil.yyyyMmDd($scope.endDate.getTime() + 86399000);
+                $scope.endDate = new Date(formatDateTime(new Date($scope.endDate.toString())));
+            }
+            $scope.vaildDate(false);
+        };
+        $scope.vaildDate = function (isStart) {
+            if ($scope.endDate !== null && $scope.startDate>$scope.endDate){
+                if (isStart) {
+                    alert("开始日期大于结束日期，请重新输入！");
+                    $scope.startDate = null;
+                } else {
+                    alert("开始日期大于结束日期，请重新输入！");
+                    $scope.endDate = null;
+                }
+            }
+        };
+        var formatDateTime = function (date) {
+            var y = date.getFullYear();
+            var m = date.getMonth() + 1;
+            m = m < 10 ? ('0' + m) : m;
+            var d = date.getDate();
+            d = d < 10 ? ('0' + d) : d;
+            var h = date.getHours();
+            var minute = date.getMinutes();
+            var sec = date.getSeconds();
+            minute = minute < 10 ? ('0' + minute) : minute;
+            return y + '-' + m + '-' + d+' '+h+':'+minute+':'+sec;
+        };
+        // 选择查找日期
+        $scope.onDateCondition = function () {
+            $scope.param.page = 1;
+            $scope.orderTableParams.page(1);
+            $scope.orderTableParams.reload();
+        };
+
+        /*获取时间戳代表的天数*/
+        $scope.getDay = function (timeStamp) {
+            return Math.floor((timeStamp - new Date().getTime()) / (1000 * 60 * 60 * 24));
+        }
+        /*获取时间戳代表的小时*/
+        $scope.getHours = function (timeStamp) {
+            return Math.floor(((timeStamp - new Date().getTime()) / (1000 * 60 * 60)) % 24);
+        }
+
+        /*设置列表状态*/
+        $scope.setSeekActive = function (seek, flag) {
+            seek.$active = flag;
+            console.info(seek);
+            if (flag) {
+                $scope.offer.currency = seek.currency ? "RMB" : seek.currency;
+                $scope.offer.spId = seek.spId;
+            }
+        }
+
+        /*上架模态框*/
+        $scope.goGrounding = function (seek) {
+            $modal.open({
+                templateUrl : 'static/view/vendor/modal/groundingSeek.html',
+                controller : 'groundingSeekCtrl',
+                size : 'lg',
+                resolve : {
+                    seek : function() {
+                        return angular.copy(seek);
+                    }
+                }
+            });
+        }
+
+    }]);
+    app.register.controller('groundingSeekCtrl', ['$scope', 'toaster', 'seek', '$modalInstance', function ($scope, toaster, seek, $modalInstance) {
+        $scope.seek = seek;
+        $scope.cancel = function () {
+            $modalInstance.dismiss();
+        }
+    }]);
+});

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

@@ -2,19 +2,9 @@ define(['app/app'], function(app) {
     app.register.controller('seekPurchaseCtrl', ['$scope', '$rootScope', '$stateParams', '$state', 'toaster', 'seekPurchase', 'BaseService', 'ngTableParams', '$modal', function ($scope, $rootScope, $stateParams, $state, toaster, seekPurchase, BaseService, ngTableParams, $modal) {
         document.title = '求购询价-优软商城';
         $rootScope.active = 'vendor_seek_purchase';
-        $scope.status = 'seek';
         $scope.seekPurchaseRate = {};
         $scope.offer = {};
 
-        $scope.switchStatus = function (status) {
-            if (status == 'seek') {
-              $scope.getSeekPushGoodsPageInfo();
-            } else {
-              $scope.getMyOfferPageInfo();
-            }
-            $scope.status = status;
-        }
-
         // 获取当前卖家求购成交率
         seekPurchase.getSeekPurchaseRate(function(data) {
           $scope.seekPurchaseRate = data;

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

@@ -0,0 +1,501 @@
+<style>
+    .seek-purchase .seek-purchase-content {
+        margin: 10px 0 0 0;
+        padding: 20px 0;
+        background: #fff;
+        padding-bottom:50px;
+    }
+    .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.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.default-row td.release-time {
+        position: relative;
+        padding-top: 30px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.default-row td.release-time span {
+        display: block;
+        font-size: 12px;
+        margin-bottom: 6px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.default-row td.release-time .seek-status {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 130px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.default-row 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.default-row td.release-time .seek-status div.no-grounding {
+        background: #f62d37;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.default-row 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.default-row:hover td.release-time .seek-status div::after {
+        border-bottom: 21px solid #f1f5ff;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.default-row 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.default-row td.user-name >div {
+        width: 100px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.default-row td.left-time span{
+        color: #f62d37;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.default-row td.unit-price span {
+        font-size: 12px;
+        color: #f62d37;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate {
+        font-size: 12px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate a{
+        color: #4290f7;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.default-row 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.default-row td.operate span {
+        margin: 17px 0 0 0;
+        color: #39ae05;
+        display: block;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.expand-row{
+        display: none;
+        height: 40px;
+        line-height: 40px;
+        background: #fffbf0;
+        border: 1px solid #dae5fd;
+    }
+    .seek-purchase .seek-purchase-content >table tbody.hover tr.expand-row {
+        display: table-row;
+    }
+    .seek-purchase .seek-purchase-content table tbody tr.expand-row td {
+        font-size: 14px;
+        text-align: center;
+        color: #020202;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.expand-row td >div {
+        float: left;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.expand-row td span {
+        color: #f62d37;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price {
+        display: none;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div {
+        background-color: #e7eef9;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div >div {
+        display: inline-block;
+        position: relative;
+        height: 50px;
+        line-height: 50px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div >div:nth-child(1) {
+        width: 189px;
+        background: #adcbfc;
+        text-align: center;
+        margin-right: 14px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div >div:nth-child(2) {
+        margin-right: 30px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div >div:nth-child(2) input {
+        display: inline-block;
+        width: 118px;
+        height: 26px;
+        border: 1px solid #5392f9;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div >div:nth-child(2) div {
+        position: absolute;
+        top: 14px;
+        left: 33px;
+        width: 32px;
+        height: 25px;
+        line-height: 25px;
+        text-align: center;
+        color: #5392f9;
+        border-right: 1px solid #5392f9;
+        border-bottom-left-radius: 4px;
+        border-top-left-radius: 4px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div >div:nth-child(2) div + input {
+        padding-left: 34px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div >div:nth-child(3) {
+        margin-right: 52px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div >div:nth-child(3) input {
+        display: inline-block;
+        width: 32px;
+        height: 26px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div >div:nth-child(4) {
+        margin-right: 69px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div >div:nth-child(4) input {
+        display: inline-block;
+        width: 118px;
+        height: 26px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div >div:nth-child(5) span {
+        width: 71px;
+        height: 28px;
+        line-height: 28px;
+        text-align: center;
+        display: inline-block;
+        cursor: pointer;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div >div:nth-child(5) span:first-child {
+        background: #dedddd;
+        margin-right: 10px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div >div:nth-child(5) span:last-child {
+        background: #fa4701;
+        color: #fff;
+    }
+    .seek-purchase .seek-purchase-content >table tbody tr.say-price td >div >div i {
+        color: #e41515;
+        position: relative;
+        top: 2px;
+        right: 3px;
+    }
+    .seek-purchase .seek-purchase-content >table tbody.active tr.say-price{
+        display: table-row;
+    }
+    .ng-table-pager {
+        margin-top: 20px;
+    }
+</style>
+<div class="user_right fr seek-purchase">
+    <!--求购询价-->
+    <div class="oder">
+        <div class="oder01">
+            <ul>
+                <li><a href="javascript:void(0)" ui-sref="vendorSeekPurchase">求购询价</a></li>
+                <li class="active"><a href="javascript:void(0)" ui-sref="vendorPurchaseOffer">我的报价</a></li>
+            </ul>
+        </div>
+    </div>
+    <div class="seek-purchase-content">
+        <div class="seek-purchase-title">
+            <div class="seek-data">采纳次数：<span ng-bind="seekPurchaseRate.acceptedAmount"></span></div>
+            <div class="seek-data">报价次数：<span ng-bind="seekPurchaseRate.offerAmount"></span></div>
+            <div class="seek-rate">求购成交率<span ng-bind="seekPurchaseRate.rate+'%'"></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" ng-model="deadline" ng-change="onSearch()" ng-init="deadline='全部'">
+                    <option value="全部">全部</option>
+                    <option value="已截止">已截止</option>
+                    <option value="正在生效">正在生效</option>
+                </select>
+                <!--
+                报价状态&nbsp;
+                <select class="form-control select-adder" ng-model="status" ng-change="onSearch()" ng-init="status=200">
+                    <option value="200">待报价</option>
+                    <option value="201">已报价</option>
+                    <option value="202">已采纳</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"
+                               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"
+                               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="onSearch()"/>
+                    <a class="seek" href="javascript:void(0)" ng-click="onSearch()">搜索</a>
+                </div>
+            </div>
+        </div>
+        <table ng-table="seekPurchaseTableParams" ng-if="status == 'seek'">
+            <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 ng-repeat="seek in $data" ng-class="{'active': seek.$active, 'hover': seek.$hover && seek.status == 201}">
+            <tr class="default-row" ng-mouseenter="seek.$hover = true;" ng-mouseleave="seek.$hover = false;" >
+                <td class="release-time">
+                    <span ng-bind="seek.releaseDate | date:'yyyy-MM-dd'"></span>
+                    <span ng-bind="seek.releaseDate | date:'HH:mm:ss'"></span>
+                    <div class="seek-status">
+                        <div ng-show="!seek.goodsEnuu" class="no-grounding">未上架</div>
+                        <a ng-show="!seek.goodsEnuu" ng-click="goGrounding(seek)">去上架>></a>
+                        <div ng-show="seek.goodsEnuu">已上架</div>
+                    </div>
+                </td>
+                <td class="user-name"><div title="{{seek.userName}}" ng-bind="seek.userName"></div></td>
+                <td ng-bind="seek.code"></td>
+                <td ng-bind="seek.brand"></td>
+                <td ng-bind="seek.encapsulation || '--'"></td>
+                <td ng-bind="seek.produceDate || '--'"></td>
+                <td ng-bind="seek.amount || '--'"></td>
+                <td class="unit-price">
+                    <div ng-if="!seek.unitPrice || seek.unitPrice == null">-</div>
+                    <span ng-if="seek.unitPrice">{{(seek.currency=='RMB'?'￥':'$')+seek.unitPrice | currencyStr}}</span>
+                </td>
+                <td class="left-time" ><span ng-if="seek.remainingTime == '已截止'" ng-bind="seek.remainingTime"></span></td>
+                <td class="operate" ng-switch="seek.status">
+                    <a>联系买家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
+                    <div  ng-switch-when="200" ng-click="setSeekActive(seek, true)">我要报价</div>
+                    <span ng-switch-when="201">已报价 <img src="static/img/seekPurchase/check.png" alt=""></span>
+                    <img ng-switch-when="202" src="static/img/seekPurchase/recieved.png" alt="">
+                </td>
+            </tr>
+            <tr class="expand-row">
+                <td colspan="10">
+                    <div style="width: 173px;">历史报价</div>
+                    <div style="width: 180px;">单价：<span ng-bind="(seek.seekPurchaseOffer.currency=='RMB'?'￥':'$')+seek.seekPurchaseOffer.unitPrice"></span></div>
+                    <div style="width: 182px;">交期：<span ng-bind="seek.seekPurchaseOffer.minDay+'-'"></span><span ng-bind="seek.seekPurchaseOffer.maxDay+'天'"></span></div>
+                    <div style="width: 271px;">生产时间：{{seek.seekPurchaseOffer.produceDate}}</div>
+                </td>
+            </tr>
+            <tr class="say-price">
+                <td colspan="10">
+                    <div>
+                        <div>报价</div>
+                        <div>
+                            <i>*</i>单价
+                            <!--<select ng-model="offer.currency">-->
+                            <!--<option value="RMB">￥</option>-->
+                            <!--<option value="USD">$</option>-->
+                            <!--</select>-->
+                            <div ng-model="offer.currency">￥</div>
+                            <input type="text" class="form-control" ng-model="offer.unitPrice">
+                        </div>
+                        <div>
+                            <i>*</i>交期&nbsp;
+                            <input type="number" class="form-control" ng-model="offer.minDay">&nbsp;-&nbsp;<input type="number" class="form-control" ng-model="offer.maxDay">&nbsp;天
+                        </div>
+                        <div>
+                            生产日期&nbsp;<input type="text" class="form-control" ng-model="offer.produceDate">
+                        </div>
+                        <div>
+                            <span ng-click="setSeekActive(seek, false)">取消</span>
+                            <span ng-click="saveOffer(offer.spId)">提交</span>
+                        </div>
+                    </div>
+                </td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+</div>

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

@@ -5,52 +5,6 @@
         background: #fff;
         padding-bottom:50px;
     }
-    .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;
@@ -245,9 +199,9 @@
         background: #fffbf0;
         border: 1px solid #dae5fd;
     }
-    /*.seek-purchase .seek-purchase-content >table tbody.hover tr.expand-row {*/
-        /*display: table-row;*/
-    /*}*/
+    .seek-purchase .seek-purchase-content >table tbody.hover tr.expand-row {
+        display: table-row;
+    }
     .seek-purchase .seek-purchase-content table tbody tr.expand-row td {
         font-size: 14px;
         text-align: center;
@@ -352,17 +306,12 @@
     <div class="oder">
         <div class="oder01">
             <ul>
-                <li ng-class="{'active': status == 'seek'}"><a href="javascript:void(0)" ng-click="switchStatus('seek')">求购询价</a></li>
-                <li ng-class="{'active': status == 'say'}"><a href="javascript:void(0)" ng-click="switchStatus('say')">我的报价</a></li>
+                <li class="active"><a href="javascript:void(0)" ui-sref="vendorSeekPurchase">求购询价</a></li>
+                <li><a href="javascript:void(0)" ui-sref="vendorPurchaseOffer">我的报价</a></li>
             </ul>
         </div>
     </div>
     <div class="seek-purchase-content">
-        <div class="seek-purchase-title" ng-show="status == 'say'">
-            <div class="seek-data">采纳次数：<span ng-bind="seekPurchaseRate.acceptedAmount"></span></div>
-            <div class="seek-data">报价次数：<span ng-bind="seekPurchaseRate.offerAmount"></span></div>
-            <div class="seek-rate">求购成交率<span ng-bind="seekPurchaseRate.rate+'%'"></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">
@@ -396,7 +345,6 @@
                         />
                         <button class="open" ng-click="openDatePicker($event, condition, 'startDateOpen')"></button>
                     </div>
-
                     <em>–</em>
                     <div class="data-input">
                         <input type="text" ng-model="endDate"
@@ -417,7 +365,7 @@
                 </div>
             </div>
         </div>
-        <table ng-table="seekPurchaseTableParams">
+        <table ng-table="seekPurchaseTableParams" ng-if="status == 'seek'">
             <thead>
                 <tr>
                     <th width="104">发布时间</th>
@@ -432,7 +380,7 @@
                     <th width="92">操作</th>
                 </tr>
             </thead>
-            <tbody ng-repeat="seek in $data" ng-class="{'active': seek.$active, 'hover': seek.$hover && seek.offerStatus == 201}">
+            <tbody ng-repeat="seek in $data" ng-class="{'active': seek.$active, 'hover': seek.$hover && seek.status == 201}">
                 <tr class="default-row" ng-mouseenter="seek.$hover = true;" ng-mouseleave="seek.$hover = false;" >
                     <td class="release-time">
                         <span ng-bind="seek.releaseDate | date:'yyyy-MM-dd'"></span>