Commit edb6e5beed5f7326f5f77444ef0edd66f7e87501

Authored by fengtao
1 parent 7bdcd41a

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

... ... @@ -7,6 +7,7 @@
7 7 un-checked-children="关"
8 8 v-model:checked="checked"
9 9 @change="handleChange"
  10 + :disabled="enableRemoteDisabled"
10 11 />
11 12 </template>
12 13 </BasicTable>
... ... @@ -26,6 +27,7 @@
26 27 import { Tag } from 'ant-design-vue';
27 28 import { frpGetInfoApi, frpPutInfoApi } from '/@/api/device/deviceConfigApi';
28 29 import { useMessage } from '/@/hooks/web/useMessage';
  30 + import { ConsoleSqlOutlined } from '@ant-design/icons-vue';
29 31
30 32 const props = defineProps({
31 33 deviceDetail: {
... ... @@ -74,9 +76,10 @@
74 76 const proxyName = ref('');
75 77 const remotePort = ref(0);
76 78 const address = ref('');
  79 + const enableRemoteDisabled = ref(false);
77 80 const getTableData = async () => {
78   - const res = await frpGetInfoApi('1000000061664FF');
79   - // const res = await frpGetInfoApi(props.deviceDetail.sn);
  81 + // const res = await frpGetInfoApi('1000000061664FF');
  82 + const res = await frpGetInfoApi(props.deviceDetail.sn);
80 83 enableRemote.value = res.enableRemote;
81 84 proxyName.value = res.proxyName;
82 85 remotePort.value = res.remotePort;
... ... @@ -84,20 +87,29 @@
84 87 if (res.enableRemote == 1) {
85 88 checked.value = true;
86 89 disabled.value = false;
  90 + enableRemoteDisabled.value = true;
87 91 } else {
88 92 checked.value = false;
89 93 disabled.value = true;
  94 + enableRemoteDisabled.value = false;
  95 + }
  96 + if (res.status == 0) {
  97 + enableRemoteDisabled.value = true;
  98 + } else {
  99 + enableRemoteDisabled.value = false;
90 100 }
91 101 tableData.value.push({
92 102 enableRemote: res.enableRemote,
93 103 proxyName: res.proxyName,
94 104 status: res.status,
95 105 });
  106 + if (res == '') {
  107 + enableRemoteDisabled.value = true;
  108 + disabled.value = true;
  109 + }
96 110 };
97 111 const handleFrpRemote = async () => {
98   - if (enableRemote.value == 1) {
99   - window.open(`${address.value}`);
100   - }
  112 + window.open(`${address.value}`);
101 113 };
102 114 nextTick(() => {
103 115 getTableData();
... ... @@ -109,7 +121,7 @@
109 121 const res = await frpPutInfoApi(proxyName.value, enableRemote.value);
110 122 if (res.enableRemote == 1) {
111 123 createMessage.success('开启成功');
112   - getTableData();
  124 + checked.value = true;
113 125 }
114 126 } else {
115 127 disabled.value = true;
... ... @@ -117,7 +129,7 @@
117 129 const res = await frpPutInfoApi(proxyName.value, enableRemote.value);
118 130 if (res.enableRemote == 0) {
119 131 createMessage.success('关闭成功');
120   - getTableData();
  132 + checked.value = false;
121 133 }
122 134 }
123 135 };
... ...