2022-04-14 15:37:33 +08:00
|
|
|
<template>
|
|
|
|
<q-page class="row items-center justify-evenly">
|
|
|
|
<content-wall />
|
|
|
|
</q-page>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
import { defineComponent, Ref, ref } from "vue";
|
|
|
|
import EventBus, { EventNamesDefine } from "src/common/EventBus";
|
|
|
|
import { useQuasar } from "quasar";
|
|
|
|
import { useI18n } from "vue-i18n";
|
|
|
|
import { useStore } from "src/store";
|
|
|
|
import Initializer from "src/common/Initializer";
|
|
|
|
import GlobalData from "src/common/GlobalData";
|
|
|
|
import RemoteDataExangeProcesser from "src/common/RemoteDataExangeProcesser";
|
|
|
|
|
|
|
|
import ContentWall from "./ContentWall.vue";
|
|
|
|
|
|
|
|
export default defineComponent({
|
|
|
|
name: "PadPageIndexPage",
|
|
|
|
components: { ContentWall },
|
|
|
|
setup() {
|
|
|
|
const $store = useStore();
|
|
|
|
const $q = useQuasar();
|
|
|
|
const $t = useI18n();
|
|
|
|
|
|
|
|
const options = {
|
|
|
|
$t,
|
|
|
|
$store,
|
|
|
|
$q,
|
|
|
|
};
|
|
|
|
|
2022-07-04 14:26:29 +08:00
|
|
|
// new Initializer(options).initialize().then(() => {
|
|
|
|
// $store.commit("setInitialized");
|
|
|
|
// });
|
2022-04-14 15:37:33 +08:00
|
|
|
|
|
|
|
const remote_data_exange_processer = new RemoteDataExangeProcesser(options);
|
|
|
|
remote_data_exange_processer.enable();
|
|
|
|
|
2022-09-02 16:58:33 +08:00
|
|
|
let disconnect_flag = false;
|
2022-04-14 15:37:33 +08:00
|
|
|
EventBus.getInstance().on(EventNamesDefine.CurrentConnectDisconnect, () => {
|
2022-09-02 16:58:33 +08:00
|
|
|
disconnect_flag = true;
|
2022-04-14 15:37:33 +08:00
|
|
|
$q.loading.show({
|
|
|
|
html: true,
|
|
|
|
message:
|
|
|
|
$t.t("network disconnect!") +
|
|
|
|
$t.t("wait reconnection") +
|
|
|
|
"..." +
|
|
|
|
"<br />" +
|
|
|
|
"<a href='javascript:void(0);' OnClick='window.controlLogout()'>" +
|
|
|
|
$t.t("back to login page") +
|
|
|
|
"</a>",
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
EventBus.getInstance().on(EventNamesDefine.CurrentConnectConnected, () => {
|
|
|
|
$q.loading.hide();
|
2022-09-02 16:58:33 +08:00
|
|
|
if (disconnect_flag) {
|
|
|
|
if ($q.platform.is.android && $q.platform.is.capacitor) {
|
|
|
|
window.location.reload();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
2022-04-14 15:37:33 +08:00
|
|
|
setTimeout(() => {
|
|
|
|
new Initializer(options).initialize().then(() => {
|
|
|
|
$store.commit("setInitialized");
|
|
|
|
});
|
|
|
|
}, 500);
|
|
|
|
});
|
|
|
|
|
|
|
|
$store.commit(
|
|
|
|
"setDeviceIpAddress",
|
|
|
|
GlobalData.getInstance().getCurrentClientName()
|
|
|
|
);
|
|
|
|
|
|
|
|
EventBus.getInstance().on(EventNamesDefine.CurrentClientChanged, () => {
|
|
|
|
new Initializer(options).initialize();
|
|
|
|
});
|
|
|
|
|
|
|
|
return {};
|
|
|
|
},
|
|
|
|
});
|
|
|
|
</script>
|