<template>
	<div class="container resource">
	  <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>
	  <!--business-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" style="color:black;" placeholder="输入供应商名称" v-model="search.itemName">
          </form>
	    <div class="data-root w288 pd0" style='max-height:400px;'>
	      <div class="root-node " style="overflow:auto;">
            <span class="node-btn"></span>
	        <div v-for="hospital in supplierNameList">
                <div class="list-node box-shadow" @click="domedsupplier('',hospital.medGuid)">
                    <span class="node-btn" v-if="hospital.medname!=null && hospital.medname!=''"></span>{{hospital.medName}}</div>
                <div class="list-show">
                     <div class="box-shadow" v-for="(index,supplierid) in hospital.supplierid" @click="domedsupplier(supplierid,hospital.medGuid)">{{hospital.suppliername[index]}}</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">
            <!-- <img src="/assets/c5.jpg"> -->
            <h3><a class="btn-d btn-d-green" style="border: none !important;"v-link="{path:'/businessData2/' + supplier.id +'/' + supplier.medGuid+'/'+ search.distrbGuid+'/d'}">{{supplier.itemName}}</a>
            </h3>
            <span>
              <em>{{supplier.updateCount}}</em>类事项待审核</span>
          </div>
          <div class="list-show clearfix">
            <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>
	  <!--business-data end-->
	</div>
</template>
<script>
module.exports={
  data: function(){
    return {
      supplierList: [{}],
      supplierNameList: [{}],
      checkIdList: [],
      search: {
        pageSize: 3,
        pageNo: 1,
        totalPages: 0,
        itemName: '',
        distrbGuid: '',
        supplierId:'',
        medguid:'',
        clienttype:'d',
      },
       authoritySetting: {
          oneSearchFlag:false,
        },
        actionFlag:false,
    };
  },
     computed: {
      dual: function () {
        var self = this;
        var curMenuRole = this.$store.state.user.curMenuRole;
        self.search.distrbGuid = this.$store.state.user.curUser.distrbguid;
        if (self.search.distrbGuid!=undefined && self.search.distrbGuid!=null && this.actionFlag) {
          this.actionFlag=false;
          self.getData();
          self.getSupplistListData();
        
        }
        //this.$store.state.user.userName;
        return '';
      }
    },
    watch:{
            checkIdList:function(val){
                    alert(this.checkIdList);
                    this.checkon();
                },
        },
  methods: {
    getData: function(isRefresh){
      var self = this;
      if(isRefresh) {
        self.search.pageNo = 1;
        self.search.medguid = '';
        self.search.supplierId = '';
      }
      Ajax.post('/user/auditsupplier', self.search)
        .then(function (response){
          var data = response.data.data;
          if (data!=null && data!=undefined) {
            self.$set('supplierList',data.list);
            self.search.totalPages = data.totalPages;
             if(data.list.length == 0 && self.search.itemName.length != 0){
             self.MessageBox({
              title:'提示',message:"无结果，请更改查询条件",type:'alert'
            },function(action){})
          }
          }
        })
        
    },
    getSupplistListData: function(){
      var self = this;
      Ajax.post('/user/auditsupplierNameList', self.search)
        .then(function (response){
          var data = response.data.data;
          if (data!=null && data!=undefined) {
            self.$set('supplierNameList',data);
          }
        })
    },
    checkon: function(){
        var self = this;
        var length = this.checkIdList.length;
        var tempId = "";
        for (var i=0;i<length;i++) {
            tempId = tempId + this.checkIdList[i]+",";
        }
        if (tempId!="") {

           tempId = tempId.substring(0,tempId.length-1);
           tempId = "'" + tempId +"'";
           self.search.supplierId = tempId;
           self.search.pageNo = 1;
           alert(tempId);
           Ajax.post('/user/auditsupplierListByLeft', self.search)
          .then(function (response){
            var data = response.data.data;
            if (data!=null && data!=undefined) {
              self.$set('supplierList',data.list);
              self.search.totalPages = data.totalPages;
            }
          })
        }else {
          self.search.supplierId = '';
          self.getData(true);
        }
    },
    domedsupplier: function(supplierId,medguid){
       var self = this;
       self.search.supplierId = supplierId;
       self.search.medguid = medguid;
       self.search.pageNo = 1;
       Ajax.post('/user/auditsupplierListByLeft', self.search)
      .then(function (response){
        var data = response.data.data;
        if (data!=null && data!=undefined) {
          self.$set('supplierList',data.list);
          self.search.totalPages = data.totalPages;
        }
      })
  },
  },
  route:{
    activate : function(){
      this.actionFlag=true;
      this.supplierList = [];
      this.supplierNameList = [];
      this.auditsupplierListByLeft = [];
    }
  }
};
</script>