修改朔黄前端分析

zhangzengfei

2021-06-17 bae0368f502f524fc739003fe751fb0eb06c5859

 src/pages/shuohuangMonitorAnalyze/index/App.vue

@@ -11,55 +11,71 @@
        <top-nav></top-nav>
      </div>
      <div class="container">
        <!-- 首页 -->
        <guideIndex v-show="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>
        <guideIndex v-if="actPage=='guideIndex'"></guideIndex>
        <lkg v-if="actPage=='lkgManage'"></lkg>
      </div>
    </div>
  </div>
</template>

<script>
import LeftNav from '../components/leftNav';
import Lkg from '../components/lkgManage'
import TopNav from '../components/topNav';
import SearchForVideoAnalyze from '../components/searchForVideoAnalyze';
import MemberManage from '../components/memberManage';
import LeftNav from '../components/leftNav';
import GuideIndex from '../components/guideIndex';
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 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: 'guideIndex',
    }
  },
  mounted () {

  mounted() {
    // this.actPage = 'guideIndex';
  },
  methods: {
    markNav () {
    markNav() {
      sessionStorage.setItem('actPage', this.actPage);
      this.menuChange(this.actPage);
    },
    toggleCollapse () {
    toggleCollapse() {
      this.isCollapse = !this.isCollapse;
      //通知当前活动页table(如果有) doLayout
    },
    menuChange (path) {
      if(path == 'taskscreen'){
    menuChange(path) {
      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.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')
        window.open(window.location.href + 'hiddendangerscreen/index.html', '_blank')
      }
      this.actPage = path;
    }
@@ -70,11 +86,11 @@
<style lang="scss">
.flex-box {
  display: flex;
  >label {
  > label {
    padding-right: 10px;
  }
}
.flex-end{
.flex-end {
  display: flex;
  justify-content: flex-end;
}
@@ -119,7 +135,7 @@
      padding: 0 3px;
      color: #0096fa;
    }
    i[class^='el-icon'] {
    i[class^="el-icon"] {
      padding: 3px;
      font-size: 16px;
      color: #0096fa;