<template>
|
<div id="app">
|
<tools></tools>
|
<desktop></desktop>
|
<tools-entry ref="dock_model"></tools-entry>
|
<!-- <dock ref="dock_model"></dock> -->
|
<notice-tip ref="notice_tip_model"></notice-tip>
|
<notification-center></notification-center>
|
</div>
|
</template>
|
|
<script>
|
import Desktop from './components/Desktop';
|
import Dock from './components/Dock';
|
import Preference from './components/Preference';
|
import NotificationCenter from './components/NotificationCenter';
|
import NoticeTip from './components/NoticeTip';
|
import Tools from './components/Tools';
|
import ToolsEntry from './components/ToolsEntry';
|
import axios from 'axios'
|
|
export default {
|
name: 'app',
|
components: {
|
Desktop, Dock, Preference, NotificationCenter, NoticeTip, Tools, ToolsEntry
|
},
|
mounted() {
|
document.getElementById('app').style.backgroundImage = process.env.VUE_APP_MAIN_URL;
|
let _that = this;
|
let user_res = require("./mock/userData.json")
|
if (user_res.success) {
|
user_res.data.docks.forEach(function (item) {
|
_that.$store.commit('desktop/addDock', item);
|
});
|
}
|
|
// setTimeout(function () {
|
// _that.$refs.dock_model.initDockItem();
|
// }, 100);
|
// axios.get(process.env.VUE_APP_USER_DATA_URL).then(function (res) {
|
|
// });
|
|
let msgResp = require("./mock/messages.json")
|
if (msgResp.success) {
|
msgResp.data.forEach(function (item) {
|
_that.addMessage(item);
|
})
|
}
|
// axios.get(process.env.VUE_APP_MESSAGE_URL).then(function (res) {
|
|
// });
|
|
let weather = require("./mock/weather.json")
|
if (weather.success) {
|
_that.addWeather(weather.data.data);
|
}
|
// axios.get(process.env.VUE_APP_WEATHER_URL).then(function (res) {
|
|
// });
|
|
setTimeout(function () {
|
_that.addMessage({
|
id: 'N1',
|
icon: 'images/frost.png',
|
tip: '分布式任务调度',
|
title: '默认账号',
|
body: '账号:frost 密码:frost',
|
time: new Date()
|
}, true);
|
}, 3000);
|
|
setTimeout(function () {
|
_that.addMessage({
|
id: 'N2',
|
icon: 'images/message.png',
|
tip: '消息',
|
title: '官方QQ',
|
body: '1106088328',
|
time: new Date()
|
}, true);
|
}, 6000);
|
|
console.log(this.$store.state.desktop)
|
},
|
methods: {
|
addMessage: function (message, ding) {
|
this.$store.dispatch('desktop/addMessage', message);
|
if (ding) {
|
new Audio('sounds/ping.mp3').play();
|
}
|
this.$refs.notice_tip_model.showTip(message);
|
},
|
addWeather: function (weather) {
|
this.$store.commit('desktop/addWeather', weather);
|
}
|
}
|
}
|
</script>
|
|
<style>
|
html {
|
height: 100%;
|
}
|
|
body {
|
padding: 0;
|
margin: 0;
|
height: 100%;
|
overflow: hidden;
|
}
|
|
#app {
|
width: 100%;
|
height: 100%;
|
background-size: 100% 100%;
|
background-image: url("../../../assets/img/desktop/desktop.png");
|
background-attachment: fixed;
|
}
|
|
.clearFix:after{
|
content: '';
|
display: block;
|
height: 0;
|
clear: both;
|
}
|
</style>
|