/**
* author: Louie Butch
* date: 2020/11/5
* email: 844089357@qq.com
* desc: 审批
*/
<template>
<div class="hd-approval">
    <el-form size="mini"  label-position="left" label-width="120px">
        <el-form-item label="快捷回复：">
            <el-button type="text"  @click="reportFast('已办')">已办</el-button>
            <el-button type="text"  @click="reportFast('同意')">同意</el-button>
            <el-button type="text"  @click="reportFast('已阅')">已阅</el-button>
            <el-button type="text"  @click="reportFast('已复核')">已复核</el-button>
        </el-form-item>
        <el-form-item label="审批意见：">
            <el-input v-model="form.wfTaskComment" type="textarea" :autosize="{minRows: 4}" placement="请输入审批意见..."></el-input>
        </el-form-item>
    </el-form>
    <div class="attachment-box">
        <hd-attachment-list :attachment-list="form.attachmentFlowTasks"
                            :upload-url="uploadUrl"
                            :upload-params="uploadParams"
                            :read-only="false"
                            :handle-success="handleSuccess"
                            @deleteFile="deleteFile"></hd-attachment-list>
    </div>
    <div class="foot-btn-box">
        <hd-button type="primary" @click="submitApproval">提交审核</hd-button>
    </div>
</div>
</template>

<script>
import hdButton from '../../hdButton/src/hdButton';
import hdAttachmentList from '../../hdAttachmentList/src/hdAttachmentList';
import {getDateTime, getFileType} from '../../../assets/js/tool';

export default {
    name: 'hd-approval',
    components: {
        hdButton,
        hdAttachmentList
    },
    props: {
        appData: {
            type: Object,
            default: () => {}
        },
        wfTaskId: {
            type: String,
            default: ''
        },
        saveApprovalForm: {
            type: Function,
            default: () => new Promise((resolve, reject) => {resolve({message: '未传提交审批方法'})})
        },
        uploadUrl: {
            type: String,
            default: ''
        },
        uploadParams: {
            type: Object,
            default: () => {}
        }
    },
    data(){
        return {
            form: {
                wfTaskComment: '',
                wfTaskId: '',
                haveAttchmnt: false,
                attachmentFlowTasks: []
            }
        }
    },
    methods: {
        reportFast(text) {
            this.form.wfTaskComment = text + '。';
        },

        handleSuccess(response, file, fileList, allComplete){
            if (response && response.code === 0){
                let fileItem = {
                    attachmentLine: 0,
                    attachmentName: '',
                    attachmentId: response.result.fileId,
                    fileName: file.name,
                    fileSize: file.size,
                    filenameExtension: getFileType(file.name),
                    remark: '',
                    uploadTime: getDateTime(file.uid),
                    uploadUserLoginName: this.$store.getters.userInfo.userLoginName,
                    uploadUserName: this.$store.getters.userInfo.userName
                };

                this.form.attachmentFlowTasks.push(fileItem);
            }
            if (allComplete){
                this.$message.success('文件上传成功！');
            }
        },

        deleteFile(index){
            this.$confirm('确定删除该项？', '操作提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                this.form.attachmentFlowTasks.splice(index, 1);
            }).catch(() => {});
        },

        submitApproval(){
            let params = JSON.parse(JSON.stringify(this.form));

            Object.assign(params, this.appData);

            params.wfTaskId = this.wfTaskId;

            params.haveAttchmnt = params.attachmentFlowTasks.length > 0;

            const loading = this.$loading({
                lock: true,
                text: '提交审批中...',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.5)',
                customClass: 'loading-text-white'
            });

            this.saveApprovalForm(params).then(() => {
                loading.close();
                this.$emit('approvalSuccess');
            }).catch((err) => {
                loading.close();
                this.$message.error(err.message);
            });
        }
    }
};
</script>

<style scoped lang="scss">
    .hd-approval {
        width: 100%;

        .attachment-box {
            margin-top: 10px;
        }

        .foot-btn-box {
            width: 100%;
            margin-top: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
</style>