优化MapSelector

components/Map/MapSelector.d.ts

@@ -22,6 +22,8 @@ export interface MapSelectorProps {
   area?: string;
   /** 是否显示所属区域 */
   showArea?: boolean;
+  /** 是否只查看 */
+  disable?: boolean;
   /** 确认选择回调 */
   onConfirm?: (longitude: number | string, latitude: number | string, extra: { area: string }) => void;
 }

components/Map/MapSelector.js

@@ -13,6 +13,7 @@ const MapSelector = (props) => {
     onConfirm,
     area = "",
     showArea = false,
+    disable = false,
   } = props;
 
   const mapContainerRef = useRef(null);
@@ -66,6 +67,7 @@ const MapSelector = (props) => {
         }
 
         // 添加点击事件
+        if (!disable) {
           map.addEventListener("click", (event) => {
             map.clearOverlays();
             const point = new window.BMapGL.Point(event.latlng.lng, event.latlng.lat);
@@ -75,6 +77,7 @@ const MapSelector = (props) => {
             setCurrentLongitude(event.latlng.lng);
           });
         }
+      }
 
       setLoading(false);
     }
@@ -149,10 +152,19 @@ const MapSelector = (props) => {
       open={visible}
       title="坐标"
       onCancel={handleClose}
-      onOk={handleConfirm}
       width={1000}
       destroyOnHidden={false}
       afterClose={handleAfterClose}
+      footer={[
+        <Button key="back" onClick={handleClose}>
+          取消
+        </Button>,
+        !disable && (
+          <Button key="submit" type="primary" onClick={handleConfirm}>
+            确定
+          </Button>
+        ),
+      ]}
     >
       <Form labelAlign="right" labelCol={{ span: 6 }} wrapperCol={{ span: 18 }}>
         {
@@ -169,6 +181,8 @@ const MapSelector = (props) => {
             </Row>
           )
         }
+        {
+          !disable && (
             <Row gutter={24}>
               <Col span={12}>
                 <Form.Item label="关键字搜索">
@@ -183,6 +197,8 @@ const MapSelector = (props) => {
                 </Form.Item>
               </Col>
             </Row>
+          )
+        }
         <Row gutter={24}>
           <Col span={12}>
             <Form.Item label="经度">