feat：设备列表新增TBox远程连接

@@ -7,6 +7,7 @@
           un-checked-children="关"
           un-checked-children="关"
           v-model:checked="checked"
           v-model:checked="checked"
           @change="handleChange"
           @change="handleChange"
+          :disabled="enableRemoteDisabled"
         />
         />
       </template>
       </template>
     </BasicTable>
     </BasicTable>
@@ -26,6 +27,7 @@
   import { Tag } from 'ant-design-vue';
   import { Tag } from 'ant-design-vue';
   import { frpGetInfoApi, frpPutInfoApi } from '/@/api/device/deviceConfigApi';
   import { frpGetInfoApi, frpPutInfoApi } from '/@/api/device/deviceConfigApi';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
+  import { ConsoleSqlOutlined } from '@ant-design/icons-vue';
 
 
   const props = defineProps({
   const props = defineProps({
     deviceDetail: {
     deviceDetail: {
@@ -74,9 +76,10 @@
   const proxyName = ref('');
   const proxyName = ref('');
   const remotePort = ref(0);
   const remotePort = ref(0);
   const address = ref('');
   const address = ref('');
+  const enableRemoteDisabled = ref(false);
   const getTableData = async () => {
   const getTableData = async () => {
-    const res = await frpGetInfoApi('1000000061664FF');
-    // const res = await frpGetInfoApi(props.deviceDetail.sn);
+    // const res = await frpGetInfoApi('1000000061664FF');
+    const res = await frpGetInfoApi(props.deviceDetail.sn);
     enableRemote.value = res.enableRemote;
     enableRemote.value = res.enableRemote;
     proxyName.value = res.proxyName;
     proxyName.value = res.proxyName;
     remotePort.value = res.remotePort;
     remotePort.value = res.remotePort;
@@ -84,20 +87,29 @@
     if (res.enableRemote == 1) {
     if (res.enableRemote == 1) {
       checked.value = true;
       checked.value = true;
       disabled.value = false;
       disabled.value = false;
+      enableRemoteDisabled.value = true;
     } else {
     } else {
       checked.value = false;
       checked.value = false;
       disabled.value = true;
       disabled.value = true;
+      enableRemoteDisabled.value = false;
+    }
+    if (res.status == 0) {
+      enableRemoteDisabled.value = true;
+    } else {
+      enableRemoteDisabled.value = false;
     }
     }
     tableData.value.push({
     tableData.value.push({
       enableRemote: res.enableRemote,
       enableRemote: res.enableRemote,
       proxyName: res.proxyName,
       proxyName: res.proxyName,
       status: res.status,
       status: res.status,
     });
     });
+    if (res == '') {
+      enableRemoteDisabled.value = true;
+      disabled.value = true;
+    }
   };
   };
   const handleFrpRemote = async () => {
   const handleFrpRemote = async () => {
-    if (enableRemote.value == 1) {
-      window.open(`${address.value}`);
-    }
+    window.open(`${address.value}`);
   };
   };
   nextTick(() => {
   nextTick(() => {
     getTableData();
     getTableData();
@@ -109,7 +121,7 @@
       const res = await frpPutInfoApi(proxyName.value, enableRemote.value);
       const res = await frpPutInfoApi(proxyName.value, enableRemote.value);
       if (res.enableRemote == 1) {
       if (res.enableRemote == 1) {
         createMessage.success('开启成功');
         createMessage.success('开启成功');
-        getTableData();
+        checked.value = true;
       }
       }
     } else {
     } else {
       disabled.value = true;
       disabled.value = true;
@@ -117,7 +129,7 @@
       const res = await frpPutInfoApi(proxyName.value, enableRemote.value);
       const res = await frpPutInfoApi(proxyName.value, enableRemote.value);
       if (res.enableRemote == 0) {
       if (res.enableRemote == 0) {
         createMessage.success('关闭成功');
         createMessage.success('关闭成功');
-        getTableData();
+        checked.value = false;
       }
       }
     }
     }
   };
   };