spark 338ce91ffd feat(frontend): 实现基本路由功能并添加设置页面
- 在 App.vue 中集成 vue-router
- 新增 router.js 文件配置路由- 添加设置页面组件和路由- 更新菜单选项,使用 RouterLink 替代普通链接
2025-01-10 18:23:12 +08:00

44 lines
1.4 KiB
Vue

<script setup>
import {ref} from "vue";
const formRef = ref(null)
const formValue = ref({
dingPush:{
enable:false,
dingRobot: 'https://oapi.dingtalk.com/robot/send?access_token=0237527b404598f37ae5d83ef36e936860c7ba5d3892cd43f64c4159d3ed7cb1'
},
localPush:{
enable:true,
}
})
function getHeight() {
return document.documentElement.clientHeight
}
</script>
<template>
<n-flex justify="start">
<n-card title="推送设置">
<n-form ref="formRef" :model="formValue" :label-placement="'left'" :label-align="'left'">
<n-grid :cols="24" :x-gap="24">
<n-form-item-gi :span="12" label="是否启用钉钉推送:" path="dingPush.enable" >
<n-switch v-model:value="formValue.dingPush.enable" />
</n-form-item-gi>
<n-form-item-gi :span="12" label="是否启用本地推送:" path="localPush.enable" >
<n-switch v-model:value="formValue.localPush.enable" />
</n-form-item-gi>
<n-form-item-gi :span="24" v-if="formValue.dingPush.enable" label="钉钉机器人接口地址:" path="dingPush.dingRobot" >
<n-input placeholder="请输入钉钉机器人接口地址" v-model:value="formValue.dingPush.dingRobot"/>
</n-form-item-gi>
</n-grid>
</n-form>
</n-card>
</n-flex>
</template>
<style scoped>
</style>