From 03b51f73e7c446ff56a25c9d3a3b0e763ef56579 Mon Sep 17 00:00:00 2001
From: hrz <1710360675@qq.com>
Date: Tue, 16 Sep 2025 00:06:57 +0800
Subject: [PATCH 1/8] =?UTF-8?q?update:=E8=BF=9C=E7=A8=8B=E5=B7=A5=E5=85=B7?=
 =?UTF-8?q?=E8=B0=83=E7=94=A8=E9=9D=A2=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/McpToolCallDialog.vue      | 884 ++++++++++++++++++
 main/manager-web/src/i18n/en.js               |  23 +
 main/manager-web/src/i18n/zh_CN.js            |  23 +
 main/manager-web/src/i18n/zh_TW.js            |  23 +
 .../src/views/DeviceManagement.vue            | 177 ++--
 main/manager-web/src/views/UserManagement.vue |  23 +-
 6 files changed, 1059 insertions(+), 94 deletions(-)
 create mode 100644 main/manager-web/src/components/McpToolCallDialog.vue

diff --git a/main/manager-web/src/components/McpToolCallDialog.vue b/main/manager-web/src/components/McpToolCallDialog.vue
new file mode 100644
index 00000000..6c7b9a24
--- /dev/null
+++ b/main/manager-web/src/components/McpToolCallDialog.vue
@@ -0,0 +1,884 @@
+<template>
+  <el-dialog :title="$t('mcpToolCall.title')" :visible="visible" @close="handleClose" width="80%">
+    <!-- 右上角操作按钮 -->
+    <div slot="title" class="dialog-title-wrapper">
+      <span class="dialog-title-text">{{ $t('mcpToolCall.title') }}</span>
+    </div>
+
+    <div class="dialog-content">
+      <div class="main-layout">
+        <!-- 左侧工具列表 -->
+        <div class="left-panel">
+          <div class="tool-list-section">
+            <div class="section-header">
+              <h3 class="section-title">
+                <i class="el-icon-menu section-icon"></i>
+                {{ $t('mcpToolCall.chooseFunction') }}
+              </h3>
+              <div class="tool-search">
+                <el-input v-model="toolSearchKeyword" :placeholder="$t('mcpToolCall.searchFunction')" clearable />
+              </div>
+            </div>
+            <div class="tool-list">
+              <el-radio-group v-model="selectedToolName" class="tool-radio-group">
+                <el-radio v-for="tool in filteredToolList" :key="tool.name" :label="tool.name" class="tool-radio">
+                  <div class="tool-item">
+                    <div class="tool-main-info">
+                      <span class="tool-display-name">{{ getToolDisplayName(tool.name) }}</span>
+                      <span class="tool-category">
+                        {{ getToolCategory(tool.name) }}
+                      </span>
+                    </div>
+                    <div class="tool-description">{{ getSimpleDescription(tool.description) }}</div>
+                  </div>
+                </el-radio>
+              </el-radio-group>
+            </div>
+
+            <div v-if="filteredToolList.length === 0" class="no-results">
+              <i class="el-icon-search no-results-icon"></i>
+              <div class="no-results-text">{{ $t('mcpToolCall.noResults') }}</div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 右侧面板 - 分为上下两部分 -->
+        <div class="right-panel">
+          <!-- 上部分：参数设置 -->
+          <div v-if="selectedTool" class="params-section">
+            <h3 class="params-title">
+              <i class="el-icon-setting params-icon"></i>
+              {{ $t('mcpToolCall.settings') }}
+            </h3>
+
+            <div class="params-help">
+              {{ getToolHelpText(selectedTool.name) }}
+            </div>
+
+            <el-form :model="toolParams" :rules="toolParamsRules" ref="toolParamsForm" label-width="120px">
+              <div v-for="(property, key) in selectedTool.inputSchema.properties" :key="key">
+                <el-form-item :label="formatPropertyLabel(key, property)" :prop="key">
+                  <template
+                    v-if="property.type === 'integer' && property.minimum !== undefined && property.maximum !== undefined">
+                    <el-input-number v-model="toolParams[key]" :min="property.minimum" :max="property.maximum"
+                      :placeholder="$t('mcpToolCall.inputPlaceholder', { label: formatPropertyLabel(key, property) })"
+                      style="width: 100%" />
+                    <div class="param-range-hint">{{ $t('mcpToolCall.valueRange', {
+                      min: property.minimum, max:
+                        property.maximum
+                    }) }}</div>
+                  </template>
+                  <template v-else-if="property.type === 'string' && (property.enum || key === 'theme')">
+                    <el-select v-model="toolParams[key]"
+                      :placeholder="$t('mcpToolCall.selectPlaceholder', { label: formatPropertyLabel(key, property) })"
+                      style="width: 100%" clearable @change="handleThemeChange">
+                      <template v-if="key === 'theme'">
+                        <el-option v-for="option in themeOptions" :key="option.value" :label="option.label"
+                          :value="option.value"></el-option>
+                      </template>
+                      <template v-else>
+                        <el-option v-for="enumValue in property.enum" :key="enumValue" :label="enumValue"
+                          :value="enumValue"></el-option>
+                      </template>
+                    </el-select>
+                  </template>
+                  <el-input v-else v-model="toolParams[key]"
+                    :placeholder="$t('mcpToolCall.inputPlaceholder', { label: formatPropertyLabel(key, property) })"
+                    :type="property.type === 'integer' ? 'number' : 'text'" style="width: 100%" />
+                </el-form-item>
+              </div>
+            </el-form>
+          </div>
+
+          <div v-else class="no-selection">
+            <i class="el-icon-info no-selection-icon"></i>
+            <div class="no-selection-text">{{ $t('mcpToolCall.pleaseSelect') }}</div>
+          </div>
+
+          <!-- 下部分：执行结果 -->
+          <div v-if="selectedTool" class="result-section">
+            <h3 class="result-title">
+              <i class="el-icon-document result-icon"></i>
+              {{ $t('mcpToolCall.executionResult') }}
+            </h3>
+
+            <div v-if="executionResult" class="result-content">
+              <pre class="result-text">{{ formattedExecutionResult }}</pre>
+            </div>
+            <div v-else class="no-result">
+              <i class="el-icon-info no-result-icon"></i>
+              <div class="no-result-text">{{ $t('mcpToolCall.noResultYet') }}</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 底部按钮区域 -->
+    <div class="dialog-footer">
+      <div class="dialog-btn cancel-btn" @click="cancel" style="flex: none; width: 100px;">{{ $t('mcpToolCall.cancel')
+      }}
+      </div>
+      <el-button type="primary" @click="executeTool" size="small" class="execute-btn" style="margin-left: 10px;">
+        <i class="el-icon-check"></i>
+        {{ $t('mcpToolCall.execute') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'McpToolCallDialog',
+  props: {
+    visible: { type: Boolean, required: true },
+    deviceId: { type: String, required: true }
+  },
+  data() {
+    return {
+      toolList: [],
+      selectedToolName: '',
+      toolParams: {},
+      toolParamsRules: {},
+      toolSearchKeyword: '',
+      executionResult: null,
+      themeOptions: [] // 先初始化为空数组
+    }
+  },
+  created() {
+    // 在created钩子中初始化themeOptions，此时this.$t已经可用
+    this.themeOptions = [
+      { label: this.$t('mcpToolCall.lightTheme'), value: 'light' },
+      { label: this.$t('mcpToolCall.darkTheme'), value: 'dark' }
+    ];
+  },
+  computed: {
+    selectedTool() {
+      return this.toolList.find(tool => tool.name === this.selectedToolName);
+    },
+    filteredToolList() {
+      if (!this.toolSearchKeyword) return this.toolList;
+      const keyword = this.toolSearchKeyword.toLowerCase();
+      return this.toolList.filter(tool =>
+        tool.name.toLowerCase().includes(keyword) ||
+        tool.description.toLowerCase().includes(keyword)
+      );
+    },
+    formattedExecutionResult() {
+      if (!this.executionResult) return '';
+      return JSON.stringify(this.executionResult, null, 2);
+    }
+  },
+  watch: {
+    visible(newVal) {
+      if (newVal) {
+        this.initTools();
+      }
+    },
+    selectedToolName(newVal) {
+      if (newVal) {
+        this.initToolParams();
+        this.generateToolParamsRules();
+      } else {
+        this.executionResult = null;
+      }
+    }
+  },
+  methods: {
+    // 添加handleThemeChange方法强制更新视图
+    handleThemeChange() {
+      this.$nextTick(() => {
+        // 强制重新渲染组件
+        this.$forceUpdate();
+      });
+    },
+    initTools() {
+      // 从固定的mcp工具列表中获取数据
+      const toolsData = {
+        "session_id": "", "type": "mcp", "payload": {
+          "jsonrpc": "2.0", "id": 2, "result": {
+            "tools": [{
+              "name": "self.get_device_status",
+              "description": "获取设备的实时信息，包括当前音频扬声器、屏幕、电池、网络等状态。\n用途：\n1. 回答关于当前设备状态的问题（例如：当前音频扬声器的音量是多少？）\n2. 作为控制设备的第一步（例如：调高/调低音频扬声器的音量等）",
+              "inputSchema": { "type": "object", "properties": {} }
+            }, {
+              "name": "self.audio_speaker.set_volume",
+              "description": "设置音频扬声器的音量。如果当前音量未知，必须先调用`self.get_device_status`工具，然后再调用此工具。",
+              "inputSchema": {
+                "type": "object",
+                "properties": {
+                  "volume": {
+                    "type": "integer",
+                    "minimum": 0,
+                    "maximum": 100
+                  }
+                },
+                "required": ["volume"]
+              }
+            }, {
+              "name": "self.screen.set_brightness",
+              "description": "设置屏幕的亮度。",
+              "inputSchema": {
+                "type": "object",
+                "properties": {
+                  "brightness": {
+                    "type": "integer",
+                    "minimum": 0,
+                    "maximum": 100
+                  }
+                },
+                "required": ["brightness"]
+              }
+            }, {
+              "name": "self.screen.set_theme",
+              "description": "设置屏幕的主题。主题可以是'light'（浅色）或'dark'（深色）。",
+              "inputSchema": {
+                "type": "object",
+                "properties": { "theme": { "type": "string" } },
+                "required": ["theme"]
+              }
+            }]
+          }
+        }
+      };
+
+      this.toolList = toolsData.payload.result.tools;
+      // 默认选择第一个工具
+      if (this.toolList.length > 0) {
+        this.selectedToolName = this.toolList[0].name;
+      }
+    },
+
+    initToolParams() {
+      this.toolParams = {};
+      if (this.selectedTool && this.selectedTool.inputSchema && this.selectedTool.inputSchema.properties) {
+        Object.keys(this.selectedTool.inputSchema.properties).forEach(key => {
+          // 根据工具名称和参数名设置默认值
+          if (this.selectedTool.name === 'self.audio_speaker.set_volume' && key === 'volume') {
+            this.toolParams[key] = 100; // 音量默认值设为100
+          } else if (this.selectedTool.name === 'self.screen.set_brightness' && key === 'brightness') {
+            this.toolParams[key] = 100; // 亮度默认值设为100
+          } else if (this.selectedTool.name === 'self.screen.set_theme' && key === 'theme') {
+            this.toolParams[key] = 'light'; // 主题默认值设为light
+          } else {
+            this.toolParams[key] = '';
+          }
+        });
+      }
+      this.executionResult = null;
+    },
+
+    generateToolParamsRules() {
+      this.toolParamsRules = {};
+      if (this.selectedTool && this.selectedTool.inputSchema && this.selectedTool.inputSchema.properties) {
+        const requiredFields = this.selectedTool.inputSchema.required || [];
+
+        Object.keys(this.selectedTool.inputSchema.properties).forEach(key => {
+          const property = this.selectedTool.inputSchema.properties[key];
+          const rules = [];
+
+          if (requiredFields.includes(key)) {
+            rules.push({ required: true, message: this.$t('mcpToolCall.requiredField', { field: this.formatPropertyLabel(key, property) }), trigger: 'blur' });
+          }
+
+          if (property.type === 'integer') {
+            if (property.minimum !== undefined) {
+              rules.push({
+                validator: (rule, value, callback) => {
+                  if (value < property.minimum) {
+                    callback(new Error(this.$t('mcpToolCall.minValue', { value: property.minimum })));
+                  } else {
+                    callback();
+                  }
+                },
+                trigger: 'blur'
+              });
+            }
+            if (property.maximum !== undefined) {
+              rules.push({
+                validator: (rule, value, callback) => {
+                  if (value > property.maximum) {
+                    callback(new Error(this.$t('mcpToolCall.maxValue', { value: property.maximum })));
+                  } else {
+                    callback();
+                  }
+                },
+                trigger: 'blur'
+              });
+            }
+          }
+
+          this.toolParamsRules[key] = rules;
+        });
+      }
+    },
+
+    formatPropertyLabel(key, property) {
+      // 将属性名转换为更友好的中文标签
+      const labelMap = {
+        'volume': '音量',
+        'brightness': '亮度',
+        'theme': '主题'
+      };
+      return labelMap[key] || key;
+    },
+
+    // 获取工具的显示名称（简化版）
+    getToolDisplayName(toolName) {
+      const nameMap = {
+        'self.get_device_status': '查看设备状态',
+        'self.audio_speaker.set_volume': '设置音量',
+        'self.screen.set_brightness': '设置亮度',
+        'self.screen.set_theme': '设置主题'
+      };
+      return nameMap[toolName] || toolName;
+    },
+
+    // 获取工具分类
+    getToolCategory(toolName) {
+      if (toolName.includes('audio_speaker')) return '音频';
+      if (toolName.includes('screen')) return '显示';
+      return '设备信息';
+    },
+
+    // 获取简化的工具描述
+    getSimpleDescription(originalDesc) {
+      // 移除代码格式和复杂说明，保留核心功能描述
+      return originalDesc.split('\n')[0].replace(/`/g, '');
+    },
+
+    // 获取工具帮助文本
+    getToolHelpText(toolName) {
+      const helpMap = {
+        'self.get_device_status': '查看设备的当前运行状态，包括音量、屏幕、电池等信息。',
+        'self.audio_speaker.set_volume': '调整设备的音量大小，请输入0-100之间的数值。',
+        'self.screen.set_brightness': '调整设备屏幕的亮度，请输入0-100之间的数值。',
+        'self.screen.set_theme': '切换设备屏幕的显示主题，可以选择浅色或深色模式。'
+      };
+      return helpMap[toolName] || '';
+    },
+
+    executeTool() {
+      if (!this.selectedTool) {
+        this.$message.warning(this.$t('mcpToolCall.selectTool'));
+        return;
+      }
+
+      // 验证必填参数
+      const requiredFields = this.selectedTool.inputSchema.required || [];
+      for (const field of requiredFields) {
+        if (this.toolParams[field] === undefined || this.toolParams[field] === null || this.toolParams[field] === '') {
+          this.$message.warning(this.$t('mcpToolCall.requiredField', { field: this.formatPropertyLabel(field, this.selectedTool.inputSchema.properties[field]) }));
+          return;
+        }
+      }
+
+      // 构建MCP执行字符串
+      const mcpExecuteString = {
+        "type": "mcp",
+        "payload": {
+          "jsonrpc": "2.0",
+          "id": 1,
+          "method": "tools/call",
+          "params": {
+            "name": this.selectedToolName,
+            "arguments": this.toolParams
+          }
+        }
+      };
+
+      // 存储执行结果
+      this.executionResult = mcpExecuteString;
+    },
+
+    cancel() {
+      this.closeDialog();
+    },
+
+    handleClose() {
+      this.closeDialog();
+    },
+
+    closeDialog() {
+      this.$emit('update:visible', false);
+      this.selectedToolName = '';
+      this.toolParams = {};
+      this.toolParamsRules = {};
+      this.toolSearchKeyword = '';
+      this.executionResult = null;
+    }
+  }
+}
+</script>
+
+<style scoped>
+.dialog-content {
+  padding: 0;
+}
+
+/* 对话框标题区域 */
+.dialog-title-wrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+
+.dialog-title-text {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+}
+
+.dialog-top-actions {
+  display: flex;
+  gap: 10px;
+}
+
+.execute-btn {
+  border-radius: 6px;
+  padding: 8px 16px;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+/* 主布局 */
+.main-layout {
+  display: flex;
+  gap: 20px;
+  height: calc(100vh - 260px);
+  min-height: 400px;
+}
+
+/* 左侧面板 */
+.left-panel {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid #e4e7ed;
+  border-radius: 12px;
+  overflow: hidden;
+}
+
+.tool-list-section {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.section-header {
+  padding: 0px 20px 20px 20px;
+  border-bottom: 1px solid #e4e7ed;
+  background: #fafafa;
+}
+
+.section-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+  margin-bottom: 12px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.section-icon {
+  font-size: 18px;
+  color: #5778ff;
+}
+
+.tool-search {
+  width: 100%;
+}
+
+::v-deep .tool-search .el-input__wrapper {
+  border-radius: 8px;
+  transition: all 0.3s ease;
+}
+
+::v-deep .tool-search .el-input__wrapper:hover {
+  border-color: #c0c4cc;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
+}
+
+::v-deep .tool-search .el-input__wrapper.is-focus {
+  border-color: #5778ff;
+  box-shadow: 0 0 0 2px rgba(87, 120, 255, 0.2);
+}
+
+/* 工具列表 */
+.tool-list {
+  flex: 1;
+  padding: 20px;
+  overflow-y: auto;
+}
+
+::v-deep .tool-list::-webkit-scrollbar {
+  width: 6px;
+}
+
+::v-deep .tool-list::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+::v-deep .tool-list::-webkit-scrollbar-thumb {
+  background: #c0c4cc;
+  border-radius: 3px;
+}
+
+::v-deep .tool-list::-webkit-scrollbar-thumb:hover {
+  background: #909399;
+}
+
+.tool-radio-group {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+/* 修复单选按钮对齐问题 */
+::v-deep .el-radio {
+  display: flex !important;
+  align-items: flex-start !important;
+}
+
+::v-deep .el-radio__input {
+  margin-top: 6px;
+  margin-right: 10px;
+  flex-shrink: 0;
+}
+
+::v-deep .el-radio__label {
+  flex: 1;
+  padding: 0 !important;
+}
+
+.tool-radio {
+  background-color: #f8f9fa;
+  border-radius: 12px;
+  padding: 16px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  border: 2px solid transparent;
+}
+
+.tool-radio:hover {
+  background-color: #f0f2f5;
+  border-color: #e4e7ed;
+  transform: translateX(2px);
+}
+
+::v-deep .tool-radio.is-checked {
+  background-color: #e6f7ff;
+  border-color: #5778ff;
+}
+
+::v-deep .el-radio__input.is-checked .el-radio__inner {
+  border-color: #5778ff;
+  background: #5778ff;
+}
+
+::v-deep .el-radio__input.is-checked+.el-radio__label {
+  color: #5778ff;
+}
+
+.tool-item {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.tool-main-info {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.tool-display-name {
+  font-weight: 600;
+  font-size: 14px;
+  color: #303133;
+  flex: 1;
+  text-align: left;
+}
+
+.tool-category {
+  background: #ecf5ff;
+  color: #409eff;
+  font-size: 12px;
+  padding: 4px 10px;
+  border-radius: 16px;
+  font-weight: 500;
+}
+
+.tool-description {
+  font-size: 13px;
+  color: #606266;
+  line-height: 1.6;
+  white-space: pre-wrap;
+  opacity: 0.9;
+  text-align: left;
+}
+
+/* 右侧面板 - 分为上下两部分 */
+.right-panel {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid #e4e7ed;
+  border-radius: 12px;
+  overflow: hidden;
+}
+
+/* 参数设置区域 */
+.params-section {
+  padding: 0px 20px 20px 20px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.params-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+  margin-bottom: 12px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 20px;
+}
+
+.params-icon {
+  font-size: 18px;
+  color: #5778ff;
+}
+
+.params-help {
+  background: #f8f9ff;
+  border: 1px solid #ebefff;
+  border-radius: 8px;
+  padding: 12px;
+  margin-bottom: 20px;
+  font-size: 13px;
+  color: #606266;
+  line-height: 1.5;
+}
+
+/* 表单样式 */
+::v-deep .el-form-item {
+  margin-bottom: 20px;
+}
+
+::v-deep .el-form-item__label {
+  font-size: 14px;
+  color: #606266;
+  font-weight: 500;
+}
+
+::v-deep .el-form-item__content {
+  font-size: 14px;
+}
+
+.param-range-hint {
+  font-size: 12px;
+  color: #909399;
+  margin-top: 6px;
+}
+
+::v-deep .el-input__wrapper {
+  border-radius: 8px;
+  transition: all 0.3s ease;
+}
+
+::v-deep .el-input__wrapper:hover {
+  border-color: #c0c4cc;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
+}
+
+::v-deep .el-input__wrapper.is-focus {
+  border-color: #5778ff;
+  box-shadow: 0 0 0 2px rgba(87, 120, 255, 0.2);
+}
+
+::v-deep .el-select .el-input__wrapper {
+  border-radius: 8px;
+}
+
+::v-deep .el-input-number {
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+/* 执行结果区域 */
+.result-section {
+  padding: 20px;
+  background: #fafafa;
+  border-top: 1px solid #e4e7ed;
+  max-height: 200px;
+  display: flex;
+  flex-direction: column;
+  min-height: 150px;
+}
+
+.result-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+  margin-bottom: 12px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.result-icon {
+  font-size: 18px;
+  color: #5778ff;
+}
+
+.result-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  background: white;
+  border: 1px solid #e4e7ed;
+  border-radius: 8px;
+  padding: 12px;
+  position: relative;
+}
+
+.result-text {
+  flex: 1;
+  margin: 0;
+  padding: 8px;
+  background: #f8f9fa;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  font-size: 12px;
+  font-family: 'Courier New', monospace;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  overflow-y: auto;
+  max-height: 120px;
+  text-align: left;
+}
+
+.copy-btn {
+  align-self: flex-end;
+  margin-top: 8px;
+  padding: 4px 12px;
+  font-size: 12px;
+}
+
+.no-selection,
+.no-results,
+.no-result {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: #909399;
+  text-align: center;
+  padding: 40px 20px;
+}
+
+.no-selection-icon,
+.no-results-icon,
+.no-result-icon {
+  font-size: 48px;
+  color: #c0c4cc;
+  margin-bottom: 16px;
+}
+
+.no-selection-text,
+.no-results-text,
+.no-result-text {
+  font-size: 14px;
+}
+
+/* 底部按钮区域 */
+.dialog-footer {
+  display: flex;
+  justify-content: center;
+  margin: 20px 0;
+  padding-top: 0;
+}
+
+.dialog-btn {
+  cursor: pointer;
+  border-radius: 8px;
+  height: 40px;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 40px;
+  text-align: center;
+  transition: all 0.3s ease;
+}
+
+.cancel-btn {
+  background: #f5f7fa;
+  border: 1px solid #e4e7ed;
+  color: #606266;
+}
+
+.cancel-btn:hover {
+  background: #e9ecef;
+  border-color: #dcdfe6;
+  color: #409eff;
+}
+
+/* 对话框整体样式 */
+::v-deep .el-dialog {
+  border-radius: 16px;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
+  overflow: hidden;
+  animation: dialogFadeIn 0.3s ease-out;
+  max-width: 1200px;
+  margin-top: 3% !important;
+}
+
+@keyframes dialogFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+::v-deep .el-dialog__header {
+  padding: 24px 24px 0;
+}
+
+::v-deep .el-dialog__body {
+  padding: 20px 24px 0;
+  max-height: 80vh;
+  overflow-y: auto;
+}
+
+/* 响应式调整 */
+@media (max-width: 1200px) {
+  ::v-deep .el-dialog {
+    width: 95% !important;
+  }
+
+  .main-layout {
+    flex-direction: column;
+    height: auto;
+    min-height: 0;
+  }
+
+  .left-panel,
+  .right-panel {
+    max-height: 400px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/main/manager-web/src/i18n/en.js b/main/manager-web/src/i18n/en.js
index c030cc33..1e560dc3 100644
--- a/main/manager-web/src/i18n/en.js
+++ b/main/manager-web/src/i18n/en.js
@@ -8,6 +8,28 @@ export default {
   'header.paramManagement': 'Params Management',
   'header.dictManagement': 'Dict Management',
 
+  // McpToolCallDialog component text
+  'mcpToolCall.title': 'Tool Call',
+  'mcpToolCall.execute': 'Execute',
+  'mcpToolCall.chooseFunction': '1、Choose Function',
+  'mcpToolCall.searchFunction': 'Search Function',
+  'mcpToolCall.noResults': 'No matching functions found',
+  'mcpToolCall.settings': '2、Parameter Settings',
+  'mcpToolCall.inputPlaceholder': 'Please enter {label}',
+  'mcpToolCall.valueRange': 'Value range: {min} - {max}',
+  'mcpToolCall.selectPlaceholder': 'Please select {label}',
+  'mcpToolCall.lightTheme': 'Light Theme',
+  'mcpToolCall.darkTheme': 'Dark Theme',
+  'mcpToolCall.pleaseSelect': 'Please select a function',
+  'mcpToolCall.cancel': 'Cancel',
+  'mcpToolCall.requiredField': 'Please enter {field}',
+  'mcpToolCall.minValue': 'Minimum value is {value}',
+  'mcpToolCall.maxValue': 'Maximum value is {value}',
+  'mcpToolCall.selectTool': 'Please select a tool to execute',
+  'mcpToolCall.executionResult': '3、Execution Result',
+  'mcpToolCall.copyResult': 'Copy Result',
+  'mcpToolCall.noResultYet': 'No result yet',
+
   // Dictionary data dialog related
   'dictDataDialog.addDictData': 'Add Dictionary Data',
   'dictDataDialog.dictLabel': 'Dictionary Label',
@@ -288,6 +310,7 @@ export default {
   'device.bindWithCode': 'Bind with Verification Code',
   'device.manualAdd': 'Manual Add',
   'device.unbind': 'Unbind',
+  'device.toolCall': 'Tool Call',
   'device.selectAtLeastOne': 'Please select at least one record',
   'device.confirmBatchUnbind': 'Are you sure you want to unbind {count} selected devices?',
   'device.batchUnbindSuccess': 'Successfully unbound {count} devices',
diff --git a/main/manager-web/src/i18n/zh_CN.js b/main/manager-web/src/i18n/zh_CN.js
index 946e977f..c8c267f4 100644
--- a/main/manager-web/src/i18n/zh_CN.js
+++ b/main/manager-web/src/i18n/zh_CN.js
@@ -8,6 +8,28 @@ export default {
   'header.paramManagement': '参数管理',
   'header.dictManagement': '字典管理',
 
+  // McpToolCallDialog组件文本
+  'mcpToolCall.title': '工具调用',
+  'mcpToolCall.execute': '执行',
+  'mcpToolCall.chooseFunction': '1、选择功能',
+  'mcpToolCall.searchFunction': '搜索功能',
+  'mcpToolCall.noResults': '未找到匹配的功能',
+  'mcpToolCall.settings': '2、参数设置',
+  'mcpToolCall.inputPlaceholder': '请输入{label}',
+  'mcpToolCall.valueRange': '取值范围：{min} - {max}',
+  'mcpToolCall.selectPlaceholder': '请选择{label}',
+  'mcpToolCall.lightTheme': '浅色主题',
+  'mcpToolCall.darkTheme': '深色主题',
+  'mcpToolCall.pleaseSelect': '请选择一个功能',
+  'mcpToolCall.cancel': '取消',
+  'mcpToolCall.requiredField': '请输入{field}',
+  'mcpToolCall.minValue': '最小值为{value}',
+  'mcpToolCall.maxValue': '最大值为{value}',
+  'mcpToolCall.selectTool': '请选择要执行的工具',
+  'mcpToolCall.executionResult': '3、执行结果',
+  'mcpToolCall.copyResult': '复制结果',
+  'mcpToolCall.noResultYet': '暂无执行结果',
+
   // 字典数据对话框相关
   'dictDataDialog.addDictData': '新增字典数据',
   'dictDataDialog.dictLabel': '字典标签',
@@ -289,6 +311,7 @@ export default {
   'device.bindWithCode': '扫码绑定',
   'device.manualAdd': '手动添加',
   'device.unbind': '解绑',
+  'device.toolCall': '工具调用',
   'device.selectAtLeastOne': '请至少选择一条记录',
   'device.confirmBatchUnbind': '确认要解绑选中的 {count} 台设备吗？',
   'device.batchUnbindSuccess': '成功解绑 {count} 台设备',
diff --git a/main/manager-web/src/i18n/zh_TW.js b/main/manager-web/src/i18n/zh_TW.js
index 51143d26..8f2c51a7 100644
--- a/main/manager-web/src/i18n/zh_TW.js
+++ b/main/manager-web/src/i18n/zh_TW.js
@@ -8,6 +8,28 @@ export default {
   'header.paramManagement': '參數管理',
   'header.dictManagement': '字典管理',
 
+  // McpToolCallDialog组件文本
+  'mcpToolCall.title': '工具調用',
+  'mcpToolCall.execute': '執行',
+  'mcpToolCall.chooseFunction': '1、選擇功能',
+  'mcpToolCall.searchFunction': '搜索功能',
+  'mcpToolCall.noResults': '未找到匹配的功能',
+  'mcpToolCall.settings': '2、參數設置',
+  'mcpToolCall.inputPlaceholder': '請輸入{label}',
+  'mcpToolCall.valueRange': '取值範圍：{min} - {max}',
+  'mcpToolCall.selectPlaceholder': '請選擇{label}',
+  'mcpToolCall.lightTheme': '淺色主題',
+  'mcpToolCall.darkTheme': '深色主題',
+  'mcpToolCall.pleaseSelect': '請選擇一個功能',
+  'mcpToolCall.cancel': '取消',
+  'mcpToolCall.requiredField': '請輸入{field}',
+  'mcpToolCall.minValue': '最小值為{value}',
+  'mcpToolCall.maxValue': '最大值為{value}',
+  'mcpToolCall.selectTool': '請選擇要執行的工具',
+  'mcpToolCall.executionResult': '3、執行結果',
+  'mcpToolCall.copyResult': '複製結果',
+  'mcpToolCall.noResultYet': '暫無執行結果',
+
   // 字典數據對話框相關
   'dictDataDialog.addDictData': '新增字典數據',
   'dictDataDialog.dictLabel': '字典標籤',
@@ -288,6 +310,7 @@ export default {
   'device.bindWithCode': '驗證碼綁定',
   'device.manualAdd': '手動添加',
   'device.unbind': '解綁',
+  'device.toolCall': '工具調用',
   'device.selectAtLeastOne': '請至少選擇一條記錄',
   'device.confirmBatchUnbind': '確認要解綁選中的 {count} 台設備嗎？',
   'device.batchUnbindSuccess': '成功解綁 {count} 台設備',
diff --git a/main/manager-web/src/views/DeviceManagement.vue b/main/manager-web/src/views/DeviceManagement.vue
index 65945eb8..c504e5ca 100644
--- a/main/manager-web/src/views/DeviceManagement.vue
+++ b/main/manager-web/src/views/DeviceManagement.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="welcome">
-    <HeaderBar/>
+    <HeaderBar />
 
     <div class="operation-bar">
       <h2 class="page-title">{{ $t('device.management') }}</h2>
       <div class="right-operations">
         <el-input :placeholder="$t('device.searchPlaceholder')" v-model="searchKeyword" class="search-input"
-                  @keyup.enter.native="handleSearch" clearable/>
+          @keyup.enter.native="handleSearch" clearable />
         <el-button class="btn-search" @click="handleSearch">{{ $t('device.search') }}</el-button>
       </div>
     </div>
@@ -16,9 +16,9 @@
         <div class="content-area">
           <el-card class="device-card" shadow="never">
             <el-table ref="deviceTable" :data="paginatedDeviceList" class="transparent-table"
-                      :header-cell-class-name="headerCellClassName" v-loading="loading"
-                      :element-loading-text="$t('deviceManagement.loading')"
-                      element-loading-spinner="el-icon-loading" element-loading-background="rgba(255, 255, 255, 0.7)">
+              :header-cell-class-name="headerCellClassName" v-loading="loading"
+              :element-loading-text="$t('deviceManagement.loading')" element-loading-spinner="el-icon-loading"
+              element-loading-background="rgba(255, 255, 255, 0.7)">
               <el-table-column :label="$t('modelConfig.select')" align="center" width="120">
                 <template slot-scope="scope">
                   <el-checkbox v-model="scope.row.selected"></el-checkbox>
@@ -29,74 +29,77 @@
                   {{ getFirmwareTypeName(scope.row.model) }}
                 </template>
               </el-table-column>
-              <el-table-column :label="$t('device.firmwareVersion')" prop="firmwareVersion" align="center"></el-table-column>
+              <el-table-column :label="$t('device.firmwareVersion')" prop="firmwareVersion"
+                align="center"></el-table-column>
               <el-table-column :label="$t('device.macAddress')" prop="macAddress" align="center"></el-table-column>
               <el-table-column :label="$t('device.bindTime')" prop="bindTime" align="center"></el-table-column>
-              <el-table-column :label="$t('device.lastConversation')" prop="lastConversation" align="center"></el-table-column>
+              <el-table-column :label="$t('device.lastConversation')" prop="lastConversation"
+                align="center"></el-table-column>
               <el-table-column :label="$t('device.remark')" align="center">
                 <template #default="{ row }">
-                  <el-input
-                      v-show="row.isEdit"
-                      v-model="row.remark"
-                      size="mini"
-                      maxlength="64"
-                      show-word-limit
-                      @blur="onRemarkBlur(row)"
-                      @keyup.enter.native="onRemarkEnter(row)"
-                  />
+                  <el-input v-show="row.isEdit" v-model="row.remark" size="mini" maxlength="64" show-word-limit
+                    @blur="onRemarkBlur(row)" @keyup.enter.native="onRemarkEnter(row)" />
                   <span v-show="!row.isEdit" class="remark-view">
-                  <i
-                      class="el-icon-edit"
-                      @click="row.isEdit = true"
-                      style="cursor: pointer;"
-                  ></i>
-                  <span @click="row.isEdit = true">
-                    {{ row.remark || '-' }}
+                    <i class="el-icon-edit" @click="row.isEdit = true" style="cursor: pointer;"></i>
+                    <span @click="row.isEdit = true">
+                      {{ row.remark || '-' }}
+                    </span>
                   </span>
-                </span>
                 </template>
               </el-table-column>
               <el-table-column :label="$t('device.autoUpdate')" align="center">
                 <template slot-scope="scope">
                   <el-switch v-model="scope.row.otaSwitch" size="mini" active-color="#13ce66" inactive-color="#ff4949"
-                             @change="handleOtaSwitchChange(scope.row)"></el-switch>
+                    @change="handleOtaSwitchChange(scope.row)"></el-switch>
                 </template>
               </el-table-column>
               <el-table-column :label="$t('device.operation')" align="center">
                 <template slot-scope="scope">
                   <el-button size="mini" type="text" @click="handleUnbind(scope.row.device_id)">
-                  {{ $t('device.unbind') }}
-                </el-button>
+                    {{ $t('device.unbind') }}
+                  </el-button>
+                  <el-button size="mini" type="text" @click="handleMcpToolCall(scope.row.device_id)">
+                    {{ $t('device.toolCall') }}
+                  </el-button>
                 </template>
               </el-table-column>
             </el-table>
 
             <div class="table_bottom">
               <div class="ctrl_btn">
-                  <el-button size="mini" type="primary" class="select-all-btn" @click="handleSelectAll">
-                    {{ isCurrentPageAllSelected ? $t('common.deselectAll') : $t('common.selectAll') }}
-                  </el-button>
-                  <el-button type="success" size="mini" class="add-device-btn" @click="handleAddDevice">
-                    {{ $t('device.bindWithCode') }}
-                  </el-button>
-                  <el-button type="success" size="mini" class="add-device-btn" @click="handleManualAddDevice">
-                    {{ $t('device.manualAdd') }}
-                  </el-button>
-                  <el-button size="mini" type="danger" icon="el-icon-delete" @click="deleteSelected">{{ $t('device.unbind') }}</el-button>
-                </div>
+                <el-button size="mini" type="primary" class="select-all-btn" @click="handleSelectAll">
+                  {{ isCurrentPageAllSelected ? $t('common.deselectAll') : $t('common.selectAll') }}
+                </el-button>
+                <el-button type="success" size="mini" class="add-device-btn" @click="handleAddDevice">
+                  {{ $t('device.bindWithCode') }}
+                </el-button>
+                <el-button type="success" size="mini" class="add-device-btn" @click="handleManualAddDevice">
+                  {{ $t('device.manualAdd') }}
+                </el-button>
+                <el-button size="mini" type="danger" icon="el-icon-delete" @click="deleteSelected">{{
+                  $t('device.unbind')
+                }}</el-button>
+              </div>
               <div class="custom-pagination">
                 <el-select v-model="pageSize" @change="handlePageSizeChange" class="page-size-select">
-                    <el-option v-for="item in pageSizeOptions" :key="item" :label="$t('dictManagement.itemsPerPage').replace('{items}', item)" :value="item">
-                    </el-option>
-                  </el-select>
-                <button class="pagination-btn" :disabled="currentPage === 1" @click="goFirst">{{ $t('dictManagement.firstPage') }}</button>
-                  <button class="pagination-btn" :disabled="currentPage === 1" @click="goPrev">{{ $t('dictManagement.prevPage') }}</button>
+                  <el-option v-for="item in pageSizeOptions" :key="item"
+                    :label="$t('dictManagement.itemsPerPage').replace('{items}', item)" :value="item">
+                  </el-option>
+                </el-select>
+                <button class="pagination-btn" :disabled="currentPage === 1" @click="goFirst">{{
+                  $t('dictManagement.firstPage')
+                }}</button>
+                <button class="pagination-btn" :disabled="currentPage === 1" @click="goPrev">{{
+                  $t('dictManagement.prevPage')
+                }}</button>
                 <button v-for="page in visiblePages" :key="page" class="pagination-btn"
-                        :class="{ active: page === currentPage }" @click="goToPage(page)">
+                  :class="{ active: page === currentPage }" @click="goToPage(page)">
                   {{ page }}
                 </button>
-                <button class="pagination-btn" :disabled="currentPage === pageCount" @click="goNext">{{ $t('dictManagement.nextPage') }}</button>
-                <span class="total-text">{{ $t('dictManagement.totalRecords').replace('{total}', deviceList.length) }}</span>
+                <button class="pagination-btn" :disabled="currentPage === pageCount" @click="goNext">{{
+                  $t('dictManagement.nextPage') }}</button>
+                <span class="total-text">{{ $t('dictManagement.totalRecords').replace('{total}', deviceList.length)
+                }}</span>
               </div>
             </div>
           </el-card>
@@ -105,9 +108,10 @@
     </div>
 
     <AddDeviceDialog :visible.sync="addDeviceDialogVisible" :agent-id="currentAgentId"
-                     @refresh="fetchBindDevices(currentAgentId)"/>
+      @refresh="fetchBindDevices(currentAgentId)" />
     <ManualAddDeviceDialog :visible.sync="manualAddDeviceDialogVisible" :agent-id="currentAgentId"
-                     @refresh="fetchBindDevices(currentAgentId)"/>
+      @refresh="fetchBindDevices(currentAgentId)" />
+    <McpToolCallDialog :visible.sync="mcpToolCallDialogVisible" :device-id="selectedDeviceId" />
 
   </div>
 </template>
@@ -115,19 +119,23 @@
 <script>
 import Api from '@/apis/api';
 import AddDeviceDialog from "@/components/AddDeviceDialog.vue";
-import ManualAddDeviceDialog from "@/components/ManualAddDeviceDialog.vue";
 import HeaderBar from "@/components/HeaderBar.vue";
+import ManualAddDeviceDialog from "@/components/ManualAddDeviceDialog.vue";
+import McpToolCallDialog from "@/components/McpToolCallDialog.vue";
 
 export default {
   components: {
-    HeaderBar, 
+    HeaderBar,
     AddDeviceDialog,
-    ManualAddDeviceDialog
+    ManualAddDeviceDialog,
+    McpToolCallDialog
   },
   data() {
     return {
       addDeviceDialogVisible: false,
       manualAddDeviceDialogVisible: false,
+      mcpToolCallDialogVisible: false,
+      selectedDeviceId: '',
       searchKeyword: "",
       activeSearchKeyword: "",
       currentAgentId: this.$route.query.agentId || '',
@@ -145,8 +153,8 @@ export default {
       const keyword = this.activeSearchKeyword.toLowerCase();
       if (!keyword) return this.deviceList;
       return this.deviceList.filter(device =>
-          (device.model && device.model.toLowerCase().includes(keyword)) ||
-          (device.macAddress && device.macAddress.toLowerCase().includes(keyword))
+        (device.model && device.model.toLowerCase().includes(keyword)) ||
+        (device.macAddress && device.macAddress.toLowerCase().includes(keyword))
       );
     },
 
@@ -160,8 +168,8 @@ export default {
     },
     // 计算当前页是否全选
     isCurrentPageAllSelected() {
-      return this.paginatedDeviceList.length > 0 && 
-             this.paginatedDeviceList.every(device => device.selected);
+      return this.paginatedDeviceList.length > 0 &&
+        this.paginatedDeviceList.every(device => device.selected);
     },
     visiblePages() {
       const pages = [];
@@ -236,7 +244,7 @@ export default {
     batchUnbindDevices(deviceIds) {
       const promises = deviceIds.map(id => {
         return new Promise((resolve, reject) => {
-          Api.device.unbindDevice(id, ({data}) => {
+          Api.device.unbindDevice(id, ({ data }) => {
             if (data.code === 0) {
               resolve();
             } else {
@@ -246,19 +254,19 @@ export default {
         });
       });
       Promise.all(promises)
-          .then(() => {
-            this.$message.success({
-              message: this.$t('device.batchUnbindSuccess').replace('{count}', deviceIds.length),
-              showClose: true
-            });
-            this.fetchBindDevices(this.currentAgentId);
-          })
-          .catch(error => {
-            this.$message.error({
-              message: error || this.$t('device.batchUnbindError'),
-              showClose: true
-            });
+        .then(() => {
+          this.$message.success({
+            message: this.$t('device.batchUnbindSuccess').replace('{count}', deviceIds.length),
+            showClose: true
           });
+          this.fetchBindDevices(this.currentAgentId);
+        })
+        .catch(error => {
+          this.$message.error({
+            message: error || this.$t('device.batchUnbindError'),
+            showClose: true
+          });
+        });
     },
     handleAddDevice() {
       this.addDeviceDialogVisible = true;
@@ -266,6 +274,11 @@ export default {
     handleManualAddDevice() {
       this.manualAddDeviceDialogVisible = true;
     },
+
+    handleMcpToolCall(deviceId) {
+      this.selectedDeviceId = deviceId;
+      this.mcpToolCallDialogVisible = true;
+    },
     submitRemark(row) {
       if (row._submitting) return;
 
@@ -308,18 +321,18 @@ export default {
         cancelButtonText: this.$t('button.cancel'),
         type: 'warning'
       }).then(() => {
-        Api.device.unbindDevice(device_id, ({data}) => {
+        Api.device.unbindDevice(device_id, ({ data }) => {
           if (data.code === 0) {
-              this.$message.success({
-                message: this.$t('device.unbindSuccess'),
-                showClose: true
-              });
+            this.$message.success({
+              message: this.$t('device.unbindSuccess'),
+              showClose: true
+            });
             this.fetchBindDevices(this.$route.query.agentId);
           } else {
-              this.$message.error({
-                message: data.msg || this.$t('device.unbindFailed'),
-                showClose: true
-              });
+            this.$message.error({
+              message: data.msg || this.$t('device.unbindFailed'),
+              showClose: true
+            });
           }
         });
       });
@@ -339,7 +352,7 @@ export default {
 
     fetchBindDevices(agentId) {
       this.loading = true;
-      Api.device.getAgentBindDevices(agentId, ({data}) => {
+      Api.device.getAgentBindDevices(agentId, ({ data }) => {
         this.loading = false;
         if (data.code === 0) {
           this.deviceList = data.data.map(device => {
@@ -359,7 +372,7 @@ export default {
               selected: false
             };
           })
-              .sort((a, b) => a.rawBindTime - b.rawBindTime);
+            .sort((a, b) => a.rawBindTime - b.rawBindTime);
           this.activeSearchKeyword = "";
           this.searchKeyword = "";
         } else {
@@ -367,7 +380,7 @@ export default {
         }
       });
     },
-    headerCellClassName({columnIndex}) {
+    headerCellClassName({ columnIndex }) {
       if (columnIndex === 0) {
         return "custom-selection-header";
       }
@@ -378,12 +391,12 @@ export default {
       return firmwareType ? firmwareType.name : type
     },
     updateDeviceInfo(device_id, payload, callback) {
-      return Api.device.updateDeviceInfo(device_id, payload, ({data}) => {
+      return Api.device.updateDeviceInfo(device_id, payload, ({ data }) => {
         callback(data.code === 0, data);
       })
     },
     handleOtaSwitchChange(row) {
-      this.updateDeviceInfo(row.device_id, {autoUpdate: row.otaSwitch ? 1 : 0}, (result, {msg}) => {
+      this.updateDeviceInfo(row.device_id, { autoUpdate: row.otaSwitch ? 1 : 0 }, (result, { msg }) => {
         if (result) {
           this.$message.success(row.otaSwitch ? this.$t('device.autoUpdateEnabled') : this.$t('device.autoUpdateDisabled'));
           return;
diff --git a/main/manager-web/src/views/UserManagement.vue b/main/manager-web/src/views/UserManagement.vue
index e8116cfb..028347b5 100644
--- a/main/manager-web/src/views/UserManagement.vue
+++ b/main/manager-web/src/views/UserManagement.vue
@@ -16,8 +16,8 @@
         <div class="content-area">
           <el-card class="user-card" shadow="never">
             <el-table ref="userTable" :data="userList" class="transparent-table" v-loading="loading"
-                :element-loading-text="$t('modelConfig.loading')" element-loading-spinner="el-icon-loading"
-                element-loading-background="rgba(255, 255, 255, 0.7)">
+              :element-loading-text="$t('modelConfig.loading')" element-loading-spinner="el-icon-loading"
+              element-loading-background="rgba(255, 255, 255, 0.7)">
               <el-table-column :label="$t('modelConfig.select')" align="center" width="120">
                 <template slot-scope="scope">
                   <el-checkbox v-model="scope.row.selected"></el-checkbox>
@@ -36,13 +36,13 @@
               <el-table-column :label="$t('modelConfig.action')" align="center" width="300px">
                 <template slot-scope="scope">
                   <el-button size="mini" type="text" @click="resetPassword(scope.row)">{{ $t('user.resetPassword')
-                  }}</el-button>
+                    }}</el-button>
                   <el-button size="mini" type="text" v-if="scope.row.status === 1"
                     @click="handleChangeStatus(scope.row, 0)">{{ $t('user.disableAccount') }}</el-button>
                   <el-button size="mini" type="text" v-if="scope.row.status === 0"
                     @click="handleChangeStatus(scope.row, 1)">{{ $t('user.enableAccount') }}</el-button>
                   <el-button size="mini" type="text" @click="deleteUser(scope.row)">{{ $t('user.deleteUser')
-                  }}</el-button>
+                    }}</el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -54,19 +54,18 @@
                 </el-button>
                 <el-button size="mini" type="success" icon="el-icon-circle-check" @click="batchEnable">{{
                   $t('user.enable')
-                }}</el-button>
+                  }}</el-button>
                 <el-button size="mini" type="warning" @click="batchDisable"><i
                     class="el-icon-remove-outline rotated-icon"></i>{{
                       $t('user.disable') }}</el-button>
                 <el-button size="mini" type="danger" icon="el-icon-delete" @click="batchDelete">{{ $t('user.delete')
-                }}</el-button>
+                  }}</el-button>
               </div>
               <div class="custom-pagination">
                 <el-select v-model="pageSize" @change="handlePageSizeChange"
                   :class="['page-size-select', { 'page-size-select-en': isEnglish }]">
                   <el-option v-for="item in pageSizeOptions" :key="item"
-                    :label="$t('modelConfig.itemsPerPage', { items: item })"
-                    :value="item">
+                    :label="$t('modelConfig.itemsPerPage', { items: item })" :value="item">
                   </el-option>
                 </el-select>
 
@@ -82,7 +81,7 @@
                 </button> <button class="pagination-btn" :disabled="currentPage === pageCount" @click="goNext">
                   {{ $t('modelConfig.nextPage') }}
                 </button>
-                <span class="total-text">{{ $t('modelConfig.totalRecords', { count: total }) }}</span>
+                <span class="total-text">{{ $t('modelConfig.totalRecords', { total: total }) }}</span>
               </div>
             </div>
           </el-card>
@@ -347,7 +346,7 @@ export default {
         this.$message.warning(this.$t('user.selectUsersFirst'));
         return;
       }
-      
+
       const userIds = this.selection.map(item => item.userId);
       this.$confirm(this.$t('user.confirmDeleteSelected', { count: this.selection.length }), this.$t('common.warning'), {
         confirmButtonText: this.$t('common.confirm'),
@@ -380,10 +379,10 @@ export default {
         this.$message.warning(this.$t('user.selectUsersFirst'));
         return;
       }
-      
+
       const actionText = status === 1 ? this.$t('user.enable') : this.$t('user.disable');
       const userIds = this.selection.map(item => item.userId);
-      
+
       this.$confirm(this.$t('user.confirmStatusChange', { action: actionText, count: this.selection.length }), this.$t('common.warning'), {
         confirmButtonText: this.$t('common.confirm'),
         cancelButtonText: this.$t('common.cancel'),

From 15ca08ce14f2043a732c2dd52a3b2bb9c2beb0d0 Mon Sep 17 00:00:00 2001
From: FAN-yeB <1442100690@qq.com>
Date: Wed, 17 Sep 2025 10:04:19 +0800
Subject: [PATCH 2/8] =?UTF-8?q?update=EF=BC=9A=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../device/controller/DeviceController.java   | 155 +++++++++++++++++-
 .../service/impl/DeviceServiceImpl.java       |   8 +-
 .../resources/db/changelog/202509161609.sql   |   3 +
 .../db/changelog/db.changelog-master.yaml     |   7 +
 4 files changed, 166 insertions(+), 7 deletions(-)
 create mode 100644 main/manager-api/src/main/resources/db/changelog/202509161609.sql

diff --git a/main/manager-api/src/main/java/xiaozhi/modules/device/controller/DeviceController.java b/main/manager-api/src/main/java/xiaozhi/modules/device/controller/DeviceController.java
index b0320e3c..65987265 100644
--- a/main/manager-api/src/main/java/xiaozhi/modules/device/controller/DeviceController.java
+++ b/main/manager-api/src/main/java/xiaozhi/modules/device/controller/DeviceController.java
@@ -29,15 +29,31 @@ import xiaozhi.modules.device.dto.DeviceManualAddDTO;
 import xiaozhi.modules.device.entity.DeviceEntity;
 import xiaozhi.modules.device.service.DeviceService;
 import xiaozhi.modules.security.user.SecurityUser;
+import xiaozhi.modules.sys.service.SysParamsService;
+import org.springframework.web.client.RestTemplate;
+import org.springframework.http.HttpEntity;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.HttpMethod;
+import org.springframework.http.ResponseEntity;
+import com.fasterxml.jackson.databind.ObjectMapper;
 
 @Tag(name = "设备管理")
-@AllArgsConstructor
 @RestController
 @RequestMapping("/device")
 public class DeviceController {
     private final DeviceService deviceService;
-
     private final RedisUtils redisUtils;
+    private final SysParamsService sysParamsService;
+    private final RestTemplate restTemplate;
+    private final ObjectMapper objectMapper;
+
+    public DeviceController(DeviceService deviceService, RedisUtils redisUtils, SysParamsService sysParamsService, RestTemplate restTemplate, ObjectMapper objectMapper) {
+        this.deviceService = deviceService;
+        this.redisUtils = redisUtils;
+        this.sysParamsService = sysParamsService;
+        this.restTemplate = restTemplate;
+        this.objectMapper = objectMapper;
+    }
 
     @PostMapping("/bind/{agentId}/{deviceCode}")
     @Operation(summary = "绑定设备")
@@ -75,6 +91,87 @@ public class DeviceController {
         return new Result<List<DeviceEntity>>().ok(devices);
     }
 
+    @PostMapping("/bind/{agentId}")
+    @Operation(summary = "转发POST请求到MQTT网关")
+    @RequiresPermissions("sys:role:normal")
+    public Result<String> forwardToMqttGateway(@PathVariable String agentId, @RequestBody String requestBody) {
+        try {
+            // 从系统参数中获取MQTT网关地址
+            String mqttGatewayUrl = sysParamsService.getValue("server.mqtt_manager_api", true);
+            if (StringUtils.isBlank(mqttGatewayUrl)) {
+                return new Result<String>().error("MQTT网关地址未配置");
+            }
+
+            // 获取当前用户的设备列表
+            UserDetail user = SecurityUser.getUser();
+            List<DeviceEntity> devices = deviceService.getUserDevices(user.getId(), agentId);
+
+            // 构建deviceIds数组
+            java.util.List<String> deviceIds = new java.util.ArrayList<>();
+            for (DeviceEntity device : devices) {
+                String macAddress = device.getMacAddress() != null ? device.getMacAddress() : "unknown";
+                String groupId = device.getBoard() != null ? device.getBoard() : "GID_default";
+
+                // 替换冒号为下划线
+                groupId = groupId.replace(":", "_");
+                macAddress = macAddress.replace(":", "_");
+
+                // 构建mqtt客户端ID格式：groupId@@@macAddress@@@macAddress
+                String mqttClientId = groupId + "@@@" + macAddress + "@@@" + macAddress;
+                deviceIds.add(mqttClientId);
+            }
+
+            // 构建完整的URL
+            String url = "http://" + mqttGatewayUrl + "/api/devices/status";
+
+            // 设置请求头
+            HttpHeaders headers = new HttpHeaders();
+            headers.set("Content-Type", "application/json");
+
+            // 生成Bearer令牌
+            String token = generateBearerToken();
+            if (token == null) {
+                return new Result<String>().error("令牌生成失败");
+            }
+            headers.set("Authorization", "Bearer " + token);
+
+            // 构建请求体JSON
+            String jsonBody = "{\"deviceIds\":" + objectMapper.writeValueAsString(deviceIds) + "}";
+            HttpEntity<String> requestEntity = new HttpEntity<>(jsonBody, headers);
+
+            // 发送POST请求
+            ResponseEntity<String> response = restTemplate.exchange(url, HttpMethod.POST, requestEntity, String.class);
+
+            // 返回响应
+            return new Result<String>().ok(response.getBody());
+        } catch (Exception e) {
+            return new Result<String>().error("转发请求失败: " + e.getMessage());
+        }
+    }
+
+    private String generateBearerToken() {
+        try {
+            // 获取当前日期，格式为yyyy-MM-dd
+            String dateStr = java.time.LocalDate.now().format(java.time.format.DateTimeFormatter.ofPattern("yyyy-MM-dd"));
+
+            // 获取MQTT签名密钥
+            String signatureKey = sysParamsService.getValue("server.mqtt_signature_key", false);
+            if (StringUtils.isBlank(signatureKey)) {
+                return null;
+            }
+
+            // 将日期字符串与MQTT_SIGNATURE_KEY连接
+            String tokenContent = dateStr + signatureKey;
+
+            // 对连接后的字符串进行SHA256哈希计算
+            String token = org.apache.commons.codec.digest.DigestUtils.sha256Hex(tokenContent);
+
+            return token;
+        } catch (Exception e) {
+            return null;
+        }
+    }
+
     @PostMapping("/unbind")
     @Operation(summary = "解绑设备")
     @RequiresPermissions("sys:role:normal")
@@ -109,4 +206,58 @@ public class DeviceController {
         deviceService.manualAddDevice(user.getId(), dto);
         return new Result<>();
     }
+
+    @PostMapping("/commands/{deviceId}")
+    @Operation(summary = "发送设备指令")
+    @RequiresPermissions("sys:role:normal")
+    public Result<String> sendDeviceCommand(@PathVariable String deviceId, @RequestBody String command) {
+        try {
+            // 从系统参数中获取MQTT网关地址
+            String mqttGatewayUrl = sysParamsService.getValue("server.mqtt_manager_api", true);
+            if (StringUtils.isBlank(mqttGatewayUrl)) {
+                return new Result<String>().error("MQTT网关地址未配置");
+            }
+
+            // 构建完整的URL
+            // 获取设备信息以构建mqttClientId
+            DeviceEntity deviceById = deviceService.selectById(deviceId);
+            String macAddress = deviceById != null ? deviceById.getMacAddress() : "unknown";
+            String groupId = deviceById != null ? deviceById.getBoard() : null;
+            if (groupId == null) {
+                groupId = "GID_default";
+            }
+            groupId = groupId.replace(":", "_");
+            macAddress = macAddress.replace(":", "_");
+            
+            // 拼接为groupId@@@macAddress@@@deviceId格式
+            String mqttClientId = groupId + "@@@" + macAddress + "@@@" + macAddress;
+            
+            String url = "http://" + mqttGatewayUrl + "/api/commands/" + mqttClientId;
+
+            // 设置请求头
+            HttpHeaders headers = new HttpHeaders();
+            headers.set("Content-Type", "application/json");
+
+            // 生成Bearer令牌
+            String dateStr = java.time.LocalDate.now().format(java.time.format.DateTimeFormatter.ofPattern("yyyy-MM-dd"));
+            String signatureKey = sysParamsService.getValue("server.mqtt_signature_key", false);
+            if (StringUtils.isBlank(signatureKey)) {
+                return new Result<String>().error("MQTT签名密钥未配置");
+            }
+            String tokenContent = dateStr + signatureKey;
+            String token = org.apache.commons.codec.digest.DigestUtils.sha256Hex(tokenContent);
+            headers.set("Authorization", "Bearer " + token);
+
+            // 构建请求体
+            HttpEntity<String> requestEntity = new HttpEntity<>(command, headers);
+
+            // 发送POST请求
+            ResponseEntity<String> response = restTemplate.exchange(url, HttpMethod.POST, requestEntity, String.class);
+
+            // 返回响应
+            return new Result<String>().ok(response.getBody());
+        } catch (Exception e) {
+            return new Result<String>().error("发送指令失败: " + e.getMessage());
+        }
+    }
 }
\ No newline at end of file
diff --git a/main/manager-api/src/main/java/xiaozhi/modules/device/service/impl/DeviceServiceImpl.java b/main/manager-api/src/main/java/xiaozhi/modules/device/service/impl/DeviceServiceImpl.java
index 9e452888..732b724b 100644
--- a/main/manager-api/src/main/java/xiaozhi/modules/device/service/impl/DeviceServiceImpl.java
+++ b/main/manager-api/src/main/java/xiaozhi/modules/device/service/impl/DeviceServiceImpl.java
@@ -188,7 +188,7 @@ public class DeviceServiceImpl extends BaseServiceImpl<DeviceDao, DeviceEntity>
             try {
                 String groupId = deviceById != null && deviceById.getBoard() != null ? deviceById.getBoard()
                         : "GID_default";
-                DeviceReportRespDTO.MQTT mqtt = buildMqttConfig(macAddress, clientId, groupId);
+                DeviceReportRespDTO.MQTT mqtt = buildMqttConfig(macAddress, groupId);
                 if (mqtt != null) {
                     mqtt.setEndpoint(mqttUdpConfig);
                     response.setMqtt(mqtt);
@@ -479,11 +479,10 @@ public class DeviceServiceImpl extends BaseServiceImpl<DeviceDao, DeviceEntity>
      * 构建MQTT配置信息
      * 
      * @param macAddress MAC地址
-     * @param clientId   客户端ID (UUID)
      * @param groupId    分组ID
      * @return MQTT配置对象
      */
-    private DeviceReportRespDTO.MQTT buildMqttConfig(String macAddress, String clientId, String groupId)
+    private DeviceReportRespDTO.MQTT buildMqttConfig(String macAddress, String groupId)
             throws Exception {
         // 从环境变量或系统参数获取签名密钥
         String signatureKey = sysParamsService.getValue("server.mqtt_signature_key", false);
@@ -495,8 +494,7 @@ public class DeviceServiceImpl extends BaseServiceImpl<DeviceDao, DeviceEntity>
         // 构建客户端ID格式：groupId@@@macAddress@@@uuid
         String groupIdSafeStr = groupId.replace(":", "_");
         String deviceIdSafeStr = macAddress.replace(":", "_");
-        String clientIdSafeStr = clientId.replace(":", "_");
-        String mqttClientId = String.format("%s@@@%s@@@%s", groupIdSafeStr, deviceIdSafeStr, clientIdSafeStr);
+        String mqttClientId = String.format("%s@@@%s@@@%s", groupIdSafeStr, deviceIdSafeStr, deviceIdSafeStr);
 
         // 构建用户数据（包含IP等信息）
         Map<String, String> userData = new HashMap<>();
diff --git a/main/manager-api/src/main/resources/db/changelog/202509161609.sql b/main/manager-api/src/main/resources/db/changelog/202509161609.sql
new file mode 100644
index 00000000..61270e26
--- /dev/null
+++ b/main/manager-api/src/main/resources/db/changelog/202509161609.sql
@@ -0,0 +1,3 @@
+delete from `sys_params` where param_code = 'server.mqtt_manager_api';
+INSERT INTO `sys_params` (id, param_code, param_value, value_type, param_type, remark)
+VALUES (119, 'server.mqtt_manager_api', null, 'string', 1, 'MQTT网关管理API的地址');
diff --git a/main/manager-api/src/main/resources/db/changelog/db.changelog-master.yaml b/main/manager-api/src/main/resources/db/changelog/db.changelog-master.yaml
index 2890424d..73ea86f2 100755
--- a/main/manager-api/src/main/resources/db/changelog/db.changelog-master.yaml
+++ b/main/manager-api/src/main/resources/db/changelog/db.changelog-master.yaml
@@ -345,3 +345,10 @@ databaseChangeLog:
         - sqlFile:
             encoding: utf8
             path: classpath:db/changelog/202509080922.sql
+  - changeSet:
+      id: 202509161609
+      author: fyb
+      changes:
+        - sqlFile:
+            encoding: utf8
+            path: classpath:db/changelog/202509161609.sql
\ No newline at end of file

From 44e7380c6bf52c824a518eb4c23383d12ff1801a Mon Sep 17 00:00:00 2001
From: 3030332422 <3030332422@qq.com>
Date: Wed, 17 Sep 2025 11:36:20 +0800
Subject: [PATCH 3/8] =?UTF-8?q?update:=20=E6=B7=BB=E5=8A=A0=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=E5=AE=9E=E6=97=B6?=
 =?UTF-8?q?=E5=9C=A8=E7=BA=BF=E7=8A=B6=E6=80=81=E6=98=BE=E7=A4=BA=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main/manager-web/src/apis/module/device.js    | 17 +++++
 main/manager-web/src/i18n/en.js               |  3 +
 main/manager-web/src/i18n/zh_CN.js            |  3 +
 main/manager-web/src/i18n/zh_TW.js            |  3 +
 .../src/views/DeviceManagement.vue            | 64 ++++++++++++++++++-
 5 files changed, 89 insertions(+), 1 deletion(-)

diff --git a/main/manager-web/src/apis/module/device.js b/main/manager-web/src/apis/module/device.js
index 233c764b..bd1697b7 100644
--- a/main/manager-web/src/apis/module/device.js
+++ b/main/manager-web/src/apis/module/device.js
@@ -85,4 +85,21 @@ export default {
                 });
             }).send();
     },
+    // 获取设备状态
+    getDeviceStatus(agentId, callback) {
+        RequestService.sendRequest()
+            .url(`${getServiceUrl()}/device/bind/${agentId}`)
+            .method('POST')
+            .data({}) // 发送空对象作为请求体
+            .success((res) => {
+                RequestService.clearRequestTime();
+                callback(res);
+            })
+            .networkFail((err) => {
+                console.error('获取设备状态失败:', err);
+                RequestService.reAjaxFun(() => {
+                    this.getDeviceStatus(agentId, callback);
+                });
+            }).send();
+    },
 }
\ No newline at end of file
diff --git a/main/manager-web/src/i18n/en.js b/main/manager-web/src/i18n/en.js
index 1e560dc3..b5d7b856 100644
--- a/main/manager-web/src/i18n/en.js
+++ b/main/manager-web/src/i18n/en.js
@@ -326,6 +326,9 @@ export default {
   'device.autoUpdateDisabled': 'Auto update disabled',
   'device.batchUnbindSuccess': 'Successfully unbound {count} devices',
   'device.getFirmwareTypeFailed': 'Failed to fetch firmware type',
+  'device.deviceStatus': 'Status',
+  'device.online': 'Online',
+  'device.offline': 'Offline',
 
   // Message tips
   'message.success': 'Operation Successful',
diff --git a/main/manager-web/src/i18n/zh_CN.js b/main/manager-web/src/i18n/zh_CN.js
index c8c267f4..323e936e 100644
--- a/main/manager-web/src/i18n/zh_CN.js
+++ b/main/manager-web/src/i18n/zh_CN.js
@@ -327,6 +327,9 @@ export default {
   'device.autoUpdateDisabled': '已关闭自动升级',
   'device.batchUnbindSuccess': '成功解绑 {count} 台设备',
   'device.getFirmwareTypeFailed': '获取固件类型失败',
+  'device.deviceStatus': '状态',
+  'device.online': '在线',
+  'device.offline': '离线',
 
   // 消息提示
   'message.success': '操作成功',
diff --git a/main/manager-web/src/i18n/zh_TW.js b/main/manager-web/src/i18n/zh_TW.js
index 8f2c51a7..3f921279 100644
--- a/main/manager-web/src/i18n/zh_TW.js
+++ b/main/manager-web/src/i18n/zh_TW.js
@@ -326,6 +326,9 @@ export default {
   'device.autoUpdateDisabled': '已關閉自動升級',
   'device.batchUnbindSuccess': '成功解綁 {count} 台設備',
   'device.getFirmwareTypeFailed': '獲取固件類型失敗',
+  'device.deviceStatus': '狀態',
+  'device.online': '在線',
+  'device.offline': '離線',
 
   // 消息提示
   'message.success': '操作成功',
diff --git a/main/manager-web/src/views/DeviceManagement.vue b/main/manager-web/src/views/DeviceManagement.vue
index c504e5ca..c44b40b3 100644
--- a/main/manager-web/src/views/DeviceManagement.vue
+++ b/main/manager-web/src/views/DeviceManagement.vue
@@ -35,6 +35,12 @@
               <el-table-column :label="$t('device.bindTime')" prop="bindTime" align="center"></el-table-column>
               <el-table-column :label="$t('device.lastConversation')" prop="lastConversation"
                 align="center"></el-table-column>
+              <el-table-column :label="$t('device.deviceStatus')" prop="deviceStatus" align="center">
+                <template slot-scope="scope">
+                  <el-tag v-if="scope.row.deviceStatus === 'online'" type="success">{{ $t('device.online') }}</el-tag>
+                  <el-tag v-else type="danger">{{ $t('device.offline') }}</el-tag>
+                </template>
+              </el-table-column>
               <el-table-column :label="$t('device.remark')" align="center">
                 <template #default="{ row }">
                   <el-input v-show="row.isEdit" v-model="row.remark" size="mini" maxlength="64" show-word-limit
@@ -369,17 +375,73 @@ export default {
               _submitting: false,
               otaSwitch: device.autoUpdate === 1,
               rawBindTime: new Date(device.createDate).getTime(),
-              selected: false
+              selected: false,
+              // 初始设置为离线状态
+              deviceStatus: 'offline'
             };
           })
             .sort((a, b) => a.rawBindTime - b.rawBindTime);
           this.activeSearchKeyword = "";
           this.searchKeyword = "";
+          
+          // 获取设备列表后，立即获取设备状态
+          this.fetchDeviceStatus(agentId);
         } else {
           this.$message.error(data.msg || this.$t('device.getListFailed'));
         }
       });
     },
+    
+    // 获取设备状态
+    fetchDeviceStatus(agentId) {
+      Api.device.getDeviceStatus(agentId, ({ data }) => {
+        if (data.code === 0) {
+          try {
+            // 解析后端返回的设备状态JSON
+            const statusData = JSON.parse(data.data);
+            
+            // 直接使用解析后的数据作为设备状态映射（不需要devices字段包装）
+            if (statusData && typeof statusData === 'object') {
+              // 更新设备状态
+              this.updateDeviceStatusFromResponse(statusData);
+            }
+          } catch (error) {
+            // JSON解析失败，忽略状态更新
+          }
+        }
+      });
+    },
+    
+    // 根据API响应更新设备状态
+    updateDeviceStatusFromResponse(deviceStatusMap) {
+      this.deviceList.forEach(device => {
+        // 构建设备的MQTT客户端ID
+        const macAddress = device.macAddress ? device.macAddress.replace(/:/g, '_') : 'unknown';
+        const groupId = device.model ? device.model.replace(/:/g, '_') : 'GID_default';
+        const mqttClientId = `${groupId}@@@${macAddress}@@@${macAddress}`;
+        
+        // 从状态映射中获取设备状态
+        if (deviceStatusMap[mqttClientId]) {
+          const statusInfo = deviceStatusMap[mqttClientId];
+          
+          let isOnline = false;
+          if (statusInfo.isAlive === true) {
+            isOnline = true;
+          } else if (statusInfo.isAlive === false) {
+            isOnline = false;
+          } else if (statusInfo.isAlive === null && statusInfo.exists === true) {
+            isOnline = true;
+          } else {
+            isOnline = false;
+          }
+          
+          device.deviceStatus = isOnline ? 'online' : 'offline';
+        } else {
+          // 如果没有找到对应的状态信息，默认为离线
+          device.deviceStatus = 'offline';
+        }
+      });
+    },
     headerCellClassName({ columnIndex }) {
       if (columnIndex === 0) {
         return "custom-selection-header";

From 31e84dadd1f5ba5fa8a25417a38323076259f363 Mon Sep 17 00:00:00 2001
From: 3030332422 <3030332422@qq.com>
Date: Wed, 17 Sep 2025 16:25:46 +0800
Subject: [PATCH 4/8] =?UTF-8?q?update:=E5=8A=A8=E6=80=81=E8=8E=B7=E5=8F=96?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=E5=B7=A5=E5=85=B7=E5=88=97=E8=A1=A8=E5=B9=B6?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main/manager-web/src/apis/module/device.js    |  17 ++
 .../src/components/McpToolCallDialog.vue      | 168 ++++++++++++------
 .../src/views/DeviceManagement.vue            |   2 +-
 3 files changed, 127 insertions(+), 60 deletions(-)

diff --git a/main/manager-web/src/apis/module/device.js b/main/manager-web/src/apis/module/device.js
index bd1697b7..03ed3519 100644
--- a/main/manager-web/src/apis/module/device.js
+++ b/main/manager-web/src/apis/module/device.js
@@ -102,4 +102,21 @@ export default {
                 });
             }).send();
     },
+    // 发送设备指令
+    sendDeviceCommand(deviceId, mcpData, callback) {
+        RequestService.sendRequest()
+            .url(`${getServiceUrl()}/device/commands/${deviceId}`)
+            .method('POST')
+            .data(mcpData)
+            .success((res) => {
+                RequestService.clearRequestTime();
+                callback(res);
+            })
+            .networkFail((err) => {
+                console.error('发送设备指令失败:', err);
+                RequestService.reAjaxFun(() => {
+                    this.sendDeviceCommand(deviceId, mcpData, callback);
+                });
+            }).send();
+    },
 }
\ No newline at end of file
diff --git a/main/manager-web/src/components/McpToolCallDialog.vue b/main/manager-web/src/components/McpToolCallDialog.vue
index 6c7b9a24..dc1306bb 100644
--- a/main/manager-web/src/components/McpToolCallDialog.vue
+++ b/main/manager-web/src/components/McpToolCallDialog.vue
@@ -19,7 +19,11 @@
                 <el-input v-model="toolSearchKeyword" :placeholder="$t('mcpToolCall.searchFunction')" clearable />
               </div>
             </div>
-            <div class="tool-list">
+            <div v-if="toolsLoading" class="tool-list-loading">
+              <i class="el-icon-loading"></i>
+              <div class="loading-text">正在获取工具列表...</div>
+            </div>
+            <div v-else class="tool-list">
               <el-radio-group v-model="selectedToolName" class="tool-radio-group">
                 <el-radio v-for="tool in filteredToolList" :key="tool.name" :label="tool.name" class="tool-radio">
                   <div class="tool-item">
@@ -35,7 +39,7 @@
               </el-radio-group>
             </div>
 
-            <div v-if="filteredToolList.length === 0" class="no-results">
+            <div v-if="!toolsLoading && filteredToolList.length === 0" class="no-results">
               <i class="el-icon-search no-results-icon"></i>
               <div class="no-results-text">{{ $t('mcpToolCall.noResults') }}</div>
             </div>
@@ -128,6 +132,8 @@
 </template>
 
 <script>
+import Api from '@/apis/api';
+
 export default {
   name: 'McpToolCallDialog',
   props: {
@@ -142,7 +148,8 @@ export default {
       toolParamsRules: {},
       toolSearchKeyword: '',
       executionResult: null,
-      themeOptions: [] // 先初始化为空数组
+      themeOptions: [], // 先初始化为空数组
+      toolsLoading: false // 工具列表加载状态
     }
   },
   created() {
@@ -192,60 +199,67 @@ export default {
         this.$forceUpdate();
       });
     },
-    initTools() {
-      // 从固定的mcp工具列表中获取数据
-      const toolsData = {
-        "session_id": "", "type": "mcp", "payload": {
-          "jsonrpc": "2.0", "id": 2, "result": {
-            "tools": [{
-              "name": "self.get_device_status",
-              "description": "获取设备的实时信息，包括当前音频扬声器、屏幕、电池、网络等状态。\n用途：\n1. 回答关于当前设备状态的问题（例如：当前音频扬声器的音量是多少？）\n2. 作为控制设备的第一步（例如：调高/调低音频扬声器的音量等）",
-              "inputSchema": { "type": "object", "properties": {} }
-            }, {
-              "name": "self.audio_speaker.set_volume",
-              "description": "设置音频扬声器的音量。如果当前音量未知，必须先调用`self.get_device_status`工具，然后再调用此工具。",
-              "inputSchema": {
-                "type": "object",
-                "properties": {
-                  "volume": {
-                    "type": "integer",
-                    "minimum": 0,
-                    "maximum": 100
-                  }
-                },
-                "required": ["volume"]
-              }
-            }, {
-              "name": "self.screen.set_brightness",
-              "description": "设置屏幕的亮度。",
-              "inputSchema": {
-                "type": "object",
-                "properties": {
-                  "brightness": {
-                    "type": "integer",
-                    "minimum": 0,
-                    "maximum": 100
-                  }
-                },
-                "required": ["brightness"]
-              }
-            }, {
-              "name": "self.screen.set_theme",
-              "description": "设置屏幕的主题。主题可以是'light'（浅色）或'dark'（深色）。",
-              "inputSchema": {
-                "type": "object",
-                "properties": { "theme": { "type": "string" } },
-                "required": ["theme"]
-              }
-            }]
-          }
-        }
-      };
+    async initTools() {
+      if (!this.deviceId) {
+        return;
+      }
 
-      this.toolList = toolsData.payload.result.tools;
-      // 默认选择第一个工具
-      if (this.toolList.length > 0) {
-        this.selectedToolName = this.toolList[0].name;
+      this.toolsLoading = true;
+      
+      try {
+        // 调用设备指令API获取工具列表
+        const mcpRequest = {
+          "type": "mcp",
+          "payload": {
+            "jsonrpc": "2.0",
+            "id": 2,
+            "method": "tools/list",
+            "params": {
+              "withUserTools": true
+            }
+          }
+        };
+
+        Api.device.sendDeviceCommand(this.deviceId, mcpRequest, ({ data }) => {
+          this.toolsLoading = false;
+          if (data.code === 0) {
+            try {
+              // 解析返回的工具列表数据
+              const responseData = JSON.parse(data.data);
+              
+              // 检查两种可能的数据格式
+              let tools = null;
+              if (responseData && responseData.payload && responseData.payload.result && responseData.payload.result.tools) {
+                // 标准MCP格式
+                tools = responseData.payload.result.tools;
+              } else if (responseData && responseData.success && responseData.data && responseData.data.tools) {
+                // 设备返回的格式
+                tools = responseData.data.tools;
+              }
+              
+              if (tools && Array.isArray(tools) && tools.length > 0) {
+                this.toolList = tools;
+                // 默认选择第一个工具
+                if (this.toolList.length > 0) {
+                  this.selectedToolName = this.toolList[0].name;
+                }
+              } else {
+                // 无法获取工具列表，显示空状态
+                this.toolList = [];
+              }
+            } catch (error) {
+              // 解析失败，显示空状态
+              this.toolList = [];
+            }
+          } else {
+            // API调用失败，显示空状态
+            this.toolList = [];
+          }
+        });
+      } catch (error) {
+        this.toolsLoading = false;
+        // 请求失败，显示空状态
+        this.toolList = [];
       }
     },
 
@@ -323,13 +337,14 @@ export default {
       return labelMap[key] || key;
     },
 
-    // 获取工具的显示名称（简化版）
+    // 获取工具的显示名称
     getToolDisplayName(toolName) {
       const nameMap = {
         'self.get_device_status': '查看设备状态',
         'self.audio_speaker.set_volume': '设置音量',
         'self.screen.set_brightness': '设置亮度',
-        'self.screen.set_theme': '设置主题'
+        'self.screen.set_theme': '设置主题',
+        'self.camera.take_photo': '拍照'
       };
       return nameMap[toolName] || toolName;
     },
@@ -338,6 +353,7 @@ export default {
     getToolCategory(toolName) {
       if (toolName.includes('audio_speaker')) return '音频';
       if (toolName.includes('screen')) return '显示';
+      if (toolName.includes('camera')) return '拍摄';
       return '设备信息';
     },
 
@@ -353,7 +369,8 @@ export default {
         'self.get_device_status': '查看设备的当前运行状态，包括音量、屏幕、电池等信息。',
         'self.audio_speaker.set_volume': '调整设备的音量大小，请输入0-100之间的数值。',
         'self.screen.set_brightness': '调整设备屏幕的亮度，请输入0-100之间的数值。',
-        'self.screen.set_theme': '切换设备屏幕的显示主题，可以选择浅色或深色模式。'
+        'self.screen.set_theme': '切换设备屏幕的显示主题，可以选择浅色或深色模式。',
+        'self.camera.take_photo': '使用设备摄像头拍摄照片，可能需要设置拍照参数。'
       };
       return helpMap[toolName] || '';
     },
@@ -406,6 +423,7 @@ export default {
       this.toolParamsRules = {};
       this.toolSearchKeyword = '';
       this.executionResult = null;
+      this.toolsLoading = false;
     }
   }
 }
@@ -864,6 +882,38 @@ export default {
   overflow-y: auto;
 }
 
+/* 工具列表加载状态 */
+.tool-list-loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 200px;
+  color: #909399;
+  text-align: center;
+}
+
+.tool-list-loading .el-icon-loading {
+  font-size: 32px;
+  color: #5778ff;
+  margin-bottom: 12px;
+  animation: rotating 1s linear infinite;
+}
+
+.loading-text {
+  font-size: 14px;
+  color: #606266;
+}
+
+@keyframes rotating {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
 /* 响应式调整 */
 @media (max-width: 1200px) {
   ::v-deep .el-dialog {
diff --git a/main/manager-web/src/views/DeviceManagement.vue b/main/manager-web/src/views/DeviceManagement.vue
index c44b40b3..053fcbc6 100644
--- a/main/manager-web/src/views/DeviceManagement.vue
+++ b/main/manager-web/src/views/DeviceManagement.vue
@@ -64,7 +64,7 @@
                   <el-button size="mini" type="text" @click="handleUnbind(scope.row.device_id)">
                     {{ $t('device.unbind') }}
                   </el-button>
-                  <el-button size="mini" type="text" @click="handleMcpToolCall(scope.row.device_id)">
+                  <el-button v-if="scope.row.deviceStatus === 'online'" size="mini" type="text" @click="handleMcpToolCall(scope.row.device_id)">
                     {{ $t('device.toolCall') }}
                   </el-button>
                 </template>

From 4f643161444faabb975d45209b39d6ab12b3af49 Mon Sep 17 00:00:00 2001
From: 3030332422 <3030332422@qq.com>
Date: Wed, 17 Sep 2025 17:40:20 +0800
Subject: [PATCH 5/8] =?UTF-8?q?update:=20=E5=AE=9E=E7=8E=B0=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E5=B7=A5=E5=85=B7=E5=8A=A8=E6=80=81=E8=B0=83=E7=94=A8?=
 =?UTF-8?q?=E5=92=8C=E6=89=A7=E8=A1=8C=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/McpToolCallDialog.vue      | 63 +++++++++++++++++--
 1 file changed, 58 insertions(+), 5 deletions(-)

diff --git a/main/manager-web/src/components/McpToolCallDialog.vue b/main/manager-web/src/components/McpToolCallDialog.vue
index dc1306bb..0eeed9e0 100644
--- a/main/manager-web/src/components/McpToolCallDialog.vue
+++ b/main/manager-web/src/components/McpToolCallDialog.vue
@@ -332,7 +332,10 @@ export default {
       const labelMap = {
         'volume': '音量',
         'brightness': '亮度',
-        'theme': '主题'
+        'theme': '主题',
+        'question': '问题',
+        'url': '网址',
+        'quality': '质量'
       };
       return labelMap[key] || key;
     },
@@ -344,7 +347,14 @@ export default {
         'self.audio_speaker.set_volume': '设置音量',
         'self.screen.set_brightness': '设置亮度',
         'self.screen.set_theme': '设置主题',
-        'self.camera.take_photo': '拍照'
+        'self.camera.take_photo': '拍照识别',
+        'self.get_system_info': '系统信息',
+        'self.reboot': '重启设备',
+        'self.upgrade_firmware': '升级固件',
+        'self.screen.get_info': '屏幕信息',
+        'self.screen.snapshot': '屏幕截图',
+        'self.screen.preview_image': '预览图片',
+        'self.assets.set_download_url': '设置下载地址'
       };
       return nameMap[toolName] || toolName;
     },
@@ -354,6 +364,8 @@ export default {
       if (toolName.includes('audio_speaker')) return '音频';
       if (toolName.includes('screen')) return '显示';
       if (toolName.includes('camera')) return '拍摄';
+      if (toolName.includes('system') || toolName.includes('reboot') || toolName.includes('upgrade')) return '系统';
+      if (toolName.includes('assets')) return '资源';
       return '设备信息';
     },
 
@@ -370,7 +382,14 @@ export default {
         'self.audio_speaker.set_volume': '调整设备的音量大小，请输入0-100之间的数值。',
         'self.screen.set_brightness': '调整设备屏幕的亮度，请输入0-100之间的数值。',
         'self.screen.set_theme': '切换设备屏幕的显示主题，可以选择浅色或深色模式。',
-        'self.camera.take_photo': '使用设备摄像头拍摄照片，可能需要设置拍照参数。'
+        'self.camera.take_photo': '使用设备摄像头拍摄照片并进行识别分析，请输入要询问的问题。',
+        'self.get_system_info': '获取设备的系统信息，包括硬件规格、软件版本等。',
+        'self.reboot': '重启设备，执行后设备将重新启动。',
+        'self.upgrade_firmware': '从指定URL下载并升级设备固件，升级后设备会自动重启。',
+        'self.screen.get_info': '获取屏幕的详细信息，如分辨率、尺寸等参数。',
+        'self.screen.snapshot': '对当前屏幕进行截图并上传到指定URL。',
+        'self.screen.preview_image': '在设备屏幕上预览指定URL的图片。',
+        'self.assets.set_download_url': '设置设备资源文件的下载地址。'
       };
       return helpMap[toolName] || '';
     },
@@ -404,8 +423,42 @@ export default {
         }
       };
 
-      // 存储执行结果
-      this.executionResult = mcpExecuteString;
+      // 显示执行中状态
+      this.executionResult = {
+        status: 'executing',
+        message: '正在执行工具...',
+        request: mcpExecuteString
+      };
+
+      // 调用设备执行工具
+      Api.device.sendDeviceCommand(this.deviceId, mcpExecuteString, ({ data }) => {
+        if (data.code === 0) {
+          try {
+            // 解析设备返回的结果
+            const deviceResult = JSON.parse(data.data);
+            this.executionResult = {
+              status: 'success',
+              response: deviceResult,
+              timestamp: new Date().toLocaleString()
+            };
+          } catch (error) {
+            this.executionResult = {
+              status: 'error',
+              request: mcpExecuteString,
+              error: '解析设备响应失败: ' + error.message,
+              rawResponse: data.data,
+              timestamp: new Date().toLocaleString()
+            };
+          }
+        } else {
+          this.executionResult = {
+            status: 'error',
+            request: mcpExecuteString,
+            error: data.msg || '执行失败',
+            timestamp: new Date().toLocaleString()
+          };
+        }
+      });
     },
 
     cancel() {

From f17011939c32f269972955b750f9417119366e18 Mon Sep 17 00:00:00 2001
From: 3030332422 <3030332422@qq.com>
Date: Thu, 18 Sep 2025 10:56:41 +0800
Subject: [PATCH 6/8] =?UTF-8?q?update:=E4=BC=98=E5=8C=96=E8=AE=BE=E5=A4=87?=
 =?UTF-8?q?=E5=B7=A5=E5=85=B7=E8=B0=83=E7=94=A8=E7=95=8C=E9=9D=A2=E4=B8=8E?=
 =?UTF-8?q?=E6=89=A7=E8=A1=8C=E7=BB=93=E6=9E=9C=E5=B1=95=E7=A4=BA=E4=BD=93?=
 =?UTF-8?q?=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../device/controller/DeviceController.java   |   2 +-
 .../src/components/McpToolCallDialog.vue      | 898 ++++++++++++++----
 2 files changed, 734 insertions(+), 166 deletions(-)

diff --git a/main/manager-api/src/main/java/xiaozhi/modules/device/controller/DeviceController.java b/main/manager-api/src/main/java/xiaozhi/modules/device/controller/DeviceController.java
index 65987265..cc4eb5a3 100644
--- a/main/manager-api/src/main/java/xiaozhi/modules/device/controller/DeviceController.java
+++ b/main/manager-api/src/main/java/xiaozhi/modules/device/controller/DeviceController.java
@@ -136,7 +136,7 @@ public class DeviceController {
             headers.set("Authorization", "Bearer " + token);
 
             // 构建请求体JSON
-            String jsonBody = "{\"deviceIds\":" + objectMapper.writeValueAsString(deviceIds) + "}";
+            String jsonBody = "{\"clientIds\":" + objectMapper.writeValueAsString(deviceIds) + "}";
             HttpEntity<String> requestEntity = new HttpEntity<>(jsonBody, headers);
 
             // 发送POST请求
diff --git a/main/manager-web/src/components/McpToolCallDialog.vue b/main/manager-web/src/components/McpToolCallDialog.vue
index 0eeed9e0..eb7ef85f 100644
--- a/main/manager-web/src/components/McpToolCallDialog.vue
+++ b/main/manager-web/src/components/McpToolCallDialog.vue
@@ -1,8 +1,13 @@
 <template>
-  <el-dialog :title="$t('mcpToolCall.title')" :visible="visible" @close="handleClose" width="80%">
+  <el-dialog
+    :title="$t('mcpToolCall.title')"
+    :visible="visible"
+    @close="handleClose"
+    width="80%"
+  >
     <!-- 右上角操作按钮 -->
     <div slot="title" class="dialog-title-wrapper">
-      <span class="dialog-title-text">{{ $t('mcpToolCall.title') }}</span>
+      <span class="dialog-title-text">{{ $t("mcpToolCall.title") }}</span>
     </div>
 
     <div class="dialog-content">
@@ -13,10 +18,14 @@
             <div class="section-header">
               <h3 class="section-title">
                 <i class="el-icon-menu section-icon"></i>
-                {{ $t('mcpToolCall.chooseFunction') }}
+                {{ $t("mcpToolCall.chooseFunction") }}
               </h3>
               <div class="tool-search">
-                <el-input v-model="toolSearchKeyword" :placeholder="$t('mcpToolCall.searchFunction')" clearable />
+                <el-input
+                  v-model="toolSearchKeyword"
+                  :placeholder="$t('mcpToolCall.searchFunction')"
+                  clearable
+                />
               </div>
             </div>
             <div v-if="toolsLoading" class="tool-list-loading">
@@ -25,15 +34,24 @@
             </div>
             <div v-else class="tool-list">
               <el-radio-group v-model="selectedToolName" class="tool-radio-group">
-                <el-radio v-for="tool in filteredToolList" :key="tool.name" :label="tool.name" class="tool-radio">
+                <el-radio
+                  v-for="tool in filteredToolList"
+                  :key="tool.name"
+                  :label="tool.name"
+                  class="tool-radio"
+                >
                   <div class="tool-item">
                     <div class="tool-main-info">
-                      <span class="tool-display-name">{{ getToolDisplayName(tool.name) }}</span>
+                      <span class="tool-display-name">{{
+                        getToolDisplayName(tool.name)
+                      }}</span>
                       <span class="tool-category">
                         {{ getToolCategory(tool.name) }}
                       </span>
                     </div>
-                    <div class="tool-description">{{ getSimpleDescription(tool.description) }}</div>
+                    <div class="tool-description">
+                      {{ getSimpleDescription(tool.description) }}
+                    </div>
                   </div>
                 </el-radio>
               </el-radio-group>
@@ -41,7 +59,7 @@
 
             <div v-if="!toolsLoading && filteredToolList.length === 0" class="no-results">
               <i class="el-icon-search no-results-icon"></i>
-              <div class="no-results-text">{{ $t('mcpToolCall.noResults') }}</div>
+              <div class="no-results-text">{{ $t("mcpToolCall.noResults") }}</div>
             </div>
           </div>
         </div>
@@ -52,43 +70,73 @@
           <div v-if="selectedTool" class="params-section">
             <h3 class="params-title">
               <i class="el-icon-setting params-icon"></i>
-              {{ $t('mcpToolCall.settings') }}
+              {{ $t("mcpToolCall.settings") }}
             </h3>
 
             <div class="params-help">
               {{ getToolHelpText(selectedTool.name) }}
             </div>
 
-            <el-form :model="toolParams" :rules="toolParamsRules" ref="toolParamsForm" label-width="120px">
-              <div v-for="(property, key) in selectedTool.inputSchema.properties" :key="key">
+            <el-form
+              :model="toolParams"
+              :rules="toolParamsRules"
+              ref="toolParamsForm"
+              label-width="120px"
+            >
+              <div
+                v-for="(property, key) in selectedTool.inputSchema.properties"
+                :key="key"
+              >
                 <el-form-item :label="formatPropertyLabel(key, property)" :prop="key">
                   <template
-                    v-if="property.type === 'integer' && property.minimum !== undefined && property.maximum !== undefined">
-                    <el-input-number v-model="toolParams[key]" :min="property.minimum" :max="property.maximum"
-                      :placeholder="$t('mcpToolCall.inputPlaceholder', { label: formatPropertyLabel(key, property) })"
-                      style="width: 100%" />
-                    <div class="param-range-hint">{{ $t('mcpToolCall.valueRange', {
-                      min: property.minimum, max:
-                        property.maximum
-                    }) }}</div>
+                    v-if="
+                      property.type === 'integer' &&
+                      property.minimum !== undefined &&
+                      property.maximum !== undefined
+                    "
+                  >
+                    <el-input-number
+                      v-model="toolParams[key]"
+                      :min="property.minimum"
+                      :max="property.maximum"
+                      style="width: 100%"
+                    />
                   </template>
-                  <template v-else-if="property.type === 'string' && (property.enum || key === 'theme')">
-                    <el-select v-model="toolParams[key]"
-                      :placeholder="$t('mcpToolCall.selectPlaceholder', { label: formatPropertyLabel(key, property) })"
-                      style="width: 100%" clearable @change="handleThemeChange">
+                  <template
+                    v-else-if="
+                      property.type === 'string' && (property.enum || key === 'theme')
+                    "
+                  >
+                    <el-select
+                      v-model="toolParams[key]"
+                      style="width: 100%"
+                      clearable
+                      @change="handleThemeChange"
+                    >
                       <template v-if="key === 'theme'">
-                        <el-option v-for="option in themeOptions" :key="option.value" :label="option.label"
-                          :value="option.value"></el-option>
+                        <el-option
+                          v-for="option in themeOptions"
+                          :key="option.value"
+                          :label="option.label"
+                          :value="option.value"
+                        ></el-option>
                       </template>
                       <template v-else>
-                        <el-option v-for="enumValue in property.enum" :key="enumValue" :label="enumValue"
-                          :value="enumValue"></el-option>
+                        <el-option
+                          v-for="enumValue in property.enum"
+                          :key="enumValue"
+                          :label="enumValue"
+                          :value="enumValue"
+                        ></el-option>
                       </template>
                     </el-select>
                   </template>
-                  <el-input v-else v-model="toolParams[key]"
-                    :placeholder="$t('mcpToolCall.inputPlaceholder', { label: formatPropertyLabel(key, property) })"
-                    :type="property.type === 'integer' ? 'number' : 'text'" style="width: 100%" />
+                  <el-input
+                    v-else
+                    v-model="toolParams[key]"
+                    :type="property.type === 'integer' ? 'number' : 'text'"
+                    style="width: 100%"
+                  />
                 </el-form-item>
               </div>
             </el-form>
@@ -96,22 +144,39 @@
 
           <div v-else class="no-selection">
             <i class="el-icon-info no-selection-icon"></i>
-            <div class="no-selection-text">{{ $t('mcpToolCall.pleaseSelect') }}</div>
+            <div class="no-selection-text">{{ $t("mcpToolCall.pleaseSelect") }}</div>
           </div>
 
           <!-- 下部分：执行结果 -->
           <div v-if="selectedTool" class="result-section">
             <h3 class="result-title">
               <i class="el-icon-document result-icon"></i>
-              {{ $t('mcpToolCall.executionResult') }}
+              {{ $t("mcpToolCall.executionResult") }}
             </h3>
 
             <div v-if="executionResult" class="result-content">
-              <pre class="result-text">{{ formattedExecutionResult }}</pre>
+              <!-- 表格展示模式 -->
+              <div v-if="showResultAsTable" class="result-table">
+                <el-table :data="tableData" border size="mini" style="width: 100%">
+                  <el-table-column
+                    prop="category"
+                    label="组件"
+                    width="120"
+                  ></el-table-column>
+                  <el-table-column
+                    prop="property"
+                    label="属性"
+                    width="120"
+                  ></el-table-column>
+                  <el-table-column prop="value" label="值"></el-table-column>
+                </el-table>
+              </div>
+              <!-- JSON展示模式 -->
+              <pre v-else class="result-text">{{ formattedExecutionResult }}</pre>
             </div>
             <div v-else class="no-result">
               <i class="el-icon-info no-result-icon"></i>
-              <div class="no-result-text">{{ $t('mcpToolCall.noResultYet') }}</div>
+              <div class="no-result-text">{{ $t("mcpToolCall.noResultYet") }}</div>
             </div>
           </div>
         </div>
@@ -120,61 +185,70 @@
 
     <!-- 底部按钮区域 -->
     <div class="dialog-footer">
-      <div class="dialog-btn cancel-btn" @click="cancel" style="flex: none; width: 100px;">{{ $t('mcpToolCall.cancel')
-      }}
+      <div class="dialog-btn cancel-btn" @click="cancel" style="flex: none; width: 100px">
+        {{ $t("mcpToolCall.cancel") }}
       </div>
-      <el-button type="primary" @click="executeTool" size="small" class="execute-btn" style="margin-left: 10px;">
+      <el-button
+        type="primary"
+        @click="executeTool"
+        size="small"
+        class="execute-btn"
+        style="margin-left: 10px"
+      >
         <i class="el-icon-check"></i>
-        {{ $t('mcpToolCall.execute') }}
+        {{ $t("mcpToolCall.execute") }}
       </el-button>
     </div>
   </el-dialog>
 </template>
 
 <script>
-import Api from '@/apis/api';
+import Api from "@/apis/api";
 
 export default {
-  name: 'McpToolCallDialog',
+  name: "McpToolCallDialog",
   props: {
     visible: { type: Boolean, required: true },
-    deviceId: { type: String, required: true }
+    deviceId: { type: String, required: true },
   },
   data() {
     return {
       toolList: [],
-      selectedToolName: '',
+      selectedToolName: "",
       toolParams: {},
       toolParamsRules: {},
-      toolSearchKeyword: '',
+      toolSearchKeyword: "",
       executionResult: null,
       themeOptions: [], // 先初始化为空数组
-      toolsLoading: false // 工具列表加载状态
-    }
+      toolsLoading: false, // 工具列表加载状态
+      showResultAsTable: false, // 是否以表格形式展示结果
+      tableData: [], // 表格数据
+    };
   },
   created() {
     // 在created钩子中初始化themeOptions，此时this.$t已经可用
     this.themeOptions = [
-      { label: this.$t('mcpToolCall.lightTheme'), value: 'light' },
-      { label: this.$t('mcpToolCall.darkTheme'), value: 'dark' }
+      { label: this.$t("mcpToolCall.lightTheme"), value: "light" },
+      { label: this.$t("mcpToolCall.darkTheme"), value: "dark" },
     ];
   },
   computed: {
     selectedTool() {
-      return this.toolList.find(tool => tool.name === this.selectedToolName);
+      return this.toolList.find((tool) => tool.name === this.selectedToolName);
     },
     filteredToolList() {
       if (!this.toolSearchKeyword) return this.toolList;
       const keyword = this.toolSearchKeyword.toLowerCase();
-      return this.toolList.filter(tool =>
-        tool.name.toLowerCase().includes(keyword) ||
-        tool.description.toLowerCase().includes(keyword)
+      return this.toolList.filter(
+        (tool) =>
+          tool.name.toLowerCase().includes(keyword) ||
+          tool.description.toLowerCase().includes(keyword)
       );
     },
     formattedExecutionResult() {
-      if (!this.executionResult) return '';
+      if (!this.executionResult) return "";
       return JSON.stringify(this.executionResult, null, 2);
-    }
+    },
   },
   watch: {
     visible(newVal) {
@@ -184,12 +258,21 @@ export default {
     },
     selectedToolName(newVal) {
       if (newVal) {
-        this.initToolParams();
-        this.generateToolParamsRules();
+        // 延迟执行初始化，确保 selectedTool computed 已经更新
+        this.$nextTick(() => {
+          this.initToolParams();
+          this.generateToolParamsRules();
+          // 清空表单验证状态
+          if (this.$refs.toolParamsForm) {
+            this.$refs.toolParamsForm.clearValidate();
+          }
+        });
       } else {
         this.executionResult = null;
+        this.toolParams = {};
+        this.toolParamsRules = {};
       }
-    }
+    },
   },
   methods: {
     // 添加handleThemeChange方法强制更新视图
@@ -199,25 +282,373 @@ export default {
         this.$forceUpdate();
       });
     },
+
+    // 检查是否为预定义工具
+    isPredefinedTool(toolName) {
+      const predefinedTools = [
+        "self.get_device_status",
+        "self.audio_speaker.set_volume",
+        "self.screen.set_brightness",
+        "self.screen.set_theme",
+        "self.get_system_info",
+        "self.reboot",
+        "self.screen.get_info",
+        "self.screen.snapshot",
+      ];
+      return predefinedTools.includes(toolName);
+    },
+
+    // 解析设备状态数据为表格格式
+    parseDeviceStatusToTable(deviceData) {
+      const tableData = [];
+
+      if (deviceData.audio_speaker) {
+        if (deviceData.audio_speaker.volume !== undefined) {
+          tableData.push({
+            category: "音频扬声器",
+            property: "音量",
+            value: deviceData.audio_speaker.volume + "%",
+          });
+        }
+      }
+
+      if (deviceData.screen) {
+        if (deviceData.screen.brightness !== undefined) {
+          tableData.push({
+            category: "屏幕",
+            property: "亮度",
+            value: deviceData.screen.brightness + "%",
+          });
+        }
+        if (deviceData.screen.theme !== undefined) {
+          tableData.push({
+            category: "屏幕",
+            property: "主题",
+            value: deviceData.screen.theme === "dark" ? "深色" : "浅色",
+          });
+        }
+      }
+
+      if (deviceData.network) {
+        if (deviceData.network.type !== undefined) {
+          tableData.push({
+            category: "网络",
+            property: "类型",
+            value: deviceData.network.type.toUpperCase(),
+          });
+        }
+        if (deviceData.network.ssid !== undefined) {
+          tableData.push({
+            category: "网络",
+            property: "SSID",
+            value: deviceData.network.ssid,
+          });
+        }
+        if (deviceData.network.signal !== undefined) {
+          const signalMap = {
+            strong: "强",
+            medium: "中",
+            weak: "弱",
+          };
+          tableData.push({
+            category: "网络",
+            property: "信号强度",
+            value: signalMap[deviceData.network.signal] || deviceData.network.signal,
+          });
+        }
+      }
+
+      return tableData;
+    },
+
+    // 解析其他工具结果为表格格式
+    parseOtherResultToTable(toolName, result) {
+      const tableData = [];
+
+      if (toolName === "self.audio_speaker.set_volume") {
+        tableData.push({
+          category: "音频控制",
+          property: "操作结果",
+          value: result.success ? "设置成功" : "设置失败",
+        });
+      } else if (toolName === "self.screen.set_brightness") {
+        tableData.push({
+          category: "屏幕控制",
+          property: "操作结果",
+          value: result.success ? "亮度设置成功" : "亮度设置失败",
+        });
+      } else if (toolName === "self.screen.set_theme") {
+        tableData.push({
+          category: "屏幕控制",
+          property: "操作结果",
+          value: result.success ? "主题设置成功" : "主题设置失败",
+        });
+      } else if (toolName === "self.reboot") {
+        tableData.push({
+          category: "系统控制",
+          property: "操作结果",
+          value: result.success ? "重启指令已发送" : "重启失败",
+        });
+      } else if (toolName === "self.screen.get_info") {
+        // 解析屏幕信息
+        if (
+          result.success &&
+          result.data &&
+          result.data.content &&
+          result.data.content[0] &&
+          result.data.content[0].text
+        ) {
+          try {
+            const screenInfo = JSON.parse(result.data.content[0].text);
+            if (screenInfo.width !== undefined) {
+              tableData.push({
+                category: "屏幕信息",
+                property: "宽度",
+                value: screenInfo.width + "像素",
+              });
+            }
+            if (screenInfo.height !== undefined) {
+              tableData.push({
+                category: "屏幕信息",
+                property: "高度",
+                value: screenInfo.height + "像素",
+              });
+            }
+            if (screenInfo.monochrome !== undefined) {
+              tableData.push({
+                category: "屏幕信息",
+                property: "类型",
+                value: screenInfo.monochrome ? "单色屏" : "彩色屏",
+              });
+            }
+          } catch (parseError) {
+            // 解析失败时显示原始信息
+            tableData.push({
+              category: "屏幕信息",
+              property: "获取结果",
+              value: result.success ? "获取成功，但解析失败" : "获取失败",
+            });
+          }
+        } else {
+          tableData.push({
+            category: "屏幕信息",
+            property: "获取结果",
+            value: result.success ? "获取成功，但数据格式异常" : "获取失败",
+          });
+        }
+      } else if (toolName === "self.get_system_info") {
+        // 解析系统信息
+        if (
+          result.success &&
+          result.data &&
+          result.data.content &&
+          result.data.content[0] &&
+          result.data.content[0].text
+        ) {
+          try {
+            const systemInfo = JSON.parse(result.data.content[0].text);
+
+            // 基本信息
+            if (systemInfo.chip_model_name) {
+              tableData.push({
+                category: "硬件信息",
+                property: "芯片型号",
+                value: systemInfo.chip_model_name.toUpperCase(),
+              });
+            }
+
+            if (systemInfo.chip_info) {
+              if (systemInfo.chip_info.cores) {
+                tableData.push({
+                  category: "硬件信息",
+                  property: "CPU核心数",
+                  value: systemInfo.chip_info.cores + "核",
+                });
+              }
+              if (systemInfo.chip_info.revision) {
+                tableData.push({
+                  category: "硬件信息",
+                  property: "芯片版本",
+                  value: "Rev " + systemInfo.chip_info.revision,
+                });
+              }
+            }
+
+            if (systemInfo.flash_size) {
+              tableData.push({
+                category: "硬件信息",
+                property: "Flash大小",
+                value: (systemInfo.flash_size / 1024 / 1024).toFixed(0) + " MB",
+              });
+            }
+
+            // 内存信息
+            if (systemInfo.minimum_free_heap_size) {
+              tableData.push({
+                category: "内存信息",
+                property: "最小可用堆",
+                value:
+                  (parseInt(systemInfo.minimum_free_heap_size) / 1024).toFixed(0) + " KB",
+              });
+            }
+
+            // 应用信息
+            if (systemInfo.application) {
+              if (systemInfo.application.name) {
+                tableData.push({
+                  category: "应用信息",
+                  property: "应用名称",
+                  value: systemInfo.application.name,
+                });
+              }
+              if (systemInfo.application.version) {
+                tableData.push({
+                  category: "应用信息",
+                  property: "应用版本",
+                  value: systemInfo.application.version,
+                });
+              }
+              if (systemInfo.application.compile_time) {
+                tableData.push({
+                  category: "应用信息",
+                  property: "编译时间",
+                  value: systemInfo.application.compile_time,
+                });
+              }
+              if (systemInfo.application.idf_version) {
+                tableData.push({
+                  category: "应用信息",
+                  property: "IDF版本",
+                  value: systemInfo.application.idf_version,
+                });
+              }
+            }
+
+            // 网络信息
+            if (systemInfo.mac_address) {
+              tableData.push({
+                category: "网络信息",
+                property: "MAC地址",
+                value: systemInfo.mac_address,
+              });
+            }
+
+            if (systemInfo.board) {
+              if (systemInfo.board.ip) {
+                tableData.push({
+                  category: "网络信息",
+                  property: "IP地址",
+                  value: systemInfo.board.ip,
+                });
+              }
+              if (systemInfo.board.ssid) {
+                tableData.push({
+                  category: "网络信息",
+                  property: "WiFi名称",
+                  value: systemInfo.board.ssid,
+                });
+              }
+              if (systemInfo.board.rssi) {
+                const signalStrength = systemInfo.board.rssi;
+                let signalLevel = "弱";
+                if (signalStrength > -50) signalLevel = "强";
+                else if (signalStrength > -70) signalLevel = "中";
+
+                tableData.push({
+                  category: "网络信息",
+                  property: "信号强度",
+                  value: `${signalStrength} dBm (${signalLevel})`,
+                });
+              }
+              if (systemInfo.board.channel) {
+                tableData.push({
+                  category: "网络信息",
+                  property: "WiFi信道",
+                  value: systemInfo.board.channel + "频道",
+                });
+              }
+            }
+
+            // 显示信息
+            if (systemInfo.display) {
+              if (systemInfo.display.width && systemInfo.display.height) {
+                tableData.push({
+                  category: "显示信息",
+                  property: "屏幕尺寸",
+                  value: `${systemInfo.display.width} × ${systemInfo.display.height}`,
+                });
+              }
+              if (systemInfo.display.monochrome !== undefined) {
+                tableData.push({
+                  category: "显示信息",
+                  property: "屏幕类型",
+                  value: systemInfo.display.monochrome ? "单色屏" : "彩色屏",
+                });
+              }
+            }
+
+            // 其他信息
+            if (systemInfo.uuid) {
+              tableData.push({
+                category: "设备信息",
+                property: "设备UUID",
+                value: systemInfo.uuid,
+              });
+            }
+
+            if (systemInfo.language) {
+              tableData.push({
+                category: "设备信息",
+                property: "系统语言",
+                value: systemInfo.language,
+              });
+            }
+
+            if (systemInfo.ota && systemInfo.ota.label) {
+              tableData.push({
+                category: "系统信息",
+                property: "当前OTA分区",
+                value: systemInfo.ota.label,
+              });
+            }
+          } catch (parseError) {
+            // 解析失败时显示原始信息
+            tableData.push({
+              category: "系统信息",
+              property: "获取结果",
+              value: result.success ? "获取成功，但解析失败" : "获取失败",
+            });
+          }
+        } else {
+          tableData.push({
+            category: "系统信息",
+            property: "获取结果",
+            value: result.success ? "获取成功，但数据格式异常" : "获取失败",
+          });
+        }
+      }
+
+      return tableData;
+    },
     async initTools() {
       if (!this.deviceId) {
         return;
       }
 
       this.toolsLoading = true;
-      
+
       try {
         // 调用设备指令API获取工具列表
         const mcpRequest = {
-          "type": "mcp",
-          "payload": {
-            "jsonrpc": "2.0",
-            "id": 2,
-            "method": "tools/list",
-            "params": {
-              "withUserTools": true
-            }
-          }
+          type: "mcp",
+          payload: {
+            jsonrpc: "2.0",
+            id: 2,
+            method: "tools/list",
+            params: {
+              withUserTools: true,
+            },
+          },
         };
 
         Api.device.sendDeviceCommand(this.deviceId, mcpRequest, ({ data }) => {
@@ -226,17 +657,27 @@ export default {
             try {
               // 解析返回的工具列表数据
               const responseData = JSON.parse(data.data);
-              
+
               // 检查两种可能的数据格式
               let tools = null;
-              if (responseData && responseData.payload && responseData.payload.result && responseData.payload.result.tools) {
+              if (
+                responseData &&
+                responseData.payload &&
+                responseData.payload.result &&
+                responseData.payload.result.tools
+              ) {
                 // 标准MCP格式
                 tools = responseData.payload.result.tools;
-              } else if (responseData && responseData.success && responseData.data && responseData.data.tools) {
+              } else if (
+                responseData &&
+                responseData.success &&
+                responseData.data &&
+                responseData.data.tools
+              ) {
                 // 设备返回的格式
                 tools = responseData.data.tools;
               }
-              
+
               if (tools && Array.isArray(tools) && tools.length > 0) {
                 this.toolList = tools;
                 // 默认选择第一个工具
@@ -264,19 +705,49 @@ export default {
     },
 
     initToolParams() {
+      // 清空现有参数
       this.toolParams = {};
-      if (this.selectedTool && this.selectedTool.inputSchema && this.selectedTool.inputSchema.properties) {
-        Object.keys(this.selectedTool.inputSchema.properties).forEach(key => {
-          // 根据工具名称和参数名设置默认值
-          if (this.selectedTool.name === 'self.audio_speaker.set_volume' && key === 'volume') {
-            this.toolParams[key] = 100; // 音量默认值设为100
-          } else if (this.selectedTool.name === 'self.screen.set_brightness' && key === 'brightness') {
-            this.toolParams[key] = 100; // 亮度默认值设为100
-          } else if (this.selectedTool.name === 'self.screen.set_theme' && key === 'theme') {
-            this.toolParams[key] = 'light'; // 主题默认值设为light
-          } else {
-            this.toolParams[key] = '';
-          }
+
+      if (
+        this.selectedTool &&
+        this.selectedTool.inputSchema &&
+        this.selectedTool.inputSchema.properties
+      ) {
+        // 使用 $nextTick 确保在下一个 tick 中设置参数值，避免响应式更新冲突
+        this.$nextTick(() => {
+          const newParams = {};
+          Object.keys(this.selectedTool.inputSchema.properties).forEach((key) => {
+            // 根据工具名称和参数名设置默认值
+            if (
+              this.selectedTool.name === "self.audio_speaker.set_volume" &&
+              key === "volume"
+            ) {
+              newParams[key] = 100; // 音量默认值设为100
+            } else if (
+              this.selectedTool.name === "self.screen.set_brightness" &&
+              key === "brightness"
+            ) {
+              newParams[key] = 100; // 亮度默认值设为100
+            } else if (
+              this.selectedTool.name === "self.screen.set_theme" &&
+              key === "theme"
+            ) {
+              newParams[key] = "light"; // 主题默认值设为light
+            } else {
+              // 对于字符串类型的参数，设置为空字符串，对于数字类型设置为 null
+              const property = this.selectedTool.inputSchema.properties[key];
+              if (property.type === "string") {
+                newParams[key] = "";
+              } else if (property.type === "integer") {
+                newParams[key] = property.minimum || 0;
+              } else {
+                newParams[key] = "";
+              }
+            }
+          });
+
+          // 一次性设置所有参数，避免多次触发响应式更新
+          this.toolParams = { ...newParams };
         });
       }
       this.executionResult = null;
@@ -284,40 +755,58 @@ export default {
 
     generateToolParamsRules() {
       this.toolParamsRules = {};
-      if (this.selectedTool && this.selectedTool.inputSchema && this.selectedTool.inputSchema.properties) {
+      if (
+        this.selectedTool &&
+        this.selectedTool.inputSchema &&
+        this.selectedTool.inputSchema.properties
+      ) {
         const requiredFields = this.selectedTool.inputSchema.required || [];
 
-        Object.keys(this.selectedTool.inputSchema.properties).forEach(key => {
+        Object.keys(this.selectedTool.inputSchema.properties).forEach((key) => {
           const property = this.selectedTool.inputSchema.properties[key];
           const rules = [];
 
           if (requiredFields.includes(key)) {
-            rules.push({ required: true, message: this.$t('mcpToolCall.requiredField', { field: this.formatPropertyLabel(key, property) }), trigger: 'blur' });
+            rules.push({
+              required: true,
+              message: this.$t("mcpToolCall.requiredField", {
+                field: this.formatPropertyLabel(key, property),
+              }),
+              trigger: "blur",
+            });
           }
 
-          if (property.type === 'integer') {
+          if (property.type === "integer") {
             if (property.minimum !== undefined) {
               rules.push({
                 validator: (rule, value, callback) => {
                   if (value < property.minimum) {
-                    callback(new Error(this.$t('mcpToolCall.minValue', { value: property.minimum })));
+                    callback(
+                      new Error(
+                        this.$t("mcpToolCall.minValue", { value: property.minimum })
+                      )
+                    );
                   } else {
                     callback();
                   }
                 },
-                trigger: 'blur'
+                trigger: "blur",
               });
             }
             if (property.maximum !== undefined) {
               rules.push({
                 validator: (rule, value, callback) => {
                   if (value > property.maximum) {
-                    callback(new Error(this.$t('mcpToolCall.maxValue', { value: property.maximum })));
+                    callback(
+                      new Error(
+                        this.$t("mcpToolCall.maxValue", { value: property.maximum })
+                      )
+                    );
                   } else {
                     callback();
                   }
                 },
-                trigger: 'blur'
+                trigger: "blur",
               });
             }
           }
@@ -330,12 +819,12 @@ export default {
     formatPropertyLabel(key, property) {
       // 将属性名转换为更友好的中文标签
       const labelMap = {
-        'volume': '音量',
-        'brightness': '亮度',
-        'theme': '主题',
-        'question': '问题',
-        'url': '网址',
-        'quality': '质量'
+        volume: "音量",
+        brightness: "亮度",
+        theme: "主题",
+        question: "问题",
+        url: "网址",
+        quality: "质量",
       };
       return labelMap[key] || key;
     },
@@ -343,91 +832,106 @@ export default {
     // 获取工具的显示名称
     getToolDisplayName(toolName) {
       const nameMap = {
-        'self.get_device_status': '查看设备状态',
-        'self.audio_speaker.set_volume': '设置音量',
-        'self.screen.set_brightness': '设置亮度',
-        'self.screen.set_theme': '设置主题',
-        'self.camera.take_photo': '拍照识别',
-        'self.get_system_info': '系统信息',
-        'self.reboot': '重启设备',
-        'self.upgrade_firmware': '升级固件',
-        'self.screen.get_info': '屏幕信息',
-        'self.screen.snapshot': '屏幕截图',
-        'self.screen.preview_image': '预览图片',
-        'self.assets.set_download_url': '设置下载地址'
+        "self.get_device_status": "查看设备状态",
+        "self.audio_speaker.set_volume": "设置音量",
+        "self.screen.set_brightness": "设置亮度",
+        "self.screen.set_theme": "设置主题",
+        "self.camera.take_photo": "拍照识别",
+        "self.get_system_info": "系统信息",
+        "self.reboot": "重启设备",
+        "self.upgrade_firmware": "升级固件",
+        "self.screen.get_info": "屏幕信息",
+        "self.screen.snapshot": "屏幕截图",
+        "self.screen.preview_image": "预览图片",
+        "self.assets.set_download_url": "设置下载地址",
       };
       return nameMap[toolName] || toolName;
     },
 
     // 获取工具分类
     getToolCategory(toolName) {
-      if (toolName.includes('audio_speaker')) return '音频';
-      if (toolName.includes('screen')) return '显示';
-      if (toolName.includes('camera')) return '拍摄';
-      if (toolName.includes('system') || toolName.includes('reboot') || toolName.includes('upgrade')) return '系统';
-      if (toolName.includes('assets')) return '资源';
-      return '设备信息';
+      if (toolName.includes("audio_speaker")) return "音频";
+      if (toolName.includes("screen")) return "显示";
+      if (toolName.includes("camera")) return "拍摄";
+      if (
+        toolName.includes("system") ||
+        toolName.includes("reboot") ||
+        toolName.includes("upgrade")
+      )
+        return "系统";
+      if (toolName.includes("assets")) return "资源";
+      return "设备信息";
     },
 
     // 获取简化的工具描述
     getSimpleDescription(originalDesc) {
       // 移除代码格式和复杂说明，保留核心功能描述
-      return originalDesc.split('\n')[0].replace(/`/g, '');
+      return originalDesc.split("\n")[0].replace(/`/g, "");
     },
 
     // 获取工具帮助文本
     getToolHelpText(toolName) {
       const helpMap = {
-        'self.get_device_status': '查看设备的当前运行状态，包括音量、屏幕、电池等信息。',
-        'self.audio_speaker.set_volume': '调整设备的音量大小，请输入0-100之间的数值。',
-        'self.screen.set_brightness': '调整设备屏幕的亮度，请输入0-100之间的数值。',
-        'self.screen.set_theme': '切换设备屏幕的显示主题，可以选择浅色或深色模式。',
-        'self.camera.take_photo': '使用设备摄像头拍摄照片并进行识别分析，请输入要询问的问题。',
-        'self.get_system_info': '获取设备的系统信息，包括硬件规格、软件版本等。',
-        'self.reboot': '重启设备，执行后设备将重新启动。',
-        'self.upgrade_firmware': '从指定URL下载并升级设备固件，升级后设备会自动重启。',
-        'self.screen.get_info': '获取屏幕的详细信息，如分辨率、尺寸等参数。',
-        'self.screen.snapshot': '对当前屏幕进行截图并上传到指定URL。',
-        'self.screen.preview_image': '在设备屏幕上预览指定URL的图片。',
-        'self.assets.set_download_url': '设置设备资源文件的下载地址。'
+        "self.get_device_status": "查看设备的当前运行状态，包括音量、屏幕、电池等信息。",
+        "self.audio_speaker.set_volume": "调整设备的音量大小，请输入0-100之间的数值。",
+        "self.screen.set_brightness": "调整设备屏幕的亮度，请输入0-100之间的数值。",
+        "self.screen.set_theme": "切换设备屏幕的显示主题，可以选择浅色或深色模式。",
+        "self.camera.take_photo":
+          "使用设备摄像头拍摄照片并进行识别分析，请输入要询问的问题。",
+        "self.get_system_info": "获取设备的系统信息，包括硬件规格、软件版本等。",
+        "self.reboot": "重启设备，执行后设备将重新启动。",
+        "self.upgrade_firmware": "从指定URL下载并升级设备固件，升级后设备会自动重启。",
+        "self.screen.get_info": "获取屏幕的详细信息，如分辨率、尺寸等参数。",
+        "self.screen.snapshot": "对当前屏幕进行截图并上传到指定URL。",
+        "self.screen.preview_image": "在设备屏幕上预览指定URL的图片。",
+        "self.assets.set_download_url": "设置设备资源文件的下载地址。",
       };
-      return helpMap[toolName] || '';
+      return helpMap[toolName] || "";
     },
 
     executeTool() {
       if (!this.selectedTool) {
-        this.$message.warning(this.$t('mcpToolCall.selectTool'));
+        this.$message.warning(this.$t("mcpToolCall.selectTool"));
         return;
       }
 
       // 验证必填参数
       const requiredFields = this.selectedTool.inputSchema.required || [];
       for (const field of requiredFields) {
-        if (this.toolParams[field] === undefined || this.toolParams[field] === null || this.toolParams[field] === '') {
-          this.$message.warning(this.$t('mcpToolCall.requiredField', { field: this.formatPropertyLabel(field, this.selectedTool.inputSchema.properties[field]) }));
+        if (
+          this.toolParams[field] === undefined ||
+          this.toolParams[field] === null ||
+          this.toolParams[field] === ""
+        ) {
+          this.$message.warning(
+            this.$t("mcpToolCall.requiredField", {
+              field: this.formatPropertyLabel(
+                field,
+                this.selectedTool.inputSchema.properties[field]
+              ),
+            })
+          );
           return;
         }
       }
 
       // 构建MCP执行字符串
       const mcpExecuteString = {
-        "type": "mcp",
-        "payload": {
-          "jsonrpc": "2.0",
-          "id": 1,
-          "method": "tools/call",
-          "params": {
-            "name": this.selectedToolName,
-            "arguments": this.toolParams
-          }
-        }
+        type: "mcp",
+        payload: {
+          jsonrpc: "2.0",
+          id: 1,
+          method: "tools/call",
+          params: {
+            name: this.selectedToolName,
+            arguments: this.toolParams,
+          },
+        },
       };
 
       // 显示执行中状态
       this.executionResult = {
-        status: 'executing',
-        message: '正在执行工具...',
-        request: mcpExecuteString
+        request: mcpExecuteString,
       };
 
       // 调用设备执行工具
@@ -436,26 +940,63 @@ export default {
           try {
             // 解析设备返回的结果
             const deviceResult = JSON.parse(data.data);
+
+            // 检查是否为预定义工具，决定展示方式
+            if (this.isPredefinedTool(this.selectedToolName)) {
+              this.showResultAsTable = true;
+
+              // 解析表格数据
+              if (
+                this.selectedToolName === "self.get_device_status" &&
+                deviceResult.success &&
+                deviceResult.data &&
+                deviceResult.data.content &&
+                deviceResult.data.content[0] &&
+                deviceResult.data.content[0].text
+              ) {
+                try {
+                  const deviceData = JSON.parse(deviceResult.data.content[0].text);
+                  this.tableData = this.parseDeviceStatusToTable(deviceData);
+                } catch (parseError) {
+                  // 如果解析失败，回退到JSON模式
+                  this.showResultAsTable = false;
+                  this.tableData = [];
+                }
+              } else {
+                // 其他预定义工具的表格解析
+                this.tableData = this.parseOtherResultToTable(
+                  this.selectedToolName,
+                  deviceResult
+                );
+              }
+            } else {
+              // 非预定义工具，使用JSON模式
+              this.showResultAsTable = false;
+              this.tableData = [];
+            }
+
             this.executionResult = {
-              status: 'success',
+              status: "success",
               response: deviceResult,
-              timestamp: new Date().toLocaleString()
+              timestamp: new Date().toLocaleString(),
             };
           } catch (error) {
+            this.showResultAsTable = false;
+            this.tableData = [];
             this.executionResult = {
-              status: 'error',
+              status: "error",
               request: mcpExecuteString,
-              error: '解析设备响应失败: ' + error.message,
+              error: "解析设备响应失败: " + error.message,
               rawResponse: data.data,
-              timestamp: new Date().toLocaleString()
+              timestamp: new Date().toLocaleString(),
             };
           }
         } else {
           this.executionResult = {
-            status: 'error',
+            status: "error",
             request: mcpExecuteString,
-            error: data.msg || '执行失败',
-            timestamp: new Date().toLocaleString()
+            error: data.msg || "执行失败",
+            timestamp: new Date().toLocaleString(),
           };
         }
       });
@@ -470,16 +1011,18 @@ export default {
     },
 
     closeDialog() {
-      this.$emit('update:visible', false);
-      this.selectedToolName = '';
+      this.$emit("update:visible", false);
+      this.selectedToolName = "";
       this.toolParams = {};
       this.toolParamsRules = {};
-      this.toolSearchKeyword = '';
+      this.toolSearchKeyword = "";
       this.executionResult = null;
       this.toolsLoading = false;
-    }
-  }
-}
+      this.showResultAsTable = false;
+      this.tableData = [];
+    },
+  },
+};
 </script>
 
 <style scoped>
@@ -650,7 +1193,7 @@ export default {
   background: #5778ff;
 }
 
-::v-deep .el-radio__input.is-checked+.el-radio__label {
+::v-deep .el-radio__input.is-checked + .el-radio__label {
   color: #5778ff;
 }
 
@@ -707,7 +1250,7 @@ export default {
 /* 参数设置区域 */
 .params-section {
   padding: 0px 20px 20px 20px;
-  flex: 1;
+  flex: 0.8;
   display: flex;
   flex-direction: column;
   min-height: 0;
@@ -790,10 +1333,10 @@ export default {
   padding: 20px;
   background: #fafafa;
   border-top: 1px solid #e4e7ed;
-  max-height: 200px;
+  flex: 1;
   display: flex;
   flex-direction: column;
-  min-height: 150px;
+  min-height: 200px;
 }
 
 .result-title {
@@ -820,6 +1363,32 @@ export default {
   border-radius: 8px;
   padding: 12px;
   position: relative;
+  overflow: hidden;
+}
+
+.result-table {
+  flex: 1;
+  overflow-y: auto;
+  min-height: 0;
+}
+
+.result-table ::v-deep .el-table {
+  font-size: 12px;
+}
+
+.result-table ::v-deep .el-table__body-wrapper {
+  max-height: none !important;
+}
+
+.result-table ::v-deep .el-table th {
+  background: #f8f9fa;
+  color: #606266;
+  font-weight: 600;
+  padding: 8px 0;
+}
+
+.result-table ::v-deep .el-table td {
+  padding: 6px 0;
 }
 
 .result-text {
@@ -830,11 +1399,10 @@ export default {
   border: 1px solid #e4e7ed;
   border-radius: 4px;
   font-size: 12px;
-  font-family: 'Courier New', monospace;
+  font-family: "Courier New", monospace;
   white-space: pre-wrap;
   word-wrap: break-word;
   overflow-y: auto;
-  max-height: 120px;
   text-align: left;
 }
 
@@ -984,4 +1552,4 @@ export default {
     max-height: 400px;
   }
 }
-</style>
\ No newline at end of file
+</style>

From 387398a069017efb22de664f313efd5550e7bd4b Mon Sep 17 00:00:00 2001
From: 3030332422 <3030332422@qq.com>
Date: Thu, 18 Sep 2025 14:42:03 +0800
Subject: [PATCH 7/8] =?UTF-8?q?update:=E6=B7=BB=E5=8A=A0=E5=A4=9A=E8=AF=AD?=
 =?UTF-8?q?=E8=A8=80=E6=94=AF=E6=8C=81=E5=B9=B6=E5=A2=9E=E5=BC=BA=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/McpToolCallDialog.vue      | 323 ++++++++++--------
 main/manager-web/src/i18n/en.js               | 109 ++++++
 main/manager-web/src/i18n/zh_CN.js            | 109 ++++++
 main/manager-web/src/i18n/zh_TW.js            | 109 ++++++
 4 files changed, 513 insertions(+), 137 deletions(-)

diff --git a/main/manager-web/src/components/McpToolCallDialog.vue b/main/manager-web/src/components/McpToolCallDialog.vue
index eb7ef85f..d271c3ff 100644
--- a/main/manager-web/src/components/McpToolCallDialog.vue
+++ b/main/manager-web/src/components/McpToolCallDialog.vue
@@ -30,7 +30,7 @@
             </div>
             <div v-if="toolsLoading" class="tool-list-loading">
               <i class="el-icon-loading"></i>
-              <div class="loading-text">正在获取工具列表...</div>
+              <div class="loading-text">{{ $t("mcpToolCall.loadingToolList") }}</div>
             </div>
             <div v-else class="tool-list">
               <el-radio-group v-model="selectedToolName" class="tool-radio-group">
@@ -160,15 +160,18 @@
                 <el-table :data="tableData" border size="mini" style="width: 100%">
                   <el-table-column
                     prop="category"
-                    label="组件"
+                    :label="$t('mcpToolCall.table.component')"
                     width="120"
                   ></el-table-column>
                   <el-table-column
                     prop="property"
-                    label="属性"
+                    :label="$t('mcpToolCall.table.property')"
                     width="120"
                   ></el-table-column>
-                  <el-table-column prop="value" label="值"></el-table-column>
+                  <el-table-column
+                    prop="value"
+                    :label="$t('mcpToolCall.table.value')"
+                  ></el-table-column>
                 </el-table>
               </div>
               <!-- JSON展示模式 -->
@@ -226,11 +229,20 @@ export default {
     };
   },
   created() {
-    // 在created钩子中初始化themeOptions，此时this.$t已经可用
-    this.themeOptions = [
-      { label: this.$t("mcpToolCall.lightTheme"), value: "light" },
-      { label: this.$t("mcpToolCall.darkTheme"), value: "dark" },
-    ];
+    // 初始化主题选项
+    this.initializeThemeOptions();
+
+    // 添加对语言变化的监听
+    if (this.$eventBus) {
+      this.$eventBus.$on("languageChanged", this.initializeThemeOptions);
+    }
+  },
+
+  beforeDestroy() {
+    // 移除事件监听，避免内存泄漏
+    if (this.$eventBus) {
+      this.$eventBus.$off("languageChanged", this.initializeThemeOptions);
+    }
   },
   computed: {
     selectedTool() {
@@ -242,7 +254,8 @@ export default {
       return this.toolList.filter(
         (tool) =>
           tool.name.toLowerCase().includes(keyword) ||
-          tool.description.toLowerCase().includes(keyword)
+          tool.description.toLowerCase().includes(keyword) ||
+          this.getToolDisplayName(tool.name).toLowerCase().includes(keyword)
       );
     },
     formattedExecutionResult() {
@@ -275,6 +288,17 @@ export default {
     },
   },
   methods: {
+    // 初始化主题选项
+    initializeThemeOptions() {
+      this.themeOptions = [
+        { label: this.$t("mcpToolCall.lightTheme"), value: "light" },
+        { label: this.$t("mcpToolCall.darkTheme"), value: "dark" },
+      ];
+      this.$nextTick(() => {
+        this.$forceUpdate();
+      });
+    },
+
     // 添加handleThemeChange方法强制更新视图
     handleThemeChange() {
       this.$nextTick(() => {
@@ -305,8 +329,8 @@ export default {
       if (deviceData.audio_speaker) {
         if (deviceData.audio_speaker.volume !== undefined) {
           tableData.push({
-            category: "音频扬声器",
-            property: "音量",
+            category: this.$t("mcpToolCall.table.audioSpeaker"),
+            property: this.$t("mcpToolCall.prop.volume"),
             value: deviceData.audio_speaker.volume + "%",
           });
         }
@@ -315,16 +339,19 @@ export default {
       if (deviceData.screen) {
         if (deviceData.screen.brightness !== undefined) {
           tableData.push({
-            category: "屏幕",
-            property: "亮度",
+            category: this.$t("mcpToolCall.table.screen"),
+            property: this.$t("mcpToolCall.prop.brightness"),
             value: deviceData.screen.brightness + "%",
           });
         }
         if (deviceData.screen.theme !== undefined) {
           tableData.push({
-            category: "屏幕",
-            property: "主题",
-            value: deviceData.screen.theme === "dark" ? "深色" : "浅色",
+            category: this.$t("mcpToolCall.table.screen"),
+            property: this.$t("mcpToolCall.prop.theme"),
+            value:
+              deviceData.screen.theme === "dark"
+                ? this.$t("mcpToolCall.darkTheme")
+                : this.$t("mcpToolCall.lightTheme"),
           });
         }
       }
@@ -332,27 +359,27 @@ export default {
       if (deviceData.network) {
         if (deviceData.network.type !== undefined) {
           tableData.push({
-            category: "网络",
-            property: "类型",
+            category: this.$t("mcpToolCall.table.network"),
+            property: this.$t("mcpToolCall.prop.type"),
             value: deviceData.network.type.toUpperCase(),
           });
         }
         if (deviceData.network.ssid !== undefined) {
           tableData.push({
-            category: "网络",
-            property: "SSID",
+            category: this.$t("mcpToolCall.table.network"),
+            property: this.$t("mcpToolCall.prop.ssid"),
             value: deviceData.network.ssid,
           });
         }
         if (deviceData.network.signal !== undefined) {
           const signalMap = {
-            strong: "强",
-            medium: "中",
-            weak: "弱",
+            strong: this.$t("mcpToolCall.text.strong"),
+            medium: this.$t("mcpToolCall.text.medium"),
+            weak: this.$t("mcpToolCall.text.weak"),
           };
           tableData.push({
-            category: "网络",
-            property: "信号强度",
+            category: this.$t("mcpToolCall.table.network"),
+            property: this.$t("mcpToolCall.prop.signalStrength"),
             value: signalMap[deviceData.network.signal] || deviceData.network.signal,
           });
         }
@@ -367,27 +394,35 @@ export default {
 
       if (toolName === "self.audio_speaker.set_volume") {
         tableData.push({
-          category: "音频控制",
-          property: "操作结果",
-          value: result.success ? "设置成功" : "设置失败",
+          category: this.$t("mcpToolCall.table.audioControl"),
+          property: this.$t("mcpToolCall.prop.operationResult"),
+          value: result.success
+            ? this.$t("mcpToolCall.text.setSuccess")
+            : this.$t("mcpToolCall.text.setFailed"),
         });
       } else if (toolName === "self.screen.set_brightness") {
         tableData.push({
-          category: "屏幕控制",
-          property: "操作结果",
-          value: result.success ? "亮度设置成功" : "亮度设置失败",
+          category: this.$t("mcpToolCall.table.screenControl"),
+          property: this.$t("mcpToolCall.prop.operationResult"),
+          value: result.success
+            ? this.$t("mcpToolCall.text.brightnessSetSuccess")
+            : this.$t("mcpToolCall.text.brightnessSetFailed"),
         });
       } else if (toolName === "self.screen.set_theme") {
         tableData.push({
-          category: "屏幕控制",
-          property: "操作结果",
-          value: result.success ? "主题设置成功" : "主题设置失败",
+          category: this.$t("mcpToolCall.table.screenControl"),
+          property: this.$t("mcpToolCall.prop.operationResult"),
+          value: result.success
+            ? this.$t("mcpToolCall.text.themeSetSuccess")
+            : this.$t("mcpToolCall.text.themeSetFailed"),
         });
       } else if (toolName === "self.reboot") {
         tableData.push({
-          category: "系统控制",
-          property: "操作结果",
-          value: result.success ? "重启指令已发送" : "重启失败",
+          category: this.$t("mcpToolCall.table.systemControl"),
+          property: this.$t("mcpToolCall.prop.operationResult"),
+          value: result.success
+            ? this.$t("mcpToolCall.text.rebootCommandSent")
+            : this.$t("mcpToolCall.text.rebootFailed"),
         });
       } else if (toolName === "self.screen.get_info") {
         // 解析屏幕信息
@@ -402,38 +437,44 @@ export default {
             const screenInfo = JSON.parse(result.data.content[0].text);
             if (screenInfo.width !== undefined) {
               tableData.push({
-                category: "屏幕信息",
-                property: "宽度",
+                category: this.$t("mcpToolCall.table.screenInfo"),
+                property: this.$t("mcpToolCall.prop.width"),
                 value: screenInfo.width + "像素",
               });
             }
             if (screenInfo.height !== undefined) {
               tableData.push({
-                category: "屏幕信息",
-                property: "高度",
+                category: this.$t("mcpToolCall.table.screenInfo"),
+                property: this.$t("mcpToolCall.prop.height"),
                 value: screenInfo.height + "像素",
               });
             }
             if (screenInfo.monochrome !== undefined) {
               tableData.push({
-                category: "屏幕信息",
-                property: "类型",
-                value: screenInfo.monochrome ? "单色屏" : "彩色屏",
+                category: this.$t("mcpToolCall.table.screenInfo"),
+                property: this.$t("mcpToolCall.prop.screenType"),
+                value: screenInfo.monochrome
+                  ? this.$t("mcpToolCall.text.monochrome")
+                  : this.$t("mcpToolCall.text.color"),
               });
             }
           } catch (parseError) {
             // 解析失败时显示原始信息
             tableData.push({
-              category: "屏幕信息",
-              property: "获取结果",
-              value: result.success ? "获取成功，但解析失败" : "获取失败",
+              category: this.$t("mcpToolCall.table.screenInfo"),
+              property: this.$t("mcpToolCall.prop.getResult"),
+              value: result.success
+                ? this.$t("mcpToolCall.text.getSuccessParseFailed")
+                : this.$t("mcpToolCall.text.getFailed"),
             });
           }
         } else {
           tableData.push({
-            category: "屏幕信息",
-            property: "获取结果",
-            value: result.success ? "获取成功，但数据格式异常" : "获取失败",
+            category: this.$t("mcpToolCall.table.screenInfo"),
+            property: this.$t("mcpToolCall.prop.getResult"),
+            value: result.success
+              ? this.$t("mcpToolCall.text.getSuccessFormatError")
+              : this.$t("mcpToolCall.text.getFailed"),
           });
         }
       } else if (toolName === "self.get_system_info") {
@@ -451,8 +492,8 @@ export default {
             // 基本信息
             if (systemInfo.chip_model_name) {
               tableData.push({
-                category: "硬件信息",
-                property: "芯片型号",
+                category: this.$t("mcpToolCall.table.hardwareInfo"),
+                property: this.$t("mcpToolCall.prop.chipModel"),
                 value: systemInfo.chip_model_name.toUpperCase(),
               });
             }
@@ -460,15 +501,15 @@ export default {
             if (systemInfo.chip_info) {
               if (systemInfo.chip_info.cores) {
                 tableData.push({
-                  category: "硬件信息",
-                  property: "CPU核心数",
+                  category: this.$t("mcpToolCall.table.hardwareInfo"),
+                  property: this.$t("mcpToolCall.prop.cpuCores"),
                   value: systemInfo.chip_info.cores + "核",
                 });
               }
               if (systemInfo.chip_info.revision) {
                 tableData.push({
-                  category: "硬件信息",
-                  property: "芯片版本",
+                  category: this.$t("mcpToolCall.table.hardwareInfo"),
+                  property: this.$t("mcpToolCall.prop.chipVersion"),
                   value: "Rev " + systemInfo.chip_info.revision,
                 });
               }
@@ -476,8 +517,8 @@ export default {
 
             if (systemInfo.flash_size) {
               tableData.push({
-                category: "硬件信息",
-                property: "Flash大小",
+                category: this.$t("mcpToolCall.table.hardwareInfo"),
+                property: this.$t("mcpToolCall.prop.flashSize"),
                 value: (systemInfo.flash_size / 1024 / 1024).toFixed(0) + " MB",
               });
             }
@@ -485,8 +526,8 @@ export default {
             // 内存信息
             if (systemInfo.minimum_free_heap_size) {
               tableData.push({
-                category: "内存信息",
-                property: "最小可用堆",
+                category: this.$t("mcpToolCall.table.memoryInfo"),
+                property: this.$t("mcpToolCall.prop.minFreeHeap"),
                 value:
                   (parseInt(systemInfo.minimum_free_heap_size) / 1024).toFixed(0) + " KB",
               });
@@ -496,29 +537,29 @@ export default {
             if (systemInfo.application) {
               if (systemInfo.application.name) {
                 tableData.push({
-                  category: "应用信息",
-                  property: "应用名称",
+                  category: this.$t("mcpToolCall.table.applicationInfo"),
+                  property: this.$t("mcpToolCall.prop.applicationName"),
                   value: systemInfo.application.name,
                 });
               }
               if (systemInfo.application.version) {
                 tableData.push({
-                  category: "应用信息",
-                  property: "应用版本",
+                  category: this.$t("mcpToolCall.table.applicationInfo"),
+                  property: this.$t("mcpToolCall.prop.applicationVersion"),
                   value: systemInfo.application.version,
                 });
               }
               if (systemInfo.application.compile_time) {
                 tableData.push({
-                  category: "应用信息",
-                  property: "编译时间",
+                  category: this.$t("mcpToolCall.table.applicationInfo"),
+                  property: this.$t("mcpToolCall.prop.compileTime"),
                   value: systemInfo.application.compile_time,
                 });
               }
               if (systemInfo.application.idf_version) {
                 tableData.push({
-                  category: "应用信息",
-                  property: "IDF版本",
+                  category: this.$t("mcpToolCall.table.applicationInfo"),
+                  property: this.$t("mcpToolCall.prop.idfVersion"),
                   value: systemInfo.application.idf_version,
                 });
               }
@@ -527,8 +568,8 @@ export default {
             // 网络信息
             if (systemInfo.mac_address) {
               tableData.push({
-                category: "网络信息",
-                property: "MAC地址",
+                category: this.$t("mcpToolCall.table.networkInfo"),
+                property: this.$t("mcpToolCall.prop.macAddress"),
                 value: systemInfo.mac_address,
               });
             }
@@ -536,34 +577,36 @@ export default {
             if (systemInfo.board) {
               if (systemInfo.board.ip) {
                 tableData.push({
-                  category: "网络信息",
-                  property: "IP地址",
+                  category: this.$t("mcpToolCall.table.networkInfo"),
+                  property: this.$t("mcpToolCall.prop.ipAddress"),
                   value: systemInfo.board.ip,
                 });
               }
               if (systemInfo.board.ssid) {
                 tableData.push({
-                  category: "网络信息",
-                  property: "WiFi名称",
+                  category: this.$t("mcpToolCall.table.networkInfo"),
+                  property: this.$t("mcpToolCall.prop.wifiName"),
                   value: systemInfo.board.ssid,
                 });
               }
               if (systemInfo.board.rssi) {
                 const signalStrength = systemInfo.board.rssi;
-                let signalLevel = "弱";
-                if (signalStrength > -50) signalLevel = "强";
-                else if (signalStrength > -70) signalLevel = "中";
+                let signalLevel = this.$t("mcpToolCall.text.weak");
+                if (signalStrength > -50)
+                  signalLevel = this.$t("mcpToolCall.text.strong");
+                else if (signalStrength > -70)
+                  signalLevel = this.$t("mcpToolCall.text.medium");
 
                 tableData.push({
-                  category: "网络信息",
-                  property: "信号强度",
+                  category: this.$t("mcpToolCall.table.networkInfo"),
+                  property: this.$t("mcpToolCall.prop.signalStrength"),
                   value: `${signalStrength} dBm (${signalLevel})`,
                 });
               }
               if (systemInfo.board.channel) {
                 tableData.push({
-                  category: "网络信息",
-                  property: "WiFi信道",
+                  category: this.$t("mcpToolCall.table.networkInfo"),
+                  property: this.$t("mcpToolCall.prop.wifiChannel"),
                   value: systemInfo.board.channel + "频道",
                 });
               }
@@ -573,16 +616,18 @@ export default {
             if (systemInfo.display) {
               if (systemInfo.display.width && systemInfo.display.height) {
                 tableData.push({
-                  category: "显示信息",
-                  property: "屏幕尺寸",
+                  category: this.$t("mcpToolCall.table.displayInfo"),
+                  property: this.$t("mcpToolCall.prop.screenSize"),
                   value: `${systemInfo.display.width} × ${systemInfo.display.height}`,
                 });
               }
               if (systemInfo.display.monochrome !== undefined) {
                 tableData.push({
-                  category: "显示信息",
-                  property: "屏幕类型",
-                  value: systemInfo.display.monochrome ? "单色屏" : "彩色屏",
+                  category: this.$t("mcpToolCall.table.displayInfo"),
+                  property: this.$t("mcpToolCall.prop.screenType"),
+                  value: systemInfo.display.monochrome
+                    ? this.$t("mcpToolCall.text.monochrome")
+                    : this.$t("mcpToolCall.text.color"),
                 });
               }
             }
@@ -590,40 +635,44 @@ export default {
             // 其他信息
             if (systemInfo.uuid) {
               tableData.push({
-                category: "设备信息",
-                property: "设备UUID",
+                category: this.$t("mcpToolCall.table.deviceInfo"),
+                property: this.$t("mcpToolCall.prop.deviceUuid"),
                 value: systemInfo.uuid,
               });
             }
 
             if (systemInfo.language) {
               tableData.push({
-                category: "设备信息",
-                property: "系统语言",
+                category: this.$t("mcpToolCall.table.deviceInfo"),
+                property: this.$t("mcpToolCall.prop.systemLanguage"),
                 value: systemInfo.language,
               });
             }
 
             if (systemInfo.ota && systemInfo.ota.label) {
               tableData.push({
-                category: "系统信息",
-                property: "当前OTA分区",
+                category: this.$t("mcpToolCall.table.systemInfo"),
+                property: this.$t("mcpToolCall.prop.currentOtaPartition"),
                 value: systemInfo.ota.label,
               });
             }
           } catch (parseError) {
             // 解析失败时显示原始信息
             tableData.push({
-              category: "系统信息",
-              property: "获取结果",
-              value: result.success ? "获取成功，但解析失败" : "获取失败",
+              category: this.$t("mcpToolCall.table.systemInfo"),
+              property: this.$t("mcpToolCall.prop.getResult"),
+              value: result.success
+                ? this.$t("mcpToolCall.text.getSuccessParseFailed")
+                : this.$t("mcpToolCall.text.getFailed"),
             });
           }
         } else {
           tableData.push({
-            category: "系统信息",
-            property: "获取结果",
-            value: result.success ? "获取成功，但数据格式异常" : "获取失败",
+            category: this.$t("mcpToolCall.table.systemInfo"),
+            property: this.$t("mcpToolCall.prop.getResult"),
+            value: result.success
+              ? this.$t("mcpToolCall.text.getSuccessFormatError")
+              : this.$t("mcpToolCall.text.getFailed"),
           });
         }
       }
@@ -817,14 +866,14 @@ export default {
     },
 
     formatPropertyLabel(key, property) {
-      // 将属性名转换为更友好的中文标签
+      // 将属性名转换为更友好的标签
       const labelMap = {
-        volume: "音量",
-        brightness: "亮度",
-        theme: "主题",
-        question: "问题",
-        url: "网址",
-        quality: "质量",
+        volume: this.$t("mcpToolCall.prop.volume"),
+        brightness: this.$t("mcpToolCall.prop.brightness"),
+        theme: this.$t("mcpToolCall.prop.theme"),
+        question: this.$t("mcpToolCall.prop.question"),
+        url: this.$t("mcpToolCall.prop.url"),
+        quality: this.$t("mcpToolCall.prop.quality"),
       };
       return labelMap[key] || key;
     },
@@ -832,35 +881,36 @@ export default {
     // 获取工具的显示名称
     getToolDisplayName(toolName) {
       const nameMap = {
-        "self.get_device_status": "查看设备状态",
-        "self.audio_speaker.set_volume": "设置音量",
-        "self.screen.set_brightness": "设置亮度",
-        "self.screen.set_theme": "设置主题",
-        "self.camera.take_photo": "拍照识别",
-        "self.get_system_info": "系统信息",
-        "self.reboot": "重启设备",
-        "self.upgrade_firmware": "升级固件",
-        "self.screen.get_info": "屏幕信息",
-        "self.screen.snapshot": "屏幕截图",
-        "self.screen.preview_image": "预览图片",
-        "self.assets.set_download_url": "设置下载地址",
+        "self.get_device_status": this.$t("mcpToolCall.toolName.getDeviceStatus"),
+        "self.audio_speaker.set_volume": this.$t("mcpToolCall.toolName.setVolume"),
+        "self.screen.set_brightness": this.$t("mcpToolCall.toolName.setBrightness"),
+        "self.screen.set_theme": this.$t("mcpToolCall.toolName.setTheme"),
+        "self.camera.take_photo": this.$t("mcpToolCall.toolName.takePhoto"),
+        "self.get_system_info": this.$t("mcpToolCall.toolName.getSystemInfo"),
+        "self.reboot": this.$t("mcpToolCall.toolName.reboot"),
+        "self.upgrade_firmware": this.$t("mcpToolCall.toolName.upgradeFirmware"),
+        "self.screen.get_info": this.$t("mcpToolCall.toolName.getScreenInfo"),
+        "self.screen.snapshot": this.$t("mcpToolCall.toolName.snapshot"),
+        "self.screen.preview_image": this.$t("mcpToolCall.toolName.previewImage"),
+        "self.assets.set_download_url": this.$t("mcpToolCall.toolName.setDownloadUrl"),
       };
       return nameMap[toolName] || toolName;
     },
 
     // 获取工具分类
     getToolCategory(toolName) {
-      if (toolName.includes("audio_speaker")) return "音频";
-      if (toolName.includes("screen")) return "显示";
-      if (toolName.includes("camera")) return "拍摄";
+      if (toolName.includes("audio_speaker"))
+        return this.$t("mcpToolCall.category.audio");
+      if (toolName.includes("screen")) return this.$t("mcpToolCall.category.display");
+      if (toolName.includes("camera")) return this.$t("mcpToolCall.category.camera");
       if (
         toolName.includes("system") ||
         toolName.includes("reboot") ||
         toolName.includes("upgrade")
       )
-        return "系统";
-      if (toolName.includes("assets")) return "资源";
-      return "设备信息";
+        return this.$t("mcpToolCall.category.system");
+      if (toolName.includes("assets")) return this.$t("mcpToolCall.category.assets");
+      return this.$t("mcpToolCall.category.deviceInfo");
     },
 
     // 获取简化的工具描述
@@ -872,19 +922,18 @@ export default {
     // 获取工具帮助文本
     getToolHelpText(toolName) {
       const helpMap = {
-        "self.get_device_status": "查看设备的当前运行状态，包括音量、屏幕、电池等信息。",
-        "self.audio_speaker.set_volume": "调整设备的音量大小，请输入0-100之间的数值。",
-        "self.screen.set_brightness": "调整设备屏幕的亮度，请输入0-100之间的数值。",
-        "self.screen.set_theme": "切换设备屏幕的显示主题，可以选择浅色或深色模式。",
-        "self.camera.take_photo":
-          "使用设备摄像头拍摄照片并进行识别分析，请输入要询问的问题。",
-        "self.get_system_info": "获取设备的系统信息，包括硬件规格、软件版本等。",
-        "self.reboot": "重启设备，执行后设备将重新启动。",
-        "self.upgrade_firmware": "从指定URL下载并升级设备固件，升级后设备会自动重启。",
-        "self.screen.get_info": "获取屏幕的详细信息，如分辨率、尺寸等参数。",
-        "self.screen.snapshot": "对当前屏幕进行截图并上传到指定URL。",
-        "self.screen.preview_image": "在设备屏幕上预览指定URL的图片。",
-        "self.assets.set_download_url": "设置设备资源文件的下载地址。",
+        "self.get_device_status": this.$t("mcpToolCall.help.getDeviceStatus"),
+        "self.audio_speaker.set_volume": this.$t("mcpToolCall.help.setVolume"),
+        "self.screen.set_brightness": this.$t("mcpToolCall.help.setBrightness"),
+        "self.screen.set_theme": this.$t("mcpToolCall.help.setTheme"),
+        "self.camera.take_photo": this.$t("mcpToolCall.help.takePhoto"),
+        "self.get_system_info": this.$t("mcpToolCall.help.getSystemInfo"),
+        "self.reboot": this.$t("mcpToolCall.help.reboot"),
+        "self.upgrade_firmware": this.$t("mcpToolCall.help.upgradeFirmware"),
+        "self.screen.get_info": this.$t("mcpToolCall.help.getScreenInfo"),
+        "self.screen.snapshot": this.$t("mcpToolCall.help.snapshot"),
+        "self.screen.preview_image": this.$t("mcpToolCall.help.previewImage"),
+        "self.assets.set_download_url": this.$t("mcpToolCall.help.setDownloadUrl"),
       };
       return helpMap[toolName] || "";
     },
diff --git a/main/manager-web/src/i18n/en.js b/main/manager-web/src/i18n/en.js
index b5d7b856..462f0ed1 100644
--- a/main/manager-web/src/i18n/en.js
+++ b/main/manager-web/src/i18n/en.js
@@ -29,6 +29,115 @@ export default {
   'mcpToolCall.executionResult': '3、Execution Result',
   'mcpToolCall.copyResult': 'Copy Result',
   'mcpToolCall.noResultYet': 'No result yet',
+  'mcpToolCall.loadingToolList': 'Loading tool list...',
+  
+  // Tool names
+  'mcpToolCall.toolName.getDeviceStatus': 'View Device Status',
+  'mcpToolCall.toolName.setVolume': 'Set Volume',
+  'mcpToolCall.toolName.setBrightness': 'Set Brightness',
+  'mcpToolCall.toolName.setTheme': 'Set Theme',
+  'mcpToolCall.toolName.takePhoto': 'Take Photo & Recognize',
+  'mcpToolCall.toolName.getSystemInfo': 'System Info',
+  'mcpToolCall.toolName.reboot': 'Reboot Device',
+  'mcpToolCall.toolName.upgradeFirmware': 'Upgrade Firmware',
+  'mcpToolCall.toolName.getScreenInfo': 'Screen Info',
+  'mcpToolCall.toolName.snapshot': 'Screen Snapshot',
+  'mcpToolCall.toolName.previewImage': 'Preview Image',
+  'mcpToolCall.toolName.setDownloadUrl': 'Set Download URL',
+  
+  // Tool categories
+  'mcpToolCall.category.audio': 'Audio',
+  'mcpToolCall.category.display': 'Display',
+  'mcpToolCall.category.camera': 'Camera',
+  'mcpToolCall.category.system': 'System',
+  'mcpToolCall.category.assets': 'Assets',
+  'mcpToolCall.category.deviceInfo': 'Device Info',
+  
+  // Table categories and properties
+  'mcpToolCall.table.audioSpeaker': 'Audio Speaker',
+  'mcpToolCall.table.screen': 'Screen',
+  'mcpToolCall.table.network': 'Network',
+  'mcpToolCall.table.audioControl': 'Audio Control',
+  'mcpToolCall.table.screenControl': 'Screen Control',
+  'mcpToolCall.table.systemControl': 'System Control',
+  'mcpToolCall.table.screenInfo': 'Screen Info',
+  'mcpToolCall.table.hardwareInfo': 'Hardware Info',
+  'mcpToolCall.table.memoryInfo': 'Memory Info',
+  'mcpToolCall.table.applicationInfo': 'Application Info',
+  'mcpToolCall.table.networkInfo': 'Network Info',
+  'mcpToolCall.table.displayInfo': 'Display Info',
+  'mcpToolCall.table.deviceInfo': 'Device Info',
+  'mcpToolCall.table.systemInfo': 'System Info',
+  // Table column headers
+  'mcpToolCall.table.component': 'Component',
+  'mcpToolCall.table.property': 'Property',
+  'mcpToolCall.table.value': 'Value',
+  
+  'mcpToolCall.prop.volume': 'Volume',
+  'mcpToolCall.prop.brightness': 'Brightness',
+  'mcpToolCall.prop.theme': 'Theme',
+  'mcpToolCall.prop.type': 'Type',
+  'mcpToolCall.prop.ssid': 'SSID',
+  'mcpToolCall.prop.signalStrength': 'Signal Strength',
+  'mcpToolCall.prop.operationResult': 'Operation Result',
+  'mcpToolCall.prop.width': 'Width',
+  'mcpToolCall.prop.height': 'Height',
+  'mcpToolCall.prop.screenType': 'Type',
+  'mcpToolCall.prop.chipModel': 'Chip Model',
+  'mcpToolCall.prop.cpuCores': 'CPU Cores',
+  'mcpToolCall.prop.chipVersion': 'Chip Version',
+  'mcpToolCall.prop.flashSize': 'Flash Size',
+  'mcpToolCall.prop.minFreeHeap': 'Minimum Free Heap',
+  'mcpToolCall.prop.applicationName': 'Application Name',
+  'mcpToolCall.prop.applicationVersion': 'Application Version',
+  'mcpToolCall.prop.compileTime': 'Compile Time',
+  'mcpToolCall.prop.idfVersion': 'IDF Version',
+  'mcpToolCall.prop.macAddress': 'MAC Address',
+  'mcpToolCall.prop.ipAddress': 'IP Address',
+  'mcpToolCall.prop.wifiName': 'WiFi Name',
+  'mcpToolCall.prop.wifiChannel': 'WiFi Channel',
+  'mcpToolCall.prop.screenSize': 'Screen Size',
+  'mcpToolCall.prop.deviceUuid': 'Device UUID',
+  'mcpToolCall.prop.systemLanguage': 'System Language',
+  'mcpToolCall.prop.currentOtaPartition': 'Current OTA Partition',
+  'mcpToolCall.prop.getResult': 'Get Result',
+  'mcpToolCall.prop.url': 'URL',
+  'mcpToolCall.prop.quality': 'Quality',
+  'mcpToolCall.prop.question': 'Question',
+  
+  // Tool help texts
+  'mcpToolCall.help.getDeviceStatus': 'View the current running status of the device, including volume, screen, battery and other information.',
+  'mcpToolCall.help.setVolume': 'Adjust the volume of the device, please enter a value between 0-100.',
+  'mcpToolCall.help.setBrightness': 'Adjust the brightness of the device screen, please enter a value between 0-100.',
+  'mcpToolCall.help.setTheme': 'Switch the display theme of the device screen, you can choose light or dark mode.',
+  'mcpToolCall.help.takePhoto': 'Take photos with the device camera and perform recognition analysis, please enter the question you want to ask.',
+  'mcpToolCall.help.getSystemInfo': 'Get the system information of the device, including hardware specifications, software version, etc.',
+  'mcpToolCall.help.reboot': 'Reboot the device, the device will restart after execution.',
+  'mcpToolCall.help.upgradeFirmware': 'Download and upgrade the device firmware from the specified URL, the device will restart automatically after the upgrade.',
+  'mcpToolCall.help.getScreenInfo': 'Get detailed information about the screen, such as resolution, size and other parameters.',
+  'mcpToolCall.help.snapshot': 'Take a screenshot of the current screen and upload it to the specified URL.',
+  'mcpToolCall.help.previewImage': 'Preview images from the specified URL on the device screen.',
+  'mcpToolCall.help.setDownloadUrl': 'Set the download address for device resource files.',
+  
+  // Other text
+  'mcpToolCall.text.strong': 'Strong',
+  'mcpToolCall.text.medium': 'Medium',
+  'mcpToolCall.text.weak': 'Weak',
+  'mcpToolCall.text.dark': 'Dark',
+  'mcpToolCall.text.light': 'Light',
+  'mcpToolCall.text.setSuccess': 'Setting successful',
+  'mcpToolCall.text.setFailed': 'Setting failed',
+  'mcpToolCall.text.brightnessSetSuccess': 'Brightness setting successful',
+  'mcpToolCall.text.brightnessSetFailed': 'Brightness setting failed',
+  'mcpToolCall.text.themeSetSuccess': 'Theme setting successful',
+  'mcpToolCall.text.themeSetFailed': 'Theme setting failed',
+  'mcpToolCall.text.rebootCommandSent': 'Reboot command sent',
+  'mcpToolCall.text.rebootFailed': 'Reboot failed',
+  'mcpToolCall.text.monochrome': 'Monochrome Screen',
+  'mcpToolCall.text.color': 'Color Screen',
+  'mcpToolCall.text.getSuccessParseFailed': 'Get successful, but parse failed',
+  'mcpToolCall.text.getFailed': 'Get failed',
+  'mcpToolCall.text.getSuccessFormatError': 'Get successful, but data format is abnormal',
 
   // Dictionary data dialog related
   'dictDataDialog.addDictData': 'Add Dictionary Data',
diff --git a/main/manager-web/src/i18n/zh_CN.js b/main/manager-web/src/i18n/zh_CN.js
index 323e936e..332e8d43 100644
--- a/main/manager-web/src/i18n/zh_CN.js
+++ b/main/manager-web/src/i18n/zh_CN.js
@@ -29,6 +29,115 @@ export default {
   'mcpToolCall.executionResult': '3、执行结果',
   'mcpToolCall.copyResult': '复制结果',
   'mcpToolCall.noResultYet': '暂无执行结果',
+  'mcpToolCall.loadingToolList': '正在获取工具列表...',
+  
+  // 工具名称
+  'mcpToolCall.toolName.getDeviceStatus': '查看设备状态',
+  'mcpToolCall.toolName.setVolume': '设置音量',
+  'mcpToolCall.toolName.setBrightness': '设置亮度',
+  'mcpToolCall.toolName.setTheme': '设置主题',
+  'mcpToolCall.toolName.takePhoto': '拍照识别',
+  'mcpToolCall.toolName.getSystemInfo': '系统信息',
+  'mcpToolCall.toolName.reboot': '重启设备',
+  'mcpToolCall.toolName.upgradeFirmware': '升级固件',
+  'mcpToolCall.toolName.getScreenInfo': '屏幕信息',
+  'mcpToolCall.toolName.snapshot': '屏幕截图',
+  'mcpToolCall.toolName.previewImage': '预览图片',
+  'mcpToolCall.toolName.setDownloadUrl': '设置下载地址',
+  
+  // 工具分类
+  'mcpToolCall.category.audio': '音频',
+  'mcpToolCall.category.display': '显示',
+  'mcpToolCall.category.camera': '拍摄',
+  'mcpToolCall.category.system': '系统',
+  'mcpToolCall.category.assets': '资源',
+  'mcpToolCall.category.deviceInfo': '设备信息',
+  
+  // 表格分类和属性
+  'mcpToolCall.table.audioSpeaker': '音频扬声器',
+  'mcpToolCall.table.screen': '屏幕',
+  'mcpToolCall.table.network': '网络',
+  'mcpToolCall.table.audioControl': '音频控制',
+  'mcpToolCall.table.screenControl': '屏幕控制',
+  'mcpToolCall.table.systemControl': '系统控制',
+  'mcpToolCall.table.screenInfo': '屏幕信息',
+  'mcpToolCall.table.hardwareInfo': '硬件信息',
+  'mcpToolCall.table.memoryInfo': '内存信息',
+  'mcpToolCall.table.applicationInfo': '应用信息',
+  'mcpToolCall.table.networkInfo': '网络信息',
+  'mcpToolCall.table.displayInfo': '显示信息',
+  'mcpToolCall.table.deviceInfo': '设备信息',
+  'mcpToolCall.table.systemInfo': '系统信息',
+  // 表格列标题
+  'mcpToolCall.table.component': '组件',
+  'mcpToolCall.table.property': '属性',
+  'mcpToolCall.table.value': '值',
+  
+  'mcpToolCall.prop.volume': '音量',
+  'mcpToolCall.prop.brightness': '亮度',
+  'mcpToolCall.prop.theme': '主题',
+  'mcpToolCall.prop.type': '类型',
+  'mcpToolCall.prop.ssid': 'SSID',
+  'mcpToolCall.prop.signalStrength': '信号强度',
+  'mcpToolCall.prop.operationResult': '操作结果',
+  'mcpToolCall.prop.width': '宽度',
+  'mcpToolCall.prop.height': '高度',
+  'mcpToolCall.prop.screenType': '类型',
+  'mcpToolCall.prop.chipModel': '芯片型号',
+  'mcpToolCall.prop.cpuCores': 'CPU核心数',
+  'mcpToolCall.prop.chipVersion': '芯片版本',
+  'mcpToolCall.prop.flashSize': 'Flash大小',
+  'mcpToolCall.prop.minFreeHeap': '最小可用堆',
+  'mcpToolCall.prop.applicationName': '应用名称',
+  'mcpToolCall.prop.applicationVersion': '应用版本',
+  'mcpToolCall.prop.compileTime': '编译时间',
+  'mcpToolCall.prop.idfVersion': 'IDF版本',
+  'mcpToolCall.prop.macAddress': 'MAC地址',
+  'mcpToolCall.prop.ipAddress': 'IP地址',
+  'mcpToolCall.prop.wifiName': 'WiFi名称',
+  'mcpToolCall.prop.wifiChannel': 'WiFi信道',
+  'mcpToolCall.prop.screenSize': '屏幕尺寸',
+  'mcpToolCall.prop.deviceUuid': '设备UUID',
+  'mcpToolCall.prop.systemLanguage': '系统语言',
+  'mcpToolCall.prop.currentOtaPartition': '当前OTA分区',
+  'mcpToolCall.prop.getResult': '获取结果',
+  'mcpToolCall.prop.url': 'URL',
+  'mcpToolCall.prop.quality': '质量',
+  'mcpToolCall.prop.question': '问题',
+  
+  // 工具帮助文本
+  'mcpToolCall.help.getDeviceStatus': '查看设备的当前运行状态，包括音量、屏幕、电池等信息。',
+  'mcpToolCall.help.setVolume': '调整设备的音量大小，请输入0-100之间的数值。',
+  'mcpToolCall.help.setBrightness': '调整设备屏幕的亮度，请输入0-100之间的数值。',
+  'mcpToolCall.help.setTheme': '切换设备屏幕的显示主题，可以选择浅色或深色模式。',
+  'mcpToolCall.help.takePhoto': '使用设备摄像头拍摄照片并进行识别分析，请输入要询问的问题。',
+  'mcpToolCall.help.getSystemInfo': '获取设备的系统信息，包括硬件规格、软件版本等。',
+  'mcpToolCall.help.reboot': '重启设备，执行后设备将重新启动。',
+  'mcpToolCall.help.upgradeFirmware': '从指定URL下载并升级设备固件，升级后设备会自动重启。',
+  'mcpToolCall.help.getScreenInfo': '获取屏幕的详细信息，如分辨率、尺寸等参数。',
+  'mcpToolCall.help.snapshot': '对当前屏幕进行截图并上传到指定URL。',
+  'mcpToolCall.help.previewImage': '在设备屏幕上预览指定URL的图片。',
+  'mcpToolCall.help.setDownloadUrl': '设置设备资源文件的下载地址。',
+  
+  // 其他文本
+  'mcpToolCall.text.strong': '强',
+  'mcpToolCall.text.medium': '中',
+  'mcpToolCall.text.weak': '弱',
+  'mcpToolCall.text.dark': '深色',
+  'mcpToolCall.text.light': '浅色',
+  'mcpToolCall.text.setSuccess': '设置成功',
+  'mcpToolCall.text.setFailed': '设置失败',
+  'mcpToolCall.text.brightnessSetSuccess': '亮度设置成功',
+  'mcpToolCall.text.brightnessSetFailed': '亮度设置失败',
+  'mcpToolCall.text.themeSetSuccess': '主题设置成功',
+  'mcpToolCall.text.themeSetFailed': '主题设置失败',
+  'mcpToolCall.text.rebootCommandSent': '重启指令已发送',
+  'mcpToolCall.text.rebootFailed': '重启失败',
+  'mcpToolCall.text.monochrome': '单色屏',
+  'mcpToolCall.text.color': '彩色屏',
+  'mcpToolCall.text.getSuccessParseFailed': '获取成功，但解析失败',
+  'mcpToolCall.text.getFailed': '获取失败',
+  'mcpToolCall.text.getSuccessFormatError': '获取成功，但数据格式异常',
 
   // 字典数据对话框相关
   'dictDataDialog.addDictData': '新增字典数据',
diff --git a/main/manager-web/src/i18n/zh_TW.js b/main/manager-web/src/i18n/zh_TW.js
index 3f921279..df766c05 100644
--- a/main/manager-web/src/i18n/zh_TW.js
+++ b/main/manager-web/src/i18n/zh_TW.js
@@ -29,6 +29,115 @@ export default {
   'mcpToolCall.executionResult': '3、執行結果',
   'mcpToolCall.copyResult': '複製結果',
   'mcpToolCall.noResultYet': '暫無執行結果',
+  'mcpToolCall.loadingToolList': '正在獲取工具列表...',
+  
+  // 工具名稱
+  'mcpToolCall.toolName.getDeviceStatus': '查看設備狀態',
+  'mcpToolCall.toolName.setVolume': '設置音量',
+  'mcpToolCall.toolName.setBrightness': '設置亮度',
+  'mcpToolCall.toolName.setTheme': '設置主題',
+  'mcpToolCall.toolName.takePhoto': '拍照識別',
+  'mcpToolCall.toolName.getSystemInfo': '系統資訊',
+  'mcpToolCall.toolName.reboot': '重啟設備',
+  'mcpToolCall.toolName.upgradeFirmware': '升級固件',
+  'mcpToolCall.toolName.getScreenInfo': '螢幕資訊',
+  'mcpToolCall.toolName.snapshot': '螢幕截圖',
+  'mcpToolCall.toolName.previewImage': '預覽圖片',
+  'mcpToolCall.toolName.setDownloadUrl': '設置下載地址',
+  
+  // 工具分類
+  'mcpToolCall.category.audio': '音頻',
+  'mcpToolCall.category.display': '顯示',
+  'mcpToolCall.category.camera': '拍攝',
+  'mcpToolCall.category.system': '系統',
+  'mcpToolCall.category.assets': '資源',
+  'mcpToolCall.category.deviceInfo': '設備資訊',
+  
+  // 表格分類和屬性
+  'mcpToolCall.table.audioSpeaker': '音頻揚聲器',
+  'mcpToolCall.table.screen': '螢幕',
+  'mcpToolCall.table.network': '網路',
+  'mcpToolCall.table.audioControl': '音頻控制',
+  'mcpToolCall.table.screenControl': '螢幕控制',
+  'mcpToolCall.table.systemControl': '系統控制',
+  'mcpToolCall.table.screenInfo': '螢幕資訊',
+  'mcpToolCall.table.hardwareInfo': '硬體資訊',
+  'mcpToolCall.table.memoryInfo': '記憶體資訊',
+  'mcpToolCall.table.applicationInfo': '應用資訊',
+  'mcpToolCall.table.networkInfo': '網路資訊',
+  'mcpToolCall.table.displayInfo': '顯示資訊',
+  'mcpToolCall.table.deviceInfo': '設備資訊',
+  'mcpToolCall.table.systemInfo': '系統資訊',
+  // 表格列標題
+  'mcpToolCall.table.component': '組件',
+  'mcpToolCall.table.property': '屬性',
+  'mcpToolCall.table.value': '值',
+  
+  'mcpToolCall.prop.volume': '音量',
+  'mcpToolCall.prop.brightness': '亮度',
+  'mcpToolCall.prop.theme': '主題',
+  'mcpToolCall.prop.type': '類型',
+  'mcpToolCall.prop.ssid': 'SSID',
+  'mcpToolCall.prop.signalStrength': '信號強度',
+  'mcpToolCall.prop.operationResult': '操作結果',
+  'mcpToolCall.prop.width': '寬度',
+  'mcpToolCall.prop.height': '高度',
+  'mcpToolCall.prop.screenType': '類型',
+  'mcpToolCall.prop.chipModel': '晶片型號',
+  'mcpToolCall.prop.cpuCores': 'CPU核心數',
+  'mcpToolCall.prop.chipVersion': '晶片版本',
+  'mcpToolCall.prop.flashSize': 'Flash大小',
+  'mcpToolCall.prop.minFreeHeap': '最小可用堆',
+  'mcpToolCall.prop.applicationName': '應用名稱',
+  'mcpToolCall.prop.applicationVersion': '應用版本',
+  'mcpToolCall.prop.compileTime': '編譯時間',
+  'mcpToolCall.prop.idfVersion': 'IDF版本',
+  'mcpToolCall.prop.macAddress': 'MAC地址',
+  'mcpToolCall.prop.ipAddress': 'IP地址',
+  'mcpToolCall.prop.wifiName': 'WiFi名稱',
+  'mcpToolCall.prop.wifiChannel': 'WiFi信道',
+  'mcpToolCall.prop.screenSize': '螢幕尺寸',
+  'mcpToolCall.prop.deviceUuid': '設備UUID',
+  'mcpToolCall.prop.systemLanguage': '系統語言',
+  'mcpToolCall.prop.currentOtaPartition': '當前OTA分區',
+  'mcpToolCall.prop.getResult': '獲取結果',
+  'mcpToolCall.prop.url': 'URL',
+  'mcpToolCall.prop.quality': '品質',
+  'mcpToolCall.prop.question': '問題',
+  
+  // 工具幫助文本
+  'mcpToolCall.help.getDeviceStatus': '查看設備的當前運行狀態，包括音量、螢幕、電池等資訊。',
+  'mcpToolCall.help.setVolume': '調整設備的音量大小，請輸入0-100之間的數值。',
+  'mcpToolCall.help.setBrightness': '調整設備螢幕的亮度，請輸入0-100之間的數值。',
+  'mcpToolCall.help.setTheme': '切換設備螢幕的顯示主題，可以選擇淺色或深色模式。',
+  'mcpToolCall.help.takePhoto': '使用設備攝像頭拍攝照片並進行識別分析，請輸入要詢問的問題。',
+  'mcpToolCall.help.getSystemInfo': '獲取設備的系統資訊，包括硬體規格、軟體版本等。',
+  'mcpToolCall.help.reboot': '重啟設備，執行後設備將重新啟動。',
+  'mcpToolCall.help.upgradeFirmware': '從指定URL下載並升級設備固件，升級後設備會自動重啟。',
+  'mcpToolCall.help.getScreenInfo': '獲取螢幕的詳細資訊，如解析度、尺寸等參數。',
+  'mcpToolCall.help.snapshot': '對當前螢幕進行截圖並上傳到指定URL。',
+  'mcpToolCall.help.previewImage': '在設備螢幕上預覽指定URL的圖片。',
+  'mcpToolCall.help.setDownloadUrl': '設置設備資源文件的下載地址。',
+  
+  // 其他文本
+  'mcpToolCall.text.strong': '強',
+  'mcpToolCall.text.medium': '中',
+  'mcpToolCall.text.weak': '弱',
+  'mcpToolCall.text.dark': '深色',
+  'mcpToolCall.text.light': '淺色',
+  'mcpToolCall.text.setSuccess': '設置成功',
+  'mcpToolCall.text.setFailed': '設置失敗',
+  'mcpToolCall.text.brightnessSetSuccess': '亮度設置成功',
+  'mcpToolCall.text.brightnessSetFailed': '亮度設置失敗',
+  'mcpToolCall.text.themeSetSuccess': '主題設置成功',
+  'mcpToolCall.text.themeSetFailed': '主題設置失敗',
+  'mcpToolCall.text.rebootCommandSent': '重啟指令已發送',
+  'mcpToolCall.text.rebootFailed': '重啟失敗',
+  'mcpToolCall.text.monochrome': '單色屏',
+  'mcpToolCall.text.color': '彩色屏',
+  'mcpToolCall.text.getSuccessParseFailed': '獲取成功，但解析失敗',
+  'mcpToolCall.text.getFailed': '獲取失敗',
+  'mcpToolCall.text.getSuccessFormatError': '獲取成功，但數據格式異常',
 
   // 字典數據對話框相關
   'dictDataDialog.addDictData': '新增字典數據',

From 58127cdfdc96f27ef39af8c9d71cc4c2c87759e8 Mon Sep 17 00:00:00 2001
From: hrz <1710360675@qq.com>
Date: Thu, 18 Sep 2025 19:08:24 +0800
Subject: [PATCH 8/8] =?UTF-8?q?update:=E4=BC=98=E5=8C=96=E6=9C=AA=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AEmqtt=E7=BD=91=E5=85=B3=E6=97=B6=E7=9A=84=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../device/controller/DeviceController.java   | 39 +++++++++++--------
 .../{202509161609.sql => 202509161610.sql}    |  2 +-
 .../db/changelog/db.changelog-master.yaml     |  4 +-
 3 files changed, 26 insertions(+), 19 deletions(-)
 rename main/manager-api/src/main/resources/db/changelog/{202509161609.sql => 202509161610.sql} (62%)

diff --git a/main/manager-api/src/main/java/xiaozhi/modules/device/controller/DeviceController.java b/main/manager-api/src/main/java/xiaozhi/modules/device/controller/DeviceController.java
index cc4eb5a3..e476dc32 100644
--- a/main/manager-api/src/main/java/xiaozhi/modules/device/controller/DeviceController.java
+++ b/main/manager-api/src/main/java/xiaozhi/modules/device/controller/DeviceController.java
@@ -5,6 +5,10 @@ import java.util.List;
 import org.apache.commons.lang3.StringUtils;
 import org.apache.shiro.authz.annotation.RequiresPermissions;
 import org.springframework.beans.BeanUtils;
+import org.springframework.http.HttpEntity;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.HttpMethod;
+import org.springframework.http.ResponseEntity;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PathVariable;
 import org.springframework.web.bind.annotation.PostMapping;
@@ -12,30 +16,26 @@ import org.springframework.web.bind.annotation.PutMapping;
 import org.springframework.web.bind.annotation.RequestBody;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.RestController;
+import org.springframework.web.client.RestTemplate;
+
+import com.fasterxml.jackson.databind.ObjectMapper;
 
 import io.swagger.v3.oas.annotations.Operation;
 import io.swagger.v3.oas.annotations.tags.Tag;
 import jakarta.validation.Valid;
-import lombok.AllArgsConstructor;
 import xiaozhi.common.exception.ErrorCode;
 import xiaozhi.common.redis.RedisKeys;
 import xiaozhi.common.redis.RedisUtils;
 import xiaozhi.common.user.UserDetail;
 import xiaozhi.common.utils.Result;
+import xiaozhi.modules.device.dto.DeviceManualAddDTO;
 import xiaozhi.modules.device.dto.DeviceRegisterDTO;
 import xiaozhi.modules.device.dto.DeviceUnBindDTO;
 import xiaozhi.modules.device.dto.DeviceUpdateDTO;
-import xiaozhi.modules.device.dto.DeviceManualAddDTO;
 import xiaozhi.modules.device.entity.DeviceEntity;
 import xiaozhi.modules.device.service.DeviceService;
 import xiaozhi.modules.security.user.SecurityUser;
 import xiaozhi.modules.sys.service.SysParamsService;
-import org.springframework.web.client.RestTemplate;
-import org.springframework.http.HttpEntity;
-import org.springframework.http.HttpHeaders;
-import org.springframework.http.HttpMethod;
-import org.springframework.http.ResponseEntity;
-import com.fasterxml.jackson.databind.ObjectMapper;
 
 @Tag(name = "设备管理")
 @RestController
@@ -47,7 +47,8 @@ public class DeviceController {
     private final RestTemplate restTemplate;
     private final ObjectMapper objectMapper;
 
-    public DeviceController(DeviceService deviceService, RedisUtils redisUtils, SysParamsService sysParamsService, RestTemplate restTemplate, ObjectMapper objectMapper) {
+    public DeviceController(DeviceService deviceService, RedisUtils redisUtils, SysParamsService sysParamsService,
+            RestTemplate restTemplate, ObjectMapper objectMapper) {
         this.deviceService = deviceService;
         this.redisUtils = redisUtils;
         this.sysParamsService = sysParamsService;
@@ -98,8 +99,8 @@ public class DeviceController {
         try {
             // 从系统参数中获取MQTT网关地址
             String mqttGatewayUrl = sysParamsService.getValue("server.mqtt_manager_api", true);
-            if (StringUtils.isBlank(mqttGatewayUrl)) {
-                return new Result<String>().error("MQTT网关地址未配置");
+            if (StringUtils.isBlank(mqttGatewayUrl) || "null".equals(mqttGatewayUrl)) {
+                return new Result<>();
             }
 
             // 获取当前用户的设备列表
@@ -152,7 +153,8 @@ public class DeviceController {
     private String generateBearerToken() {
         try {
             // 获取当前日期，格式为yyyy-MM-dd
-            String dateStr = java.time.LocalDate.now().format(java.time.format.DateTimeFormatter.ofPattern("yyyy-MM-dd"));
+            String dateStr = java.time.LocalDate.now()
+                    .format(java.time.format.DateTimeFormatter.ofPattern("yyyy-MM-dd"));
 
             // 获取MQTT签名密钥
             String signatureKey = sysParamsService.getValue("server.mqtt_signature_key", false);
@@ -214,13 +216,17 @@ public class DeviceController {
         try {
             // 从系统参数中获取MQTT网关地址
             String mqttGatewayUrl = sysParamsService.getValue("server.mqtt_manager_api", true);
-            if (StringUtils.isBlank(mqttGatewayUrl)) {
+            if (StringUtils.isBlank(mqttGatewayUrl) || "null".equals(mqttGatewayUrl)) {
                 return new Result<String>().error("MQTT网关地址未配置");
             }
 
             // 构建完整的URL
             // 获取设备信息以构建mqttClientId
             DeviceEntity deviceById = deviceService.selectById(deviceId);
+
+            if (!deviceById.getUserId().equals(SecurityUser.getUser().getId())) {
+                return new Result<String>().error("设备不存在");
+            }
             String macAddress = deviceById != null ? deviceById.getMacAddress() : "unknown";
             String groupId = deviceById != null ? deviceById.getBoard() : null;
             if (groupId == null) {
@@ -228,10 +234,10 @@ public class DeviceController {
             }
             groupId = groupId.replace(":", "_");
             macAddress = macAddress.replace(":", "_");
-            
+
             // 拼接为groupId@@@macAddress@@@deviceId格式
             String mqttClientId = groupId + "@@@" + macAddress + "@@@" + macAddress;
-            
+
             String url = "http://" + mqttGatewayUrl + "/api/commands/" + mqttClientId;
 
             // 设置请求头
@@ -239,7 +245,8 @@ public class DeviceController {
             headers.set("Content-Type", "application/json");
 
             // 生成Bearer令牌
-            String dateStr = java.time.LocalDate.now().format(java.time.format.DateTimeFormatter.ofPattern("yyyy-MM-dd"));
+            String dateStr = java.time.LocalDate.now()
+                    .format(java.time.format.DateTimeFormatter.ofPattern("yyyy-MM-dd"));
             String signatureKey = sysParamsService.getValue("server.mqtt_signature_key", false);
             if (StringUtils.isBlank(signatureKey)) {
                 return new Result<String>().error("MQTT签名密钥未配置");
diff --git a/main/manager-api/src/main/resources/db/changelog/202509161609.sql b/main/manager-api/src/main/resources/db/changelog/202509161610.sql
similarity index 62%
rename from main/manager-api/src/main/resources/db/changelog/202509161609.sql
rename to main/manager-api/src/main/resources/db/changelog/202509161610.sql
index 61270e26..df4b1fcb 100644
--- a/main/manager-api/src/main/resources/db/changelog/202509161609.sql
+++ b/main/manager-api/src/main/resources/db/changelog/202509161610.sql
@@ -1,3 +1,3 @@
 delete from `sys_params` where param_code = 'server.mqtt_manager_api';
 INSERT INTO `sys_params` (id, param_code, param_value, value_type, param_type, remark)
-VALUES (119, 'server.mqtt_manager_api', null, 'string', 1, 'MQTT网关管理API的地址');
+VALUES (119, 'server.mqtt_manager_api', 'null', 'string', 1, 'MQTT网关管理API的地址');
diff --git a/main/manager-api/src/main/resources/db/changelog/db.changelog-master.yaml b/main/manager-api/src/main/resources/db/changelog/db.changelog-master.yaml
index 7ecb2f03..934f7314 100755
--- a/main/manager-api/src/main/resources/db/changelog/db.changelog-master.yaml
+++ b/main/manager-api/src/main/resources/db/changelog/db.changelog-master.yaml
@@ -346,12 +346,12 @@ databaseChangeLog:
             encoding: utf8
             path: classpath:db/changelog/202509080922.sql
   - changeSet:
-      id: 202509161609
+      id: 202509161610
       author: fyb
       changes:
         - sqlFile:
             encoding: utf8
-            path: classpath:db/changelog/202509161609.sql
+            path: classpath:db/changelog/202509161610.sql
   - changeSet:
       id: 202509161701
       author: RanChen