<template>
<div class="container resource close-left-menu contaNEW">
  <div class="pop-banner clearfix">
    <div class="operate-btns">   
      <a @click="audit()" class="fbtn fb-to-examine" >审核</a> 
      <a @click="closeUp(true)" class="fbtn fb-reject hide">驳回</a> 
    </div>  
    <h3 class="current-module">采购目录审核</h3>
  </div>
   
        <div class="pop-refused-reasons" style="z-index:10;" v-show="showPopupUp">  
          <div class="pop-rr-tit text-color-blue" style="text-align:left;">驳回理由</div>
          <textarea class="input-border" v-model="rejectionreason"></textarea>
          <div class="from-button fr mt-10"> 
               <a href="javascript:;" class="red-button p-lr-10" @click="close(false)">取 消<i>|</i></a>
               <a href="javascript:;" class="green-button p-lr-10" @click="rebuitApprove(idList,'V01',false,$route.params.clientType)">提 交</a>  
          </div>   
        </div>  
  <!--supply-supplylist start-->
  <div class="supplylist clearfix supply-select"> 
    <div class="supplylist-root pt0 w300">
        <form class="search-bar" style="min-width: 215px;" active="###">
          <div class="search-btn fr cur-poin" @click='getMedList'> 
          </div>
          <input type="text" placeholder="输入供应商搜索" v-model="medname" style='width:218px;'>

        </form> 
        <div class="root-node-news">
            <b class="fl w180 t-center">供应商</b>
         </div>
        <div class="root-node-list" id="sortable" style='height: 480px;'> 
            <template v-for="(indexI,medlist) in getMedLists">
            <div class="list-node h-55 lh-55" :class="{ 'active': activeI == indexI }" @click="getMed(indexI,medlist.contentguid,medlist.supplierguid)">   
              <div class="fl w180 t-left pl10"><a style="cursor: default;" title="{{ medlist.medsuppliername }}">{{ medlist.medsuppliername }}</a></div> 
            </div> 
            </template>
          </div>
    </div> 
    <div class="supplylist-table" style='margin-left:330px;'> 
      <div class="w613 h-50">
             <form class="search-bar w370 fl" active="###">
                <div class="search-btn fr cur-poin" @click='getMedListClick'> 
                </div>
                <input type="text"  placeholder="录入商品编码、商品名称、注册证号模糊搜索" v-model="goodsinfo">
             </form> 
       </div>
      <div class="fheader no-bottom pd0">
        <h4 class="fh-good">商品列表</h4>
      </div>
      <table class="itable itable-thead-13px">
        <thead>
          <tr>
            <th class="w30">序号</th>
            <th class="w180">医院商品</th>
            <th class="w180">供应商商品</th>
            <th class="w20"></th>
            <th class="w50">单位转换</th>
            <th class="w100">采购价</th> 
            <th class="w70">结算方式</th>
            <!-- <th class="w100">委托配送商</th> -->
          </tr>
        </thead>
        <tbody>
          <tr v-for="mFMedGoods in getMedcontentList">
            <td>{{ $index + 1 }}</td> 
            <td><div class="t-left pr10">{{ mFMedGoods.mgoodscode  }}<br>{{mFMedGoods.mgoodsname}}<br/>{{mFMedGoods.mgoodsspec}}<br/>{{mFMedGoods.mproducer}}<br/>{{mFMedGoods.mregistkey}}</div></td>
            <td v-if="mFMedGoods.contentstate != 'P4'"><div class="t-left pr10">{{ mFMedGoods.sgoodscode  }}<br>{{mFMedGoods.sgoodsname}}<br/>{{mFMedGoods.sgoodsspec}}<br/>{{mFMedGoods.sproducer}}<br/>{{mFMedGoods.mregistkey}}</div></td>
            <td v-else class="text-color-red"><div class="t-left pr10 mt-50"><b>供应商放弃供应</b></div></td>  
            <td>
              <span class="ct-col w20">
                <span class="table-detail-icon icon-green">医</span>
                <span class="table-detail-icon icon-green mt-20">供</span>
              </span>
              </td>
            <td>
              {{mFMedGoods.purconverratio}}{{mFMedGoods.unitstyle}}<br><br>
              {{mFMedGoods.supconverratio}}{{mFMedGoods.supplyunit}}
            </td>
            <td>{{ mFMedGoods.purchaserprice | numDigit 2 | numFmt }}</td>
            <td>{{  mFMedGoods.settlemethod | method}}</td>
            <!-- <td>{{mFMedGoods.distribuname}}</td>  -->
          </tr> 
        </tbody>
      </table>
      <div class="pagination m-20-0">
        <em class="page">明细条目数【{{ search.total }}】</em>
        <pagination
          @page-change="getMedListClick"
          :class="['m-20-0']"
          :page-no.sync="search.page"
          :total-pages.sync="search.totalPages">
        </pagination>
      </div>
    </div>
  </div>
  <!--supply-supplylist end-->
</div>
</template>
<script>
module.exports={
data: function(){
  return {
    getMedLists: [],     //左侧列表
        medname:'',
        goodsinfo:'',
        getMedcontentList:[],
        search: { 
        pageSize: 5,
        page: 1,
        total: 0,
        totalPages: 0
        },
        getNoMedGoods:'',
        getNoGoods:'',
        guid:'',
        supplierguid:'',
        showPopupUp:false,
        rejectionreason:'', 
        activeI :[], 
  };
}, 
methods: {
      //左侧列表 加载数据
      getMedList:function(){ 
         var self = this;   
         Ajax.post('/procurment/getSuppliers',{'medname':self.medname})
          .then(function(response){   
          var data=response.data.data;
          if (response.data.errorCode == 0) {   
               self.$set("getMedLists",data); 
               for (var i = 0; i < data.length; i++) {
                     self.guid =data[0].contentguid; 
                     self.supplierguid =data[0].supplierguid; 
               }
               self.getMedListClick();
            }else{ 
              layer.msg(response.data.message);
            } 
         })
      }, 
      getMed:function(indexI,guid,supplierguid){ 
         var self =this;
          self.activeI = indexI; 
          self.guid = guid; 
          self.supplierguid = supplierguid;  
          self.getMedListClick();
      },
      //加载右侧商品数据
      getMedListClick:function(){ 
         var self = this;  
         Ajax.post('/procurment/getWaitAuditGoods',{'page':self.search.page,'pageSize':self.search.pageSize,'totalPages':self.search.totalPages,'contentguid':self.guid,'goodsinfo':self.goodsinfo})
          .then(function(response){   
          var data=response.data.data;
          self.$set("getMedcontentList",data.list);   
          self.search.totalPages=data.totalPages;
          self.search.total=data.total;         
         })
      }, 
      //审核
      audit:function(){ 
         var self = this; 
         if(self.guid == null || self.guid == ''){
                layer.msg('请选择需要审批的供应商!');
                return; 
         }  
         Ajax.post('/procurment/xnaudit',{'contentguid':self.guid,'supplierguid':self.supplierguid})
          .then(function(response){   
          var data=response.data.data;  
          self.getMedList();
          if (response.data.errorCode == 0) {     
            if(response.data.data == 0){
                self.MessageBox({title:'提示', message:'审核成功!', type: 'alert'},function(action){
                    //跳转
                    self.$router.go({
                      path: '/XNprocurementList'
                    });
                }); 
             }else{
                layer.msg('审核成功!');
                return;
             }   
            }else{ 
              layer.msg('审核失败!');
            } 
         })
      }, 
      closeUp:function(flag) {
        var self = this; 
        self.$set('showPopupUp',flag);
     },
     close:function(flag) {
        var self = this;
        self.$set('showPopupUp',flag);
     },
},
route:{
activate : function(){
this.getMedList();
}
}
};
</script>