<template>
  
  <div class="container resource contaNEW" style="min-height: 447px;">
      <div class="pop-banner clearfix">
<!--          <form class="search-bar" active="###" @submit.prevent="getData(true)">
          <div class="search-btn">
            <input type="submit" value="搜索"> </div>
          <input type="text" style="color:black;" placeholder="输入供应商名称" v-model="search.itemName"></form> -->
        <h3 class="current-module">资料审核</h3>{{dual}}
      </div>
      <!--supply-data start-->
      <div class="verify-data clearfix">
        <form class="search-bar w370 mb-30" active="###">
          <div class="search-btn fr cur-poin" @click='getData(true)'> 
          </div>
          <input type="text" placeholder="输入供应商名称" v-model="search.itemName">
        </form>
        <div class="data-root w288 pd0" id="sortable" style='max-height:400px;'>
          <div class="root-node w275 over-inherit bt-gray"> 
            <div class="list-node box-shadow">
              <span class="node-btn"></span>直供</div>
            <div class="list-show">
              <div class="box-shadow" v-for="supplier in directorSupplier"><a @click="toSupplier('',supplier.supplierGuid,true)">{{supplier.supplierName}}</a></div>
            </div>
            <div v-for="nosupplier in noDirectorSupplier">
              <div class="list-node box-shadow">
                <span class="node-btn"></span>{{nosupplier.distrbName}}
              </div>
              <div class="list-show">
                <div class="box-shadow" v-for="supplierGuid in nosupplier.supplierGuidList"><a @click="toSupplier(nosupplier.distrbGuid,supplierGuid,true)">{{nosupplier.supplierNameList[$index]}}</a></div>
              </div>
            </div>
          </div>
        </div>
        
        <div class="data-list w700 ml-308 border-left-blue2" v-for="supplier in supplierList">
          <div class="list-tit clearfix ml-20">
            <!-- <img src="/assets/c5.jpg"> -->
            <h3><a class="btn-d btn-d-green" style="border: none !important;text-decoration:underline;" v-link="{path:'/supplyData2/' + supplier.id +'/' + supplier.medGuid+'/'+ supplier.distrbGuid+'/h'}">{{supplier.itemName}}</a>
            </h3>
            <span>
              <em>{{supplier.updateCount}}</em>类事项待审核</span>
          </div>
          <div class="list-show clearfix ml-20">
            <div class="sub-tr">
              <strong class="sub-tr-tit img-icon-book">基本资料</strong>
              <div class="sub-tr-right">
                <div class="sub-tr-item img-icon-company">
                  <strong>企业资料</strong>
                  <p>
                    <em>{{supplier.entUpdateCount}}</em>项变更</p>
                </div>
                <div class="sub-tr-item img-icon-product">
                  <strong>商品资料</strong>
                  <p class="p-add">
                    <em>{{supplier.goodsUpdateCount}}</em>项变更</p>
                  <p>
                    
                </div>
                <div class="sub-tr-item img-icon-supply">
                  <strong>供应品种关系</strong>
                  <p class="p-add">
                    <em>{{supplier.goodsInsertCount}}</em>条申请增加</p>
                  <p class="text-color-green">
                    <em>{{supplier.custStopCount}}</em>条申请停止供应</p>
                    <p><em>{{supplier.custUpdateCount}}</em>项变更</p>
                </div>
              </div>
            </div>
            <div class="sub-tr">
              <strong class="sub-tr-tit img-icon-card">产品证照</strong>
              <div class="sub-tr-right">
                <div class="sub-tr-item img-icon-mechanics">
                  <strong>医疗器械注册证</strong>
                  <p>
                    <em>{{supplier.licUpdateCount}}</em>项变更</p>
                </div>
                <div class="sub-tr-item img-icon-empower">
                  <strong>经销授权书</strong>
                  <p>
                    <em>{{supplier.authUpdateCount}}</em>项变更</p>
                </div>
                <div class="sub-tr-item img-icon-price">
                  <strong>物价</strong>
                  <p>
                    <em>{{supplier.priceUpdateCount}}</em>项变更</p>
                </div>
                <div class="sub-tr-item img-icon-manufacturer">
                  <strong>生产厂商</strong>
                  <p>
                    <em>{{supplier.factoryUpdateCount}}</em>项变更</p>
                </div>
                <div class="sub-tr-item img-icon-agent">
                  <strong>一级代理商</strong>
                  <p>
                    <em>{{supplier.proxyUpdateCount}}</em>项变更</p>
                </div>
                <div class="sub-tr-item img-icon-service">
                  <strong>售后服务机构</strong>
                  <p>
                    <em>{{supplier.serviceUpdateCount}}</em>项变更</p>
                </div>
              </div>
            </div>
            
          <div class="sub-tr">
          <strong class="sub-tr-tit img-icon-relation">供应关系</strong>
          <div class="sub-tr-right">
            <div class="sub-tr-item img-icon-license">
              <strong>合规证照</strong>
              <p><em>{{supplier.complianceLicCount}}</em>项变更</p>
            </div>
            <div class="sub-tr-item img-icon-empower">
              <strong>业务授权书</strong>
              <p><em>{{supplier.smAuthorizeCount}}</em>项变更</p>
            </div>
          </div>

        </div>
          </div>
	    </div>
       <pagination 
               @page-change="getData" 
              :class="['m-20-0']"
              :page-no.sync="search.pageNo" 
              :total-pages.sync="search.totalPages"></pagination>
	  </div>
      <!--supply-data end-->
    </div>
</template>
<script>
module.exports={
  data: function(){
    return {
      supplierList: [{}],
      search: {
        pageSize: 50,
        pageNo: 1,
        totalPages: 0,
        itemName: '',
        distrbGuid: '',
        supplierId: '',
        medguid: '',
        clienttype:'h',
      },
       authoritySetting: {
          oneSearchFlag:false,
        },
      directorSupplier:[],
      noDirectorSupplier:[],
    };
  },
     computed: {
      dual: function () {
        var self = this;
        var curMenuRole = this.$store.state.user.curMenuRole;
        self.supplierList = [];
        self.supplierNameList = [];
        self.auditsupplierListByLeft = [];
        self.search.medguid = this.$store.state.user.curUser.medguid;
        if (self.search.medguid!=undefined && self.search.medguid!=null) {
        self.getDirectSupplierList(self.search.medguid);
        self.getNoDirectSupplierList(self.search.medguid);
        
        }
        return '';
      }
    },
  methods: {
    getData: function(isRefresh){
      var self = this;
      if(isRefresh) {
        this.search.pageNo = 1;
      }
      Ajax.post('/user/auditsupplier', this.search)
        .then(function (response){
          var data = response.data.data;
          self.$set('supplierList',data.list);
          self.search.totalPages = data.totalPages;
           if(data.list.length == 0 && self.search.itemName.length != 0){

            layer.msg('无结果，请更改查询条件');
          }
        })
    },
    getDirectSupplierList: function(medguid){
       var self = this;
      Ajax.get('/user/directSupplierList/'+medguid)
        .then(function (response){
          var data = response.data.data;
          self.$set('directorSupplier',data);
        })
    },
    getNoDirectSupplierList: function(medguid){
       var self = this;
      Ajax.get('/user/noDirectSupplierList/'+medguid)
        .then(function (response){
          var data = response.data.data;
          self.$set('noDirectorSupplier',data);
        })
    },
    search: function(isRefresh){
    this.search.supplierId = "";
      this.search.distrbGuid = "";
      this.getData(isRefresh);
    },
    toSupplier: function(distrbGuid,supplierGuid,isRefresh){
      var self = this;
      if(isRefresh) {
        this.search.pageNo = 1;
      }
      this.search.supplierId = supplierGuid;
      this.search.distrbGuid = distrbGuid;
    
      Ajax.post('/user/auditsupplier', this.search)
        .then(function (response){
          var data = response.data.data;
          self.$set('supplierList',data.list);
          self.search.totalPages = data.totalPages;
        })
    }
  },
  route:{
    activate : function(){
      //this.getData();
      this.$set('search',{});
    }
  }
};
</script>