<!--
 * @Author: 纪泽龙 jizelong@qq.com
 * @Date: 2025-12-20 09:20:39
 * @LastEditors: 纪泽龙 jizelong@qq.com
 * @LastEditTime: 2026-03-16 13:33:28
 * @FilePath: /test-ranqi/src/views/Index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="ind2">
    <div id="gao-map-index"></div>
    <Left />
    <Right />
    <div @click="$emit('imgClick', 'index')" class="backindex">返回首页概览</div>

    <Bottom />
  </div>
</template>

<script>
import Left from "./components/Left.vue";
import Right from "./components/Right.vue";
import Bottom from "./components/Bottom.vue";
import { EditorMap } from "@/utils/mapClass/newMap";
import {
  deviceType,
  deviceIcon,
  pipeColor,
} from "@/utils/mapClass/deviceIconTypeConfig";

export default {
  name: "",
  components: {
    Left,
    Right,
    Bottom,
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  mounted() {
    this.initMap();
  },
  methods: {
    initMap() {
      // const path = eval(this.systemSetting.map_center);

      this.gaoMap = new EditorMap(
        "gao-map-index",
        {
          center: [118.09, 39.48],
          // mapStyle: "amap://styles/806fa63f07c70b043867bd1f9a600981",
          mapStyle: "amap://styles/f71d3a3d73e14f5b2bf5508bf1411758",
          zoom: 10.5,
          devicePicData: deviceIcon,
          pipeColor: pipeColor,
        },
        this
      );
    },
  },
};
</script>
<style lang="scss" scoped>
.ind2 {
  height: 100vh;
  width: 100%;
  #gao-map-index {
    width: 100%;
    height: 100%;
  }
}
.backindex {
  width: 218px;
  height: 50px;
  font-size: 20px;
  box-sizing: border-box;
  padding-left: 58px;
  color: #fff;
  position: fixed;
  right: 548px;
  top: 144px;
  background: url("~@/assets/bigwindowImg/index/backIndex.png") no-repeat center center;
  line-height: 48px;
  z-index: 999;
  cursor: pointer;
}
</style>
