feat: 模型提示词、剩余额度、对话状态优化

Yi.Ai.Vue3/src/components/userPersonalCenter/components/PremiumService.vue

@@ -18,21 +18,23 @@ const packageData = ref<any>({
 const usagePercent = computed(() => {
   if (packageData.value.totalQuota === 0)
     return 0;
-  return Math.round((packageData.value.usedQuota / packageData.value.totalQuota) * 100);
+  return Number(((packageData.value.usedQuota / packageData.value.totalQuota) * 100).toFixed(2));
 });
 
 const remainingPercent = computed(() => {
-  return 100 - usagePercent.value;
+  if (packageData.value.totalQuota === 0)
+    return 0;
+  return Number(((packageData.value.remainingQuota / packageData.value.totalQuota) * 100).toFixed(2));
 });
 
-// 获取进度条颜色
+// 获取进度条颜色（基于剩余百分比）
 const progressColor = computed(() => {
-  const percent = usagePercent.value;
-  if (percent >= 90)
-    return '#f56c6c'; // 红色
-  if (percent >= 70)
-    return '#e6a23c'; // 橙色
-  return '#67c23a'; // 绿色
+  const percent = remainingPercent.value;
+  if (percent <= 10)
+    return '#f56c6c'; // 红色 - 剩余很少
+  if (percent <= 30)
+    return '#e6a23c'; // 橙色 - 剩余较少
+  return '#67c23a'; // 绿色 - 剩余充足
 });
 
 // 格式化数字 - 转换为万为单位
@@ -194,14 +196,14 @@ function onProductPackage() {
         <!-- 进度条 -->
         <div class="progress-section">
           <div class="progress-header">
-            <span class="progress-label">使用进度</span>
+            <span class="progress-label">剩余进度</span>
             <span class="progress-percent" :style="{ color: progressColor }">
-              {{ usagePercent }}%
+              {{ remainingPercent }}%
             </span>
           </div>
 
           <el-progress
-            :percentage="usagePercent"
+            :percentage="remainingPercent"
             :color="progressColor"
             :stroke-width="20"
             :show-text="false"
@@ -210,11 +212,11 @@ function onProductPackage() {
           <div class="progress-legend">
             <div class="legend-item">
               <span class="legend-dot " :style="{ background: progressColor }" />
-              <span class="legend-text">已使用: {{ usagePercent }}%</span>
+              <span class="legend-text">剩余: {{ remainingPercent }}%</span>
             </div>
             <div class="legend-item">
-              <span class="legend-dot remaining-dot" />
-              <span class="legend-text">剩余: {{ remainingPercent }}%</span>
+              <span class="legend-dot used-dot" />
+              <span class="legend-text">已使用: {{ usagePercent }}%</span>
             </div>
           </div>
         </div>

Yi.Ai.Vue3/src/components/userPersonalCenter/components/RechargeLog.vue

@@ -156,7 +156,7 @@ onMounted(() => {
   >
     <h3 class="text-lg font-bold mb-3">
       请扫码加入微信交流群<br>
-      备注ai获取专属客服支持
+      备注“AI”获取专属客服支持
     </h3>
     <div class="mb-4 flex items-center justify-center space-x-2">
       <span class="font-semibold">站长微信账号：</span>
@@ -182,15 +182,15 @@ onMounted(() => {
           @click="showWechatFullscreenImage"
         >
       </div>
-      <div class="px-4">
-        <h4>微信交流群</h4>
-        <img
-          :src="wxGroupQD"
-          class="w-50 py-5 h-70 border border-gray-200 rounded-lg shadow-md cursor-pointer hover:shadow-lg transition-transform hover:scale-105"
-          alt="微信二维码"
-          @click="showWxGroupFullscreenImage"
-        >
-      </div>
+      <!--      <div class="px-4"> -->
+      <!--        <h4>微信交流群</h4> -->
+      <!--        <img -->
+      <!--          :src="wxGroupQD" -->
+      <!--          class="w-50 py-5 h-70 border border-gray-200 rounded-lg shadow-md cursor-pointer hover:shadow-lg transition-transform hover:scale-105" -->
+      <!--          alt="微信二维码" -->
+      <!--          @click="showWxGroupFullscreenImage" -->
+      <!--        > -->
+      <!--      </div> -->
     </div>
 
     <!-- 全屏放大二维码 -->

Yi.Ai.Vue3/src/components/userPersonalCenter/components/SupportModelList.vue

@@ -16,7 +16,6 @@ const props = withDefaults(defineProps<Props>(), {
 // 从store获取模型列表
 const modelStore = useModelStore();
 const modelList = computed(() => modelStore.modelList);
-console.log('modelList---', modelList);
 
 // 计算网格布局的列数
 const gridTemplateColumns = computed(() => {