<!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/vue/axios/dist/axios.min.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_mkoo966o0uo.css" rel="stylesheet">
	</head>
	
	<body>
		<div id="vbody">
			<div id="page_root">
				<div ref="popup_body" style="padding-right: 20px;">
					<div class="el-dialog__header">
						<div class="dialog-title">
							<i class="iconfont icon-customermanagement"></i>
							<span> {{title}} </span>
						</div>
					</div>	
					
					<div style="height: 550px; ">
						<div class="el-dialog__body" style="height: 510px;">
							<h-form-filter ref="form1"
								:form-attr="filterAttr" 
								:table-fields="filterFields" 
								:form-data="filterObj" 
								:isbuttonquery="false"
								
								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>
							
							<h-table
								ref="table1" 
								:tableloading="tableloading"
								:table-fields="tableFields"
								:table-data="tableData" 
								:table-height="tableHeight" 
								:is-selection="true"
								:is-show-index="true" 
								:pagesize="pagesize"
								:pagenum="pagenum"
								:total="total"
								:isbuttonquery="false"
								:layout="layout"
								
								v-on:on-formchange="onQuery" 
								v-on:get-data="getData"
								v-on:on-init-query="onInitFilter"
								>
							</h-table>
							
							<div class="el-dialog__body" style=" padding-top: 0px;"><!-- height: 550px; -->
								<h-table
									ref="table_c"
									:tableloading="tableloading_c"
									:table-fields="tableFields_c"
									:table-data="tableData_c" 
									:select-table-data="selectData_c"
									:table-height="tableHeight_c" 
									:is-selection="true" 
									:is-show-index="true"
									:is-pagination="false"
									:isbuttonquery="false"
									:layout="layout"
									
									v-on:on-formchange="onQuery_c" 
									v-on:get-data="getData_c"
									v-on:on-init-query="onInitFilter_c"
									>
								</h-table>
							</div>
						</div>
					</div>
					<div class="el-dialog__footer">
						<el-button type="default" @click="closeDialog">取 消</el-button>
						<el-button type="primary" @click="saveTables" :loading="loading_save">保 存</el-button>
					</div>
				</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">
			new ListVue({
				el: "#vbody",
				data: {
					title: "",
					loading_save: false,
					dataname: "vCustomer",
					filterFieldsName: "customer_acct",
					tabaleFieldsName: "customer_factory_licence",
					rolecode: window.top.userinfo.user.rolecode,
					popupParames: {},
					
					//商业
					filterFields_c: [
						{isshow: "T", field: "md_code", name: "商业编码"},
						{isshow: "T", field: "md_description", name: "商业名称"}
					],
					tableHeight_c: 420,
					pagesize_c: 10,
					pagenum_c: 1,
					total_c: 0,
					
					filterObj_c: {},
					filter_c: "",
					filterTxt_c: "",
					filterFieldsObj_c: {},
					orderby_c: "",
					
					tableFields_c: [
						{isshow: "T", field: "md_code", name: "商业编码"},
						{isshow: "T", field: "md_description", name: "商业名称", align: "left"}
					],
					
					tableData_c: [],
					selectData_c: [],
					tableloading_c: false,
					
					
				},
				
				created() {
					var me = this;
					this.popupParames = clone(Root.popupParames);
					if (this.popupParames.delta) {
						let formData1 = clone(this.popupParames.delta);
					}
					if (this.popupParames.title) {
						this.title = clone(this.popupParames.title);
					}
				},
				
				mounted() {
					var me = this;
					if (this.dataRequest.length) {
						var result = {};
						this.loadRequestData(this.dataRequest, result, function(data) {
							me.dataRequestObj = data;
							me.initData();
						});
					}
					else {
						this.initData();
					}
					
					this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
						document.getElementById('page_root').style.display =  "block";
						document.getElementById('page_loading').style.display =  "none";
						
						//重新设置弹窗宽高
						this.$nextTick(function(){
							let w_ = this.$refs.popup_body.offsetWidth + "px";
							let h_ = this.$refs.popup_body.offsetHeight + "px";
							Root.setPopupWH(w_, h_);
						})
					});
				},
				
				methods:{
					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_;
							}
						}
					},
					
					initData() {
						if (initlized) { return; }
						initlized = true;
						
						this.onQuery();
						this.onQuery_c();
					},
					
					closeDialog() {
						if (this.popupParames.totab){
							Root.tab.removeItem(Root.tab.selected);
							Root.tab.open(me.popupParames.parentOption, false); 
						}
						else {
							Root.hidePopup();
						}
					},
					
					saveAfter() {
						var me = this;
						if(this.popupParames.callback) {
							let obj = {
								//row: this.formData
							}
							this.popupParames.callback(obj, function() {
								if (me.popupParames.totab){
									Root.tab.removeItem(Root.tab.selected);
									Root.tab.open(me.popupParames.parentOption, false); 
								}
								else {
									Root.hidePopup();
								}
							});
						}
						else {
							alert("该按键事件缺失!")
						}
					},
					
					rowClick(obj) {
						let me = this;
						me.pageId = obj.row.employeeid;
						me.pageCode = obj.row.employee_code;
						me.menuId = obj.row.employeeid;
						me.selectMenu[me.menuId] = {
							role: []
						};
						me.selectData_c = [];
						var params = {
							isClientMode: false,
							dataname: "sysRole", //buttonByTab/buttonByPanel
							filter: "1=1",
						}
						Server.call("root/data/getEntitySet", params, function(result) {
							console.log(result);
							if (result && result.data) {
								let data_ = result.data.entityset;
								me.tableData_role = clone(data_);
								me.getDefaultSelect(data_,"Role")
							}
						
						})
					},
					
					
					
					
				}
			});
		</script>
		<style>
			
		</style>
		
	</body>
</html>