hotel-saas-tenant-frontend/src/views/settings/systemInfo.vue

<template>
    <a-card style="width: 100%; height:100%;">
        <a-tabs default-active-key="1">
            <a-tab-pane key="1">
                <span slot="tab">
                    <a-icon type="template" />
                    字典管理
                </span>
                <dictionary-info></dictionary-info>
            </a-tab-pane>
            <a-tab-pane key="2">
                <span slot="tab">
                    <a-icon type="template" />
                    打印模板设置
                </span>
                <print-template></print-template>
            </a-tab-pane>
            <a-tab-pane key="3">
                <span slot="tab">
                    <a-icon type="pay" />
                    支付配置
                </span>
                <pay-settings></pay-settings>
            </a-tab-pane>
            <a-tab-pane key="4">
                <span slot="tab">
                    <a-icon type="payinterface" />
                    支付接口配置
                </span>
                <pay-api-settings></pay-api-settings>
            </a-tab-pane>
            <a-tab-pane key="5">
                <span slot="tab">
                    <a-icon type="parameter" />
                    参数配置
                </span>
                <param-settings></param-settings>
            </a-tab-pane>
            <a-tab-pane key="6">
                <span slot="tab">
                    <a-icon type="waiter" />
                    服务员配置
                </span>
                <waiter-settings></waiter-settings>
            </a-tab-pane>
            <a-tab-pane key="7">
                <span slot="tab">
                    <a-icon type="salesperson" />
                    营销人员管理
                </span>
                <sales-person-info></sales-person-info>
            </a-tab-pane>
        </a-tabs>
    </a-card>
</template>

<script>
    import PrintTemplate from "./components/printTemplate";
    import PaySettings from "./components/paySettings";
    import PayApiSettings from "./components/payApiSettings";
    import ParamSettings from "./components/paramSettings";
    import WaiterSettings from "./components/waiterSettings";
    import SalesPersonInfo from "./components/salesPersonInfo";
    import DictionaryInfo from "./components/dictionaryInfo";
    export default {
        components:{
            DictionaryInfo,
            SalesPersonInfo,
            WaiterSettings,
            ParamSettings,
            PayApiSettings,
            PaySettings,
            PrintTemplate,
        },
        data() {
            return {

            }
        }
    }
</script>

<style scoped>
    .main{
        height: 70% !important;
    }
</style>