<!--出库单汇总：明细页面-->
<script>

  module.exports = {
    data: function () {
      return {
        trdo:{},
        // 明细数据
        mxList: [],
        // 图片数据
        imgcache:[],
        // 查询条件
        search: {
          //total: 0,
          page: 1,
          pageSize: 5,
          totalPages: 0,
          search_EQ_billno: '',
        },
        doList:{}, 
        // 打印质量验收单
        printParam:{
          guid :'',// 出库汇总单单据编号
        },
        // 打印质量验收单
        printCk:{
          billno :'',// 出库汇总单单据编号
        }
      };
    },
    methods: {
      // 初始化操作
      getData:function(){
        var self = this;        
        var billno = this.$route.params.billno;
        this.search.search_EQ_billno = billno;


        // 1.获得订单详细信息
        Ajax.get('/trdo/getCommon/'+billno)
          .then(function (response){
            var data = response.data.data;
            self.$set('trdo',data);
        })

        self.imgcache = [];
        // 2.获得商品列表信息
        Ajax.get('/trdo/listGoodsDetailCommon', this.search)
          .then(function (response){
            var data = response.data.data;
            self.$set('mxList',data.list);
            self.search.pageno = data.pageno;
            self.search.totalPages = data.totalPages;
            self.search.total = data.total;
             if(data.list == null || data.list == ''){
                layer.msg('没有可出库数的商品，请在出库单汇总里面提交出库单！');
            }  

            // 封存商品图片信息
            self.$set('imgcache',response.data.senData);
        })
      },
      // 打印质量验收单
      printYsd:function(){
        var self = this;
        self.printParam.guid = self.trdo.guid;
        Ajax.get('/print/printYsd', this.printParam)
          .then(function (response){
            var data = response.data.data;
           if(response.data.errorCode == 0){
              window.open (data);    
            }else{ 
              layer.msg(response.data.message);
            }    
        })
      },
      // 打印出库单 立继武
      printTags:function(){
        var self = this;  
       var billNo = self.trdo.billno; 
        Ajax.get('/print/printTags/'+billNo) 
          .then(function (response){
            var data = response.data.data; 
            if(response.data.errorCode == 0){ 
              window.open (data);        
            }else{   
              layer.msg(response.data.message);
            }  
        })
      },  
      // 跳转到订单受理详情页面
      goTRDoDetailsss:function(trpo_billno){
        var self = this;
        // 根据单据类型，单据状态跳转不同的页面 
        self.$route.router.go('/trsettle/settlementInvoice3/'+ trpo_billno); 
         
      },
      // 撤销出库单
      revokeTrsupplierdo:function(){
        var self = this;     
        self.doList.list = this.mxList;
        self.doList.trpo_billno = self.trdo.supplierpobillno;
        self.doList.trdo = this.trdo;
        var trpo_billno = self.trdo.supplierpobillno;
        var trdo_billno = self.trdo.billno;
            // 出库信息
            Ajax.post('/trdo/revokeTrsupplierdo', self.doList)
              .then(function (response){ 
                var data = response.data.data;
                if(response.data.errorCode==0){  
                    self.MessageBox({
                      title:'提示',
                      message:'撤销出库单成功!',
                      type:'alert'
                    },function(action){ 
                       // 根据单据类型，单据状态跳转不同的页面     
                        self.$route.router.go('/trdo/orderOutall2-2/'+((trpo_billno||'')+"@"+(trdo_billno||'')));
                    });    
                }else{ 
                  layer.msg(response.data.message);
                }                
            })  
      },     
      // 打印跟台高值标签
      printTag:function(){
        var self = this;
        self.printParam.guid = self.trdo.guid;
        Ajax.get('/print/printTag', this.printParam)
          .then(function (response){
            var data = response.data.data;
            window.open (data);        
        })
      }
    }, 
    route: {
      activate: function () {
        this.getData();
      }
    }
  };
</script>
<template>
  <div class="container resource close-left-menu contaNEW">
    <div class="pop-banner clearfix">
    <div class="operate-btns">
        <!-- v-if="'/supplier/print:printYsd' | myqx (trdo.billstate=='D02' | trdo.billstate=='D03')" -->
      <a v-on:click="printYsd()" 
        v-if="'/supplier/print:printYsd' | myqx"
        class="fbtn fb-batch-print">打印质量验收单</a>
        <!-- (trdo.billtype=='02' && (trdo.billstate=='D02' || trdo.billstate=='D03')) -->
      <a v-if="(trdo.billtype!='02' || trdo.billtype!='04') && trdo.supplement!='0' && ('/supplier/print:printTag' | myqx)" v-on:click="printTag()"  v-show="trdo.billtype=='02' || trdo.billtype=='03' "
        class="fbtn fb-print-highfollow"  style="display: none;">打印高值追溯标签</a>
      <a  v-on:click="printTags()" class="fbtn fb-print-outLaber">打印出库标签</a>
      <a v-on:click="goTRDoDetailsss(trdo.billno)" class="fbtn fb-lufp">录入发票</a>
      <a v-link="{ path: '/orderOutall3-1/' + trdo.guid}" 
        v-if="trdo.billstate=='D02' || trdo.billstate=='D03'"
        class="fbtn fb-setting">单据追溯</a>
      <a v-on:click="revokeTrsupplierdo()" class="fbtn fb-return">撤销</a>
  </div>
  <h3 class="current-module">供应商出库单详情</h3>
</div>
<div class="order-outlog">
  <div class="pd-form"> 
    <div class="group-row group-row-3">
      <div class="form-group">
        <label for="cn1" class="label lable-xf pl10">出库单号</label>
        <div class="control">
          <input type="text" id="cn1"  :value="trdo.billno" class="pl75" readonly="readonly"></div>
      </div>
      <div class="form-group">
        <label for="cn3" class="label lable-xf pl10">单据类型</label>
        <div class="control">
          <input type="text" id="cn3" :value="trdo.billtype | billtype" class="pl75" readonly="readonly">
        </div>
      </div> 
      <div class="form-group">
        <label for="cn2" class="label lable-xf pl10">执行状态</label>
        <div class="control">
          <input type="text" id="cn2" :value="trdo.billstate | billstate_trdo" class="pl75" readonly="readonly"></div>
      </div>
    </div>
    <div class="group-row group-row-3">
      <div class="form-group">
        <label for="cn4" class="label lable-xf pl10">采购订单</label>
        <div class="control">
          <input type="text" id="cn4" :value="trdo.supplierpobillno" class="pl75" readonly="readonly"></div>
      </div>
      <div class="form-group">
        <label for="cn5" class="label lable-xf w100 pl10">要求到货日期</label>
        <div class="control">
          <input type="text" id="cn5" :value="trdo.planenddate | getYMD" class="pl105" readonly="readonly"></div>
      </div>
      <div class="form-group">
        <label for="cn6" class="label lable-xf pl10">订货日期</label>
        <div class="control">
          <input type="text" id="cn6" :value="trdo.billdate | getYMD" class="pl75" readonly="readonly"></div>
      </div>
    </div>
    <div class="group-row group-row-3">
      <div class="form-group">
        <label for="cn7" class="label lable-xf pl10">操作人</label>
        <div class="control">
          <input type="text" id="cn7" :value="trdo.operatername" class="pl60" readonly="readonly"></div>
      </div>
      <div class="form-group">
        <label for="cn8" class="label lable-xf pl10">业务员</label>
        <div class="control">
          <input type="text" id="cn8" :value="trdo.mkstaffname" class="pl60" readonly="readonly">
        </div>
      </div>
      <div class="form-group">
        <label for="cn9" class="label lable-xf pl10">出库日期</label>
        <div class="control">
          <input type="text" id="cn9" :value="trdo.dodate | getYMD" class="pl75" readonly="readonly"></div>
      </div>
    </div>
    <div class="group-row">
      <div class="form-group">
        <label for="cn10" class="label lable-xf pl10">收货单位</label>
        <div class="control">
          <input type="text" id="cn10" :value="trdo.medname" class="pl75" readonly="readonly"></div>
      </div>
      <div class="form-group">
        <label for="cn11" class="label lable-xf pl10">收货地点</label>
        <div class="control">
          <input type="text" id="cn11" :value="trdo.address" class="pl75" readonly="readonly"></div>
      </div>
    </div>
    <div class="group-row"> 
      <div class="form-group">
        <label for="cn12" class="label lable-xf pl10">供应商</label>
        <div class="control">
          <input type="text" id="cn12" :value="trdo.suppliername" class="pl60 w700" readonly="readonly"></div>
      </div>
    </div>
  </div>
  <div class="ctable ct-parentr mt-10" style='border-bottom:1px solid #c8c8c8;'>
    <div class="ct-head" id="t_header" style='border-bottom:none;'>
      <span class="ct-col w50">序号</span>
      <span class="ct-col w270">商品</span>
      <span class="ct-col w30"></span>
      <span class="ct-col w80 t-right">订货数</span>
      <span class="ct-col w160 t-right">本次出库数</span>
      <span class="ct-col w140 t-right">已出库数</span>
      <span class="ct-col w140 t-right">价格</span>
      <span class="ct-col w120 t-right">含税金额</span>
    </div>
    <div class="ct-row" v-for="mx in mxList">
      <div class="row-line" style='border-bottom:none;border-top:1px solid #c8c8c8;'>
        <span class="ct-col w50 v-top">
          {{$index+1 | getIndex}} 
        </span>
        <span class="ct-col w270 t-left break-it">
          <imagebox v-bind:imgarr=" imgcache [ mx.supplierGoodsguid ] | original">
            <img 
              v-if="mx.supplierGoodsguid!=null && imgcache[mx.supplierGoodsguid]!='NOPIC'" 
              class="pro-pic fl mar-none" 
              v-bind:src="imgcache[mx.supplierGoodsguid] | thumbnail">
            <span class="pic-max blue-search">
            </span>
          </imagebox>  
          <div class="pro-pic fl mar-none" 
            v-if="mx.supplierGoodsguid==null || imgcache[mx.supplierGoodsguid]=='NOPIC'"  
            style="background-image: url(../images/default.jpg)"></div>
            
            	<!--<div class=" fl">
							
							<div class="pro-pic  mar-none clearfix"
                                 v-if="mx.suppliergoodsguid==null || imgcache[mx.suppliergoodsguid]=='NOPIC'"
                                 style="background-image: url(../images/default.jpg)"></div><br />

								              	<div v-if="mx.isMir=='3'" @click="clickMir(mx)" class="t-center"  style="margin-top: -10px;">   
								              		<span
                    class="table-detail-icon icon-green" title="两票制">两</span></div>
					</div>-->

          <div class="p-lr-10 break w160">
            {{mx.supplierGoodscode}}
            <br>
            <span class="p-tit-green">{{mx.supplierGoodsname}}</span>
            <br>
            {{mx.supplierGoodsspec}}
            <br>
             {{mx.manufacturer}}
            <br>{{mx.registkey}}</div>
        </span>
        <span class="ct-col w30">
          <span class="table-detail-icon icon-green">医</span>
          <span class="table-detail-icon icon-green">供</span>
        </span>

        <!--订货数-->
        <span class="ct-col w80 t-right">
          <span class="table-detail-text">
            {{mx.purchaserPoqty==null ?'0':mx.purchaserPoqty}}
            <br><label class="text-color-blue">{{mx.purchaseUnit}}</label></span>
          <span class="table-detail-text">
            {{mx.supplierPoqty==null ?'0':mx.supplierPoqty}}
            <br><label class="text-color-blue">{{mx.supplyUnit}}</label></span>
        </span>
        <!--本次出库数-->
        <span class="ct-col w160 t-right">
          <span class="table-detail-text">
            {{mx.purchaserPesentqty==null ?'0':mx.purchaserPesentqty}}
            <br><label class="text-color-blue">{{mx.purchaseUnit}}</label></span>
          <span class="table-detail-text">
            {{mx.supplierPesentqty==null ?'0':mx.supplierPesentqty}}
            <br><label class="text-color-blue">{{mx.supplyUnit}}</label></span>
        </span>
        <!--已出库数-->
        <span class="ct-col w140 t-right">
          <span class="table-detail-text">
             {{mx.purchaserArrivalqty==null ?'0':mx.purchaserArrivalqty}}
            <br><label class="text-color-blue">{{mx.purchaseUnit}}</label></span>
          <span class="table-detail-text">
            {{mx.supplierArrivalqty==null ?'0':mx.supplierArrivalqty}}
            <br><label class="text-color-blue">{{mx.supplyUnit}}</label></span>
        </span>
        <!--单价、金额-->
        <span class="ct-col w140 t-right">
          {{mx.purchaserPrice==null ?'0':mx.purchaserPrice | numDigit 2 | numFmt}}
          <br>元/<label class="text-color-blue">{{mx.purchaseUnit}}</label></span>
        <span class="ct-col w120 t-right">{{mx.amount==null ?'0':mx.amount | numDigit 2 | numFmt}}元</span>
      </div>
      <div class="row-line" style='border-bottom:none;'>
         <span class="ct-col w50">

         	
         </span> 
        <span class="ct-col w100">
          <span class="td-head text-color-green h-25">批号</span>
          <span class="text-color-green">{{mx.lot}}</span>
        </span>
        <span class="ct-col w120 ml-25">
          <span class="td-head text-color-green h-25">生产日期</span>
          <span class="text-color-green">{{mx.productiondate | getYMD}}</span>
        </span>
        <span class="ct-col w120 ml-25">
          <span class="td-head text-color-green h-25">有效期至</span>
          <span class="text-color-green">{{mx.expiredate | getYMD}}</span>
        </span>
        <span class="ct-col w100 ml-25">
          <span class="td-head text-color-green h-25">灭菌批号</span>
          <span class="text-color-green">{{mx.sterilantlot}}</span>
        </span>
        <span class="ct-col w120 ml-25">
          <span class="td-head text-color-green h-25">灭菌日期</span>
          <span class="text-color-green">{{mx.sterilantdate | getYMD}}</span>
        </span>
        <span class="ct-col w120 ml-25">
          <span class="td-head text-color-green h-25">灭菌效期</span>
          <span class="text-color-green">{{mx.sterilantexpdate | getYMD}}</span>
        </span>
        <span class="ct-col w120 ml-25">
          <span class="td-head text-color-green h-25">操作</span>
          <a v-if="mx.bgflg==0" class="btn button-green readonly-gray btn-d btn-d-activate pd0-20">变更</a>
          <a v-else class="btn button-green" v-link="{path:'/trdo/orderOutallChangeDetail1/'+trdo.guid+'/'+mx.rowno}">变更</a>
        </span>
      </div>
    </div>
  </div>
  <div class="pagination m-20-0">
    <pagination
       @page-change="getData"
       :page-no.sync="search.page"
       :total-pages.sync="search.totalPages"></pagination>
  </div>
</div>
</div>
</template>