From ad48627faf6781f95e9bc71ec702812140d9ae04 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期一, 15 十一月 2021 17:21:24 +0800
Subject: [PATCH] 更换桌面背景
---
vue.config.js | 2 +-
src/pages/desktop/index/App.vue | 11 +++++------
src/pages/settings/views/generalSettings.vue | 36 +++++++++++++++++++++++-------------
3 files changed, 29 insertions(+), 20 deletions(-)
diff --git a/src/pages/desktop/index/App.vue b/src/pages/desktop/index/App.vue
index 08d5c56..d83f802 100644
--- a/src/pages/desktop/index/App.vue
+++ b/src/pages/desktop/index/App.vue
@@ -28,7 +28,7 @@
data() {
return {
buttonAuthority: sessionStorage.getItem('buttonAuthoritys') || [],
- defaultBgUrl:"/images/desktop/background.png"
+ // defaultBgUrl:"/images/desktop/background.png"
}
},
computed: {
@@ -43,12 +43,13 @@
)
}
return false
+ },
+ defaultBgUrl(){
+ return JSON.parse(sessionStorage.getItem('userInfo')).backgroundpic
}
},
mounted() {
- // document.getElementById('app').style.backgroundImage = process.env.VUE_APP_MAIN_URL;
- const url = localStorage.getItem("backgroundPic")
- document.getElementById('app').style.backgroundImage = `url(${url||this.defaultBgUrl})`
+ document.getElementById('app').style.backgroundImage = `url(${this.defaultBgUrl})`
this.showApps();
let _that = this;
let msgResp = require("./mock/messages.json")
@@ -93,8 +94,6 @@
},
onChangeBg(v){
document.getElementById('app').style.backgroundImage = "url(" + v + ")"
- this.defaultBgUrl = v
- localStorage.setItem("backgroundPic", v)
},
showApps() {
let _that = this;
diff --git a/src/pages/settings/views/generalSettings.vue b/src/pages/settings/views/generalSettings.vue
index 648d193..906cf8b 100644
--- a/src/pages/settings/views/generalSettings.vue
+++ b/src/pages/settings/views/generalSettings.vue
@@ -298,7 +298,9 @@
<script>
import { saveAlarmConfig, getDevInfo } from "@/api/system";
import { uploadSound, getSoundList, deleteSound } from "@/api/event";
-
+import {
+ updateUser,
+} from "@/api/user";
export default {
data() {
return {
@@ -349,9 +351,9 @@
{ url: "/images/settings/绯荤粺璁剧疆.png" },
],
tableBGList: [
- { name: "background", url: "/images/settings/background.png" },
- { name: "message", url: "/images/settings/鏁版嵁鎺ㄩ��.png" },
- { name: "weather", url: "/images/settings/绯荤粺璁剧疆.png" },
+ { name: "background", url: "/images/desktop/background.png" },
+ { name: "message", url: "/images/desktop/message.png" },
+ { name: "weather", url: "/images/desktop/weather.png" },
],
universalColor:'',
colorList: [
@@ -377,11 +379,11 @@
_this.curPlayingIndex = null;
}
});
- const url = localStorage.getItem("backgroundPic");
+ const url = this.curUser.backgroundpic;
if (url) {
- const arr = url.split("/");
+ // const arr = url.split("/");
this.activeBg = this.tableBGList.findIndex((x) => {
- return x.url.includes(arr[arr.length - 1]);
+ return x.url == url;
});
} else {
this.activeBg = 0;
@@ -403,6 +405,10 @@
max_video_len() {
return Math.round(this.fakeObj.max * 1.2);
},
+ curUser() {
+ const info = JSON.parse(sessionStorage.getItem("userInfo"));
+ return info;
+ },
},
methods: {
formatTooltip(v) {
@@ -411,12 +417,16 @@
pickBg(item, i) {
this.activeBg = i;
let message = "changeBackground?" + item.name;
- window.parent.postMessage(
- {
- msg: message,
- },
- "*"
- );
+ window.parent.postMessage( {msg: message, }, "*" );
+ updateUser({
+ id: this.curUser.id,
+ backgroundpic: item.url,
+ }).then((res) => {
+ if (res.success) {
+ sessionStorage.setItem("userInfo", JSON.stringify(res.data))
+ this.$message.success(res.msg);
+ }
+ });
this.$forceUpdate()
},
togglePlay(item, i) {
diff --git a/vue.config.js b/vue.config.js
index 44ff875..f7b5a43 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -41,7 +41,7 @@
})
// const serverUrl = "http://58.118.225.79:41243" // 缇婁簲
- const serverUrl = "http://192.168.20.189:7009"
+ const serverUrl = "http://192.168.8.10:7009"
module.exports = {
pages,
--
Gitblit v1.8.0