<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>资质逾期预警</title>
		<script src="../../../js/vue/vue.js"></script>
		<script src="../../../js/vue/element-ui/lib/index.js"></script>
		<script src="../../../js/myelement.js"></script>
		<script src="../../../js/vue/page.js"></script>
		
		<link href="../../../js/vue/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
		<link href="../../../css/myelement.css" rel="stylesheet">
		<link href="../../../css/iconfont.css" rel="stylesheet">
		<link href="../../../css/page.css" rel="stylesheet">
		<link href="//at.alicdn.com/t/font_2374495_13ltsxm2eor.css" rel="stylesheet">
	</head>
	
	<body>
		<div id="vbody">
			<div id="page_root">
				<div class="topbar">
					<span>{{title}}</span>
					
					<!-- <div style="float: right; margin-right: 24px;">
						<el-button-group style="margin-left: 3px;">
							<el-button :disabled="buttons.download.disabled" icon="el-icon-download" @click="onDownload" >导出</el-button>
						</el-button-group>
					</div> -->
				</div>
			
				<div class="topbar-line">
					<div class="query-icon">
						<i class="iconfont icon-query"></i>
					</div>
					<div class="query-bar">
						<h-form-filter ref="form1" 
							:form-attr="filterAttr" 
							:table-fields="filterFields" 
							:form-data="filterObj" 
							:isbuttonquery="true"
							
							v-on:on-formchange="onQuery" 
							v-on:show-popup="showFilterPopup"
							v-on:on-query="onQuery"
							v-on:on-init-query="onInitFilter"
							v-on:on-edit-query="onEditFilter"
							>
						</h-form-filter>
					</div>
				</div>
			
				<div class="versionNo">
					<h-table
						v-if="isRefresh"
						ref="table1"
						:table-fields="tableFields" 
						:table-data="tableData" 
						:pagesize="pagesize"
						:pagenum="pagenum"
						:total="total"
						:table-height="tableHeight"
						:is-highlight-row="true"
						
						v-on:get-data="getData"
						v-on:cell-click="cellClick"
						v-on:row-click="rowClick"
					>
					</h-table>
				</div>
			</div>
			
			<div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 100vh;">
				<div class="spinner">
				  <div class="cube1"></div>
				  <div class="cube2"></div>
				</div>
			</div>
		</div>	
		
		<script type="text/javascript">
			var initlized = false;
			
			new ListVue({
				el: "#vbody",
				data: {
					pageAttr: {
						heightType: "table"
					},
					
					/* paramObjBydefault: {
						a.diff_date: localStorage.getItem("emp_id")
					}, */
					filterTxt: "a.diff_date is not null ",
					orderby: "a.diff_date",
					dataname: "getLicenceOverdue",
					tabaleFieldsName: "licence_warning",
					filterFieldsName: "licence_warning",
					dataRequest: [],
					
					title: "资质逾期预警",
					provinces: [],
				},
				created() {
					
				},
				mounted() {
					this.initData();
					this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
						hideLoading();
					});
				},
				methods:{
					initData() {
						//1. run only
						if (initlized) { return; }
						initlized = true;
					  
						//2. query data
						this.onQuery();
					},
					
					onServerInitData(data) {
						var me = this.data;
						me.tableFields = data.tableFields;
						me.filterFields = data.filterFields;
						
						if(me.filterFields.length > 0) {
							for(var i=0; i < me.filterFields.length; i++) {
								let fieldObj_ = me.filterFields[i];
								
								me.filterFieldsObj[fieldObj_.field] = fieldObj_;
							}
						}	
						if(me.tableFields.length > 0) {
							for(var i=0; i < me.tableFields.length; i++) {
								let fieldObj_ = me.tableFields[i];
								
								me.tableFieldsObj[fieldObj_.field] = fieldObj_;
							}
						}
					},
					
					onCellClick(config, obj) {
						var clickContext = this.selectCellField.clickContext;
						
						var row_ = obj.row;
						if(this.selectCellField.field == "file_name") {
							if (!obj.row.file_id) {
								Root.message({
									type: 'warning',
									message: '没有附件文件'
								});
								return
							}
							
							////////////
							let fileid = clone(obj.row.file_id);
							let fileName = clone(obj.row.file_name);
							let index1 = fileName.lastIndexOf(".");
							let index2 = fileName.length;
							let suffix = fileName.substring(index1, index2).toLowerCase(); //后缀名
							
							if (suffix == ".png" || suffix == ".jpg") {
								var fileids_ = [];
								fileids_.push(fileid)
								row_ = {
									filetype: "img",
									fileids: fileids_
								};
								clickContext.url = "../tool/popup_file.html";
							}
							else if (suffix == ".pdf") {
								var row = {
									fileid: fileid,
									filename: fileName
								}
								
								var config = {
									totab: true,
									icon: "icon-product",
									text: "附件预览",
									id: "pdf_" + fileid,
									url: "../tool/popup_file_pdf.html",
									data: row,
									delta: {},
									callback: function(obj, callback) {
										if (callback) {
											callback();
										}
									}
								};
								this.doPopupByPublic(config);
								return false;
								
							}
							else {//只可下载,不可预览
								handleDownload(fileid);
							}
							
							/////////
							
						}
						
						if (clickContext && clickContext.type == "popup") {
							config.combine({
								url: clickContext.url,
								sceneCode: clickContext.sceneCode,
								data: row_,
								delta: clickContext.delta ? clickContext.delta : {},
							})
						}
						else {
							return false;
						}
						
						return true;
					},
					
					
				}
			});

		</script>
		<style>
			
		</style>
	</body>
</html>