增加设备私有配置，每台设备可以配置不同的模型和提示词

增加后台管理功能，可以通过后台调整设备私有配置信息
2026-07-27 09:33:55 +08:00 · 2025-02-15 19:48:46 +08:00
parent 38546ad20f
commit bef55e852c
40 changed files with 3756 additions and 4 deletions
@@ -0,0 +1,177 @@
+<template>
+  <div class="registration-container">
+    <h1>注册</h1>
+    <form @submit.prevent="handleRegistration">
+      <div class="form-group">
+        <label for="username">用户名</label>
+        <input type="text" v-model="username" id="username" required />
+      </div>
+      <div class="form-group">
+        <label for="password">密码</label>
+        <input type="password" v-model="password" id="password" required />
+      </div>
+      <div class="form-group">
+        <label for="confirmPassword">确认密码</label>
+        <input type="password" v-model="confirmPassword" id="confirmPassword" required />
+      </div>
+      <button type="submit" :disabled="isLoading">{{ isLoading ? '注册中...' : '注册' }}</button>
+    </form>
+    <p>
+      已有账号？
+      <a href="#" @click.prevent="$emit('show-login')">点击登录</a>
+    </p>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      username: '',
+      password: '',
+      confirmPassword: '',
+      isLoading: false
+    };
+  },
+  methods: {
+    async handleRegistration() {
+      if (this.password !== this.confirmPassword) {
+        alert('密码不匹配，请重试！');
+        return;
+      }
+
+      if (!this.username || !this.password) {
+        alert('用户名和密码不能为空！');
+        return;
+      }
+
+      this.isLoading = true;
+      try {
+        const response = await fetch(`${import.meta.env.VITE_API_BASE_URL}/api/register`, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({
+            username: this.username,
+            password: this.password
+          })
+        });
+
+        const data = await response.json();
+        
+        if (data.success) {
+          alert('注册成功！即将跳转到登录页面。');
+          // 清空表单数据
+          this.username = '';
+          this.password = '';
+          this.confirmPassword = '';
+          
+          // 延迟跳转到登录页面
+          setTimeout(() => {
+            this.$emit('show-login');
+          }, 100);
+        } else {
+          alert(data.message || '注册失败');
+        }
+      } catch (error) {
+        console.error('Registration error:', error);
+        alert('注册失败，请检查网络连接');
+      } finally {
+        this.isLoading = false;
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+.registration-container {
+  max-width: 420px;
+  margin: 20px auto;
+  padding: 40px 50px;
+  border: none;
+  border-radius: 12px;
+  background-color: #ffffff;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+  transition: all 0.3s ease;
+}
+
+h1 {
+  text-align: center;
+  color: #2c3e50;
+  font-size: 28px;
+  margin-bottom: 25px;
+  font-weight: 600;
+}
+
+.form-group {
+  margin-bottom: 20px;
+}
+
+label {
+  display: block;
+  margin-bottom: 8px;
+  font-weight: 500;
+  color: #4a5568;
+}
+
+input {
+  width: 100%;
+  padding: 12px 16px;
+  border: 1px solid #e2e8f0;
+  border-radius: 8px;
+  background-color: #f8fafc;
+  transition: all 0.3s ease;
+  font-size: 15px;
+}
+
+input:focus {
+  outline: none;
+  border-color: #007bff;
+  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.2);
+}
+
+button {
+  width: 100%;
+  padding: 12px;
+  background-color: #007bff;
+  color: white;
+  border: none;
+  border-radius: 8px;
+  cursor: pointer;
+  font-size: 16px;
+  font-weight: 500;
+  transition: all 0.3s ease;
+  margin-top: 10px;
+}
+
+button:hover {
+  background-color: #0056b3;
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2);
+}
+
+button:disabled {
+  opacity: 0.7;
+  cursor: not-allowed;
+}
+
+p {
+  margin-top: 20px;
+  color: #666;
+  font-size: 14px;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  font-weight: 500;
+  transition: color 0.3s ease;
+}
+
+a:hover {
+  color: #0056b3;
+  text-decoration: underline;
+}
+</style>