heyujie
2021-11-15 ad48627faf6781f95e9bc71ec702812140d9ae04
更换桌面背景
3个文件已修改
49 ■■■■■ 已修改文件
src/pages/desktop/index/App.vue 11 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/pages/settings/views/generalSettings.vue 36 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
vue.config.js 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
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;
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) {
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,