<template>

<div class="container resource" style="min-height: 896px;">
      <div class="pop-banner clearfix">
        <div class="operate-btns">
          <a class="fbtn fb-submit" v-if="trdistrbwv.billstate =='M01'" @click="create">生成出库单</a>
        </div>
        <h3 class="current-module">配送商入库单明细</h3>
      </div><!-- {{dual}} -->
      <!-- start-->
      <!-- <div class="clearfix mb-40">
        <button class="btn-d btn-d-lg btn-d-activate btn-d-circle mr-10"
          v-link="{path:'/receiptstorage3/'+distributorInOrder.billCode}" v-if="authoritySetting.twoSupplierReviewFlag"> 供应商评价</button>
        <button class="btn-d btn-d-lg btn-d-green btn-d-activate btn-d-circle" 
          v-link="{ path: '/planTrack/' + trdistrbwv.guid}">单据追溯</button> 
        <button class="btn-d btn-d-lg btn-d-green btn-d-activate btn-d-circle ml-10"  v-if="authoritySetting.twoTraceFlag" @click="create">生成出库单</button>
      </div> -->
      <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="text" id="cn1"  v-model="trdistrbwv.billno"  readonly="readonly" class="inp4"> </div>
          </div>
          <div class="form-group form-label">
            <label for="cn2" class="label">操作人</label>
            <div class="control">
              <input type="text" id="cn2"   v-model="trdistrbwv.operatername " readonly="readonly"  class="inp3"> </div>
          </div>
          <div class="form-group form-label">
            <label for="cn2" class="label">执行状态</label>
            <div class="control">
              <input type="text" id="cn2"   v-model="trdistrbwv.billstate | ommodities"   v-bind:disabled="disabled "   style="background-color: #F5F5F5 "  class="inp4">  
              
              </div>
          </div>
        </div>
        <div class="group-row group-row-3">
          <div class="form-group form-label">
            <label for="cn3" class="label">采购单号</label>
            <div class="control">
              <input type="text" id="cn3" v-model="trdistrbwv.distrbpobillno" readonly="readonly" class="inp4"> </div>
          </div>
          <div class="form-group form-label">
            <label for="cn4" class="label">制单日期</label>
            <div class="control">
              <input type="text" id="cn4" v-model="trdistrbwv.inputdate | getYMD" readonly="readonly" class="inp4"> </div>
          </div>
          <div class="form-group form-label">
            <label for="cn4" class="label">入库时间</label>
            <div class="control">
              <input type="text" id="cn4"  v-model="trdistrbwv.inputdate | getYMD" readonly="readonly" class="inp4"> </div>
          </div>
        </div>
        <div class="group-row group-row-3">
          <div class="form-group form-label">
            <label for="cn3" class="label">单据类型</label>
            <div class="control">
              <input type="text" id="cn4"  v-model="trdistrbwv.billtype | billtype" readonly="readonly"  class="inp4"> 
                <!-- <select-ui :list="billtype" :selected.sync=" trdistrbwv.billtype | billtype"  readonly="readonly"></select-ui> -->
            </div>
          </div>
          <div class="form-group"> </div>
          <div class="form-group form-label">
            <label for="cn4" class="label">业务员</label>
            <div class="control">
              <input type="text" id="cn4"   v-model="trdistrbwv.mkstaffname " readonly="readonly" class="inp3"> </div>
          </div>
        </div>
        <div class="group-row">
          <div class="form-group form-label">
            <label for="cn5" class="label">入库单位</label>
            <div class="control">
              <input type="text"   id="cn5"  v-model="trdistrbwv.medname "  readonly="readonly" class="inp4"> </div>
          </div>
          <div class="form-group form-label">
            <label for="cn6" class="label">入库地点</label>
            <div class="control">
              <input type="text" id="cn6"  v-model="trdistrbwv.address" readonly="readonly" class="inp4"> </div>
          </div>
        </div>
        <div class="group-row">
          <div class="form-group form-label">
            <label for="cn7" class="label">配送商</label>
            <div class="control">
              <input type="text" id="cn6"  v-model="trdistrbwv.distrbname " readonly="readonly" class="inp3"> </div>
          </div>
          <div class="form-group form-label">
            <label class="label">供应商</label>
            <div class="control">
              <input type="text" id="cn6"  v-model="trdistrbwv.suppliername" readonly="readonly" class="inp3"> </div>
          </div>
        </div>
      </div>
      <table class="itable itable-bordertop itable-td-long-text">
        <thead>
          <tr>
              <th class="w40">序号</th>
              <th class="w260">商品</th>
              <th class="w30"></th>
              <th class="w50">订货数</th>
              <th class="w50">出库数</th>
              <th class="w50">入库数</th>
              <th class="w90">价格</th>
              <th class="w90">含税金额</th>
              <th class="w90">批号效期</th>
              <th class="w70">灭菌批号</th>
              <th class="w70">备注</th>
          </tr>
        </thead>
        <tbody>
        <tr v-if="listTrdistrbwvdetail.length==0"><td colspan="11">暂无数据！</td></tr>
      <tr v-for="trdistrbwvdetail in listTrdistrbwvdetail">
              <td>{{ $index + 1 }}
               <!-- <div class="pro-pic">
                <imagebox v-bind:imgarr="trdistrbwvdetail.varchar1 | original">
                  <img class="pro-pic" style="margin-top: 0px;" src="{{trdistrbwvdetail.varchar1 | thumbnail}}" >
                  <span class="pic-max blue-search">
                  </span>
                </imagebox>
              </div> -->
              </td>
              <td class="t-left">
                <div class="p-lr-10"> {{ trdistrbwvdetail.purchaserGoodscode }} <br>
                <span class="p-tit-green">{{ trdistrbwvdetail.purchaserGoodsname }}</span>
                   <br> {{ trdistrbwvdetail.purchaserGoodsspec}}
                   <br> {{ trdistrbwvdetail.manufacturer}}
                   <br> {{ trdistrbwvdetail.registkey}}
                 </div>
              </td>
              <td class="w30">
                <span class="table-detail-icon table-detail-icon-blue">医</span>
                 <span class="table-detail-icon table-detail-icon-blue">供</span>
                 </td> 
             <td>  <span class="table-detail-text"> {{ trdistrbwvdetail.purchaserPoqty }}

              </span>
                   <span class="table-detail-text"> {{ trdistrbwvdetail.supplierPoqty }}
                   </span>
             </td>
              <td> <span class="table-detail-text"> {{  trdistrbwvdetail.purchaserPesentqty }}
              </span>
                  <span class="table-detail-text"> {{  trdistrbwvdetail.supplierPesentqty }}
                  </span>
              </td>
              <td> <span class="table-detail-text"> {{ trdistrbwvdetail.purchaserMvqty}}
              </span>
                   <span class="table-detail-text"> {{ trdistrbwvdetail.supplierMvqty}}</span>
              </td>
              <td> <span class="table-detail-text">{{ trdistrbwvdetail.purchaserPrice | numDigit 2 | numFmt}}元 </span>
                  <span class="table-detail-text">{{ trdistrbwvdetail.purchaserPrice | numDigit 2 | numFmt}}元 </span>
              </td>
              <td> <span class="table-detail-text"> {{ trdistrbwvdetail.amount }}元</span>
              </td>
              <td> <span class="table-detail-text"> {{ trdistrbwvdetail.expiredate | getYMD}}</span>
              </td>
              <td> <span class="table-detail-text"> {{ trdistrbwvdetail.sterilantlot | getYMD }}</span></td>
              <td> <span class="table-detail-text"> {{ trdistrbwvdetail.memo}} </span></td>
            
            </tr>
          </tbody>
     
      </table>



      </table>
  <pagination 
   @page-change="getData" 
   :class="['m-20-0']"
   :page-no.sync="search.page" 
   :total-pages.sync="search.totalPages"></pagination>
    </div>

    <!--新加提示信息 end-->
        <div class="roll-bg" v-if='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>


<script>
module.exports={
  data: function(){
     return {
      disabled:true,
         billtype: [{
        value: "01",
        label: "普耗"
      }, {
        value: "02",
        label: "跟台高值"
      },  
       {
        value: "03",
        label: "备货高值"
      },  
       {
        value: "04",
        label: "药品"
      },  
       {
        value: "05",
        label: "后勤物资"
      },  
      {
        value: "06",
        label: "消毒用品"
      }, 
      {
        value: "07",
        label: "洗涤用品"
      }, 
       {
        value: "08",
        label: "中药材"
      }, 
      {
        value: "09",
        label: "设施设备"
      }],
      trdistrbwv:[],
      listTrdistrbwvdetail:[],
      operationFlag:"0",
      search: {
        pageSize: 10,
        page: 1,
        totalPages: 0,
        total: 0,
      search_EQ_guid: '',
      // search_EQ_distrbguid:''

      },
      authoritySetting: {
          twoSupplierReviewFlag:true,
          twoTraceFlag:true,
      },
      noSplit:false,
      requestS:false,
    };
  },
  
  methods: {
      getListTrmedwvDetail: function(){
      var self = this; 
      Ajax.get('/distrbutorwarehouse/trdistrbwv/' +this.$route.params.guid)
        .then(function (response){
        var data = response.data.data;
        self.$set('trdistrbwv',data);
        self.getlistTrmedwvList();
      })
    },
   getlistTrmedwvList: function(){
      var self = this;
      self.$set('search.search_EQ_guid',this.$route.params.guid);
      Ajax.get('/distrbutorwarehouse/listTrdistrbwvdetailes', self.search)
       .then(function (response){
        var data = response.data.data;
        self.$set('listTrdistrbwvdetail',data.list);
        self.search.totalPages = data.totalPages;
        self.search.total = data.total;
      })
    },
    // 10-24
    create:function () {
      var self=this;
      if(self.noSplit){
          return false;
      }
      self.noSplit = true;
      self.requestS = true;
      Ajax.get('/distrbutorwarehouse/createDistributionDo/',{'wvGuid':self.$route.params.guid})
        .then(function (response){
        var data = response.data;
        if(data.errorCode=='0'){
          self.requestS = false;
          self.noSplit = false;
          self.getListTrmedwvDetail();
          self.MessageBox.alert('生成出库单成功').then(function(action){
          })
        }else if(data.errorCode=='99'){
          self.requestS = false;
          self.noSplit = false;
          self.MessageBox.alert(data.message).then(function(action){
          })
        }
      })
    }

  //   getAll:function() {
  //       var self = this;
  //       //单据类型
  //        Ajax.get('/distrbutorwarehouse/billTypeList')
  //          .then(function (response) {
  //           self.billTypeList = _.map(response.data.data, function (item) {
  //               return {
  //                   label: item.name,
  //                   value: item.id
  //               };
  //           });
  //       })
  // },
  },
  route:{
    activate : function(){
      this.getListTrmedwvDetail();
      //this.getAll();
     
    }
  }
};
</script>