ZZJ
2022-02-11 d365829b14ca4256d39694b9cdcd43bad0ad8595
src/pages/settings/views/generalSettings.vue
@@ -44,6 +44,17 @@
                step-strictly
                size="small"
              ></el-input-number
              >&nbsp;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
              >&nbsp;s
            </div>
          </div>
@@ -102,6 +113,10 @@
                    style="cursor: pointer"
                    >{{ playSpan }}</span
                  >
                  <!-- <span class="iconfont" v-else style="cursor: pointer">{{
                    playSpan2
                  }}</span> -->
                  <img
                    v-else
                    src="/images/settings/暂停.png"
@@ -113,6 +128,13 @@
                      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"
@@ -185,7 +207,7 @@
          <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'"
@@ -204,7 +226,7 @@
          </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'"
@@ -285,14 +307,22 @@
      },
      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" },
@@ -325,10 +355,16 @@
    });
    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) {
@@ -364,6 +400,7 @@
      }).then((res) => {
        if (res.success) {
          sessionStorage.setItem("userInfo", JSON.stringify(res.data));
          debugger;
          this.$message.success(res.msg);
        }
      });
@@ -796,7 +833,9 @@
        font-weight: 700;
        margin-top: 20px;
      }
      /*     .icon-bar:hover {
        background-color: rgba(233, 233, 233, 1);
      } */
      .color-bar {
        display: flex;
        justify-content: center;