问题修复

ZZJ

2021-11-09 ccee429d379e0108b7445f72ade8d97c110a6fb3

 src/pages/panoramicView/index/App.vue

@@ -11,17 +11,21 @@
        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="2" v-show="false">轨迹图</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>
      <template v-if="actMenuIndex=='2'">
        <trace-plot></trace-plot>
        <trace-plot ref="tracePlot"></trace-plot>
      </template>
      <template v-if="actMenuIndex=='3'">
        <relate-camera></relate-camera>
@@ -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,16 +66,15 @@
      width: 310px;
      display: flex;
      align-items: center;
      .icon{
        width: 100px;
        
      .icon {
        width: 50px;
      }
      .title{
      .title {
        text-decoration: none;
        margin-left: 10px;
        font-size: 18px;
        font-size: 17px;
        color: #fff;
        letter-spacing: 2px;
        letter-spacing: 5px;
      }
    }
    .el-menu--horizontal {
@@ -80,7 +84,7 @@
    .el-menu--horizontal > .el-menu-item {
      border-bottom: 0;
      color: #fff;
      &:hover{
      &:hover {
        color: #fff;
        background: rgb(24, 35, 182);
      }