Showing
1 changed file
with
19 additions
and
7 deletions
... | ... | @@ -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 | }; | ... | ... |