<template>
	<div class="container resource close-left-menu" style="min-height: 621px;">
		<div class="pop-banner clearfix">
			<form class="search-bar" active="###" @submit.prevent="domedsupplier()">
				<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">

			<div class="data-root">
				<div class="root-node" style="overflow:auto;" v-if='supplierNameList'>
					<div v-for="hospital in supplierNameList">
						<div class="list-node  box-shadow" @click="getData(true,$index)"><span class="node-btn"></span>{{hospital.medName}}
						</div>
						<div class="list-show" v-if='hospital.state'>
							<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" v-if='supplierList' style='width: 700px;margin-left: 300px!important;'>

				<div 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;text-decoration:underline;" v-link="{path:'/audit/edit/' + supplier.id +'/' + supplier.medGuid+'/'+ supplier.distrbGuid+'/o'}">{{supplier.itemName}}</a>
              </h3>
						<span>
              <em>{{supplier.updateCount}}</em>类事项待审核</span>
					</div>
					<div class="list-show clearfix" v-if='supplier'>
						<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><em>{{supplier.goodsUpdateCount}}</em>项变更</p>
								</div>
								<!-- <div class="sub-tr-item img-icon-supply">
									<strong>供应品种关系</strong>
									<p class="p-add"><em>{{supplier.goodsInsertCount}}</em>条申请增加</p>
									<p><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>
			</div>
		</div>
		<!--supply-data end-->
		<div class="pagination m-20-0">
			<pagination @page-change="getData" :class="['m-20-0']" :page-no.sync="search.pageNo" :total-pages.sync="search.totalPages"></pagination>
		</div>
	</div>
</template>
<script>
	module.exports = {
		data: function() {
			return {
				supplierList: [],
				supplierNameList: [],
				checkIdList: [],
				search: {
					pageSize: 3,
					pageNo: 1,
					totalPages: 1,
					itemName: '',
					supplierId: '',
					medguid: '',
					clienttype: 'o',
				},
				authoritySetting: {
					oneSearchFlag: false,
				},
				height: 0,

			};
		},
		computed: {
			dual: function() {
				var self = this;
				var curMenuRole = this.$store.state.user.curMenuRole;

				//this.$store.state.user.userName;
				return '';
			}
		},
		watch: {
			checkIdList: function(val) {
				this.checkon();
			},
		},
		methods: {
			getData: function(falg, index) {

				var self = this;
				if(falg) {
					var index = index;
					var num = 0;
					self.supplierNameList[index].state = !self.supplierNameList[index].state;
				} else {
					var index = 0;
					var num = (self.search.pageNo - 1) * 3;
				}
				var supplierid = self.supplierNameList[index].supplierid;
				self.supplierList = [];
				// if(isRefresh) {
				//   this.search.pageNo = 1;
				//   this.search.supplierId ='';
				//   this.search.medguid ='';
				// }

				for(var a = num; a < self.search.pageNo * 3; a++) {

					Ajax.post('/user/AuditsupplierForOne', {
							'supplierId': supplierid[a]
						})
						.then(function(response) {
							var res = response.data;
							// self.$set('',data.list);

							if(res.errorCode == 0 && !!res.data && res.data.length > 0) {
								self.supplierList.push(res.data[0]);
								self.search.pageNo = 1;
							} else {
								layer.msg("无结果，请更改查询条件");
							}
							// else{
							//   self.MessageBox({title:'提示',message:res.message,type:'alert'})
							// }

							// if(data.list.length == 0 && self.search.itemName.length != 0){
							//  self.MessageBox({title:'提示',message:"无结果，请更改查询条件",type:'alert'})
							// }

						})
				}
				self.search.totalPages = supplierid.length % 3;
			},
			getSupplistListData: function() {
				var self = this;
				Ajax.post('/user/auditsupplierNameList', self.search)
					.then(function(response) {
						var data = response.data.data;
						if(data != null && data != undefined) {
							for(var a=0;a<data.length;a++){
								data[a].state=false;
							}
							self.$set('supplierNameList', data);
							self.getData(false);
						}
					})
			},
			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;
					//  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(false);
				}
			},
			domedsupplier: function(supplierId,medGuid) {
				var self = this;
				self.supplierList = [];
				Ajax.post('/user/AuditsupplierForOne', {
						'supplierId': supplierId,
						'medguid': medGuid,
						itemName: self.search.itemName
					})
					.then(function(response) {
						var res = response.data;
						// self.$set('',data.list);

						if(res.errorCode == 0 && !!res.data && res.data.length > 0) {
							self.supplierList.push(res.data[0]);
						} else {
							layer.msg("无结果，请更改查询条件");

						}
						// else{
						//   self.MessageBox({title:'提示',message:res.message,type:'alert'})
						// }

						// if(data.list.length == 0 && self.search.itemName.length != 0){
						//  self.MessageBox({title:'提示',message:"无结果，请更改查询条件",type:'alert'})
						// }

					})
				self.search.itemName = '';
				// 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.getSupplistListData();

				this.supplierList = [];
				this.supplierNameList = [];
				this.auditsupplierListByLeft = [];
			}
		}
	};
</script>