|
|
@ -563,6 +563,8 @@ function ConfigRoad() { |
|
|
|
<div> |
|
|
|
<a |
|
|
|
onClick={() => { |
|
|
|
getEditRoadDevice(record) |
|
|
|
getDevice(record) |
|
|
|
ajax.getPoleInfo({ id: record.id }).then((res) => { |
|
|
|
setEditTitle(true) |
|
|
|
if (res.status === 20000) { |
|
|
@ -669,6 +671,8 @@ function ConfigRoad() { |
|
|
|
}, |
|
|
|
create: function (params) { |
|
|
|
setEditTitle(false) |
|
|
|
getRoadDevice(parking_id); |
|
|
|
getRoadMonitorDevice(parking_id); |
|
|
|
console.log(12122); |
|
|
|
setEditPoleModal({ |
|
|
|
...editPoleModal, |
|
|
@ -1088,6 +1092,8 @@ function ConfigRoad() { |
|
|
|
visible: false, |
|
|
|
record: {}, |
|
|
|
}); |
|
|
|
const [getMonitorData, setGetMonitorData] = useState([]) |
|
|
|
const [getRoadData, seGetRoadData] = useState([]) |
|
|
|
//杆位修改弹窗 |
|
|
|
const [editPoleModal, setEditPoleModal] = useState({ |
|
|
|
form: editPoleForm, |
|
|
@ -1505,22 +1511,87 @@ function ConfigRoad() { |
|
|
|
function getRoadDevice(id) { |
|
|
|
ajax.getRoadDevice({ road_id: id }).then((res) => { |
|
|
|
if (res.status === 20000) { |
|
|
|
setVideoDeviceList(res.data); |
|
|
|
res.data.left.map((item) => { |
|
|
|
item.key = item.value; |
|
|
|
return item; |
|
|
|
}); |
|
|
|
// console.log(res.data.left); |
|
|
|
setVideoDeviceList(res.data.left); |
|
|
|
} else { |
|
|
|
message.error(res.message); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
const [getEditTarket,setGetEditTarket]=useState([]) |
|
|
|
const [getLeftEditTarket,setGetLeftEditTarket]=useState([]) |
|
|
|
const [getSelectedKeys,setGetSelectedKeyst]=useState([]) |
|
|
|
function getEditRoadDevice(record) { |
|
|
|
let data = { |
|
|
|
road_id: parking_id, |
|
|
|
id: record.id |
|
|
|
} |
|
|
|
ajax.getRoadDevice(data).then((res) => { |
|
|
|
if (res.status === 20000) { |
|
|
|
res.data.left.map((item) => { |
|
|
|
item.key = item.value; |
|
|
|
return item; |
|
|
|
}); |
|
|
|
setGetLeftEditTarket(res.data.left); |
|
|
|
setGetEditTarket(res.data.right); |
|
|
|
} else { |
|
|
|
message.error(res.message); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
const onSelectRoadChange = (sourceSelectedKeys, targetSelectedKeys) => { |
|
|
|
console.log("sourceSelectedKeys:", sourceSelectedKeys); |
|
|
|
setGetSelectedKeyst([...sourceSelectedKeys, ...targetSelectedKeys]); |
|
|
|
}; |
|
|
|
const onSelectChangeRoad = (nextTargetKeys, direction, moveKeys) => { |
|
|
|
setGetEditTarket(nextTargetKeys); |
|
|
|
}; |
|
|
|
//获取监控设备 |
|
|
|
function getRoadMonitorDevice(id) { |
|
|
|
ajax.getRoadMonitorDevice({ road_id: id }).then((res) => { |
|
|
|
if (res.status === 20000) { |
|
|
|
setMonitorDeviceList(res.data); |
|
|
|
res.data.left.map((item) => { |
|
|
|
item.key = item.value; |
|
|
|
return item; |
|
|
|
}); |
|
|
|
setMonitorDeviceList(res.data.left); |
|
|
|
} else { |
|
|
|
message.error(res.message); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
const [getDeviceTarket,setGetDeviceTarket]=useState([]) |
|
|
|
const [getLeftDeviceTarket,setGetLeftDeviceTarket]=useState([]) |
|
|
|
const [getLeftDevicetargetKey,setGetLeftDevicetargetKey]=useState([]) |
|
|
|
function getDevice(record) { |
|
|
|
let data = { |
|
|
|
road_id: parking_id, |
|
|
|
id: record.id |
|
|
|
} |
|
|
|
ajax.getRoadMonitorDevice(data).then((res) => { |
|
|
|
if (res.status === 20000) { |
|
|
|
res.data.left.map((item) => { |
|
|
|
item.key = item.value; |
|
|
|
return item; |
|
|
|
}); |
|
|
|
setGetLeftDeviceTarket(res.data.left); |
|
|
|
setGetDeviceTarket(res.data.right); |
|
|
|
} else { |
|
|
|
message.error(res.message); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
const onSelectDeviceChange = (sourceSelectedKeys, targetSelectedKeys) => { |
|
|
|
console.log("sourceSelectedKeys:", sourceSelectedKeys); |
|
|
|
setGetLeftDevicetargetKey([...sourceSelectedKeys, ...targetSelectedKeys]); |
|
|
|
}; |
|
|
|
const onSelectChangeDevice = (nextTargetKeys, direction, moveKeys) => { |
|
|
|
setGetDeviceTarket(nextTargetKeys); |
|
|
|
}; |
|
|
|
//获取计费规则 |
|
|
|
const getBillRule = (operator_id) => { |
|
|
|
ajax |
|
|
@ -1548,6 +1619,8 @@ function ConfigRoad() { |
|
|
|
setEditPoleModal({ ...editPoleModal, visible: false }); |
|
|
|
message.success(res.message); |
|
|
|
formRef.current.getList(); |
|
|
|
seGetRoadData([]) |
|
|
|
setGetMonitorData([]) |
|
|
|
} else { |
|
|
|
message.error(res.message); |
|
|
|
} |
|
|
@ -1659,8 +1732,6 @@ function ConfigRoad() { |
|
|
|
case 3: |
|
|
|
setCurrentObj(poleManage); |
|
|
|
setRowKey(poleManage.key); |
|
|
|
getRoadDevice(parking_id); |
|
|
|
getRoadMonitorDevice(parking_id); |
|
|
|
setConfirmModalData({ |
|
|
|
...confirmModalData, |
|
|
|
func: (ids, status) => ajax.delPolePosition({ id: ids }), |
|
|
@ -2262,6 +2333,8 @@ function ConfigRoad() { |
|
|
|
open={editPoleModal.visible} |
|
|
|
onCancel={() => { |
|
|
|
setEditPoleModal({ ...editPoleModal, visible: false }); |
|
|
|
setGetMonitorData([]) |
|
|
|
seGetRoadData([]) |
|
|
|
}} |
|
|
|
title={editTitle ? "编辑杆位" : "添加杆位"} |
|
|
|
onOk={submitPole} |
|
|
@ -2322,24 +2395,78 @@ function ConfigRoad() { |
|
|
|
</Row> |
|
|
|
</Input.Group> |
|
|
|
</Form.Item> |
|
|
|
<Form.Item label="视频设备" name="video_device_ids"> |
|
|
|
<Select mode="multiple" options={videoDeviceList} /> |
|
|
|
|
|
|
|
{/* <label>视频设备</label> */} |
|
|
|
{ |
|
|
|
editTitle ? <> |
|
|
|
<Form.Item label="视频设备" name="video_device_ids"> |
|
|
|
{/* <Select mode="multiple" options={videoDeviceList} /> */} |
|
|
|
<Transfer |
|
|
|
dataSource={getLeftEditTarket} |
|
|
|
titles={["未选择", "已选择"]} |
|
|
|
targetKeys={getEditTarket} |
|
|
|
onSelectChange={onSelectRoadChange} |
|
|
|
onChange={onSelectChangeRoad} |
|
|
|
selectedKeys={getSelectedKeys} |
|
|
|
render={(item) => item.label} |
|
|
|
/> |
|
|
|
{/* <label>视频设备</label> */} |
|
|
|
|
|
|
|
{/* <TreeSelectGroup |
|
|
|
{/* <TreeSelectGroup |
|
|
|
unSelectedList={editPoleModal.video_device.left} |
|
|
|
selecedList={editPoleModal.video_device.right} |
|
|
|
/> */} |
|
|
|
</Form.Item> |
|
|
|
<Form.Item label="监控设备" name="monitor_device_ids"> |
|
|
|
<Select mode="multiple" options={monitorDeviceList} /> |
|
|
|
{/* <label>监控设备</label> */} |
|
|
|
{/* <TreeSelectGroup |
|
|
|
unSelectedList={editPoleModal.monitor_device.left} |
|
|
|
selecedList={editPoleModal.monitor_device.right} |
|
|
|
/> */} |
|
|
|
</Form.Item> |
|
|
|
</Form.Item> |
|
|
|
<Form.Item label="监控设备" name="monitor_device_ids"> |
|
|
|
{/* <Select mode="multiple" options={monitorDeviceList} /> */} |
|
|
|
<Transfer |
|
|
|
dataSource={getLeftDeviceTarket} |
|
|
|
titles={["未选择", "已选择"]} |
|
|
|
targetKeys={getDeviceTarket} |
|
|
|
selectedKeys={getLeftDevicetargetKey} |
|
|
|
onSelectChange={onSelectDeviceChange} |
|
|
|
onChange={onSelectChangeDevice} |
|
|
|
render={(item) => item.label} |
|
|
|
/> |
|
|
|
</Form.Item> |
|
|
|
</> : |
|
|
|
<> |
|
|
|
<Form.Item label="视频设备" name="video_device_ids"> |
|
|
|
{/* <Select mode="multiple" options={videoDeviceList} /> */} |
|
|
|
<Transfer |
|
|
|
dataSource={videoDeviceList} |
|
|
|
titles={["未选择", "已选择"]} |
|
|
|
targetKeys={getMonitorData} |
|
|
|
onChange={(nexTargetKeys) => { |
|
|
|
setGetMonitorData(nexTargetKeys); |
|
|
|
}} |
|
|
|
render={(item) => item.label} |
|
|
|
/> |
|
|
|
{/* <label>视频设备</label> */} |
|
|
|
|
|
|
|
{/* <TreeSelectGroup |
|
|
|
unSelectedList={editPoleModal.video_device.left} |
|
|
|
selecedList={editPoleModal.video_device.right} |
|
|
|
/> */} |
|
|
|
</Form.Item> |
|
|
|
<Form.Item label="监控设备" name="monitor_device_ids"> |
|
|
|
{/* <Select mode="multiple" options={monitorDeviceList} /> */} |
|
|
|
<Transfer |
|
|
|
dataSource={monitorDeviceList} |
|
|
|
titles={["未选择", "已选择"]} |
|
|
|
targetKeys={getRoadData} |
|
|
|
onChange={(nexTargetKeys) => { |
|
|
|
seGetRoadData(nexTargetKeys); |
|
|
|
}} |
|
|
|
render={(item) => item.label} |
|
|
|
/> |
|
|
|
{/* <label>监控设备</label> */} |
|
|
|
{/* <TreeSelectGroup |
|
|
|
unSelectedList={editPoleModal.monitor_device.left} |
|
|
|
selecedList={editPoleModal.monitor_device.right} |
|
|
|
/> */} |
|
|
|
</Form.Item> |
|
|
|
</> |
|
|
|
} |
|
|
|
|
|
|
|
</Form> |
|
|
|
</Modal> |
|
|
|
{/* 杆位删除弹窗 */} |
|
|
|