/**
* author: Louie Butch
* date: 2020/6/15
* email: 844089357@qq.com
* desc: 发起部门类流程
*/
<template>
	<el-dialog :title="title" :visible.sync="isVisible" center :close-on-click-modal="false" :close-on-press-escape="false" custom-class="to-department-dialog" width="60%">
		<div class="select-department-content">
			<el-tabs style="width: 60%; height: 100%">
				<el-tab-pane label="部门名称查找">
					<div class="tab-content-header">
						<el-input size="mini" placeholder="请输入部门名称搜索" v-model="deptSearchText" @keyup.enter.native="getDeptList" clearable @clear="deptList = []">
							<el-button slot="append" icon="el-icon-search" @click="getDeptList" :disabled="!deptSearchText"></el-button>
						</el-input>
					</div>
					<div class="table-box" v-loading="isLoading">
						<hd-table :tableList="deptList" size="mini" :isTree="true" height="100%" @rowDblClick="checkRow">
							<el-table-column label="机构名称" prop="orgName" show-overflow-tooltip></el-table-column>
							<el-table-column label="所属公司" prop="companyName" show-overflow-tooltip></el-table-column>
							<el-table-column label="有无收文人" align="center" width="100">
								<template slot-scope="{row}">
									<span>{{row.hasDepartmentCollector ? '有' : '无'}}</span>
								</template>
							</el-table-column>
						</hd-table>
					</div>
				</el-tab-pane>
				<el-tab-pane label="机构树查找">
					<div class="table-box">
						<div class="org-container">
							<div class="left-container" style="width: 100%;">
								<div class="tab-content-header">
									<el-input size="mini" placeholder="请输入部门名称搜索" @keyup.enter.native="getAllOrgList" v-model="orgSearchText" clearable>
										<el-button slot="append" icon="el-icon-search" @click="getAllOrgList"></el-button>
									</el-input>
								</div>
								<div style="width: 100%;height: 300px" v-loading="orgLoading">
									<hd-table :tableList="orgList" isTree height="100%" :expandAll="isExpandAll"  @rowDblClick="checkRow" rowKey="orgNo" :lazy="isLazy" :lazyLoad="lazyLoad">
										<el-table-column label="机构编号" prop="orgNo" width="160"></el-table-column>
										<el-table-column label="机构名称" show-overflow-tooltip>
											<template slot-scope="{row}">
												<span>{{row.orgName}}</span>
											</template>
										</el-table-column>
										<el-table-column label="有无收文人" width="80" align="center">
											<template slot-scope="{row}">
												<span>{{row.hasDepartmentCollector ? '有' : '无'}}</span>
											</template>
										</el-table-column>
									</hd-table>
								</div>
							</div>
						</div>
					</div>
				</el-tab-pane>
				<el-tab-pane label="常用联部门">
					<div class="table-box" v-loading="isLoading">
						<hd-table :tableList="topDeptList" size="mini" :isTree="true" height="100%"  @rowDblClick="selectedRow">
							<el-table-column label="机构编号" prop="orgNo" width="100" show-overflow-tooltip></el-table-column>
							<el-table-column label="机构名称" prop="orgName" show-overflow-tooltip></el-table-column>
							<el-table-column label="所属公司" prop="companyName" show-overflow-tooltip></el-table-column>
						</hd-table>
					</div>
				</el-tab-pane>
			</el-tabs>
			<div class="selected-container" style="width: calc(40% - 10px);margin-left: 10px" >
				<div class="header">
					<span>已选部门</span>
					<hd-button type="text" icon="hd-icon-delete" @click="deleteSelected">删除</hd-button>
				</div>
				<div class="body" style="width: 100%">
					<hd-table :tableList="selectedList" :isTree="false" height="100%" @selectionChange="selectionChange">
						<el-table-column type="selection" align="center" width="40"></el-table-column>
						<el-table-column label="机构编号" width="100" prop="orgNo" show-overflow-tooltip></el-table-column>
						<el-table-column label="机构名称" prop="orgName" show-overflow-tooltip></el-table-column>
					</hd-table>
				</div>
			</div>
		</div>
		<div class="form-box">
			<el-form size="mini" label-position="left" label-width="100px">
				<el-form-item label="发起部门">
					<el-input v-model="form.applicantOrgName" readonly v-if="applicantDeptFixed"></el-input>
					<el-select v-else v-model="form.applicantOrgNo" placeholder="请选择发起部门" @change="userOrgChange"
							   style="width: 100%">
						<el-option :label="item.orgName" :value="item.orgNo" v-for="(item, index) in userOrgList"
								   :key="index"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="留言">
					<el-input v-model="form.comment" placeholder="请输入留言" type="textarea" :autosize="{minRows: 3}"></el-input>
				</el-form-item>
				<el-form-item>
					<el-checkbox :true-label="1" :false-label="0" v-model="form.isImportant" label="是否重要"></el-checkbox>
					<el-checkbox :true-label="1" :false-label="0" v-model="form.isSMS" label="短信通知"></el-checkbox>
					<el-checkbox :true-label="1" :false-label="0" v-model="form.isReturn" label="回执"></el-checkbox>
					<el-checkbox :true-label="1" :false-label="0" v-model="form.isNotify" label="完成后通知我"></el-checkbox>
					<el-checkbox :true-label="1" :false-label="0" v-model="form.isNotifyEach" label="每次完成后通知我"></el-checkbox>
					<el-checkbox :true-label="1" :false-label="0" v-model="form.sendType" label="发送方式(选中为顺序，不选为同时)"></el-checkbox>
				</el-form-item>
			</el-form>
		</div>
		 <div slot="footer" class="dialog-footer">
			<el-button size="small" @click="isVisible = false">取 消</el-button>
			<el-button size="small" type="primary" @click="commitAppForm">发 送</el-button>
		  </div>
	</el-dialog>
</template>

<script>

import hdTable from '../../hdTable/src/hdTable';
import hdButton from '../../hdButton/src/hdButton';

export default {
	name: 'hd-sending-department-dialog',
	components: {
		hdTable,
		hdButton
	},
	data(){
		return {
			title: '',
			isVisible: false,
			deptSearchText: '',
			deptList: [],
			isLoading: false,
			orgSearchText: '',
			orgList: [],
			orgLoading: false,
			isExpandAll: false,
			isLazy: true,
			topDeptList: [],
			selectedList: [],
			toDeleteList: [],
			userOrgList: [],
			form: {
				// 业务数据名称
				appDataName: '',
				// 业务数据阶段 (无阶段 为1)
				appDataStage: 1,
				// 业务数据 版本号
				appDataVersion: '',
				// 发起人名称
				applicantName: '',
				applicantOrgName: '',
				applicantOrgNo: '',
				// 发起人账号
				applicantUser: '',
				// 业务数据id
				applicationDataId: '',
				// 系统编号
				applicationId: '',
				// 系统名称
				applicationName: '',
				// 业务 审批页面网址
				approvalUrl: '',
				isImportant: 0,
				isSMS: 0,
				isReturn: 0,
				isNotify: 1,
				isNotifyEach: 0,
				// false 串行 true 并行
				sendType: 0,
				comment: '',
				// 消息分类
				msgCategory: '消息',
				// 消息分类ID
				msgCategoryId: 24,
				// 消息类型
				msgType: '普通消息',
				// 消息类型ID
				msgTypeId: 0,
				// 1.项目部 2.子公司 3.公司
				wfProcedureLevel: 3,
				wfProcedureName: '',
				// 任务分类
				wfTaskCategory: '',
				wfWorkflowId: '',
				wfWorkflowProcDefId: '',
				holderUsers: []
			}
		}
	},
	props:{
		wfWorkflowId:{
			type:String,
			default:''
		},
		checkVersionType:{
			type: String,
			default: ''
		},
		checkVersionKey: {
			type: String,
			default: ''
		},
		checkVersionParam: {
			type: Object,
			default: null
		},
		// 发起人部门是否不提供选择
		applicantDeptFixed: {
			type: Boolean,
			default: true
		},
		orgInfo: {
			type: Object,
			default: () => {}
		},
		orgType: {
			type: Number,
			default: 3
		},
		userInfo: {
			type: Object,
			default: () => {}
		},

		isWriteHandleRecord: {
			type: Boolean,
			default: true
		},
		
		getDepartmentList: {
			type: Function,
			default: () => {
				return new Promise((resolve, reject) => {
					reject({message: '未传入获取部门列表方法！'});
				});
			}
		},
		
		getOrgList: {
			type: Function,
			default: () => {
				return new Promise((resolve, reject) => {
					reject({message: '未传入获取组织机构方法！'});
				});
			}
		},
		
		getTopDepartments: {
			type: Function,
			default: () => {
				return new Promise((resolve, reject) => {
					reject({message: '未传入获取常用联系部门方法！'});
				});
			}
		},

		getOrgAddressee: {
			type: Function,
			default: () => {
				return new Promise((resolve, reject) => {
					reject({message: '未传入获取部门收文人方法！'});
				});
			}
		},

		checkVersionFn: {
			type: Function,
			default: () => {
				return new Promise((resolve, reject) => {
					reject({message: '未传入版本查询方法！'});
				});
			}
		},

		sendingWorkflow: {
			type: Function,
			default: () => {
				return new Promise((resolve, reject) => {
					reject({message: '未传入发部门提交方法！'});
				});
			}
		},

		writeHandleRecord: {
			type: Function,
			default: () => {
				return new Promise((resolve, reject) => {
					reject({message: '未传入操作记录提交方法！'});
				});
			}
		},

		writeBackDepartment: {
			type: Function,
			default: () => {
				return new Promise((resolve, reject) => {
					reject({message: '未传入常用部门回写方法！'});
				});
			}
		},

		getUserOrgList: {
			type: Function,
			default: () => {
				return new Promise((resolve, reject) => {
					reject({message: '未传入获取发起人部门列表方法！'});
				});
			}
		}
	},
	methods: {
		/**
		 * 前面参数 为 dropdown 数据， 后边数据为业务数据
		 * @param label
		 * @param wfTaskCategory
		 * @param command
		 * @param appData 参数要求 必须为 from 里边关于业务那几个字段
		 */
		openDialog({label, wfTaskCategory, command}, appData){
			this.title = label;
			this.form.wfProcedureName = label;
			this.form.wfTaskCategory = wfTaskCategory;
			this.form.wfWorkflowProcDefId = command;
			this.form.wfWorkflowId = this.wfWorkflowId;
			Object.assign(this.form, appData);
			this.initData();
			this.isVisible = true;

			this.getAllOrgList();
			this.getTopDepts();
		},

		initData(){
			if (this.applicantDeptFixed) {
				let {orgNo, orgName} = this.orgInfo;

				this.form.applicantOrgNo = orgNo;
				this.form.applicantOrgName = orgName;
			} else {
				this.getUserDeptList();
			}

			this.form.wfProcedureLevel = this.orgType;

			this.form.applicantUser = this.userInfo.userLoginName;
			this.form.applicantName = this.userInfo.userName;

			let initData = {
				isImportant: 0,
				isSMS: 0,
				isReturn: 0,
				isNotify: 1,
				isNotifyEach: 0,
				// false 串行 true 并行
				sendType: 0,
				comment: '',
				holderUsers: []
			};

			// 如果 存在 则更换 如果存在相同属性 则 合并
			Object.assign(this.form, initData);

			this.selectedList = [];
			this.toDeleteList = [];
			this.deptList = [];
		},

		getDeptList(){
			let params = {
				orgName: this.deptSearchText
			};

			this.isLoading = true;
			this.getDepartmentList(params).then(({data}) => {
				this.isLoading = false;
				if (data){
					this.deptList = data;
				}
			}).catch((err) => {
				this.isLoading = false;
				console.log(err.message);
			})
		},
		getAllOrgList(){
			let params = {
				orgName: this.orgSearchText,
				orgNo: ''
			};

			this.orgLoading = true;
			if (params.orgName) {
				this.isLazy = false;
				this.isExpandAll = true;
			} else {
				this.isLazy = true;
				this.isExpandAll = false;
			}

			this.getOrgList(params).then(({data}) => {
				this.orgList = data;
				this.orgLoading = false;
			}).catch((err) => {
				this.orgLoading = false;
				console.log(err.message);
			})
		},
		lazyLoad(tree, node, resolve){
			let params = {
				orgName: '',
				orgNo: tree.orgNo
			};

			this.getOrgList(params).then(({data}) => {
				let children = data || [];

				resolve(children);
			}).catch((err) => {
				console.log(err.message);
			})
		},
		getTopDepts(){
			let params = {
				pageIndex: 1,
				pageSize: 50000,
				userLoginName: this.userInfo.userLoginName
			};

			this.getTopDepartments(params).then(({data}) => {
				console.log(data);
				if (data) {
					this.topDeptList = data.list;
				}
			}).catch((err) => {
				console.log(err.message)
			})
		},

		checkRow(row){
			if (!row.hasDepartmentCollector) {
				this.$message.warning('暂无部门收文人!');

				return ;
			}

			this.selectedRow(row);
		},

		async selectedRow(row){
			let index = this.selectedList.findIndex((item) => item.orgNo === row.orgNo);

			if (index < 0){
				let params = {
					orgNo: row.orgNo,
					positionNo: 'POS_00006',
				};

				let {data} = await this.getOrgAddressee(params);;
				let selectedRow = JSON.parse(JSON.stringify(row));
				selectedRow.addresseeList = data || [];
				this.selectedList.push(selectedRow);
			}
		},

		selectionChange(selection){
			this.toDeleteList = selection;
		},
		deleteSelected(){
			if (this.toDeleteList.length === 0){
				this.$message.warning('请选择需要删除的项！');

				return;
			}

			this.selectedList = this.selectedList.filter((selectedDept) => this.toDeleteList.every((dept) => dept.orgNo !== selectedDept.orgNo));
		},

		commitAppForm(){
			this.form.holderUsers = [];
			this.selectedList.forEach((item) => {
				item.addresseeList.forEach((addressee) => {
					let itemData = {
						holderOrgName: item.orgName,
						holderOrgNo: item.orgNo,
						holderRole: addressee.positionNo,
						holderUser: addressee.loginName,
						holderName: addressee.userName
					};

					this.form.holderUsers.push(itemData);
				});
			});

			if (this.form.holderUsers.length === 0){
				this.$message.warning('请先选择流程接收部门！');
				return;
			}
			//操作记录提交的内容
			let vo={
				"applicationDataId": this.form.applicationDataId,
				"applicationDataVersion": this.form.appDataVersion,
				"levelNo": 1,
				"operationDescription": "",
				"operationId": null,
				"operationName": this.form.wfProcedureName,
				"operationTime": (new Date()).getTime(),
				"operationUserLoginName": this.form.applicantUser,
				"operationUserName": this.form.applicantName,
				"stageNo": this.form.appDataStage
			};
			const loading = this.$loading({
				lock: true,
				text: '发送中...',
				spinner: 'el-icon-loading',
				background: 'rgba(0, 0, 0, 0.5)',
				customClass: 'loading-text-white'
			});

			if(this.checkVersionType){
				let params = {
					appDataId: this.form.applicationDataId,
					type: this.checkVersionType,
					checkVersionKey: this.checkVersionKey,
					data: null
				};

				if (this.checkVersionParam) {
					params.data = this.checkVersionParam
				}

				this.checkVersionFn(params).then((result)=>{
					if(result.code===0){
						let newVersionNo=result.data;//返回的新版本号的值
						this.form.appDataVersion = newVersionNo;
						vo.applicationDataVersion = newVersionNo;
						this.sendWorkflow(vo, loading);
					}
				}).catch((err)=>{
					loading.close();
					this.$message.error(err.message);
				});
            }else{
				this.sendWorkflow(vo, loading);
            }
		},

		sendWorkflow(vo, loading){
			this.sendingWorkflow(this.form).then(() => {
				if (this.isWriteHandleRecord) {
					this.writeHandleRecord(vo).then(()=>{
						this.sendSuccessFn(loading);
					}).catch((err)=>{
						loading.close();
						this.$message.error('写入操作记录失败：'+err.message);
					});
				} else {
					this.sendSuccessFn(loading);
				}
			}).catch((err) => {
				loading.close();
				this.$message.error(err.message);
			});
		},

		sendSuccessFn(loading){
			this.$message.success('发送成功！');
			this.$emit('submitSuccess')
			this.commitTopDept();
			this.isVisible = false;
			loading.close();
		},

		commitTopDept(){
			let params = {
				listOrg: [],
				userLoginName: this.userInfo.userLoginName
			};

			params.listOrg = this.selectedList.map((item) => {
				let itemData = {
					orgId: item.id || item.orgId,
					orgName: item.orgName,
					orgNo: item.orgNo
				};

				return itemData;
			});

			this.writeBackDepartment(params).then(() => {

			}).catch((err) => {
				console.log(err.message)
			});
		},

		/**
		 * 获取发起人的部门列表
		 */
		getUserDeptList(){
			let params = {
				userLoginName: this.userInfo.userLoginName
			};

			this.getUserOrgList(params).then(({data}) => {
				this.userOrgList = data || [];
				if (this.userOrgList.length > 0) {
					this.form.applicantOrgName = this.userOrgList[0].orgName;
					this.form.applicantOrgNo = this.userOrgList[0].orgNo;
				}
			}).catch(({message}) => {
				console.log(message);
			});
		},

		userOrgChange(orgNo){
			let checkedOrg = this.userOrgList.find((org) => org.orgNo === orgNo);

			this.form.applicantOrgName = checkedOrg.orgName;
		}
	}
};
</script>

<style scoped lang="scss">
	.to-department-dialog{

		/deep/ .el-dialog__body {
			padding: 10px 20px !important;
		}

		.select-department-content {
			height: 380px;
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;

			/deep/ .el-tabs__header {
				margin: 0 0 10px;
			}

			/deep/ .el-tabs__content {
				height: 330px;
			}
			.tab-content-header{
				padding: 1px 0;
			}

			.table-box{
				height: 300px;
			}

			.org-container {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
			}

			.selected-container {

				.header {
					height: 36px;
					box-sizing: border-box;
					border-bottom: 2px solid #E4E7ED;
					margin-bottom: 10px;
					display: flex;
					justify-content: space-between;
					align-items: center;
				}

				.body {
					height: 330px;
					width: 400px;
				}
			}
		}
	}
</style>