修复权限设置

zhangzengfei

2020-10-15 a2ebd9a92a375b0b6898d532d3fee782b5fd8f49

修复权限设置

 package.json

 src/components/LeftNav.vue

@@ -151,9 +151,12 @@
            </el-submenu>
          </el-menu>
        </el-tab-pane>
        <el-tab-pane label="集群" name="cluster" :style="`height:${height - 56}px;`" v-if="showCluster">
          
        </el-tab-pane>
        <el-tab-pane
          label="集群"
          name="cluster"
          :style="`height:${height - 56}px;`"
          v-if="showCluster"
        ></el-tab-pane>
        <el-tab-pane
          label="数据栈"
          name="dataStack"
@@ -290,13 +293,32 @@
      return true;
    },
    showCam() {
      return this.appName === "Camera" || this.appName === "Search";
      debugger
      return this.appName === "Camera" || (this.appName === "Search" && this.buttonAuthority.indexOf("search:camera") >= 0);
    },
    showCluster() {
      return this.appName === "Cluster"
      return this.appName === "Cluster";
    },
    // 数据栈配置必须显示。 检索通过权限控制显示, 未安装数据栈也不显示
    showDataStack() {
      return this.appName === "DataStack" || this.appName === "Search";
      if (this.appName === "DataStack") {
        return true;
      }

      if (this.appName === "Search") {
        // 未安装数据栈配置
        if (this.installedApps.indexOf("dataStack") >= 0) {
          if (this.isAdmin) {
            return true;
          }

          if (this.buttonAuthority.indexOf("search:stack") >= 0) {
            return true;
          }
        }
      }

      return false;
    },
    showLock() {
      return this.edit;
@@ -329,6 +351,7 @@
      dataStack: "videoMonitor:dataStack",
      activeIndexVideo: "",
      buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [],
      installedApps: sessionStorage.getItem("apps") || [],
      loginName: JSON.parse(sessionStorage.getItem("userInfo")).username || "用户名",
      searchTypeOptions: [
        {

 src/components/fTemplate.vue

 src/pages/ai/index/App.vue

@@ -8,7 +8,7 @@
          </div>

        </div>

        <!-- 超级管理员可见 -->

        <div class="super" v-if="isSuperUser">

        <div class="super">

          <div class="left-box">

            <!-- <div class="title">

          <label>算法库</label>

@@ -206,7 +206,7 @@
              <el-tab-pane

                label="离线升级/安装"

                name="upgradeOrInstallation"

                v-show="activeName==='upgradeOrInstallation'"

                v-if="isShow('algorithmManage:insOffLine')"

              >

                <div class="tab-content">

                  <div class="action-bar">

@@ -222,7 +222,7 @@
                  </div>

                </div>

              </el-tab-pane>

              <el-tab-pane label="应用中心" name="algorithmMall" v-show="activeName==='algorithmMall'">

              <el-tab-pane label="应用中心" name="algorithmMall" v-if=" isShow('algorithmManage:buy')">

                <div class="tab-content">

                  <p class="src-title">算法软件</p>

                  <div class="store-list flex-list">

@@ -459,12 +459,23 @@
        return sdk.isUpgrade === true;

      });

    },

    isAdmin() {

      if (

        sessionStorage.getItem("userInfo") &&

        sessionStorage.getItem("userInfo") !== ""

      ) {

        let loginName = JSON.parse(sessionStorage.getItem("userInfo")).username;

        return loginName === "superadmin" || loginName === "basic";

      }



      return false;

    },

  },

  data () {

    return {

      TaskMange: new TaskManage,

      VideoManageData: new VideoManageData,

      buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [],

      activeName: "myAlgorithm",

      patchUpdateStatus: "",

      dragging: false,

@@ -581,7 +592,6 @@
    this.findByType();

    this.getBaseList();

    this.findAll();

    this.getUser();

    this.getUnActivedList();

    this.getUnActivedAppList();

    // this.TaskMange.findAllSdk();

@@ -589,6 +599,9 @@
    this.VideoManageData.init();

  },

  methods: {

    isShow(authority) {

      return this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1

    },

    offlineInstall () {

      this.installDialogVisible = false;

      this.isInstall = true;

@@ -1430,19 +1443,6 @@
        this.clickSet(row);

      }

    },

    getUser () {

      // console.log("登录用户",JSON.parse(sessionStorage.getItem("userInfo")).username)

      if (

        sessionStorage.getItem("userInfo") &&

        (JSON.parse(sessionStorage.getItem("userInfo")).username ==

          "superadmin" ||

          JSON.parse(sessionStorage.getItem("userInfo")).username == "basic")

      ) {

        this.isSuperUser = true;

      } else {

        this.isSuperUser = false;

      }

    },

    donwload (item) {

      this.downloading = true;

      this.downloadItem = item.id;

@@ -1594,7 +1594,7 @@
.src-title {

  //color: #bfbfbf;

  color: #bbcee8;

  font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';

  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC";

  font-weight: 650;

  font-style: normal;

  height: 36px;

@@ -1619,7 +1619,7 @@
      position: absolute;

      top: 50%;

      left: 50%;

      background: url('/images/algo/green.gif');

      background: url("/images/algo/green.gif");

      overflow: hidden;

      transform: translate(-50%, -50%);

      .inner-bar {

@@ -1941,16 +1941,16 @@
        }

      }

      .drawer-content {

        font-family: 'PingFangSC-Regular';

        font-family: "PingFangSC-Regular";

        .el-step__title.is-process {

          border-color: #3d68e1 !important;

          color: #3d68e1 !important;

          font-family: Tahoma, Helvetica, Arial, '\5B8B\4F53', sans-serif;

          font-family: Tahoma, Helvetica, Arial, "\5B8B\4F53", sans-serif;

        }

        .el-step__head.is-process {

          border-color: #3d68e1 !important;

          color: #3d68e1 !important;

          font-family: Tahoma, Helvetica, Arial, '\5B8B\4F53', sans-serif;

          font-family: Tahoma, Helvetica, Arial, "\5B8B\4F53", sans-serif;

        }

        .el-input {

          width: 100%;


 src/pages/analysisPower/index/App.vue

@@ -50,7 +50,13 @@
          </div>
          <span :class="stretchStyle" @click="strethTable = !strethTable"></span>

          <el-button size="small" type="primary" style="float:right" @click="openDrawer">设置</el-button>
          <el-button
            size="small"
            type="primary"
            style="float:right"
            @click="openDrawer"
            v-if="showSetting"
          >设置</el-button>
        </div>

        <el-table
@@ -235,6 +241,20 @@
      }

      return ret
    },
    isAdmin() {
      if (
        sessionStorage.getItem("userInfo") &&
        sessionStorage.getItem("userInfo") !== ""
      ) {
        let loginName = JSON.parse(sessionStorage.getItem("userInfo")).username;
        return loginName === "superadmin" || loginName === "basic";
      }

      return false;
    },
    showSetting() {
      return this.isAdmin || this.buttonAuthority.indexOf("analysisPower:set") > -1
    }
  },
  data() {
@@ -249,7 +269,8 @@
      showSysInfo: false,
      drawer: false,
      formData: {},
      strethTable: false
      strethTable: false,
      buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [],
    };
  },
  mounted() {

 src/pages/cameraAccess/index/VideoManage.vue

@@ -10,21 +10,21 @@
      <el-tab-pane
        :label="firstLabeName"
        name="camera-info"
        v-if="this.TreeDataPool.treeActiveName == 'camera' && isShow('VIDEOCAMERA:camera:info')"
        v-if="this.TreeDataPool.treeActiveName == 'camera' && isShow('cameraAccess:cameraInfo')"
      >
        <camera-info ref="cameraInfo" />
      </el-tab-pane>
      <el-tab-pane
        :label="firstLabeName"
        name="camera-info"
        v-if="this.TreeDataPool.treeActiveName == 'dataStack' && isShow('VIDEOCAMERA:dataStack:stackInfo')"
        v-if="this.TreeDataPool.treeActiveName == 'dataStack' && isShow('dataStack:cameraInfo')"
      >
        <data-stack-info ref="dataStackInfo" />
      </el-tab-pane>
      <el-tab-pane
        label="独立场景"
        name="separate-rule"
        v-if="this.TreeDataPool.treeActiveName == 'camera' && isShow('VIDEOCAMERA:camera:selfRule')"
        v-if="this.TreeDataPool.treeActiveName == 'camera' && isShow('cameraAccess:selfRule')"
      >
        <separate-rules ref="sepRule" />
        <!-- <local-separate ref="localSeparate" v-else></local-separate> -->
@@ -32,7 +32,7 @@
      <el-tab-pane
        label="独立场景"
        name="separate-rule"
        v-if="this.TreeDataPool.treeActiveName == 'dataStack' && isShow('VIDEOCAMERA:dataStack:selfRule')"
        v-if="this.TreeDataPool.treeActiveName == 'dataStack' && isShow('dataStack:selfRule')"
      >
        <separate-rules ref="sepRule" />
        <!-- <local-separate ref="localSeparate" v-else></local-separate> -->
@@ -40,7 +40,7 @@
      <el-tab-pane
        label="联动场景"
        name="linkage-rule"
        v-if="(isShow('VIDEOCAMERA:camera:linkRule') || isShow('VIDEOCAMERA:dataStack:linkRule')) && this.TreeDataPool.treeActiveName == 'camera'"
        v-if="(isShow('cameraAccess:linkRule')) && this.TreeDataPool.treeActiveName == 'camera'"
      >
        <linkage-rule ref="linkRule" />
      </el-tab-pane>
@@ -81,6 +81,7 @@
        let loginName = JSON.parse(sessionStorage.getItem("userInfo")).username;
        return loginName === "superadmin" || loginName === "basic";
      }

      return false;
    },
    firstLabeName() {
@@ -131,26 +132,21 @@
  },
  created() {
    if (this.TreeDataPool.treeActiveName == 'camera') {
      if (this.isShow('VIDEOCAMERA:camera:info')) {
      if (this.isShow('cameraAccess:cameraInfo')) {
        this.activeName = "camera-info"
      } else if (this.isShow('VIDEOCAMERA:camera:selfRule') || this.isShow('VIDEOCAMERA:datastack:selfRule')) {
      } else if (this.isShow('cameraAccess:selfRule')) {
        this.activeName = "separate-rule"
      } else if (this.isShow('VIDEOCAMERA:camera:linkRule') || this.isShow('VIDEOCAMERA:datastack:linkRule')) {
      } else if (this.isShow('cameraAccess:linkRule')) {
        this.activeName = "linkage-rule"
      } else if (this.isShow('VIDEOCAMERA:camera:resourceCalc') || this.isShow('VIDEOCAMERA:datastack:resourceCalc')) {
        this.activeName = "poll-setting"
      }
    } else {
      if (this.isShow('VIDEOCAMERA:camera:info')) {
      if (this.isShow('dataStack:cameraInfo')) {
        this.activeName = "camera-info"
      } else if (this.isShow('VIDEOCAMERA:camera:selfRule') || this.isShow('VIDEOCAMERA:datastack:selfRule')) {
      } else if (this.isShow('dataStack:selfRule')) {
        this.activeName = "separate-rule"
      } else if (this.isShow('VIDEOCAMERA:camera:linkRule') || this.isShow('VIDEOCAMERA:datastack:linkRule')) {
        this.activeName = "linkage-rule"
      } else if (this.isShow('VIDEOCAMERA:camera:resourceCalc') || this.isShow('VIDEOCAMERA:datastack:resourceCalc')) {
        this.activeName = "poll-setting"
      }
    }

    this.TreeDataPool.readonly = true;
    this.TreeDataPool.gbReadonly = true;
    this.TreeDataPool.multiple = false;
@@ -181,15 +177,7 @@
  },
  methods: {
    isShow(authority) {
      if (this.isAdmin) {
        return true;
      } else if (this.buttonAuthority.indexOf("," + authority + ",") > -1) {
        return true;
      } else if ("videoCamera:pollSetting" === authority) {
        return true;
      } else {
        return false;
      }
      return this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
    },
    handAddDevice(node) {
      let _this = this;

 src/pages/desktop/index/App.vue

@@ -25,7 +25,25 @@
  components: {
    Desktop, NotificationCenter, NoticeTip, Tools, ToolsEntry
  },

  data() {
    return {
      buttonAuthority: sessionStorage.getItem('buttonAuthoritys') || []
    }
  },
  computed: {
    isAdmin() {
      if (
        sessionStorage.getItem('userInfo') &&
        sessionStorage.getItem('userInfo') !== ''
      ) {
        let loginName = JSON.parse(sessionStorage.getItem('userInfo')).username
        return (
          loginName === 'superadmin' || loginName === 'basic'
        )
      }
      return false
    }
  },
  mounted() {
    document.getElementById('app').style.backgroundImage = process.env.VUE_APP_MAIN_URL;
    this.showApps();
@@ -58,9 +76,6 @@
        this.showApps();
      }
    });
    findAllSdk().then(() => {

    });
  },
  methods: {
    showApps() {
@@ -69,6 +84,7 @@
      getApps().then(rsp => {
        if (rsp && rsp.success) {
          _that.$store.state.desktop.docks = [];
          let installedApps = [];
          rsp.data.forEach(function (item) {
            if (item.installed) {
              let temp = {
@@ -93,13 +109,16 @@
                isDefault: item.isDefault
              }

              // 判断权限
              if (_that.isAdmin || _that.buttonAuthority.indexOf(item.package) >= 0) {
              _that.$store.commit('desktop/addDock', temp);
              // console.log(item)
              // console.log('apps update')
              //console.log(this.$store.state.desktop.docks)
            }

              installedApps.push(item.package);
            }
          });

          sessionStorage.setItem("apps", installedApps.join(","));
        }
      })
    },

 src/pages/index/App.vue

@@ -54,6 +54,7 @@
import { tologin, getLoginUserData, getServerName } from './api.ts'
import ParticleNetwork from './ParticleNetwork'
import Licence from '@/components/licence'
import { getMenuListData, findButtonAuthoritys, findInArr } from "@/api/utils";

export default {
  name: 'login-pgae',
@@ -83,6 +84,17 @@
    currentHeight: 1057,
    currentWidth: 1920
  }),
  created() {
    this.getServerName()
    this.getScreenHeight()
  },
  mounted() {
    console.log(this.serverTitle)
  },
  watch: {},
  beforeDestroy() {
    window.onresize = null
  },
  methods: {
    systemLogin() {
      this.nullRule = this.rules
@@ -138,8 +150,9 @@
          type: 'success',
          message: '登录成功！'
        })
        // await this.getMenuList()
        // this.$router.push('/Layout/Video')

        // 获取权限
        await this.getMenuList()
        location.assign("/view/desktop/")
        return json
      } else {
@@ -174,18 +187,25 @@
        sessionStorage.setItem('title', res.data.serverName)
      }
    },
  },
  created() {
    this.getServerName()
    this.getScreenHeight()
  },
  mounted(){
    console.log(this.serverTitle)
  },
  watch: {},
  beforeDestroy() {
    window.onresize = null
    async getMenuList() {
      let results = await getMenuListData({});
      if (results && results.success) {
        /* 存储权限 */
        let buttonAuthoritys = results.data;
        // console.log(this.$route.query.is_loginsss)
        if (results && results.length && this.$route.query.is_login) {
          this.$router.replace(results[0].url);
  }
        sessionStorage.setItem("buttonAuthoritys", "," + buttonAuthoritys + ",");
        sessionStorage.setItem("menuInfo", JSON.stringify(results));
      } else {
        this.$toast({
          type: "error",
          message: "菜单获取失败"
        });
      }
    },
  },
}
</script>
<style lang="scss">

 src/pages/labelTrack/index/App.vue

New file
@@ -0,0 +1,215 @@
<template>
  <div class="mycanvas-container">
    <div class="left">
      <p>展示视口</p>
      <div class="myshow">
        <img :src="mysrc" alt width="100%" />
        <!-- <div id="canvas" style="width:100%;height:100%" class="mycanvas"></div> -->
      </div>
    </div>
    <div class="center">
      <p>操作视口</p>
      <div
        class="myedit"
        ref="myedit"
        @mousedown.prevent="onMousedown"
        @mousemove="onMousemove"
        @contextmenu.prevent
      >
        <!-- <img src="@/assets/jia.svg" alt=""> -->
        <img :src="mysrc" />
        <span
          class="myedit-span"
          v-for="(item, index) in mydata"
          :key="index"
          :style="getSpanStyle(item)"
          @contextmenu.prevent="onContextmenu(item, $event)"
        ></span>
        <!-- <div id="canvas" style="width:100%;height:100%" class="mycanvas"></div> -->
      </div>
    </div>
    <div class="right">
      <img src alt class="mybutton" />
      <input v-show="0" ref="file" type="file" class="mybutton" @change="onChange" />
      <button class="mybutton" @click="selectFile">导入图片</button>
      <button class="mybutton">新增标注</button>
      <button class="mybutton">修改标注</button>
      <button class="mybutton">删除</button>
      <button class="mybutton">保存</button>
    </div>
    <div class="myMenu" v-show="mymenu.current" :style="mymenu.style">
      <!-- <button @click="onRemoveItem">删除</button> -->
      <ui-button type="primary" @click="onRemoveItem">删除</ui-button>
      <ui-select></ui-select>
      <select name id>
        <option value="1">ceshi</option>
      </select>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      mysrc: "",
      mydata: [],
      mymenu: { current: null, style: { left: 0, top: 0 } }
    };
  },
  mounted() {
    document.addEventListener('mouseup', this.onMouseup)
  },
  beforeDestroy() {
    document.removeEventListener('mouseup', this.onMouseup)
  },
  methods: {
    getXY(e) {
      let rect = this.$refs.myedit.getBoundingClientRect()
      return {
        x: e.clientX - rect.left,
        y: e.clientY - rect.top
      }
    },
    // 上传图片1
    onChange(e) {
      this.mysrc = window.URL.createObjectURL(e.target.files[0]);
      e.target.value = ''
    },
    // 上传图片2,
    selectFile() {
      this.$refs.file.click();
    },
    onMousedown(e) {
      this.mymenu.current = null
      let { x, y } = this.getXY(e)
      this.currentItem = { x, y, w: 0, h: 0, now: Date.now() }
      this.startPos = { x, y }
      this.mydata.push(this.currentItem)
    },
    onMousemove(e) {
      if (!this.currentItem) return;
      let { x, y } = this.getXY(e)
      this.currentItem.w = Math.abs(x - this.startPos.x)
      this.currentItem.h = Math.abs(y - this.startPos.y)
    },
    onMouseup(e) {
      this.currentItem = this.startPos = null;
      this.mydata = this.mydata.filter(_ => _.w > 10 && _.h > 10)
    },
    onContextmenu(item, e) {
      this.mymenu = {
        current: item,
        style: {
          top: e.clientY + 'px',
          left: e.clientX + 'px'
        }
      }
    },
    onRemoveItem() {
      this.mydata.splice(this.mydata.indexOf(this.mymenu.current), 1)
      this.mymenu = { ...this.mymenu, current: null }
    },
    getSpanStyle(item) {
      return {
        width: `${item.w}px`,
        height: `${item.h}px`,
        top: `${item.y}px`,
        left: `${item.x}px`
      };
    }
  }
};
</script>
<style lang="less" scoped>
// 设置绘图样式1
body {
  user-select: none;
}

.myMenu {
  position: fixed;
  top: 400px;
  left: 400px;
  width: 100px;
  padding: 8px 0;
  background-color: #fff;
  > * {
    width: 100%;
  }
}

#canvas > div {
  /* border: 2px solid green; */
  position: absolute;
  background-color: transparent;
}

#canvas > div > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: simsun;
  font-size: 9pt;
}

// 设置绘图样式2

.mycanvas-container {
  display: flex;
  justify-content: center;
  align-items: center;

  .left,
  .center,
  .right {
    width: 300px;
    // height: 520px;
    margin: 20px;

    p {
      text-align: center;
    }

    .myshow,
    .myedit {
      width: 300px;
      // height: 500px;
      border: 1px solid #000;
      position: relative;
      .myedit-span {
        position: absolute;
        border: 1px dashed #fff;
        background: url("/images/cameraAccess/video.png") no-repeat center
          center;
        background-size: contain;
      }

      .mycanvas {
        border: 1px solid pink;
        position: absolute;
        top: 0;
        left: 0;
      }

      img {
        width: 100%;
      }
    }
  }

  .right {
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: left;
    flex-direction: column;

    .mybutton {
      margin-top: 20px;
      display: block;
    }
  }
}
</style>

 src/pages/labelTrack/index/api.ts

New file
@@ -0,0 +1,20 @@
import request from '@/scripts/httpRequest'
import qs from 'qs'

// Post
export const tologin = (query: any) => {
  return request({
    url: '/data/api-u/sys/login',
    method: 'post',
    data: qs.stringify(query)
  })
}

// get
export const testDBCompare = (query: any) => {
  return request({
    url: '../../data/api-v/face/testEachCompareAll',
    method: 'get',
    params: query
  })
}

 src/pages/labelTrack/index/main.ts

New file
@@ -0,0 +1,13 @@
import Vue from 'vue';
import App from './App.vue'

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import "@/assets/css/element-variables.scss";

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

 src/pages/settings/components/BasicSetting.vue

@@ -8,7 +8,7 @@
      type="border-card"
    >
      <!-- 本机信息 -->
      <el-tab-pane label="本机信息" name="first">
      <el-tab-pane label="本机信息" name="sysInfo" v-if="isShow('settings:sysInfo')">
        <el-menu
          :default-openeds="openeds"
          background-color="#fff"
@@ -179,7 +179,7 @@
      </el-tab-pane>

      <!-- 时间配置 -->
      <el-tab-pane label="时间配置" name="second">
      <el-tab-pane label="时间配置" name="timeSet" v-if="isShow('settings:timeSet')">
        <el-form label-width="100px">
          <el-form-item label="设备时间">
            <!-- <el-input v-model="equipmentTime" placeholder="请输入" size="small"></el-input> -->
@@ -269,7 +269,7 @@
      </el-tab-pane>

      <!-- 集群管理 -->
      <el-tab-pane label="集群管理" name="third">
      <el-tab-pane label="集群管理" name="cluster" v-if="isShow('settings:cluster')">
        <cluster-management></cluster-management>
      </el-tab-pane>
      <!-- <el-tab-pane label="外部访问" name="fourth">
@@ -312,11 +312,11 @@
          </el-submenu>
        </el-menu>
      </el-tab-pane>-->
      <el-tab-pane label="权限管理" name="user">
        <authority-management v-if="activeName === 'user'"></authority-management>
      <el-tab-pane label="权限管理" name="permission" v-if="isShow('settings:permission')">
        <authority-management v-if="activeName === 'permission'"></authority-management>
      </el-tab-pane>
      <el-tab-pane label="广播设置" name="radio">
        <radio-set v-if="activeName === 'radio'"></radio-set>
      <el-tab-pane label="广播设置" name="broadcast" v-if="isShow('settings:broadcast')">
        <radio-set v-if="activeName === 'broadcast'"></radio-set>
      </el-tab-pane>
    </el-tabs>
  </div>
@@ -360,7 +360,18 @@
        }))
      })
      return options
    },
    isAdmin() {
      if (
        sessionStorage.getItem("userInfo") &&
        sessionStorage.getItem("userInfo") !== ""
      ) {
        let loginName = JSON.parse(sessionStorage.getItem("userInfo")).username;
        return loginName === "superadmin" || loginName === "basic";
    }

      return false;
    },
  },
  directives: {
    focus: {
@@ -374,7 +385,7 @@
      loading: true,
      loadingText: "",
      gutter: 10,
      activeName: "first",
      activeName: "sysInfo",
      timezone: "",
      syncType: "1",
      ntpServer: "",
@@ -471,8 +482,22 @@
        countyOptions: []
      },
      webPort: 0,
      ntpTestLoading: false
      ntpTestLoading: false,
      buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [],
    };
  },
  created() {
    if (this.isShow("settings:sysInfo")) {
      this.activeName = "sysInfo";
    } else if (this.isShow("settings:timeSet")) {
      this.activeName = "timeSet";
    } else if (this.isShow("settings:cluster")) {
      this.activeName = "cluster";
    } else if (this.isShow("settings:permission")) {
      this.activeName = "permission";
    } else if (this.isShow("settings:broadcast")) {
      this.activeName = "broadcast";
    }
  },
  mounted() {
    this.$nextTick(() => {
@@ -489,6 +514,9 @@
    clearInterval(this.browserTimer);
  },
  methods: {
    isShow(authority) {
      return this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
    },
    initSysinfo() {
      this.loadingText = "正在获取设备信息...";
      getDevInfo().then(rsp => {

 src/pages/vindicate/index/App.vue

@@ -1,13 +1,12 @@
<template>
  <div class="s-system-manage">
    <el-tabs
      
      id="systemMaintenance"
      v-model="activeName"
      v-loading="loading"
      :element-loading-text="loadingText"
    >
      <el-tab-pane label="设备维护" name="first">
      <el-tab-pane label="设备维护" name="device" v-if="isShow('vindicate:device')">
        <div class="s-system-maintenance">
          <div class="box-card">
            <div class="ui-top-view">
@@ -123,7 +122,7 @@
          </div>
        </div>
      </el-tab-pane>
      <el-tab-pane label="数据库维护" name="second">
      <el-tab-pane label="数据库维护" name="dbvdc" v-if="isShow('vindicate:db')">
        <div class="box">
          <p class="title">
            <label>数据清理</label>
@@ -172,7 +171,7 @@
      timer: null,
      buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [],
      rebootCron: "",
      activeName: "first",
      activeName: "device",
      restartValue: "不重启",
      restartTimeValue: new Date(2019, 9, 10, 18, 40),
      loading: false,
@@ -193,14 +192,13 @@
        },
      },
      upgrading: false,
      fileAdded: false
      fileAdded: false,
    };
  },
  mounted() {
    this.getRebootCron()
    if (!this.isShow('videoSystem:sysManage:sysfix')) {
      console.log("默认显示数据库维护")
      this.activeName = "second"
    if (!this.isShow('vindicate:device')) {
      this.activeName = "dbvdc"
    }
  },
  computed: {
@@ -485,15 +483,15 @@
  width: 100%;
  height: 100%;
  .el-button--primary {
    color: #FFFFFF;
    background-color: #3D68E1;
    border-color: #3D68E1;
    color: #ffffff;
    background-color: #3d68e1;
    border-color: #3d68e1;
  }
  .el-button--primary.is-disabled, 
  .el-button--primary.is-disabled:hover, 
  .el-button--primary.is-disabled:focus, 
  .el-button--primary.is-disabled:active{
    color: #FFFFFF;
    color: #ffffff;
    background-color: #9eb4f0;
    border-color: #9eb4f0;
  }