fj-dc-ui/.svn/pristine/2a/2a0c5abd0a0f4809fe1e7ef75924f2e36e6e5d7d.svn-base

<template>
    <el-container>
        <el-main>
            <el-table :data="tableData" border style="width: 100%" :height="tableHeight" @selection-change="handleSelectionChange">
                <!-- <el-table-column type="selection" width="55" align="center">
                </el-table-column> -->
                <el-table-column prop="nodeName" label="任务节点名称" min-width="150" align="center">
                </el-table-column>
                <el-table-column prop="planExeName" label="计划执行人" min-width="120" align="center">
                </el-table-column>
                <el-table-column prop="actualExeName" label="实际执行人" min-width="120" align="center">
                </el-table-column>
                <el-table-column prop="startTime" label="开始时间" min-width="130" align="center" :formatter="formatDate">
                </el-table-column>
                <el-table-column prop="approvalTime" label="审批时间" min-width="130" align="center" :formatter="formatDate">
                </el-table-column>
                <el-table-column prop="taskComment" label="备注" min-width="120" align="center">
                </el-table-column>
                <el-table-column prop="actionTypeCd" label="审批操作" min-width="120" align="center" :formatter="formatActionType">
                </el-table-column>
            </el-table>
            <!-- <el-pagination
                background
                style="text-align: left; margin-top: 5px;"
                layout="sizes, total, prev, pager, next, jumper"
                :total="total"
                :current-page.sync="pageIndex"
                :page-size="pageSize"
                :page-sizes="[10, 20, 30, 40]"
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange">
            </el-pagination> -->
        </el-main>
    </el-container>
</template>
<script>
    import request from '@util/gw_ajax_request.js'
    import {dateFormat} from '@util/gw_date.js'
    export default {
        props:{
            procInstId:{
                type: String,
                default: ''
            },
            isShow:{
                type: Boolean,
                default: false,
            }
        },
        data() {
            return {
                tableHeight: window.innerHeight - 320,
                tableData: [
                    {
                        nodeName: '节点',
                        planExeName: '流程类型',
                        actualExeName: '流程发起人',
                        startTime: '2021-01-19',
                        approvalTime: 1611022287694,
                        taskComment: '1'
                    }
                ],
                pageSize: 20,
                pageIndex: 1,
                total: 0
            }
        },
        mounted() {
            this.getTableData()
        },
        methods: {
            // 获取任务列表
            getTableData() {
                request.get(`/bis/insp/pblm/plist/v1/workflow/queryTaskFlowList/${this.procInstId}`).then(res => {
                    if(res.success){
                        this.tableData = res.data
                    }
                }).catch(err=>{
                    console.log(err)
                })
            },
            formatDate(row){
                if(row.startTime && typeof(row.startTime) == 'number'){
                    return dateFormat(row.startTime, 'yyyy-MM-dd HH:mm:ss')
                }else{
                    return row.startTime
                }
                if(row.approvalTime && typeof(row.approvalTime) == 'number'){
                    return dateFormat(row.approvalTime, 'yyyy-MM-dd HH:mm:ss')
                }else{
                    return row.approvalTime
                }
            },
            formatActionType(row){
                let actionTypeCd = row.actionTypeCd
                if(actionTypeCd == '922800000010'){
                    return '提交'
                }else if(actionTypeCd == '922800000020'){
                    return '退回'
                }else if(actionTypeCd == '922800000030'){
                    return '加签'
                }else if(actionTypeCd == '922800000040'){
                    return '传阅'
                }else if(actionTypeCd == '922800000050'){
                    return '否决结束'
                }else if(actionTypeCd == '922800000060'){
                    return '挂起'
                }else if(actionTypeCd == '922800000070'){
                    return '启动挂起'
                }else if(actionTypeCd == '922800000080'){
                    return '撤销结束'
                }else if(actionTypeCd == '922800000090'){
                    return '保存'
                }else if(actionTypeCd == '922800000100'){
                    return '任务转发'
                }else{
                    return actionTypeCd
                }
            },
            handleSelectionChange() { },
            handleSizeChange(val){
                this.pageSize = val
                this.getTableData()
            },
            handleCurrentChange(val){
                this.pageIndex = val
                this.getTableData()
            },
        },
        watch:{
            procInstId(val){
                if(val){
                    this.getTableData()
                }
            }
        }
    }
</script>
<style lang="scss">

</style>