From f43f1d57ed40757864dd429f8df3dae3a0a3a807 Mon Sep 17 00:00:00 2001
From: JayJiaJun <JayJiaJun@outlook.com>
Date: Thu, 13 Mar 2025 09:58:38 +0800
Subject: [PATCH] 3.13

---
 public/web/js/MQTT_port.js           |   2 +-
 src/assets/js/GamepadController.js   |   4 +-
 src/views/CarControl.vue             |   3 +-
 src/views/gateway/GatewaySetting.vue | 322 ++++++++++++++++++++-------
 vue.config.js                        |   3 +-
 5 files changed, 250 insertions(+), 84 deletions(-)

diff --git a/public/web/js/MQTT_port.js b/public/web/js/MQTT_port.js
index 2bd07c2..88a1612 100644
--- a/public/web/js/MQTT_port.js
+++ b/public/web/js/MQTT_port.js
@@ -6,7 +6,7 @@
  * @LastEditors: Andy
  * @LastEditTime: 2024-03-11 11:07:00
  */
-var MQTT_MODE = 1;
+var MQTT_MODE = 0;
 
 function pageName() {
     var a = location.href;
diff --git a/src/assets/js/GamepadController.js b/src/assets/js/GamepadController.js
index 70cf0c0..4de644b 100644
--- a/src/assets/js/GamepadController.js
+++ b/src/assets/js/GamepadController.js
@@ -112,9 +112,9 @@ class GamepadController {
     const axis9 = axes[9];
     const roundedAxis9 = Math.round(axis9  * 100) / 100;
     if (roundedAxis9 <= -0.9) {
-      this.directionAxis9  = 0;
-    } else if (roundedAxis9 >= 0.0 && roundedAxis9 <= 0.2) {
       this.directionAxis9  = 1;
+    } else if (roundedAxis9 >= 0.0 && roundedAxis9 <= 0.2) {
+      this.directionAxis9  = 2;
     // } else if (roundedAxis9 >= 0.6 && roundedAxis9 <= 0.8) {
     //   this.directionAxis9  = "左";
     // } else if (roundedAxis9 >= -0.5 && roundedAxis9 <= -0.4) {
diff --git a/src/views/CarControl.vue b/src/views/CarControl.vue
index 8e643f5..35998cc 100644
--- a/src/views/CarControl.vue
+++ b/src/views/CarControl.vue
@@ -223,7 +223,8 @@ export default {
     initWebSocket() {
       try {
         console.log('正在连接 WebSocket...');
-        this.ws = new WebSocket('ws://192.168.4.120/ws');
+        // this.ws = new WebSocket('ws://192.168.4.120/ws');
+        this.ws = new WebSocket('ws://192.168.1.120/ws');
         // this.ws = new WebSocket('ws://192.168.1.60:81');
 
 
diff --git a/src/views/gateway/GatewaySetting.vue b/src/views/gateway/GatewaySetting.vue
index 44ccd36..c9f7a8a 100644
--- a/src/views/gateway/GatewaySetting.vue
+++ b/src/views/gateway/GatewaySetting.vue
@@ -1,13 +1,7 @@
 <template>
   <div class="gateway-setting">
     <!-- 固定标题栏 -->
-    <van-nav-bar
-      title="事件列表"
-      left-arrow
-      @click-left="onClickLeft"
-      fixed
-      placeholder
-    />
+    <van-nav-bar title="事件列表" left-arrow @click-left="onClickLeft" fixed placeholder />
 
     <!-- 添加下拉刷新组件 -->
     <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
@@ -33,14 +27,8 @@
               <div class="info-title">网络参数</div>
               <div class="info-row">
                 <span class="info-label">网络ID</span>
-                <van-field
-                  v-model="networkId"
-                  type="text"
-                  input-align="right"
-                  placeholder="请输入网络ID"
-                  maxlength="6"
-                  :formatter="value => value.replace(/[^0-9]/g, '')"
-                />
+                <van-field v-model="networkId" type="text" input-align="right" placeholder="请输入网络ID" maxlength="6"
+                  :formatter="value => value.replace(/[^0-9]/g, '')" />
               </div>
               <div class="info-row">
                 <span class="info-label">无线频段</span>
@@ -72,7 +60,12 @@
 
       <!-- 设备地址输入 -->
       <van-cell-group inset>
-        <van-field v-model="deviceAddress" label="设备地址" placeholder="请输入设备地址" input-align="right" />
+        <van-field 
+          v-model="deviceAddress" 
+          label="设备地址" 
+          placeholder="请输入设备地址" 
+          input-align="right"
+        />
         <van-cell center title="事件开关">
           <template #right-icon>
             <van-switch v-model="eventEnabled" size="24" />
@@ -109,8 +102,28 @@
             <van-cell-group inset title="基础设置">
               <van-field v-model="currentEvent.type" is-link readonly label="事件类型" placeholder="请选择事件类型"
                 input-align="right" @click="showTypePopup" />
+              <!-- 当选择"其他"时显示的输入框 -->
+              <van-field
+                v-if="currentEvent.type === '其他'"
+                v-model="customEventType"
+                label="自定义类型"
+                placeholder="请输入自定义事件类型"
+                input-align="right"
+                type="number"
+              />
+              
               <van-field v-model="currentEvent.source" is-link readonly label="事件来源" placeholder="请选择事件来源"
                 input-align="right" @click="showSourcePopup" />
+              <!-- 当选择"其他"时显示的输入框 -->
+              <van-field
+                v-if="currentEvent.source === '其他'"
+                v-model="customEventSource"
+                label="自定义来源"
+                placeholder="请输入自定义事件来源"
+                input-align="right"
+                type="number"
+              />
+              
               <van-field v-model="currentEvent.priority" is-link readonly label="优先级" placeholder="请选择优先级"
                 input-align="right" @click="showPriorityPopup" />
             </van-cell-group>
@@ -160,6 +173,42 @@
                         </template>
                       </van-cell>
                     </div>
+
+                    <!-- 在输出设置部分添加自定义输入框 -->
+                    <template v-if="output.type === '其他'">
+                      <div class="output-settings">
+                        <van-field
+                          v-model="output.customTarget"
+                          label="目标板卡号"
+                          type="number"
+                          input-align="right"
+                          placeholder="请输入目标板卡号"
+                        />
+                        <div class="custom-data-inputs">
+                          <van-field
+                            v-model="output.customData1"
+                            label="数据1"
+                            type="number"
+                            input-align="right"
+                            placeholder="请输入数据1"
+                          />
+                          <van-field
+                            v-model="output.customData2"
+                            label="数据2"
+                            type="number"
+                            input-align="right"
+                            placeholder="请输入数据2"
+                          />
+                          <van-field
+                            v-model="output.customData3"
+                            label="数据3"
+                            type="number"
+                            input-align="right"
+                            placeholder="请输入数据3"
+                          />
+                        </div>
+                      </div>
+                    </template>
                   </template>
                   <template #right-icon>
                     <van-button size="small" type="danger" @click="removeOutput(index)">删除</van-button>
@@ -223,7 +272,7 @@
 </template>
 
 <script>
-import { ref, reactive, onMounted, onBeforeUnmount } from 'vue';
+import { ref, reactive, onMounted, onBeforeUnmount, watch } from 'vue';
 // import { showConfirmDialog, showToast } from 'vant';
 import { useRouter } from 'vue-router';
 import axios from 'axios';
@@ -313,20 +362,30 @@ export default {
     const timeSourceTypes = [
       { text: '本台设备', value: 0x00 },
       { text: '任意设备(除本身外任意设备)', value: 0xfe },
-      { text: '任意设备', value: 0xff }
+      { text: '任意设备', value: 0xff },
+      { text: '其他', value: 'other' }
     ];
 
     const priorityLevels = [
       { text: '0', value: 0 },
       { text: '1', value: 1 },
-      { text: '2', value: 2 }
+      { text: '2', value: 2 },
+      { text: '3', value: 3 },
+      { text: '4', value: 4 },
+      { text: '5', value: 5 },
+      { text: '6', value: 6 },
+      { text: '7', value: 7 },
+      { text: '8', value: 8 },
+      { text: '9', value: 9 },
+      { text: '10', value: 10 },
     ];
 
     const outputTypes = [
       { text: '显卡输出', value: 'display' },
       { text: '声卡输出', value: 'audio' },
       { text: '路锥输出', value: 'serial' },
-      { text: '引脚模式', value: 'io' }
+      { text: '引脚模式', value: 'io' },
+      { text: '其他', value: 'other' }
     ];
 
     const currentEvent = reactive({
@@ -352,6 +411,10 @@ export default {
     // 添加 WebSocket 相关变量
     const ws = ref(null);
 
+    // 在 setup 函数中添加新的响应式变量
+    const customEventType = ref('');
+    const customEventSource = ref('');
+
     const onClickLeft = () => {
       router.back();
     };
@@ -389,23 +452,29 @@ export default {
 
     const onOutputConfirm = (value) => {
       const outputType = value.selectedOptions[0].text;
-      const newOutput = {
+      const output = {
         type: outputType,
         ...(outputType === '显卡输出' ? {
           programNumber: '1',
-          duration: '60'
+          duration: '10'
         } : {}),
         ...(outputType === '声卡输出' ? {
           audioNumber: '1'
         } : {}),
         ...(outputType === '路锥输出' ? {
-          lightMode: ''
+          lightMode: '常亮'
         } : {}),
         ...(outputType === '引脚模式' ? {
           pins: []
+        } : {}),
+        ...(outputType === '其他' ? {
+          customTarget: '',
+          customData1: '0',
+          customData2: '0',
+          customData3: '0'
         } : {})
       };
-      currentEvent.outputs.push(newOutput);
+      currentEvent.outputs.push(output);
       outputPickerVisible.value = false;
     };
 
@@ -425,29 +494,37 @@ export default {
     };
 
     const saveEvent = () => {
-      // 检查必填字段是否为空
+      // 检查必填字段
       if (!currentEvent.type || !currentEvent.source || !currentEvent.priority || currentEvent.outputs.length === 0) {
         showToast('请填写所有必填字段并至少添加一个输出');
         return;
       }
 
-      // 构建输出数组
+      // 检查自定义输入
+      if (currentEvent.type === '其他' && !customEventType.value) {
+        showToast('请填写自定义事件类型');
+        return;
+      }
+      if (currentEvent.source === '其他' && !customEventSource.value) {
+        showToast('请填写自定义事件来源');
+        return;
+      }
+
       const outputs = currentEvent.outputs.map(output => {
-        let target;
+        let target = 0;
         let data = [0, 0, 0];
 
-        // 根据输出类型设置目标和数据
-        switch(output.type) {
+        switch (output.type) {
           case '显卡输出':
-            target = 101;
+            target = 102;
             data = [
               parseInt(output.programNumber) || 0,
-              parseInt(output.duration) || 0,
+              parseInt(output.duration) || 10,
               0
             ];
             break;
           case '声卡输出':
-            target = 102;
+            target = 103;
             data = [
               parseInt(output.audioNumber) || 0,
               0,
@@ -455,7 +532,7 @@ export default {
             ];
             break;
           case '路锥输出':
-            target = 103;
+            target = 106;
             data = [
               lightModes.find(mode => mode.text === output.lightMode)?.value || 0,
               0,
@@ -463,48 +540,40 @@ export default {
             ];
             break;
           case '引脚模式':
-            target = 104;
+            target = 1;
             const pinValue = output.pins.reduce((acc, pin) => acc | (1 << parseInt(pin)), 0);
             data = [pinValue, 0, 0];
             break;
+          case '其他':
+            target = parseInt(output.customTarget) || 0;
+            data = [
+              parseInt(output.customData1) || 0,
+              parseInt(output.customData2) || 0,
+              parseInt(output.customData3) || 0
+            ];
+            break;
         }
 
-        return {
-          target,
-          data
-        };
+        return { target, data };
       });
 
-      // 获取当前未使用的最小 index
-      const getNextAvailableIndex = () => {
-        const usedIndices = events.value.map(e => e.index).sort((a, b) => a - b);
-        let index = 0;
-        while (usedIndices.includes(index)) {
-          index++;
-        }
-        return index;
-      };
-
-      // 构建事件配置
       const eventConfig = {
-        "JSON_id": jsonId.value,
-        "board_id": 1,
-        "gateway": {
-          "trig_cfg": {
-            "event_en": eventEnabled.value ? 1 : 0,
-            "addr": parseInt(deviceAddress.value) || 0,
-            "operate": isEdit.value ? 2 : 1,
-            "event_group": [
-              {
-                "index": isEdit.value 
-                  ? currentEvent.index
-                  : getNextAvailableIndex(),
-                "event_id": parseInt(eventTypes.find(type => type.text === currentEvent.type)?.value) || 0,
-                "source": timeSourceTypes.find(source => source.text === currentEvent.source)?.value || 0,
-                "priority": parseInt(currentEvent.priority) || 0,
-                "output": outputs
-              }
-            ]
+        board_id: 1,
+        JSON_id: jsonId.value,
+        gateway: {
+          trig_cfg: {
+            event_group: [{
+              index: events.value.length,
+              // 根据是否为"其他"选择使用自定义值还是预设值
+              event_id: currentEvent.type === '其他' 
+                ? parseInt(customEventType.value)
+                : parseInt(eventTypes.find(type => type.text === currentEvent.type)?.value || '0'),
+              source: currentEvent.source === '其他'
+                ? parseInt(customEventSource.value)
+                : timeSourceTypes.find(source => source.text === currentEvent.source)?.value || 0,
+              priority: parseInt(currentEvent.priority),
+              output: outputs
+            }]
           }
         }
       };
@@ -522,12 +591,12 @@ export default {
             console.log('Save response:', response.data);
             showToast('保存成功');
             jsonId.value++;
-            
+
             // 更新本地事件列表
             if (isEdit.value) {
               const index = events.value.findIndex(e => e.id === currentEvent.id);
               if (index !== -1) {
-                events.value[index] = { 
+                events.value[index] = {
                   ...currentEvent,
                   index: eventConfig.gateway.trig_cfg.event_group[0].index
                 };
@@ -551,7 +620,7 @@ export default {
         if (isEdit.value) {
           const index = events.value.findIndex(e => e.id === currentEvent.id);
           if (index !== -1) {
-            events.value[index] = { 
+            events.value[index] = {
               ...currentEvent,
               index: eventConfig.gateway.trig_cfg.event_group[0].index
             };
@@ -614,7 +683,7 @@ export default {
             console.log('Delete response:', response.data);
             showToast('删除成功');
             jsonId.value++;
-            
+
             // 更新本地事件列表
             const index = events.value.findIndex(e => e.id === event.id);
             if (index !== -1) {
@@ -788,10 +857,10 @@ export default {
       // 更新事件配置
       if (data && data.gateway && data.gateway.trig_cfg) {
         const trigConfig = data.gateway.trig_cfg;
-        
+
         // 更新事件开关状态
         eventEnabled.value = trigConfig.event_en === 1;
-        
+
         // 更新设备地址
         deviceAddress.value = trigConfig.addr.toString();
 
@@ -803,27 +872,27 @@ export default {
             let config = {};
 
             // 根据目标类型设置输出配置
-            switch(output.target) {
-              case 101: // 显卡输出
+            switch (output.target) {
+              case 102: // 显卡输出
                 type = '显卡输出';
                 config = {
                   programNumber: output.data[0].toString(),
                   duration: output.data[1].toString()
                 };
                 break;
-              case 102: // 声卡输出
+              case 103: // 声卡输出
                 type = '声卡输出';
                 config = {
                   audioNumber: output.data[0].toString()
                 };
                 break;
-              case 103: // 路锥输出
+              case 106: // 路锥输出
                 type = '路锥输出';
                 config = {
                   lightMode: lightModes.find(mode => mode.value === output.data[0].toString())?.text || '常亮'
                 };
                 break;
-              case 104: // 引脚输出
+              case 1: // 引脚输出
                 type = '引脚模式';
                 const pinValue = output.data[0];
                 config = {
@@ -877,11 +946,94 @@ export default {
       }, 1000);
     };
 
+    // 在 setup 函数中添加以下方法
+    const sendDeviceAddressConfig = () => {
+      const configData = {
+        "board_id": 1,
+        "JSON_id": jsonId.value,
+        "gateway": {
+          "device_addr": deviceAddress.value
+        }
+      };
 
+      console.log('Sending device address config:', configData);
+
+      if (isLocal.value) {
+        axios.post('/communication', configData, {
+          headers: {
+            "content-type": "application/json"
+          }
+        })
+          .then(response => {
+            console.log('Device address config response:', response.data);
+            showToast('设备设置成功');
+            jsonId.value++;
+          })
+          .catch(error => {
+            console.error('Device address config error:', error);
+            showToast('设备设置失败');
+            jsonId.value++;
+          });
+      } else {
+        MQTT_send(configData);
+      }
+    };
+
+    const sendEventSwitchConfig = () => {
+      const configData = {
+        "board_id": 1,
+        "JSON_id": jsonId.value,
+        "gateway": {
+          "event_enable": eventEnabled.value ? 1 : 0
+        }
+      };
+
+      console.log('Sending event switch config:', configData);
+
+      if (isLocal.value) {
+        axios.post('/communication', configData, {
+          headers: {
+            "content-type": "application/json"
+          }
+        })
+          .then(response => {
+            console.log('Event switch config response:', response.data);
+            showToast('事件开关打开成功');
+            jsonId.value++;
+          })
+          .catch(error => {
+            console.error('Event switch config error:', error);
+            showToast('事件开关打开失败');
+            jsonId.value++;
+          });
+      } else {
+        MQTT_send(configData);
+      }
+    };
+
+    // 监听设备地址的变化
+    let deviceAddressTimeout;
+    watch(deviceAddress, (newValue, oldValue) => {
+      if (newValue && newValue !== oldValue) {
+        // 使用 setTimeout 来确保输入完成后再发送
+        if (deviceAddressTimeout) {
+          clearTimeout(deviceAddressTimeout);
+        }
+        deviceAddressTimeout = setTimeout(() => {
+          sendDeviceAddressConfig();
+        }, 1000); // 1秒后发送
+      }
+    });
+
+    // 监听事件开关的变化
+    watch(eventEnabled, () => {
+      sendEventSwitchConfig();
+    });
 
     // 组件挂载时初始化连接
     onMounted(() => {
       checkEnvironment();
+      getLoRaConfig();
     });
 
     // 组件卸载前断开连接
@@ -899,7 +1051,7 @@ export default {
 
       // 将十进制字符串转换为十六进制数组
       const meshId = networkId.value.match(/.{2}/g)?.map(hex => parseInt(hex, 10)) || [0, 0, 0];
-      
+
       // 获取各个选项的值
       const freqBandValue = freqBandOptions.find(option => option.text === freqBand.value)?.value || 0;
       const channelValue = parseInt(channel.value.replace('信道', '')) - 1;
@@ -1008,6 +1160,10 @@ export default {
       firmwareVersionEl,
       macAddressEl,
       ws,
+      sendDeviceAddressConfig,
+      sendEventSwitchConfig,
+      customEventType,
+      customEventSource,
     };
   }
 };
@@ -1141,4 +1297,12 @@ export default {
   min-height: 100vh;
   background-color: #f7f8fa;
 }
+
+.custom-data-inputs {
+  margin-top: 8px;
+}
+
+.custom-data-inputs :deep(.van-field) {
+  margin-bottom: 8px;
+}
 </style>
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
index 041e5b7..a1c37c3 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -4,6 +4,7 @@ const AutoImport = require('unplugin-auto-import/webpack');
 const Components = require('unplugin-vue-components/webpack');
 const { codeInspectorPlugin } = require('code-inspector-plugin');
 const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')
+const CompressionWebpackPlugin = require('compression-webpack-plugin');
 
 module.exports = defineConfig({
   lintOnSave: false,
@@ -44,7 +45,7 @@ module.exports = defineConfig({
 
       }),
       Components.default({ resolvers: [VantResolver(),ElementPlusResolver()] }),
-      // new CompressionPlugin({
+      // new CompressionWebpackPlugin({
       //   algorithm: 'gzip', // 使用gzip压缩
       //   test: /\.js$|\.html$|\.css$/, // 匹配文件名
       //   filename: '[path][base].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz)