<template>
	<div class="container resource close-left-menu contaNEW" style="min-height: 804px;">

  <div class="pop-banner clearfix">
    <h3 class="current-module">订单追溯</h3>
  </div>
   
  
  <!--purchase-month-plan start-->
  <div class="purchase-month-plan">

    <div class="pd-form">
      <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="list.billno" 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="list.operatername" readonly class="inp3">
          </div>
        </div>
        <div class="form-group form-label">
          <label for="cn3" class="label">执行状态</label>
          <div class="control">
            <input type="text" id='cn3' v-model="list.billstate" readonly class="inp4">
          </div>
        </div>
      </div>
      <div class="group-row group-row-3">
        <div class="form-group form-label">
          <label for="cn4" class="label">订货日期</label>
          <div class="control">
            <input type="text" id="cn4" v-model="list.planbegindate" readonly class="inp4">
          </div>
        </div>
        <div class="form-group form-label">
          <label for="cn5" class="label">制单日期</label>
          <div class="control">
            <input type="text" id='cn5' v-model="list.inputdate" readonly class="inp4">
          </div>
        </div>
        <div class="form-group form-label">
          <label for="cn6" class="label w100">要求到货日期</label>
          <div class="control">
            <input type="text" id='cn6' v-model="list.planenddate" readonly class="inp6">
          </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='cn7' v-model="list.medname" readonly class="inp4">
          </div>
        </div>
        <div class="form-group form-label">
          <label for="cn8" class="label">单据类型</label>
          <div class="control select-style">
          	<input type="text" id='cn8' v-model="list.dataintroduction" readonly class="inp4">
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group form-label">
          <label class="label" for='cn10'>收货地点</label>
          <div class="control">
            <div class="address-select" style="background: #e6e7e8!important;">
              <input type="text" v-model="list.province" readonly style='width:25%;background: none !important;' id='cn10' class="inp4">省
              <input type="text" v-model="list.city" readonly style='width:22%;background: none !important;'>市
              <input type="text" v-model="list.district" readonly style='width:22%;background: none !important;'>区
            </div>
          </div>
        </div>
        <div class="form-group form-label">
          <label for="cn9" class="label">要货科室</label>
          <div class="control">
            <input type="text" id='cn9' v-model="list.meddeptname" readonly class="inp4">
          </div>
        </div>
      </div>
       <div class="group-row">
        <div class="form-group">
          <label class="label"></label>
          <div class="control">
            <input type="text" v-model="list.address" readonly>
          </div>
        </div>
        <div class="form-group form-label">
          <label for="cn11" class="label">要货库房</label>
          <div class="control">
            <input type="text" v-model="list.medstorename" readonly id='cn11' class="inp4">
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn8" class="label w70">是否优先</label>
          <div class="radio-control" v-if="firstflag==Y">
            <input type="radio" id="radio01" name="radioio" checked="checked">
            <label class="radio" for="radio01">是</label>
          </div>
          <div class="radio-control" v-else>
            <input type="radio" name="radioio" id="radio02" >
            <label class="radio" for="radio02">否</label>
          </div>
        </div>
      </div>
      <div class="form-label">
        <label for="cn9" class="label">备注</label>
        <textarea class="inp2" id="cn9" v-model="list.memo"  readonly></textarea>
      </div>
    </div>

    <table class="itable itable-thead-13px itable-td-long-text">
      <thead id='t_header'>
        <tr>
          <th class="w70">序号</th>
          <th class="w200"><div class="p-lr-10">商品</div></th>
          <th class="w70">供应商名称</th>
          <th class="w60">订货数</th>
          <th class="w60">订货单位</th>
          <th class="w100">包装价格(元)</th>
          <th class="w100">含税金额(元)</th>
          <th class="w100">操作</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for='item in list2'>
          <td>{{$index+1 | getIndex}}
            <div class="goods_img fr">
                  <imagebox v-bind:imgarr="[{img:item.pathOriginal,txt:''}]" class='fr'>
                      <img class="pro-pic" style="margin-top: 0px;"
                           :src="item.pathThumbnail">
                      <span class="pic-max blue-search"></span>
                  </imagebox>
              </div>
          </td>
          <td class="t-left">
            <div class="p-lr-10 goods_con">
              {{item.goodscode}}<br>
              <span class="p-tit-green">{{item.goodsname}}</span><br>
              {{item.goodsspec}}<br>
              {{item.producer}}<br>
              {{item.registkey}}
            </div>
          </td>
          <td class="t-left pr10">{{item.suppliername}}</td>
          <td>{{item.poqty}}</td>
          <td>{{item.unit}}</td>
          <td class="t-right pr10">{{item.taxprice | numDigit 2 }}</td>
          <td class="t-right pr10">{{item.taxsum | numDigit 2 }}</td>
          <td class="pt9"><a class="btn button-green" href="javascript:;" v-link="{path:'/planTrack/'+list.guid}">单据跟踪</a></td>
        </tr>
      </tbody>
    </table> 

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

  </div>
  <!--purchase-month-plan end-->

</div>
</template>
<script>
module.exports={
  data: function(){
    return {      
      list:{},
      list2:{},
      guid:'',
      billno:'',
      search:{
          page: 1,
          totalPages: 1,
          pageSize:50
      },
    };
  },
  methods: {
    getData: function(){
      var self = this;
      Ajax.post('/hospitalReport/getMedPlanDetailList',{'billno':self.billno}).
          then(function(response){
          	var result=response.data;
            var res=response.data.data;
            var list=res.list, imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径;
            if(!!list[0].pictcontent){
                var pathThumbnail; // 小图片
                var pathOriginal;  // 原始图片
                for(var a=0;a<list.length;a++){

                    var pictcontent=JSON.parse(list[a].pictcontent);
                    pathThumbnail=imgReg.test(pictcontent[0].thumbnail.path) ? pictcontent[0].thumbnail.path : pictcontent[0].thumbnail.path+pictcontent[0].thumbnail.name;
                    pathOriginal=imgReg.test(pictcontent[0].original.path) ? pictcontent[0].original.path : pictcontent[0].original.path+pictcontent[0].original.name;
                    list[a].pathThumbnail=pathThumbnail;
                    list[a].pathOriginal=pathOriginal;
                }
            }
           
            self.list2=list;
            self.search.totalPages=result.totalPages;
            self.search.page=result.pageNo;
        })
        var search=self.search;
      Ajax.post('/hospitalReport/getMedPlanList',
        {'guid':self.guid,'page':1,'pageSize':search.pageSize})
      .then(function(response){
            var res=response.data.data;
            self.list=res.list[0];
        }) 
       self.guid=null;
       self.billno=null;   
     },
   },
  route:{
     data: function (transition) {
          var self=this;
          var guid = transition.to.params.guid;
          var billno = transition.to.params.billno;
          self.list.guid = transition.to.params.guid;
          self.guid=guid;
          self.billno=billno;
          self.getData();
          },
      }
}
</script>