mirror of
https://github.com/kuaifan/dootask.git
synced 2025-12-12 11:19:56 +00:00
392 lines
13 KiB
Vue
Executable File
392 lines
13 KiB
Vue
Executable File
<template>
|
|
<div id="app">
|
|
<keep-alive>
|
|
<router-view class="child-view"></router-view>
|
|
</keep-alive>
|
|
|
|
<!--任务操作-->
|
|
<TaskOperation/>
|
|
|
|
<!--全局浮窗加载器-->
|
|
<FloatSpinner/>
|
|
|
|
<!--右下角客户端-->
|
|
<RightBottom/>
|
|
|
|
<!--图片预览-->
|
|
<PreviewImageState/>
|
|
|
|
<!--网络提示-->
|
|
<NetworkException v-if="windowLandscape"/>
|
|
|
|
<!--Hidden IFrame-->
|
|
<iframe v-for="item in iframes" :key="item.key" v-if="item.url" v-show="false" :src="item.url"></iframe>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
.child-view {
|
|
position: absolute;
|
|
width: 100%;
|
|
min-height: 100%;
|
|
transition: all .3s cubic-bezier(.55, 0, .1, 1);
|
|
}
|
|
</style>
|
|
<script>
|
|
import FloatSpinner from "./components/FloatSpinner";
|
|
import RightBottom from "./components/RightBottom";
|
|
import PreviewImageState from "./components/PreviewImage/state";
|
|
import NetworkException from "./components/NetworkException";
|
|
import TaskOperation from "./pages/manage/components/TaskOperation";
|
|
import {mapState} from "vuex";
|
|
import {languageType} from "./language";
|
|
|
|
export default {
|
|
components: {TaskOperation, NetworkException, PreviewImageState, RightBottom, FloatSpinner},
|
|
|
|
data() {
|
|
return {
|
|
routePath: null,
|
|
searchInter: null,
|
|
iframes: [],
|
|
}
|
|
},
|
|
|
|
created() {
|
|
this.electronEvents();
|
|
this.eeuiEvents();
|
|
this.otherEvents();
|
|
this.synchThemeLanguage();
|
|
this.synchAppTheme();
|
|
},
|
|
|
|
mounted() {
|
|
window.addEventListener('resize', this.windowSizeListener);
|
|
window.addEventListener('scroll', this.windowScrollListener);
|
|
this.searchInter = setInterval(this.searchEnter, 1000);
|
|
},
|
|
|
|
beforeDestroy() {
|
|
window.removeEventListener('resize', this.windowSizeListener);
|
|
window.removeEventListener('scroll', this.windowScrollListener);
|
|
this.searchInter && clearInterval(this.searchInter);
|
|
},
|
|
|
|
computed: {
|
|
...mapState(['ws', 'themeMode', 'themeIsDark', 'windowOrientation']),
|
|
|
|
isSoftware() {
|
|
return this.$Electron || this.$isEEUiApp;
|
|
},
|
|
},
|
|
|
|
watch: {
|
|
'$route': {
|
|
handler(to) {
|
|
this.routePath = to.path
|
|
},
|
|
immediate: true,
|
|
},
|
|
|
|
routePath: {
|
|
handler(path) {
|
|
if (path && this.userId > 0) {
|
|
path = path.replace(/^\/manage\/file\/\d+\/(\d+)$/, "/single/file/$1")
|
|
this.$store.dispatch("websocketPath", path)
|
|
}
|
|
},
|
|
immediate: true
|
|
},
|
|
|
|
userId: {
|
|
handler() {
|
|
this.$store.dispatch("websocketConnection");
|
|
//
|
|
if (this.userId > 0) {
|
|
if (this.$isEEUiApp) {
|
|
$A.eeuiAppSendMessage({
|
|
action: 'intiUmeng',
|
|
});
|
|
setTimeout(_ => {
|
|
$A.eeuiAppSendMessage({
|
|
action: 'setUmengAlias',
|
|
userid: this.userId,
|
|
token: this.userToken,
|
|
url: $A.apiUrl('users/umeng/alias')
|
|
});
|
|
}, 6000)
|
|
}
|
|
//
|
|
$A.IDBString("logOpen").then(r => {
|
|
$A.openLog = r === "open"
|
|
if ($A.openLog) {
|
|
$A.loadScript('js/vconsole.min.js').then(_ => {
|
|
window.vConsole = new window.VConsole({
|
|
onReady: () => {
|
|
console.log('vConsole: onReady');
|
|
},
|
|
onClearLog: () => {
|
|
console.log('vConsole: onClearLog');
|
|
}
|
|
});
|
|
}).catch(_ => {
|
|
$A.modalError("vConsole 组件加载失败！");
|
|
})
|
|
}
|
|
})
|
|
}
|
|
},
|
|
immediate: true
|
|
},
|
|
|
|
windowTouch: {
|
|
handler(support) {
|
|
if (support) {
|
|
$A("body").addClass("window-touch")
|
|
} else {
|
|
$A("body").removeClass("window-touch")
|
|
}
|
|
},
|
|
immediate: true
|
|
},
|
|
|
|
windowOrientation: {
|
|
handler(direction) {
|
|
$A("body").removeClass(["window-landscape", "window-portrait"])
|
|
$A("body").addClass("window-" + direction)
|
|
},
|
|
immediate: true
|
|
},
|
|
|
|
windowActive(active) {
|
|
if (active) {
|
|
this.autoTheme()
|
|
this.__windowTimer && clearTimeout(this.__windowTimer)
|
|
this.__windowTimer = setTimeout(_ => {
|
|
this.$store.dispatch("call", {
|
|
url: "users/socket/status",
|
|
}).then(_ => {
|
|
this.$store.dispatch("websocketSend", {
|
|
type: 'handshake',
|
|
}).catch(_ => {
|
|
this.$store.dispatch("websocketConnection")
|
|
})
|
|
}).catch(_ => {
|
|
this.$store.dispatch("websocketConnection")
|
|
})
|
|
}, 600)
|
|
} else {
|
|
this.$store.dispatch("audioStop", true)
|
|
}
|
|
},
|
|
|
|
themeIsDark() {
|
|
this.synchThemeLanguage();
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
searchEnter() {
|
|
let row = $A(".sreachBox");
|
|
if (row.length === 0) {
|
|
return;
|
|
}
|
|
if (row.attr("data-enter-init") === "init") {
|
|
return;
|
|
}
|
|
row.attr("data-enter-init", "init");
|
|
//
|
|
let buttons = row.find("button[type='button']");
|
|
let button = null;
|
|
if (buttons.length === 0) {
|
|
return;
|
|
}
|
|
buttons.each((index, item) => {
|
|
if ($A(item).text().indexOf("搜索")) {
|
|
button = $A(item);
|
|
}
|
|
});
|
|
if (button === null) {
|
|
return;
|
|
}
|
|
row.find("input.ivu-input").keydown(function (e) {
|
|
if (e.keyCode == 13) {
|
|
if (!button.hasClass("ivu-btn-loading")) {
|
|
button.click();
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
autoTheme() {
|
|
if (this.themeMode === "auto") {
|
|
this.$store.dispatch("synchTheme")
|
|
}
|
|
},
|
|
|
|
synchThemeLanguage() {
|
|
if (this.isSoftware) {
|
|
this.iframes = this.iframes.filter(({key}) => key != 'synchThemeLanguage')
|
|
this.iframes.push({
|
|
key: 'synchThemeLanguage',
|
|
url: $A.apiUrl(`../setting/theme_language?theme=${this.themeIsDark ? 'dark' : 'light'}&language=${languageType}`)
|
|
})
|
|
}
|
|
this.synchAppTheme()
|
|
},
|
|
|
|
synchAppTheme() {
|
|
if (this.$isEEUiApp) {
|
|
$A.eeuiAppSendMessage({
|
|
action: 'updateTheme',
|
|
themeName: this.themeIsDark ? 'dark' : 'light',
|
|
});
|
|
}
|
|
},
|
|
|
|
windowSizeListener() {
|
|
const windowWidth = $A(window).width(),
|
|
windowHeight = $A(window).height(),
|
|
windowOrientation = $A.screenOrientation()
|
|
|
|
this.$store.state.windowTouch = "ontouchend" in document
|
|
|
|
this.$store.state.windowWidth = windowWidth
|
|
this.$store.state.windowHeight = windowHeight
|
|
|
|
this.$store.state.windowOrientation = windowOrientation
|
|
this.$store.state.windowLandscape = windowOrientation === 'landscape'
|
|
this.$store.state.windowPortrait = windowOrientation === 'portrait'
|
|
|
|
this.$store.state.formLabelPosition = windowWidth > 576 ? 'right' : 'top'
|
|
this.$store.state.formLabelWidth = windowWidth > 576 ? 'auto' : ''
|
|
},
|
|
|
|
windowScrollListener() {
|
|
this.$store.state.windowScrollY = window.scrollY
|
|
},
|
|
|
|
electronEvents() {
|
|
if (!this.$Electron) {
|
|
return;
|
|
}
|
|
window.__onBeforeUnload = () => {
|
|
if (this.$Modal.removeLast()) {
|
|
return true;
|
|
}
|
|
}
|
|
this.$Electron.registerMsgListener('dispatch', args => {
|
|
if (!$A.isJson(args)) {
|
|
return;
|
|
}
|
|
let {action, data} = args;
|
|
this.$store.dispatch(action, data);
|
|
})
|
|
this.$Electron.registerMsgListener('browserWindowBlur', _ => {
|
|
this.$store.state.windowActive = false;
|
|
})
|
|
this.$Electron.registerMsgListener('browserWindowFocus', _ => {
|
|
this.$store.state.windowActive = true;
|
|
})
|
|
this.iframes.push({
|
|
key: 'manifest',
|
|
url: $A.apiUrl("../manifest")
|
|
})
|
|
$A.bindScreenshotKey($A.jsonParse(window.localStorage.getItem("__keyboard:data__")) || {});
|
|
},
|
|
|
|
eeuiEvents() {
|
|
if (!this.$isEEUiApp) {
|
|
return;
|
|
}
|
|
// APP进入前台
|
|
window.__onAppActive = () => {
|
|
this.autoTheme()
|
|
}
|
|
// 页面失活
|
|
window.__onPagePause = () => {
|
|
this.$store.state.windowActive = false;
|
|
this.$store.dispatch("getBasicData", -1);
|
|
}
|
|
// 页面激活
|
|
window.__onPageResume = (num) => {
|
|
this.$store.state.windowActive = true;
|
|
if (num > 0) {
|
|
this.$store.dispatch("getBasicData", 600)
|
|
} else {
|
|
this.autoTheme()
|
|
}
|
|
}
|
|
// 会议事件
|
|
window.__onMeetingEvent = ({act,uuid,meetingid}) => {
|
|
switch (act) {
|
|
// 获取用户信息
|
|
case "getInfo":
|
|
this.$store.dispatch("call", {
|
|
url: 'users/basic',
|
|
data: {
|
|
userid: [ (uuid+"").substring(6) ]
|
|
}
|
|
}).then(({data}) => {
|
|
$A.eeuiAppSendMessage({
|
|
action: 'updateMeetingInfo',
|
|
infos: {
|
|
uuid: uuid,
|
|
avatar: data[0]?.userimg,
|
|
username: data[0]?.nickname,
|
|
}
|
|
});
|
|
}).catch(({msg}) => {
|
|
$A.modalError(msg);
|
|
});
|
|
break;
|
|
//加入成功
|
|
case "success":
|
|
this.$store.dispatch("closeMeetingWindow","add")
|
|
break;
|
|
// 邀请
|
|
case "invent":
|
|
this.$store.dispatch("showMeetingWindow",{
|
|
type: "invitation",
|
|
meetingid: meetingid
|
|
})
|
|
break;
|
|
//结束会议
|
|
case "endMeeting":
|
|
break;
|
|
//加入失败
|
|
case "error":
|
|
this.$store.dispatch("closeMeetingWindow","error")
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
}
|
|
// 键盘状态
|
|
window.__onKeyboardStatus = (data) => {
|
|
const message = $A.jsonParse(decodeURIComponent(data));
|
|
this.$store.state.keyboardType = message.keyboardType;
|
|
this.$store.state.keyboardHeight = message.keyboardHeight;
|
|
this.$store.state.safeAreaBottom = message.safeAreaBottom;
|
|
}
|
|
// 通知权限
|
|
window.__onNotificationPermissionStatus = (ret) => {
|
|
this.$store.state.appNotificationPermission = $A.runNum(ret) == 1;
|
|
}
|
|
},
|
|
|
|
otherEvents() {
|
|
if (!this.isSoftware) {
|
|
// 非客户端监听窗口激活
|
|
const hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ? 'mozHidden' : null;
|
|
const visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
|
|
document.addEventListener(visibilityChangeEvent, () => {
|
|
this.$store.state.windowActive = !document[hiddenProperty]
|
|
});
|
|
}
|
|
},
|
|
}
|
|
}
|
|
</script>
|