https://element-plus.gitee.io/zh-CN/component/form.html#%E8%A1%A8%E5%8D%95%E5%86%85%E7%BB%84%E4%BB%B6%E5%B0%BA%E5%AF%B8%E6%8E%A7%E5%88%B6

e-pick-graphic

• 组件描述

• 标题 1
• 标题 2
• 属性
• 方法
• 事件
• 插槽
• demo
  • 组件内部配置代码
• TODO

标题 1

标题 2

属性

名称	说明	类型	可选值	默认值
activeTool	挂载在线的 arcgis-js-api	string	'MOVE', 'SQ', 'HZ', 'SC', 'QC','QT', 'DY','DW', 'JS', 'CKTC'
bizType	业务类型	string
txBsm	标识码	string
layerType	图层类型	string
api	接口列表	string
apiPara	接口参数	string
tools	启用的工具列表	string[]	-	['MOVE', 'SQ', 'HZ', 'SC', 'QC']

方法

方法名	说明	回调参数
a	b	c

事件

方法名	说明	回调参数
cmd		c

插槽

方法名	说明	回调参数
a	b	c

demo

<template>
  <e-pick-graphic
    style="height: 100vh"
    activeTool=""
    bizType="XM_GIS"
    txBsm=""
    :tools="tools"
    version="版本信息"
    layerType="DLG"
    :api="api"
    :apiPara="apiPara"
  />
</template>


<script lang="ts">
  import { defineComponent } from 'vue-demi'


import { EPickGraphic } from '@packages/components/index'


const API = {
    sysInit: '/gisBoot/gis/config/map/get',
    baseLayer: 'gisBoot/gis/map/baseLayer/getList',
    cadUpload: '/gisBoot/ct/zcgl/gis/cadUpload',
    geoJsonUpload: '/gisBoot/ct/zcgl/gis/geoJsonUpload',
    getGeoByTxBsm: '/gisBoot/ct/zcgl/gis/geoQuery',
    pickupGeo: '/gisBoot/ct/zcgl/gis/geoPickup'
    // getRefMaps:  '/gisBoot/ct/zcgl/gis/getRefMaps',
  }


export default defineComponent({
    components: {
      EPickGraphic
    },
    setup() {
      return {
        layout: [],
        api: API,
        tools: ['SQ', 'HZ', 'SC'],
        apiPara: {
          sysInit: {
            sysCode: 'GIS_MAP', // 系统代码，根据系统代码获取系统配置信息
            srCode: 'xiamen92' // 坐标系代码，根据srCode和appCode获取地图底图列表
          }
        }
      }
    }
  })
</script>

组件内部配置代码

// 组件内部配置
const Config = {
  // 接口配置
  apiList: [
    ['sysInit', '系统初始化接口'],
    ['baseLayer', '底图'],
    ['cadUpload', 'CAD上传入库接口'],
    ['geoJsonUpload', 'GEOJSON入库接口'],
    ['getGeoByTxBsm', '根据图形标识码获取空间位置接口'],
    ['pickupGeo', '图斑拾取接口'],
    ['getRefMaps', '获取参考图层列表']
  ],
  iconList: [
    { key: 'pan', icon: 'pan', title: '移动' },
    { key: 'layers', icon: 'layers', title: '图层' },
    { key: 'pick', icon: 'radio-checked', title: '拾取' },
    { key: 'polygon', icon: 'polygon', title: '绘制' },
    { key: 'upload', icon: 'upload', title: '上传' },
    { key: 'clear', icon: 'erase', title: '清除' },
    { key: 'full', icon: 'zoom-out-fixed', title: '全屏' },
    { key: 'print', icon: 'printer', title: '打印' },
    { key: 'locate', icon: 'locate', title: '定位' },
    { key: 'search', icon: 'search', title: '检索' }
  ],
  keyList: [
    ['MOVE', 'pan'],
    ['SQ', 'pick'],
    ['HZ', 'polygon'],
    ['SC', 'upload'],
    ['QC', 'clear'],
    ['QT', 'full'],
    ['DY', 'print'],
    ['DW', 'locate'],
    ['JS', 'search'],
    ['CKTC', 'layers']
  ]
}

TODO

1. 参考图