---
title: 图形查询组件
date: 2023-07-18
---
[[toc]]

## 1. jt-queryGraphics 简介
- 点击图形后，在地球拉框查询范围内的项目信息

## 2.Warning 

::: warning 注意
- 需要配置查询表，在数据库querytable字段内加入表名，然后在config-table表内配置查询表，最后在config-field配置查询字段信息！
- 查询方法逻辑具体参考平台代码！
- 查询时需要先判断store.map3dStore.queryMapTables是否存在，获取所有查询表后遍历对每个表进行查询！
- 使用ref标记组件时，同时需要定义标记名称！具体可参考CIM平台图形查询组件写法！
:::


## 3. jt-queryGraphics API
| 属性名   | 说明 |     类型 |    是否必须  |
| :----- | :-------: | :-------: | :-------: |
| viewer |  视图，通过getMapInstance获取  | obj |   是 |
| activateQuery |  查询方法，返回值option，作为表查询参数  | methods |   是 |



## 4. 代码示例
```
<jt-popup title="图形查询">
	<jt-queryGraphics ref="queryGraphicsRef" :viewer="viewer" @activateQuery="activateQuery"></jt-queryGraphics>
</jt-popup>


```

<style>
    blockquote {
  line-height: 22px;
  border-radius: 5px;
  display: block;
  margin-bottom: 0.8em;
  font-family: "黑体";
  background: rgba(230,162,60,.1) !important;
  border-color: #f56c6c;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 85%;
  color: #000;
  padding-left: 1em;
}


blockquote p {
  padding-left: 3px; 
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 85%;
  color: #000;
}

blockquote code {
  background: rgba(230,162,60,.1) !important;
  font-weight: bold;
}
</style>