|
|
@ -82,6 +82,10 @@ function AddRoad() { |
|
|
|
const [transferSouceData, setTransferSouceData] = useState([]); |
|
|
|
const [selectedKeys, setSelectedKeys] = useState([]); |
|
|
|
const [targetKeys, setTargetKeys] = useState([]); |
|
|
|
//etc泊位列表获取 |
|
|
|
const [getEtcList, setGetEtcList] = useState([]) |
|
|
|
const [selectedEtcKeys, setSelectedEtcKeys] = useState([]); |
|
|
|
const [EtctargetKeys, setEtcTargetKeys] = useState([]); |
|
|
|
//区域的下拉数据 |
|
|
|
const [areaList, setAreaList] = useState([]); |
|
|
|
const uploadButton = ( |
|
|
@ -114,6 +118,7 @@ function AddRoad() { |
|
|
|
...res3, |
|
|
|
lng_lat: lngLat, |
|
|
|
business_area: targetKeys, |
|
|
|
berth_ids:EtctargetKeys, |
|
|
|
img_url: imgList, |
|
|
|
type: isEdit ? "edit" : "add", |
|
|
|
road_id: id, |
|
|
@ -243,14 +248,43 @@ function AddRoad() { |
|
|
|
} |
|
|
|
); |
|
|
|
} |
|
|
|
|
|
|
|
const getEtcStatus = (id) => { |
|
|
|
const params = id !== null ? { id } : {}; |
|
|
|
ajax.getEtcData(params).then( |
|
|
|
(res) => { |
|
|
|
if (res.status === 20000) { |
|
|
|
let _data = [...res.data].map((item) => { |
|
|
|
item.key = item.value; |
|
|
|
return item; |
|
|
|
}); |
|
|
|
// let _right = [...res.data.right].map((item) => { |
|
|
|
// item.key = item.value; |
|
|
|
// return item.key; |
|
|
|
// }); |
|
|
|
setGetEtcList(_data); |
|
|
|
// setEtcTargetKeys(_right); |
|
|
|
} |
|
|
|
}, |
|
|
|
(err) => { |
|
|
|
console.error(err); |
|
|
|
} |
|
|
|
); |
|
|
|
} |
|
|
|
//穿梭框 |
|
|
|
const transferChange = (nextTargetKeys) => { |
|
|
|
setTargetKeys(nextTargetKeys); |
|
|
|
}; |
|
|
|
//穿梭框 |
|
|
|
const transferEtcChange = (nextTargetKeys) => { |
|
|
|
setEtcTargetKeys(nextTargetKeys); |
|
|
|
}; |
|
|
|
const onSelectChange = (sourceSelectedKeys, targetSelectedKeys) => { |
|
|
|
setSelectedKeys([...sourceSelectedKeys, ...targetSelectedKeys]); |
|
|
|
}; |
|
|
|
|
|
|
|
const onSelectEtcChange = (sourceSelectedKeys, targetSelectedKeys) => { |
|
|
|
setSelectedEtcKeys([...sourceSelectedKeys, ...targetSelectedKeys]); |
|
|
|
}; |
|
|
|
function getAllParentRoad() { |
|
|
|
ajax.getAllParentRoad().then((res) => { |
|
|
|
if (res.status === 20000) { |
|
|
@ -307,6 +341,7 @@ function AddRoad() { |
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
getTradingArea(id); |
|
|
|
getEtcStatus(id); |
|
|
|
getAllOperator(); |
|
|
|
}, []); |
|
|
|
useEffect(() => { |
|
|
@ -499,7 +534,7 @@ function AddRoad() { |
|
|
|
<Form.Item |
|
|
|
label="是否支持充电" |
|
|
|
name="recharge" |
|
|
|
rules={rules} |
|
|
|
// rules={rules} |
|
|
|
> |
|
|
|
<Select |
|
|
|
value={initFormData.recharge} |
|
|
@ -672,7 +707,7 @@ function AddRoad() { |
|
|
|
</Panel> |
|
|
|
</Collapse> |
|
|
|
<Collapse defaultActiveKey={"1"}> |
|
|
|
<Panel header="路段运营信息" key="1"> |
|
|
|
<Panel header="路段相关信息" key="1"> |
|
|
|
<div className="last-panel"> |
|
|
|
<div className="left-content"> |
|
|
|
<label>所属热门商圈</label> |
|
|
@ -725,6 +760,24 @@ function AddRoad() { |
|
|
|
</div> |
|
|
|
</Panel> |
|
|
|
</Collapse> |
|
|
|
<Collapse defaultActiveKey={"1"}> |
|
|
|
<Panel header="ETC追缴泊位配置" key="1"> |
|
|
|
<div className="last-panel"> |
|
|
|
<div className="left-content"> |
|
|
|
<label>选择开启ETC追缴的泊位</label> |
|
|
|
<Transfer |
|
|
|
dataSource={getEtcList} |
|
|
|
titles={["未选择", "已选择"]} |
|
|
|
targetKeys={EtctargetKeys} |
|
|
|
onChange={transferEtcChange} |
|
|
|
selectedKeys={selectedEtcKeys} |
|
|
|
onSelectChange={onSelectEtcChange} |
|
|
|
render={(item) => item.label} |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</Panel> |
|
|
|
</Collapse> |
|
|
|
<div className="bottom-button"> |
|
|
|
<Button |
|
|
|
onClick={() => { |
|
|
|