/**
* author: Louie Butch
* date: 2020/11/4
* email: 844089357@qq.com
* desc: 操作记录对话框
*/
<template>
	<el-dialog title="操作记录" :visible.sync="isVisible" width="80%" center>
		<div class="table-box" style="height: 500px">
			<hd-table :tableList="operationList" height="100%" border :isTree="false">
				<el-table-column label="操作" prop="operationName" min-width="180" sortable
                                 show-overflow-tooltip></el-table-column>
				<el-table-column label="时间" prop="operationTime" min-width="80" sortable show-overflow-tooltip
                                 :formatter="dateTimeFormatter"></el-table-column>
				<el-table-column label="操作人" prop="operationUserName" min-width="80" sortable
                                 show-overflow-tooltip></el-table-column>
				<el-table-column label="版本" prop="applicationDataVersion" width="80" sortable
                                 show-overflow-tooltip></el-table-column>
				<el-table-column label="备注" prop="operationDescription" min-width="200" sortable show-overflow-tooltip>
                    <template slot-scope="scope">
                        <div v-html="setContentHtml(scope.row.operationDescription)"
                             style="white-space:pre-line;line-height:24px;word-wrap:break-word;max-width: 1000px"></div>
                    </template>
                </el-table-column>
			</hd-table>
		</div>
	</el-dialog>
</template>

<script>
	import Tool from '../../../assets/js/tool';

    const hdTable = () => import('../../hdTable/src/hdTable');

    export default {
        name: 'hd-handle-record-dialog',
        components: {
            hdTable
        },
        props: {
            operationList: {
                type: Array,
                default: () => []
            }
        },
        data() {
            return {
                isVisible: false,
            };
        },
        computed: {
            setContentHtml() {
                return (val) => {
                    let htmlStr = '';

                    if (val) {
                        htmlStr = val.replace(/[\r\n]/g, '<br>');
                    }

                    return htmlStr;
                };
            }
        },
        methods: {
            openDialog() {
                this.isVisible = true;
            },

            dateTimeFormatter(row, column, cellValue) {
                return cellValue ? Tool.getDateTime(cellValue) : '';
            }
        }
    };
</script>