zhangzengfei
2022-07-20 4a800a8fc83c6bd1f86a8e847b079a51a7532c09
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="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>
@@ -26,6 +30,9 @@
      <template v-if="actMenuIndex=='3'">
        <relate-camera></relate-camera>
      </template>
      <!-- <template v-if="actMenuIndex=='4'">
        <relate-camera></relate-camera>
      </template> -->
    </div>
  </div>
</template>
@@ -34,15 +41,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,15 +69,15 @@
      width: 310px;
      display: flex;
      align-items: center;
      .icon{
      .icon {
        width: 50px;
      }
      .title{
      .title {
        text-decoration: none;
        margin-left: 10px;
        font-size: 17px;
        color: #fff;
        letter-spacing: 2px;
        letter-spacing: 5px;
      }
    }
    .el-menu--horizontal {
@@ -79,7 +87,7 @@
    .el-menu--horizontal > .el-menu-item {
      border-bottom: 0;
      color: #fff;
      &:hover{
      &:hover {
        color: #fff;
        background: rgb(24, 35, 182);
      }