</head> | </head> | ||||
<body> | <body> | ||||
<div id="root"></div> | <div id="root"></div> | ||||
<script src="/umi.70c8d99a.js"></script> | |||||
<script src="/umi.4b70ae83.js"></script> | |||||
</body> | </body> | ||||
</html> | </html> |
let isCurrent = true | let isCurrent = true | ||||
useEffect(() => { | useEffect(() => { | ||||
setSrc('https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=' + 'MPBBZ-HUICZ-EGRXB-7AHZI-R4GQZ-QWBSO' + '&referer=' + 'myapp'); | |||||
setSrc('https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=' + '123' + '&referer=' + 'myapp'); | |||||
if (lat && lng) { | if (lat && lng) { | ||||
setSrc('https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=' + 'MPBBZ-HUICZ-EGRXB-7AHZI-R4GQZ-QWBSO' + '&referer=' + 'myapp' + `&coord=${lat},${lng}`); | |||||
setSrc('https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=' + '123' + '&referer=' + 'myapp' + `&coord=${lat},${lng}`); | |||||
} | } | ||||
const handleMessage = (event: any) => { | const handleMessage = (event: any) => { |
<Row gutter={[16, 16]}> | <Row gutter={[16, 16]}> | ||||
<Col span={24}> | <Col span={24}> | ||||
<Row gutter={[16, 16]}> | <Row gutter={[16, 16]}> | ||||
<Col span={24}> | |||||
{/* <Col span={24}> | |||||
<Switch checked={mapSwitch} checkedChildren='地图已显示' unCheckedChildren="地图已关闭" onChange={(val) => { | <Switch checked={mapSwitch} checkedChildren='地图已显示' unCheckedChildren="地图已关闭" onChange={(val) => { | ||||
setMapSwitch(val) | setMapSwitch(val) | ||||
}} /> | }} /> | ||||
required: true, message: '请选择打开地图并选择纬度', | required: true, message: '请选择打开地图并选择纬度', | ||||
}]} | }]} | ||||
/> | /> | ||||
</Col> | |||||
</Col> */} | |||||
<Col span={8}> | <Col span={8}> | ||||
<ProFormText | <ProFormText | ||||
label="门店地址" | label="门店地址" | ||||
rules={[{ required: true, message: '请在地图上选择或输入门店地址' }]} | rules={[{ required: true, message: '请在地图上选择或输入门店地址' }]} | ||||
/> | /> | ||||
</Col> | </Col> | ||||
{/* | |||||
{ | { | ||||
mapSwitch && <Col span={24}> | mapSwitch && <Col span={24}> | ||||
<MapComponent lat={lat} lng={lng} getLoc={(values) => { | <MapComponent lat={lat} lng={lng} getLoc={(values) => { | ||||
setMapSwitch(false) | setMapSwitch(false) | ||||
}}></MapComponent> | }}></MapComponent> | ||||
</Col> | </Col> | ||||
} | |||||
} */} | |||||
</Row> | </Row> | ||||
</Col> | </Col> | ||||
<Col span={24}> | <Col span={24}> |
}} | }} | ||||
> | > | ||||
<Row gutter={[16, 16]}> | <Row gutter={[16, 16]}> | ||||
<Col span={24}> | |||||
{/* <Col span={24}> | |||||
<Switch checked={mapSwitch} checkedChildren='地图已显示' unCheckedChildren="地图已关闭" onChange={(val) => { | <Switch checked={mapSwitch} checkedChildren='地图已显示' unCheckedChildren="地图已关闭" onChange={(val) => { | ||||
setMapSwitch(val) | setMapSwitch(val) | ||||
}} /> | }} /> | ||||
required: true, message: '请选择打开地图并选择纬度', | required: true, message: '请选择打开地图并选择纬度', | ||||
}]} | }]} | ||||
/> | /> | ||||
</Col> | |||||
</Col> */} | |||||
<Col span={8}> | <Col span={8}> | ||||
<ProFormText | <ProFormText | ||||
label="详细地址" | label="详细地址" | ||||
/> | /> | ||||
</Col> | </Col> | ||||
{ | |||||
{/* { | |||||
mapSwitch && <Col span={24}> | mapSwitch && <Col span={24}> | ||||
<MapComponent lat={lat} lng={lng} getLoc={(values) => { | <MapComponent lat={lat} lng={lng} getLoc={(values) => { | ||||
formRef.current.setFieldsValue({ | formRef.current.setFieldsValue({ | ||||
setMapSwitch(false) | setMapSwitch(false) | ||||
}}></MapComponent> | }}></MapComponent> | ||||
</Col> | </Col> | ||||
} | |||||
} */} | |||||
</Row> | </Row> | ||||
</ProCard> | </ProCard> | ||||
</StepsForm.StepForm> | </StepsForm.StepForm> |
}} | }} | ||||
> | > | ||||
<Row gutter={[16, 16]}> | <Row gutter={[16, 16]}> | ||||
<Col span={24}> | |||||
{/* <Col span={24}> | |||||
<Switch checked={mapSwitch} checkedChildren='地图已显示' unCheckedChildren="地图已关闭" onChange={(val) => { | <Switch checked={mapSwitch} checkedChildren='地图已显示' unCheckedChildren="地图已关闭" onChange={(val) => { | ||||
setMapSwitch(val) | setMapSwitch(val) | ||||
}} /> | }} /> | ||||
required: true, message: '请选择打开地图并选择纬度', | required: true, message: '请选择打开地图并选择纬度', | ||||
}]} | }]} | ||||
/> | /> | ||||
</Col> | |||||
</Col> */} | |||||
<Col span={6}> | <Col span={6}> | ||||
<ProFormText | <ProFormText | ||||
label="面试地址" | label="面试地址" | ||||
placeholder="请输入其他地址" | placeholder="请输入其他地址" | ||||
/> | /> | ||||
</Col> | </Col> | ||||
{ | |||||
{/* { | |||||
mapSwitch && <Col span={24}> | mapSwitch && <Col span={24}> | ||||
<MapComponent lat={lat} lng={lng} getLoc={(values) => { | <MapComponent lat={lat} lng={lng} getLoc={(values) => { | ||||
formRef.current.setFieldsValue({ | formRef.current.setFieldsValue({ | ||||
setMapSwitch(false) | setMapSwitch(false) | ||||
}}></MapComponent> | }}></MapComponent> | ||||
</Col> | </Col> | ||||
} | |||||
} */} | |||||
</Row> | </Row> | ||||
</ProCard> | </ProCard> | ||||
</StepsForm.StepForm> | </StepsForm.StepForm> |
rules={[{ required: true, message: '请选择有效的时间范围' }]} | rules={[{ required: true, message: '请选择有效的时间范围' }]} | ||||
/> | /> | ||||
<Row gutter={[16, 16]}> | <Row gutter={[16, 16]}> | ||||
<Col span={24}> | |||||
{/* <Col span={24}> | |||||
<Switch checked={mapSwitch} checkedChildren='地图已显示' unCheckedChildren="地图已关闭" onChange={(val) => { | <Switch checked={mapSwitch} checkedChildren='地图已显示' unCheckedChildren="地图已关闭" onChange={(val) => { | ||||
setMapSwitch(val) | setMapSwitch(val) | ||||
}} /> | }} /> | ||||
</Col> | |||||
</Col> */} | |||||
<Col span={24}> | <Col span={24}> | ||||
<ProFormText | <ProFormText | ||||
label="详细地址" | label="详细地址" | ||||
rules={[{ required: true, message: '请输入详细地址' }]} | rules={[{ required: true, message: '请输入详细地址' }]} | ||||
/> | /> | ||||
</Col> | </Col> | ||||
{ | |||||
{/* { | |||||
mapSwitch && <Col span={24}> | mapSwitch && <Col span={24}> | ||||
<MapComponent lat={0} lng={0} getLoc={(values) => { | <MapComponent lat={0} lng={0} getLoc={(values) => { | ||||
formRef.current.setFieldsValue({ | formRef.current.setFieldsValue({ | ||||
setMapSwitch(false) | setMapSwitch(false) | ||||
}}></MapComponent> | }}></MapComponent> | ||||
</Col> | </Col> | ||||
} | |||||
} */} | |||||
</Row> | </Row> | ||||
</ProForm> | </ProForm> | ||||
</Modal> | </Modal> |
rules={[{ required: true, message: '请选择有效的时间范围' }]} | rules={[{ required: true, message: '请选择有效的时间范围' }]} | ||||
/> | /> | ||||
<Row gutter={[16, 16]}> | <Row gutter={[16, 16]}> | ||||
<Col span={24}> | |||||
{/* <Col span={24}> | |||||
<Switch checked={mapSwitch} checkedChildren='地图已显示' unCheckedChildren="地图已关闭" onChange={(val) => { | <Switch checked={mapSwitch} checkedChildren='地图已显示' unCheckedChildren="地图已关闭" onChange={(val) => { | ||||
setMapSwitch(val) | setMapSwitch(val) | ||||
}} /> | }} /> | ||||
</Col> | |||||
</Col> */} | |||||
<Col span={24}> | <Col span={24}> | ||||
<ProFormText | <ProFormText | ||||
label="详细地址" | label="详细地址" | ||||
rules={[{ required: true, message: '请输入详细地址' }]} | rules={[{ required: true, message: '请输入详细地址' }]} | ||||
/> | /> | ||||
</Col> | </Col> | ||||
{ | |||||
{/* { | |||||
mapSwitch && <Col span={24}> | mapSwitch && <Col span={24}> | ||||
<MapComponent lat={0} lng={0} getLoc={(values) => { | <MapComponent lat={0} lng={0} getLoc={(values) => { | ||||
formRef.current.setFieldsValue({ | formRef.current.setFieldsValue({ | ||||
setMapSwitch(false) | setMapSwitch(false) | ||||
}}></MapComponent> | }}></MapComponent> | ||||
</Col> | </Col> | ||||
} | |||||
} */} | |||||
</Row> | </Row> | ||||
</ProForm> | </ProForm> | ||||
</Modal> | </Modal> |