| | |
| | | <script>
|
| | | import { saveAlarmConfig, getDevInfo } from "@/api/system";
|
| | | import { uploadSound, getSoundList, deleteSound } from "@/api/event";
|
| | |
|
| | | import {
|
| | | updateUser,
|
| | | } from "@/api/user";
|
| | | export default {
|
| | | data() {
|
| | | return {
|
| | |
| | | { 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: [
|
| | |
| | | _this.curPlayingIndex = null;
|
| | | }
|
| | | });
|
| | | const url = localStorage.getItem("backgroundPic");
|
| | | const url = this.curUser.backgroundpic;
|
| | | this.activeIcons = this.curUser.useIconType-1
|
| | | 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;
|
| | |
| | | max_video_len() {
|
| | | return Math.round(this.fakeObj.max * 1.2);
|
| | | },
|
| | | curUser() {
|
| | | const info = JSON.parse(sessionStorage.getItem("userInfo"));
|
| | | return info;
|
| | | },
|
| | | },
|
| | | methods: {
|
| | | formatTooltip(v) {
|
| | |
| | | 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) {
|
| | |
| | | },
|
| | | selectIcons(i) {
|
| | | this.activeIcons = i;
|
| | | updateUser({
|
| | | id: this.curUser.id,
|
| | | iconType: i+1,
|
| | | }).then((res) => {
|
| | | if (res.success) {
|
| | | window.parent.postMessage({ msg: "AppUpdate" }, "*");
|
| | | sessionStorage.setItem("userInfo", JSON.stringify(res.data))
|
| | | this.$message.success(res.msg);
|
| | | }
|
| | | });
|
| | | },
|
| | | removeSound(item) {
|
| | | const h = this.$createElement;
|
| | |
| | | flex: 1;
|
| | | flex-basis: auto;
|
| | | box-sizing: border-box;
|
| | | .el-input__inner {
|
| | | height: 24px !important;
|
| | | }
|
| | | .general-center {
|
| | | height: 100%;
|
| | | width: 300px;
|
| | | overflow: auto;
|
| | | box-sizing: border-box;
|
| | | flex-shrink: 0;
|
| | | padding: 24px 10px;
|
| | | padding: 10px 10px;
|
| | | padding-top: 6px;
|
| | | border-right: 4px solid #f2f2f7;
|
| | | border-top: 4px solid #f2f2f7;
|
| | | border-left: 4px solid #f2f2f7;
|
| | | background-color: #fbfaff;
|
| | |
|
| | | .menu-item {
|
| | | height: 56px;
|
| | | margin-bottom: 4px;
|
| | |
| | | overflow: auto;
|
| | | box-sizing: border-box;
|
| | | background-color: rgb(251, 250, 255);
|
| | | border-top: 4px solid #f2f2f7;
|
| | |
|
| | | padding: 10px 18px 10px 10px;
|
| | | padding: 6px 18px 10px 10px;
|
| | | .el-form-item.is-required:not(.is-no-asterisk)
|
| | | > .el-form-item__label:before,
|
| | | .el-form-item.is-required:not(.is-no-asterisk)
|
| | |
| | | .el-form-item {
|
| | | margin-bottom: 10px;
|
| | | height: 50px;
|
| | | background: #f8f8f8;
|
| | | background: #F2F2F7;
|
| | | padding: 4px 20px;
|
| | | -webkit-box-sizing: border-box;
|
| | | box-sizing: border-box;
|
| | |
| | | text-align: center;
|
| | | font-weight: 700;
|
| | | border: none;
|
| | | }
|
| | | background: #F2F2F7;
|
| | | border-radius: 8px;
|
| | | height: 48px;
|
| | | margin-bottom: 4px;
|
| | | border:2px solid #F2F2F7 !important; |
| | | }
|
| | | .bar-group {
|
| | | overflow: auto;
|
| | | height: calc(100% - 100px);
|
| | | .general-bar {
|
| | | height: 48px;
|
| | | background-color: #f8f8f8;
|
| | | background: #F2F2F7;
|
| | | border-radius: 10px;
|
| | | line-height: 48px;
|
| | | box-sizing: border-box;
|
| | |
| | | display: flex;
|
| | | justify-content: space-between;
|
| | | margin-bottom: 2px;
|
| | | border: 2px solid #f8f8f8;
|
| | | border:2px solid #F2F2F7;
|
| | | margin-bottom: 4px;
|
| | | .name {
|
| | | font-size: 14px;
|
| | | }
|
| | |
| | | height: 30px;
|
| | | border-radius:50% ;
|
| | | background-color: #fff;
|
| | | padding: 3px;
|
| | | padding: 4px;
|
| | | .color-option-content {
|
| | | width: 100%;
|
| | | height: 100%;
|
| | |
| | |
|
| | | .videoTime .el-input-number.el-input-number--small {
|
| | | width: 90px;
|
| | | height: 24px;
|
| | | height: 24px !important;
|
| | | border-radius: 4px;
|
| | | line-height: 24px !important;
|
| | | font-weight: 700 !important;
|
| | |
| | |
|
| | | .videoTime .el-input-number.el-input-number--small .el-input__inner {
|
| | | font-size: 12px !important;
|
| | | height: 24px !important;
|
| | | }
|
| | |
|
| | | .el-input-number__decrease {
|
| | |
| | | color: #4E94FF;
|
| | | }
|
| | |
|
| | | .el-input__inner {
|
| | | height: 24px !important;
|
| | | }
|
| | |
|
| | |
|
| | |
|
| | | /* .el-tooltip__popper {
|