<template>
    <div class="page">
        <LayoutTable :data="tableData" :config="tableConfig">
                    </LayoutTable>

    </div>
</template>

<script>
    import table from "@/assets/mixins/table";
    export default {
        components: {
        },
        mixins: [table],
        created() {
        },
        methods: {
        },
        data() {
            return {
                config: {
                    search: [
                        {
                            name: "loginName",
                            type: "text",
                            label: "用户账号",
                            fuzzy: true
                        },
                        {
                            name: "password",
                            type: "text",
                            label: "密码",
                            fuzzy: true
                        },
                        {
                            name: "custType",
                            type: "select",
                            label: "客户类型",
                            fuzzy: true
                        },
                        {
                            name: "tradeId",
                            type: "text",
                            label: "行业类型",
                            fuzzy: true
                        },
                        {
                            name: "custName",
                            type: "text",
                            label: "客户名称",
                            fuzzy: true
                        },
                        {
                            name: "address",
                            type: "text",
                            label: "地址",
                            fuzzy: true
                        },
                        {
                            name: "contactTelphone",
                            type: "text",
                            label: "联系电话",
                            fuzzy: true
                        },
                        {
                            name: "status",
                            type: "checkbox",
                            label: "状态",
                            fuzzy: true
                        },
                        {
                            name: "accessKey",
                            type: "text",
                            label: "颁发给用户的访问服务所用的密钥ID",
                            fuzzy: true
                        },
                        {
                            name: "createUserId",
                            type: "text",
                            label: "创建用户",
                            fuzzy: true
                        },
                    ],
                    columns: [
                        {type: "selection", width: 60},
                        {label: "用户账号", prop: "loginName"},
                        {label: "密码", prop: "password"},
                        {label: "客户类型", prop: "custType"},
                        {label: "行业类型", prop: "tradeId"},
                        {label: "客户名称", prop: "custName"},
                        {label: "地址", prop: "address"},
                        {label: "联系电话", prop: "contactTelphone"},
                        {label: "状态", prop: "status"},
                        {label: "颁发给用户的访问服务所用的密钥ID", prop: "accessKey"},
                        {
                            label: "操作",
                            width: 180,
                            formatter: row => {
                                return (
                                    <div><el-button type="primary" icon="el-icon-edit"  size='mini' onClick={()=>{this.toEdit(row)}}>编辑</el-button></div>
                            );
                            }
                        }
                    ]
                }
            };
        }
    };
</script>