From 4abeb8ee68f7603666ff4599b941c8787180b116 Mon Sep 17 00:00:00 2001
From: "BOOL\\25024" <http://192.168.2.2:8099/jsowell/jsowell-uniapp.git>
Date: Thu, 15 Aug 2024 09:09:26 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=BF=E6=8D=A2=E9=AB=98=E5=BE=B7=E6=96=B9?=
 =?UTF-8?q?=E6=B3=95=20=20=E4=BD=BF=E7=94=A8=E5=A4=A9=E5=9C=B0=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/MapContainer/MapContainer.vue  |  471 +++----
 .../pile/station/components/SiteInfo.vue      | 1079 ++++++++---------
 2 files changed, 782 insertions(+), 768 deletions(-)

diff --git a/jsowell-ui/src/components/MapContainer/MapContainer.vue b/jsowell-ui/src/components/MapContainer/MapContainer.vue
index 66543ef4d..d0cb1f842 100644
--- a/jsowell-ui/src/components/MapContainer/MapContainer.vue
+++ b/jsowell-ui/src/components/MapContainer/MapContainer.vue
@@ -1,34 +1,23 @@
 <template>
-    <div class="basics">
-        <div class="mapCont">
-            <div>
-                <el-input
-                    style="width: 85%"
-                    v-model="inputObject.userInput"
-                    placeholder="请输入你要查找的关键词"
-                    type="text"
-                    @keyup.enter.native="send"
-                ></el-input>
-                <el-button style="width: 85px" type="primary" @click="send"
-                    >搜索
-                </el-button>
-            </div>
+  <div class="basics">
+    <div class="mapCont">
+      <div style="margin-bottom: 20px">
+        <el-input
+          style="width: 85%"
+          v-model="inputObject.userInput"
+          placeholder="请输入你要查找的关键词"
+          type="text"
+          @keyup.enter.native="send"
+        ></el-input>
+        <el-button style="width: 85px; margin-left: 20px" type="primary" @click="send"
+          >搜索
+        </el-button>
+      </div>
 
-            <div id="container"></div>
-        </div>
-
-        <!--    <div class="img">-->
-        <!--      <el-input-->
-        <!--        placeholder="请选择图片"-->
-        <!--        style="width: 50%"-->
-        <!--        type="file"-->
-        <!--        @change="onFileChange"-->
-        <!--        ref="iptRef"-->
-        <!--      ></el-input-->
-        <!--      >-->
-        <!--&lt;!&ndash;      <el-button style="width: 85px">上传图片</el-button>&ndash;&gt;-->
-        <!--    </div>-->
+      <!-- <div id="container"></div> -->
+      <div id="yzMap" style="position: absolute; width: 70%; height: 40%"></div>
     </div>
+  </div>
 </template>
 
 <script>
@@ -36,202 +25,276 @@ import AMapLoader from "@amap/amap-jsapi-loader";
 import { getStation } from "@/api/pile/station.js";
 import bus from "@/bus/bus";
 import { getToken } from "@/utils/auth";
+import axios from "axios";
 
 window._AMapSecurityConfig = {
-    securityJsCode: "b6b6e07309486e524f9986e1f36a5e28",
+  securityJsCode: "b6b6e07309486e524f9986e1f36a5e28",
 };
 export default {
-    props: ["stationLat", "stationLng"],
-    data() {
-        return {
-            dialogImageUrl: "",
-            dialogVisible: false,
-            // headers:{
-            //   Authorization:this.$store.state.user.token
-            // },
-            map: null,
-            autoOptions: {
-                input: "",
-            },
-            inputObject: {
-                userInput: "",
-                // inputId: "searchInput",
-                lnglat: "",
-            },
-            searchPlaceInput: "",
-            auto: null,
-            placeSearch: "",
-            stationId: this.$route.params.id,
-            avatar: "",
-        };
-    },
-    methods: {
-        // 点击搜索按钮
-        send() {
-            this.searchPlaceInput = this.inputObject.userInput;
-            console.log("搜索值", this.searchPlaceInput);
-            // 向表单 site-info传值
-            bus.$emit("inp", this.searchPlaceInput);
-        },
-        // queryStationInfo() {
-        //   getStation(this.stationId).then((response) => {
-        //     this.lat = response.data.stationLat;
-        //     this.lng = response.data.stationLng;
-        //     console.log(this.lat, this.lng);
-        //     this.initMap(this.lat, this.lng);
-        //   });
-        // },
-        // 在这里处理点击事件
-        handleSearchResultClick(data) {
-            // console.log(data); // 你可以在控制台打印点击结果的数据
-            let lat = data.entr_location.lat;
-            let lng = data.entr_location.lng;
-            this.getLngLatService(lat, lng);
-        },
-        initMap() {
-            // console.log(lat, lng);
-            AMapLoader.load({
-                key: "ba9123dd736bce40f30b52f7c0beebc1", // 申请好的Web端开发者Key，首次调用 load 时必填
-                version: "1.4.15", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-                plugins: [
-                    "AMap.AutoComplete",
-                    "AMap.PlaceSearch",
-                    "AMap.Geocoder",
-                ], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-            })
-                .then((AMap) => {
-                    this.map = new AMap.Map("container", {
-                        //设置地图容器id
-                        viewMode: "3D", //是否为3D地图模式
-                        zoom: 15, //初始化地图级别
-                        center: [+this.stationLng, +this.stationLat], //初始化地图中心点位置
-                    });
-                    // this.map.addControl(new AMap.Geolocation());
-                    // console.log("map", this.map);
-                    // 设置鼠标的样式
-                    this.map.setDefaultCursor("pointer");
-                    // 点标记
-                    let marker = new AMap.Marker({
-                        position: new AMap.LngLat(
-                            +this.stationLng,
-                            +this.stationLat
-                        ),
-                    });
-                    // 将创建的点标记添加到已有的地图实例
-                    this.map.add(marker);
-                    AMap.plugin("AMap.AutoComplete", function () {
-                        let auto = new AMap.AutoComplete(this.autoOptions);
-                        //构造地点查询类
-                        auto.on("select", this.select);
-                    });
-                    this.placeSearch = new AMap.PlaceSearch({
-                        map: this.map,
-                    });
-                    // 点击搜索结果的回调函数
-                    this.placeSearch.on("markerClick", (e) => {
-                        // 在此处处理点击事件
-                        this.handleSearchResultClick(e.data);
-                    });
-                    // 逆向地理编码 -> 要正向地理编码
-                    this.map.on("click", (e) => {
-                        let lat = e.lnglat.lat;
-                        let lng = e.lnglat.lng;
-                        this.getLngLatService(lat, lng);
-                        // let lnglat = [lng, lat];
-                        // console.log("经纬度", lnglat);
-                    });
-                    marker.on("click", (e) => {
-                        let lat = e.lnglat.lat;
-                        let lng = e.lnglat.lng;
-                        this.getLngLatService(lat, lng);
-                    });
-                })
-                .catch((e) => {
-                    console.log(e);
-                });
-        },
-        select(e) {
-            this.placeSearch.search(e.poi.name); //关键字查询查询
-        },
-        //逆向地理编码服务
-        getLngLatService(lat, lng) {
-            let pos = [lng, lat];
-            let lnglat = new AMap.LngLat(lng, lat);
-            let geocoder = new AMap.Geocoder({
-                // city 指定进行编码查询的城市，支持传入城市名、adcode 和 citycode
-                city: "全国",
-            });
-            //1.点击地图任意位置生成一个marker
-            // let marker = new AMap.Marker({
-            //   position: new AMap.LngLat(lng, lat),
-            // });
-            // this.map.add(marker);
-            // 移除已创建的marker
-            // this.map.remove(marker);
-            // let address = "";
-            //2.将位置转化为坐标点-->地理信息
-            //3.根据地理信息（地址）进行搜索获取详细信息！
-            geocoder.getAddress(lnglat, (status, result) => {
-                if (status === "complete" && result.regeocode) {
-                    // console.log("geocoder.getAddress result", result);
-                    let address = result.regeocode.formattedAddress;
-                    let adcode = result.regeocode.addressComponent.adcode;
-                    let res = {
-                        pos: pos,
-                        address: address,
-                        adcode: adcode,
-                    };
-                    // console.log("res", res);
-                    bus.$emit("res", res);
-                    //需求：固定的窗体信息进行展示！
-                } else {
-                    console.log("根据经纬度查询地址失败");
-                    // log.error("根据经纬度查询地址失败");
-                }
-            });
-        },
-    },
-    mounted() {
-        //DOM初始化完成进行地图初始化
-        // this.queryStationInfo()
-    },
-    created() {
-        // this.send();
-    },
-    watch: {
-        searchPlaceInput(newValue) {
-            if (newValue != null) {
-                console.log(newValue);
+  props: ["stationLat", "stationLng"],
+  data() {
+    return {
+      dialogImageUrl: "",
+      dialogVisible: false,
+      // headers:{
+      //   Authorization:this.$store.state.user.token
+      // },
+      map: null,
+      autoOptions: {
+        input: "",
+      },
+      inputObject: {
+        userInput: "",
+        // inputId: "searchInput",
+        lnglat: "",
+      },
+      searchPlaceInput: "",
+      auto: null,
+      placeSearch: "",
+      stationId: this.$route.params.id,
+      avatar: "",
+      zoom: 16,
+      timerId: null,
+    };
+  },
+  methods: {
+    // 点击搜索按钮
+    send() {
+      //   this.searchPlaceInput = this.inputObject.userInput;
+      //   console.log("搜索值", this.searchPlaceInput);
+      //   // 向表单 site-info传值
+      //   bus.$emit("inp", this.searchPlaceInput);
+      const url = `http://api.tianditu.gov.cn/geocoder?ds={"keyWord":"${this.inputObject.userInput}"}&tk=da94c475e0b4960e6f863d7f2947435c`;
+      axios
+        .get(url)
+        .then((res) => {
+          console.log("成功", res);
+          //删除标注对象
+          this.map.clearOverLays();
 
-                this.placeSearch.search(newValue);
-                this.map.setZoom(16, true, 1);
-            }
-        },
+          this.map.centerAndZoom(
+            new T.LngLat(res.data.location.lon, res.data.location.lat),
+            this.zoom
+          );
+          var marker = new T.Marker(
+            new T.LngLat(res.data.location.lon, res.data.location.lat)
+          );
+          //向地图上添加标注
+          this.map.addOverLay(marker);
+        })
+        .catch((error) => {
+          console.log("失败", error.message);
+          this.$modal.msgError(error.message);
+        });
     },
+    queryStationInfo() {
+      getStation(this.stationId).then((response) => {
+        this.lat = response.data.stationLat;
+        this.lng = response.data.stationLng;
+        console.log(this.lat, this.lng);
+        this.initMap(this.lat, this.lng);
+      });
+    },
+    // 在这里处理点击事件
+    // handleSearchResultClick(data) {
+    //   // console.log(data); // 你可以在控制台打印点击结果的数据
+    //   let lat = data.entr_location.lat;
+    //   let lng = data.entr_location.lng;
+    //   this.getLngLatService(lat, lng);
+    // },
+    // initMap() {
+    //   // console.log(lat, lng);
+    //   AMapLoader.load({
+    //     key: "ba9123dd736bce40f30b52f7c0beebc1", // 申请好的Web端开发者Key，首次调用 load 时必填
+    //     version: "1.4.15", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    //     plugins: ["AMap.AutoComplete", "AMap.PlaceSearch", "AMap.Geocoder"], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+    //   })
+    //     .then((AMap) => {
+    //       this.map = new AMap.Map("container", {
+    //         //设置地图容器id
+    //         viewMode: "3D", //是否为3D地图模式
+    //         zoom: 15, //初始化地图级别
+    //         center: [+this.stationLng, +this.stationLat], //初始化地图中心点位置
+    //       });
+    //       // this.map.addControl(new AMap.Geolocation());
+    //       // console.log("map", this.map);
+    //       // 设置鼠标的样式
+    //       this.map.setDefaultCursor("pointer");
+    //       // 点标记
+    //       let marker = new AMap.Marker({
+    //         position: new AMap.LngLat(+this.stationLng, +this.stationLat),
+    //       });
+    //       // 将创建的点标记添加到已有的地图实例
+    //       this.map.add(marker);
+    //       AMap.plugin("AMap.AutoComplete", function () {
+    //         let auto = new AMap.AutoComplete(this.autoOptions);
+    //         //构造地点查询类
+    //         auto.on("select", this.select);
+    //       });
+    //       this.placeSearch = new AMap.PlaceSearch({
+    //         map: this.map,
+    //       });
+    //       // 点击搜索结果的回调函数
+    //       this.placeSearch.on("markerClick", (e) => {
+    //         // 在此处处理点击事件
+    //         this.handleSearchResultClick(e.data);
+    //       });
+    //       // 逆向地理编码 -> 要正向地理编码
+    //       this.map.on("click", (e) => {
+    //         let lat = e.lnglat.lat;
+    //         let lng = e.lnglat.lng;
+    //         this.getLngLatService(lat, lng);
+    //         // let lnglat = [lng, lat];
+    //         // console.log("经纬度", lnglat);
+    //       });
+    //       marker.on("click", (e) => {
+    //         let lat = e.lnglat.lat;
+    //         let lng = e.lnglat.lng;
+    //         this.getLngLatService(lat, lng);
+    //       });
+    //     })
+    //     .catch((e) => {
+    //       console.log(e);
+    //     });
+    // },
+    // select(e) {
+    //   this.placeSearch.search(e.poi.name); //关键字查询查询
+    // },
+    // //逆向地理编码服务
+    // getLngLatService(lat, lng) {
+    //   let pos = [lng, lat];
+    //   let lnglat = new AMap.LngLat(lng, lat);
+    //   let geocoder = new AMap.Geocoder({
+    //     // city 指定进行编码查询的城市，支持传入城市名、adcode 和 citycode
+    //     city: "全国",
+    //   });
+    //   //1.点击地图任意位置生成一个marker
+    //   // let marker = new AMap.Marker({
+    //   //   position: new AMap.LngLat(lng, lat),
+    //   // });
+    //   // this.map.add(marker);
+    //   // 移除已创建的marker
+    //   // this.map.remove(marker);
+    //   // let address = "";
+    //   //2.将位置转化为坐标点-->地理信息
+    //   //3.根据地理信息（地址）进行搜索获取详细信息！
+    //   geocoder.getAddress(lnglat, (status, result) => {
+    //     if (status === "complete" && result.regeocode) {
+    //       // console.log("geocoder.getAddress result", result);
+    //       let address = result.regeocode.formattedAddress;
+    //       let adcode = result.regeocode.addressComponent.adcode;
+    //       let res = {
+    //         pos: pos,
+    //         address: address,
+    //         adcode: adcode,
+    //       };
+    //       // console.log("res", res);
+    //       bus.$emit("res", res);
+    //       //需求：固定的窗体信息进行展示！
+    //     } else {
+    //       console.log("根据经纬度查询地址失败");
+    //       // log.error("根据经纬度查询地址失败");
+    //     }
+    //   });
+    // },
+    initialize() {
+      console.log(this.stationLng, this.stationLat);
+      setTimeout(() => {
+        this.map = new T.Map("yzMap");
+        //设置显示地图的中心点和级别
+        this.map.centerAndZoom(new T.LngLat(this.stationLng, this.stationLat), this.zoom);
+
+        //创建标注对象
+        var marker = new T.Marker(new T.LngLat(this.stationLng, this.stationLat));
+        //向地图上添加标注
+        this.map.addOverLay(marker);
+
+        this.map.checkResize();
+
+        this.addMapClick();
+      }, 2000);
+    },
+    initMap() {
+      //   this.map = new T.Map("yzMap");
+      //   this.map.centerAndZoom(new T.LngLat(this.center.lng, this.center.lat), this.zoom);
+    },
+    addMapClick() {
+      this.removeMapClick(); // 移除已存在的点击事件监听器（如果有）
+      this.map.addEventListener("click", this.mapClick);
+    },
+    removeMapClick() {
+      this.map.removeEventListener("click", this.mapClick);
+    },
+    mapClick(e) {
+      console.log(e);
+      let lng = e.lnglat.getLng();
+      let lat = e.lnglat.getLat();
+      this.getLngLatService(lat, lng);
+    },
+    getLngLatService(lat, lng) {
+      console.log(lat, lng);
+
+      //删除标注对象
+      this.map.clearOverLays();
+
+      //创建标注对象
+      var marker = new T.Marker(new T.LngLat(lng, lat));
+      this.map.addOverLay(marker);
+
+      const url = `http://api.tianditu.gov.cn/geocoder?postStr={lon:${lng},lat:${lat},ver:1}&type=geocode&tk=da94c475e0b4960e6f863d7f2947435c`;
+      axios
+        .get(url)
+        .then((res) => {
+          console.log("成功", res);
+          if (res.data) {
+            bus.$emit("res", res);
+          }
+        })
+        .catch((error) => {
+          console.log("失败", error.message);
+        });
+    },
+  },
+  mounted() {
+    this.initialize();
+  },
+  created() {
+    // this.send();
+  },
+  //   watch: {
+  // searchPlaceInput(newValue) {
+  //   if (newValue != null) {
+  //     console.log(newValue);
+
+  //     this.placeSearch.search(newValue);
+  //     this.map.setZoom(16, true, 1);
+  //   }
+  // },
+  //   },
 };
 </script>
 
 <style lang="scss">
 #container {
-    padding: 0px;
-    margin: 0px;
-    width: 100%;
-    height: 90%;
+  padding: 0px;
+  margin: 0px;
+  width: 100%;
+  height: 90%;
 }
 
 .basics {
-    display: flex;
-    height: 500px;
-    width: 100%;
+  display: flex;
+  height: 500px;
+  width: 100%;
 }
 
 .mapCont {
-    width: 50%;
+  width: 50%;
 }
 
 .img {
-    flex: 1;
-    margin-left: 100px;
+  flex: 1;
+  margin-left: 100px;
 }
 
 // #search_container {
diff --git a/jsowell-ui/src/views/pile/station/components/SiteInfo.vue b/jsowell-ui/src/views/pile/station/components/SiteInfo.vue
index 83f11642a..333af3da4 100644
--- a/jsowell-ui/src/views/pile/station/components/SiteInfo.vue
+++ b/jsowell-ui/src/views/pile/station/components/SiteInfo.vue
@@ -1,271 +1,220 @@
 <template>
-    <div class="app-container">
-        <div>上传图片</div>
-        <el-upload
-            :action="actionUrl"
-            :headers="headers"
-            list-type="picture-card"
-            :on-preview="handlePictureCardPreview"
-            :on-remove="handleRemove"
-            :on-success="handleSuccess"
-            :before-upload="beforeUpload"
-            :file-list="fileList"
-            style="margin: 10px 0"
-        >
-            <i class="el-icon-plus"></i>
-        </el-upload>
-        <el-dialog :visible.sync="dialogVisible">
-            <img width="100%" :src="dialogImageUrl" alt="" />
-        </el-dialog>
-        <el-form
-            :label-position="labelPosition"
-            label-width="120px"
-            :model="station"
-            :rules="rules"
-            ref="stationRef"
-        >
-            <el-row :gutter="24">
-                <el-col :span="6">
-                    <el-form-item label="站点名称" prop="stationName">
-                        <el-input v-model="station.stationName"></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="area" label="站点区域">
-                        <!--<el-input v-model="station.areaCode"> </el-input>-->
-                        <el-cascader
-                            size="large"
-                            :options="options"
-                            v-model="areaCodeList"
-                            @change="handleChange"
-                            disabled
-                        >
-                        </el-cascader>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="address" label="地址">
-                        <el-input v-model="station.address" disabled></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="stationTel" label="联系电话">
-                        <el-input v-model="station.stationTel"></el-input>
-                    </el-form-item>
-                </el-col>
-            </el-row>
+  <div class="app-container">
+    <div>上传图片</div>
+    <el-upload
+      :action="actionUrl"
+      :headers="headers"
+      list-type="picture-card"
+      :on-preview="handlePictureCardPreview"
+      :on-remove="handleRemove"
+      :on-success="handleSuccess"
+      :before-upload="beforeUpload"
+      :file-list="fileList"
+      style="margin: 10px 0"
+    >
+      <i class="el-icon-plus"></i>
+    </el-upload>
+    <el-dialog :visible.sync="dialogVisible">
+      <img width="100%" :src="dialogImageUrl" alt="" />
+    </el-dialog>
+    <el-form
+      :label-position="labelPosition"
+      label-width="120px"
+      :model="station"
+      :rules="rules"
+      ref="stationRef"
+    >
+      <el-row :gutter="24">
+        <el-col :span="6">
+          <el-form-item label="站点名称" prop="stationName">
+            <el-input v-model="station.stationName"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="area" label="站点区域">
+            <!--<el-input v-model="station.areaCode"> </el-input>-->
+            <el-cascader
+              size="large"
+              :options="options"
+              v-model="areaCodeList"
+              @change="handleChange"
+            >
+            </el-cascader>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="address" label="地址">
+            <el-input v-model="station.address" disabled></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="stationTel" label="联系电话">
+            <el-input v-model="station.stationTel"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
 
-            <el-row :gutter="24">
-                <el-col :span="6">
-                    <el-form-item prop="matchCars" label="适配车辆类型">
-                        <el-select
-                            v-model="station.selectMatchCars"
-                            multiple
-                            placeholder="请选择"
-                        >
-                            <el-option
-                                v-for="item in dict.type.match_cars"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value"
-                            />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="publicFlag" label="是否对外开放">
-                        <el-select
-                            v-model="station.publicFlag"
-                            placeholder="请选择"
-                        >
-                            <el-option
-                                v-for="item in publicFlagOptions"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value"
-                            >
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="openFlag" label="是否营业中">
-                        <el-select
-                            v-model="station.openFlag"
-                            placeholder="请选择"
-                        >
-                            <el-option
-                                v-for="item in openFlagOptions"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value"
-                            >
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="merchantAdminName" label="管理员">
-                        <el-input
-                            :value="
-                                station.merchantAdminName === null
-                                    ? '无'
-                                    : station.merchantAdminName
-                            "
-                        ></el-input>
-                    </el-form-item>
-                </el-col>
-            </el-row>
+      <el-row :gutter="24">
+        <el-col :span="6">
+          <el-form-item prop="matchCars" label="适配车辆类型">
+            <el-select v-model="station.selectMatchCars" multiple placeholder="请选择">
+              <el-option
+                v-for="item in dict.type.match_cars"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="publicFlag" label="是否对外开放">
+            <el-select v-model="station.publicFlag" placeholder="请选择">
+              <el-option
+                v-for="item in publicFlagOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="openFlag" label="是否营业中">
+            <el-select v-model="station.openFlag" placeholder="请选择">
+              <el-option
+                v-for="item in openFlagOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="merchantAdminName" label="管理员">
+            <el-input
+              :value="
+                station.merchantAdminName === null ? '无' : station.merchantAdminName
+              "
+            ></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
 
-            <el-row :gutter="24">
-                <el-col :span="6">
-                    <el-form-item prop="stationLng" label="经度">
-                        <el-input
-                            v-model="station.stationLng"
-                            disabled
-                        ></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="stationLat" label="纬度">
-                        <el-input
-                            v-model="station.stationLat"
-                            disabled
-                        ></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="merchantName" label="运营商">
-                        <el-input
-                            :value="
-                                station.merchantName === null
-                                    ? '无'
-                                    : station.merchantName
-                            "
-                            disabled
-                        ></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="stationType" label="站点类型">
-                        <el-select
-                            v-model="station.stationType"
-                            placeholder="请选择"
-                        >
-                            <el-option
-                                v-for="item in dict.type.station_type"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value"
-                            />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-            </el-row>
+      <el-row :gutter="24">
+        <el-col :span="6">
+          <el-form-item prop="stationLng" label="经度">
+            <el-input v-model="station.stationLng" disabled></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="stationLat" label="纬度">
+            <el-input v-model="station.stationLat" disabled></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="merchantName" label="运营商">
+            <el-input
+              :value="station.merchantName === null ? '无' : station.merchantName"
+              disabled
+            ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="stationType" label="站点类型">
+            <el-select v-model="station.stationType" placeholder="请选择">
+              <el-option
+                v-for="item in dict.type.station_type"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
 
-            <el-row :gutter="24">
-                <el-col :span="6">
-                    <el-form-item prop="construction" label="建设场所">
-                        <el-select
-                            v-model="station.construction"
-                            placeholder="请选择"
-                        >
-                            <el-option
-                                v-for="item in dict.type.construction_type"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value"
-                            />
-                        </el-select>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="electricityPrice" label="充电费率">
-                        <el-input
-                            :value="
-                                station.electricityPrice === null
-                                    ? 0
-                                    : station.electricityPrice
-                            "
-                            disabled
-                        ></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="servicePrice" label="服务费率">
-                        <el-input
-                            :value="
-                                station.servicePrice === null
-                                    ? 0
-                                    : station.servicePrice
-                            "
-                            disabled
-                        ></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="businessHours" label="营业时间">
-                        <el-input v-model="station.businessHours"></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="parkingNumber" label="停车场库编号">
-                        <el-input
-                            v-model="station.parkingNumber"
-                            required="true"
-                        ></el-input>
-                    </el-form-item>
-                </el-col>
-              <el-col :span="6">
-                <el-form-item prop="parkFeeDescribe" label="停车费率描述">
-                  <el-input
-                    v-model="station.parkFeeDescribe"
-                    required="true"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="accountNumber" label="国网电费账单户号" label-width="130px">
-                        <el-input
-                            v-model="station.accountNumber"
-                            required="true"
-                        ></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="capacity" label="容量">
-                        <el-input
-                            v-model="station.capacity"
-                            required="true"
-                        ></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="operatorName" label="运营商品牌名称" label-width="130px">
-                        <el-input
-                            v-model="station.operatorName"
-                            required="true"
-                        ></el-input>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item prop="amapStationName" label="推送高德充电站名称描述" label-width="170px">
-                        <el-input
-                            v-model="station.amapStationName"
-                            required="true"
-                        ></el-input>
-                    </el-form-item>
-                </el-col>
-            </el-row>
-        </el-form>
-        <el-button
-            type="primary"
-            style="margin-left: 94%"
-            @click="present"
-            v-has-permi="['pile:station:edit']"
-            >提交</el-button
-        >
-    </div>
+      <el-row :gutter="24">
+        <el-col :span="6">
+          <el-form-item prop="construction" label="建设场所">
+            <el-select v-model="station.construction" placeholder="请选择">
+              <el-option
+                v-for="item in dict.type.construction_type"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="electricityPrice" label="充电费率">
+            <el-input
+              :value="station.electricityPrice === null ? 0 : station.electricityPrice"
+              disabled
+            ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="servicePrice" label="服务费率">
+            <el-input
+              :value="station.servicePrice === null ? 0 : station.servicePrice"
+              disabled
+            ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="businessHours" label="营业时间">
+            <el-input v-model="station.businessHours"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="parkingNumber" label="停车场库编号">
+            <el-input v-model="station.parkingNumber" required="true"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="parkFeeDescribe" label="停车费率描述">
+            <el-input v-model="station.parkFeeDescribe" required="true"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="accountNumber" label="国网电费账单户号" label-width="130px">
+            <el-input v-model="station.accountNumber" required="true"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="capacity" label="容量">
+            <el-input v-model="station.capacity" required="true"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item prop="operatorName" label="运营商品牌名称" label-width="130px">
+            <el-input v-model="station.operatorName" required="true"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item
+            prop="amapStationName"
+            label="推送高德充电站名称描述"
+            label-width="170px"
+          >
+            <el-input v-model="station.amapStationName" required="true"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-button
+      type="primary"
+      style="margin-left: 94%"
+      @click="present"
+      v-has-permi="['pile:station:edit']"
+      >提交</el-button
+    >
+  </div>
 </template>
 
 <script>
@@ -275,315 +224,317 @@ import { regionData } from "element-china-area-data";
 import { getToken } from "@/utils/auth";
 
 export default {
-    dicts: ["station_type", "match_cars", "construction_type"],
-    data() {
-        return {
-            actionUrl: process.env.VUE_APP_BASE_API + "/common/uploadOSS",
-            dialogVisible: false,
-            headers: {
-                Authorization: "Bearer " + getToken(),
-            },
-            imageUrl: null,
-            dialogImageUrl: "",
-            options: regionData,
-            labelPosition: "right",
-            station: {
-                stationName: "",
-                areaCode: "",
-                address: "",
-                stationTel: "",
-                matchCars: "",
-                parkingNumber: "",
-                parkFeeDescribe: "",
-                accountNumber: "",
-                capacity: "",
-                operatorName: "",
-                amapStationName: "",
-                selectMatchCars: [],
-                publicFlag: "",
-                openFlag: "",
-                aMapFlag: "",
-                merchantAdminName: "",
-                stationLng: "",
-                stationLat: "",
-                merchantId: "",
-                stationStatus: "",
-                construction: "",
-                businessHours: "",
-                pictures: "",
-                deptId: "",
-            },
-            stationId: this.$route.params.id,
-            publicFlagOptions: [
-                {
-                    value: "1",
-                    label: "是",
-                },
-                {
-                    value: "0",
-                    label: "否",
-                },
-            ],
-            openFlagOptions: [
-                {
-                    value: "1",
-                    label: "是",
-                },
-                {
-                    value: "0",
-                    label: "否",
-                },
-            ],
-            rules: {
-                stationName: [
-                    {
-                        required: true,
-                        message: "请输入站点名称",
-                        trigger: "blur",
-                    },
-                ],
-                areaCode: [
-                    {
-                        required: true,
-                        message: "请输入站点区域",
-                        trigger: "blur",
-                    },
-                ],
-                address: [
-                    { required: true, message: "请输入地址", trigger: "blur" },
-                ],
-                stationTel: [
-                    {
-                        required: true,
-                        message: "请输入联系电话",
-                        trigger: "blur",
-                    },
-                ],
-                matchCars: [
-                    {
-                        required: true,
-                        message: "请输入适配车辆类型",
-                        trigger: "blur",
-                    },
-                ],
-                publicFlag: [
-                    {
-                        required: true,
-                        message: "请填写是否对外开放",
-                        trigger: "blur",
-                    },
-                ],
-                openFlag: [
-                    { required: true, message: "是否营业中", trigger: "blur" },
-                ],
-                // merchantAdminName: [
-                //   { required: true, message: "请输入管理员", trigger: "blur" },
-                // ],
-                stationLng: [
-                    { required: true, message: "请输入经度", trigger: "blur" },
-                ],
-                stationLat: [
-                    { required: true, message: "请输入纬度", trigger: "blur" },
-                ],
-                // merchantId: [
-                //   { required: true, message: "请输入管理员", trigger: "blur" },
-                // ],
-                stationType: [
-                    {
-                        required: true,
-                        message: "请输入站点类型",
-                        trigger: "blur",
-                    },
-                ],
-                construction: [
-                    {
-                        required: true,
-                        message: "请输入建设场所",
-                        trigger: "blur",
-                    },
-                ],
-                region: [
-                    {
-                        required: true,
-                        message: "请输入充电费率",
-                        trigger: "blur",
-                    },
-                ],
-                type: [
-                    {
-                        required: true,
-                        message: "请输入服务费率",
-                        trigger: "blur",
-                    },
-                ],
-                businessHours: [
-                    {
-                        required: true,
-                        message: "请输入营业时间",
-                        trigger: "blur",
-                    },
-                ],
-            },
-            fileList: [], // 用于图片回显
-            // dialogVisible: null,
+  dicts: ["station_type", "match_cars", "construction_type"],
+  data() {
+    return {
+      actionUrl: process.env.VUE_APP_BASE_API + "/common/uploadOSS",
+      dialogVisible: false,
+      headers: {
+        Authorization: "Bearer " + getToken(),
+      },
+      imageUrl: null,
+      dialogImageUrl: "",
+      options: regionData,
+      labelPosition: "right",
+      station: {
+        stationName: "",
+        areaCode: "",
+        address: "",
+        stationTel: "",
+        matchCars: "",
+        parkingNumber: "",
+        parkFeeDescribe: "",
+        accountNumber: "",
+        capacity: "",
+        operatorName: "",
+        amapStationName: "",
+        selectMatchCars: [],
+        publicFlag: "",
+        openFlag: "",
+        aMapFlag: "",
+        merchantAdminName: "",
+        stationLng: "",
+        stationLat: "",
+        merchantId: "",
+        stationStatus: "",
+        construction: "",
+        businessHours: "",
+        pictures: "",
+        deptId: "",
+      },
+      stationId: this.$route.params.id,
+      publicFlagOptions: [
+        {
+          value: "1",
+          label: "是",
+        },
+        {
+          value: "0",
+          label: "否",
+        },
+      ],
+      openFlagOptions: [
+        {
+          value: "1",
+          label: "是",
+        },
+        {
+          value: "0",
+          label: "否",
+        },
+      ],
+      rules: {
+        stationName: [
+          {
+            required: true,
+            message: "请输入站点名称",
+            trigger: "blur",
+          },
+        ],
+        areaCode: [
+          {
+            required: true,
+            message: "请输入站点区域",
+            trigger: "blur",
+          },
+        ],
+        address: [{ required: true, message: "请输入地址", trigger: "blur" }],
+        stationTel: [
+          {
+            required: true,
+            message: "请输入联系电话",
+            trigger: "blur",
+          },
+        ],
+        matchCars: [
+          {
+            required: true,
+            message: "请输入适配车辆类型",
+            trigger: "blur",
+          },
+        ],
+        publicFlag: [
+          {
+            required: true,
+            message: "请填写是否对外开放",
+            trigger: "blur",
+          },
+        ],
+        openFlag: [{ required: true, message: "是否营业中", trigger: "blur" }],
+        // merchantAdminName: [
+        //   { required: true, message: "请输入管理员", trigger: "blur" },
+        // ],
+        stationLng: [{ required: true, message: "请输入经度", trigger: "blur" }],
+        stationLat: [{ required: true, message: "请输入纬度", trigger: "blur" }],
+        // merchantId: [
+        //   { required: true, message: "请输入管理员", trigger: "blur" },
+        // ],
+        stationType: [
+          {
+            required: true,
+            message: "请输入站点类型",
+            trigger: "blur",
+          },
+        ],
+        construction: [
+          {
+            required: true,
+            message: "请输入建设场所",
+            trigger: "blur",
+          },
+        ],
+        region: [
+          {
+            required: true,
+            message: "请输入充电费率",
+            trigger: "blur",
+          },
+        ],
+        type: [
+          {
+            required: true,
+            message: "请输入服务费率",
+            trigger: "blur",
+          },
+        ],
+        businessHours: [
+          {
+            required: true,
+            message: "请输入营业时间",
+            trigger: "blur",
+          },
+        ],
+      },
+      fileList: [], // 用于图片回显
+      // dialogVisible: null,
+      station: {
+        areaCode: "1,2,3", // 初始值
+      },
+      selectedAreaCode: [],
+    };
+  },
+  created() {},
+  methods: {
+    // 对图片进行上传前处理压缩
+    beforeUpload(file) {
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        // 将图片绘制到一个canvas画布上，并设定压缩后的宽度和高度。
+        reader.onload = (e) => {
+          const img = new Image();
+
+          img.onload = () => {
+            const canvas = document.createElement("canvas");
+            const ctx = canvas.getContext("2d");
+            const maxWidth = 800; // 设置压缩后的最大宽度
+            const maxHeight = 600; // 设置压缩后的最大高度
+            let width = img.width;
+            let height = img.height;
+
+            if (width > height) {
+              if (width > maxWidth) {
+                height *= maxWidth / width;
+                width = maxWidth;
+              }
+            } else {
+              if (height > maxHeight) {
+                width *= maxHeight / height;
+                height = maxHeight;
+              }
+            }
+            canvas.width = width;
+            canvas.height = height;
+
+            ctx.drawImage(img, 0, 0, width, height);
+            // 将canvas画布中的内容转换为Blob对象
+            canvas.toBlob(
+              (blob) => {
+                const compressedFile = new File([blob], file.name, { type: blob.type });
+
+                resolve(compressedFile);
+              },
+              file.type,
+              0.8
+            ); // 设置压缩质量，这里设为0.8
+          };
+          img.src = e.target.result;
         };
+        reader.readAsDataURL(file);
+      });
     },
-    created() {},
-    methods: {
-        // 对图片进行上传前处理压缩
-        beforeUpload(file) {
-            return new Promise((resolve, reject) => {
-                const reader = new FileReader();
-                // 将图片绘制到一个canvas画布上，并设定压缩后的宽度和高度。
-                reader.onload = (e) => {
-                    const img = new Image();
-
-                    img.onload = () => {
-                        const canvas = document.createElement("canvas");
-                        const ctx = canvas.getContext("2d");
-                        const maxWidth = 800; // 设置压缩后的最大宽度
-                        const maxHeight = 600; // 设置压缩后的最大高度
-                        let width = img.width;
-                        let height = img.height;
-
-                        if (width > height) {
-                            if (width > maxWidth) {
-                                height *= maxWidth / width;
-                                width = maxWidth;
-                            }
-                        } else {
-                            if (height > maxHeight) {
-                                width *= maxHeight / height;
-                                height = maxHeight;
-                            }
-                        }
-                        canvas.width = width;
-                        canvas.height = height;
-
-                        ctx.drawImage(img, 0, 0, width, height);
-                        // 将canvas画布中的内容转换为Blob对象
-                        canvas.toBlob(
-                            (blob) => {
-                                const compressedFile = new File(
-                                    [blob],
-                                    file.name,
-                                    { type: blob.type }
-                                );
-
-                                resolve(compressedFile);
-                            },
-                            file.type,
-                            0.8
-                        ); // 设置压缩质量，这里设为0.8
-                    };
-                    img.src = e.target.result;
-                };
-                reader.readAsDataURL(file);
-            });
-        },
-        handleSuccess(res, file) {
-            this.imageUrl = URL.createObjectURL(file.raw);
-            console.log("图片上传成功 url：", this.imageUrl);
-            console.log("图片上传成功 res：", res);
-            this.fileList.push({ url: res.url });
-        },
-        handleRemove(file, fileList) {
-            console.log("移除图片", file, fileList);
-            // 从pics数组中，找到图片对应的索引值
-            const i = this.fileList.findIndex((x) => x.uid === file.uid);
-            // 调用splice方法，移除图片信息
-            this.fileList.splice(i, 1);
-        },
-        handlePictureCardPreview(file) {
-            this.dialogImageUrl = file.url;
-            console.log(this.dialogImageUrl);
-            this.dialogVisible = true;
-        },
-        handleChange() {
-            console.log("111");
-        },
-        // 渲染表格数据
-        async queryStationInfo() {
-            this.fileList = [];
-            const res = await getStationInfo(this.stationId);
-            console.log(res);
-            this.station = res.data;
-            if (res.data.pictures != null) {
-                var pictures = res.data.pictures.split(",");
-                for (let i = 0; i < pictures.length; i++) {
-                    this.fileList.push({ url: pictures[i] });
-                }
-            }
-            console.log("queryStationInfo表格数据", this.station);
-        },
-        // 提交按钮
-        present() {
-            // 赋值
-            this.station.matchCars = this.station.selectMatchCars.join(",");
-            this.station.pictures = this.pictureList.join(",");
-            // console.log("matchCars赋值后：", this.station.matchCars);
-            this.$refs.stationRef.validate((valid) => {
-                if (valid) {
-                    this.subUpdate();
-                    this.$message.success("提交成功");
-                }
-            });
-        },
-        // 修改充电站信息
-        async subUpdate() {
-          console.log("this.station", this.station);
-            await updateStation(this.station);
-        },
+    handleSuccess(res, file) {
+      this.imageUrl = URL.createObjectURL(file.raw);
+      console.log("图片上传成功 url：", this.imageUrl);
+      console.log("图片上传成功 res：", res);
+      this.fileList.push({ url: res.url });
     },
-    mounted() {
-        // 接收map 地图传过来的搜索值
-        bus.$on("res", (data) => {
-            // console.log("data", data); // data就是它传过来的值
-            // console.log("原始this.station", this.station);
-            // 地址
-            // this.detailedAddress = data.address;
-            // console.log("详细地址", data.address);
-            var adcode = data.adcode;
-            var areaCode = [];
-            areaCode[0] = adcode.substr(0, 2) + "0000";
-            areaCode[1] = adcode.substr(0, 4) + "00";
-            areaCode[2] = adcode;
-            // console.log("拼装的areaCode", areaCode);
-            // 修改数据
-            this.station.areaCode = areaCode.join(",");
-            this.station.stationLng = String(data.pos[0]);
-            this.station.stationLat = String(data.pos[1]);
-            // console.log("修改后this.station", this.station);
-            console.log(data.address, "data.address");
-            this.station.address = data.address.includes("区")
-                ? data.address.replace(/区/, " ").split(" ")[1]
-                : data.address;
-            // 优化之后
-            // let newAddress2 = this.detailedAddress
-            //     .replace(/(?<=[省市区])/g, "$&,")
-            //     .split(",");
-            // let end = newAddress2.pop();
-            // console.log("详细地址",this.station.areaCode,newAddress2);
-            // this.station.address = newAddress2;
-        });
+    handleRemove(file, fileList) {
+      console.log("移除图片", file, fileList);
+      // 从pics数组中，找到图片对应的索引值
+      const i = this.fileList.findIndex((x) => x.uid === file.uid);
+      // 调用splice方法，移除图片信息
+      this.fileList.splice(i, 1);
     },
-    computed: {
-        areaCodeList() {
-            return this.station.areaCode.split(",");
-        },
-        pictureList() {
-            var pictureList = [];
-            for (let i = 0; i < this.fileList.length; i++) {
-                pictureList.push(this.fileList[i].url);
-            }
-            return pictureList;
-        },
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      console.log(this.dialogImageUrl);
+      this.dialogVisible = true;
     },
+    handleChange(e) {
+      this.station.areaCode = e.join(",");
+      console.log(e, this.station.areaCode);
+    },
+    // 渲染表格数据
+    async queryStationInfo() {
+      this.fileList = [];
+      const res = await getStationInfo(this.stationId);
+      console.log(res);
+      this.station = res.data;
+      if (res.data.pictures != null) {
+        var pictures = res.data.pictures.split(",");
+        for (let i = 0; i < pictures.length; i++) {
+          this.fileList.push({ url: pictures[i] });
+        }
+      }
+      console.log("queryStationInfo表格数据", this.station);
+    },
+    // 提交按钮
+    present() {
+      //   赋值
+      this.station.matchCars = this.station.selectMatchCars.join(",");
+      this.station.pictures = this.pictureList.join(",");
+      // console.log("matchCars赋值后：", this.station.matchCars);
+      this.$refs.stationRef.validate((valid) => {
+        if (valid) {
+          this.subUpdate();
+          this.$message.success("提交成功");
+        }
+      });
+    },
+    // 修改充电站信息
+    async subUpdate() {
+      console.log("this.station", this.station);
+      await updateStation(this.station);
+    },
+  },
+  mounted() {
+    // 接收map 地图传过来的搜索值
+    bus.$on("res", (data) => {
+      console.log("data", data.data.result); // data就是它传过来的值
+      this.station.address = data.data.result.formatted_address;
+      this.station.stationLng = data.data.result.location.lon;
+      this.station.stationLat = data.data.result.location.lat;
+
+      // console.log("原始this.station", this.station);
+      // 地址
+      // this.detailedAddress = data.address;
+      // console.log("详细地址", data.address);
+      // var adcode = data.adcode;
+      // var areaCode = [];
+      // areaCode[0] = adcode.substr(0, 2) + "0000";
+      // areaCode[1] = adcode.substr(0, 4) + "00";
+      // areaCode[2] = adcode;
+      // // console.log("拼装的areaCode", areaCode);
+      // // 修改数据
+      // this.station.areaCode = areaCode.join(",");
+      // this.station.stationLng = String(data.pos[0]);
+      // this.station.stationLat = String(data.pos[1]);
+      // // console.log("修改后this.station", this.station);
+      // console.log(data.address, "data.address");
+      // this.station.address = data.address.includes("区")
+      //     ? data.address.replace(/区/, " ").split(" ")[1]
+      //     : data.address;
+      // 优化之后
+      // let newAddress2 = this.detailedAddress
+      //     .replace(/(?<=[省市区])/g, "$&,")
+      //     .split(",");
+      // let end = newAddress2.pop();
+      // console.log("详细地址",this.station.areaCode,newAddress2);
+      // this.station.address = newAddress2;
+    });
+  },
+  computed: {
+    areaCodeList: {
+      get() {
+        return this.station.areaCode.split(",");
+      },
+      set(val) {
+        console.log(val);
+      },
+    },
+    pictureList() {
+      var pictureList = [];
+      for (let i = 0; i < this.fileList.length; i++) {
+        pictureList.push(this.fileList[i].url);
+      }
+      return pictureList;
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
 ::v-deep .el-select > .el-input,
 ::v-deep .el-cascader .el-input {
-    width: 283px;
+  width: 283px;
 }
 </style>