<template>
	<div class="container resource close-left-menu contaNEW" style="min-height: 809px;">
		<div class="pop-banner clearfix">
		<div class="operate-btns">
		        <a v-on:click="exportSupLicList()"  class="fbtn fb-Print2 ml-10 mr-10">导出</a> 
		</div>
			<h3 class="current-module">供应商证照统计</h3>
		</div>
 
		<div class="order-orderlist-view clearfix">
			<div class="pd-form form-label4em mb-40 fast-search-form">
				<div class="group-row"> 
					<div class="form-group"> 
						<div class="control">
							<input type="text" maxlength="50" v-rule v-model="search.supplierName" title='供应商' placeholder='供应商'>
						</div> 
					</div>
					<button class="fast-search-form-btn btn-d btn-d-lg btn-d-activate btn-d-circle fr" @click="getData(true)">查 询</button>
				</div>  
			</div>
			<div  v-for="item in list">
				<b class="f-size16">{{$index+1}}　{{item.chinesename}}</b>
				<table class="itable itable-td-long-text mb-20">
					<thead id='t_header'>
						<tr>　
							<th class="w100">营业执照</th>
							<th class="w100">经营许可证</th>
							<th class="w120">医疗器械注册证<br>应传　　　已传</th>　
							<th class="w120">生产厂商证照<br>应传　　已传</th>　
							<th class="w120">一级代理商证照<br>应传　　　已传</th>　
							<th class="w100">经销授权书<br>已传</th>
							<th class="w100">销售代表<br>授权书</th>
							<th class="w100">业务员信息</th>
						</tr>
					</thead>
					<tbody>
						<tr> 
							<td class="text-color-red" v-if="item.yyzz == 0">{{item.yyzz == 0?'无':'有'}}</td>
							<td v-else>{{item.yyzz == 0?'无':'有'}}</td>
							<!-- <td>{{item.jyxkz == 0?'否':'是'}}</td> -->
							<td class="text-color-red" v-if="item.jyxkz == 0">{{item.jyxkz == 0?'无':'有'}}</td>
							<td v-else>{{item.jyxkz == 0?'无':'有'}}</td>
							<td><div class="w65 fl">{{item.zzcyscsl}}</div><div v-if="item.zczyjscsl<item.zzcyscsl" class="text-color-red w65 fr">{{item.zczyjscsl}}</div><div v-else class="w65 fr">{{item.zczyjscsl}}</div></td>
							<!-- <td>{{item.zczyjscsl}}</td> -->
							<!-- <td class="text-color-red" v-if="item.zczyjscsl<item.zzcyscsl">{{item.zczyjscsl}}</td>
							<td v-else></td>  -->

							<td><div class="w50 fl pl20">{{item.sccsyscsl}}</div><div v-if="item.sccsyjscsl<item.sccsyscsl" class="text-color-red w50 fr">{{item.sccsyjscsl}}</div><div v-else class="w50 fr pr20">{{item.sccsyjscsl}}</div></td>
							<!-- <td>{{item.sccsyjscsl}}</td> -->
							<!-- <td class="text-color-red" v-if="item.sccsyjscsl<item.sccsyscsl">{{item.sccsyjscsl}}</td>
							<td v-else>{{item.sccsyjscsl}}</td> -->

							<td><div class="w65 fl">{{item.dlsyscsl}}</div><div v-if="item.dlsyjscsl<item.dlsyscsl" class="text-color-red w65 fr">{{item.dlsyjscsl}}</div><div v-else class="w65 fr">{{item.dlsyjscsl}}</div></td>
							<!-- <td>{{item.dlsyjscsl}}</td> -->
							<!-- <td class="text-color-red" v-if="item.dlsyjscsl<item.dlsyscsl">{{item.dlsyjscsl}}</td>
							<td v-else>{{item.dlsyjscsl}}</td> -->

							<td>{{item.jxsqsyscsl}}</td>
							<td class="text-color-red" v-if="item.xsdbscsl == 0">{{item.xsdbscsl == 0?'无':'有'}}</td>
							<td v-else>{{item.xsdbscsl == 0?'无':'有'}}</td>
							<!-- <td>{{item.xsdbscsl == 0?'否':'是'}}</td> -->
							<td>{{item.ywy}}<br>{{item.lxdh}}</td>  
						</tr>
					</tbody>
				</table>
			</div>
			<div class="pagination m-20-0">
				<pagination @page-change="getData(false)" :class="['m-20-0']" :page-no.sync="search.page" :total-pages.sync="search.totalPages">
				</pagination>
			</div>

		</div>
		<!--order-orderlist-view end-->
		<!--新加提示信息 end-->
		        <div class="roll-bg" v-if='requestS'>
		            <div class="w60" style="margin:0 auto;">
		                <img src="/images/roll.gif">
		            </div>
		            <div class="container resource t-center text-color-red">
		                正在处理中，请勿关闭！
		            </div>
		        </div>			
	</div>
</template>
<script>
	module.exports = {
		data: function() {
			return {
				list: {},
				datalist: {},
				billtype: '',
				billno: '',
				goodsname: '',
				gtinputdate: '',
				ltinputdate: '',
				meddeptname: '',
				medstorename: '',
				dobillno: '',
				wvbillno: '',
				suppliername: '',
				gtdetailmoneysum: '',
				ltdetailmoneysum: '',
				billstate: '',
				requestS:false,
				search: {
					pageSize: 50,
					page: 1,
					totalPages: 0,
					supplierName: '', 
				},
				type: {},
				isSorPurUp: true,
				isSorDetailUp: false,
				isSortTotalUp: false,
				billDate: '',
				CountSum: '',
				detailSum: '',
				isLoading: false,
			};
		},
		methods: {
			getData: function(flg) {
				var self = this;
				if(flg){
					this.search.page = 1;
				}
				self.requestS = true;
				Ajax.post('/licmanager/getSupLicList', {
						'page': self.search.page,
						'pageSize': self.search.pageSize, 
						'supplierName': self.search.supplierName, 
					})
					.then(function(response) {
						var data = response.data.data;
						self.requestS = false;
						if(response.data.errorCode == 0) {
							self.$set('list', data.list);
							self.search.totalPages = data.totalPages;
							self.search.pageNo = data.pageNo;
						} else {
							layer.msg(response.data.message);
						}
					});
			},
			exportSupLicList: function() {
		                var self = this; 
		                Ajax.post('/licmanager/exportSupLicListNew', {
						'page': self.search.page,
						'pageSize': self.search.pageSize, 
						'supplierName': self.search.supplierName, 
					}).
		                then(function(response) {
		                    var data = response.data;
		                    window.open(data);
		                })
		            },
		},
		ready: function() {

		},
		route: {
			activate: function() {
				this.getData();
			}, 
		}
	};
</script>
<style scoped>
	.sort_up:before {
		content: '↑';
		padding-left: 5px;
		font-weight: bolder;
		font-size: 16px;
	}

	.sort_down:before {
		content: '↓';
		padding-left: 5px;
		font-weight: bolder;
		font-size: 16px;

    }

	.click_pointer {
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
        color:#649fa3;

    }
</style>