feat: 新增主题选择

fcb-fronted/src/locals/en.ts

@@ -53,6 +53,7 @@ export default {
       explain: 'Interface Instructions',
       errorlimit: 'Error Limit',
       keywords: 'Keywords',
+      themeSelect: 'Theme Selection',
       notify_title: 'Notification Title',
       notify_content: 'Notification Content',
       background: 'Background Image',

fcb-fronted/src/locals/es.ts

@@ -53,6 +53,7 @@ export default {
       explain: 'Descripción de la interfaz',
       errorlimit: 'Límite de errores',
       keywords: 'Palabras clave',
+      themeSelect: 'Selección de tema',
       notify_title: 'Título de notificación',
       notify_content: 'Contenido de notificación',
       background: 'Imagen de fondo',

fcb-fronted/src/locals/zh.ts

@@ -53,6 +53,7 @@ export default {
       explain:'界面说明',
       errorlimit: '错误限制',
       keywords: '关键词',
+      themeSelect: '主题选择',
       notify_title: '通知标题',
       notify_content: '通知内容',
       background: '背景图片',

fcb-fronted/src/locals/zh_cn.ts

@@ -53,6 +53,7 @@ export default {
       explain:'界面说明',
       errorlimit: '错误限制',
       keywords: '关键词',
+      themeSelect: '主题选择',
       notify_title: '通知标题',
       notify_content: '通知内容',
       background: '背景图片',

fcb-fronted/src/locals/zh_tw.ts

@@ -53,6 +53,7 @@ export default {
       explain: '界面說明',
       errorlimit: '錯誤限制',
       keywords: '關鍵詞',
+      themeSelect: 'Theme選擇',
       notify_title: '通知標題',
       notify_content: '通知內容',
       background: '背景圖片',

fcb-fronted/src/views/Admin/SettingView.vue

@@ -9,6 +9,15 @@
     <el-form-item size="large" :label="t('admin.settings.keywords')" style="letter-spacing: 0.3rem">
       <el-input v-model="config.keywords" />
     </el-form-item>
+    <el-form-item size="large" :label="t('admin.settings.themeSelect')" >
+      <el-select
+          v-model="config.themesSelect"
+          multiple
+          style="width: 100%"
+      >
+        <el-option v-for="item in config.themesChoices" :label="item.name" :value="item.key" />
+      </el-select>
+    </el-form-item>
     <el-form-item size="large" :label="t('admin.settings.notify_title')">
       <el-input v-model="config.notify_title" />
     </el-form-item>
@@ -139,11 +148,13 @@ import { useI18n } from 'vue-i18n'
 
 const { t } = useI18n()
 
-const config = ref({
+const config:any = ref({
   name: '',
   description: '',
   file_storage: '',
   expireStyle: [],
+  themesChoices: [],
+  themesSelect: '',
   admin_token: '',
   robotsText:'',
   keywords: '',