feat: 新增语音识别功能

- 麦克风按钮（长按录音/松手发送/上划取消）
- MediaRecorder 录音 → POST /api/asr → 识别文字自动填入并发送
- 录音浮层（声波动画 + 操作提示）
- 识别结果自动触发发送

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/pages/ai-chat/index.vue

@@ -117,23 +117,46 @@
 
     <!-- 输入区 -->
     <view class="input-bar">
+      <!-- 麦克风按钮 -->
+      <view
+        :class="['mic-btn', recording ? 'recording' : '']"
+        @touchstart.prevent="startRecord"
+        @touchend.prevent="stopRecord"
+        @touchcancel.prevent="cancelRecord"
+      >
+        <text class="mic-icon">{{ recording ? '●' : '🎤' }}</text>
+      </view>
+
       <input
         v-model="inputText"
         class="input"
-        placeholder="请输入您的问题..."
-        :disabled="loading"
+        :placeholder="recording ? '正在录音...' : '请输入您的问题...'"
+        :disabled="loading || recording"
         confirm-type="send"
         @confirm="sendMessage"
       />
-      <view :class="['send-btn', loading ? 'disabled' : '']" @click="sendMessage">
+      <view :class="['send-btn', (loading || recording) ? 'disabled' : '']" @click="sendMessage">
         <text class="send-text">{{ loading ? '…' : '发送' }}</text>
       </view>
     </view>
+
+    <!-- 录音提示浮层 -->
+    <view v-if="recording" class="recording-overlay">
+      <view class="recording-inner">
+        <text class="recording-icon">🎤</text>
+        <text class="recording-tip">松手发送，上滑取消</text>
+        <view class="recording-waves">
+          <view v-for="i in 5" :key="i" class="wave" :style="{ animationDelay: (i * 0.1) + 's' }" />
+        </view>
+      </view>
+    </view>
   </view>
 </template>
 
 <script>
-const AI_URL = 'https://airport.samsundot.com/api/query-stream'
+const AI_BASE = 'http://airport-test.samsundot.com:9015'
+const AI_URL  = AI_BASE + '/api/query-stream'
+const ASR_URL = AI_BASE + '/api/asr'
 
 export default {
   name: 'AiChat',
@@ -147,9 +170,79 @@ export default {
       sessionId: 'app_' + Date.now(),
       history: [],
       exampleTags: ['各班组查获排名', '打火机查获数量', '旅检一部人员资质', '全站党员人数'],
+      // 录音相关
+      recording: false,
+      mediaRecorder: null,
+      audioChunks: [],
+      recordCancelled: false,
     }
   },
   methods: {
+    // ============ 录音相关 ============
+    async startRecord(e) {
+      if (this.loading) return
+      this.recordCancelled = false
+      this.audioChunks = []
+
+      try {
+        const stream = await navigator.mediaDevices.getUserMedia({ audio: true })
+        this.mediaRecorder = new MediaRecorder(stream)
+        this.mediaRecorder.ondataavailable = (ev) => {
+          if (ev.data.size > 0) this.audioChunks.push(ev.data)
+        }
+        this.mediaRecorder.onstop = () => {
+          stream.getTracks().forEach(t => t.stop())
+          if (!this.recordCancelled && this.audioChunks.length) {
+            this.submitAudio()
+          }
+        }
+        this.mediaRecorder.start()
+        this.recording = true
+      } catch (err) {
+        uni.showToast({ title: '无法访问麦克风', icon: 'none' })
+      }
+    },
+
+    stopRecord(e) {
+      if (!this.recording || !this.mediaRecorder) return
+      this.recording = false
+      this.mediaRecorder.stop()
+    },
+
+    cancelRecord(e) {
+      if (!this.recording || !this.mediaRecorder) return
+      this.recordCancelled = true
+      this.recording = false
+      this.mediaRecorder.stop()
+    },
+
+    async submitAudio() {
+      const mimeType = (this.audioChunks[0] && this.audioChunks[0].type) || 'audio/webm'
+      const blob = new Blob(this.audioChunks, { type: mimeType })
+      const ext = mimeType.includes('mp4') ? 'm4a' : mimeType.includes('ogg') ? 'ogg' : 'webm'
+
+      const formData = new FormData()
+      formData.append('file', blob, 'voice.' + ext)
+
+      uni.showLoading({ title: '识别中...' })
+      try {
+        const resp = await fetch(ASR_URL, { method: 'POST', body: formData })
+        const data = await resp.json()
+        uni.hideLoading()
+        if (data.success && data.text) {
+          this.inputText = data.text
+          // 自动发送
+          this.$nextTick(() => this.sendMessage())
+        } else {
+          uni.showToast({ title: data.message || '未识别到内容', icon: 'none' })
+        }
+      } catch (err) {
+        uni.hideLoading()
+        uni.showToast({ title: '网络异常，请重试', icon: 'none' })
+      }
+    },
+
+    // ============ 导航 ============
     goBack() {
       uni.navigateBack()
     },
@@ -545,4 +638,65 @@ $text-sub: #999;
   &.disabled { background: #ccc; }
 }
 .send-text { color: #fff; font-size: 26rpx; }
+
+/* 麦克风按钮 */
+.mic-btn {
+  width: 72rpx;
+  height: 72rpx;
+  border-radius: 50%;
+  background: #f0f0f0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: background 0.2s;
+  &.recording {
+    background: #ff4d4f;
+    animation: pulse 0.8s infinite;
+  }
+}
+.mic-icon { font-size: 32rpx; line-height: 1; }
+
+@keyframes pulse {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(1.12); }
+}
+
+/* 录音浮层 */
+.recording-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0,0,0,.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 200;
+}
+.recording-inner {
+  background: #fff;
+  border-radius: 24rpx;
+  padding: 60rpx 80rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20rpx;
+}
+.recording-icon { font-size: 80rpx; }
+.recording-tip { font-size: 26rpx; color: #666; }
+.recording-waves {
+  display: flex;
+  gap: 8rpx;
+  align-items: center;
+  height: 50rpx;
+}
+.wave {
+  width: 8rpx;
+  background: #1890ff;
+  border-radius: 4rpx;
+  animation: wave 0.8s infinite ease-in-out alternate;
+}
+@keyframes wave {
+  0%  { height: 10rpx; }
+  100%{ height: 50rpx; }
+}
 </style>