Feature/supprt settings page (#877)

* settings page frontend create * support setting page * version * add restore * add restore * add not display and not inited * delete unused code * update example * add report * fix bug * update example --------- Co-authored-by: noO0ob <[email protected]>
Meituan-Dianping · Nov 11, 2024 · 7664463 · 7664463
1 parent 86f949a
commit 7664463
Show file tree

Hide file tree

Showing 17 changed files with 1,243 additions and 6 deletions.
diff --git a/frontend/src/api/settings.js b/frontend/src/api/settings.js
@@ -13,3 +13,32 @@ export const updateConfigByKey = (data) => {
     method: 'PATCH'
   })
 }
+
+export const getSettingModelList = () => {
+  return axios({
+    url: '/api/settings/list',
+    method: 'GET'
+  })
+}
+
+export const getSettingsForm = (name) => {
+  return axios({
+    url: '/api/settings/detail?name='+name,
+    method: 'GET'
+  })
+}
+
+export const setSettingsForm = (name, data) => {
+  return axios({
+    url: '/api/settings?name='+name,
+    data: { data },
+    method: 'POST'
+  })
+}
+
+export const restoreSettingsForm = (name) => {
+  return axios({
+    url: '/api/settings?name='+name,
+    method: 'DELETE'
+  })
+}
diff --git a/frontend/src/router.js b/frontend/src/router.js
@@ -6,6 +6,7 @@ import DataManager from './views/datamanager/DataManager.vue'
 import Checker from './views/checker/Checker.vue'
 import EventInspector from '@/views/event/EventInspector.vue'
 import PluginView from './views/PluginView.vue'
+import Settings from './views/settings/Settings.vue'
 
 //vue router error handler
 const originalPush = Router.prototype.push
@@ -77,6 +78,17 @@ export default new Router({
         },
       ],
     },
+    {
+      path: '/settings',
+      component: Main,
+      children: [
+        {
+          path: '',
+          name: 'settings',
+          component: Settings,
+        },
+      ],
+    },
     {
       path: '/plugin',
       name: 'plugin',

diff --git a/frontend/src/store/settings.js b/frontend/src/store/settings.js
@@ -28,7 +28,10 @@ export default {
   state: {
     config: {},
     initialized: false,
-    preLoadFuncSet: new Set()
+    preLoadFuncSet: new Set(),
+    focusSettingPanel: '',
+    settingsList: [],
+    settingsCurrentDetail: {},
   },
   mutations: {
     setConfig (state, config) {
@@ -42,7 +45,16 @@ export default {
     },
     deletePreLoadFuncSet (state, preLoadFunc) {
       state.preLoadFuncSet.delete(preLoadFunc)
-    }
+    },
+    setSettingsList(state, data) {
+      state.settingsList = data
+    },
+    setSettingsCurrentDetail(state, data) {
+      state.settingsCurrentDetail = data
+    },
+    setFocusSettingPanel(state, data) {
+      state.focusSettingPanel = data
+    },
   },
   actions: {
     loadConfig({ state, commit, dispatch }) {
@@ -98,6 +110,45 @@ export default {
         .catch(error => {
           bus.$emit('msg.error', `Update config failed ${error.data.message}`)
         })
-    }
-  }
+    },
+    loadSettingsList({ state, commit, dispatch }) {
+      api.getSettingModelList()
+        .then(response => {
+          console.log(response.data.data)
+          commit('setSettingsList', response.data.data)
+        })
+        .catch(error => {
+          bus.$emit('msg.error', 'Load config failed ' + error.data.message)
+        })
+    },
+    loadSettingsForm({ state, commit, dispatch }, payload) {
+      api.getSettingsForm(payload)
+        .then(response => {
+          commit('setSettingsCurrentDetail', response.data.data)
+        })
+        .catch(error => {
+          bus.$emit('msg.error', 'Load config failed ' + error.data.message)
+        })
+    },
+    saveSettingsForm({ state, commit, dispatch }, { formName, formData }) {
+      api.setSettingsForm(formName, formData)
+        .then(response => {
+          dispatch('loadSettingsForm', formName)
+          bus.$emit('msg.success', 'Data ' + formName + ' update!')
+        })
+        .catch(error => {
+          bus.$emit('msg.error', 'Data ' + formName + ' update error: ' + error.data.message)
+        })
+    },
+    restoreSettingsForm({ state, commit, dispatch }, payload) {
+      api.restoreSettingsForm(payload)
+        .then(response => {
+          dispatch('loadSettingsForm', payload)
+          bus.$emit('msg.success', 'Data ' + payload + ' update!')
+        })
+        .catch(error => {
+          bus.$emit('msg.error', 'Data ' + payload + ' update error: ' + error.data.message)
+        })
+    },
+  },
 }