<template>
  <div class="container resource basic-message">
      <div class="pop-banner clearfix">
        <div class="current-operate">配送商采购订单【{{distrbutorOrder.billno}}】详情</div>
        <div class="operate-btns"> </div>
        <h3 class="current-module">配送商采购订单详情</h3>
      </div>{{dual}}
      <!-- <div class="clearfix mb-40" v-if="authoritySetting.twoTraceFlag">
        <button class="btn-d btn-d-lg btn-d-green btn-d-activate btn-d-circle" v-link="{ path: '/planTrack/' + distrbutorOrder.guid}">单据追溯</button>
      </div> -->
      <div class="pd-form mb-40">
        <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="distrbutorOrder.billno" readonly="readonly" class="inp4"></div>
          </div>
          <div class="form-group form-label">
            <label for="cn2" class="label w100">要求到货日期</label>
            <div class="control">
              <input type="text" id="cn2" v-model="distrbutorOrder.planenddate | getYMD" readonly="readonly" class="inp6"></div>
          </div>
          <div class="form-group form-label">
            <label for="cn2" class="label">执行状态</label>
            <div class="control">
              <input type="text" id="cn2" v-model="distrbutorOrder.billstate | billstate_trpo" readonly="readonly" class="inp4"></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" value="" id="cn3" v-model="distrbutorOrder.medplanbillno" 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="cn4" v-model="distrbutorOrder.operatername" readonly="readonly" class="inp3"></div>
          </div>
          <div class="form-group form-label">
            <label for="cn1" class="label">订货日期</label>
            <div class="control">
              <input type="text" id="cn4" v-model="distrbutorOrder.billdate | getYMD" readonly="readonly" class="inp4"></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="cn5" v-model="distrbutorOrder.medname" 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="cn6" v-model="distrbutorOrder.address" readonly="readonly" class="inp4"></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="cn1" v-model="distrbutorOrder.billtype | billtype" readonly="readonly" class="bgc-gray inp4" >
            </div>
          </div>
          <div class="form-group form-label">
            <label for="cn4" class="label">配送商</label>
            <div class="control">
              <input type="text" id="cn6" v-model="distrbutorOrder.distrbname" readonly="readonly" class="inp4"></div>
          </div>
        </div>
      </div>
      <table class="itable itable-bordertop itable-td-long-text">
        <thead>
          <tr>
            <th class="w50">序号</th>
            <th class="w150">商品</th>
            <th class="w30"></th>
            <th class="w80">订货数</th>
            <th class="w80">本次出库数</th>
            <th class="w90">已出库数</th>
            <th class="w90">价格</th>
            <th class="w90">含税金额</th>
            <th class="w90">备注</th>
          </tr>
        </thead>
        <tbody>
        <tr v-if="goodsOrderList.length==0"><td colspan="9">暂无数据！</td></tr>
          <tr v-for="goodsOrder in goodsOrderList">
              <td>
              {{ $index + 1 }}
              <!-- <imagebox :imgarr="goodsOrderListImg[goodsOrder.purchaserGoodsguid] | original">
                  <div class="pro-pic" style="background-image: url({{goodsOrderListImg[goodsOrder.purchaserGoodsguid] | thumbnail}});margin-left: 12px;">
                    <span class="pic-max blue-search"></span>
                  </div>
                </imagebox> -->
            </td>
            <td class="t-left">
              <div class="p-lr-10">
                {{ goodsOrder.purchaserGoodscode}} <br>
                <span class="p-tit-green">{{ goodsOrder.purchaserGoodsname}}</span>
                <br> {{ goodsOrder.purchaserGoodsspec }} 
                <br> {{ goodsOrder.manufacturer }}
                <br> {{ goodsOrder.registkey }}
                 </div>
            </td>
            <td>
              <span class="table-detail-icon">医</span>
              <span class="table-detail-icon">供</span>
            </td>
            <td>
              <span class="table-detail-text"> {{ goodsOrder.poqty }}
                <br>{{ goodsOrder.purchaserUnit }}</span>
              <span class="table-detail-text">{{ goodsOrder.supplierPoQty }}
                <br>{{ goodsOrder.supplierUnit }}</span>
            </td>
            <td>
              <span class="table-detail-text">{{ goodsOrder.pesentqty || 0 }}
                <br>{{ goodsOrder.purchaserUnit }}</span>
              <span class="table-detail-text">{{ goodsOrder.supplierPesentQty }}
                <br>{{ goodsOrder.supplierUnit }}</span>
            </td>
            <td>
              <span class="table-detail-text">{{ goodsOrder.arrivalqty || 0 }}
                <br>{{ goodsOrder.purchaserUnit }}</span>
              <span class="table-detail-text">{{ goodsOrder.supplierArrivalQty }}
                <br>{{ goodsOrder.supplierUnit }}</span>
            </td>
            <td>
              <span class="table-detail-text">{{ goodsOrder.purchaserPrice }}元
                <br>{{ goodsOrder.hospitalOperatorDictionaryPack.name }}</span>
              <span class="table-detail-text">{{ goodsOrder.supplierPrice}}元
                <br>{{ goodsOrder.supplierOperatorDictionaryPack.name }}</span>
            </td>
            <td class="v-top">{{ goodsOrder.amount }}元</td>
            <td class="v-top">{{ goodsOrder.memo }}</td> 
          </tr>
        </tbody>
      </table>
      <div class="pagination m-20-0">
        <em class="page">明细条目数【{{ search.total }}】</em>
        <pagination 
            @page-change="getData" 
            :class="['m-20-0']"
            :page-no.sync="search.page" 
            :total-pages.sync="search.totalPages">
          </pagination>
      </div>
    </div>
</template>
<script>
module.exports={
  data: function(){
    return {
      // disabled : true,
      distrbutorOrder:[],
      goodsOrderListImg:[],
      goodsOrderList:[],
      // billType:[],
      operationFlag:"0",
      disabled: true,
      search: {
        pageSize: 5,
        page: 1,
        totalPages: 0,
        total: 0,
        search_EQ_guid: '',
        search_EQ_distrbguid:''
      },
      authoritySetting: {
          twoTraceFlag:false,
      },
    };
  },
  computed: {
      dual: function () {
        var self = this;
        var curMenuRole = this.$store.state.user.curMenuRole;
        self.search.search_EQ_distrbguid = this.$store.state.user.curUser.distrbguid;
        
        if (self.search.search_EQ_distrbguid!=undefined && self.search.search_EQ_distrbguid!=null) {
           self.getDistrbutorOrder();
        if (curMenuRole!=undefined && curMenuRole!=null) {
            for (var i=0;i<curMenuRole.length;i++) {
                if(curMenuRole[i].menu != null) {

                    if (curMenuRole[i].menu.name.trim() == '退货单查询') {
                        for (var j=0;j<curMenuRole[i].buttonList.length;j++) {
                             var name = curMenuRole[i].buttonList[j].name.trim();
                             var isValid = curMenuRole[i].buttonList[j].isvalid;
                             var level = curMenuRole[i].buttonList[j].level;
                            if (!self.authoritySetting.twoTraceFlag && level=='2' && name =='单据跟踪' && isValid=='y') {
                                self.authoritySetting.twoTraceFlag = true;
                             }
                         }
                       break;
                    }
                }
            }
        }
        }
        return '';
      }
    },
  methods: {
    getDistrbutorOrder: function(){
      var self = this;
      Ajax.get('/distrbutorOrder/distributorOrderDetail/'+this.$route.params.id)
        .then(function (response){
        var data = response.data.data;
        self.$set('distrbutorOrder',data);
        self.getDistrbutorGoodsOrder();
      })
    },
    getDistrbutorGoodsOrder: function(){
      var self = this;
      self.$set('search.search_EQ_guid',this.$route.params.id);
      Ajax.get('/distrbutorOrder/goodsOrderList', self.search)
       .then(function (response){
        var data = response.data;
          if(data.errorCode == 0){
            self.$set('goodsOrderList',data.data.list);
            self.$set('goodsOrderListImg',data.senData);
            self.search.totalPages = data.data.totalPages;
            self.search.total = data.data.total;
          }else{
            self.MessageBox({
              title:'提示',message:data.message,type:'alert'
            },function(action){})
          }

      })
    },
 
  },

  route:{
    activate : function(){
      //this.getDistrbutorOrder();
      // this.getBillType();
    }
  }
};
</script>