|
|
@@ -0,0 +1,340 @@
|
|
|
+<style>
|
|
|
+ .order-table .header>th {
|
|
|
+ height: 38px;
|
|
|
+ text-align: center;
|
|
|
+ background: #f5f5f5;
|
|
|
+ border-top: 1px solid #e8e8e8;
|
|
|
+ border-bottom: 1px solid #e8e8e8;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-table .sep-row {
|
|
|
+ height: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-table .selector {
|
|
|
+ vertical-align: middle;
|
|
|
+ margin: 0 0 2px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .toolbar label {
|
|
|
+ margin-right: 10px;
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .toolbar .select_all {
|
|
|
+ margin: 0 6px 0 10px;
|
|
|
+ line-height: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .toolbar .btn {
|
|
|
+ -moz-border-radius: 2px;
|
|
|
+ margin-right: 5px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ border-radius: 2px;
|
|
|
+ -webkit-border-radius: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-table .order-hd {
|
|
|
+ background: #f5f5f5;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-table .order-hd td.first {
|
|
|
+ padding-left: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-table .order-hd .order-main span {
|
|
|
+ margin-right: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-table .order-hd .order-code {
|
|
|
+ font-style: normal;
|
|
|
+ font-family: verdana;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-table .order-hd .order-sum {
|
|
|
+ padding: 0 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-table>tbody {
|
|
|
+ border: 1px solid transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-table>tbody:hover {
|
|
|
+ border-color: #d32526;
|
|
|
+ border-width: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-table .operates {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-table>tbody:hover .operates {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-table .order-bd {
|
|
|
+ border-bottom: 1px solid #e6e6e6;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-table .order-bd>td {
|
|
|
+ padding: 10px 5px;
|
|
|
+ vertical-align: top;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-table .order-bd .product {
|
|
|
+ padding-left: 20px;
|
|
|
+ }
|
|
|
+ .order-table .order-bd .product .dropdown-toggle span{
|
|
|
+ color:#333;
|
|
|
+ }
|
|
|
+ .order-table .order-bd .product .dropdown-toggle{
|
|
|
+ position:relative;
|
|
|
+ display:inline-block;
|
|
|
+ color:#333;
|
|
|
+ }
|
|
|
+ .order-table .order-bd .product .dropdown-toggle:hover{
|
|
|
+ text-decoration: none;
|
|
|
+ cursor:pointer;
|
|
|
+ }
|
|
|
+ .order-table .order-bd .product .dropdown-toggle:hover span{
|
|
|
+ text-decoration: none;
|
|
|
+ color:#327ebe;
|
|
|
+ }
|
|
|
+ .order-table .order-bd .product .dropdown-toggle i{
|
|
|
+ position:relative;
|
|
|
+ top:-3px;
|
|
|
+ color:#c8c8c8;
|
|
|
+ }
|
|
|
+ .order-table .order-bd .product .dropdown-toggle:hover i{
|
|
|
+ text-decoration: none;
|
|
|
+ color:#000;
|
|
|
+ }
|
|
|
+ .order-table .order-bd .product .dropdown-toggle:hover .dropdown-menu{
|
|
|
+ display:block;
|
|
|
+ margin:0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .input-xs,.input-group-xs>.form-control,.input-group-xs>.input-group-addon,.input-group-xs>.input-group-btn>.btn
|
|
|
+ {
|
|
|
+ height: 26px;
|
|
|
+ padding: 0 5px;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 1.5;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .input-group-xs .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn {
|
|
|
+ border-top-left-radius: 0;
|
|
|
+ border-bottom-left-radius: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ @media ( min-width : 768px) {
|
|
|
+ .form-horizontal .form-group-xs .control-label {
|
|
|
+ padding-top: 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .info-container .info:hover {
|
|
|
+ color: #CC3333;
|
|
|
+ }
|
|
|
+ .input-error{
|
|
|
+ background-color: #fff8ee;
|
|
|
+ border-color: #CC0033;
|
|
|
+ }
|
|
|
+ input.input-error:focus {
|
|
|
+ background-color: #fff8ee;
|
|
|
+ border-color: #CC0033;
|
|
|
+ }
|
|
|
+ .block{
|
|
|
+ /*background: #f5f5f5;*/
|
|
|
+ }
|
|
|
+ .order-table{
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ .menu .new-dot{
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: inherit;
|
|
|
+ top: -2px;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<link rel="stylesheet" href="static/css/public.css">
|
|
|
+<style>
|
|
|
+ .order-table .order-bd .pane-body span{
|
|
|
+ font-size: 14px;
|
|
|
+ color:#333;
|
|
|
+ }
|
|
|
+ .order-table .order-bd .pane-body em{
|
|
|
+ font-size: 14px;
|
|
|
+ color:#999;
|
|
|
+ font-style:normal;
|
|
|
+ }
|
|
|
+ .order-table .order-bd td span{
|
|
|
+ font-size: 14px;
|
|
|
+ color:#999;
|
|
|
+ font-style:normal;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<div class="block" id="public">
|
|
|
+ <div class="loading in" ng-class="{'in': loading}">
|
|
|
+ <i></i>
|
|
|
+ </div>
|
|
|
+ <div class="pub-com_head">
|
|
|
+ <span>我的待报价</span>
|
|
|
+ </div>
|
|
|
+ <div class="condition block">
|
|
|
+ <div class="search-bg condition block" style="padding: 10px 15px;">
|
|
|
+ <div class="row">
|
|
|
+ <div id="topSearch" style="float: left">
|
|
|
+ <a ng-click="changeDateZone(1);condition.$open=false" title="最近一个月" ng-class="{'active':condition.dateZone=='1'}">最近一个月</a>
|
|
|
+ <a ng-click="changeDateZone(3);condition.$open=false" title="最近三个月" ng-class="{'active':condition.dateZone=='3'}">最近三个月</a>
|
|
|
+ <a ng-click="changeDateZone(6);condition.$open=false" title="最近六个月" ng-class="{'active':condition.dateZone=='6'}">最近六个月</a>
|
|
|
+ <a ng-click="condition.$open=!condition.$open;changeDateZone(-1)" title="自定义" ng-class="{'active':condition.dateZone=='-1'}" >自定义</a>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-6" style="float: right;">
|
|
|
+ <div class="search">
|
|
|
+ <div class="form-group form-group-sm has-feedback" dropdown auto-close="outsideClick"
|
|
|
+ on-toggle="searchAdvance=open">
|
|
|
+ <input type="search" class="form-control input-sm" ng-model="keyword"
|
|
|
+ ng-search="onSearch(keyword)" placeholder="输入客户名称、物料名称、型号、规格搜索" style="width: 100%"/>
|
|
|
+ <a class="btn input-group-addon" ng-click="onSearch(keyword)">搜索</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="more-list more" ng-class="{'open': condition.$open}">
|
|
|
+ <form class="form-inline">
|
|
|
+ <div class="form-group ">
|
|
|
+ <label>日期:</label>
|
|
|
+ <div class="btn-group btn-menu" dropdown is-open="condition.$dateZoneOpen">
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li><a ng-click="changeDateZone(1)">一个月内</a></li>
|
|
|
+ <li><a ng-click="changeDateZone(6)">半年内</a></li>
|
|
|
+ <li><a ng-click="changeDateZone()">半年前</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="form-group input-group input-group-xs input-trigger">
|
|
|
+ <input type="text" ng-model="condition.dateFrom"
|
|
|
+ class="form-control" placeholder="从"
|
|
|
+ datepicker-popup="yyyy-MM-dd" is-open="condition.$fromOpened"
|
|
|
+ ng-required="true" max-date = "condition.dateTo"
|
|
|
+ current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
+ datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
+ ng-focus="openFilterDatePicker($event, condition, '$fromOpened')">
|
|
|
+ <span class="input-group-btn">
|
|
|
+ <button type="button" class="btn btn-default"
|
|
|
+ ng-click="openFilterDatePicker($event, condition, '$fromOpened')">
|
|
|
+ <i class="fa fa-calendar"></i>
|
|
|
+ </button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group input-group input-group-xs input-trigger">
|
|
|
+ <input type="text" ng-model="condition.dateTo"
|
|
|
+ class="form-control" placeholder="到"
|
|
|
+ datepicker-popup="yyyy-MM-dd" is-open="condition.$toOpened"
|
|
|
+ ng-required="true" min-date = "condition.dateFrom"
|
|
|
+ current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
+ datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
+ ng-focus="openFilterDatePicker($event, condition, '$toOpened')">
|
|
|
+ <span class="input-group-btn">
|
|
|
+ <button type="button" class="btn btn-default"
|
|
|
+ ng-click="openFilterDatePicker($event, condition, '$toOpened')">
|
|
|
+ <i class="fa fa-calendar"></i>
|
|
|
+ </button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <table class="order-table block" ng-table="tableParams">
|
|
|
+ <thead>
|
|
|
+ <tr class="header">
|
|
|
+ <th width="100">发布日期</th>
|
|
|
+ <th>产品型号</th>
|
|
|
+ <th width="100">品牌</th>
|
|
|
+ <th width="80">需求数量</th>
|
|
|
+ <th width="100">询价企业</th>
|
|
|
+ <th width="80">联系人</th>
|
|
|
+ <th width="80">联系方式</th>
|
|
|
+ <th width="80">截止日期</th>
|
|
|
+ <th width="75">操作</th>
|
|
|
+ </tr>
|
|
|
+ <tr class="sep-row">
|
|
|
+ <td colspan="6"></td>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody ng-if="tableParams.total() == 0">
|
|
|
+ </tbody>
|
|
|
+ <tbody ng-repeat="remind in $data track by remind.id">
|
|
|
+ <tr class="order-bd">
|
|
|
+ <td>
|
|
|
+ <span class="text-num text-bold" title="{{remind.reDate}}"
|
|
|
+ ng-bind="::remind.reDate | date:'yyyy-MM-dd'"></span>
|
|
|
+ </td>
|
|
|
+ <td class="product">
|
|
|
+ <div class="text-num text-bold">
|
|
|
+ <a class="dropdown-toggle"
|
|
|
+ ng-mouseover="getHistory(remind)">
|
|
|
+ <span ng-bind="::remind.cmpCode"></span>
|
|
|
+ <i class="fa fa-fw fa-sort-desc"></i>
|
|
|
+ <div class="dropdown-menu pane" style="width: 270px;">
|
|
|
+ <div class="pane-body">
|
|
|
+ <div>
|
|
|
+ <div>
|
|
|
+ <span>产品规格:</span>
|
|
|
+ <em ng-bind="::remind.spec"></em>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>产品名称:</span>
|
|
|
+ <em ng-bind="::remind.title"></em>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div ng-show="!remind.spec && !remind.title"
|
|
|
+ class="text-center text-muted">暂无产品信息</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="text-center">
|
|
|
+ <span ng-bind="remind.brand || '-'"></span>
|
|
|
+ </td>
|
|
|
+ <td class="text-center">
|
|
|
+ <span ng-bind="remind.needQty || '-'"></span>
|
|
|
+ </td>
|
|
|
+ <td class="text-center">
|
|
|
+ <span ng-bind="remind.enName || '-'"></span>
|
|
|
+ </td>
|
|
|
+ <td class="text-center">
|
|
|
+ <span ng-bind="remind.userName || '-'"></span>
|
|
|
+ </td>
|
|
|
+ <td class="text-center">
|
|
|
+ <span ng-bind="remind.userTel || '-'"></span>
|
|
|
+ </td>
|
|
|
+ <td class="text-center">
|
|
|
+ <span class="text-muted">剩余</span>
|
|
|
+ <span ng-bind="remind.endDate | timespan" class="text-inverse text-bold"></span>
|
|
|
+ </td>
|
|
|
+ <td class="text-center">
|
|
|
+ <div ng-if="!isOverDue(remind.endDate)" class="block">
|
|
|
+ <span>已结束</span>
|
|
|
+ </div>
|
|
|
+ <div ng-if="isOverDue(remind.endDate)" class="block">
|
|
|
+ <a ng-if="remind.status==100" ng-click="qute(remind)">报价</a>
|
|
|
+ <span ng-if="remind.status==101">已报价</span>
|
|
|
+ <span ng-if="remind.status==104">已采纳</span>
|
|
|
+ <span ng-if="remind.status==103">未采纳</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+</div>
|