all

heyujie

2021-07-21 b5e2e236828b7fbc0e8f2bdbf66651ad8907e3b1

 src/pages/vindicate/views/backUp.vue

File was renamed from src/pages/maintain/views/backUp.vue
@@ -2,19 +2,14 @@
  <div class="all">

    <div class="backup-content">

      <div class="backup-center" ref="left">

        <div class="menu-item" @click="openRight(0)">

        <div class="menu-item" @click="openRight(i)"  v-for="(item, i) in tabList"  :class="activePage == i ? 'menu-item-active' : ''"

          :key="i">

          <div class="con">

            <span class="icon iconfont">&#xe646;</span>

            <span class="menu-text">自动备份设置</span>

            <span class="icon iconfont">{{ item.icon }}</span>

            <span class="menu-text">{{ item.name }}</span>

          </div>

        </div>

        <div class="menu-item" @click="openRight(1)">

          <div class="con">

            <span class="icon iconfont">&#xe646;</span>



            <span class="menu-text">从备份中恢复</span>

          </div>

        </div>

        
      </div>

      <div class="backup-right">

        <div class="auto" v-if="activePage == 0">

@@ -82,10 +77,9 @@
  mounted() {},

  data() {

    return {

      langList: [

        { name: "简体中文" },

        { name: "英文" },

        { name: "繁体中文（香港）" },

       tabList: [

        { name: "自动备份设置", icon: "\ue6f2" },

        { name: "从备份中恢复", icon: "\ue6db" },

      ],

      fileList: [

        { time: "2010-10-02 12:30:09", name: "文件1" },

@@ -110,13 +104,8 @@
    };

  },

  methods: {

    openRight(typ) {

      const es = document.getElementsByClassName("menu-item");

      es[this.activePage].style.backgroundColor = "#f8f8f8";

      es[this.activePage].style.color = "rgba(54, 54, 54, 1)";

      es[typ].style.backgroundColor = "rgba(61, 104, 225, 1)";

      es[typ].style.color = "#fff";

      this.activePage = typ;

    openRight(i) {

      this.activePage = i;

    },

    handleChange() {},

    backUpNow() {

@@ -193,6 +182,14 @@
        }

      }

    }

    .menu-item-active {

      color: #fff;

      background-color: rgba(61, 104, 225, 1);

    }

    .menu-item:hover {

      color: #fff;

      background-color: rgba(61, 104, 225, 1);

    }

  }

  .backup-right {

    flex: 1;