高级网络设置增加设置http端口和websocket端口的功能
This commit is contained in:
parent
cea6a98a4a
commit
2d64f768e5
|
@ -656,6 +656,30 @@ export default class ClientConnection {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public setWebsocketPort(port: number) {
|
||||||
|
this.ws?.send(
|
||||||
|
JSON.stringify(
|
||||||
|
new Protocol.SetApplicationConfigRequestEntity(
|
||||||
|
0,
|
||||||
|
"websocket_port",
|
||||||
|
port.toString()
|
||||||
|
)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
public setHttpPort(port: number) {
|
||||||
|
this.ws?.send(
|
||||||
|
JSON.stringify(
|
||||||
|
new Protocol.SetApplicationConfigRequestEntity(
|
||||||
|
0,
|
||||||
|
"httpserver_port",
|
||||||
|
port.toString()
|
||||||
|
)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
public setPowerOnPlan(uuid: string) {
|
public setPowerOnPlan(uuid: string) {
|
||||||
this.ws?.send(
|
this.ws?.send(
|
||||||
JSON.stringify(
|
JSON.stringify(
|
||||||
|
|
|
@ -31,7 +31,7 @@
|
||||||
|
|
||||||
<q-card-section
|
<q-card-section
|
||||||
class="scroll q-pa-xs q-ma-none"
|
class="scroll q-pa-xs q-ma-none"
|
||||||
style="width: 60vw; height: 65vh"
|
style="width: 60vw; max-height: 75vh"
|
||||||
>
|
>
|
||||||
<q-card-section class="fit" v-if="false">
|
<q-card-section class="fit" v-if="false">
|
||||||
<q-card>
|
<q-card>
|
||||||
|
@ -130,6 +130,54 @@
|
||||||
</template>
|
</template>
|
||||||
</q-table>
|
</q-table>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
|
<q-card-section class="q-py-none q-my-none">
|
||||||
|
<q-card>
|
||||||
|
<q-list>
|
||||||
|
<q-item>
|
||||||
|
<q-item-section avatar class="header_label">
|
||||||
|
{{ $t("http") }}{{ $t(" ") }}{{ $t("port") }}:
|
||||||
|
</q-item-section>
|
||||||
|
<q-item-section>
|
||||||
|
<q-input
|
||||||
|
type="number"
|
||||||
|
v-model="http_port"
|
||||||
|
max="65535"
|
||||||
|
min="1"
|
||||||
|
/>
|
||||||
|
</q-item-section>
|
||||||
|
<q-item-section avatar>
|
||||||
|
<q-btn
|
||||||
|
:disable="old_http_port == http_port"
|
||||||
|
no-caps
|
||||||
|
:label="$t('commit')"
|
||||||
|
@click="commitHttpPort"
|
||||||
|
/>
|
||||||
|
</q-item-section>
|
||||||
|
</q-item>
|
||||||
|
<q-item>
|
||||||
|
<q-item-section avatar class="header_label">
|
||||||
|
{{ $t("control") }}{{ $t(" ") }}{{ $t("port") }}:
|
||||||
|
</q-item-section>
|
||||||
|
<q-item-section>
|
||||||
|
<q-input
|
||||||
|
type="number"
|
||||||
|
v-model="websocket_port"
|
||||||
|
max="65535"
|
||||||
|
min="1"
|
||||||
|
/>
|
||||||
|
</q-item-section>
|
||||||
|
<q-item-section avatar>
|
||||||
|
<q-btn
|
||||||
|
:disable="old_websocket_port == websocket_port"
|
||||||
|
no-caps
|
||||||
|
:label="$t('commit')"
|
||||||
|
@click="commitWebsocketPort"
|
||||||
|
/>
|
||||||
|
</q-item-section>
|
||||||
|
</q-item>
|
||||||
|
</q-list>
|
||||||
|
</q-card>
|
||||||
|
</q-card-section>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
|
|
||||||
<q-separator />
|
<q-separator />
|
||||||
|
@ -162,7 +210,7 @@
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.header_label {
|
.header_label {
|
||||||
width: 15%;
|
width: 20%;
|
||||||
}
|
}
|
||||||
.header_label_2 {
|
.header_label_2 {
|
||||||
width: 20%;
|
width: 20%;
|
||||||
|
@ -173,7 +221,8 @@
|
||||||
<style lang="sass">
|
<style lang="sass">
|
||||||
.advance-ip-table
|
.advance-ip-table
|
||||||
/* height or max-height is important */
|
/* height or max-height is important */
|
||||||
max-height: 60vh
|
max-height: 52vh
|
||||||
|
min-height: 30vh
|
||||||
|
|
||||||
.q-table__top,
|
.q-table__top,
|
||||||
.q-table__bottom,
|
.q-table__bottom,
|
||||||
|
@ -215,6 +264,11 @@ export default defineComponent({
|
||||||
const advance_ip_table_selected: Ref<AdvancedIpAddressEntity[]> = ref([]);
|
const advance_ip_table_selected: Ref<AdvancedIpAddressEntity[]> = ref([]);
|
||||||
const host_name = ref("player");
|
const host_name = ref("player");
|
||||||
|
|
||||||
|
const old_http_port = ref(80);
|
||||||
|
const http_port = ref(80);
|
||||||
|
const old_websocket_port = ref(GlobalData.kDefaultWebsocektPort);
|
||||||
|
const websocket_port = ref(GlobalData.kDefaultWebsocektPort);
|
||||||
|
|
||||||
const advance_ip_columns = [
|
const advance_ip_columns = [
|
||||||
{
|
{
|
||||||
name: "ip_address",
|
name: "ip_address",
|
||||||
|
@ -269,6 +323,10 @@ export default defineComponent({
|
||||||
advance_ip_rows,
|
advance_ip_rows,
|
||||||
advance_ip_table_selected,
|
advance_ip_table_selected,
|
||||||
host_name,
|
host_name,
|
||||||
|
http_port,
|
||||||
|
old_http_port,
|
||||||
|
websocket_port,
|
||||||
|
old_websocket_port,
|
||||||
loga(a: any) {
|
loga(a: any) {
|
||||||
console.log(a);
|
console.log(a);
|
||||||
},
|
},
|
||||||
|
@ -298,6 +356,33 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
{
|
||||||
|
const port = parseInt(
|
||||||
|
GlobalData.getInstance().applicationConfig?.httpserver_port ??
|
||||||
|
"80"
|
||||||
|
);
|
||||||
|
if (!isNaN(port) && port != Infinity) {
|
||||||
|
http_port.value = port;
|
||||||
|
old_http_port.value = port;
|
||||||
|
} else {
|
||||||
|
http_port.value = 80;
|
||||||
|
old_http_port.value = 80;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
{
|
||||||
|
const port = parseInt(
|
||||||
|
GlobalData.getInstance().applicationConfig?.websocket_port ??
|
||||||
|
GlobalData.kDefaultWebsocektPort.toString()
|
||||||
|
);
|
||||||
|
if (!isNaN(port) && port != Infinity) {
|
||||||
|
websocket_port.value = port;
|
||||||
|
old_websocket_port.value = port;
|
||||||
|
} else {
|
||||||
|
websocket_port.value = GlobalData.kDefaultWebsocektPort;
|
||||||
|
old_websocket_port.value = GlobalData.kDefaultWebsocektPort;
|
||||||
|
}
|
||||||
|
}
|
||||||
show_dialog.value = true;
|
show_dialog.value = true;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
@ -376,6 +461,94 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
commitHttpPort() {
|
||||||
|
$q.dialog({
|
||||||
|
title: $t.t("Confirm"),
|
||||||
|
message: $t.t("are you sure to change the http port") + "?",
|
||||||
|
ok: {
|
||||||
|
label: $t.t("ok"),
|
||||||
|
noCaps: true,
|
||||||
|
flat: true,
|
||||||
|
},
|
||||||
|
cancel: {
|
||||||
|
label: $t.t("cancel"),
|
||||||
|
noCaps: true,
|
||||||
|
flat: true,
|
||||||
|
},
|
||||||
|
persistent: true,
|
||||||
|
}).onOk(() => {
|
||||||
|
GlobalData.getInstance()
|
||||||
|
.getCurrentClient()
|
||||||
|
?.setHttpPort(http_port.value);
|
||||||
|
$q.dialog({
|
||||||
|
title: $t.t("Confirm"),
|
||||||
|
message:
|
||||||
|
$t.t(
|
||||||
|
"the new http port takes effect after the software is restarted"
|
||||||
|
) +
|
||||||
|
"," +
|
||||||
|
$t.t("restart now") +
|
||||||
|
"?",
|
||||||
|
ok: {
|
||||||
|
label: $t.t("ok"),
|
||||||
|
noCaps: true,
|
||||||
|
flat: true,
|
||||||
|
},
|
||||||
|
cancel: {
|
||||||
|
label: $t.t("cancel"),
|
||||||
|
noCaps: true,
|
||||||
|
flat: true,
|
||||||
|
},
|
||||||
|
persistent: true,
|
||||||
|
}).onOk(() => {
|
||||||
|
GlobalData.getInstance().getCurrentClient()?.restartDevice();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
commitWebsocketPort() {
|
||||||
|
$q.dialog({
|
||||||
|
title: $t.t("Confirm"),
|
||||||
|
message: $t.t("are you sure to change the control port") + "?",
|
||||||
|
ok: {
|
||||||
|
label: $t.t("ok"),
|
||||||
|
noCaps: true,
|
||||||
|
flat: true,
|
||||||
|
},
|
||||||
|
cancel: {
|
||||||
|
label: $t.t("cancel"),
|
||||||
|
noCaps: true,
|
||||||
|
flat: true,
|
||||||
|
},
|
||||||
|
persistent: true,
|
||||||
|
}).onOk(() => {
|
||||||
|
GlobalData.getInstance()
|
||||||
|
.getCurrentClient()
|
||||||
|
?.setWebsocketPort(websocket_port.value);
|
||||||
|
$q.dialog({
|
||||||
|
title: $t.t("Confirm"),
|
||||||
|
message:
|
||||||
|
$t.t(
|
||||||
|
"the new control port takes effect after the software is restarted"
|
||||||
|
) +
|
||||||
|
"," +
|
||||||
|
$t.t("restart now") +
|
||||||
|
"?",
|
||||||
|
ok: {
|
||||||
|
label: $t.t("ok"),
|
||||||
|
noCaps: true,
|
||||||
|
flat: true,
|
||||||
|
},
|
||||||
|
cancel: {
|
||||||
|
label: $t.t("cancel"),
|
||||||
|
noCaps: true,
|
||||||
|
flat: true,
|
||||||
|
},
|
||||||
|
persistent: true,
|
||||||
|
}).onOk(() => {
|
||||||
|
GlobalData.getInstance().getCurrentClient()?.restartDevice();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
isEnglishOrNum(str: string) {
|
isEnglishOrNum(str: string) {
|
||||||
return /^[0-9a-zA-Z_\-]+$/.test(str);
|
return /^[0-9a-zA-Z_\-]+$/.test(str);
|
||||||
},
|
},
|
||||||
|
|
|
@ -306,4 +306,16 @@ export default {
|
||||||
"input folder name": "Input Folder Name",
|
"input folder name": "Input Folder Name",
|
||||||
example: "Example",
|
example: "Example",
|
||||||
"example:": "Example:",
|
"example:": "Example:",
|
||||||
|
"are you sure to change the http port":
|
||||||
|
"Are You Sure To Change The Http Port",
|
||||||
|
"the new http port takes effect after the software is restarted":
|
||||||
|
"The New Http Port Takes Effect After The Software Is Restarted",
|
||||||
|
"are you sure to change the control port":
|
||||||
|
"Are You Sure To Change The Control Port",
|
||||||
|
"the new control port takes effect after the software is restarted":
|
||||||
|
"The New Control Port Takes Effect After The Software Is Restarted",
|
||||||
|
port: "Port",
|
||||||
|
http: "Http",
|
||||||
|
control: "Control",
|
||||||
|
"restart now": "Restart Now",
|
||||||
};
|
};
|
||||||
|
|
|
@ -597,4 +597,13 @@ export default {
|
||||||
"主机名只能由数字、字母和_-组成",
|
"主机名只能由数字、字母和_-组成",
|
||||||
"Custom ISV": "优霸定制",
|
"Custom ISV": "优霸定制",
|
||||||
"are you sure power off device": "确定关机吗",
|
"are you sure power off device": "确定关机吗",
|
||||||
|
"are you sure to change the http port": "确定重启吗",
|
||||||
|
"the new http port takes effect after the software is restarted":
|
||||||
|
"新的Http端口将在重启软件后生效",
|
||||||
|
"are you sure to change the control port": "确定要修改控制端口吗",
|
||||||
|
"the new control port takes effect after the software is restarted":
|
||||||
|
"新的控制端口将在软件重启后生效",
|
||||||
|
port: "端口",
|
||||||
|
http: "Http",
|
||||||
|
"restart now": "现在重启",
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue