应用配置

基础设置

    <div class="form-group">
      <label>应用名称 *</label>
      <input type="text" x-model="config.app_name" class="form-control" required>
    </div>
    
    <div class="form-group">
      <label>货币类型</label>
      <select x-model="config.currency" class="form-control">
        <option value="CNY">人民币 (CNY)</option>
        <option value="USD">美元 (USD)</option>
        <option value="EUR">欧元 (EUR)</option>
        <option value="JPY">日元 (JPY)</option>
      </select>
    </div>
    
    <div class="form-group">
      <label>应用描述</label>
      <textarea x-model="config.app_description" class="form-control" rows="3" placeholder="应用的简短描述"></textarea>
    </div>
  </div>

  <!-- 邮件设置 -->
  <div style="margin-bottom: 2rem;">
    <h4 style="margin: 0 0 1rem 0; color: #495057; border-bottom: 2px solid #007bff; padding-bottom: 0.5rem;">邮件设置</h4>
    
    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
      <div class="form-group">
        <label>SMTP 服务器</label>
        <input type="text" x-model="config.smtp_host" class="form-control" placeholder="smtp.example.com">
      </div>
      
      <div class="form-group">
        <label>SMTP 端口</label>
        <input type="number" x-model="config.smtp_port" class="form-control" placeholder="587">
      </div>
    </div>
    
    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
      <div class="form-group">
        <label>邮箱用户名</label>
        <input type="email" x-model="config.smtp_username" class="form-control" placeholder="noreply@example.com">
      </div>
      
      <div class="form-group">
        <label>邮箱密码</label>
        <input type="password" x-model="config.smtp_password" class="form-control" placeholder="••••••••">
      </div>
    </div>
    
    <div class="form-group">
      <label>发件人名称</label>
      <input type="text" x-model="config.smtp_from_name" class="form-control" placeholder="WordGate">
    </div>
  </div>

  <!-- 支付设置 -->
  <div style="margin-bottom: 2rem;">
    <h4 style="margin: 0 0 1rem 0; color: #495057; border-bottom: 2px solid #007bff; padding-bottom: 0.5rem;">支付设置</h4>
    
    <div class="form-group">
      <label>
        <input type="checkbox" x-model="config.payment_enabled"> 启用支付功能
      </label>
    </div>
    
    <div x-show="config.payment_enabled">
      <div class="form-group">
        <label>Stripe 公钥</label>
        <input type="text" x-model="config.stripe_public_key" class="form-control" placeholder="pk_test_...">
      </div>
      
      <div class="form-group">
        <label>Stripe 私钥</label>
        <input type="password" x-model="config.stripe_secret_key" class="form-control" placeholder="sk_test_...">
      </div>
      
      <div class="form-group">
        <label>支付成功回调URL</label>
        <input type="url" x-model="config.payment_success_url" class="form-control" placeholder="https://example.com/payment/success">
      </div>
      
      <div class="form-group">
        <label>支付取消回调URL</label>
        <input type="url" x-model="config.payment_cancel_url" class="form-control" placeholder="https://example.com/payment/cancel">
      </div>
    </div>
  </div>

  <!-- 安全设置 -->
  <div style="margin-bottom: 2rem;">
    <h4 style="margin: 0 0 1rem 0; color: #495057; border-bottom: 2px solid #007bff; padding-bottom: 0.5rem;">安全设置</h4>
    
    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
      <div class="form-group">
        <label>验证码过期时间 (秒)</label>
        <input type="number" x-model="config.code_expire" class="form-control" min="60" max="3600" placeholder="600">
      </div>
      
      <div class="form-group">
        <label>JWT 过期时间 (小时)</label>
        <input type="number" x-model="config.jwt_expire_hours" class="form-control" min="1" max="168" placeholder="72">
      </div>
    </div>
    
    <div class="form-group">
      <label>允许的域名 (每行一个)</label>
      <textarea x-model="config.allowed_origins" class="form-control" rows="3" placeholder="https://example.com&#10;https://www.example.com"></textarea>
    </div>
  </div>

  <!-- 保存按钮 -->
  <div style="text-align: right;">
    <button type="submit" class="btn btn-primary" :disabled="submitting">
      <span x-show="!submitting">💾 保存配置</span>
      <span x-show="submitting">保存中...</span>
    </button>
  </div>
</form>