<!doctype html>
<html>
	<head>
		<meta charset="utf-8"><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache">
		<title>部门对应关系编辑</title>
		
		<script type="text/javascript">
			var pageVue = null;
			function loadJsCss(callback) {
				var jscss_urls = [];
				window.top.initJsCss(document, jscss_urls, callback);
			};
			
			function initVue() {
				new FormVue({
					el: "#vbody",
					data: {
						dataname: "md_department_oa_nc",
						title: "部门对应关系编辑",
						formAttr: {
							istitle: false,
							title: "表单名称",
							columnnumber: 3,
							labelwidth: "100px",
							labelposition: "left",//"left",// right//top
							size: "mini",
							border: "10px solid #c6c6c600"
						},
						
						formFields: [],
						
						newformData: {
							state_code: "Input",
							state_name: "草稿",
						},
						formData: {},
						
						//按键权限设置
						isedit: false,//提交前编辑,保存/提交
						isrefuseedit: false,//拒绝后编辑,保存/再次提交
						isapproval: false,//审批,同意/拒绝/转办/退回
						
						iscommit: false,//提交标记
						
						//弹窗参数
						popupParames: {},
						//字段设置
						tablefieldClick: {},
						formfieldClick: {},
                        pageHeight:0
					},
					created() {
						this.popupParames = clone(Root.popupParames);
						this.title = this.popupParames.title || this.popupParames.text
						this.pageHeight = document.documentElement.clientHeight*1 - 92;
						if (this.popupParames.data) {
							this.formData = clone(this.popupParames.data);
						}
						
						if (this.popupParames.sceneCode) {
							if (this.popupParames.sceneCode == "add") {//新增
								if (this.newformData) {
									let formData_ = clone(this.formData);
									
									for (var k in this.newformData) {
										formData_[k] = this.newformData[k];
									}
									this.formData = formData_;
								}
								this.isedit = true;
							}
							else if (this.popupParames.sceneCode == "browse") {//只读
								this.formAttr.disabled = true;
							}
							else if (this.popupParames.sceneCode == "edit") {//编辑
								this.isedit = true;
							}
							else if (this.popupParames.sceneCode == "approval") {//审批
								this.formAttr.disabled = true;
								this.isapproval = true;
							}
							else if (this.popupParames.sceneCode == "refuseedit") {//拒绝后的编辑
								this.isrefuseedit = true;
							}
						}
					},
					
					mounted() {
						var me = this;
						//预加载数据
						if (this.dataRequest && this.dataRequest.length) {
							var result = {};
							this.loadRequestData(this.dataRequest, result, function(data) {
								me.dataRequestObj = data;
								//预加载数据后给哪些字段设置options或formatterjson
								
								// data.agm_template.map(c=>{
								// 	me.options_templateobj[c[me.props_template.value]] = c;
								// })
								
								// let agm_template_ = ArrayToTree(clone(data.agm_template), "name", "parent_id");
								// me.options_category = agm_template_;
								
								me.initData();
							});
						}
						else {
							this.initData();
						}
						
						// 以服务的方式调用的 Loading 需要异步关闭
						this.$nextTick(() => { 
							hideLoading();
							
							//重新设置弹窗宽高
							this.$nextTick(function(){
								//let w_ = this.$refs.popup_body.offsetWidth + "px";
								let w_ = "900px";
								let h_ = this.$refs.popup_body.offsetHeight + "px";
								Root.setPopupWH(w_, h_);
							})
						});
					},
					
					methods:{
						//关闭弹窗
						closeDialog() {
							var me = this;
							if (me.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() {
									me.closeDialog();
								});
							}
							else {
								me.closeDialog();
							}
						},
						
						initData() {
							let me = this;
							var id_ = null;
							if (this.formData.id) {
								id_ = this.formData.id;
							}
							this.getRowDataById(id_, function(result) {//查询后的回调,用于获取字段的
								if (result.meta && result.meta[me.dataname] && result.meta[me.dataname].fields) {
									var metas = clone(result.meta[me.dataname].fields);
									var formFields_ = [];
									
									metas.map(f=>{
										f.isshow = "T";
										formFields_.push(clone(f));
									})
									if (!me.formFields || (me.formFields && me.formFields.length == 0)) {
										me.formFields = clone(formFields_);
										
										//字段数组转字段obj,目的为了筛选时获取字段属性
										me.fieldsToFieldsObj();
										
										//设置字段事件
										me.tableFieldClick();
									}
								}
							})
						},
						
						tableFieldClick() {
							var me = this;
							//表格字段事件设置
							this.tablefieldClick = {}			
							//表单字段事件设置
							this.formfieldClick = {
								company_id: {
									select: {
										onchange: function(obj) {
											// obj.data.actor_code = obj.selectoption.code || "";
											// obj.data.actor_name = obj.selectoption.value || "";
											// 清空其他信息
											let formData_ = clone(me.formData);
											formData_.oa_department_id = ""
											formData_.oa_department_code = ""
											formData_.oa_department_name = ""
											
											formData_.company_code = ""
											formData_.nc_region_id = ""
											formData_.nc_region_code = ""
											formData_.nc_region_name = ""
											
											formData_.nc_area_id = ""
											formData_.nc_area_code = ""
											formData_.nc_area_name = ""
											
											formData_.nc_department_id = ""
											formData_.nc_department_code = ""
											formData_.nc_department_name = ""
											
											me.formData = clone(formData_);
										}
									}
								},
								
								oa_department_name: {
                                    popup: {
                                        onclick: function(obj) {//弹窗点击事件
											if (!me.formData.company_id) {
												Root.message({
													type: 'warning',
													message: '请先选择公司'
												});
												return
											}
                                            me.openOA(function(popupobj){
												let formData_ = clone(me.formData);
												formData_.oa_department_id = popupobj.row.id
												formData_.oa_department_code = popupobj.row.code;
												formData_.oa_department_name = popupobj.row.name;
												
												me.formData = clone(formData_);
											})
                                        }
                                    }
                                },
                                nc_region_name: {
                                    popup: {
                                        onclick: function(obj) {//弹窗点击事件
											if (!me.formData.company_id) {
												Root.message({
													type: 'warning',
													message: '请先选择公司'
												});
												return
											}
                                            me.openNC(function(popupobj){
                                            	let formData_ = clone(me.formData);
                                            	formData_.company_code = popupobj.row.nc_company_id
                                            	formData_.nc_company_id = popupobj.row.nc_company_id
                                            	formData_.nc_company_code = popupobj.row.nc_company_code
												
                                            	formData_.nc_region_id = popupobj.row.nc_id
                                            	formData_.nc_region_code = popupobj.row.code;
                                            	formData_.nc_region_name = popupobj.row.name;
                                            	me.formData = clone(formData_);
                                            })
                                        }
                                    }
                                },
								nc_area_name: {
								    popup: {
								        onclick: function(obj) {//弹窗点击事件
											if (!me.formData.company_id) {
												Root.message({
													type: 'warning',
													message: '请先选择公司'
												});
												return
											}
								            me.openNC(function(popupobj){
								            	let formData_ = clone(me.formData);
								            	formData_.nc_area_id = popupobj.row.nc_id
								            	formData_.nc_area_code = popupobj.row.code;
								            	formData_.nc_area_name = popupobj.row.name;
								            	me.formData = clone(formData_);
								            })
								        }
								    }
								},
								nc_department_name: {
								    popup: {
								        onclick: function(obj) {//弹窗点击事件
											if (!me.formData.company_id) {
												Root.message({
													type: 'warning',
													message: '请先选择公司'
												});
												return
											}
								            me.openNC(function(popupobj){
								            	let formData_ = clone(me.formData);
								            	formData_.nc_department_id = popupobj.row.nc_id
								            	formData_.nc_department_code = popupobj.row.code;
								            	formData_.nc_department_name = popupobj.row.name;
								            	me.formData = clone(formData_);
								            })
								        }
								    }
								}
								
							};
						},
                        openOA(callback) {
                            var me = this;
                            var config = {
								totab: false, //true: 以Tab导航的方式打开
								width: "900px",
								height: "500px",
								icon: "icon-product",
								text: "OA部门列表",
								id: "popup_department_oa",//totab: true时需设置,用于判断是否已打开此页面
								url: "module/md/page/popup/page/popup_department_oa.html",
								data: {},
								delta: {},
								filter: "company_id='" + me.formData.company_id + "'",
								sceneCode: "add",//"refuseedit",//"approval", //"add"//"browse",
								callback: function(obj, popupcallback) {
									callback(obj);
									if (popupcallback) {
										popupcallback();
									}
								}
							};
							me.doPopupByPublic(config);
                        },
                        openNC(callback) {
                            var me = this;
                            var config = {
								totab: false, //true: 以Tab导航的方式打开
								width: "900px",
								height: "500px",
								icon: "icon-product",
								text: "NC部门列表",
								id: "popup_department_nc",//totab: true时需设置,用于判断是否已打开此页面
								url: "module/md/page/popup/page/popup_department_nc.html",
								data: {},
								delta: {},
								filter: "company_id='" + me.formData.company_id + "'",
								sceneCode: "add",//"refuseedit",//"approval", //"add"//"browse",
								callback: function(obj, popupcallback) {
									callback(obj);
									if (popupcallback) {
										popupcallback();
									}
								}
							};
							me.doPopupByPublic(config);
                        },
						
						
						//提交
						submitRowTable() {
							this.iscommit = true;
							this.saveRowTable();
						},
						
						//保存
						saveRowTable() {
							var me = this;
							var bo_ = this.$refs.form1.checkForm();
							if (!bo_) {
								Root.message({
									type: 'error',
									message: '请填写必填项'
								});
								return
							}
							var operator_ = "save";//保存
							if(me.iscommit) {
								operator_ = "commit";//提交
							}
							
							var entity_ = clone(this.formData);
							var entity = {};
							for (var r in entity_) {
								if (entity_[r] || entity_[r] == "" || entity_[r] == false || entity_[r] == 0) {
									entity[r] = entity_[r];
								}
							}
							
							let param = {
								dataname: this.dataname,
								// operator: operator_,
								data: {},
							}
							param.data[this.dataname] = entity;
							
							Server.call("root/data/saveEntity", param, function(result) {
								console.log(result);
								if (result.success) {
									if(me.iscommit){
										me.iscommit = false;
										Root.message({
											type: 'success',
											message: '提交成功'
										}); 
										me.saveAfter();
									}
									else {
										Root.message({
											type: 'success',
											message: '保存成功'
										}); 
										me.saveAfter();
									}
								}
							});
						},
						
					}
				});
			};
			
			loadJsCss(function () {
				initVue();
			});
		</script>
		<style>
			/*  在vue.js中 v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的 */
			[v-cloak] {
				display: none !important;
			}
		</style>
		
	</head>
	
	<body style="margin: 0px;">
		<div v-cloak id="vbody">
			<div id="page_root">
				<div ref="popup_body" style="padding: 0 20px;">
					<div v-if="popupParames.totab" class="el-dialog__header">
						<div class="dialog-title">
						  <span> {{title}}</span>
						</div>
					</div>	
					<div style="height: 300px; overflow-y: auto;">
						<div class="el-dialog__body">
							<h-form
								ref="form1"
								:form-attr="formAttr"
								:table-fields="formFields"
								:form-data="formData"
								:table-field-click="formfieldClick"
							>
							</h-form>
						</div>
					</div>
					<div class="el-dialog__footer">
						<el-button size="small" type="default" @click="closeDialog">取 消</el-button>
						<el-button size="small" v-if="isedit || isrefuseedit" type="primary" :loading="loading_save" @click="saveRowTable":icon="buttonsconfig.save.icon">{{buttonsconfig.save.name}}</el-button>
						<!-- <el-button size="small" v-if="isedit" type="success" :loading="loading_submit" @click="submitRowTable":icon="buttonsconfig.submit.icon">{{buttonsconfig.submit.name}}</el-button>
						<el-button size="small" v-if="isrefuseedit" type="success" @click="">再次提交</el-button>
						
						<el-button size="small" v-if="isapproval" type="success" @click="">通 过</el-button>
						<el-button size="small" v-if="isapproval" type="danger" @click="">拒 绝</el-button>
						<el-button size="small" v-if="isapproval" type="primary" @click="">转 办</el-button>
						<el-button size="small" v-if="isapproval" type="success" @click="">退 回</el-button> -->
					</div>
				</div>
			</div>
		</div>
		
		<div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 50vh;">
			<div class="spinner">
			  <div class="cube1"></div>
			  <div class="cube2"></div>
			</div>
		</div>
	</body>
</html>