m朔黄首页模拟数据更新

hanbaoshan

2021-02-28 72f553661a74b225c89310d3fb3d78f3ebe35f82

 src/pages/shuohuangMonitorAnalyze/index/App.vue

@@ -17,6 +17,7 @@
        <transferMemo v-if="actPage=='transferMemo'"></transferMemo>
        <transferDeviceManage v-if="actPage=='transferDeviceManage'"></transferDeviceManage>
        <configManage v-if="actPage=='configManage'"></configManage>
        <guideIndex v-if="actPage=='guideIndex'"></guideIndex>
      </div>
    </div>
  </div>
@@ -31,24 +32,35 @@
import TransferMemo from '../components/transferMemo';
import TransferDeviceManage from '../components/transferDeviceManage';
import ConfigManage from '../components/configManage';
import GuideIndex from '../components/guideIndex';
export default {
  components: { LeftNav, TopNav, SearchForVideoAnalyze, MemberManage, TaskManage, TransferMemo, TransferDeviceManage, ConfigManage },
  components: { LeftNav, TopNav, SearchForVideoAnalyze, MemberManage, TaskManage, TransferMemo, TransferDeviceManage, ConfigManage, GuideIndex },
  data () {
    return {
      isCollapse: false,
      actPage: 'searchForVideoAnalyze',
      actPage: 'guideIndex',
    }
  },
  mounted () {

  },
  methods: {
    markNav () {
      sessionStorage.setItem('actPage', this.actPage);
      this.menuChange(this.actPage);
    },
    toggleCollapse () {
      this.isCollapse = !this.isCollapse;
      //通知当前活动页table(如果有) doLayout

    },
    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.location.href = window.location.href+'hiddendangerscreen/index.html'
        window.open(window.location.href+'hiddendangerscreen/index.html','_blank')
      }
      this.actPage = path;
    }
  }
@@ -56,18 +68,62 @@
</script>

<style lang="scss">
.flex-box{
.flex-box {
  display: flex;
  >label {
    padding-right: 10px;
  }
}
.flex-end{
  display: flex;
  justify-content: flex-end;
}
.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;
  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;
  }
  .operation {
    cursor: pointer;
    display: flex;
    span {
      padding: 0 3px;
      color: #0096fa;
    }
    i[class^='el-icon'] {
      padding: 3px;
      font-size: 16px;
      color: #0096fa;
    }
  }
}
.main-view {