<template>
    <headerTop @search="searchFn" @reset="resetFn" @export="exportFn"></headerTop>
 
    <el-card shadow="always" class="content_body_row">
        <el-table :data="tableListInfo.list" border style="width: 100%" show-overflow-tooltip
            :max-height="'calc(100vh - 72px - 48px - 65px - 12px - 60px - 88px)'"
            :height="'calc(100vh - 72px - 48px - 65px - 12px - 60px  - 88px)'">
            <el-table-column type="index" width="72" label="序号" />
            <el-table-column prop="v_opert_time" label="操作时间" min-width="150" />
            <el-table-column prop="v_userID" label="用户ID" min-width="150" />

            <el-table-column prop="v_opert_module" label="操作模块" min-width="220">

            </el-table-column>
            <el-table-column prop="v_opert_target" label="操作对象" min-width="220">

            </el-table-column>
            <el-table-column prop="v_opert_type" label="操作类型" min-width="220">

            </el-table-column>

            <el-table-column prop="v_opert_result" label="操作结果" min-width="220">

            </el-table-column>
            <el-table-column prop="v_opert_desc" label="操作描述" min-width="220">

            </el-table-column>

        </el-table>
        <div class="paination_out">
            <Pagination :currentPage="paginationInfo.currentPage" :pageSize="paginationInfo.pageSize" @sendPage="getPageFn">
            </Pagination>
        </div>
    </el-card>
</template>

<script lang="ts" setup>
import headerTop from "./com/headerTop.vue"
 
import { ElConfirmBeforeOpert } from "utils/elementCom"
const addComRef = ref()
const paginationInfo = reactive({
    currentPage: 1,
    pageSize: 15
})
const tableData = [
    {
        v_id: '1',
        v_opert_time: '2016-05-03',
        v_userID: 'Tom',
        v_opert_module: 'California',
        v_opert_target: 'Los Angeles',
        v_opert_type: 'No. 189, Grove St, Los Angeles',
        v_opert_result: 'CA 90036',
        v_opert_desc: '154646465',
    },
    {
        v_id: '2',
        v_opert_time: '2016-05-03',
        v_userID: 'Tom',
        v_opert_module: 'California',
        v_opert_target: 'Los Angeles',
        v_opert_type: 'No. 189, Grove St, Los Angeles',
        v_opert_result: 'CA 90036',
        v_opert_desc: '154646465',
    },
    {
        v_id: '3',
        v_opert_time: '2016-05-03',
        v_userID: 'Tom',
        v_opert_module: 'California',
        v_opert_target: 'Los Angeles',
        v_opert_type: 'No. 189, Grove St, Los Angeles',
        v_opert_result: 'CA 90036',
        v_opert_desc: '154646465',
    },
    {
        v_id: '4',
        v_opert_time: '2016-05-03',
        v_userID: 'Tom',
        v_opert_module: 'California',
        v_opert_target: 'Los Angeles',
        v_opert_type: 'No. 189, Grove St, Los Angeles',
        v_opert_result: 'CA 90036',
        v_opert_desc: '154646465',

    },
    {
        v_id: '5',
        v_opert_time: '2016-05-03',
        v_userID: 'Tom',
        v_opert_module: 'California',
        v_opert_target: 'Los Angeles',
        v_opert_type: 'No. 189, Grove St, Los Angeles',
        v_opert_result: 'CA 90036',
        v_opert_desc: '154646465',
    },

]

let tableListInfo = reactive({
    list: tableData
})


 

const searchFn = () => {

}

const resetFn = () => {

}

const exportFn = () => {

}
const getPageFn = (val: any) => {
    paginationInfo.currentPage = val.currentPage
    paginationInfo.pageSize = val.pageSize
    initTableList()
}

const initTableList = () => {

}

</script>

<style scoped lang="scss"></style>
