文件更替

shuishen

2022-04-27 510ae9f8768cd16c39fde70e1ae40b164500d5d5

 src/components/mobileGoTo/index.vue

@@ -1,129 +1,129 @@
<template>
  <div v-if="openmobileGoTo" class="mobileGoTo">
    <el-input v-model="int1"></el-input>
    <el-input v-model="lat1"></el-input>
    <el-input v-model="int2"></el-input>
    <el-input v-model="lat2"></el-input>
    <!-- <el-input v-model="lnt"></el-input>
    <el-input v-model="lat"></el-input> -->
    <!-- <el-input v-model="height"></el-input>
    <div v-if="openmobileGoTo" class="mobileGoTo">
        <el-input v-model="int1"></el-input>
        <el-input v-model="lat1"></el-input>
        <el-input v-model="int2"></el-input>
        <el-input v-model="lat2"></el-input>
        <!-- <el-input v-model="lnt"></el-input>
        <el-input v-model="lat"></el-input>-->
        <!-- <el-input v-model="height"></el-input>
    <el-input v-model="heading"></el-input>
    <el-input v-model="pitch"></el-input>
    <el-input v-model="roll"></el-input> -->
    <!-- <el-input v-model="alt"></el-input> -->
    <el-button type="primary" @click="submitForm('')">跳转</el-button>
    <div class="mobileGoTocontext">{{ context }}</div>
    <el-button type="primary" @click="dingwei">规划路线</el-button>
  </div>
        <el-input v-model="roll"></el-input>-->
        <!-- <el-input v-model="alt"></el-input> -->
        <el-button type="primary" @click="submitForm('')">跳转</el-button>
        <div class="mobileGoTocontext">{{ context }}</div>
        <el-button type="primary" @click="dingwei">规划路线</el-button>
    </div>
</template>

<script>
import { mapGetters } from "vuex";
import axios from "axios";
import { mapGetters } from 'vuex'
import axios from 'axios'
export default {
  name: "mobileGoTo",
  computed: {
    ...mapGetters([
      "openmobileGoTo",
      "query",
      "MobileWindowChangeData",
      "ccDataState",
      "perspectiveControls",
      "perspectiveControl",
      "dimensionData",
      "isendPosition",
      "endPosition",
    ]),
    startLngLat() {
      return [+this.int1, +this.lat1];
    name: 'mobileGoTo',
    computed: {
        ...mapGetters([
            'openmobileGoTo',
            'query',
            'MobileWindowChangeData',
            'ccDataState',
            'perspectiveControls',
            'perspectiveControl',
            'dimensionData',
            'isendPosition',
            'endPosition'
        ]),
        startLngLat () {
            return [+this.int1, +this.lat1]
        },
        endLngLat () {
            return [+this.int2, +this.lat2]
        }
    },
    endLngLat() {
      return [+this.int2, +this.lat2];
    data () {
        return {
            lnt: '114.039946',
            lat: '27.628475',
            alt: '0',
            height: 800,
            heading: 0,
            pitch: -45,
            roll: 0,
            context: null,
            // startLngLat: [114.039946, 27.628475],
            // endLngLat: [114.038355, 27.63057],
            int1: 114.039946,
            lat1: 27.628475,
            int2: 114.038355,
            lat2: 27.63057
        }
    },
  },
  data() {
    return {
      lnt: "114.039946",
      lat: "27.628475",
      alt: "0",
      height: 800,
      heading: 0,
      pitch: -45,
      roll: 0,
      context: null,
      // startLngLat: [114.039946, 27.628475],
      // endLngLat: [114.038355, 27.63057],
      int1: 114.039946,
      lat1: 27.628475,
      int2: 114.038355,
      lat2: 27.63057,
    };
  },
  watch: {
    MobileWindowChangeData() {
      this.lnt = this.query.lntLat[0];
      this.lat = this.query.lntLat[1];
    watch: {
        MobileWindowChangeData () {
            this.lnt = this.query.lntLat[0]
            this.lat = this.query.lntLat[1]
        },
        ccDataState () {
            this.lnt = this.query.lntLat[0]
            this.lat = this.query.lntLat[1]
        },
        perspectiveControls () {
            this.height = this.perspectiveControl.height
            this.heading = this.perspectiveControl.heading
            this.pitch = this.perspectiveControl.pitch
            this.roll = this.perspectiveControl.roll
        },
        isendPosition () {
            this.int2 = this.endPosition[0]
            this.lat2 = this.endPosition[1]
            console.log(this.endPosition)
        }
    },
    ccDataState() {
      this.lnt = this.query.lntLat[0];
      this.lat = this.query.lntLat[1];
    },
    perspectiveControls() {
      this.height = this.perspectiveControl.height;
      this.heading = this.perspectiveControl.heading;
      this.pitch = this.perspectiveControl.pitch;
      this.roll = this.perspectiveControl.roll;
    },
    isendPosition() {
      this.int2 = this.endPosition[0];
      this.lat2 = this.endPosition[1];
      console.log(this.endPosition);
    },
  },
  methods: {
    submitForm() {
      if (this.lnt && this.lat) {
        let that = this;
        // 定制化窗体
        let position = {};
        let lntLat = [that.lnt, that.lat];
        let d = {
          position,
          lntLat,
          query: { position, lntLat },
          useJWD: true, //仅使用经纬度
        };
        that.$store.dispatch("setMobileWindows", d);
        //   let d = {
        //     height: this.height,
        //     heading: this.heading,
        //     pitch: this.pitch,
        //     roll: this.roll,
        //   };
        //   that.$store.dispatch("MSET_GOTOCC", d);
      }
    },
    // dingwei(startLngLat, endLngLat) {
    dingwei() {
      let ints = [this.startLngLat, this.endLngLat];
      console.log(ints);
      this.$store.dispatch("MSET_GOTOWHERE", ints);
    },
  },
};
    methods: {
        submitForm () {
            if (this.lnt && this.lat) {
                const that = this
                // 定制化窗体
                const position = {}
                const lntLat = [that.lnt, that.lat]
                const d = {
                    position,
                    lntLat,
                    query: { position, lntLat },
                    useJWD: true // 仅使用经纬度
                }
                that.$store.dispatch('setMobileWindows', d)
                //   let d = {
                //     height: this.height,
                //     heading: this.heading,
                //     pitch: this.pitch,
                //     roll: this.roll,
                //   };
                //   that.$store.dispatch("MSET_GOTOCC", d);
            }
        },
        // dingwei(startLngLat, endLngLat) {
        dingwei () {
            const ints = [this.startLngLat, this.endLngLat]
            console.log(ints)
            this.$store.dispatch('MSET_GOTOWHERE', ints)
        }
    }
}
</script>

<style lang="scss" scoped>
.mobileGoTo {
  position: fixed;
  bottom: 60px;
  width: 73%;
  z-index: 500;
  .mobileGoTocontext {
    width: 100%;
    height: 100%;
    background-color: #fff;
    word-wrap: break-word;
  }
    position: fixed;
    bottom: 60px;
    width: 73%;
    z-index: 500;
    .mobileGoTocontext {
        width: 100%;
        height: 100%;
        background-color: #fff;
        word-wrap: break-word;
    }
}
</style>