区域到位组件新增默认范围

package.json

 {
   "name": "panda-xform",
-  "version": "6.11.08",
-  "description": "6.11.08 关联表单行内支持数据复制、多选支持搜索",
+  "version": "6.11.14",
+  "description": "6.11.14 区域到位组件新增默认范围",
   "keywords": [
     "panda-xform"
   ],

src/apis/process.js

@@ -5,6 +5,7 @@ const { REACT_APP_ENV } = process.env;
 
 /** @Tips: 新版接口，逐步替换老版接口 2021年12月1日 */
 const BASE = '/PandaWorkFlow/WorkFlow';
+const BASEGIS = '/PandaGIS/MapServer';
 const BASEURL = '/PandaWorkFlow/WorkFlow/AccountManage';
 const YOURSELFER_SERVER = 'http://127.0.0.1:8181';
 const url = (REACT_APP_ENV || 'dev') !== 'dev' ? `${YOURSELFER_SERVER}/${BASEURL}` : `${window.location.origin}${BASEURL}`;// 新版的链接
@@ -867,3 +868,23 @@ export function GetFieldValueByTableName({params, data}) {
     data
   })
 }
+
+export function CalculatePointToSurfaceDistance(data) {
+  return request(`${BASE}/Common/CalculatePointToSurfaceDistance` , {
+    method: "POST",
+    data
+  })
+}
+
+export function LayerSetting() {
+  return request(`${BASEGIS}/MapLayer/LayerSetting?client=sandbox` , {
+    method: "get"
+  })
+}
+
+export function GetMapArea(params) {
+  return request(`${BASEGIS}/Export/GetMapArea` , {
+    method: "get",
+    params
+  })
+}

src/constant/index.js

@@ -185,6 +185,10 @@ const widgetData = {
     name: '自定义地图',
     type: 'GIS控件',
   },
+  'PunchInMap': {
+    name: '区域到位',
+    type: 'GIS控件',
+  },
   'RelationForm': {
     name: '关联表单',
     type: '高级控件',

src/core/Account/components/TablePack/components/ValueEdit/index.js

@@ -290,7 +290,7 @@ const ValueEdit = (props) => {
                 if (v.fields.includes(fieldName)) {
                   let values = v.fields.map(s => {
                     if (s === fieldName) {
-                      filedFormulas = v.filedFormulas.map(x => x)
+                      filedFormulas = v.filedFormulas
                       return { fieldName, fieldValue: value }
                     }
                     return { fieldName: s, fieldValue: record?.[s] || '' }
@@ -331,7 +331,7 @@ const ValueEdit = (props) => {
                 if (v.fields.includes(fieldName)) {
                   let values = v.fields.map(s => {
                     if (s === fieldName) {
-                      filedFormulas = v.filedFormulas.map(x => x)
+                      filedFormulas = v.filedFormulas
                       return { fieldName, fieldValue: value !== null ? `${value}` : '' }
                     }
                     return { fieldName: s, fieldValue: record?.[s] || '' }

src/core/Account/components/TablePack/index.js

@@ -30,7 +30,7 @@ const TablePack = (props, ref) => {
   }))
 
   const { notUse, locale, config, fieldList, loading, dataSource, sourceChange, rowSelection, onRow, tableChange, btnsClick, isEdit } = props
-  const { accountFieids, webShowFieldGroup, formJson, parent } = config
+  const { accountFieids, webShowFieldGroup, formJson, parent, filterObj } = config
   const [fieldResize, setFieldResize] = useState({})
   const [filteredInfo, setFilteredInfo] = useState({})
   const [sortedInfo, setSortedInfo] = useState({})
@@ -57,6 +57,11 @@ const TablePack = (props, ref) => {
     let searchProps = {}
     if (accurateSearch) {
       if (['CheckBox', 'ComboBox', 'RadioButton'].includes(widget)) {
+        if(sourceType === '表数据' && filterObj[fieldName]){
+          searchProps = {
+            filters: filterObj[fieldName].map(v => { return { text: v, value: v, } }),
+          }
+        }
         if (sourceType === '手动输入') {
           searchProps = {
             filters: options.map(v => { return { text: v.value, value: v.value, } }),
@@ -390,6 +395,7 @@ const TablePack = (props, ref) => {
             filedFormulas: [
               {
                 fieldName: key,
+                widget: item.widget,
                 formula: item.calculateRule
               }
             ]

src/core/Account/index.js

@@ -24,14 +24,14 @@ import {
   DeleteTableDataInfo,
   ExportAccountData,
   ExportAccountModel,
+  GetFieldValueFromTable
 } from '../../apis/process';
-import { isJson, isObject } from '../../utils/index';
+import { isJson, isObject, getFieldInfo } from '../../utils/index';
 import exportStyle from './components/ExportTemplate/receipt.less';
 import html2canvas from 'html2canvas';
 import jsPDF from 'jspdf';
 import { saveAs } from 'file-saver';
 import FormRender from '../FormRender';
-
 const initConfig = {
   accountFieids: [],
   formJson: {},
@@ -324,11 +324,30 @@ const Account = (props, ref) => {
     getDataSource({ ...values, pageIndex: 1, });
   };
 
+  const getFilterObj = async (formJson, accountFieids) => {
+    let json = getFieldInfo(formJson)
+    let obj = {}
+    accountFieids.filter(v=> v.accurateSearch).forEach(async v => {
+      if (json[v.fieldName]) {
+        const { sourceType, fieldName, tableName } = json[v.fieldName]
+        if(sourceType === '表数据'){
+          const res =  await  GetFieldValueFromTable(tableName, fieldName)
+          if(res.code === 0){
+            obj[v.fieldName] = res.data
+          }
+        }
+      }
+    })
+    return obj
+  }
   const getConfig = async ({ accountName }) => {
     setConfigLoading(true);
     const { code, data, msg } = await GetAccountConfigInfo(accountName);
     if (code === 0) {
-      let config = { ...data, formJson: isJson(data.formJson) ? JSON.parse(data.formJson) : {} }
+      let formJson = isJson(data.formJson) ? JSON.parse(data.formJson) : {};
+      const filterObj = await getFilterObj(formJson, data.accountFieids)
+      let config = { ...data, formJson, filterObj }
+      
       setConfig(config);
       setParams({ ...params, pageSize: data.pageSize || 20, accountName });
       //如果传入该值

src/core/FormDesigner/config/settings.js

@@ -359,6 +359,11 @@ const baseWidgets = [
         hidden: "{{formData.isHidden}}",
         dependencies: ['isHidden'],
       },
+      calculateRule: {
+        title: '计算规则',
+        type: 'string',
+        widget: 'CalculateRule',
+      },
       presetValue: {
         title: '默认值',
         type: 'string',
@@ -4024,7 +4029,74 @@ const mapWidgets = [
         default: "100%"
       },
     },
-  }
+  },
+  {
+    text: '区域到位',
+    name: '区域到位',
+    icon: <IconPack.AreaTask />,
+    schema: {
+      title: '区域到位',
+      type: 'string',
+      widget: 'PunchInMap',
+      placeholder: '',
+    },
+    setting: {
+      widget: {
+        title: '控件类型',
+        type: 'string',
+        widget: 'WidgetType',
+        displayType: 'row',
+        labelWidth: 75,
+      },
+      $id: {
+        title: '数据源',
+        type: 'string',
+        widget: 'FieldNames',
+        required: true,
+      },
+      title: {
+        title: '展示名称',
+        required: true,
+        type: 'string',
+      },
+      placeholder: {
+        title: '提示语',
+        type: 'string',
+      },
+      description: {
+        title: '字段说明',
+        type: 'string',
+      },
+      rings: {
+        title: '到位区域',
+        type: 'string',
+        description: '默认边界范围或手绘到位范围',
+        widget: 'DrawArea'
+      },
+      allowedLimit: {
+        title: '允许偏差范围(米)',
+        type: 'number',
+        description: '点位允许距离范围内的误差',
+        widget: 'number',
+        default: 0,
+      },
+      isValid: {
+        title: '开启距离校验',
+        type: 'boolean',
+        widget: 'SwitchDefault'
+      },
+      groupStyle: {
+        title: '控件样式',
+        type: 'object',
+        properties: {}
+      },
+      width: {
+        title: '控件占比',
+        type: 'string',
+        widget: 'RadioGroupW',
+      },
+    },
+  },
 ]
 
 const advancedWidgets = [

src/core/FormRender/watch.js

@@ -124,6 +124,7 @@ const getFieldName = (configs, tableName) => {
 }
 
 const formAutomatic = async (params) => {
+  console.log('触发自动计算', params);
   if ((new Date().getTime() - params.startTime) < 2000) return
   let param = {
     tableName: params.tableName,
@@ -249,7 +250,7 @@ export const getWatch = ({ schema, form, startTime, initField, firstCall }) => {
   let formValue = form?.getValues()
   let { relationForm } = formValue
   const configs = relationForm?.configs || []
-  const AutoCalculate = getWidgetInfo(schema, ['NumberInput', 'DateTime', 'Time', 'TextInput'])
+  const AutoCalculate = getWidgetInfo(schema, ['NumberInput', 'DateTime', 'Time', 'TextInput', 'TextArea'])
   const HiddenWidget = getHiddenWidget(schema)
   const RelevanceSelect = getWidgetInfo(schema, ['RelevanceSelect'])
   if (Array.isArray(AutoCalculate)) {

src/core/widgets/advanced/RelationForm/index.js

@@ -403,13 +403,14 @@ const RelationForm = (props) => {
       let autoArray = [];
       Object.keys(json).forEach(key => {
         let item = json[key];
-        if (item.widget === 'NumberInput' && item.calculateRule) {
+        if ((item.widget === 'NumberInput' || item.widget === 'DateTime') && item.calculateRule) {
           let params = {
             fields: item?.rules[0]?.fields,
             tableName: item.tableNameParent,
             filedFormulas: [
               {
                 fieldName: key,
+                widget: item.widget,
                 formula: item.calculateRule
               }
             ]

src/core/widgets/coord/DrawArea/index.js

@@ -28,6 +28,7 @@ const DrawArea = (props) => {
   const viewRef = useRef(null)
   const layers = useRef(null)
 
+  console.log('props区域绘制', props)
   const createPaths = (view) => {
     setTimeout(() => {
       if (isJson(value)) {
@@ -85,6 +86,13 @@ const DrawArea = (props) => {
     getPoints(viewRef.current)
   }
 
+  const clear = ()=>{
+    if(viewRef.current){
+      viewRef.current.map.remove(layers.current)
+      setRings('')
+    }
+  }
+
   const showMap = () => {
     setVisible(true)
   }
@@ -94,7 +102,7 @@ const DrawArea = (props) => {
   }
 
   const onOk = () => {
-    onChange(JSON.stringify(rings))
+    onChange(isObject(rings) ? JSON.stringify(rings) : '')
     setVisible(false)
   }
 
@@ -178,12 +186,20 @@ const DrawArea = (props) => {
       >
         <div style={{ height: '90%' }}>
           <Button
-            style={{ position: 'absolute', zIndex: '99', right: '10px', top: '10px' }}
+            style={{ position: 'absolute', zIndex: '99', right: '120px', top: '10px' }}
             type='primary'
             onClick={start}
           >
             开始绘制
           </Button>
+          <Button
+            style={{ position: 'absolute', zIndex: '99', right: '10px', top: '10px' }}
+            type='primary'
+            danger
+            onClick={clear}
+          >
+            清除绘制
+          </Button>
           <ArcGISSceneMap
             getMapInfo={getView}
             widgets={[]}

src/core/widgets/coord/PunchInMap/index.js

+import React, { useState, useEffect, useRef } from 'react';
+import { Input, Button, message } from 'antd';
+import { CompassOutlined, DownOutlined, GlobalOutlined } from '@ant-design/icons';
+import styles from './index.less';
+import {
+  ArcGISSceneMap,
+  AutoCompleteSearch,
+  Drawtool as drawTool,
+  Graphic,
+  GraphicsLayer,
+  Point,
+  geomUtils,
+  SimpleLineSymbol,
+  SimpleFillSymbol,
+} from '@wisdom-map/arcgismap';
+import { cityCode } from '@wisdom-map/basemap'
+import Drag from '../../../components/Drag';
+import { CalculatePointToSurfaceDistance, GetMapArea, LayerSetting } from '../../../../apis/process';
+import { isJson, isObject, mercatorToLngLat } from '../../../../utils';
+const PunchInMap = props => {
+  const { schema, value, onChange, addons } = props;
+  const { rings, allowedLimit, disabled } = schema;
+  const [view, setView] = useState(null);
+  const [visible, setvisible] = useState(false);
+  const [currentInfo, setCurrentInfo] = useState(null);
+  let customFlagRef = useRef(null)
+  const layers = useRef(null);
+  const { token, client } = window.globalConfig;
+  //12734033.364702286,3560690.747976473
+  const getView = viewObj => {
+    setView(viewObj);
+  };
+  console.log(customFlagRef, rings, 'customFlagRefcustomFlagRef')
+  useEffect(() => {
+    if (view) {
+      if (value) {
+        renderLocaiton(value);
+      }
+      createPaths(view);
+    }
+    return () => {
+      if (view) {
+        layers.current && view.map.remove(layers.current);
+        layers.current = null;
+
+        let coordGetLayer = view.map.layers.find(layer => layer.id == 'coordGet');
+        coordGetLayer && view.map.remove(coordGetLayer);
+      }
+      
+    };
+  }, [view]);
+
+  useEffect(() => {
+    console.log(rings, 'customFlagRef')
+    if (isJson(rings) && value) {
+        if(value){
+            calculatePointToSurfaceDistanceHandle(rings, value);
+        }
+    }
+  }, [rings]);
+
+  useEffect(()=>{
+    getLayerSetting()
+  }, [])
+
+  const getLayerSetting = async () => {
+    const { code, msg, data } = await LayerSetting();
+    if(code == 0){
+        const { areaName, customFlag, customPointExtent } = data.find(l => l.layerType = 'PipenetLayer');
+        customFlagRef.current = customFlag
+        if(!isJson(rings)){
+            if(customFlag && isJson(customPointExtent)){
+                const { geometry } = JSON.parse(customPointExtent);
+                const arr = geometry.map(v=> [v.x, v.y])
+                const jsonObj = {
+                    rings: [arr]
+                }
+                addons.setSchemaByPath(addons.dataPath, { ...schema, rings: JSON.stringify(jsonObj) });
+            }else{
+                const adcode = cityCode.find(v => v.name == areaName)?.adcode;
+                if(adcode){
+                    const res = await GetMapArea({ requestMap: 'pd_map', areaName: `${adcode}.json`, state: true, usage: 'gismap' });
+                    const arr = res.features[0].geometry.coordinates;
+                    const jsonObj = {
+                        rings: arr
+                    }
+                    addons.setSchemaByPath(addons.dataPath, { ...schema, rings: JSON.stringify(jsonObj) });
+                }
+            }
+        }
+    }else{
+        message.error(msg);
+    }
+  }
+
+  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',
+      },
+    });
+  };
+
+  const renderLocaiton = value => {
+      let coordGetLayer = view.map.layers.find(layer => layer.id == 'coordGet');
+      if (coordGetLayer) {
+        view.map.remove(coordGetLayer);
+      } else {
+        coordGetLayer = new GraphicsLayer({
+          id: 'coordGet',
+        });
+      }
+      view.map.add(coordGetLayer);
+      coordGetLayer.removeAll();
+      const newVal = value.split(',');
+      const defalutGraphic = createGraphic(
+        new Point({
+          x: newVal[0],
+          y: newVal[1],
+          spatialReference: {
+            wkid: 3857,
+          },
+        }),
+      );
+      coordGetLayer.add(defalutGraphic);
+
+      setTimeout(() => {
+        view.goTo({
+          center: geomUtils.toGeometry({ x: Number(newVal[0]), y: Number(newVal[1]) }),
+          scale: view.scale - 1,
+        });
+      }, 2000);
+  };
+
+  const calculatePointToSurfaceDistanceHandle = (r, v) => {
+    const point = v.split(',');
+    const rings = JSON.parse(r).rings;
+    let data = {
+      point: { x: Number(point[0]), y: Number(point[1]) },
+      polygon: rings[0].map(xy => {
+        return {
+          x: Number(xy[0]),
+          y: Number(xy[1]),
+        };
+      }),
+    };
+    CalculatePointToSurfaceDistance(data).then(res => {
+      const { code, msg, data } = res;
+      if (code == 0) {
+        setCurrentInfo(data);
+      } else {
+        message.error(msg);
+      }
+    });
+  };
+  const createPaths = view => {
+    setTimeout(() => {
+        //customFlagRef.current = 1自定义绘制或者手绘customFlagRef.current = null 则渲染，否则行政边界坐标过多渲染影响性能
+      if (isJson(rings) && (!customFlagRef.current || customFlagRef.current == 1)) {
+        let layer = new Graphic({
+          geometry: geomUtils.toGeometry(JSON.parse(rings)),
+          symbol: new SimpleFillSymbol({}),
+        });
+        layers.current = new GraphicsLayer();
+        layers.current.add(layer);
+        view.map.add(layers.current);
+      }
+    }, 2000);
+  };
+  const cancelHandle = () => {
+    setvisible(false);
+    if (view && layers.current) {
+      view.map.remove(layers.current);
+      layers.current = null;
+    }
+  };
+  const getDistance = info => {
+    const { distance, isInPolygon } = info;
+    if (isInPolygon || (allowedLimit > 0 && distance <= allowedLimit)) {
+      return '已到位';
+    } else {
+      let num = 0;
+      if (distance > 1000) {
+        num = distance / 1000;
+        return `未到位,距离${num.toFixed(2)}千米`;
+      }
+      return `未到位,距离${distance.toFixed(2)}米`;
+    }
+  };
+  return (
+    <div>
+      <Input
+        disabled={disabled}
+        value={currentInfo ? getDistance(currentInfo) : ''}
+        placeholder="点击查看位置"
+        addonAfter={<GlobalOutlined onClick={()=> setvisible(true)}/>}
+        onClick={() => setvisible(true)}
+      />
+      <Drag
+        visible={visible}
+        title="到位区域查看"
+        width={'80%'}
+        onCancel={cancelHandle}
+        cancelText={'取消'}
+        okText={'确定'}
+        bodyStyle={{ height: 600, overflowY: 'auto', position: 'relative' }}
+        destroyOnClose
+        footer={null}
+      >
+        <ArcGISSceneMap getMapInfo={getView} widgets={[]} token={token} client={token ? client : 'sandbox'} />
+      </Drag>
+    </div>
+  );
+};
+
+export default PunchInMap;

src/core/widgets/coord/index.js

@@ -5,6 +5,7 @@ import DrawArea from './DrawArea'
 import AreaTask from './AreaTask'
 import CustomMap from "./CustomMap";
 import DataTable from "./DataTable";
+import PunchInMap from "./PunchInMap";
 
 const coord = {
   Coordinate,
@@ -14,6 +15,7 @@ const coord = {
   AreaTask,
   CustomMap,
   DataTable,
+  PunchInMap,
 }
 
 export default coord

src/core/widgets/text/TextArea/index.js

@@ -6,9 +6,10 @@ import { urlRegExp } from '../../../../utils'
 const TextArea = (props) => {
 
   const { value, onChange, schema, addons } = props
-  const { disabled, placeholder, presetValue, maxLength, rows } = schema
-
+  const { disabled, placeholder, presetValue, maxLength, rows, otherValue } = schema
+  console.log(props, 'asdasdasdasd')
   useEffect(() => {
+   
     if (addons) {
       addons.setValueByPath(addons.dataPath, presetValue)
     } else {
@@ -16,6 +17,13 @@ const TextArea = (props) => {
     }
   }, [presetValue])
   
+
+    useEffect(() => {
+      if (otherValue) {
+        onChange(otherValue)
+      }
+    }, [otherValue])
+
   const handleChange = (e) => {
     onChange(e.target.value)
   }