<!--出库登录：列表-->
<template>
  <div class="container resource close-left-menu contaNEW">
    <div class="pop-banner clearfix">
      <div class="operate-btns"></div>
      <h3 class="current-module">出库登录</h3>
    </div>
    <!--start-->
    <div class="operation-list clearfix">
      <div class="search-result mt-0">
        <div class="statistics">
          您共有 <em class="fW">{{medList.length}}</em>
          家医院有 <em class="fW">{{totalNum}}</em>
          张订单等待出库
        </div>
      </div>
      <div>
        <!--滚动-->
        <div class="ctable ct-parent mb-20" v-for="med in medList">
          <div class="ct-row table-no-border active">
            <div class="operation-list-top clearfix">
              <div class="unit-img fl">
                <!--
                <img src="">
                -->
                <imagebox v-bind:imgarr="med.pictcontent | original">
                  <span class="pic-max blue-search">
                    <img v-bind:src="med.pictcontent | thumbnail">
                  </span>
                </imagebox>
                <h3>{{med.name}}</h3>
                <span class="tips-count">
                  有
                  <em class="fW">{{med.search.total}}</em>
                  张订单待出库
                </span>
              </div>
            </div>
            <div class="row-launch">
              <table class="itable itable-td-long-text itable-thead-13px">
                <thead>
                  <tr>
                    <th class="w50">序号</th>
                    <th class="w80">采购订单</th>
                    <th class="w60">是否优先</th>
                    <th class="w100">要求到货日期</th>
                    <th class="w80">订单类型</th>
                    <th class="w80">订单状态</th>
                    <th class="w70">操作人</th>
                    <th class="w60">品规数</th>
                    <th class="w60">备注</th>
                    <th class="w160">操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td colspan="20" v-if="med.supplierpos==null || med.supplierpos.length==0">
                      暂无符合条件的记录
                    </td>
                  </tr>
                  <tr v-for="trpo in med.supplierpos" class="txt_v">
                    <td>{{$index+1}}</td>
                    <td class="t-left pr10">{{trpo.billno}}</td>
                    <td>{{trpo.firstflag | firstflag}}</td>
                    <td>{{trpo.planenddate | getYMD}}</td>
                    <td>{{trpo.billtype | billtype}}</td>
                    <td>{{trpo.billstate | billstate_trpo}}</td>
                    <td>{{trpo.operatername}}</td>
                    <td>{{trpo.countsum}}</td>
                    <td>{{trpo.memo}}</td>
                    <td>
                    <!--   <a v-on:click="goTRDetail(trpo.billno)" 
                        class="btn-d btn-d-activate">本次出库</a><br>
                      <a v-on:click="closeTrsupplier(trpo.billno)" 
                        v-if="'/supplier/trpo:closeTrsupplier' | myqx"
                        class="btn-d-red lh-25">关闭订单</a>   -->

                        <div class="from-button"> 
                         <a v-on:click="goTRDetail(trpo.billno)" class="green-button p-lr-10">本次出库<i>|</i></a>
                         <a v-on:click="closeTrs(trpo.billno,trpo.medname)" 
                        v-if="'/supplier/trpo:closeTrsupplier' | myqx" class="red-button p-lr-10">关闭订单</a>  
                     </div>
                    </td>
                  </tr>
                </tbody>
              </table>
              <div class="pagination page-line">
                <pagination  v-if="med.supplierpos!=null"
                   @page-change="getTrsupplierByMed($index)"
                   :page-no.sync="med.search.page"
                   :total-pages.sync="med.search.totalPages">          
                </pagination>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--新加提示信息-->
        <div class="modal " v-show="divbgShow2">
          <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">            
                  该订单还未完成出库，关闭后将生成缺货信息，需要<b class="text-color-red">慎重操作</b>，请确认是否继续关闭！
                </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="closeTrsupplier()">        
                  继续
                  </a> 
                </div> 
                 
            </div>
          </div>
        </div>
        <!--新加提示信息 end-->

        <!--star 9-9 提示缺货信息列表-->
        <div class="modal " :class="backMessage2.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 backMessage2.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="sh[$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="commitOsList()">提 交</button>
                  </div>
                </div> 
              </div> 

            </div>
          </div>
        </div>
        <!--star 9-9 受理弹出-->
</template>
<!--供应商端 - 出库登录页面-->
<script>

  module.exports = {
    data: function () {
      return {
        // 明细数据
        medList: [],
        // 订单总数量
        totalNum:0,
        divbgShow2:false,
        billno:'',
        backMessage2:{
            showDialog:'N',
            mList:[],// 提示信息
          },
          listHZ:{
            sl:'',
            medname:'',
            }, 
            sh:[],
            TrsupplierDoListVO:{
          billno:'',
          trsupplierosList:[],
        },
            medname:'',
          shortageselectlist:[],
        // 查询条件
        search: {
          billstate:this.ctns.pobillstatep03, 
          page:50
        },
      };
    },
    methods: {
      // 获取数据
      getData:function(){
        var self = this;
        self.totalNum = 0;
        Ajax.get('/trpo/listMed', this.search)
          .then(function (response){
            var data = response.data.data;
            self.$set('medList',data);


            // 循环加载明细
            for(var index=0;index<self.medList.length;index++){
              // 查看医院的采购订单
              self.getTrsupplierByMed(index);
            }

        })
      },
      // 医院的采购订单
      getTrsupplierByMed:function(index){
        var self = this;
        var medObj = self.medList[index];
        var medguid = medObj.guid;
        if(medObj.search==null){
          // 设置每组的查询条件
          medObj.search = {
            search_EQ_billstate:this.ctns.pobillstatep03,
            search_EQ_medguid:medguid,
            pageSize:50,
            page: 1,
            totalPages: 0,
          };
        }
        Ajax.get('/trpo/listTrsupplier', medObj.search)
          .then(function (response){
            var data = response.data;
            if(data.errorCode==0){ 
              self.$set('medList['+index+'].supplierpos',data.data.list);  
              medObj.search.pageno = data.data.pageno;
              medObj.search.totalPages = data.data.totalPages;
              medObj.search.total = data.data.total;
              self.$set('medList['+index+'].search',medObj.search);
              // 总计数量
              // self.$set('totalNum',data.data.total);
              self.calNum();
            }else{
              return ;
            }
        });
      },
        // 计算总的明细数目
        calNum: function() {
            var self = this,sum = 0,flag = true;
            self.totalNum = 0;
            for(var index = 0; index < self.medList.length; index++) {
                var item = this.medList[index];
                //存在没有值的情况
                if(!(item && item.search && item.search.total)){
                    flag = false;
                }
            }
            for(var index = 0; index < self.medList.length; index++) {
                if(flag){
                    sum += this.medList[index].search.total;
                }
            }
            self.$set('totalNum', sum);
        },
      //缺货原因
      selectname:function(index,memo){
        var self = this;   
        if(memo=="OS8"){
          self.sh.splice(index,1,true); 
        }else{
         self.sh.splice(index,1,false);
        }  
      },
      // 跳转到订单受理详情页面
      goTRDetail:function(billno){
        var self = this;
        self.$route.router.go('/trpo/orderOutlog2/'+billno);
        // 未提交    billtype==self.ctns.billtype02 暂时注释   判断单据类型为高值
          // if(billtype=='02' && (billno!=null || billno!='') || billtype=='03' && (billno!=null || billno!='')){
          //   //进入高值页面 未提交页面
          //   self.$route.router.go('/trdo/orderOutall2-3/'+((billno||'')+"@"+(billno||'')));
          // }else{
          //   //进入非高值页面 未提交页面
          //   self.$route.router.go('/trpo/orderOutlog2/'+billno); 
          // }
      },
        // 关闭订单
      closeTrs:function(billno,medname){
        var self = this;
        self.medname = medname; 
        self.divbgShow2 = true;
        self.billno = billno;
      },
      // 关闭信息提示弹出框
        closeDialog:function(){
          var self = this; 
          self.divbgShow2 = false;
          this.$set('backMessage2.showDialog','N'); 
          this.$set('backMessage2.mList',[]);   
        },
      // 关闭订单 
      closeTrsupplier:function(){
        var self = this;
        self.MessageBox({
          title: '提示',
          message: "您确认要关闭订单吗？",
          type: 'success',
          showCancelButton: true
        },function(action) {
          if(action=='confirm'){
            Ajax.get('/trpo/closeTrsupplier', {billno:self.billno})
              .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.closeDialog();
                       });
                  }else if(data.split("@")[0]=="-1"){ 
                      self.MessageBox({title:'提示', message:'已生成出库单，无法关闭采购单!', type: 'alert'},function(action){
                          self.closeDialog();
                       });
                  }else if(data.split("@")[0]=="-2"){ 
                      //未生成出库单，关闭订单给医院发消息
                       self.sendcloseMsg();
                  }else if(data.split("@")[0]=="-3"){
                    //未生成出库单，将采购单走缺货发给医院
                        self.divbgShow2 = false;
                        self.$set('backMessage2.showDialog','Y');   
                        self.closeTrsupplierList();
                        self.listostypelist();
                  }else{
                    // 提交出库单失败!
                    layer.msg('删除失败!');
                  }                    
                }else{
                  layer.msg('操作异常!');
                }
            });
            return ;
          } else{
              self.divbgShow2 = false;
          } 
        }); 
      },
       sendcloseMsg:function(){
        var self = this;    
        var billno = self.billno;
        Ajax.get('/trpo/sendcloseMsg/'+billno) 
          .then(function (response){   
          window.location.reload();
        }) 
      },   
      closeTrsupplierList:function(){
        var self = this;    
        var billno = self.billno;
        Ajax.get('/trpo/listsupplieros/'+billno) 
          .then(function (response){  
            var data = response.data.data; 
            if(response.data.errorCode == 0){   
                self.$set('backMessage2.mList',data);     
                self.listHZ.sl = self.backMessage2.mList.length;
                self.listHZ.medname = self.medname;
                for (var i = 0; i<self.backMessage2.mList.length;i++) {
                    self.sh.push(false);
                }
            }else{   
              layer.msg(response.data.message);
            } 
        }) 
      },   
      // 提交
      commitOsList:function(){
        var self = this; 
        self.TrsupplierDoListVO.billno = self.billno; 
        for (var i = 0;  i < self.backMessage2.mList.length; i++) { 
              if(self.backMessage2.mList[i].memo==null || self.backMessage2.mList[i].memo==""){
                  layer.msg("请填写缺货原因!");
                  return;
              }
        }
        self.$set('TrsupplierDoListVO.trsupplierosList', self.backMessage2.mList);
        // 出库信息 立继武  
          Ajax.post('/trpo/commitOsList', self.TrsupplierDoListVO)
          .then(function (response){ 
            var data = response.data.data; 
            if(response.data.errorCode==0){   
              if(data.split("@")[0]=="1"){// 删除成功的情况  
                    self.MessageBox({
                          title:'提示',
                          message:'将这'+self.listHZ.sl+'个品种缺货信息通知给医院!',
                          type:'alert',
                          showCancelButton: true
                        },function(action){  
                          if(action == 'cancel'){ 
                               self.closeDialog();
                               window.location.reload();
                          }else{ 
                              var billno = self.billno;
                              Ajax.get('/trdo/sendOsMsg/'+billno)
                                .then(function (response){ 
                                  self.closeDialog();
                                  window.location.reload();
                                })
                            }
                        });        
                    
                  }else{
                    layer.msg(data.message);
                  }    
               }else{
                layer.msg(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{   
              layer.msg(response.data.message);
            } 
        })
      },


    },
    route: {
      activate: function () {
        this.getData();
      }
    }
  };
</script>