|
@@ -0,0 +1,234 @@
|
|
|
|
|
+<style>
|
|
|
|
|
+ table, tr, thead, tbody {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .orderInfo {
|
|
|
|
|
+ padding: 18px 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .order {
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ margin-bottom: 0;
|
|
|
|
|
+ background: #eff2f9;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .order .order-line {
|
|
|
|
|
+ background: #ffffff;
|
|
|
|
|
+ padding: 0 15px;
|
|
|
|
|
+ line-height: 44px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .order-line tr{
|
|
|
|
|
+ line-height:30px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .va-top {
|
|
|
|
|
+ vertical-align: top;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .middle-border {
|
|
|
|
|
+ border-top: solid 1px #CCCCCC;
|
|
|
|
|
+ margin: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .margin10{
|
|
|
|
|
+ margin:10px 0 0 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ .status {
|
|
|
|
|
+ height: 50px;
|
|
|
|
|
+ width: 50px;
|
|
|
|
|
+ border-radius: 30px;
|
|
|
|
|
+ border: dashed 1px #009966;
|
|
|
|
|
+ padding-top: 5px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ right: 10px;
|
|
|
|
|
+ top:10px;
|
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
|
+ color: #009966;
|
|
|
|
|
+ -webkit-transform: rotate(15deg);
|
|
|
|
|
+ -moz-transform: rotate(15deg);
|
|
|
|
|
+ -o-transform: rotate(15deg);
|
|
|
|
|
+ transform: rotate(15deg);
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ z-index: 9;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .tr-height{
|
|
|
|
|
+ position:relative;
|
|
|
|
|
+ border: 2px solid rgb(228, 202, 202);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .padding5{
|
|
|
|
|
+ padding-left: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .tdsoild{
|
|
|
|
|
+ border-left: 1px solid #e6e6e6;
|
|
|
|
|
+ }
|
|
|
|
|
+ .statusfinal {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ height: 50px;
|
|
|
|
|
+ width: 110px;
|
|
|
|
|
+ border-radius: 30px;
|
|
|
|
|
+ border: dashed 1px #009966;
|
|
|
|
|
+ padding-top: 5px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ right: 10px;
|
|
|
|
|
+ bottom:10px;
|
|
|
|
|
+ background-color: #B3E8E0;
|
|
|
|
|
+ color: black;
|
|
|
|
|
+ -webkit-transform: rotate(15deg);
|
|
|
|
|
+ -moz-transform: rotate(15deg);
|
|
|
|
|
+ -o-transform: rotate(15deg);
|
|
|
|
|
+ transform: rotate(15deg);
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ z-index: 9;
|
|
|
|
|
+ }
|
|
|
|
|
+</style>
|
|
|
|
|
+
|
|
|
|
|
+<div class="order row">
|
|
|
|
|
+ <div class="top bold col-xs-12">
|
|
|
|
|
+ <a ui_sref="sale.approval" class="f16 topText"> <i class="fa fa-angle-left"></i> 认定单详情</a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="orderInfo col-xs-12">
|
|
|
|
|
+ <table >
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td class="va-top text-right" width="95px"><label class="text-black">订单号:</label></td>
|
|
|
|
|
+ <td>
|
|
|
|
|
+ <span ng-bind="approval.code"></span>
|
|
|
|
|
+ </td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td class="va-top text-right"><label class="text-black">物料信息:</label></td>
|
|
|
|
|
+ <td>
|
|
|
|
|
+ 名称:<span ng-bind="approval.prodCode"></span><br>
|
|
|
|
|
+ 编号:<span ng-bind="approval.prodDetail"></span><br>
|
|
|
|
|
+ 规格:<span ng-bind="approval.prodSpec"></span>
|
|
|
|
|
+ </td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td class="va-top text-right"><label class="text-black">单据时间:</label></td>
|
|
|
|
|
+ <td>
|
|
|
|
|
+ <span ng-bind="approval.inDate | date:'yyyy-MM-dd'"></span>
|
|
|
|
|
+ </td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td class="va-top text-right"><label class="text-black">关联单据:</label></td>
|
|
|
|
|
+ <td>
|
|
|
|
|
+ <span>{{approval.pscode}}(送样单号)</span>
|
|
|
|
|
+ </td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </table>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="order-line">
|
|
|
|
|
+ <div class="loading" ng-class="{'in': loading}">
|
|
|
|
|
+ <i></i>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="col-xs-5 text-num bold text-left f16">认定信息 :</div>
|
|
|
|
|
+ <div class="col-xs-7 text-left" style="position:relative;">
|
|
|
|
|
+ <div class="status" ng-show="!approval.finalresult">未认定</div>
|
|
|
|
|
+ <div class="status" ng-show="approval.finalresult">已认定</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <table class="block margin10">
|
|
|
|
|
+ <tbody>
|
|
|
|
|
+ <tr class="tr-height">
|
|
|
|
|
+ <td class="statusfinal">关联单据详情</td>
|
|
|
|
|
+ <td class="tdsoild">
|
|
|
|
|
+ <div class="padding5">申请单: {{approval.pscode}}</div>
|
|
|
|
|
+ <div class="row">
|
|
|
|
|
+ <div class="col-xs-3" > 附件:</div>
|
|
|
|
|
+ <div class="col-xs-9 text-left" 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" class="padding5">最终认定:{{::approval.finalresultremark}}<div>
|
|
|
|
|
+ </td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </tbody>
|
|
|
|
|
+ </table>
|
|
|
|
|
+ <table class="block margin10" ng-if="approval.material || approval.materialquality || approval.address || approval.addressmark || approval.height">
|
|
|
|
|
+ <tbody>
|
|
|
|
|
+ <tr class="tr-height">
|
|
|
|
|
+ <td class="statusfinal">送样信息详情</td>
|
|
|
|
|
+ <td class="tdsoild">
|
|
|
|
|
+ <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>
|
|
|
|
|
+ </tbody>
|
|
|
|
|
+ </table>
|
|
|
|
|
+ <table class="block margin10">
|
|
|
|
|
+ <tbody>
|
|
|
|
|
+ <tr class="tr-height">
|
|
|
|
|
+ <td class="tdsoild">
|
|
|
|
|
+ <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>
|
|
|
|
|
+</div>
|