动态化开发配置

src/api/system/config.js

@@ -43,6 +43,15 @@ export function updateConfig(data) {
   })
 }
 
+// 修改参数配置
+export function updateConfigByKey(data) {
+  return request({
+    url: '/system/config/byKey',
+    method: 'put',
+    data: data
+  })
+}
+
 // 删除参数配置
 export function delConfig(configId) {
   return request({

src/views/user/developer/index.vue

@@ -7,32 +7,66 @@
                 </div>
             </template>
             <el-space direction="vertical" alignment="start" :size="30">
-            <div>
-              <el-input v-model="apiServer"  size="large" style="width:500px">
-                <template #prepend>Api Server:</template>
-              </el-input>
-            </div>
-            <div>
-              <el-input v-model="apiKey"  size="large" style="width:500px">
-                <template #prepend>Api Key:</template>
-              </el-input>
-            </div>
-            <div>
-              <el-input v-model="apiServer2"  size="large" style="width:500px">
-                <template #prepend>Api Server备用:</template>
-              </el-input>
-            </div>
+            <el-form ref="configRef" :model="form" :rules="rules" label-width="150px">
+              <el-form-item label="Api Server:" prop="apiServer">
+                <el-input v-model="form.apiServer" style="width: 500px;"></el-input>
+              </el-form-item>
+              <el-form-item label="Api Key:" prop="apiKey">
+                <el-input v-model="form.apiKey"></el-input>
+              </el-form-item>
+              <el-form-item label="Api Server备用:" prop="apiServer2">
+                <el-input v-model="form.apiServer2"></el-input>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" @click="submitForm">确 定</el-button>
+              </el-form-item>
+            </el-form>
             </el-space>
         </el-card>
     </div>
  </template>
  
  <script setup name="developer">
+import { updateConfigByKey, getConfigKey } from "@/api/system/config";
+const { proxy } = getCurrentInstance();
+const data = reactive({
+  form: {},
+  rules: {
+    apiServer: [{ required: true, message: "参数名称不能为空", trigger: "blur" }],
+    apiKey: [{ required: true, message: "参数键名不能为空", trigger: "blur" }],
+    apiServer2: [{ required: true, message: "参数键值不能为空", trigger: "blur" }]
+  }
+});
+const { form, rules } = toRefs(data);
 
-const apiServer = 'https://api.api2gpt.com'
-const apiKey = 'aaaaaaaaaaaaaaaaaaaaaaa'
-const apiServer2 = 'https://oa.api2gpt.com'
- </script>
+function getConfig () {
+  getConfigKey("api2gpt.server.url").then(response => {
+    form.value.apiServer = response.msg
+  })
+  getConfigKey("api2gpt.server.key").then(response => {
+    form.value.apiKey = response.msg
+  })
+  getConfigKey("api2gpt.server.backup").then(response => {
+    form.value.apiServer2 = response.msg
+  })
+}
+
+function submitForm() {
+  proxy.$refs["configRef"].validate(valid => {
+    if (valid) {
+      updateConfigByKey({
+        "api2gpt.server.url": form.value.apiServer,
+        "api2gpt.server.key": form.value.apiKey,
+        "api2gpt.server.backup": form.value.apiServer2
+      }).then(response => {
+        proxy.$modal.msgSuccess("修改成功");
+      });
+    }
+  })
+}
+
+getConfig()
+</script>
  
  <style scoped lang="scss">
  .main {