/**
* author: Louie Butch
* date: 2020/11/5
* email: 844089357@qq.com
* desc: 任务撤回  工作流
*/
<template>
<el-dialog title="任务撤销" :visible.sync="isVisible" center width="60%">
    <div class="hd-tool-bar">
        <hd-button type="text" icon="hd-icon-recall" @click="cancelTaskList">撤销所选</hd-button>
    </div>
    <div class="table-box" style="margin-top: 5px; height: 400px" v-loading="isLoading">
        <hd-table :table-list="taskList" height="100%" @selectionChange="selectionChange">
             <el-table-column type="selection" width="36" ></el-table-column>
				 <el-table-column label="任务名称" prop="taskName" sortable show-overflow-tooltip></el-table-column>
				 <el-table-column label="任务状态" width="100" align="center">
					 <template slot-scope="{row}">
						 <span>{{row.wfTaskStatus === '1' ? '待审' : '结束'}}</span>
					 </template>
				 </el-table-column>
				 <el-table-column label="接收人" prop="holderName" width="100" align="center"></el-table-column>
				 <el-table-column label="发起时间" prop="applicationTime" width="200" align="center"></el-table-column>
        </hd-table>
    </div>
</el-dialog>
</template>

<script>
import hdTable from '../../hdTable/src/hdTable';
import hdButton from '../../hdButton/src/hdButton';
export default {
    name: 'hd-revoke-task-dialog',
    components: {
        hdTable,
        hdButton
    },
    props: {
        getTaskList: {
            type: Function,
            default: () => {
                return new Promise((resolve, reject) => {
                    let res = {
                        message: '未传入获取任务列表的方法'
                    };

                    reject(res);
                });
            }
        },

        cancelTasks: {
            type: Function,
            default: () => {
                return new Promise((resolve, reject) => {
                    let res = {
                        message: '未传入撤回任务的方法'
                    };

                    reject(res);
                });
            }
        },

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

                    reject(res);
                });
            }
        },

        isWriteHandleRecord: {
            type: Boolean,
            default: true
        },

        userInfo: {
            type: Object,
            default: () => {}
        }
    },
    data(){
        return {
            taskList: [],
            isVisible: false,
            selectedTasks: [],
            appData: null,
            isLoading: false
        }
    },
    methods: {
        openDialog(appData){
            this.appData = appData;
            this.getStartUpTaskList();
            this.isVisible = true;
        },

        getStartUpTaskList(){
            // 实际参数 appData
            this.isLoading = true;
            this.getTaskList(this.appData).then(({data}) => {
                this.isLoading = false;
                if (data && data.taskList) {
                    let taskList = data.taskList.filter((taskData) => taskData.wfTaskResult === 1);

                    taskList.forEach((task) => {
                        task.taskName = '';
                        task.holderName = '';
                        task.applicationTime = '';
                        if (data.taskHeaderList && data.taskHeaderList.length > 0){
                            // 通过taskHeaderList 找holderName
                            let headerTaskData = data.taskHeaderList.find((taskHeader) => taskHeader.taskHeaderId === task.taskHeaderId);

                            if (headerTaskData){
                                task.holderName = headerTaskData.holderName;
                            }

                            // proStepList 找 applicationTime & taskName
                            if (data.proStepList && data.proStepList.length > 0) {
                                let stepData = data.proStepList.find((step) => step.procedureStepId === headerTaskData.procedureStepId);

                                if (stepData) {
                                    task.applicationTime = stepData.applicationTime;
                                    task.taskName = stepData.stepName;
                                }
                            }
                        }
                    });
                    this.taskList = taskList;
                }

            }).catch((err) => {
                this.isLoading = false;
                console.log(err.message);
            });
        },
        cancelTaskList(){
            if (this.selectedTasks.length === 0){
                this.$message.warning('请选择需要撤销的任务！');

                return;
            }
            //操作记录提交的内容
            let userInfo=this.userInfo;

            let description='操作人撤销以下'+this.selectedTasks.length+'条任务：\n';

            for(let i=0;i<this.selectedTasks.length;i++){
                let item=this.selectedTasks[i];
                description+=(i+1)+'、接收人为【'+item.holderName+'】的【'+item.taskName+'（'+(item.wfTaskStatus === '1' ? '待审' : '结束')+'）】任务\n';
            }

            let vo={
                "applicationDataId": this.appData.appDataId,
                "applicationDataVersion": this.appData.appDataVersion,
                "levelNo": 1,
                "operationDescription": description,
                "operationId": null,
                "operationName": '撤销',
                "operationTime": new Date().getTime(),
                "operationUserLoginName": userInfo.userLoginName,
                "operationUserName": userInfo.userName,
                "stageNo": this.appData.appDataStage||1
            };

            this.cancelTasks(this.selectedTasks).then(() => {
                if (this.isWriteHandleRecord) {
                    this.writeHandleRecord(vo).then(() => {
                        this.$message.success('撤销成功！');
                        this.$emit('handleSuccess');
                        this.getStartUpTaskList();
                    }).catch(({message}) => {
                        this.$message.error(message);
                    });
                } else {
                    this.$message.success('撤销成功！');
                    this.$emit('handleSuccess');
                    this.getStartUpTaskList();
                }
            }).catch((err) => {
                this.$message.error(err.message);
            });
        },

        selectionChange(selection){
            this.selectedTasks = selection;
        }
    }
};
</script>