refactor: refactor mobile pages for the chat model updating

web/src/views/mobile/Profile.vue

@@ -5,14 +5,6 @@
     <div class="content">
       <van-form @submit="save">
         <van-cell-group inset v-model="form">
-          <van-field
-              v-model="form.username"
-              name="用户名"
-              label="用户名"
-              readonly
-              disabled
-              placeholder="用户名"
-          />
           <van-field
               v-model="form.mobile"
               name="手机号"
@@ -21,13 +13,6 @@
               disabled
               placeholder="手机号"
           />
-          <van-field
-              v-model="form.nickname"
-              name="昵称"
-              label="昵称"
-              placeholder="昵称"
-              :rules="[{ required: true, message: '请填写用户昵称' }]"
-          />
           <van-field label="头像">
             <template #input>
               <van-uploader v-model="fileList"
@@ -37,15 +22,21 @@
             </template>
           </van-field>
 
-          <van-field label="剩余次数">
+          <van-field label="剩余对话次数">
             <template #input>
-              <van-tag type="success">{{ form.calls }}</van-tag>
+              <van-tag type="primary">{{ form.calls }}</van-tag>
             </template>
           </van-field>
 
-          <van-field label="消耗 Tokens">
+          <van-field label="剩余绘图次数">
             <template #input>
-              <van-tag type="primary">{{ form.tokens }}</van-tag>
+              <van-tag type="primary">{{ form.img_calls }}</van-tag>
+            </template>
+          </van-field>
+
+          <van-field label="累计消耗tokens">
+            <template #input>
+              <van-tag type="primary">{{ form.total_tokens }}</van-tag>
             </template>
           </van-field>
         </van-cell-group>
@@ -125,6 +116,13 @@ const save = () => {
 }
 </script>
 
-<style scoped>
-
+<style lang="stylus">
+.mobile-user-profile {
+  .content {
+    .van-field__label {
+      width 100px
+      text-align right
+    }
+  }
+}
 </style>