feat: fix

src/setSystem.ts

@@ -28,7 +28,7 @@ axios.get(getSysSetting, {
 }).then((data) => {
   systemData.value.name = data.data.title;
   systemData.value.color = data.data.themeColour;
-  console.log('获取后台当前色',data.data.themeColour)
+  console.log('获取后台当前色', data.data.themeColour)
   localStorage.setItem('f-themeColour', data.data.themeColour)
   refresh();
 });
@@ -86,3 +86,9 @@ export const setTitle = async (d: string) => {
   await update();
   refresh();
 };
+export const setSettings = async (title: string, color: string) => {
+  systemData.value.name = title;
+  systemData.value.color = color;
+  await update();
+  refresh();
+};

src/view/setting/index.vue

@@ -24,13 +24,13 @@
 
 <script setup lang="ts">
 import comHead from "@/components/head/index.vue";
-import { setTheme, setTitle, systemData, themeColors } from "@/setSystem";
-import { watchEffect } from "vue";
+import { setSettings, systemData, themeColors } from "@/setSystem";
+
 
 import { reactive, ref, watch } from "vue";
 
 // do not use same name with ref
-const form = reactive({
+const form = ref({
   name: "",
   color: ""
 });
@@ -42,12 +42,9 @@ const form = reactive({
 //     form.name = systemData.value.name
 //   }
 // })
-watch(systemData, (oldV, newV) => {
-  if (oldV !== newV) {
-    console.log('前台更新', oldV, newV)
-    form.color = systemData.value.color
-    form.name = systemData.value.name
-  }
+watch(systemData, () => {
+  form.value.color = systemData.value.color
+  form.value.name = systemData.value.name
 
 }, {
   deep: true,
@@ -58,8 +55,7 @@ const loading = ref(false);
 const onSubmit = async () => {
   loading.value = true;
   setTimeout(async () => {
-    await setTheme(form.color);
-    await setTitle(form.name);
+    await setSettings(form.value.name, form.value.color);
     loading.value = false;
   }, 1000);