Commit 09ffa439 authored by 田翔's avatar 田翔

fix: 更新图片

......@@ -41,6 +41,7 @@
"react-file-viewer": "^1.2.1",
"react-sign2": "^0.0.3",
"react-svg": "15.1.9",
"viewerjs": "^1.11.3",
"viewerjs-react": "^1.0.2",
"yarn": "^1.22.17"
},
......@@ -128,4 +129,4 @@
"publishConfig": {
"registry": "https://g.civnet.cn:4873"
}
}
\ No newline at end of file
}
src/assets/images/cood/point.png

12.9 KB

......@@ -78,6 +78,10 @@ const widgetData = {
name: '编码',
type: '文本控件',
},
'SearchLocation': {
name: '地址位置',
type: '文本控件',
},
'ComboBox': {
name: '下拉框',
type: '选择器控件',
......@@ -142,10 +146,6 @@ const widgetData = {
name: '设备选择',
type: 'GIS控件',
},
'SearchLocation': {
name: '地址位置',
type: 'GIS控件',
},
'RelationForm': {
name: '关联表单',
type: '高级控件',
......
import React from 'react'
import React, { useState, useRef } from 'react'
import styles from './index.less'
import {
ArcGISSceneMap,
ClickQuery,
geomUtils,
GraphicsLayer,
Graphic,
Point,
} from '@wisdom-map/arcgismap/lib'
import Drag from '../../../../../components/Drag'
import point from '../../../../../../assets/images/cood/point.png'
let geometrystr = ''
let gisInfo = {}
let layer = 0
const CoordView = (props) => {
const { value } = props
const { token, client } = window.globalConfig
const { title, value, widget } = props
const [visible, setVisible] = useState(false)
let clickref = useRef(null)
let view = useRef(null)
const getMapInfo = (mapObj, Map) => {
setTimeout(() => {
if (widget === 'Device') {
view.current = mapObj
let arr = (value && value.split(',')) || []
let obj = (arr.length === 2) ? { point: { x: Number(arr[0]), y: Number(arr[1]) } } : {}
if (arr.length === 2) {
view.current.goTo({
center: geomUtils.toGeometry({ x: Number(arr[0]), y: Number(arr[1]) }),
zoom: 15
})
}
clickref.current = new ClickQuery({
view: view.current,
offsetX: -150,
offsetY: -310,
continuous: false,
...obj,
callback: ({ clickPoint, matchPoint, data }) => {
gisInfo = {}
if (layer) {
view.current.map.remove(layer)
}
if (matchPoint) {
geometrystr = `${matchPoint.x},${matchPoint.y}`
gisInfo = { layerName: data.layerName, gisCode: data.attributes.code }
} else if (clickPoint) {
geometrystr = `${clickPoint.x},${clickPoint.y}`
layer = new GraphicsLayer({
id: 'ok-layers',
})
if (geometrystr) {
const polypointGraphic = new Graphic({
geometry: geomUtils.toGeometry({
x: Number(geometrystr.split(',')[0]),
y: Number(geometrystr.split(',')[1])
}),
symbol: {
type: "picture-marker",
url: point,
width: "20px",
height: "20px"
},
})
layer.add(polypointGraphic)
view.current.map.add(layer)
}
}
}
})
} else if (widget === 'Coordinate') {
let coordGetLayer = mapObj.map.layers.find(layer => layer.id == 'coordGet');
if (coordGetLayer) {
mapObj.map.remove(coordGetLayer);
} else {
coordGetLayer = new GraphicsLayer({
id: 'coordGet',
});
}
mapObj.map.add(coordGetLayer);
if (value) {
coordGetLayer.removeAll();
const newVal = value.split(',');
const defalutGraphic = createGraphic(new Point({
x: newVal[0],
y: newVal[1],
spatialReference: {
wkid: 3857
}
}));
coordGetLayer.add(defalutGraphic);
setTimeout(() => {
mapObj.goTo({
center: geomUtils.toGeometry({ x: Number(newVal[0]), y: Number(newVal[1]) }),
scale: mapObj.scale - 1,
})
}, 2000)
}
} else if (widget === 'DrawPath') {
} else if (widget === 'DrawArea') {
}
}, 500)
}
const createGraphic = (geometry) => {
return new Graphic({
geometry: geometry,
symbol: {
type: "picture-marker", // autocasts as new PictureMarkerSymbol()
url: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAhCAYAAAA2/OAtAAAACXBIWXMAAArrAAAK6wGCiw1aAAAGlmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuZWRhMmIzZiwgMjAyMS8xMS8xNC0xMjozMDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjEgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0xMC0xN1QwOTowODoxNSswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMTAtMTdUMDk6MTU6MzMrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMTAtMTdUMDk6MTU6MzMrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg1OTQyNjQzLWNlYzgtNjU0NS05YmY0LTYyZmYxYjdiYmY1OSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjE3M2JmMDVmLWVmZGUtMzY0YS1hY2UxLTkwMGExYmZhZDU1NCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc0ZmE3MTM1LTljYTItZTM0OC04MjY1LTRjYTlhYjMzNDRmMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzRmYTcxMzUtOWNhMi1lMzQ4LTgyNjUtNGNhOWFiMzM0NGYzIiBzdEV2dDp3aGVuPSIyMDIyLTEwLTE3VDA5OjA4OjE1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjMuMSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmJmNjg5ZTI3LWJkMDYtMjk0YS1hYWMyLWU2MjY3ODg2Nzg2MiIgc3RFdnQ6d2hlbj0iMjAyMi0xMC0xN1QwOToxNTozMyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIzLjEgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NTk0MjY0My1jZWM4LTY1NDUtOWJmNC02MmZmMWI3YmJmNTkiIHN0RXZ0OndoZW49IjIwMjItMTAtMTdUMDk6MTU6MzMrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy4xIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5EbHqSAAADjklEQVRIia2W32scVRTHP+fOZM2P3RpDmhobEpBY0qBo5kGEDYsUC+qrUNG2/4AvBaEPvvnWBxXbKqjPPghK6Zt0Nb98qYK6RUUtRce4tARiGuNOlmw2e+/xYXbT3exkk1S/cJiZM/d+7jkzZ84dYRcVMt4kcBaYBkaAAWAVKALXgY+DyP6SNFcSYCPAW8CpYc+ZtEAXiidgFaoIZYUlaxzwKXA+iOztXaGFjPc88Mmw5/qHjO6WxLaWnbBkzRrwchDZL9qghYz3InB1zHOpQ3Wgq98zHcAlJ/xpTRV4IYjs3Da0kPFGgR/GfNefkRiogAX8PeONwcU44ieDyBYbQVwaMq6/D8UpOIWagqmfb5vnx8fedIs/LcqQcf3AJQApZLzHgZ8mfJccRrOMAeegLw3l9bbbN2sG4AkfOD1olH0g70naigaAQaOsODntA8/1yH6hMUz8LpJqo1sUkBM+MOEJnaEioArOxpfWJkL9eM0JH0ije0C1jvA8sBbZ2tp2JeiQD9Ts9iL7kxhJjLTuq/rAYhXGO9ZjI/36C5J7gBbV4sOiD1zfVBk3nUJVQAyIB1hEPLS9bbAZr/SNAa5sqLQWeZI5RY2pn7vEMRsqAFekkPEM8Osh0WOpgzzYHaoqlFRuAcdNEFkHnCup4OC+zAKlOMpzQWSdAQgiew24XFbB1gcdxMox8O06p6X1pYCvHhB9JnWAtDdVqMIccLKedVuTHgVudAsD3j6ANWBTuQ1MBZFdafhb+m8Q2SJwtqJ7p1wHVoGXmoFtkTZF/I4Hr3sdqqGmUDXm/JvZk5eb3A5widO+PJxJDVQ2vvbQIGkrcUDVmGsXnn72lYrf9i26xEf3V+5E38Dmxo0j5ehVAV+JP6qGWWR1ZnT8zG/9A1tA1w7zE/c0VTWfjU8ur/T0XUyqyzvpzIWFo2MVVU3vsG5VXUuE5vP5Nedc5aPJqatbxhSbgVvGFD+cnFpwzqWbrNc5V3LOLebz+cqulROG4T9Hxx/rGVsvyeHKRs4hCPD7gw998N3g8B9N6d4Fbs3MzJTCMFSAjuUYhuFq7ang7+nlO6dQekRk7f3jU+9WxXiqWlbVn2dnZ5fCMGzp8Xtu65Hn/7jc3fv5kXL5zFJv38K65xtUi/Pz8zf3mttRFx8dmf4+4+kbk8dey+VyI/8J1lA2m03NDfR8m81mH/lfgA29N/pwbr9j77ctd/pn419SR9UArKBoRwAAAABJRU5ErkJggg==",
width: "20px",
height: "30px"
},
})
}
return (
<div className={styles.coordView}>{value}</div>
<div className={styles.coordView}>
<span onClick={() => setVisible(true)}>{value}</span>
<Drag
visible={visible}
title={title}
width={'80%'}
onOk={() => setVisible(false)}
onCancel={() => setVisible(false)}
cancelText={'取消'}
okText={'确定'}
bodyStyle={{ height: 600, overflowY: 'auto', position: 'relative' }}
getContainer={true}
destroyOnClose
>
<ArcGISSceneMap
getMapInfo={getMapInfo}
widgets={[]}
token={token}
client={token ? client : 'sandbox'}
/>
</Drag>
</div>
)
}
......
.coordView {
&:hover {
cursor: pointer;
color: #1890ff;
}
}
\ No newline at end of file
import React from 'react'
import styles from './index.less'
import Viewer from 'viewerjs-react'
const FileView = (props) => {
......@@ -10,13 +11,15 @@ const FileView = (props) => {
if (!fileList) return null
return (
<div className={styles.fileView}>
{
fileList.map(v => {
return (
<img style={{ width: '65px' }} src={`${'http://192.168.10.167:8088'}/PandaWorkFlow/WorkFlow/AccountManage/DownloadFiles?filePath=${v}`}></img>
)
})
}
<Viewer>
{
fileList.map(v => {
return (
<img style={{ width: '65px' }} src={`${'http://192.168.10.167:8088'}/PandaWorkFlow/WorkFlow/AccountManage/DownloadFiles?filePath=${v}`}></img>
)
})
}
</Viewer>
</div>
)
}
......
......@@ -11,7 +11,7 @@ const TablePack = (props) => {
return <FileView {...props} />
}
if (['Coordinate', 'Device', 'SearchLocation'].includes(widget)) {
if (['Coordinate', 'Device', 'DrawPath', 'DrawArea'].includes(widget)) {
return <CoordView {...props} />
}
......
......@@ -20,8 +20,7 @@ import FormRender from '../FormRender'
const getFileInfo = (formJson) => {
let obj = {}
let json = isJson(formJson) ? JSON.parse(formJson) : {}
let parent = json?.properties
let parent = formJson?.properties
if (isObject(parent)) {
for (let v in parent) {
let child = parent[v]?.properties
......@@ -58,12 +57,6 @@ const Account = (props) => {
const formRenderRef = useRef()
const searchInput = useRef(null)
// const handleSearch = (selectedKeys, confirm, dataIndex) => {
// confirm(selectedKeys[0], dataIndex);
// // setSearchText(selectedKeys[0]);
// // setSearchedColumn(dataIndex);
// }
const handleReset = (clearFilters, confirm) => {
clearFilters()
confirm({ closeDropdown: true })
......
......@@ -713,7 +713,87 @@ const textWidgets = [
dependencies: ['tableTypeParent', 'IsSystemField'],
},
},
}
},
{
text: '地址',
name: '地址',
icon: <IconPack.SearchLocation />,
schema: {
title: '地址',
type: 'string',
widget: 'SearchLocation',
placeholder: '请输入地址',
},
setting: {
widget: {
title: '控件类型',
type: 'string',
widget: 'WidgetType',
displayType: 'row',
labelWidth: 75,
},
$id: {
title: '数据源',
type: 'string',
widget: 'FieldNames',
required: true,
},
title: {
title: '展示名称',
type: 'string',
required: true,
},
placeholder: {
title: '提示语',
type: 'string',
},
description: {
title: '字段说明',
type: 'string',
},
hiddenCondition: {
title: '隐藏条件',
type: 'string',
description: '所有形态默认显示',
widget: 'HiddenCondition'
},
required: {
title: '必填',
type: 'boolean',
widget: 'checkbox',
default: false,
width: '33%',
},
disabled: {
title: '只读',
type: 'boolean',
widget: 'checkbox',
default: false,
width: '25%',
},
groupStyle: {
title: '控件样式',
type: 'object',
properties: {}
},
width: {
title: '元素宽度',
type: 'string',
widget: 'percentSlider',
},
labelWidth: {
title: '标签宽度',
description: '默认值110',
default: 110,
type: 'number',
widget: 'slider',
max: 400,
props: {
hideNumber: true,
},
},
},
},
]
const selectWidgets = [
......@@ -2149,14 +2229,14 @@ const mapWidgets = [
},
},
{
text: '路径控件',
name: '路径控件',
icon: <IconPack.DrawPath />,
text: '设备选择',
name: '设备选择',
icon: <IconPack.Device />,
schema: {
title: '路径控件',
title: '设备选择',
type: 'string',
widget: 'DrawPath',
placeholder: '绘制地图路径',
widget: 'Device',
placeholder: '请选择设备',
},
setting: {
widget: {
......@@ -2229,14 +2309,14 @@ const mapWidgets = [
},
},
{
text: '区域控件',
name: '区域控件',
icon: <IconPack.DrawArea />,
text: '路径控件',
name: '路径控件',
icon: <IconPack.DrawPath />,
schema: {
title: '区域控件',
title: '路径控件',
type: 'string',
widget: 'DrawArea',
placeholder: '绘制地图区域',
widget: 'DrawPath',
placeholder: '绘制地图路径',
},
setting: {
widget: {
......@@ -2309,14 +2389,14 @@ const mapWidgets = [
},
},
{
text: '设备选择',
name: '设备选择',
icon: <IconPack.Device />,
text: '区域控件',
name: '区域控件',
icon: <IconPack.DrawArea />,
schema: {
title: '设备选择',
title: '区域控件',
type: 'string',
widget: 'Device',
placeholder: '请选择设备',
widget: 'DrawArea',
placeholder: '绘制地图区域',
},
setting: {
widget: {
......@@ -2388,86 +2468,6 @@ const mapWidgets = [
},
},
},
{
text: '地址位置',
name: '地址位置',
icon: <IconPack.SearchLocation />,
schema: {
title: '地址位置',
type: 'string',
widget: 'SearchLocation',
placeholder: '请输入位置',
},
setting: {
widget: {
title: '控件类型',
type: 'string',
widget: 'WidgetType',
displayType: 'row',
labelWidth: 75,
},
$id: {
title: '数据源',
type: 'string',
widget: 'FieldNames',
required: true,
},
title: {
title: '展示名称',
type: 'string',
required: true,
},
placeholder: {
title: '提示语',
type: 'string',
},
description: {
title: '字段说明',
type: 'string',
},
hiddenCondition: {
title: '隐藏条件',
type: 'string',
description: '所有形态默认显示',
widget: 'HiddenCondition'
},
required: {
title: '必填',
type: 'boolean',
widget: 'checkbox',
default: false,
width: '33%',
},
disabled: {
title: '只读',
type: 'boolean',
widget: 'checkbox',
default: false,
width: '25%',
},
groupStyle: {
title: '控件样式',
type: 'object',
properties: {}
},
width: {
title: '元素宽度',
type: 'string',
widget: 'percentSlider',
},
labelWidth: {
title: '标签宽度',
description: '默认值110',
default: 110,
type: 'number',
widget: 'slider',
max: 400,
props: {
hideNumber: true,
},
},
},
},
]
const advancedWidgets = [
......
......@@ -2,14 +2,12 @@ import Coordinate from './Coordinate'
import Device from './Device'
import DrawPath from './DrawPath'
import DrawArea from './DrawArea'
import SearchLocation from './SearchLocation'
const coord = {
Coordinate,
Device,
DrawPath,
DrawArea,
Device,
SearchLocation,
}
export default coord
\ No newline at end of file
......@@ -3,6 +3,7 @@ import TextArea from './TextArea'
import NumberInput from './NumberInput'
import RichText from './RichText'
import Coding from './Coding'
import SearchLocation from './SearchLocation'
const text = {
TextInput,
......@@ -10,6 +11,7 @@ const text = {
NumberInput,
RichText,
Coding,
SearchLocation,
}
export default text
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment