fix:修改路径问题

ZhangXianQiang

2024-03-04 3f2b5f1dd9c642bb9c1812dce3e90b030584f45b

 src/views/index/center-map.vue

@@ -5,6 +5,8 @@
import { optionHandle, regionCodes } from "./center.map";

import BorderBox13 from "@/components/datav/border-box-13";

import type { MapdataType } from "./center.map";

import  chart2 from "./chart2.vue"

import  chartgd from "./chartgd.vue"

const option = ref({});

const code = ref("china"); //china 代表中国 其他地市是行政编码



@@ -37,7 +39,7 @@
    }

  });

  await nextTick();



  console.log(mapData)

  option.value = optionHandle(regionCode, list, mapData);

};



@@ -79,27 +81,35 @@
    window["$message"].warning("暂无下级地市");

  }

};

const dtFig =ref(0)

const handlechan =()=>{

  console.log(dtFig.value)

    dtFig.value = 1

}

</script>



<template>

  <div class="centermap">

    <div class="maptitle">

    <div class="maptitle" style="display:none;">

      <div class="zuo"></div>

      <span class="titletext">{{ title }}</span>

      <div class="you"></div>

    </div>

    <div class="mapwrap">

      <BorderBox13>

        <div class="quanguo" @click="getData('china')" v-if="code !== 'china'">

          中国

        </div>

        <v-chart

          class="chart"

          :option="option"

          ref="centerMapRef"

          @click="mapClick"

          v-if="JSON.stringify(option) != '{}'"

        />

<!--        <div class="quanguo" @click="getData('china')" >-->

<!--          中国-->

<!--        </div>-->



        <chartgd @changeDt="handlechan"  v-if="dtFig ==0"></chartgd>

        <chart2 v-else></chart2>

<!--      <v-chart-->

<!--          class="chart"-->

<!--          :option="option"-->

<!--          ref="centerMapRef"-->

<!--          @click="mapClick"-->

<!--          v-if="JSON.stringify(option) != '{}'"-->

<!--        />-->

      </BorderBox13>

    </div>

  </div>

@@ -149,7 +159,8 @@
  }



  .mapwrap {

    height: 580px;

    //height: 580px;

    height: 900px;

    width: 100%;

    // padding: 0 0 10px 0;

    box-sizing: border-box;