|
|
@@ -0,0 +1,369 @@
|
|
|
+<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: #56a022;
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+ .modal-dialog {
|
|
|
+ margin-top: 110px;
|
|
|
+}
|
|
|
+
|
|
|
+.sampleSend .col {
|
|
|
+ padding-left: 5px;
|
|
|
+ padding-right: 5px;
|
|
|
+ line-height: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.sampleSend label {
|
|
|
+ font-weight: bold;
|
|
|
+ text-align: right;
|
|
|
+ font-family: "Microsoft YaHei","微软雅黑";
|
|
|
+ line-height: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.file {
|
|
|
+ color: #336699;
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+
|
|
|
+</style>
|
|
|
+<div class="block">
|
|
|
+<div class="loading in" ng-class="{'in': loading}">
|
|
|
+ <i></i>
|
|
|
+</div>
|
|
|
+<div class="condition block">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-xs-4">
|
|
|
+ <div class="btn-group btn-group-sm btn-group-justified">
|
|
|
+ <div class="btn-group btn-group-sm">
|
|
|
+ <button type="button" class="btn btn-default btn-line"
|
|
|
+ ng-class="{'btn-info':active=='all'}" ng-click="setActive('all')">全部</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-6">
|
|
|
+ <div class="search">
|
|
|
+ <div class="form-group form-group-sm has-feedback">
|
|
|
+ <input type="search" class="form-control input-sm" placeholder="输入商品、客户名称或单据流水号搜索" /><span
|
|
|
+ class="form-control-feedback text-simple"><i
|
|
|
+ class="fa fa-search"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-2 toggle">
|
|
|
+ <a ng-click="condition.$open=!condition.$open" class="text-simple">
|
|
|
+ <span ng-bind="condition.$open ? '简化筛选条件' : '更多筛选条件'"></span>
|
|
|
+ <i class="fa fa-fw" ng-class="{'fa-angle-up': condition.$open, 'fa-angle-down': !condition.$open}"></i>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="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">
|
|
|
+ <button type="button" style="width: 85px;" class="btn btn-default btn-xs dropdown-toggle">
|
|
|
+ {{dateZoneText}}<i class="fa fa-fw fa-angle-down icon-right"></i></span>
|
|
|
+ </button>
|
|
|
+ <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"
|
|
|
+ current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
+ datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
+ ng-focus="openDatePicker($event, condition, '$fromOpened')">
|
|
|
+ <span class="input-group-btn">
|
|
|
+ <button type="button" class="btn btn-default"
|
|
|
+ ng-click="openDatePicker($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"
|
|
|
+ current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
+ datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
+ ng-focus="openDatePicker($event, condition, '$toOpened')">
|
|
|
+ <span class="input-group-btn">
|
|
|
+ <button type="button" class="btn btn-default"
|
|
|
+ ng-click="openDatePicker($event, condition, '$toOpened')">
|
|
|
+ <i class="fa fa-calendar"></i>
|
|
|
+ </button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+<table class="order-table block" ng-table="tableParams">
|
|
|
+ <thead>
|
|
|
+ <tr class="header">
|
|
|
+ <th>商品</th>
|
|
|
+ <th>样品数量</th>
|
|
|
+ <th colspan="2">关联单据</th>
|
|
|
+ <th width="140">送样信息</th>
|
|
|
+ <th width="70">操作</th>
|
|
|
+ </tr>
|
|
|
+ <tr class="sep-row">
|
|
|
+ <td colspan="6"></td>
|
|
|
+ </tr>
|
|
|
+ <tr class="toolbar toolbar-top">
|
|
|
+ <td colspan="6">
|
|
|
+ <div>
|
|
|
+ <label><input type="checkbox" class="selector select_all"
|
|
|
+ ng-model="selectAll">全选</label> <a href="javascript:void(0)"
|
|
|
+ class="btn btn-default btn-xs">批量回复</a>
|
|
|
+ </div> <!-- 分页 -->
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr class="sep-row">
|
|
|
+ <td colspan="6"></td>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody ng-repeat="approval in $data">
|
|
|
+ <tr class="order-hd">
|
|
|
+ <td class="first">
|
|
|
+ <div class="order-main">
|
|
|
+ <span> <input type="checkbox" class="selector"
|
|
|
+ ng-model="approval.$selected">
|
|
|
+ </span> <span class="text-num text-bold" title="{{approval.inDate | date: 'yyyy年MM月dd日 hh:mm'}}"
|
|
|
+ ng-bind="::approval.inDate | date:'yyyy-MM-dd'"></span>
|
|
|
+ <span title="认定单号" ng-bind="::approval.code"></span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td colspan="3"><a title="客户名称" href="#"
|
|
|
+ ng-bind="::approval.enterprise.enName"></a></td>
|
|
|
+ <td colspan="1" class="order-sum" >
|
|
|
+ <span ng-if="approval.finalresult" class="label " ng-class="{'label-success': approval.finalresult == '合格', 'label-warning': approval.finalresult != '合格'}">
|
|
|
+ <i class="fa fa-legal" ></i>
|
|
|
+ {{::approval.finalresult}}
|
|
|
+ </span>
|
|
|
+ </td>
|
|
|
+ <td colspan="1" class="text-center">
|
|
|
+ <div class="operates">
|
|
|
+ <a href="#" class="text-muted" title="打印">
|
|
|
+ <i class="fa fa-print fa-lg fa-fw"></i>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr class="order-bd">
|
|
|
+ <td class="product" title="{{approval.prodSpec}}">
|
|
|
+ <div class="text-num text-bold">
|
|
|
+ <a href="#" ng-bind="approval.prodcode"></a>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <a href="#" ng-bind="approval.prodDetail"></a>
|
|
|
+ </div>
|
|
|
+ <div class="text-muted"
|
|
|
+ ng-bind="approval.prodSpec"></div>
|
|
|
+ </td>
|
|
|
+ <td class="text-center">
|
|
|
+ <div class="text-num text-bold"
|
|
|
+ title="{{approval.sampleqty}}" ng-bind="approval.sampleqty"></div>
|
|
|
+ <div class="text-muted" ng-bind="approval.prodUnit"></div>
|
|
|
+ </td>
|
|
|
+ <td colspan="2" class="br-l">
|
|
|
+ <div class="dropdown">申请单：
|
|
|
+ <a href="#" ng-bind="::approval.pscode" class="dropdown-toggle text-success" ng-mouseover="getProofing(approval)"></a>
|
|
|
+ <i class="fa fa-fw fa-angle-down"></i>
|
|
|
+ <div class="dropdown-menu pane" style="width: 270px;">
|
|
|
+ <div class="pane-body">
|
|
|
+ 申请单
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-xs-3">附件：</div>
|
|
|
+ <div class="col-xs-9" ng-if="approval.attachs == 0">无</div>
|
|
|
+ <div class="col-xs-9 file" ng-repeat="attach in approval.attachs" ng-if="approval.attachs.length > 0">
|
|
|
+ <a href="file/{{attach.id}}" ng-bind="::attach.name"></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div ng-if="approval.finalresultremark">
|
|
|
+ 最终认定：{{::approval.finalresultremark}}
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="br-l" colspan="2">
|
|
|
+ <div ng-if="approval.material || approval.materialquality">
|
|
|
+ <span ng-if="approval.material">材料：{{::approval.material}}</span>
|
|
|
+ <span ng-if="approval.materialquality">材质：{{::approval.materialquality}}</span>
|
|
|
+ </div>
|
|
|
+ <div ng-if="approval.address || approval.addressmark">
|
|
|
+ <span ng-if="approval.address">产地：{{::approval.address}}</span>
|
|
|
+ <span ng-if="approval.addressmark">产地标示：{{::approval.addressmark}}</span>
|
|
|
+ </div>
|
|
|
+ <div ng-if="approval.height">
|
|
|
+ <span ng-if="approval.height">单重：{{::approval.height}} g</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr class="order-bd checkItem">
|
|
|
+ <td class="product" colspan="6">
|
|
|
+ <ul class="list-group">
|
|
|
+ <li class="list-group-item text-muted ">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-2">
|
|
|
+ <i class="fa fa-check-square-o fa-fw"></i> 研发认定
|
|
|
+ </div>
|
|
|
+ <div class="col-md-10">
|
|
|
+ <span ng-if="approval.prdtime">收到样品时间：{{::approval.prdtime | date: 'yyyy-MM-dd'}} </span>
|
|
|
+ <span ng-if="approval.prdypsl">收到样品数量：{{::approval.prdypsl}} </span>
|
|
|
+ <span ng-if="approval.prdresult">综合判定：{{::approval.prdresult}} </span>
|
|
|
+ <span ng-if="approval.prdadvice">建议：{{::approval.prdadvice}} </span>
|
|
|
+ <span ng-if="approval.prdremark">描述：{{::approval.prdremark}} </span>
|
|
|
+ 附件：<span ng-if="approval.prdAttachs.length == 0">无</span>
|
|
|
+ <span ng-repeat="attach in approval.prdAttachs"><a class="file" href="file/{{attach.id}}" ng-bind="::attach.name"></a> </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul class="list-group" style="margin-top: 10px;">
|
|
|
+ <li class="list-group-item text-muted ">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-2">
|
|
|
+ <i class="fa fa-check-square-o fa-fw"></i> IQC认定
|
|
|
+ </div>
|
|
|
+ <div class="col-md-10">
|
|
|
+ <span ng-if="approval.padtime">收到样品时间：{{::approval.padtime | date: 'yyyy-MM-dd'}} </span>
|
|
|
+ <span ng-if="approval.padypsl">收到样品数量：{{::approval.padypsl}} </span>
|
|
|
+ <span ng-if="approval.padresult">综合判定：{{::approval.padresult}} </span>
|
|
|
+ <span ng-if="approval.padadvice">建议：{{::approval.padadvice}} </span>
|
|
|
+ <span ng-if="approval.padremark">描述：{{::approval.padremark}} </span>
|
|
|
+ 附件：<span ng-if="approval.padAttachs.length == 0">无</span>
|
|
|
+ <span ng-repeat="attach in approval.padAttachs"><a class="file" href="file/{{attach.id}}" ng-bind="::attach.name"></a> </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul class="list-group" style="margin-top: 10px;">
|
|
|
+ <li class="list-group-item text-muted ">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-2">
|
|
|
+ <i class="fa fa-check-square-o fa-fw"></i> 工程认定
|
|
|
+ </div>
|
|
|
+ <div class="col-md-10">
|
|
|
+ <span ng-if="approval.ppdtime">收到样品时间：{{::approval.ppdtime | date: 'yyyy-MM-dd'}} </span>
|
|
|
+ <span ng-if="approval.ppdypsl">收到样品数量：{{::approval.ppdypsl}} </span>
|
|
|
+ <span ng-if="approval.ppdresult">综合判定：{{::approval.ppdresult}} </span>
|
|
|
+ <span ng-if="approval.ppdadvice">建议：{{::approval.ppdadvice}} </span>
|
|
|
+ <span ng-if="approval.ppdremark">描述：{{::approval.ppdremark}} </span>
|
|
|
+ 附件：<span ng-if="approval.ppdAttachs.length == 0">无</span>
|
|
|
+ <span ng-repeat="attach in approval.ppdAttachs"><a class="file" href="file/{{attach.id}}" ng-bind="::attach.name"></a> </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+</table>
|
|
|
+</div>
|
suntg