<template>
    <div class="wgzj">
        <div class="home-title">
            <span class="title-name">违规总计</span>
            <span class="title-more">更多＞＞</span>
        </div>
        <div class="home-content">
            <div class="table-box">
                <paging-table v-loading="loading" :data="data" :column="column" :pagination="false"></paging-table>
            </div>
        </div>
    </div>
</template>

<script>
import pagingTable from "@/components/pagingTable/pagingTable.vue";
export default {
    name: "wgzj",
    components: { pagingTable },
    data () {
        return {
            loading: false,
            data: [
                {
                    xzq: "汉台区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
                {
                    xzq: "南郑区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
                {
                    xzq: "汉台区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
                {
                    xzq: "汉台区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
                {
                    xzq: "汉台区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
                {
                    xzq: "汉台区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
                {
                    xzq: "南郑区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
                {
                    xzq: "汉台区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
                {
                    xzq: "汉台区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
                {
                    xzq: "汉台区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
                {
                    xzq: "汉台区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
                {
                    xzq: "南郑区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
                {
                    xzq: "汉台区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
                {
                    xzq: "汉台区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
                {
                    xzq: "汉台区",
                    yzjg: "4818",
                    sxjg: "367575",
                    zsjg: "72920",
                    nxjg: "3",
                    nrjg: "3082",
                    zj: "448398",
                },
            ],
            column: [
                {
                    prop: "xzq",
                    label: "行政区/监管(件)",
                },
                {
                    prop: "yzjg",
                    label: "原则监管",
                    width: 60,
                },
                {
                    prop: "sxjg",
                    label: "时效监管",
                },
                {
                    prop: "zsjg",
                    label: "证书监管",
                    width: 60,
                },
                {
                    prop: "nxjg",
                    label: "年限监管",
                    width: 60,
                },
                {
                    prop: "nrjg",
                    label: "内容监管",
                    width: 60,
                },
                {
                    prop: "zj",
                    label: "总计",
                },
            ],
        };
    },
    methods: {},
};
</script>
<style scoped lang="scss">
@import "./home.scss";

.wgzj {
    width: 100%;
    height: 100%;

    .table-box {
        height: calc(100% - 20px);
        overflow-y: scroll;
        margin-top: 20px;
    }
}
</style>