zhangzengfei
2021-05-21 08897690839edae6546d56661c95d78629f70ecb
src/pages/panoramicView/index/App.vue
@@ -11,12 +11,16 @@
        mode="horizontal"
        @select="checkMenu"
      >
        <el-menu-item index="0">历史记录查询</el-menu-item>
        <el-menu-item index="1">位置标定</el-menu-item>
        <el-menu-item index="2">轨迹图</el-menu-item>
        <el-menu-item index="3">关联摄像机</el-menu-item>
      </el-menu>
    </div>
    <div class="act-view">
      <template v-if="actMenuIndex=='0'">
        <History />
      </template>
      <template v-if="actMenuIndex=='1'">
        <label-mark></label-mark>
      </template>
@@ -34,15 +38,16 @@
import LabelMark from '../components/LabelMark';
import TracePlot from '../components/TracePlot';
import RelateCamera from '../components/RelateCamera';
import History from '../components/History';
export default {
  components: { LabelMark, TracePlot, RelateCamera },
  data () {
  components: { LabelMark, TracePlot, RelateCamera, History },
  data() {
    return {
      actMenuIndex: '1',
      actMenuIndex: '0',
    }
  },
  methods: {
    checkMenu (key, keyPath) {
    checkMenu(key, keyPath) {
      this.actMenuIndex = key;
    }
  }
@@ -61,10 +66,10 @@
      width: 310px;
      display: flex;
      align-items: center;
      .icon{
      .icon {
        width: 50px;
      }
      .title{
      .title {
        text-decoration: none;
        margin-left: 10px;
        font-size: 17px;
@@ -79,7 +84,7 @@
    .el-menu--horizontal > .el-menu-item {
      border-bottom: 0;
      color: #fff;
      &:hover{
      &:hover {
        color: #fff;
        background: rgb(24, 35, 182);
      }