事件管理添加地图

guoshilong

2022-09-17 3fd98f6eef0cd4eda1d2617254566e7ef31e0116

事件管理添加地图

 src/const/eventgm/eventgm.js

@@ -58,21 +58,61 @@
      viewDisplay: false,
    },
    {
      label: "选择坐标",
      prop: "avueMapAddress",
      type: "map",
      component: 'avueMap',
      value: {
        // "formattedAddress": "",
        // "longitude": 0,
        // "latitude": 0
      },
      hide: true,
      overHidden: true,
      span: 24,
      rules: [{
        required: true,
        message: "选择坐标",
        trigger: "blur"
      }],
    },
    {
      label: "地址",
      prop: "address",
      type: "input",
      disabled: true,
      addDisplay: false,
      editDisplay: false,
      viewDisplay: false,
      rules: [{
        required: true,
        message: "位置不能为空",
        trigger: "blur"
      }],
    },
    {
      label: "经度",
      prop: "longitude",
      type: "input",
      hide: true,
      disabled: true,
      rules: [{
        required: true,
        message: "经度不能为空",
        trigger: "blur"
      }],
    },
    {
      label: "纬度",
      prop: "latitude",
      type: "input",
      hide: true,
      disabled: true,
      rules: [{
        required: true,
        message: "纬度不能为空",
        trigger: "blur"
      }],
    },
    {
      label: "事件状态",

 src/views/eventgm/eventgm.vue

@@ -81,6 +81,18 @@
        return ids.join(",");
      }
    },
    watch: {
      //latitude   longitude   formattedAddress
      "form.avueMapAddress":{
        handler (newObj) {
          if (newObj) {
            this.form.address = newObj.formattedAddress
            this.form.latitude = newObj.latitude
            this.form.longitude = newObj.longitude
          }
        }
      }
    },
    methods: {
      rowSave(row, done, loading) {
        add(row).then(() => {