excel-query-quality2.vue 10.2 KB
<template>
	<div class="container resource close-left-menu contaNEW" style="min-height: 804px;">

  <div class="pop-banner clearfix">
    <div class="operate-btns">
      <a href="javascript:void(0)" class="fbtn fb-setting"  v-link="{path:'/storageTrack/'+list.guid}">单据追溯</a>
      <imagebox v-bind:imgarr="list.signpict | original" class='mr-20'>
        <a href="javascript:void(0)" class="fbtn fb-sign-photos">查看签收照片</a>
      </imagebox>
    </div>
    <h3 class="current-module">医院入库单明细</h3>
  </div>
  
  
  <!--purchase-storage start-->
  <div class="purchase-storage">
  
<!-- 	@ApiModelProperty(value="签收照片")
	private String signpict;
 -->
<!--     <div class="btn-d-group mb-20">
      <div class="from-button">
         <a href="javascript:;" class="green-button" v-link="{path:'/storageTrack/'+list.guid}">单据追溯<i>|</i></a>
         <a href="javascript:;" class="green-button">查看签收照片</a>
         <imagebox v-bind:imgarr="list.signpict | original" class='mr-20'>
          <a class="btn-d btn-d-lg btn-d-activate btn-d-circle" >查看签收照片</a>
        </imagebox>
      </div>
  
    </div>
 -->   <!--      <a class="btn-d btn-d-lg btn-d-activate btn-d-circle" v-link="{path:'/documentTraceability/'+list.guid}">单据追溯</a>
      <a class="btn-d btn-d-lg btn-d-activate btn-d-circle">查看签收照片</a>
      <a class="btn-d btn-d-green btn-d-lg btn-d-activate btn-d-circle" href="">单据追溯</a> -->
    <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' readonly="readonly" v-model="list.billno" class="inp4">
          </div>
        </div>
        <div class="form-group form-label">
          <label class="label" for='cn2'>操作人</label>
          <div class="control">
            <input type="text" id='cn2' readonly="readonly" v-model="list.operatername" class="inp3">
          </div>
        </div>
        <div class="form-group form-label">
          <label class="label" for='cn3'>执行状态</label>
          <div class="control">
            <input type="text" id='cn3' readonly="readonly" v-model="list.billstate" 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' readonly="readonly" v-model="list.medplanbillno" class="inp4">
          </div>
        </div>
        <div class="form-group form-label">
          <label class="label" for='cn5'>制单日期</label>
          <div class="control">
            <input type="text" id='cn5'readonly="readonly" v-model="list.inputdate" class="inp4">
          </div>
        </div>
        <div class="form-group form-label">
          <label class="label" for='cn6'>入库时间</label>
          <div class="control">
            <input type="text" id='cn6' readonly="readonly" v-model="list.mvdate" class="inp4">
          </div>
        </div>
      </div>
      <div class="group-row group-row-3">
        <div class="form-group form-label">
          <label for="cn14" class="label">单据类型</label>
          <div class="control select-style">
            <input type="text" id='cn14' readonly="readonly" v-model="list.dataintroduction" class="inp4">
          </div>
        </div>
        <div class="form-group">
        </div>
        <div class="form-group form-label">
          <label class="label" for='cn11'>业务员</label>
          <div class="control">
            <input type="text" readonly="readonly" id='cn11' v-model="list.mkstaffname" class="inp3">
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group form-label">
          <label for="cn12" class="label">入库单位</label>
          <div class="control w700">
            <input type="text" readonly="readonly" id='cn12' v-model="list.medname" class="inp4">
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group form-label">
          <label for="cn13" class="label">配送商</label>
          <div class="control w700">
            <input type="text" readonly="readonly" id='cn13' v-model="list.distrbname" class="inp3">
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group form-label">
          <label class="label" for='cn15'>供应商</label>
          <div class="control w700">
            <input type="text" readonly="readonly" id='cn15' v-model="list.suppliername" class="inp3">
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group form-label">
          <label class="label" for='cn16'>入库地点</label>
          <div class="control w700">
            <input type="text" readonly="readonly" id='cn16' v-model="list.address" class="inp4">
          </div>
        </div>
      </div>
    </div>
  
    <table class="itable itable-td-long-text">
      <thead id='t_header'>
        <tr>
          <th class="w50">序号</th>
          <th class="w200">商品</th>
          <th class=" w20"></th>
          <th class="w50">订货数</th>
          <th class="w50">出库数</th>
          <th class="w50">入库数</th>
          <th class="w50">拒收数</th>
          <th class="w90">价格</th>
          <th class="w80">含税金额(元)</th>
          <th class="w80">批号效期</th>
          <th class="w70">灭菌批号</th>
          <th class="w70">拒收照片</th>
        </tr>
      </thead>
      <tbody class="txt_v">
        <tr v-for="item in list2">
          <td>{{$index+1}}

          </td>
          <td class="t-left">
              <section class="goods_img pro-pic" style="background-image: url(../assets/c17.jpg)">
                  <!-- <span class="pic-max blue-search"></span> -->
              </section>
            <section class="goods_con" >
            <p> {{item.goodscode}}</p>
            <p class="p-tit-green">{{item.goodsname}}</p>
            {{item.unit}}<br>
           	{{item.manufacturer}}<br>
            {{item.registkey}}
            </section>
          </td>
          <td class="w30 pt0"><span class="table-detail-icon"></span><span class="table-detail-icon"></span></td>
          <td class="t-right pr10 pt0">
          	  <span class="table-detail-text">{{item.purchaser_poqty}}{{item.unit}}</span>
          	  <span class="table-detail-text">{{item.supplier_poqty}}{{item.supunit}}</span>
          </td>
          <td class="t-right pr10 pt0">
          	<span class="table-detail-text">{{item.purchaser_pesentqty}}{{item.unit}}</span>
          	<span class="table-detail-text">{{item.supplier_pesentqty}}{{item.supunit}}</span>
          </td>
          <td class="t-right pr10 pt0">
          	<span class="table-detail-text">{{item.purchaser_mvqty}}{{item.unit}}</span>
          	<span class="table-detail-text">{{item.supplier_mvqty}}{{item.supunit}}</span>
          </td>
          <td class="t-right pr10 pt0">
          	<span class="table-detail-text">{{item.purchaser_rejectqty}}{{item.unit}}</span>
          	<span class="table-detail-text">{{item.supplier_rejectqty}}{{item.supunit}}</span>
          </td>
          <td class="t-right pr10">
          	<span class="table-detail-text">{{item.supplier_price | numDigit 2}}<br>元/{{item.unit}}</span>
          	<span class="table-detail-text">{{item.purchaser_price | numDigit 2}}<br>元/{{item.supunit}}</span>
           </td>
          <td>{{item.amount | numDigit 2}}</td>
          <td>
            {{item.lot}}<br>
            {{item.productiondate|getYMD}}<br>
           	{{item.expiredate|getYMD}}
          </td>
           <td>
            {{item.SterilantLot}}<br>
            {{item.sterilantdate}}<br>
           	{{item.sterilantexpdate}}
          </td>
          <td>
             <div class="pro-pic" style="background-image: url(../assets/c17.jpg)">
              <!-- <span class="pic-max blue-search"></span> -->
            </div>
          </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-storage 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/getMedWvDetailList',{'billno':self.billno}).
          then(function(response){
          	var result=response.data;
            var res=response.data.data;
            var list=res.list;
            // var path;
            // for(var a=0;a<list.length;a++){
            //     var pictcontent=JSON.parse(list[a].pictcontent);
            //     path=pictcontent[0].original.path+pictcontent[0].original.name;
            //     list[a].path=path;
            // }
            self.list2=list;
            self.search.totalPages=result.totalPages;
            self.search.page=result.pageNo;
        })

      Ajax.post('/hospitalReport/getMedWvList',
       {'guid':self.guid,'page':1,'pageSize':50})
      .then(function(response){
            var res=response.data.data;
            self.list=res.list[0];
        })    
     },
     print:function(){
      var self=this;
      var obj={};
      for (var  a=0;a<self.list.length;a++){
          var printGuid=self.list[a].purchaser_goodsguid;
          self.list[a].print=self.senData[printGuid];
          if(!self.list[a].purchaser_rpiqty){
              self.list[a].purchaser_rpiqty=0;
          }
      } 
    },
   },
  route:{
     data: function (transition) {
          var self=this;
          var guid = transition.to.params.guid;
          var billno = transition.to.params.billno;
          
          self.guid=guid;
          self.billno=billno;
          self.getData();
          },
      }
}
</script>