活动人员区域和活动车辆区域添加地图显示；活动增加经纬度保存

guoshilong

2022-11-28 2625ee88c405ecf102ca26f8601146fe38392c13

 src/views/securityManage/securityManage.vue

@@ -27,15 +27,34 @@
                   @click="handleDelete">删 除
        </el-button>
      </template>
      <template slot-scope="{row,index}" slot="menu">
        <el-button  type="text"
                    size="small"
                    icon="el-icon-view"
                    @click="handleDetail(row)">详情
        </el-button>
      </template>
    </avue-crud>

    <el-drawer
      title="地图详情"
      :visible.sync="isDetail"
      :append-to-body="true"
      size="60%"
      direction="rtl"
      :before-close="handleClose">
      <map-box v-if="isDetail" :is-detail="isDetail" :route-range="routeRange"></map-box>
    </el-drawer>
  </basic-container>
</template>

<script>
  import {getPage, getDetails, add, update, remove} from "@/api/securityManage/securityManage";
  import {mapGetters} from "vuex";
  import MapBox from "@/components/map/mapBox";

  export default {
    components: {MapBox},
    data() {
      return {
        form: {},
@@ -124,7 +143,9 @@
            },
          ]
        },
        data: []
        data: [],
        isDetail:false,
        routeRange:"",
      };
    },
    computed: {
@@ -211,6 +232,10 @@
            this.$refs.crud.toggleSelection();
          });
      },
      handleDetail(row){
        this.routeRange = row.position
        this.isDetail = true
      },
      beforeOpen(done, type) {
        if (["edit", "view"].includes(type)) {
          getDetails(this.form.id).then(res => {