| | |
| | | step-strictly
|
| | | size="small"
|
| | | ></el-input-number
|
| | | > s -->
|
| | |
|
| | | <el-input-number
|
| | | v-model="min_len"
|
| | | @change="fakeObj.min = +(min_len / 1.2)"
|
| | | :min="5"
|
| | | :step="5"
|
| | | :max="120"
|
| | | step-strictly
|
| | | size="small"
|
| | | ></el-input-number
|
| | | > s
|
| | | </div>
|
| | | </div>
|
| | |
| | | style="cursor: pointer"
|
| | | >{{ playSpan }}</span
|
| | | >
|
| | | <!-- <span class="iconfont" v-else style="cursor: pointer">{{
|
| | | playSpan2
|
| | | }}</span> -->
|
| | |
|
| | | <img
|
| | | v-else
|
| | | src="/images/settings/暂停.png"
|
| | |
| | | margin-top: 15px;
|
| | | "
|
| | | />
|
| | | <!-- |
| | | <i
|
| | | v-if="!item.isPlay"
|
| | | class="el-icon-video-play"
|
| | | style=""
|
| | | ></i>
|
| | | <i v-else class="el-icon-video-pause"></i> -->
|
| | | </span>
|
| | | <span
|
| | | class="icon iconfont del"
|
| | |
| | | <div class="top-title">图标主题</div>
|
| | | <div class="icon-bar" style="cursor: pointer" @click="selectIcons(0)">
|
| | | <div class="bar-title">
|
| | | <span class="title">扁平写实图标</span>
|
| | | <span class="title">面性风格</span>
|
| | | <span
|
| | | class="icon iconfont"
|
| | | :class="activeIcons == 0 ? 'icon-active' : 'icon-normal'"
|
| | |
| | | </div>
|
| | | <div class="icon-bar" style="cursor: pointer" @click="selectIcons(1)">
|
| | | <div class="bar-title">
|
| | | <span class="title">扁平化图标</span>
|
| | | <span class="title">简约风格</span>
|
| | | <span
|
| | | class="icon iconfont"
|
| | | :class="activeIcons == 1 ? 'icon-active' : 'icon-normal'"
|
| | |
| | | },
|
| | | isPlay: false,
|
| | | realIconList: [
|
| | | { url: "/images/settings/日志管理.png", color: "green" },
|
| | | { url: "/images/settings/实时监控.png", color: "yellow" },
|
| | | { url: "/images/settings/数据可视化.png", color: "pink" },
|
| | | { url: "/images/settings/面性图标/1仰卧检测.png" },
|
| | | { url: "/images/settings/面性图标/2个体静止.png" },
|
| | | { url: "/images/settings/面性图标/3安全警戒.png" },
|
| | | { url: "/images/settings/面性图标/4安全帽检测.png" },
|
| | | { url: "/images/settings/面性图标/5奔跑.png" },
|
| | | { url: "/images/settings/面性图标/6车辆检测.png" },
|
| | | { url: "/images/settings/面性图标/7抽烟.png" },
|
| | | ],
|
| | | flatIconList: [
|
| | | { url: "/images/settings/数据推送.png" },
|
| | | { url: "/images/settings/数据栈配置.png" },
|
| | | { url: "/images/settings/系统设置.png" },
|
| | | { url: "/images/settings/简约图标/1仰卧检测.png" },
|
| | | { url: "/images/settings/简约图标/2个体静止.png" },
|
| | | { url: "/images/settings/简约图标/3安全警戒.png" },
|
| | | { url: "/images/settings/简约图标/4安全帽检测.png" },
|
| | | { url: "/images/settings/简约图标/5奔跑.png" },
|
| | | { url: "/images/settings/简约图标/6车辆检测.png" },
|
| | | { url: "/images/settings/简约图标/7抽烟.png" },
|
| | | ],
|
| | | tableBGList: [
|
| | | { name: "background", url: "/images/desktop/background.png" },
|
| | |
| | | });
|
| | | const url = this.curUser.backgroundpic;
|
| | | this.activeIcons = this.curUser.useIconType - 1;
|
| | | this.universalColor = this.colorList.findIndex(
|
| | | (x) => x.color == localStorage.getItem("--colorCard")
|
| | | );
|
| | | this.activeBg = url ? this.tableBGList.findIndex((x) => x.url == url) : 0;
|
| | | this.universalColor = this.colorList.findIndex((x) => {
|
| | | return x.color == localStorage.getItem("--colorCard");
|
| | | });
|
| | | if (url) {
|
| | | this.activeBg = this.tableBGList.findIndex((x) => {
|
| | | return x.url == url;
|
| | | });
|
| | | } else {
|
| | | this.activeBg = 0;
|
| | | }
|
| | | const e = this.$refs.curPage;
|
| | | e.addEventListener("click", (e) => {
|
| | | if (this.showUpload) {
|
| | |
| | | }).then((res) => {
|
| | | if (res.success) {
|
| | | sessionStorage.setItem("userInfo", JSON.stringify(res.data));
|
| | | debugger;
|
| | | this.$message.success(res.msg);
|
| | | }
|
| | | });
|
| | |
| | | font-weight: 700;
|
| | | margin-top: 20px;
|
| | | }
|
| | |
|
| | | /* .icon-bar:hover {
|
| | | background-color: rgba(233, 233, 233, 1);
|
| | | } */
|
| | | .color-bar {
|
| | | display: flex;
|
| | | justify-content: center;
|