<template>
    <div class="table-header">
        <div class="table-row">
            <div class="table-cell" v-for="(item, index) in tableHeadData" :key="index">{{ item.name }}</div>
            <!-- <div class="table-cell">地灾类型</div>
            <div class="table-cell">危险性分级</div>
            <div class="table-cell">所属流域</div> -->
        </div>
    </div>
    <div class="table-body">
        <ul class="table-row" v-for="(item, index) in datatable" :key="index">
            <li class="table-cell">
                {{ item.dzmc }}
            </li>
            <li class="table-cell">
                {{ item.dzlxmc }}
            </li>
            <li class="table-cell">
                {{ item.fxdj }}
            </li>
            <li class="table-cell">
                {{ item.gcmc }}
            </li>
        </ul>

        <!-- <div class="page">
            <a-pagination v-model:current="current" simple :total="50" />
        </div> -->
    </div>
</template>
            
<script>
import { defineComponent, reactive, toRefs, onMounted, ref, watch, getCurrentInstance } from 'vue';
import moment from 'moment';
const props = {
    titleName: { type: String, require: true },
};
export default defineComponent({
    name: 'xvniTable',
    components: { },
    props,
    setup( ) { },
});
</script>
<style lang="less" scoped>

</style>