zhangzengfei
2022-07-20 4a800a8fc83c6bd1f86a8e847b079a51a7532c09
src/pages/shuohuangMonitorAnalyze/index/App.vue
@@ -6,67 +6,105 @@
    <div class="right">
      <div class="top">
        <div class="collapse-trigger" @click="toggleCollapse">
          <i :class="isCollapse?'el-icon-s-fold':'el-icon-s-unfold'"></i>
          <i :class="isCollapse ? 'el-icon-s-unfold' : 'el-icon-s-fold'"></i>
        </div>
        <top-nav></top-nav>
      </div>
      <div class="container">
        <searchForVideoAnalyze v-if="actPage=='searchForVideoAnalyze'"></searchForVideoAnalyze>
        <memberManage v-if="actPage=='memberManage'"></memberManage>
        <taskManage v-if="actPage=='taskManage'"></taskManage>
        <transferMemo v-if="actPage=='transferMemo'"></transferMemo>
        <transferDeviceManage v-if="actPage=='transferDeviceManage'"></transferDeviceManage>
        <configManage v-if="actPage=='configManage'"></configManage>
        <guideIndex v-if="actPage=='guideIndex'"></guideIndex>
        <!-- 首页 -->
        <GuideIndex
          ref="GuideIndex"
          v-if="actPage == 'guideIndex'"
        ></GuideIndex>
        <searchForVideoAnalyze
          v-if="actPage == 'searchForVideoAnalyze'"
        ></searchForVideoAnalyze>
        <memberManage v-if="actPage == 'memberManage'"></memberManage>
        <taskManage v-if="actPage == 'taskManage'"></taskManage>
        <transferMemo v-if="actPage == 'transferMemo'"></transferMemo>
        <transferDeviceManage
          v-if="actPage == 'transferDeviceManage'"
        ></transferDeviceManage>
        <configManage v-if="actPage == 'configManage'"></configManage>
        <lkg v-if="actPage == 'lkgManage'"></lkg>
      </div>
    </div>
  </div>
</template>
<script>
import LeftNav from '../components/leftNav';
import TopNav from '../components/topNav';
import SearchForVideoAnalyze from '../components/searchForVideoAnalyze';
import MemberManage from '../components/memberManage';
import TaskManage from '../components/taskManage';
import TransferMemo from '../components/transferMemo';
import TransferDeviceManage from '../components/transferDeviceManage';
import ConfigManage from '../components/configManage';
import GuideIndex from '../components/guideIndex';
import Lkg from "../components/lkgManage";
import TopNav from "../components/topNav";
import LeftNav from "../components/leftNav";
import GuideIndex from "../components/guideIndex";
import TaskManage from "../components/taskManage";
import TransferMemo from "../components/transferMemo";
import ConfigManage from "../components/configManage";
import MemberManage from "../components/memberManage";
import TransferDeviceManage from "../components/transferDeviceManage";
import SearchForVideoAnalyze from "../components/searchForVideoAnalyze";
export default {
  components: { LeftNav, TopNav, SearchForVideoAnalyze, MemberManage, TaskManage, TransferMemo, TransferDeviceManage, ConfigManage, GuideIndex },
  data () {
  components: {
    Lkg,
    LeftNav,
    TopNav,
    SearchForVideoAnalyze,
    MemberManage,
    TaskManage,
    TransferMemo,
    TransferDeviceManage,
    ConfigManage,
    GuideIndex,
  },
  data() {
    return {
      isCollapse: false,
      actPage: 'searchForVideoAnalyze',
    }
      actPage: "guideIndex",
    };
  },
  mounted () {
  mounted() {
    // this.actPage = 'guideIndex';
  },
  methods: {
    markNav () {
      debugger
      sessionStorage.setItem('actPage', this.actPage);
    markNav() {
      sessionStorage.setItem("actPage", this.actPage);
      this.menuChange(this.actPage);
    },
    toggleCollapse () {
    toggleCollapse() {
      this.isCollapse = !this.isCollapse;
      //通知当前活动页table(如果有) doLayout
    },
    menuChange (path) {
    menuChange(path) {
      if (path == "guideIndex") {
        // this.$refs.GuideIndex.refreshShoubiNum()
      }
      if (path == "taskscreen") {
        //window.location.href = window.location.href+'taskscreen/index.html'
        window.open(window.location.href + "taskscreen/index.html", "_blank");
      } else if (path == "hiddendangerscreen") {
        //window.location.href = window.location.href+'hiddendangerscreen/index.html'
        window.open(
          window.location.href + "hiddendangerscreen/index.html",
          "_blank"
        );
      }
      this.actPage = path;
    }
  }
}
    },
  },
};
</script>
<style lang="scss">
.flex-box {
  display: flex;
  >label {
  > label {
    padding-right: 10px;
  }
}
.flex-end {
  display: flex;
  justify-content: flex-end;
}
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:hover,
@@ -76,9 +114,28 @@
  background-color: #9eb4f0 !important;
  border-color: #9eb4f0 !important;
}
.table-area {
  margin-bottom: 20px;
  .el-table {
    border: 1px solid #ddd;
    thead {
      color: #111 !important;
      th {
        background: #f4f4f4;
      }
    }
    .operation {
      span {
        font-size: 14px;
        color: #1a99ff;
        padding-right: 10px;
      }
    }
  }
}
.el-table.thbg {
  border: 1px solid #dedede;
  margin-top: 10px;
  margin: 10px 0;
  th {
    background: #f5f5f5;
    color: #333;
@@ -90,7 +147,7 @@
      padding: 0 3px;
      color: #0096fa;
    }
    i[class^='el-icon'] {
    i[class^="el-icon"] {
      padding: 3px;
      font-size: 16px;
      color: #0096fa;