<!--跟台高值：订单详情-->
<script >
  import model_tab from './include_model_tab.vue';
  

  module.exports = {
    data: function () {
      return {
        tab_index: 2,
        trdo:{},
        // 明细数据
        mxList: [],
        // 图片数据
        imgcache:[],

        billno:'',// 出库单编号
        // 保存出库的对象
        doList:{},        
        // 删除的条件
        delParams:{
          guid:'',
          trpo_billno:'',
          trdo_billno:''
        },
        readonlyFlag:false,
        dateWidth:'80%',
        // 查询条件
        search: {
          //total: 0,
          page: 1,
          pageSize: 5,
          totalPages: 0,
          search_EQ_billno:'',// 出库汇总表编号
        },


        postdata:{},
        // 模板信息
        model:{
          name:'',
          isSelect:'',
        },
      };
    },
    methods: {
      // 初始化操作
      getData:function(){
        var self = this;
        // ***采购订单编号***
        var _billno = this.$route.params.billno;
        if((_billno)!=''){

          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('/trhv/orderHighout/');
        }


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

            // 封存商品图片信息
            self.$set('imgcache',response.data.senData);
        })          
      },
      // 仅收藏为模板
      saveModel:function(){
        var self = this;

        // 赋值出库单信息
        self.postdata.trhvdo = self.trdo;
        // 选择的商品信息
        self.postdata.chGoodsList = self.mxList;
        // 模板信息
        self.postdata.model = self.model;


        if(self.postdata.model.name==''){
          layer.msg('模板名称不能为空，请为模板起个好名字吧!');
          return ;
        }
        // 首先判断模板名称是否已经存在
        Ajax.post('/trhv/saveModel', self.postdata)
          .then(function (response) {
            var modelguid = response.data.data;
            if (response.data.errorCode > 0) {// 异常
              layer.msg('收藏失败！');
            }else{
              layer.msg('收藏成功！');
            }
        });
      },
      // 出库登录信息保存
      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);
            }    
        })     
        };     
      },      

      //判断是否是正确的日期格式
      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(date1=='' || date1==null){
                  layer.msg('第'+null0+'条商品的生产日期不能为空!');
                  isboolean=false;
                  return isboolean;
              }else if(date2=='' || date2==null){
                  layer.msg('第'+null0+'条商品的有效日期不能为空!');
                  isboolean=false;
                  return isboolean;
              }else{
                //截取00:00:00
               date1=date1.substr(0,10);
               date2=date2.substr(0,10);  
                return isboolean;
              } 
              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);
      },
      // 提交出库单
      submitHv:function(billstate){ 
        var self = this;     
        self.doList.hvList = this.mxList;
        self.doList.trpo_billno = '';
        self.doList.trdo = this.trdo;    
        if(self.isdatatime(self.doList.hvList)){ 

        self.MessageBox({
          title: '提示',
          message: "您确定要提交该出库单吗？",
          type: 'success',
          showCancelButton: true
        },function(action) { 
           // 出库信息
        Ajax.post('/trdo/saveHv', self.doList)
          .then(function (response){
            // ***出库汇总单编号***
            var data = response.data.data;
            if(response.data.errorCode==0){
              // 重新刷新页面 
              if(action=='confirm'){
                  // 出库信息 
                  Ajax.post('/trdo/submitHv', self.doList)
                    .then(function (response){
                      var data = response.data.data;
                      if(response.data.errorCode==0){
                        if(data.split("@")[0]=="1"){// 删除成功的情况
                          self.MessageBox({
                            title:'提示',
                            message:'提交出库单成功!',
                            type:'alert'
                          },function(action){
                            // 提交成功之后，跳转到打印的页面
                            self.$route.router.go('/trhv/orderHighout5/'+self.trdo.billno);   
                          });            
                        }else{
                          // 提交出库单失败!
                          layer.msg('提交出库单失败!');
                        }                   
                      }else{
                          layer.msg('提交出库单异常!');
                      }           
                  })
                  return ;
                }  
            }else{
              layer.msg(response.data.message);
            }    
        });

          
        });  

         }; 
      },
      // 复制一行记录
      copyNewObj:function(index,mxObj){
        var self = this;    
        var newObj = $.extend(true, {}, mxObj);
        // 清空一些属性的数据
        newObj.guid = "";
        newObj.supplierPesentqty = "0";
        newObj.lot = "";
        newObj.productiondate = "";
        newObj.expiredate = "";
        newObj.sterilantlot = "";
        newObj.sterilantdate = "";
        newObj.sterilantexpdate = "";
        self.mxList.splice(index+1,0,newObj);
        layer.msg('复制成功!');
      },
      // 删除一行记录
      deleteLineObj:function(index,guid){
        var self = this;    
        // 要删除的数据
        var mxObj = self.mxList[index];
        // 数组中的数据删除记录        
        self.mxList.splice(index,1);
        // 如果已经保存到数据库中，需要从数据库中删除
        if((guid||'')!=""){
          this.delParams.guid = guid;
          this.delParams.billno = self.search.search_EQ_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('删除成功!');
              }else{
                // 如果删除失败，需要重新增加进去
                self.mxList.splice(index,0,mxObj);    
                layer.msg('删除失败!');
              }      
          })
        }else{         
          layer.msg('删除成功!');
        }      
      },      
       // 验证金额
      checkInfotaxprice: function(taxprice, index, code) {
        var self = this;   
        if (taxprice < 0) {
          self.MessageBox({title:'警告', message:"包装价格不能为负数!", type: 'alert'},function(action){ 
          self.$set('mxList['+index+'].supplierPrice', '');   
          }); 
        } 
      },
      // 供应商出库数量修改之后，联动修改医院端出库数量
      setPurPesentqty:function(guid,index,mx){    
        var self = this;     
        var oldValue = mx.supplierPesentqty || 0;  
        // 取到刚刚输入的数据
        var newValue = $("#"+guid+""+index).val();

        //判断输入的是不是数值
        if(isNaN(newValue)){
          layer.msg('请输入数字!');
          self.$set('mxList['+index+'].do_supplier_pesentqty',oldValue);
          $("#"+guid+""+index).val(oldValue);
          return ;
        }
         //判断是否为负数
        if(newValue<0){
          layer.msg('出货数不能为负数!');
           self.$set('mxList['+index+'].do_supplier_pesentqty',oldValue);
          $("#"+guid+""+index).val(oldValue);
          return ;
        }
        // 判断是否为整数
        if(parseInt(newValue)!=newValue){
          layer.msg('请输入整数!');
          self.$set('mxList['+index+'].do_supplier_pesentqty',oldValue);
          $("#"+guid+""+index).val(oldValue);
          return ;
        }
        // alert("采购方价格："+mx.purchaserPrice+",供应方价格："+mx.supplierPrice);

        mx.supplierPesentqty = newValue;
        // 转换成医院端应该出库的数量(XXXXXXX 火狐浏览器是5舍6入，很坑爹 XXXXXXXXXXXXX)
        mx.purchaserPesentqty =  Math.round(newValue * mx.sitem/mx.pitem *10000)/10000;  

        // 如果没有问题需要修改金额
        mx.amount = mx.purchaserPesentqty*mx.purchaserPrice;
        
        // 修改订货数、已出库数
        mx.supplierPoqty = newValue;
        mx.supplierArrivalqty = newValue;
        mx.purchaserPoqty = mx.purchaserPesentqty;
        mx.purchaserArrivalqty = mx.purchaserPesentqty;
      },
    },
    route: {
      activate: function () {
        this.getData();
      }
    },
    components: {
        model_tab
    }
  };
</script>
<template>
  <div class="container resource close-left-menu contaNEW">
    <div class="pop-banner clearfix">
      <div class="operate-btns">
        <a v-on:click="saveModel()" 
          v-if="'/supplier/trhv:saveModel' | myqx"
          class="fbtn fb-favorite">收藏</a>
        <a v-on:click="saveHv()" 
          v-if="'/supplier/trhv:genTrhvdo' | myqx trdo.billstate==ctns.dobillstated01" 
          class="fbtn fb-save">保存</a>
        <a v-on:click="submitHv(trdo.billstate)" 
          v-if="'/supplier/trdo:submitTrsupplierdoHv' | myqx trdo.billstate==ctns.dobillstated01" 
          class="fbtn fb-submit">提交</a>
      </div>
      <h3 class="current-module">跟台高值出库</h3>
    </div>
    <div class="order-highout">
      <!--跟台高值出库Tab页-->
      <model_tab :tab_index="tab_index"></model_tab>

      <div class="fheader gray-bottom">
        <h4>供应商出库单</h4>
        <div class="fr pap-tit-right">
          <div class="checkbox-control checkbox-inline">
            <input type="checkbox" name="cb" id="cball" checked="checked">
            <label class="checkbox" for="cball">收藏为出库单模板</label>
          </div>
          请为模板起个好名字
          <input class="" type="text" v-model="model.name"></div>
      </div>
      <div class="pd-form mb-20">
        <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"  readonly="readonly" class="pl75"></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.operatername" readonly="readonly" class="pl60"></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.billstate | billstate_trdo" readonly="readonly" class="pl75"></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.dodate | getYMD" readonly="readonly" class="pl75"></div>
          </div>
          <div class="form-group">
            <label for="cn5" class="label lable-xf pl10">制单日期</label>
            <div class="control">
              <input type="text" id="cn5" :value="trdo.inputdate | getYMD" readonly="readonly" class="pl75"></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.billtype | billtype" readonly="readonly" class="pl75"></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.meddeptname" readonly="readonly" class="pl75"></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" readonly="readonly" class="pl60">
            </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.medstorename" readonly="readonly" class="pl75"></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" readonly="readonly" class="pl75"></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" readonly="readonly" class="pl75"></div>
          </div>
        </div>
        <div class="form-group">
          <label for="cn12" class="label lable-xf pl10">备注</label>
          <div class="control">
            <input type="text" id="cn12" v-model="trdo.memo" class="pl40"></div>
        </div>
      </div>
      <div class="ctable ct-parentr">
        <div class="ct-head">
          <span class="ct-col w50">序号</span>
          <span class="ct-col w360">商品</span>
          <span class="ct-col w70">出库数</span>
          <span class="ct-col w120">出库单位</span>
          <span class="ct-col w120">包装价格</span>
          <span class="ct-col w120">含税金额</span>
          <span class="ct-col w100">操作</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 w360 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 w70 pt35">
              <input type="text" class="edit-number" v-on:change="setPurPesentqty(mx.guid,$index,mx)"
                 @keyup.enter="goTab"
                 id="{{mx.guid}}{{$index}}"
                 :value="mx.supplierPesentqty | valNum">
            </span>
            <span class="ct-col w120 pt40">{{mx.supplierUnit}}</span>
           <span class="ct-col w120 pt40"><input type="text" class="edit-number w70" v-model="mx.supplierPrice" @change="checkInfotaxprice(mx.supplierPrice, $index, mx)"><!-- {{mx.supplierPrice | numDigit 6 | numFmt}} -->元</span>
            <span class="ct-col w120 pt40" v-if="mx.supplierPesentqty != null && mx.supplierPesentqty != ''">{{mx.amount=mx.supplierPesentqty*mx.supplierPrice | numDigit 2 | numFmt}}元</span>
            <span v-else>{{0 * mx.supplierPrice | numDigit 2 | numFmt}}元</span>
            <span class="ct-col w100 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)" class="red-button p-lr-10">删除</a>
             </div> 
         <!--      <a v-on:click="copyNewObj($index,mx)" class="btn-d btn-d-activate">复制</a>
              <a v-on:click="deleteLineObj($index,mx.guid)" class="btn-d-red">删除</a>     -->    
            </span>
          </div>
          <div class="row-line ml-50">
            <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>
</template>