隐藏模型和温度配置

chat-ai-ui-main/src/components/ChatInput.vue

@@ -17,15 +17,15 @@ const models = [
 
 /**
  * 发送消息函数
- * 
+ *
  * 该函数用于发送用户输入的消息，并触发相应的事件
- * 
+ *
  * @param {string} message.value - 要发送的消息内容
  * @param {string} model.value - 使用的模型参数
  * @param {number} temperature.value - 温度参数，控制生成文本的随机性
  * @param {number} maxTokens.value - 最大令牌数参数，限制生成文本的长度
  * @param {boolean} stream.value - 是否启用流式传输
- * 
+ *
  * @returns {void}
  */
 const sendMessage = () => {
@@ -51,16 +51,16 @@ const sendMessage = () => {
         />
         <span class="text-sm">流式输出</span>
       </label>
-      
+
       <!-- 状态指示器 -->
       <div class="flex items-center space-x-1">
-        <div 
+        <div
           :class="[
             'w-2 h-2 rounded-full',
             stream ? 'bg-green-400' : 'bg-yellow-400'
           ]"
         ></div>
-        <span 
+        <span
           :class="[
             'text-xs font-medium',
             stream ? 'text-green-400' : 'text-yellow-400'
@@ -71,15 +71,15 @@ const sendMessage = () => {
       </div>
 
       <!-- 模型选择下拉框 -->
-      <div class="flex items-center space-x-2">
+<!--      <div class="flex items-center space-x-2">
         <label class="text-sm text-gray-300">模型:</label>
         <select
           v-model="model"
           class="bg-gray-700 text-white text-sm rounded-lg border border-gray-600 px-3 py-1 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 min-w-[140px]"
         >
-          <option 
-            v-for="model in models" 
-            :key="model.value" 
+          <option
+            v-for="model in models"
+            :key="model.value"
             :value="model.value"
             class="bg-gray-700"
           >
@@ -88,18 +88,18 @@ const sendMessage = () => {
         </select>
       </div>
 
-      <!-- 模型显示 -->
+      &lt;!&ndash; 模型显示 &ndash;&gt;
       <div class="flex items-center space-x-1 text-xs text-gray-400">
         <span>当前:</span>
         <span class="text-blue-400 font-medium">
           {{ models.find(m => m.value === model)?.label }}
         </span>
-      </div>
+      </div>-->
     </div>
 
     <!-- 第二行：温度和Token控制滑块 -->
-    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-      <!-- 温度控制 -->
+<!--    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+      &lt;!&ndash; 温度控制 &ndash;&gt;
       <div class="space-y-2">
         <div class="flex items-center justify-between">
           <label class="text-sm text-gray-300">温度 (Temperature)</label>
@@ -124,7 +124,7 @@ const sendMessage = () => {
         </div>
       </div>
 
-      <!-- 最大Token控制 -->
+      &lt;!&ndash; 最大Token控制 &ndash;&gt;
       <div class="space-y-2">
         <div class="flex items-center justify-between">
           <label class="text-sm text-gray-300">最大Tokens</label>
@@ -148,7 +148,7 @@ const sendMessage = () => {
           </div>
         </div>
       </div>
-    </div>
+    </div>-->
 
     <!-- 输入框和发送按钮 -->
     <div class="flex space-x-2">
@@ -159,13 +159,13 @@ const sendMessage = () => {
         type="text"
         class="flex-1 p-3 rounded-lg bg-gray-700 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 border border-gray-600"
       />
-      <button 
-        @click="sendMessage" 
+      <button
+        @click="sendMessage"
         :disabled="!message.trim()"
         :class="[
           'px-6 py-3 rounded-lg font-medium transition-all duration-200',
-          message.trim() 
-            ? 'bg-blue-500 hover:bg-blue-600 text-white cursor-pointer transform hover:scale-105' 
+          message.trim()
+            ? 'bg-blue-500 hover:bg-blue-600 text-white cursor-pointer transform hover:scale-105'
             : 'bg-gray-600 text-gray-400 cursor-not-allowed'
         ]"
       >
@@ -229,4 +229,4 @@ const sendMessage = () => {
   background: linear-gradient(to right, #374151 0%, #3b82f6 50%, #374151 100%);
   border-radius: 4px;
 }
-</style>
+</style>