feat: add system configration switch option for order pay service, support sandbox env for alipay

web/src/components/BindMobile.vue

@@ -16,8 +16,14 @@
           <el-input v-model="form.mobile"/>
         </el-form-item>
         <el-form-item label="手机验证码">
-          <el-input v-model.number="form.code" maxlength="6" style="max-width: 200px; margin-right: 10px;"/>
-          <send-msg size="" :mobile="form.mobile"/>
+          <el-row :gutter="20">
+            <el-col :span="16">
+              <el-input v-model.number="form.code" maxlength="6"/>
+            </el-col>
+            <el-col :span="8">
+              <send-msg size="" :mobile="form.mobile"/>
+            </el-col>
+          </el-row>
         </el-form-item>
       </el-form>
     </div>
@@ -81,6 +87,12 @@ const close = function () {
 }
 </script>
 
-<style scoped>
-
+<style lang="stylus" scoped>
+#bind-mobile-form {
+  .el-form-item__content {
+    .el-row {
+      width 100%
+    }
+  }
+}
 </style>

web/src/components/UserProfile.vue

@@ -16,6 +16,14 @@
       </el-row>
       <el-form-item label="账户">
         <span>{{ user.mobile }}</span>
+        <el-tooltip
+            class="box-item"
+            effect="light"
+            content="您已经是 VIP 会员"
+            placement="right"
+        >
+          <el-image v-if="user.vip" :src="vipImg" style="height: 25px;margin-left: 10px"/>
+        </el-tooltip>
       </el-form-item>
       <el-form-item label="剩余对话次数">
         <el-tag>{{ user['calls'] }}</el-tag>
@@ -60,6 +68,7 @@ import {dateFormat} from "@/utils/libs";
 import {checkSession} from "@/action/session";
 
 const user = ref({
+  vip: false,
   username: '',
   nickname: '',
   avatar: '',
@@ -68,6 +77,7 @@ const user = ref({
   tokens: 0,
   chat_config: {api_keys: {OpenAI: "", Azure: "", ChatGLM: ""}}
 })
+const vipImg = ref("/images/vip.png")
 
 onMounted(() => {
   checkSession().then(() => {