You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.3 KiB
Vue
47 lines
1.3 KiB
Vue
3 years ago
|
<script lang="ts" setup>
|
||
|
|
import { ref } from 'vue'
|
||
|
|
import { NButton, NInput, useMessage } from 'naive-ui'
|
||
|
|
import { useSettingStore } from '@/store'
|
||
|
|
import type { SettingsState } from '@/store/modules/settings/helper'
|
||
|
|
import { t } from '@/locales'
|
||
|
|
|
||
|
|
const settingStore = useSettingStore()
|
||
|
|
|
||
|
|
const ms = useMessage()
|
||
|
|
|
||
|
|
const systemMessage = ref(settingStore.systemMessage ?? '')
|
||
|
|
|
||
|
|
function updateSettings(options: Partial<SettingsState>) {
|
||
|
|
settingStore.updateSetting(options)
|
||
|
|
ms.success(t('common.success'))
|
||
|
|
}
|
||
|
|
|
||
|
|
function handleReset() {
|
||
|
|
settingStore.resetSetting()
|
||
|
|
ms.success(t('common.success'))
|
||
|
|
window.location.reload()
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="p-4 space-y-5 min-h-[200px]">
|
||
|
|
<div class="space-y-6">
|
||
|
|
<div class="flex items-center space-x-4">
|
||
|
|
<span class="flex-shrink-0 w-[100px]">{{ $t('setting.role') }}</span>
|
||
|
|
<div class="flex-1">
|
||
|
|
<NInput v-model:value="systemMessage" placeholder="" />
|
||
|
|
</div>
|
||
|
|
<NButton size="tiny" text type="primary" @click="updateSettings({ systemMessage })">
|
||
|
|
{{ $t('common.save') }}
|
||
|
|
</NButton>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center space-x-4">
|
||
|
|
<span class="flex-shrink-0 w-[100px]"> </span>
|
||
|
|
<NButton size="small" @click="handleReset">
|
||
|
|
{{ $t('common.reset') }}
|
||
|
|
</NButton>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|