地图样式修改

zhanghua

2022-12-14 574ef73c1c48118d780fad527be8c346054508ad

 src/views/intelligentPatrol/studyJudge/index.vue

@@ -36,7 +36,9 @@
            }}条,再学习{{ countData.study }}条</span
          >
          <div class="sjm-header-left">
            <span class="moni-name">监控点位名称: {{ currentEvent.name }} </span>
            <span class="moni-name"
              >监控点位名称: {{ currentEvent.name }}
            </span>
            <span class="moni-area">{{ currentEvent.street }}</span>
            <span>{{ currentEvent.address }}</span>
          </div>
@@ -60,7 +62,8 @@
              :model="eventInfoData"
              :rules="rules"
              label-position="left"
              class="left-form">
            class="left-form"
          >
            <el-form-item label="事件编号:">
              <span>{{ currentEvent.code }}</span>
            </el-form-item>
@@ -80,7 +83,7 @@
        </div>
        <div class="sjm-content-center">
          <div class="map">
            <MyMap></MyMap>
            <MyMap :point="point" :zoom="zoom" :mark="mark"></MyMap>
          </div>
          <!-- <iframe src="https://183.245.159.161:8282/OneMap/index.html#/OneMap?code=2&clientVersion=&skin=white&locale=zh&otherAuthor=allowable"></iframe> -->
        </div>
@@ -90,7 +93,9 @@
              <el-button size="small" @click="createVideo(currentEvent, 'live')"
              >实时预览</el-button
              >
              <el-button size="small" @click="createVideo(currentEvent, 'playback')"
              <el-button
                size="small"
                @click="createVideo(currentEvent, 'playback')"
              >录像回放</el-button
              >
            </div>
@@ -359,6 +364,9 @@
      domId: "dom1",
      ctrl: "ctrl1",
      playType: "live",
      point: null,
      mark: null,
      zoom: null,
    };
  },
  methods: {
@@ -376,6 +384,12 @@
          .getInspectionData({ current: this.currentPage })
          .then(({ records }) => {
            this.currentEvent = records[0];
          this.point = {
            x: this.currentEvent.longitude,
            y: this.currentEvent.latitude,
          };
          this.zoom = 19;
          this.mark = { title: this.currentEvent.address };
            if (this.currentEvent?.picData) {
              this.imageList = this.currentEvent.picData
                  .split(",")
@@ -684,7 +698,9 @@
          margin-top: 2vh;
        }
      }

      .sjm-content-center {
        width: calc(100% - 920px);
      }
      .sjm-content-right {
        .card-box {
          .but-live{
@@ -702,7 +718,7 @@

  .el-form {
    ::v-deep .el-form-item {
      margin-bottom: 5px;
      margin-bottom: 15px;
    }

    ::v-deep .el-form-item__label {
@@ -716,7 +732,7 @@
}

.map {
  height: 488px;
  height: 100%;
  min-width: 460px;
}
</style>