|
@@ -0,0 +1,60 @@
|
|
|
|
|
+<template>
|
|
|
|
|
+ <a-card
|
|
|
|
|
+ style="width: 100%"
|
|
|
|
|
+ :bordered="false"
|
|
|
|
|
+ :tab-list="tabListNoTitle"
|
|
|
|
|
+ :active-tab-key="noTitleKey"
|
|
|
|
|
+ @tabChange="key => onTabChange(key, 'noTitleKey')"
|
|
|
|
|
+ >
|
|
|
|
|
+ <p v-if="noTitleKey === 'sysConfig'">
|
|
|
|
|
+ <SysConfig />
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </a-card>
|
|
|
|
|
+</template>
|
|
|
|
|
+
|
|
|
|
|
+<script setup lang="ts">
|
|
|
|
|
+ import { ref } from 'vue';
|
|
|
|
|
+ import SysConfig from './sysConfig.vue';
|
|
|
|
|
+
|
|
|
|
|
+ defineOptions({
|
|
|
|
|
+ name: 'SysSeting',
|
|
|
|
|
+ });
|
|
|
|
|
+ const key = ref('sysConfig');
|
|
|
|
|
+ const noTitleKey = ref('sysConfig');
|
|
|
|
|
+
|
|
|
|
|
+ const tabListNoTitle = [
|
|
|
|
|
+ {
|
|
|
|
|
+ key: 'sysConfig',
|
|
|
|
|
+ tab: '系统配置',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ key: 'emailConfig',
|
|
|
|
|
+ tab: '邮件配置',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ key: 'smsConfig',
|
|
|
|
|
+ tab: '短信配置',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ key: 'fileConfig',
|
|
|
|
|
+ tab: '文件配置',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ key: 'thirdConfig',
|
|
|
|
|
+ tab: '第三方配置',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ key: 'otherConfig',
|
|
|
|
|
+ tab: '其他配置',
|
|
|
|
|
+ },
|
|
|
|
|
+ ];
|
|
|
|
|
+
|
|
|
|
|
+ const onTabChange = (value, type) => {
|
|
|
|
|
+ if (type === 'key') {
|
|
|
|
|
+ key.value = value;
|
|
|
|
|
+ } else if (type === 'noTitleKey') {
|
|
|
|
|
+ noTitleKey.value = value;
|
|
|
|
|
+ }
|
|
|
|
|
+ };
|
|
|
|
|
+</script>
|
|
|
|
|
+<style lang="less"></style>
|