<script>
  module.exports = {
    data: function () {
      return {
        trdo:{},
        isA:true,
        // 明细数据
        mxList: [],
        // 图片数据
        imgcache:[],
        billno:'',// 出库单编号
        // 保存出库的对象
        doList:{},    
        sh:[],
        sh1:[],
        divbgShow:false,
        divbgShow3:false,
        requestS:false,   
        backMessage:{
            showDialog:'N',
            mList:[],// 提示信息
          },
          TrsupplierDoListVO:{
          billno:'',
          trsupplierosList:[],
        },
          listHZ:{
          sl:'',
          medname:'',
      },  
        // 删除的条件
        delParams:{
          guid:'',
          rowno:'',
          billno:'',
          varchar5:'',
          trpo_billno:'',
          trdo_billno:''
        },
        readonlyFlag:false,
        dateWidth:'80%',
        // 查询条件
        search: {
          //total: 0,
          page: 1,
          pageSize: 500,
          totalPages: 0,
          search_EQ_billno: '',
        },
        sh:true,
        mxListSave:[],//明细数据存储，不复制的
      };
    },
    methods: {
      // 初始化操作
      getData:function(){
        var self = this;
        // ***采购订单编号***
        var _billno = self.$route.params.billno;
        if((_billno)!='' && _billno.split("@").length==2){
          _billno =  _billno.split("@")[1];

          self.$set('billno',_billno);// 系统中的出库单编号
          self.$set('search.search_EQ_billno',_billno);// 查询商品明细出库单编号条件
          self.$set('delParams.trdo_billno',_billno);// 删除出库单条件                          
          self.$set('doList.billno',_billno);// 必须绑定billno,用于更新的时候 
        }else{
          // 条件错误，跳转页面
          self.$route.router.go('/trdo/orderOutall/');
        }


        // 1.获得订单详细信息
        Ajax.get('/trdo/getCommon/'+self.billno)
          .then(function (response){
            var data = response.data.data;
            self.$set('trdo',data);
        })
        self.imgcache = [];
        // 2.获得商品列表信息
        Ajax.get('/trdo/listGoodsDetailByHv', self.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;
            var arr = JSON.parse(JSON.stringify(data.list));
            self.$set('mxListSave',arr);
            // 封存商品图片信息
            self.$set('imgcache',response.data.senData);
        })

       


      },
      // 出库登录信息保存
      saveHv:function(){
        var self = this;    
        
        // 保存跟台高值对应的List
        self.doList.hvList = this.mxList;
        self.doList.trdo = this.trdo;  
        if(self.isdatatime(self.doList.hvList)){
            // 出库信息
            Ajax.post('/trdo/saveHv', self.doList)
              .then(function (response){
                // ***出库汇总单编号***
                var data = response.data.data;
                if(response.data.errorCode==0){
                  // 重新刷新页面
                  self.MessageBox({
                    title:'提示',
                    message:'保存成功!',
                    type:'alert'
                  },function(action){
                    self.getData();
                  }); 
                }else{
                  layer.msg(response.data.message);
                }    
              })
              return;
        };
      },
        //判断是否是正确的日期格式
      isdatatime:function(list){
        var self=this; 
        var date0='';
        var date1='';
        var date2=''; 
        var date3='';
        var date4='';
        var date5=''; 
        var isboolean=true; 
        var null0='';
        var datatimelist=list; 
        for(var i=0;i<datatimelist.length;i++){

              date0=datatimelist[i].lot;//批号
              date1=datatimelist[i].productiondate;//生产日期
              date2=datatimelist[i].expiredate;//有效期 
              date3=datatimelist[i].sterilantdate;//灭菌日期
              date4=datatimelist[i].sterilantexpdate;//灭菌效期
              date5=datatimelist[i].sterilantlot;//灭菌批号

              //获取当前的商品编号
              if((date0==null || date0=='') 
                    || (date1==null || date1=='')
                    || (date2==null || date2=='')) {
                   null0=i+1;
                }
                //判断是否是空值
              if(date0=='' || date0==null){
                  layer.msg('第'+null0+'条商品的批号不能为空!');
                  isboolean=false;
                  return isboolean;
              }else if(date2=='' || date2==null){
                  layer.msg('第'+null0+'条商品的有效日期不能为空!');
                  isboolean=false;
                  return isboolean;
              }else{
                //截取00:00:00 
               date2=date2.substr(0,10);  
                return isboolean;
              } 
              if(date1!=''&& date1!=null){
                 date1=date1.substr(0,10); 
              } 
              if(date3!=''&& date3!=null){
                 date3=date3.substr(0,10); 
              } 
             if(date4!='' && date4!=null){
              date4=date4.substr(0,10); 
             }   
            }  
            //判断批号和灭菌批号是否是数字
            // if(isNaN(date0)){
            //     layer.msg('商品的批号请输入数字!');
            //     return isboolean;
            // } 
            if(isNaN(date5)){
                layer.msg('商品的灭菌批号请输入数字!');
                return isboolean;
            } 
            //判断是否是正确的日期格式
            if(date1!=null && date1!='' && !self.isData(date1)){
                layer.msg('请输入正确的生产日期格式,如xxxx-xx-xx！');
                isboolean=false;
                return isboolean;
            } 
            if(date2!=null && date2!='' && !self.isData(date2)){
                layer.msg('请输入正确的有效期格式,如xxxx-xx-xx！');
                isboolean=false;
                return isboolean;
            } 
      },

      isData:function(val){
        var regtime = new RegExp("^\\d{4}-\\d{2}-\\d{2}$"); 
        return regtime.test(val);
      },
      submitDivSh:function(){
          var self = this;
          self.divbgShow3 = true; 
      },
      // 关闭
        closeDialog1:function(){
          var self = this; 
          self.divbgShow = false;
          self.sumitSh =true;
        },

      // 提交出库单
      submitHv:function(trpo_billno){ 
        var self = this;
        self.divbgShow3 = false;  
         self.doList.hvList = this.mxList;
        self.doList.trpo_billno = '';
        self.doList.trdo = this.trdo;     
        var date1 = new Date(); 
        var date2 = new Date(date1);
        date2.setMonth(date1.getMonth()+6);
        var times = date2.getFullYear()+"-"+(date2.getMonth()+1)+"-"+date2.getDate();
        // alert(times);
        for(var i=0;i<self.mxList.length;i++){
          var mxListss = self.mxList[i];
          //有效期
          var mxLists = mxListss.expiredate;  
          var da1 = mxLists.replace(/\-/gi,"/");
          var da2 = times.replace(/\-/gi,"/");
          var time1 = new Date(da1).getTime();
          var time2 = new Date(da2).getTime();  
          if(time1 <= time2){
                var tr = true;
          }
        } 

          if(tr){
              self.divbgShow=true;
          }
          self.requestS = true;
         // 出库信息
        Ajax.post('/trdo/saveHv', self.doList)
          .then(function (response){
            // ***出库汇总单编号***
            var data = response.data.data;
            if(response.data.errorCode==0){ 
                  // 出库信息 
                  Ajax.post('/trdo/submitHv', self.doList)
                    .then(function (response){
                      var data = response.data.data;
                      if(response.data.errorCode==0){ 
                        self.requestS = false;
                        if(data.split("@")[0]=="1"){// 删除成功的情况
                          self.MessageBox({
                            title:'提示',
                            message:'提交出库单成功!',
                            type:'alert'
                          },function(action){  
                             if(trpo_billno ==null || trpo_billno == ''){
                              self.MessageBox.alert('请先提交出库单!');   
                            }else{
                              // 根据单据类型，单据状态跳转不同的页面     
                              self.$route.router.go('/trdo/orderOutall2/'+trpo_billno);
                            }  
                          });       
                        }
                        else if(data.split("@")[0]=="-1"){   
                            self.MessageBox.alert('本次出库数已经超出需要出库的数量!');  
                        }else if(data.split("@")[0]=="-2"){ 
                            self.MessageBox.alert('只有待提交的单据可提交!');  
                        }else if(data.split("@")[0]=="-3"){
                             self.listsupplier(); 
                        }else{
                          // 提交出库单失败!
                          layer.msg('提交出库单失败!');  
                        }                   
                      }else{
                           self.requestS = false;
                          layer.msg('提交出库单异常!');                    
                      }           
                  })
                  return ; 
            }else{
              layer.msg(response.data.message); 
            }    
        }); 
      },
        getRepeatData:function(){
            var self = this;
            var repeatArr = {},repeatArr2= {},dataList = self.doList.hvList,mxListSave = self.mxListSave;//复制的数据
            if(!dataList){
                dataList = [];
            }
            for(var i = 0; i < mxListSave.length; i++) {
                repeatArr[mxListSave[i].supplierGoodscode] = [];
                repeatArr2[mxListSave[i].supplierGoodscode] = [];
            }
            for(var i in repeatArr) {
                for(var j = 0; j < dataList.length; j++) {
                    if(i == dataList[j].supplierGoodscode){
                        repeatArr[i].push(dataList[j]);
                    }
                }
            }
            var repeatArr2 = [];
            var getYMD = self.$options.filters['getYMD'];
            for(var i in repeatArr) {
                var arr = repeatArr[i],flag = false;
                if(Array.isArray(arr) && arr.length > 0){
                    for(var j =0,len = arr.length;j<len;j++){
                        var comText = repeatArr[i][j].lot+getYMD(repeatArr[i][j].expiredate);
                        flag = arr.some( function( item, index, array ){
                            if(index != j){//有一个相等，就返回true
                                var expiredate = getYMD(item.expiredate);
                                return item.lot+expiredate == comText;
                            }
                        });
                        if(flag){
                            var obj = mxListSave.filter(function(item,index){
                                return item.supplierGoodscode == i;
                            })[0];
                            if(!$.isEmptyObject(obj)){
                                repeatArr2.push(obj);
                            }
                            break;
                        }
                    }
                }
            }
            var text = ""
            repeatArr2.forEach(function(item,index){
                if(index > 0){
                    text+="，";
                }
                text+=item.supplierGoodsname;
            });
            return text;
        },
      listsupplier:function(){
        var self = this;    
        var billno = self.trdo.billno;

        Ajax.get('/trdo/listsupplieros/'+billno) 
          .then(function (response){  
            var data = response.data.data; 
            if(response.data.errorCode == 0){   
                self.$set('backMessage.showDialog','Y');    
                self.listostypelist();
                self.$set('backMessage.mList',data);   
                self.listHZ.sl = self.backMessage.mList.length;
                self.listHZ.medname = self.trdo.medname;
                for (var i = 0; i<self.backMessage.mList.length;i++) {
                    self.sh1.push(false);
                }
            }else{   
              self.commitosz();  
            } 
        }) 
      },  
      // 提交
      commitos:function(){
        var self = this;  
        self.TrsupplierDoListVO.billno = self.trdo.billno; 
        self.TrsupplierDoListVO.trpo_billno = self.trdo.supplierpobillno;  
        for (var i = 0;  i < self.backMessage.mList.length; i++) { 
              if(self.backMessage.mList[i].memo==null || self.backMessage.mList[i].memo==""){ 
                  self.MessageBox({title:'提示', message:"请填写缺货原因!", type: 'alert'},function(action){  
                  });
                   return;
              }
        }
        self.$set('TrsupplierDoListVO.trsupplierosList', self.backMessage.mList); 
          self.MessageBox({
                          title:'提示',
                          message:'将这'+self.listHZ.sl+'个品种缺货信息通知给医院!',
                          type:'alert',
                          showCancelButton: true
                        },function(action){  
                          if(action == 'cancel'){ 
                               // self.$route.router.go('/trpo/orderOutlog');
                          }else{ 
                            // 出库信息 立继武  
                            Ajax.post('/trdo/commitOsListHV', self.TrsupplierDoListVO)
                            .then(function (response){ 
                              var data = response.data.data; 
                              if(response.data.errorCode==0){   
                                   var billno = self.trdo.supplierpobillno;
                                    Ajax.get('/trdo/sendOsMsg/'+billno)
                                      .then(function (response){ 
                                        self.$route.router.go('/trdo/orderOutall');
                                      })
                                 }else{
                                  self.MessageBox.alert(data.message); 
                                 }   
                          })  
                             
                            }
                        });        
      },  
      listostypelist:function(){
        var self = this;     
        Ajax.get('/trdo/listostype') 
          .then(function (response){  
            var data = response.data.data; 
            if(response.data.errorCode == 0){   
                self.$set('shortageselectlist',data);   

            }else{   
              self.MessageBox.alert(response.data.message); 
            } 
        })
      },
       
       //缺货原因
      selectname:function(index,memo){
        var self = this;   
        if(memo=="OS11"){
          self.sh1.splice(index,1,true); 
        }else{
         self.sh1 .splice(index,1,false);
        }  
      }, 
       // 关闭信息提示弹出框
        closeDialog:function(){
          var self = this;
          this.$set('backMessage.showDialog','N'); 
          this.$set('backMessage.mList',[]);  
          // self.getDatadetail(self.trdo.billno);
          self.divbgShow3 = false;
        },
      // 打印出库单 立继武
      printTags:function(){
        var self = this;  
        Ajax.get('/print/printTags/'+self.trdo.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); 
         
      },
      // 删除出库汇总单
      delHv:function(){
        var self = this;    
        // 首先判断是否已经有汇总单，如果没有，提示还未保存汇总单，不需要删除
        if((self.trdo.billno||'')==''){
          layer.msg('出库汇总单还未生成，不需要删除！');
          return ;          
        }

        self.MessageBox({
          title: '提示',
          message: "您确定要删除该出库汇总单吗？",
          type: 'success',
          showCancelButton: true
        },function(action) {
          if(action=='confirm'){
            Ajax.get('/trdo/deleteHv',self.delParams)
              .then(function (response){
                var data = response.data.data;
                if(response.data.errorCode==0){
                  if(data.split("@")[0]=="1"){// 删除成功的情况
                    layer.msg('删除成功!');
                    self.$route.router.go('/trdo/orderOutall');         
                  }else{
                    // 如果删除失败，需要重新增加进去 
                    layer.msg('删除失败!');
                  }                     
                }else{
                    layer.msg('提交出库单异常!');
                }        
            })            
            return ;
          } 
        });
      },
      // 供应商出库数量修改之后，联动修改医院端出库数量
      setPurPesentqty:function(guid,index,mx,rowno){    
        var self = this;  
        var oldValue = 0;  
        // 取到刚刚输入的数据
        var newValue = $("#"+guid+""+index).val(); 
        // 判断输入的是不是数值
        if(newValue<0){
          layer.msg('请输入大于0的正整数!');
          $("#"+guid+""+index).val(oldValue);
          return ;
        } 
        if(isNaN(newValue)){
          layer.msg('请输入数字!');
          self.$set('mxList['+index+'].supplierPesentqty',oldValue);
          $("#"+guid+""+index).val(oldValue);
          return ;
        } 
        if(newValue>mx.supplierPoqty - mx.supplierArrivalqty){
          layer.msg('出库数不能大于订货数!');
          self.$set('mxList['+index+'].supplierPesentqty',oldValue);
          $("#"+guid+""+index).val(oldValue);
          return;
        } 
 
        var sums = 0;
        console.log(self.mxList);
        if(self.mxList.length>1){   
          for (var i = 0; i < self.mxList.length; i++) {     
                   if(self.mxList[i].guid == guid && self.mxList[i].rowno == rowno){   
                      sums += self.mxList[i].supplierPesentqty*1;
                   }  
          }  
           if(sums>mx.supplierPoqty - 0){
            layer.msg('出库数不能大于订货数!');
            self.$set('mxList['+index+'].supplierPesentqty',oldValue);
            $("#"+guid+""+index).val(oldValue);
            return;
          } 
        } 
        

      },
      // 复制一行记录
      copyNewObj:function(index,mxObj){
        var self = this;    
        var newObj = $.extend(true, {}, mxObj);
        // 清空一些属性的数据
        newObj.guid = "";
        newObj.lot = "";
        newObj.productiondate = "";
        newObj.expiredate = "";
        newObj.sterilantlot = "";
        newObj.sterilantdate = "";
        newObj.sterilantexpdate = "";
        self.mxList.splice(index+1,0,newObj);
        layer.msg('复制成功!');
      },
      // 删除一行记录
      deleteLineObj:function(index,do_guid,do_rowno){
        var self = this;    
        // 要删除的数据
        var mxObj = self.mxList[index]; 
        // 如果已经保存到数据库中，需要从数据库中删除
        if((do_guid||'')!=""){
          this.delParams.guid = do_guid;
          this.delParams.rowno = do_rowno;
          this.delParams.billno = this.trdo.billno;
          this.delParams.varchar5 = this.trdo.supplierpobillno;
          this.delParams.trpo_billno = this.search.search_trpo_billno;
          this.delParams.trdo_billno = this.search.search_trdo_billno;

          // 出库信息
          Ajax.get('/trdo/deleteDetailCommon',self.delParams)
            .then(function (response){
              var data = response.data.data;
              //alert(data+","+data.split("@")[0])
              if(data.split("@")[0]=="1"){// 删除成功的情况
                layer.msg('删除成功!');
                  // 数组中的数据删除记录        
                  self.mxList.splice(index,1);
              }else if(data.split("@")[0]=="2"){// 删除成功的情况
                layer.msg('删除成功!');
                  // 数组中的数据删除记录        
                  self.mxList.splice(index,1);
                self.$route.router.go('/trdo/orderOutall');   
              }else{
                // 如果删除失败，需要重新增加进去
                self.mxList.splice(index,0,mxObj);    
                layer.msg('删除失败!');
              }      
          })
        }else{         
          layer.msg('删除成功!');
        }        
      },  
      // 打印跟台高值标签
      printTag:function(){
        var self = this; 
        self.printParam.guid = self.trdo.guid;
        Ajax.get('/print/printTag', this.printParam)
          .then(function (response){ 
            var data = response.data;
            if(data.errorCode==0){
              window.open (data.data);
            }else{
              layer.msg(data.message);
            }             
        })
      }
    },
    route: {
      activate: function () {
        this.getData();
      }
    }
  };
</script>
<template>
  <div class="container resource close-left-menu contaNEW">
    <div class="pop-banner clearfix">
      <div class="operate-btns">
        <a v-on:click="delHv()"  v-show="sh"
          v-if="'/supplier/trdo:saveTrsupplierdoHv' | myqx (trdo.billstate==ctns.dobillstated01|| trdo.billstate==ctns.dobillstated02)" 
          class="fbtn fb-del">删除</a>
        <a v-on:click="submitHv()"  v-show="sh"
          v-if="'/supplier/trdo:submitTrsupplierdoHv' | myqx (trdo.billstate==ctns.dobillstated01|| trdo.billstate==ctns.dobillstated02)" 
          class="fbtn fb-submit">提交</a>
        <a v-on:click="saveHv()"  v-show="sh"
          v-if="'/supplier/trdo:saveTrsupplierdoHv' | myqx (trdo.billstate==ctns.dobillstated01|| trdo.billstate==ctns.dobillstated02)" 
          class="fbtn fb-save">保存</a>


        <a v-on:click="printYsd()" 
          v-if="'/supplier/print:printYsd' | myqx (trdo.billstate=='D02' || trdo.billstate=='D03')"
          class="fbtn fb-batch-print" style="display: none;">打印质量验收单</a>
        <a v-on:click="printTag()" v-show="trdo.billstate=='D02' || trdo.billstate=='D02' "
          v-if="'/supplier/print:printTag' | myqx (trdo.billtype=='02' && (trdo.billstate=='D02' || trdo.billstate=='D03')) " 
          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>
      </div>
      <h3 class="current-module">供应商出库单详情</h3>
    </div>
    <div class="order-outlog">
      <div class="pd-form mb-20">
        <div class="group-row group-row-3">
          <div class="form-group form-label">
            <label for="cn1" class="label">出库单号</label>
            <div class="control">
              <!--隐藏域：出库单的主键-->
              <input type="hidden" id="cn1" class="inp4"  :value="trdo.do_guid">
              <input type="text" id="cn1" class="inp4"  :value="trdo.billno" readonly="readonly">
            </div>
          </div>
          <div class="form-group form-label">
            <label for="cn2" class="label w100">要求到货日期</label>
            <div class="control">
              <input type="text" id="cn2" class="inp6"  :value="trdo.planenddate | getYMD" readonly="readonly"></div>
          </div>
          <div class="form-group form-label">
            <label for="cn2" class="label">执行状态</label>
            <div class="control">
              <input type="text" id="cn2"  class="inp4" :value="trdo.billstate | billstate_trdo" readonly="readonly"></div>
          </div>
        </div>
        <div class="group-row group-row-3">
          <div class="form-group form-label">
            <label for="cn1" class="label">采购订单</label>
            <div class="control">
              <input type="text" id="cn1" class="inp4" :value="trdo.supplierpobillno" readonly="readonly"></div>
          </div>
          <div class="form-group form-label">
            <label for="cn2" class="label">业务员</label>
            <div class="control">
              <input type="text" id="cn1" class="inp3" :value="trdo.mkstaffname" readonly="readonly"></div>
          </div>
          <div class="form-group form-label">
            <label for="cn2" class="label">订货日期</label>
            <div class="control">
              <input type="text" id="cn2" class="inp4" :value="trdo.billdate | getYMD" readonly="readonly"></div>
          </div>
        </div>
        <div class="group-row">
          <div class="form-group form-label">
            <label for="cn3" class="label">采购单位</label>
            <div class="control">
              <input type="text" id="cn3" class="inp4" :value="trdo.medname" readonly="readonly"></div>
          </div>
          <div class="form-group form-label">
            <label for="cn4" class="label">收货地点</label>
            <div class="control">
              <input type="text" id="cn3" class="inp4" :value="trdo.address" readonly="readonly"></div>
          </div>
        </div>
        <div class="group-row">
          <div class="form-group form-label">
            <label for="cn3" class="label">单据类型</label>
            <div class="control">
              <input type="text" id="cn3" class="inp4" :value="trdo.billtype | billtype" readonly="readonly"></div>
          </div>
          <div class="form-group form-label">
            <label for="cn4" class="label">供应商</label>
            <div class="control">
              <input type="text" id="cn3" class="inp3" :value="trdo.suppliername" readonly="readonly"></div>
          </div>
          <div class="group-row">
            <div class="form-group form-label">
              <label for="cn3" class="label">操作人</label>
              <div class="control">
                <input type="text" id="cn3" class="inp3" :value="trdo.operatername" readonly="readonly"></div>
            </div>
            <div class="form-group form-label">
              <label for="cn4" class="label">出库日期</label>
              <div class="control">
                <input type="text" id="cn3" class="inp4" :value="trdo.dodate | getYMD" readonly="readonly"></div>
            </div>
          </div>
        </div>
        <div class="ctable ct-parentr">
          <div class="ct-head" id='t_header'>
            <span class="ct-col w50">序号</span>
            <span class="ct-col w220">商品</span>
            <span class="ct-col w30"></span>
            <span class="ct-col w100">订货数</span>
            <span class="ct-col w100">本次出库数</span>
            <span class="ct-col w100">已出库数</span>
            <span class="ct-col w90">价格</span>
            <span class="ct-col w100">含税金额</span>
            <span class="ct-col ">操作</span>
          </div>
          <div class="ct-row" v-for="mx in mxList">
            <div class="row-line">
              <span class="ct-col w50">
                {{$index+1 | getIndex}}
                
                <imagebox 
                  v-if="mx.supplierGoodsguid!=null && imgcache[mx.supplierGoodsguid]!='NOPIC'"  
                  v-bind:imgarr="imgcache[mx.supplierGoodsguid] | original">
                  <img 
                    class="pro-pic" style="margin-top:0px;"
                    v-bind:src="imgcache[mx.supplierGoodsguid] | thumbnail">
                  <span class="pic-max blue-search">
                  </span>
                </imagebox>  

                <div class="pro-pic" 
                  v-if="mx.supplierGoodsguid==null || imgcache[mx.supplierGoodsguid]=='NOPIC'"  
                  style="background-image: url(../images/default.jpg)">
                </div>
              </span>
              <span class="ct-col w220 t-left break-it">
                <div class="p-lr-10 break">
                  {{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 w100">
                <span class="table-detail-text">
                  {{mx.purchaserPoqty==null ?'0':mx.purchaserPoqty}}
                  <br><label class="text-color-blue">{{mx.purchaserUnit}}</label></span>
                <span class="table-detail-text">
                  {{mx.supplierPoqty==null ?'0':mx.supplierPoqty}}
                  <br><label class="text-color-blue">{{mx.supplierUnit}}</label></span>
              </span>
              <!--本次出库数-->
              <span class="ct-col w90">
                <span class="table-detail-text">
                  <!-- {{mx.purchaserPesentqty==null ?'0':mx.purchaserPesentqty}} -->
                  {{mx.purchaserPesentqty==null ?'0':mx.purchaserPesentqty = (mx.sitem/mx.pitem)*mx.supplierPesentqty}}
                  <br><label class="text-color-blue">{{mx.purchaserUnit}}</label></span>
                <span class="table-detail-text">
                  <input type="text" class="edit-number" 
                      v-on:change="setPurPesentqty(mx.guid,$index,mx,mx.rowno)"
                     id="{{mx.guid}}{{$index}}"
                     :value="mx.supplierPesentqty | valNum">
                  <label class="text-color-blue">{{mx.supplierUnit}}</label></span>
              </span>
              <!--已出库数-->
              <span class="ct-col w100">
                <span class="table-detail-text">
                  {{mx.purchaserArrivalqty==null ?'0':mx.purchaserArrivalqty}}
                  <br><label class="text-color-blue">{{mx.purchaserUnit}}</label></span>
                <span class="table-detail-text">
                  {{mx.supplierArrivalqty==null ?'0':mx.supplierArrivalqty}}
                  <br><label class="text-color-blue">{{mx.supplierUnit}}</label></span>
              </span>
              <!-- 价格 -->
              <span class="ct-col w100 pt30">
                {{mx.purchaserPrice==null ?'0':mx.purchaserPrice | numDigit 6 | numFmt}}
                <br>元/<label class="text-color-blue">{{mx.purchaserUnit}}</label></span>
              <span class="ct-col w100 pt40">{{mx.amount = mx.purchaserPesentqty * mx.purchaserPrice  | numDigit 2 | numFmt}}元</span>
              <span class="ct-col  pt40"> 
              <div class="from-button">
                 <a href="javascript:;" v-on:click="copyNewObj($index,mx)" class="green-button p-lr-10">复制<i>|</i></a>
                 <a href="javascript:;" v-on:click="deleteLineObj($index,mx.guid,mx.rowno)" v-if="'/supplier/trdo:saveTrsupplierdoHv' | myqx" class="red-button p-lr-10">删除</a>
               </div> 
              </span>
            </div>

            <!--批号信息-->
            <div class="row-line">
              <span class="ct-col w50"></span>
              <span class="ct-col w130">
                <span class="td-head text-color-green">批号</span>
                <span>
                  <input type="text" class="edit-number w90 text-color-green" v-model="mx.lot"></span>
              </span>
              <span class="ct-col w130" style="overflow: visible;">
                <span class="td-head text-color-green">生产日期</span>
                <span>
                  <datepicker :target.sync="mx.productiondate | getYMD" :width="dateWidth" 
                    :readonly="readonlyFlag"></datepicker>
                </span>
              </span>
              <span class="ct-col w130" style="overflow: visible;">
                <span class="td-head text-color-green">有效期至</span>
                <span>
                  <datepicker :target.sync="mx.expiredate | getYMD" :width="dateWidth" 
                    :readonly="readonlyFlag"></datepicker>
                </span>
              </span>
              <span class="ct-col w130">
                <span class="td-head text-color-green">灭菌批号</span>
                <span>
                  <input type="text" class="edit-number w90 text-color-green" v-model="mx.sterilantlot"></span>
              </span>
              <span class="ct-col w130" style="overflow: visible;">
                <span class="td-head text-color-green">灭菌日期</span>
                <span>
                  <datepicker :target.sync="mx.sterilantdate | getYMD"  :width="dateWidth" 
                    :readonly="readonlyFlag"></datepicker>
                </span>
              </span>
              <span class="ct-col w140" style="overflow: visible;">
                <span class="td-head text-color-green">灭菌效期</span>
                <span>
                  <datepicker :target.sync="mx.sterilantexpdate | getYMD"  :width="dateWidth" 
                    :readonly="readonlyFlag"></datepicker>
                </span>
              </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>
    <!--star 9-9 提示缺货信息列表-->
        <div class="modal " :class="backMessage.showDialog=='Y'?'':'hide'" >  
          <div class="container resource"> 
            <div class="audit-detail ml-0 w1003">
              <span class="close-win"  v-on:click="closeDialog()"></span> 
                <div class="sdiv-9-9b no-border pb0">            
                  <p class="t-center">检测到您有<b class="text-color-yellow">{{listHZ.sl}}</b>个品种出库数量不满足订单数量，依据【{{listHZ.medname}}】医院政策，请填写缺货原因！</p>
                </div> 
              <div class="status-process wbe-0 clearfix pd20">
                <p style="color:#606f7a;font-size:14px;">
                </p> 
                <div class="sp-head sp-headb mb-0"  > 
     <div class="ctable ct-parentr mt-10" style="padding-top:0px; max-height: 350px; overflow-y: auto;">
          <div class="ct-head">
            <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 w100 t-right">本次出库数</span>
            <span class="ct-col w100 t-right">缺货</span>
            <span class="ct-col w120 t-center ml-20">请选择原因</span> 
            <span class="ct-col w120  ml-20"></span>
          </div>
          <div class="ct-row" v-for="mx in backMessage.mList">
            <div class="row-line">
              <span class="ct-col w50  v-top">
                {{$index+1 | getIndex}} 
              </span>
              <span class="ct-col w270 t-left break-it  v-top">  
                <div class="p-lr-10 break fl  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  v-top">
                <span class="table-detail-text">
                  {{mx.purchaserPoqty==null ?'0':mx.purchaserPoqty}}
                  <br>{{mx.purchaserUnit}}</span>
                <span class="table-detail-text">
                  {{mx.supplierPoqty==null ?'0':mx.supplierPoqty}}
                  <br>{{mx.supplierUnit}}</span>
              </span>
              <!--本次出库数-->
              <span class="ct-col w100 t-right  v-top">
                <span class="table-detail-text">
                  {{mx.purchaserPesentqty==null ?'0':mx.purchaserPesentqty}}
                  <br>{{mx.purchaserUnit}}</span>
                <span class="table-detail-text">
                {{mx.supplierPesentqty==null ?'0':mx.supplierPesentqty}}
                  <br>{{mx.supplierUnit}}</span> 
              </span>
              <!--缺货数-->
              <span class="ct-col w100 t-right">
                <span class="table-detail-text">
                  {{mx.purchaserArrivalqty==null ?'0':mx.purchaserArrivalqty}}
                  <br>{{mx.purchaserUnit}}</span>
                <span class="table-detail-text">
                  {{mx.supplierArrivalqty==null ?'0':mx.supplierArrivalqty}}
                  <br>{{mx.supplierUnit}}</span>
              </span>
              <!-- 缺货原因 -->
              <span class="ct-col w120 t-right  ml-20">
                    <select v-model="mx.memo" @change="selectname($index,mx.memo)">   
                      <option v-for="option in shortageselectlist" v-bind:value="option.datavalue">
                        {{option.dataintroduction}}
                      </option>
                    </select>
              </span>
              <span class="ct-col w120 t-right  ml-20">
              <input type="text" class="edit-number" v-show="sh1[$index]"  v-model="mx.varchar1"> 
              </span> 
            </div>

             
          </div>
        </div>
                  <div class="w240" style="margin:0 auto;">
                  <button class="btn button-green fl mt-15" v-on:click="closeDialog()">取 消</button>
                  <button class="btn button-green fr mt-15" v-on:click="commitos()">提 交</button>
                  </div>
                </div> 
              </div> 

            </div>
          </div>
        </div>
        <!--star 9-9 受理弹出-->

         <!--新加提示信息-->
        <div class="modal " v-show="divbgShow">
          <div class="container resource">
            <div class="audit-detail" style="width:300px; margin:300px auto; min-height: 150px; border:0; padding: 15px 0 0px; border-radius: 2px;"> 
                <div class="sdiv-9-9b t-center text-color-gray f-size18" style="margin-left: 0; margin-right: 0; ">            
                  提示
                </div> 
                <div class="sdiv-9-9b t-center text-color-gray f-size16" style="margin-left: 0; margin-right: 0; padding-bottom: 0; height: 50px; line-height: 50px;">            
                  有效期小于6个月!
                </div> 
                <a v-on:click="closeDialog1()"><div class="t-center text-color-gray f-size16" style="margin-left: 0; margin-right: 0; padding-bottom: 0; height: 50px; line-height: 50px; cursor: pointer;">            
                  确定
                </div> 
                </a>  
            </div>
          </div>
        </div>
        <!--新加提示信息 end-->
        <!--新加提示信息-->
        <div class="modal " v-show="divbgShow3">
          <div class="container resource">
            <div class="audit-detail" style="width:550px; margin:220px auto; min-height: 150px; border:0; padding: 15px 0 0px; border-radius: 2px;"> 
                <div class="sdiv-9-9b t-center text-color-gray f-size18" style="margin-left: 0; margin-right: 0; ">            
                  提示
                </div> 
                <div class="sdiv-9-9b t-center text-color-gray f-size18" style="margin-left: 0; margin-right: 0; padding-bottom: 0; height: 100px;  padding:20px 90px 0px 90px">            
                  提交后，将发送给医院进行入库，请确保出库信息全部录入完整后再提交!
                </div> 
                <a v-on:click="closeDialog()">
                <div class="sdiv-9-9b t-center text-color-gray f-size18" style="margin-left: 0; margin-right: 0; padding-bottom: 0; height: 50px; line-height: 50px; cursor: pointer;">            
                  先不提交，我再检查一下
                </div> 
                </a>  
                 <div class="t-right text-color-gray f-size14" style="margin-left: 0; margin-right: 0; padding-bottom: 0; padding-right: 20px; height: 30px; line-height: 30px; ">    
                 <a v-on:click="submitHv(trdo.billno)">        
                  确认无误，继续提交
                  </a> 
                </div> 
                 
            </div>
          </div>
        </div>
        <!--新加提示信息 end-->
          <!--新加提示信息 end-->
      <div class="roll-bg" v-show='requestS'>
          <div class="w60" style="margin:0 auto;">
              <img src="/images/roll.gif">
          </div>
          <div class="container resource t-center text-color-red">
            正在处理中，请勿关闭！
          </div> 
        </div>
  </template>