feat(frontend): 添加全局日志记录功能

- 在多个组件中添加 v-log 指令，用于记录用户操作日志
- 日志内容包括动作描述、tab 名称、按钮点击等信息- 优化了日志记录的准确性和详细程度，便于后续分析用户行为

frontend/src/apis/log.ts

@@ -70,8 +70,6 @@ export function getCurrentUuid(): string | null {
  * @param params 埋点参数
  */
 export async function setLog(params: LogParams): Promise<void> {
-  console.log('setLog 被调用，参数:', params); // 调试信息
-  
   const uuidStore = getUuidStore();
   
   // 埋点函数
@@ -84,32 +82,25 @@ export async function setLog(params: LogParams): Promise<void> {
       ...logParams
     };
     
-    console.log('发送埋点请求，数据:', requestData); // 调试信息
-    
     try {
       await POST('/api/record/point', requestData, {
         loading: false,
         showErrorMessage: false
       });
-      console.log('埋点请求成功'); // 调试信息
     } catch (error) {
-      console.error('埋点请求失败:', error); // 调试信息
+      console.error('埋点请求失败:', error);
     }
   };
 
   // 检查UUID是否存在
   if (uuidStore.hasUuid) {
-    console.log('使用缓存的UUID:', uuidStore.getUuid); // 调试信息
     await setLogFun(params);
   } else {
-    console.log('UUID不存在，开始获取UUID'); // 调试信息
     // UUID不存在，先获取UUID
     try {
       const res = await getUUid();
-      console.log('获取UUID响应:', res); // 调试信息
       if (res.code === 0 && res.data?.uuid) {
         uuidStore.setUuid(res.data.uuid);
-        console.log('设置UUID缓存:', uuidStore.getUuid); // 调试信息
         await setLogFun(params);
       } else {
         console.error('获取UUID失败:', res.message);

frontend/src/views/Developer/cmd.vue

@@ -19,7 +19,7 @@
 
     <el-row align="middle" justify="middle" class="mar-top-10">
       <el-col :span="24">
-        <el-button type="primary" @click="send_command">发送</el-button>
+        <el-button type="primary" @click="send_command" v-log="{ describe: { action: '点击RS485发送命令' } }">发送</el-button>
       </el-col>
     </el-row>
 

frontend/src/views/Developer/index.vue

@@ -7,9 +7,9 @@
 
   <div class="page">
   <div class="tabs">
-    <div class="tab" @click="handleSelect(1)" :class="{active:activeIndex == 1}">设置</div>
-    <div class="tab" @click="handleSelect(2)" :class="{active:activeIndex == 2}">MCU其他配置设置</div>
-    <div class="tab" @click="handleSelect(3)" :class="{active:activeIndex == 3}">RS485调试发送</div>
+    <div class="tab" @click="handleSelect(1)" :class="{active:activeIndex == 1}" v-log="{ describe: { action: '点击开发者页切换Tab', tab: '设置' } }">设置</div>
+    <div class="tab" @click="handleSelect(2)" :class="{active:activeIndex == 2}" v-log="{ describe: { action: '点击开发者页切换Tab', tab: 'MCU其他配置设置' } }">MCU其他配置设置</div>
+    <div class="tab" @click="handleSelect(3)" :class="{active:activeIndex == 3}" v-log="{ describe: { action: '点击开发者页切换Tab', tab: 'RS485调试发送' } }">RS485调试发送</div>
   </div>
 
 

frontend/src/views/Developer/mcu.vue

@@ -18,8 +18,8 @@
 
   <el-row align="middle" justify="middle" class="bottom-wrap">
     <el-col :span="24">
-      <el-button type="primary" @click="get_deviation">读取配置</el-button>
-      <el-button type="primary" @click="set_deviation">设置配置</el-button>
+      <el-button type="primary" @click="get_deviation" v-log="{ describe: { action: '点击读取MCU其他配置' } }">读取配置</el-button>
+      <el-button type="primary" @click="set_deviation" v-log="{ describe: { action: '点击设置MCU其他配置' } }">设置配置</el-button>
     </el-col>
   </el-row>
   </div>

frontend/src/views/Home/index.vue

@@ -6,20 +6,20 @@
               }]"
   >
 
-    <template  #title><div @click="handleSettingClick">首页</div></template>
+    <template  #title><div @click="handleSettingClick" v-log="{ describe: { action: '点击首页标题' } }">首页</div></template>
   </headerBar>
   <div class="home-container" v-loading="loading">
     <!-- 背景图片 -->
     <img src="@/assets/images/home/bg.png" alt="背景图片" class="background-image" />
 
     <!-- 左侧图片区域 -->
-    <div class="image-container left-image" @click="goCheck">
+    <div class="image-container left-image" @click="goCheck" v-log="{ describe: { action: '点击拍照检查入口' } }">
       <img src="@/assets/images/home/left.jpg" alt="拍摄产品并处理图像" class="zoom-on-hover" />
       <div class="overlay-text">拍摄产品<br>并处理图像</div>
     </div>
 
     <!-- 右侧图片区域 -->
-    <div class="image-container right-image" @click="goShot">
+    <div class="image-container right-image" @click="goShot" v-log="{ describe: { action: '点击仅处理图像入口' } }">
       <img src="@/assets/images/home/right.jpg" alt="仅处理图像" class="zoom-on-hover" />
       <div class="overlay-text" style="line-height: 80px;">仅处理图像</div>
     </div>

frontend/src/views/OTA/index.vue

@@ -156,7 +156,7 @@ onMounted(() => {
 
           <p>状态: <span :class="{ 'text-green': isLatest, 'text-red': !isLatest }">{{ isLatest ? '您已经是最新版本' : '发现新版本' }}</span></p>
           <p v-if="!isLatest">新版本: {{ latestVersion }}</p>
-          <el-button v-if="!isLatest" type="primary" @click="downloadUpdate">下载更新</el-button>
+          <el-button v-if="!isLatest" type="primary" @click="downloadUpdate" v-log="{ describe: { action: '点击下载最新版本', latestVersion } }">下载更新</el-button>
         </el-card>
 
         <el-card class="history-versions-card mar-top-10">
@@ -174,7 +174,7 @@ onMounted(() => {
             </el-table-column>
             <el-table-column label="操作"  width="80">
               <template #default="{ row }">
-                <el-button size="small" @click="downloadSpecificVersion(row.url)">下载</el-button>
+                <el-button size="small" @click="downloadSpecificVersion(row.url)" v-log="{ describe: { action: '点击下载历史版本', version: row.version, url: row.url } }">下载</el-button>
               </template>
             </el-table-column>
           </el-table>

frontend/src/views/Photography/check.vue

@@ -38,18 +38,18 @@
 
         <template v-if="!isSetting">
           <div v-if="step === 1" class="action-button flex cente">
-            <div @click="takePictures" class="check-button  button--primary1 flex-col"><span class="button-text" v-loading="loading">拍照检查</span>
+            <div @click="takePictures" class="check-button  button--primary1 flex-col" v-log="{ describe: { action: '点击拍照检查' } }"><span class="button-text" v-loading="loading">拍照检查</span>
             </div>
           </div>
 
           <div v-else class="action-button flex center">
-            <div @click="checkConfirm(false)" class="check-button  button--white flex-col">
+            <div @click="checkConfirm(false)" class="check-button  button--white flex-col" v-log="{ describe: { action: '点击重新拍照检查' } }">
               <span class="button-text cu-p">重新拍照检查</span>
             </div>
             <router-link class="mar-left-20 " :to="{
               name: 'PhotographyShot'
             }">
-              <div class="check-button   button--primary1 flex-col">
+              <div class="check-button   button--primary1 flex-col" v-log="{ describe: { action: '点击确认无误下一步' } }">
                 <span class="button-text cu-p">确认无误，下一步</span>
               </div>
             </router-link>

frontend/src/views/Photography/components/editRow.vue

@@ -39,7 +39,7 @@
             <el-radio :label="true">翻转</el-radio>
             <el-radio :label="false">不翻转</el-radio>
           </el-radio-group>
-          <a class="cursor-pointer" @click="changeNum('overturn_steering')">测试翻转</a>
+          <a class="cursor-pointer" @click="changeNum('overturn_steering')" v-log="{ describe: { action: '点击测试翻转' } }">测试翻转</a>
         </div>
       </el-form-item>
       <el-form-item label="LED灯光开光" @change="changeNum('laser_position')">
@@ -65,9 +65,9 @@
       </el-form-item>
     </el-form>
     <div class="btn-row mar-top-20">
-      <div class="normal-btn" @click="close" v-if="id">取消</div>
-      <div class="normal-btn"  v-loading="captureLoading"  v-if="!id && editRowData.is_system" @click="testShoesFlip">运行</div>
-      <div class="primary-btn"  v-loading="captureLoading" @click="saveRow">{{ id ? '保存并关闭' : '保存' }}</div>
+      <div class="normal-btn" @click="close" v-if="id" v-log="{ describe: { action: '点击关闭编辑行' } }">取消</div>
+      <div class="normal-btn"  v-loading="captureLoading"  v-if="!id && editRowData.is_system" @click="testShoesFlip" v-log="{ describe: { action: '点击运行测试拍照' } }">运行</div>
+      <div class="primary-btn"  v-loading="captureLoading" @click="saveRow" v-log="{ describe: { action: '点击保存设备配置' } }">{{ id ? '保存并关闭' : '保存' }}</div>
       </div>
   </div>
 

frontend/src/views/Photography/detail.vue

@@ -105,7 +105,7 @@
 
         <div class="template-list">
           <div v-for="(template, index) in visibleTemplates" :key="index" class="template-item"
-            @click="form.selectTemplate = template" v-log="{ describe: { action: '选择详情模板', template_name: template.template_name } }">
+            @click="form.selectTemplate = template" v-log="{ describe: { action: '点击选择详情模板', template_name: template.template_name } }">
             <el-image :src="template.template_cover_image" fit="contain" class="cur-p"
               style="width: 100%; display: block;" />
             <div class="select-warp" :class="form.selectTemplate.id == template.id ? 'active' : ''">
@@ -115,7 +115,7 @@
             </div>
             <div class="template-info">
               <span class="mar-left-10 chaochu_1">{{ template.template_name }}</span>
-              <div class="template-view" @click="viewTemplate(template)" v-log="{ describe: { action: '查看模板详情', template_name: template.template_name } }">查看</div>
+              <div class="template-view" @click="viewTemplate(template)" v-log="{ describe: { action: '点击查看模板详情', template_name: template.template_name } }">查看</div>
             </div>
           </div>
         </div>
@@ -171,7 +171,7 @@
             <img src="@/assets/images/Photography/zhuangshi.png" style="width: 32px; height: 32px;" />
             详情资料准备 (2选1)
 
-            <el-button v-if="form.dataType == '1'" type="text" class="mar-left-10 fs-16"  @click="downloadExcel" v-log="{ describe: { action: '下载Excel模板' } }">下载商品基础资料模版</el-button>
+            <el-button v-if="form.dataType == '1'" type="text" class="mar-left-10 fs-16"  @click="downloadExcel" v-log="{ describe: { action: '点击下载Excel模板' } }">下载商品基础资料模版</el-button>
           </div>
         </div>
 
@@ -187,7 +187,7 @@
             <div class="flex bottom mar-left-20" style="flex-grow: 1;">
               <el-input type="textarea" v-model="form.excel_path" />
             </div>
-            <el-button class="select-button button--primary1  mar-left-20" type="primary" @click="selectExcel" v-log="{ describe: { action: '选择Excel文件' } }">
+            <el-button class="select-button button--primary1  mar-left-20" type="primary" @click="selectExcel" v-log="{ describe: { action: '点击选择Excel文件' } }">
               <img src="@/assets/images/Photography/wenjian.png" style="width: 16px; margin-right: 4px;" />
               选择</el-button>
           </div>
@@ -199,7 +199,7 @@
     <div class="footer">
       <!-- <el-button class="button--primary1 footer-button" type="primary" @click="saveConfig">保存配置</el-button> -->
       <!--  <el-button class="button--primary1 footer-button" type="primary" @click="startProcess">开始处理</el-button>  -->
-      <el-button class="button--primary1 footer-button" type="primary" @click="generate">开始生成</el-button>
+      <el-button class="button--primary1 footer-button" type="primary" @click="generate" v-log="{ describe: { action: '点击开始生成详情页' } }">开始生成</el-button>
     </div>
   </div>
 
@@ -365,7 +365,7 @@ const generate = async function () {
   // 埋点：开始生成详情页
   clickLog({
     describe: {
-      action: '开始生成详情页',
+      action: '点击开始生成详情页',
       is_only_cutout: form.is_only_cutout,
       dataType: form.dataType,
       template_name: form.selectTemplate.template_name,

frontend/src/views/Photography/seniorDetail.vue

@@ -21,7 +21,7 @@
               <li>图片的名称不能随意修改，否则无法正常生成详情页。</li>
               <li>现有图片名称有：俯视、侧视、后视、鞋底、内里</li>
             </ol>
-            <el-icon @click="showTips = false" class="close-icon">
+            <el-icon @click="showTips = false" class="close-icon" v-log="{ describe: { action: '点击关闭高级配置提示' } }">
               <Close />
             </el-icon>
           </div>
@@ -32,7 +32,7 @@
             <div class="folder-warp">
               <div class="folder-input">
                 <el-input style="width: 60%;" v-model="folderPath" type="textarea"  :rows="2" readonly placeholder="请选择货号文件夹" />
-                <el-button class="check-button" type="primary" @click="selectFolder">
+                <el-button class="check-button" type="primary" @click="selectFolder" v-log="{ describe: { action: '选择货号文件夹' } }">
                   <img src="@/assets/images/Photography/wenjian.png" style="width: 14px; " />
                   选择目标文件夹</el-button>
               </div>
@@ -68,7 +68,7 @@
             <div class="label">图片顺序：</div>
             <el-input v-model="imageOrder" placeholder="请输入图片顺序" class="specific-page-input">
               <template #append>
-                <el-button class="explain-btn" link type="primary">说明</el-button>
+                <el-button class="explain-btn" link type="primary" v-log="{ describe: { action: '点击图片顺序说明' } }">说明</el-button>
               </template>
             </el-input>
           </div>
@@ -85,7 +85,7 @@
             <el-input v-model="specificPage" placeholder="请输入入需要单独修改的页面，示例：4:1 (需修改模版的编号：第一张)"
               class="specific-page-input">
               <template #append>
-                <el-button class="explain-btn" link type="primary">说明</el-button>
+                <el-button class="explain-btn" link type="primary" v-log="{ describe: { action: '点击指定页面说明' } }">说明</el-button>
               </template>
             </el-input>
           </div>
@@ -94,9 +94,9 @@
 
       <!-- 底部按钮 -->
       <div class="footer">
-        <el-button class="button--primary1  footer-button" type="primary" @click="saveConfig">保存配置</el-button>
+        <el-button class="button--primary1  footer-button" type="primary" @click="saveConfig" v-log="{ describe: { action: '点击保存高级配置' } }">保存配置</el-button>
 
-        <el-button class="button--primary1 footer-button" type="primary" @click="startProcess">开始处理</el-button>
+        <el-button class="button--primary1 footer-button" type="primary" @click="startProcess" v-log="{ describe: { action: '点击开始处理高级配置' } }">开始处理</el-button>
       </div>
 
     </div>

frontend/src/views/Photography/shot.vue

@@ -70,7 +70,7 @@
             <div></div>
             <div class="flex-item">{{ lastPhoto.action_name || '' }}</div>
             <div class="cu-p">
-              <el-icon style="color: #000" @click="showlastPhoto = false" class="close-icon">
+              <el-icon style="color: #000" @click="showlastPhoto = false" class="close-icon" v-log="{ describe: { action: '关闭最近拍照预览' } }">
                 <Close/>
               </el-icon>
             </div>
@@ -190,7 +190,7 @@
             />
             <span class="empty-text">暂无数据</span>
           </div>-->
-          <div v-if="goodsList.length" class="next-step button--primary1 flex-col" @click="openPhotographyDetail"><span
+          <div v-if="goodsList.length" class="next-step button--primary1 flex-col" @click="openPhotographyDetail" v-log="{ describe: { action: '点击开始生成' } }"><span
               class="next-step-text">{{ configInfoStore.appModel === 1 ? '开始生成' : '开始生成'}}</span></div>
         </div>
 
@@ -428,11 +428,16 @@ const getTime = function(time){
  */
 async function delAll(){
     let params = goodsList.value.map(item=>item.goods_art_no)
-    await ElMessageBox.confirm('确定要删除当下的历史记录吗？', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-    })
-    del({goods_art_nos:params})
+    try {
+      await ElMessageBox.confirm('确定要删除当下的历史记录吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+      })
+      await clickLog({ describe: { action: '点击确认一键删除', goods_art_nos: params } }, route)
+      del({goods_art_nos:params})
+    } catch (e) {
+      await clickLog({ describe: { action: '点击取消一键删除' } }, route)
+    }
 }
 
 /**
@@ -440,13 +445,16 @@ async function delAll(){
  * @param params - 包含需要删除的货号列表的对象。
  */
 const delGoods = async function(params){
-
-
-  await ElMessageBox.confirm('确定要删除货号：'+params.goods_art_nos[0]+'的拍摄数据吗？', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-  })
-  del(params)
+  try {
+    await ElMessageBox.confirm('确定要删除货号：'+params.goods_art_nos[0]+'的拍摄数据吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+    })
+    await clickLog({ describe: { action: '点击确认删除货号', goods_art_no: params.goods_art_nos?.[0] } }, route)
+    del(params)
+  } catch (e) {
+    await clickLog({ describe: { action: '点击取消删除货号', goods_art_no: params.goods_art_nos?.[0] } }, route)
+  }
 }
 
 /**
@@ -483,10 +491,16 @@ const del = async function(params){
 
 const reTakePicture = async (img)=>{
   if(!img.id) return;
-  await ElMessageBox.confirm('此操作会先删除此数据，需要继续吗？', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-  })
+  try {
+    await ElMessageBox.confirm('此操作会先删除此数据，需要继续吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+    })
+    await clickLog({ describe: { action: '点击确认单张重拍', goods_art_no: img.goods_art_no, action_name: img.action_name } }, route)
+  } catch (e) {
+    await clickLog({ describe: { action: '点击取消单张重拍', goods_art_no: img.goods_art_no, action_name: img.action_name } }, route)
+    return
+  }
 
   runLoading.value = true;
   reNosObj.value.goods_art_no = img.goods_art_no
@@ -555,6 +569,7 @@ const reTakePicture = async (img)=>{
       closeOnClickModal:false,
       closeOnPressEscape:false
     })
+    await clickLog({ describe: { action: '点击开始重拍', goods_art_no: img.goods_art_no } }, route)
 
 
     clientStore.ipc.removeAllListeners(icpList.socket.message + '_digicam_take_picture');
@@ -568,6 +583,9 @@ const reTakePicture = async (img)=>{
 
       runLoading.value = false;
       if(result.code === 0){
+
+
+       if(runAction.value.goods_art_no ) setLogInfo(route, { action: '单张拍摄完成', goods_art_no: runAction.value.goods_art_no });
         getPhotoRecords()
         setTimeout(()=>{
           showlastPhoto.value = false
@@ -602,10 +620,16 @@ const reNosObj = ref({
 //货号重拍
 const reTakePictureNos = async (goods_art_no,item)=>{
 
-  await ElMessageBox.confirm('此操作会先删除删除货号：'+goods_art_no+'的拍摄数据吗，需要继续吗？', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-  })
+  try {
+    await ElMessageBox.confirm('此操作会先删除删除货号：'+goods_art_no+'的拍摄数据吗，需要继续吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+    })
+    await clickLog({ describe: { action: '点击确认重拍货号', goods_art_no } }, route)
+  } catch (e) {
+    await clickLog({ describe: { action: '点击取消重拍货号', goods_art_no } }, route)
+    return
+  }
   reNosObj.value.goods_art_no = goods_art_no
   reNosObj.value.action = '执行左脚程序'
   console.log(item);
@@ -686,6 +710,9 @@ onMounted(async () => {
     console.log('_photo_take')
     console.log(result)
     if(result.status === 2 && result.msg.includes('执行完成')){
+      if(runAction.value.goods_art_no  ){
+        setLogInfo(route, { action: '单张拍摄完成', goods_art_no: runAction.value.goods_art_no });
+      }
       getPhotoRecords()
       // 延迟两秒再获取一遍数据
       setTimeout(()=>{
@@ -724,7 +751,7 @@ onMounted(async () => {
     console.log('_photo_take_finish')
     console.log(result)
     if(result.code === 0) {
-      setLogInfo(route, { action: '拍摄完成', goods_art_no: runAction.value.goods_art_no });
+      setLogInfo(route, { action: '全部拍摄完成', goods_art_no: runAction.value.goods_art_no });
       runLoading.value = false;
       runAction.value.goods_art_no = '';
       runAction.value.action = '';
@@ -770,7 +797,7 @@ onMounted(async () => {
 const onRemoteControl = (type)=>{
   if(type == 'take_picture'){
     // 埋点：手动拍照
-    clickLog({ describe: { action: '手动拍照' } }, route);
+    clickLog({ describe: { action: '点击遥控器拍照按钮' } }, route);
 
     if(runLoading.value || takePictureLoading.value){
       ElMessage.error('拍摄程序正在运行，请稍候')
@@ -794,7 +821,7 @@ const onRemoteControl = (type)=>{
   if(type  === 'right')  action = '执行右脚程序'
 
   // 埋点：遥控器启动拍摄
-  clickLog({ describe: { action: `遥控器${type === 'left' ? '左脚' : '右脚'}启动拍摄`, goods_art_no: goods_art_no.value } }, route);
+  clickLog({ describe: { action: `点击遥控器${type === 'left' ? '左脚' : '右脚'}按钮`, goods_art_no: goods_art_no.value } }, route);
 
   runGoods({
     "action": action,
@@ -892,6 +919,8 @@ clientStore.ipc.on(icpList.socket.message+'_smart_shooter_photo_take', async (ev
   if( reNosObj.value.goods_art_no ){
 
 
+    setLogInfo(route, { action: '单张拍摄完成', goods_art_no: reNosObj.value.goods_art_no });
+
     runLoading.value = false;
     if(result.code === 0){
       getPhotoRecords()

frontend/src/views/Setting/components/DebugPanel.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="debug-panel" v-if="isVisible">
     <div class="form-item flex left">
-        <el-button @click="openResourceDirectory">打开资源目录</el-button>
+        <el-button @click="openResourceDirectory" v-log="{ describe: { action: '打开资源目录' } }">打开资源目录</el-button>
     </div>
   </div>
 </template>

frontend/src/views/Setting/components/action_config.vue

@@ -10,15 +10,15 @@
       <div class="item"
            :class="item.id === activeTab.id ? 'active' : ''"
            v-for="item in tabs" :key="item.id"
-           @click="toggleTab(item)"
+           @click="toggleTab(item)" v-log="{ describe: { action: '点击切换动作Tab', tabName: item.mode_name, tabId: item.id } }"
       >{{item.mode_name}}</div>
   </div>
   <div class="form-table">
     <div class="btnBox">
-      <div class="primary-btn" @click="addRow">新增一行</div>
-      <div class="primary-btn" @click="resetConfig">重新初始化</div>
-      <div class="primary-btn" @click="reName">重命名配置</div>
-      <el-radio-group style="margin-left: 10px" v-model="selectID" @click="changeSelectId(activeTab.id)">
+      <div class="primary-btn" @click="addRow" v-log="{ describe: { action: '点击新增一行' } }">新增一行</div>
+      <div class="primary-btn" @click="resetConfig" v-log="{ describe: { action: '点击重新初始化', tab: topsTab } }">重新初始化</div>
+      <div class="primary-btn" @click="reName" v-log="{ describe: { action: '点击重命名配置' } }">重命名配置</div>
+      <el-radio-group style="margin-left: 10px" v-model="selectID" @click="changeSelectId(activeTab.id)" v-log="{ describe: { action: '点击切换执行配置', tabId: activeTab.id } }">
         <el-radio :label="activeTab.id">切换成执行配置</el-radio>
       </el-radio-group>
     </div>
@@ -41,8 +41,8 @@
       </el-table-column>
       <el-table-column prop="value" label="操作" >
         <template #default="{row, $index}">
-          <a class="mar-right-10 cursor-pointer" @click="editRow(row, $index)">编辑</a>
-          <a class="cursor-pointer" v-if="!row.is_system" @click="deleteRow(row, $index)">删除</a>
+          <a class="mar-right-10 cursor-pointer" @click="editRow(row, $index)" v-log="{ describe: { action: '点击编辑步骤', id: row.id, action_name: row.action_name } }">编辑</a>
+          <a class="cursor-pointer" v-if="!row.is_system" @click="deleteRow(row, $index)" v-log="{ describe: { action: '点击删除步骤', id: row.id, action_name: row.action_name } }">删除</a>
         </template>
       </el-table-column>
     </el-table>

frontend/src/views/Setting/components/otherConfig.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex left fs-14 line-40 mar-top-10" style="margin-left: 100px">
     剩余金币：{{ useUserInfoStore.userInfo.coin_amount }}
-    <el-button class="mar-left-10" @click="openDialog()">充值金币</el-button>
+    <el-button class="mar-left-10" @click="openDialog()" v-log="{ describe: { action: '点击充值金币' } }">充值金币</el-button>
   </div>
 
   <!-- 新增：充值金币弹窗 -->

frontend/src/views/Setting/index.vue

@@ -1,21 +1,21 @@
 <template>
   <headerBar
   >
-    <template  #title><div @click="handleSettingClick">设置</div></template>
+    <template  #title><div @click="handleSettingClick" v-log="{ describe: { action: '点击设置标题' } }">设置</div></template>
   </headerBar>
   <div class="container">
     <nav class="settings-nav">
-      <div class="nav-item" :class="{'active': activeIndex === 0}" @click="toggleTab(0)">
+      <div class="nav-item" :class="{'active': activeIndex === 0}" @click="toggleTab(0)" v-log="{ describe: { action: '点击切换设置Tab', tab: '基础配置' } }">
         <img src="@/assets/images/setting/icon1.png" class="nav-icon" v-if="activeIndex !== 0"/>
         <img src="@/assets/images/setting/icon1a.png" class="nav-icon" v-else/>
         <span>基础配置</span>
       </div>
-      <div class="nav-item" :class="{'active': activeIndex === 2}" @click="toggleTab(2)">
+      <div class="nav-item" :class="{'active': activeIndex === 2}" @click="toggleTab(2)" v-log="{ describe: { action: '点击切换设置Tab', tab: '其他设置' } }">
         <img src="@/assets/images/setting/icon3.png" class="nav-icon" v-if="activeIndex !== 2"/>
         <img src="@/assets/images/setting/icon3a.png" class="nav-icon" v-else/>
         <span>其他设置</span>
       </div>
-      <div class="nav-item" v-if="configInfoStore.appModel === 1" :class="{'active': activeIndex === 4}"  @click="toggleTab(4)">
+      <div class="nav-item" v-if="configInfoStore.appModel === 1" :class="{'active': activeIndex === 4}"  @click="toggleTab(4)" v-log="{ describe: { action: '点击切换设置Tab', tab: '左右脚程序设置' } }">
         <img src="@/assets/images/setting/icon4.png" class="nav-icon" v-if="activeIndex !== 4"/>
         <img src="@/assets/images/setting/icon4a.png" class="nav-icon" v-else/>
         <span>左右脚程序设置</span>
@@ -119,7 +119,7 @@
           </div>
     </div>
       <div class="text-center mt-8">
-        <button class="bg-gradient-to-r from-primary" @click="onSava(activeIndex)" v-if="activeIndex !== 4">
+        <button class="bg-gradient-to-r from-primary" @click="onSava(activeIndex)" v-if="activeIndex !== 4" v-log="{ describe: { action: '点击保存设置', tabIndex: activeIndex } }">
           保存
         </button>
       </div>

frontend/src/views/Setting/index_old.vue

@@ -1,1104 +0,0 @@
-<template>
-  <headerBar
-    title="设置"
-  />
-  <div class="container">
-    <nav class="settings-nav">
-      <div class="nav-item" :class="{'active': activeIndex === 0}" @click="activeIndex = 0">
-        <img src="@/assets/images/setting/icon1.png" class="nav-icon" v-if="activeIndex !== 0"/>
-        <img src="@/assets/images/setting/icon1a.png" class="nav-icon" v-else/>
-        <span>基础配置</span>
-      </div>
-<!--      <div class="nav-item" :class="{'active': activeIndex === 1}" @click="activeIndex = 1">
-        <img src="@/assets/images/setting/icon2.png" class="nav-icon" v-if="activeIndex !== 1"/>
-        <img src="@/assets/images/setting/icon2a.png" class="nav-icon" v-else/>
-        <span>拍照设置</span>
-      </div>-->
-      <div class="nav-item" :class="{'active': activeIndex === 2}" @click="activeIndex = 2">
-        <img src="@/assets/images/setting/icon3.png" class="nav-icon" v-if="activeIndex !== 2"/>
-        <img src="@/assets/images/setting/icon3a.png" class="nav-icon" v-else/>
-        <span>其他设置</span>
-      </div>
-<!--      <div class="nav-item" :class="{'active': activeIndex === 3}" @click="activeIndex = 3">
-        <img src="@/assets/images/setting/icon4.png" class="nav-icon" v-if="activeIndex !== 3"/>
-        <img src="@/assets/images/setting/icon4a.png" class="nav-icon" v-else/>
-        <span>遥控器设置</span>
-      </div>-->
-      <div class="nav-item" :class="{'active': activeIndex === 4}" @click="activeIndex = 4">
-        <img src="@/assets/images/setting/icon4.png" class="nav-icon" v-if="activeIndex !== 4"/>
-        <img src="@/assets/images/setting/icon4a.png" class="nav-icon" v-else/>
-        <span>左右脚程序设置</span>
-      </div>
-    </nav>
-
-    <div class="form-container">
-<!--        <div class="captureBox" v-if="activeIndex === 0">
-            <div class="form-item">
-                <label>canpture_one图片输出文件夹：</label>
-                <div class="input-group">
-                  <el-input style="width: 430px;" type="textarea" :rows="2" v-model="formData.captureOneFolder" readonly></el-input>
-                  <div class="select-btn" @click="selectFolder">
-                   <img src="@/assets/images/setting/folder.png" /> 选择文件夹
-                  </div>
-                </div>
-            </div>
-&lt;!&ndash;            <p class="error-text">capture one的导出拍照图像自动和智能拍的待处理图像自不一致，请重新选择</p>&ndash;&gt;
-          </div>-->
-      <!--基础配置-->
-          <div class="selectBox" v-if="activeIndex === 0">
-                <div class="form-item">
-                    <label>主图尺寸：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.basic_configs.main_image_size" placeholder="请选择">
-                      <el-option v-for="item in mainImageSizeList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>
-                <div class="form-item">
-                    <label>图片输出格式：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.basic_configs.image_out_format" placeholder="请选择">
-                      <el-option v-for="item in imageFormatList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>
-                <div class="form-item">
-                    <label>图片锐化：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.basic_configs.image_sharpening" placeholder="请选择">
-                      <el-option v-for="item in imageSharpeningList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>
-        </div>
-      <!--基础配置-->
-      <!--拍照设置-->
-          <div class="selectBox" style="padding-top: 0px" v-if="activeIndex === 1">
-                <div class="form-item">
-                    <label>重复拍摄警告：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.take_photo_configs.repart_take_photo_warning" placeholder="请选择">
-                      <el-option v-for="item in repeatWarningList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>
-                <div class="form-item">
-                    <label>单次张数警告：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.take_photo_configs.single_photo_warning" placeholder="请选择">
-                      <el-option v-for="item in singleWarningList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>
-                <div class="form-item">
-                    <label>累计拍照警告：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.take_photo_configs.total_photo_warning" placeholder="请选择">
-                      <el-option v-for="item in totalWarningList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>
-<!--                <div class="form-item">
-                    <label>对焦时间：</label>
-                    <div class="select-wrapper">
-                      <el-input v-model="formData.focusTime" placeholder="请输入">
-                        <template #append>秒</template>
-                      </el-input>
-                    </div>
-                </div>-->
-                <div class="form-item">
-                    <label>拍照停留：</label>
-                    <div class="select-wrapper">
-                      <el-input v-model="formData.take_photo_configs.camera_delay" placeholder="请输入">
-                        <template #append>秒</template>
-                      </el-input>
-                    </div>
-                </div>
-        </div>
-      <!--拍照配置-->
-      <!--其他设置-->
-          <div class="selectBox" style="padding-top: 0px" v-if="activeIndex === 2">
-                <div class="form-item">
-                    <label>产品类型：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.other_configs.product_type" placeholder="请选择">
-                      <el-option v-for="item in productTypeList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>
-                <div class="form-item">
-                    <label>默认抠图模式：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.other_configs.cutout_mode" placeholder="请选择">
-                      <el-option v-for="item in defaultCutoutModeList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>
-                <div class="form-item">
-                    <label>设备运动速度：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.other_configs.device_speed" placeholder="请选择">
-                      <el-option v-for="item in deviceSpeedList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>
-<!--                <div class="form-item">
-                    <label>运行模式：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.other_configs.running_mode" placeholder="请选择">
-                      <el-option v-for="item in runModeList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>-->
-          </div>
-      <!--其他设置-->
-          <div class="selectBox" style="padding-top: 0px" v-if="activeIndex === 3">
-                <div class="form-item">
-                    <label>接收器：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.receiver" placeholder="请选择">
-                      <el-option v-for="item in receiverList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>
-                <div class="form-item">
-                    <label>左：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.left" placeholder="请选择">
-                      <el-option v-for="item in leftList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>
-                <div class="form-item">
-                    <label>右：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.right" placeholder="请选择">
-                      <el-option v-for="item in rightList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>
-                <div class="form-item">
-                    <label>上：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.up" placeholder="请选择">
-                      <el-option v-for="item in upList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>
-                <div class="form-item">
-                    <label>下：</label>
-                    <div class="select-wrapper">
-                    <el-select v-model="formData.down" placeholder="请选择">
-                      <el-option v-for="item in downList" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                    </el-select>
-                    </div>
-                </div>
-          </div>
-          <div class="selectBox" style="padding-top: 0px;padding-left: 0;" v-if="activeIndex === 4">
-            <el-tabs v-model="activeTab" type="card">
-              <el-tab-pane label="执行左脚程序" name="left">
-              </el-tab-pane>
-              <el-tab-pane label="执行右脚程序" name="right"></el-tab-pane>
-            </el-tabs>
-            <div class="form-table">
-              <div class="btnBox">
-                <div class="primary-btn" @click="addRow">新增一行</div>
-                <div class="normal-btn" @click="resetConfig">重新初始化</div>
-              </div>
-              <el-table height="200px" :data="activeTab === 'left' ? lefttableData : righttableData" style="width: 100%" border>
-                <el-table-column prop="id" label="id" />
-                <el-table-column prop="action_name" label="步骤" />
-                <el-table-column prop="take_picture" label="是否拍照" width="200px">
-                  <template #default="scope">
-                    <el-radio-group v-model="scope.row.take_picture">
-                      <el-radio :label="true">拍照</el-radio>
-                      <el-radio :label="false">不拍照</el-radio>
-                    </el-radio-group>
-                  </template>
-                </el-table-column>
-                <el-table-column prop="action_index" label="排序" >
-                  <template #default="{row, $index}">
-                    <a v-if="$index !== 0" class="cursor-pointer" @click="upRow(row)">上移</a>
-                    <a class="mar-left-10 cursor-pointer" v-if="$index !== activeTab === 'left' ? lefttableData.length - 1 : righttableData.length - 1" @click="downRow(row)">下移</a>
-                  </template>
-                </el-table-column>
-                <el-table-column prop="value" label="操作" >
-                  <template #default="{row, $index}">
-                    <a class="mar-right-10 cursor-pointer" @click="editRow(row, $index)">编辑</a>
-                    <a class="cursor-pointer" @click="deleteRow(row, $index)">删除</a>
-                  </template>
-                </el-table-column>
-              </el-table>
-            </div>
-          </div>
-    </div>
-      <div class="text-center mt-8">
-        <button class="bg-gradient-to-r from-primary" @click="saveSetting(activeIndex)" v-if="activeIndex !== 4">
-          保存
-        </button>
-      </div>
-      <el-dialog custom-class="editDialog" v-model="dialogVisible" :title="editTitle" width="660px">
-        <div class="config-type">配置类型：执行{{ activeTab === 'left' ? '左脚' : '右脚' }}程序 <el-checkbox v-model="isDefault">开启运动调试</el-checkbox></div>
-        <el-form class="editForm" :model="editRowData" label-width="100px">
-          <el-form-item label="动作名称">
-            <el-input v-model="editRowData.action_name" style="width: 170px;"/>
-          </el-form-item>
-          <el-form-item label="是否拍照">
-            <el-radio-group v-model="editRowData.take_picture">
-              <el-radio :label="true">拍照</el-radio>
-              <el-radio :label="false">不拍照</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="相机高度(mm)">
-            <el-input v-model="editRowData.camera_height" @change="changeNum('camera_high_motor',0, 400)" :min="0" :max="400" :step="1"  style="width: 170px;" type="number">
-            </el-input>
-            <div class="error-msg">最小0，最大400</div>
-          </el-form-item>
-          <el-form-item label="相机倾角">
-            <el-input v-model="editRowData.camera_angle" :min="-40" :max="40" :step=".1" @change="changeNum('camera_steering',-40, 40)" style="width: 170px;" type="number">
-            </el-input>
-            <div class="error-msg">最小-40，最大40</div>
-          </el-form-item>
-          <el-form-item label="转盘前后位置">
-            <el-input v-model="editRowData.turntable_position" @change="changeNum('turntable_position_motor',0, 800)" :min="0" :max="800" :step="1"  style="width: 170px;" type="number">
-            </el-input>
-            <div class="error-msg">最小0，最大800</div>
-          </el-form-item>
-          <el-form-item label="转盘角度">
-            <el-input v-model="editRowData.turntable_angle" @change="changeNum('turntable_steering',-720, 720)" :min="-720" :max="720" :step="1"  style="width: 170px;" type="number">
-            </el-input>
-            <div class="error-msg">最小-720，最大720</div>
-          </el-form-item>
-          <el-form-item label="鞋子翻转">
-            <div class="flex-row">
-            <el-radio-group v-model="editRowData.shoe_upturn">
-              <el-radio :label="true">翻转</el-radio>
-              <el-radio :label="false">不翻转</el-radio>
-              </el-radio-group>
-              <a class="cursor-pointer" @click="changeNum('overturn_steering')">测试翻转</a>
-            </div>
-          </el-form-item>
-          <el-form-item label="LED灯光开光" @change="changeNum('laser_position')">
-            <el-radio-group v-model="editRowData.led_switch">
-              <el-radio :label="false">关闭</el-radio>
-              <el-radio :label="true">开启</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="对焦次数">
-            <el-input v-model="editRowData.number_focus" @change="changeNum('take_picture',0, 1)" :min="0" :max="1" :step="1"  style="width: 170px;" type="number">
-            </el-input>
-            <div class="error-msg">最小0，最大1</div>
-          </el-form-item>
-          <el-form-item label="拍照前延时（秒）">
-            <el-input v-model="editRowData.pre_delay" :min="0" :max="99" :step="1" @change="changeNum('pre_delay',0, 99)" style="width: 170px;" type="number">
-            </el-input>
-            <div class="error-msg">最小0，最大99</div>
-          </el-form-item>
-          <el-form-item label="拍照后延时（秒）">
-            <el-input v-model="editRowData.after_delay" :min="0" :max="99" :step="1" @change="changeNum('after_delay',0, 99)" style="width: 170px;" type="number">
-            </el-input>
-            <div class="error-msg">最小0，最大99</div>
-          </el-form-item>
-          <!-- <el-form-item label="是否等待">
-            <el-radio-group v-model="editRowData.wait_user">
-              <el-radio :label="false">否</el-radio>
-              <el-radio :label="true">是</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="待用户确认照片">
-            <el-radio-group v-model="editRowData.confirm_photo">
-              <el-radio :label="false">否</el-radio>
-              <el-radio :label="true">是</el-radio>
-            </el-radio-group>
-          </el-form-item> -->
-        </el-form>
-        <template #footer>
-          <div class="btn-row">
-            <div class="normal-btn" @click="dialogVisible = false">关闭</div>
-             <div class="primary-btn" v-loading="captureLoading" @click="testShoesFlip">运行并拍照</div>
-            <div class="primary-btn" @click="saveRow">保存并关闭</div>
-          </div>
-        </template>
-      </el-dialog>
-  </div>
-</template>
-
-<script setup>
-/**
- * Vue组件逻辑部分，包含与设备配置相关的功能。
- * 主要功能包括：表单数据管理、设备配置列表获取、新增/编辑/删除步骤、保存配置等。
- */
-
-// 引入Vue相关功能和第三方库
-import { ref, reactive } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { onMounted, watch } from 'vue';
-import socket from "@/stores/modules/socket";
-import headerBar from '@/components/header-bar/index.vue';
-import client from "@/stores/modules/client";
-import icpList from '@/utils/ipc';
-const clientStore = client();
-import { ElMessage, ElMessageBox } from 'element-plus';
-import { digiCamControlWEB } from  '@/utils/appconfig'
-import { useCheckInfo } from '@/composables/userCheck';
-import { preview } from '@planckdev/element-plus/utils'
-useCheckInfo();
-
-// 路由和状态管理初始化
-const route = useRoute();
-const router = useRouter();
-
-// 定义响应式变量
-const folderPath = ref(''); // 文件夹路径
-const activeIndex = ref(0); // 当前激活的索引
-const socketStore = socket(); // WebSocket状态管理实例
-
-/**
- * 表单数据对象，用于存储设备配置信息。
- */
-const formData = reactive({
-  //基础配置
-  basic_configs:{
-    "main_image_size": "",//主图尺寸
-    "image_out_format": "",//图片输出格式
-    "image_sharpening": "" //图片锐化
-  },
-  //拍照配置
-  take_photo_configs:{
-    "repart_take_photo_warning": false,//重复拍摄警告
-    "single_photo_warning": "",//单次张数警告
-    "total_photo_warning": "",//累计拍照警告
-    "camera_delay": ""//拍照停留
-  },
-  other_configs:{
-    "product_type": "",//产品类型
-    "cutout_mode": "",//默认抠图模式
-    "device_speed": "",//设备运动速度
-    "running_mode": "" //运行模式
-  },
-  captureOneFolder: '', // Capture One文件夹路径
-  mainImageSize: '', // 主图尺寸
-  imageFormat: '', // 图片格式
-  imageSharpening: '', // 图片锐化
-  repeatWarning: '', // 重复警告
-  singleWarning: '', // 单次警告
-  totalWarning: '', // 总警告
-  focusTime: '', // 对焦时间
-  photoTime: '', // 拍照时间
-  productType: '', // 产品类型
-  defaultCutoutMode: '', // 默认抠图模式
-  deviceSpeed: '', // 设备速度
-  runMode: '', // 运行模式
-  receiver: '', // 接收器类型
-  left: '', // 左脚配置
-  right: '', // 右脚配置
-  up: '', // 上移配置
-  down: '', // 下移配置
-});
-
-// 配置选项列表
-const mainImageSizeList = ref([
-  { label: '800', value: '800' },
-  { label: '1024', value: '1024' },
-  { label: '1200', value: '1200' },
-  { label: '1600', value: '1600' },
-]);
-const imageFormatList = ref([
-  { label: 'jpg', value: 'jpg' },
-  { label: 'png', value: 'png' },
-  { label: 'jpeg', value: 'jpeg' },
-]);
-const imageSharpeningList = ref([
-  { label: '0', value: '0' },
-  { label: '1', value: '1' },
-  { label: '2', value: '2' },
-  { label: '3', value: '3' },
-]);
-const repeatWarningList = ref([
-  { label: '关闭', value: false },
-  { label: '开启', value: true },
-]);
-const singleWarningList = ref([
-  { label: '11', value: '11' },
-  { label: '12', value: '12' },
-  { label: '13', value: '13' },
-]);
-const totalWarningList = ref([
-  { label: '1.0', value: '1.0' },
-  { label: '1.5', value: '1.5' },
-  { label: '2.0', value: '2.0' },
-]);
-const productTypeList = ref([
-  { label: '鞋类', value: '鞋类' },
-  { label: '服装', value: '服装' },
-  { label: '箱包', value: '箱包' },
-]);
-const defaultCutoutModeList = ref([
-  { label: '普通抠图', value: '普通抠图' },
-  { label: '精细化抠图', value: '精细化抠图' },
-]);
-const deviceSpeedList = ref([
-  { label: '一档', value: '1' },
-  { label: '二档', value: '2' },
-  { label: '三档', value: '3' },
-]);
-const runModeList = ref([
-  { label: '普通模式', value: '普通模式' },
-  { label: '待用户确认模式', value: '待用户确认模式' }
-]);
-const receiverList = ref([
-  { label: '蓝牙', value: '1' },
-  { label: '2.4G', value: '2' },
-  { label: '5.8G', value: '3' },
-]);
-const leftList = ref([
-  { label: '左脚', value: '1' },
-  { label: '右脚', value: '2' },
-  { label: '左右脚', value: '3' },
-]);
-const rightList = ref([
-  { label: '左脚', value: '1' },
-  { label: '右脚', value: '2' },
-  { label: '左右脚', value: '3' },
-]);
-const upList = ref([
-  { label: '上移', value: '1' },
-  { label: '下移', value: '2' },
-  { label: '左右移', value: '3' },
-]);
-const downList = ref([
-  { label: '上移', value: '1' },
-  { label: '下移', value: '2' },
-  { label: '左右移', value: '3' },
-]);
-
-// 表格数据和对话框状态
-const lefttableData = ref([]); // 左脚配置表格数据
-const righttableData = ref([]); // 右脚配置表格数据
-const dialogVisible = ref(false); // 编辑对话框可见状态
-const editTitle = ref(''); // 编辑对话框标题
-const editRowData = ref({}); // 当前编辑行的数据
-const activeTab = ref('left'); // 当前激活的标签页
-const editIndex = ref(0); // 当前编辑行的索引
-const isDefault = ref(false); // 是否为默认配置
-
-const indexKey  ={
-  0:"basic_configs",
-  1:"take_photo_configs",
-  2:"other_configs",
-}
-
-/**
- * 监听路由参数变化，更新activeIndex和activeTab。
- */
-watch(() => route.query.type, async (newType,oldType) => {
-
-  if(['0','1','2'].includes(oldType)){
-    await  saveSetting(oldType)
-  }
-  const typeValue = parseInt(newType) || 0;
-  switch (typeValue) {
-      case 4:
-        activeTab.value = 'left';
-        clientStore.ipc.removeAllListeners(icpList.setting.getDeviceConfigList);
-        clientStore.ipc.send(icpList.setting.getDeviceConfigList, {
-          mode_type: '执行左脚程序'
-        });
-        clientStore.ipc.on(icpList.setting.getDeviceConfigList, (event, result) => {
-          if (result?.data?.list) {
-            lefttableData.value = result.data.list;
-          }
-          clientStore.ipc.removeAllListeners(icpList.setting.getDeviceConfigList);
-        });
-        break;
-      default:
-        clientStore.ipc.removeAllListeners(icpList.setting.getSysConfig);
-        clientStore.ipc.send(icpList.setting.getSysConfig,{
-          key: indexKey[typeValue]
-        });
-        clientStore.ipc.on(icpList.setting.getSysConfig, (event, result) => {
-          if(result.code == 0 && result.data){
-            formData[indexKey[typeValue]] = result.data
-          }
-          console.log('icpList.setting.getSysConfig')
-          console.log(result)
-          clientStore.ipc.removeAllListeners(icpList.setting.getSysConfig);
-        });
-        break;
-    }
-}, { immediate: true });
-
-/**
- * 监听activeTab变化，获取对应标签页的设备配置列表。
- */
-watch(() => activeTab.value, (newTab) => {
-  if (newTab === 'left') {
-    clientStore.ipc.removeAllListeners(icpList.setting.getDeviceConfigList);
-    clientStore.ipc.send(icpList.setting.getDeviceConfigList, {
-      mode_type: '执行左脚程序'
-    });
-    clientStore.ipc.on(icpList.setting.getDeviceConfigList, (event, result) => {
-      if (result?.data?.list) {
-        lefttableData.value = result.data.list;
-      }
-      clientStore.ipc.removeAllListeners(icpList.setting.getDeviceConfigList);
-    });
-  } else {
-    clientStore.ipc.removeAllListeners(icpList.setting.getDeviceConfigList);
-    clientStore.ipc.send(icpList.setting.getDeviceConfigList, {
-      mode_type: '执行右脚程序'
-    });
-    clientStore.ipc.on(icpList.setting.getDeviceConfigList, (event, result) => {
-      if (result?.data?.list) {
-        righttableData.value = result.data.list;
-      }
-      clientStore.ipc.removeAllListeners(icpList.setting.getDeviceConfigList);
-    });
-  }
-});
-
-/**
- * 监听activeIndex变化，更新URL中的查询参数。
- */
-watch(() => activeIndex.value, (newIndex) => {
-  router.push({
-    query: {
-      ...route.query,
-      type: newIndex.toString()
-    }
-  });
-});
-
-/**
- * 组件挂载时初始化activeIndex。
- */
-onMounted(() => {
-  if (route.query.type) {
-    const typeValue = parseInt(route.query.type);
-    if (!isNaN(typeValue) && typeValue >= 0 && typeValue <= 3) {
-      activeIndex.value = typeValue;
-    }
-  }
-
-
-});
-
-/**
- * 打开文件夹选择对话框并更新表单数据。
- */
-const selectFolder = () => {
-  clientStore.ipc.removeAllListeners(icpList.utils.openDirectory);
-  clientStore.ipc.send(icpList.utils.openDirectory);
-  clientStore.ipc.on(icpList.utils.openDirectory, async (event, result) => {
-    formData.captureOneFolder = result;
-    clientStore.ipc.removeAllListeners(icpList.utils.openDirectory);
-  });
-};
-
-/**
- * 保存当前表单配置。
- */
-const saveSetting = async (index) => {
-
-  await new Promise((resolve, reject) => {
-
-    clientStore.ipc.removeAllListeners(icpList.setting.updateSysConfigs);
-    clientStore.ipc.send(icpList.setting.updateSysConfigs,{
-      key: indexKey[index],
-      value:JSON.stringify({
-        ...formData[indexKey[index]]
-      })
-    });
-    clientStore.ipc.on(icpList.setting.updateSysConfigs, async (event, result) => {
-      clientStore.ipc.removeAllListeners(icpList.setting.updateSysConfigs);
-      if(result.code === 0 && result.msg){
-        resolve(result)
-      }
-
-    });
-  });
-
-
-};
-
-/**
- * 新增一行配置。
- */
-const addRow = () => {
-  if (activeTab.value === 'left') {
-    editRowData.value = {
-      mode_type: '执行左脚程序',
-      action_name: '',
-      take_picture: false,
-      camera_height: 0,
-      camera_angle: 0,
-      turntable_position: 0,
-      turntable_angle: 0,
-      shoe_upturn: false,
-      led_switch: false,
-      number_focus: 0,
-      pre_delay: 0,
-      after_delay: 0,
-    };
-    dialogVisible.value = true;
-    editTitle.value = '新增步骤';
-  } else {
-    editRowData.value = {
-      mode_type: '执行右脚程序',
-      action_name: '',
-      take_picture: false,
-      camera_height: 0,
-      camera_angle: 0,
-      turntable_position: 0,
-      turntable_angle: 0,
-      shoe_upturn: false,
-      led_switch: false,
-      number_focus: 0,
-      pre_delay: 0,
-      after_delay: 0,
-    };
-    dialogVisible.value = true;
-    editTitle.value = '新增步骤';
-  }
-};
-
-/**
- * 获取设备配置列表。
- */
-const getList = () => {
-  clientStore.ipc.removeAllListeners(icpList.setting.getDeviceConfigList);
-  clientStore.ipc.send(icpList.setting.getDeviceConfigList, {
-    mode_type: activeTab.value === 'left' ? '执行左脚程序' : '执行右脚程序'
-  });
-  clientStore.ipc.on(icpList.setting.getDeviceConfigList, (event, result) => {
-    if (result.code == 0) {
-      if (activeTab.value === 'left') {
-        lefttableData.value = result.data.list;
-      } else {
-        righttableData.value = result.data.list;
-      }
-    } else {
-      ElMessage.error('获取列表失败');
-    }
-    clientStore.ipc.removeAllListeners(icpList.setting.getDeviceConfigList);
-  });
-};
-
-/**
- * 编辑指定行的配置。
- * @param {Object} row - 当前行的数据
- * @param {number} index - 当前行的索引
- */
-const editRow = (row, index) => {
-  dialogVisible.value = true;
-  editTitle.value = row.action_name + '编辑';
-  clientStore.ipc.removeAllListeners(icpList.setting.getDeviceConfigDetail);
-  clientStore.ipc.send(icpList.setting.getDeviceConfigDetail, {
-    id: row.id
-  });
-  clientStore.ipc.on(icpList.setting.getDeviceConfigDetail, (event, result) => {
-    editRowData.value = result.data;
-    clientStore.ipc.removeAllListeners(icpList.setting.getDeviceConfigDetail);
-  });
-  editIndex.value = index;
-};
-
-/**
- * 删除指定行的配置。
- * @param {Object} row - 当前行的数据
- * @param {number} index - 当前行的索引
- */
-const deleteRow = (row, index) => {
-  ElMessageBox.confirm('确定删除该步骤吗？', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(() => {
-    clientStore.ipc.send(icpList.setting.removeDeviceConfig, {
-      id: row.id
-    });
-    clientStore.ipc.on(icpList.setting.removeDeviceConfig, (event, result) => {
-      if (result.code == 0) {
-        getList();
-        ElMessage.success('删除成功');
-      } else {
-        ElMessage.error('删除失败');
-      }
-      clientStore.ipc.removeAllListeners(icpList.setting.removeDeviceConfig);
-    });
-  });
-};
-
-/**
- * 保存当前编辑的配置。
- */
-const saveRow = () => {
-  clientStore.ipc.send(icpList.setting.saveDeviceConfig, {
-    ...editRowData.value
-  });
-  clientStore.ipc.on(icpList.setting.saveDeviceConfig, (event, result) => {
-    if (result.code == 0) {
-      getList();
-      ElMessage.success('保存成功');
-      dialogVisible.value = false;
-      clientStore.ipc.removeAllListeners(icpList.setting.saveDeviceConfig);
-    } else {
-      ElMessage.error('保存失败');
-    }
-  });
-};
-
-/**
- * 重置设备配置。
- */
-const resetConfig = () => {
-  ElMessageBox.confirm(`确定初始化执行${activeTab.value === 'left' ? '左脚' : '右脚'}程序吗？`, '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(() => {
-    clientStore.ipc.send(icpList.setting.resetDeviceConfig, {
-      mode_type: activeTab.value === 'left' ? '执行左脚程序' : '执行右脚程序'
-    });
-    clientStore.ipc.on(icpList.setting.resetDeviceConfig, (event, result) => {
-      if (result.code == 0) {
-        getList();
-        ElMessage.success('重置成功');
-      } else {
-        ElMessage.error('重置失败');
-      }
-      clientStore.ipc.removeAllListeners(icpList.setting.resetDeviceConfig);
-    });
-  });
-};
-
-
-
-
-</script>
-
-<style lang="scss">
-.el-image-viewer__wrapper{
-  z-index: 9999 !important;
-}
-</style>
-<style lang="scss" scoped>
-body {
-  background: #EAECED;
-}
-.container {
-  margin: 0 auto;
-  height: calc(100vh - 30px);
-  background: #EAECED;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-}
-.settings-nav {
-  display: flex;
-  justify-content: center;
-  gap: 40px;
-  padding: 30px 0;
-  background: #EDEFF0;
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-.nav-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  cursor: pointer;
-  color: #666;
-  transition: all 0.3s;
-  width: 100px;
-  justify-content: center;
-  height: 70px;
-  font-size: 14px;
-}
-.nav-item.active {
-    background: #DFE2E3;
-    border-radius: 10px;
-    color: #2957FF;
-}
-.nav-item i {
-  font-size: 24px;
-  margin-bottom: 8px;
-  width: 40px;
-  height: 40px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: #fff;
-  border-radius: 8px;
-}
-.form-container {
-  border-radius: 12px;
-  padding: 30px;
-  padding-top: 10px;
-  width: 800px;
-  margin: 0 auto;
-  height: 306px;
-}
-.form-item {
-  margin-bottom: 24px;
-  display: flex;
-  align-items: center;
-}
-.form-item label {
-  display: block;
-  min-width: 98px;
-  text-align: right;
-  font-size: 14px;
-  color: #1A1A1A;
-}
-.input-group {
-  display: flex;
-  gap: 12px;
-}
-.input-group input {
-  flex: 1;
-  border: 1px solid #e5e7eb;
-  border-radius: 4px;
-  padding: 8px 12px;
-  font-size: 14px;
-}
-.select-wrapper {
-  position: relative;
-  width: 200px;
-  :deep(.el-input__inner){
-    border-radius: 6px;
-  }
-}
-.error-text {
-  color: #dc2626;
-  font-size: 12px;
-  margin-top: 4px;
-}
-.from-primary{
-    width: 150px;
-    height: 40px;
-    color: #FFFFFF;
-    background: linear-gradient( 135deg, #2FB0FF 0%, #B863FB 100%);
-}
-.nav-icon{
-    width: 32px;
-    height: 32px;
-}
-.captureBox{
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-.selectBox{
-    padding-top: 30px;
-    padding-left: 100px;
-    border-bottom: 1px solid rgba(0,0,0,0.1);
-    :deep(.el-tabs__header){
-      padding-left: 0;
-    }
-    :deep(.el-tabs--card>.el-tabs__header){
-      border-bottom: 1px solid #CCCCCC;
-    }
-    :deep(.el-tabs__item){
-      height: 30px;
-      line-height: 30px;
-    }
-    :deep(.el-tabs__nav-wrap){
-      margin-bottom: 0;
-    }
-    :deep(.el-tabs__item.is-active){
-      color: #333;
-      font-weight: bold;
-      background: #fff;
-    }
-}
-.select-btn{
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  width: 120px;
-  height: 30px;
-  background: #DFE2E3;
-  border-radius: 6px;
-  justify-content: center;
-  font-size: 14px;
-  color: #2957FF;
-  gap: 5px;
-  img{
-    width: 16px;
-    height: 16px;
-  }
-}
-.mt-8{
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 30px 0;
-  height: 100px;
-}
-.form-table{
-  margin-top: 10px;
-  .btnBox{
-    display: flex;
-    align-items: center;
-    margin-bottom: 12px;
-  }
-  :deep(.el-table .el-table__header){
-    padding: 0;
-    height: 30px;
-    .el-table__cell{
-      background: #F1F4FF;
-    }
-  }
-  :deep(.el-table .el-table__cell){
-    padding: 0;
-    text-align: center;
-  }
-  :deep(.el-table__row) {
-    height: 30px;
-    padding: 0;
-    &:nth-child(even) {
-      background: #F1F4FF;
-    }
-    &:nth-child(odd) {
-      background: #FFFFFF;
-    }
-  }
-  .primary-btn{
-    width: 80px;
-    height: 30px;
-    background: linear-gradient( 135deg, #2FB0FF 0%, #B863FB 100%);
-    border-radius: 4px;
-    color: #fff;
-    font-size: 14px;
-    text-align: center;
-    cursor: pointer;
-    line-height: 30px;
-    margin-right: 10px;
-  }
-  .normal-btn{
-    width: 80px;
-    height: 30px;
-    background: #fff;
-    border: 1px solid #CCCCCC;
-    border-radius: 4px;
-    font-size: 14px;
-    text-align: center;
-    line-height: 30px;
-    cursor: pointer;
-  }
-  .cursor-pointer{
-    cursor: pointer;
-  }
-}
-.editDialog{
-  .el-dialog__body{
-    padding: 0 !important;
-  }
-  .btn-row{
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    gap: 10px;
-  }
-  .primary-btn{
-    width: 100px;
-    height: 30px;
-    background: linear-gradient( 135deg, #2FB0FF 0%, #B863FB 100%);
-    border-radius: 4px;
-    color: #fff;
-    font-size: 14px;
-    text-align: center;
-    line-height: 30px;
-    cursor: pointer;
-  }
-  .normal-btn{
-    width: 100px;
-    height: 30px;
-    background: #fff;
-    border: 1px solid #CCCCCC;
-    border-radius: 4px;
-    font-size: 14px;
-    text-align: center;
-    line-height: 30px;
-    cursor: pointer;
-  }
-}
-  .config-type{
-    font-size: 14px;
-    color: #333333;
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    padding: 10px 0;
-    .el-checkbox{
-      margin-left: 10px;
-    }
-  }
-.editForm{
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 0;
-  .flex-row{
-    display: flex;
-    align-items: center;
-    :deep(.el-radio){
-      margin-right: 6px !important;
-    }
-    :deep(.el-radio__label){
-      padding-left: 4px;
-    }
-  }
-  :deep(.el-form-item) {
-    margin-bottom: 0;
-    .el-form-item__label {
-      width: 120px !important;
-      padding-right: 0 !important;
-        background: #FBFCFF;
-        border: 1px solid #EEEEEE;
-        height: 41px;
-        line-height: 41px;
-        padding-left: 5px;
-        text-align: left;
-      }
-      .el-form-item__content {
-        width: 190px;
-        position: relative;
-        height: 41px;
-        background: #FFFFFF;
-        padding-left: 7px;
-        border: 1px solid #EEEEEE;
-        .el-input__wrapper {
-          box-shadow: none;
-        }
-        .error-msg{
-          display: none;
-          position: absolute;
-          top: 41px;
-          top: 28px;
-          left: 8px;
-          z-index: 22;
-          color: #dc2626;
-          font-size: 12px;
-        }
-        &:hover{
-          .error-msg{
-            display: block;
-          }
-        }
-
-        // 确保number类型输入框的上下箭头始终显示
-        input[type="number"]::-webkit-inner-spin-button,
-        input[type="number"]::-webkit-outer-spin-button {
-          opacity: 1;
-          height: 28px;
-          position: absolute;
-          top: 2px;
-          right: 2px;
-          cursor: pointer;
-        }
-
-        input[type="number"] {
-          -moz-appearance: number-input; /* Firefox */
-        }
-      }
-    }
-}
-</style>