Browse Source

fix():修改路内样式

tags/PMS_Frontend_v1.0.6-develop
guoxin 1 year ago
parent
commit
b4aab911d8
  1. 4
      src/pages/InRoadMgm/BusinessMgm/Blacklist/loadable.jsx
  2. 35
      src/pages/InRoadMgm/BusinessMgm/ChargeRules/loadable.jsx
  3. 5
      src/pages/InRoadMgm/PersonMgm/Attendance/WorkerSchedule/loadable.jsx
  4. 61
      src/pages/InRoadMgm/RoadMgm/AddRoad/loadable.jsx
  5. 3
      src/pages/InRoadMgm/RoadMgm/RoadConf/loadable.jsx
  6. 2
      src/pages/InRoadMgm/RoadMgm/RoadDetail/loadable.jsx
  7. 2
      src/pages/SystemMgm/RoleMgm/loadable.jsx
  8. 8
      src/services/InroadMgm/RoadMgm/RoadMgm.js

4
src/pages/InRoadMgm/BusinessMgm/Blacklist/loadable.jsx

@ -66,9 +66,7 @@ function Blacklist(props) {
} }
if (getAddData.plate == '') { if (getAddData.plate == '') {
message.error('请输入车牌号') message.error('请输入车牌号')
} else if (getAddData.operator_id ) {
message.error('请选择商户名称')
} else {
} else {
ajax.addChange(data).then(res => { ajax.addChange(data).then(res => {
if (res.status === 20000) { if (res.status === 20000) {
setGetAddVisible(false) setGetAddVisible(false)

35
src/pages/InRoadMgm/BusinessMgm/ChargeRules/loadable.jsx

@ -29,8 +29,10 @@ function ChargeRules(props) {
pn: 1, pn: 1,
page_size: Number(pageSizeOptions[0]), // page_size: Number(pageSizeOptions[0]), //
} }
const [getBindId, setGetBindId] = useState({})
const [formData, setFormData] = useState(parameter) const [formData, setFormData] = useState(parameter)
const [lastFormData, setLastFormData] = useState(formData) const [lastFormData, setLastFormData] = useState(formData)
const lastFormDataRef = useRef(formData) const lastFormDataRef = useRef(formData)
const [addVisible, setGetAddVisible] = useState(false) const [addVisible, setGetAddVisible] = useState(false)
const [editVisible, setGetEditVisible] = useState(false) const [editVisible, setGetEditVisible] = useState(false)
@ -341,7 +343,7 @@ function ChargeRules(props) {
setDeleteVisible(true) setDeleteVisible(true)
} }
// //
const [getBindId, setGetBindId] = useState({})
const bindPark = (record) => { const bindPark = (record) => {
setBindVisible(true) setBindVisible(true)
setGetBindId(record) setGetBindId(record)
@ -404,6 +406,20 @@ function ChargeRules(props) {
lastFormDataRef.current = Object.assign({}, lastFormData, { pn: 1, page_size: length }) lastFormDataRef.current = Object.assign({}, lastFormData, { pn: 1, page_size: length })
getData(Object.assign({}, lastFormData, { pn: 1, page_size: length })) getData(Object.assign({}, lastFormData, { pn: 1, page_size: length }))
} }
//
const tableChangePn = (pn, length) => {
if (tableFormData.page_size === length) {
setTableFormData(Object.assign({}, tableFormData, { pn: pn }))
tableFormDataRef.current = Object.assign({}, tableFormData, { pn: pn })
getData(Object.assign({}, tableFormData, { pn: pn }))
}
}
//
const tanleChangeLength = (pn, length) => {
setTableFormData(Object.assign({}, tableFormData, { pn: 1, page_size: length }))
tableFormDataRef.current = Object.assign({}, tableFormData, { pn: 1, page_size: length })
getData(Object.assign({}, tableFormData, { pn: 1, page_size: length }))
}
// //
const getSearchData = (data = formData) => { const getSearchData = (data = formData) => {
getData(data) getData(data)
@ -551,6 +567,8 @@ function ChargeRules(props) {
value: { value: {
} }
}) })
const [tableFormData, setTableFormData] = useState({ ...bindData, id: getBindId.id, pn: 1, page_size: Number(pageSizeOptions[0]) })
const tableFormDataRef = useRef({ ...bindData, id: getBindId.id, pn: 1, page_size: Number(pageSizeOptions[0]) })
useEffect(() => { useEffect(() => {
if (sessionTabList && Object.values(sessionTabList).length > 0) { if (sessionTabList && Object.values(sessionTabList).length > 0) {
setFormData({ setFormData({
@ -568,7 +586,7 @@ function ChargeRules(props) {
const [getName, setGetName] = useState({}) const [getName, setGetName] = useState({})
const [getBindStatus, setBindStatus] = useState(false) const [getBindStatus, setBindStatus] = useState(false)
useEffect(() => { useEffect(() => {
if(bindData.road_parent_id){
if (bindData.road_parent_id) {
let data = { let data = {
name: bindData.road_parent_id, name: bindData.road_parent_id,
id: getBindId.id id: getBindId.id
@ -748,6 +766,19 @@ function ChargeRules(props) {
rowSelection={rowSelection} rowSelection={rowSelection}
columns={columns()} columns={columns()}
dataSource={getColumnList.data} dataSource={getColumnList.data}
pagination={false}
/>
<Pagination
className="pagination-common"
showSizeChanger
showQuickJumper
showTotal={() => `${getColumnList.total_records}`}
total={getColumnList.total_records}
current={tableFormData.pn}
pageSize={tableFormData.page_size}
pageSizeOptions={pageSizeOptions}
onChange={tableChangePn}
onShowSizeChange={tanleChangeLength}
/> />
<div className="bind-btn"> <div className="bind-btn">
<Button type="primary" onClick={start} disabled={!hasSelected} > <Button type="primary" onClick={start} disabled={!hasSelected} >

5
src/pages/InRoadMgm/PersonMgm/Attendance/WorkerSchedule/loadable.jsx

@ -319,7 +319,9 @@ function WorkerSchedule(props) {
} }
}) })
} }
const [getAllChange, setGetAllChange] = useState({})
const [getAllChange, setGetAllChange] = useState({
scheduleId:1
})
const handleAllChange = (v) => { const handleAllChange = (v) => {
setGetAllChange(v) setGetAllChange(v)
@ -495,6 +497,7 @@ function WorkerSchedule(props) {
<Select <Select
style={{ width: 200 }} style={{ width: 200 }}
// allowClear // allowClear
value={getAllChange.scheduleId}
placeholder="请选择" placeholder="请选择"
options={getOperation} options={getOperation}
onChange={handleAllChange} onChange={handleAllChange}

61
src/pages/InRoadMgm/RoadMgm/AddRoad/loadable.jsx

@ -82,6 +82,10 @@ function AddRoad() {
const [transferSouceData, setTransferSouceData] = useState([]); const [transferSouceData, setTransferSouceData] = useState([]);
const [selectedKeys, setSelectedKeys] = useState([]); const [selectedKeys, setSelectedKeys] = useState([]);
const [targetKeys, setTargetKeys] = useState([]); const [targetKeys, setTargetKeys] = useState([]);
//etc
const [getEtcList, setGetEtcList] = useState([])
const [selectedEtcKeys, setSelectedEtcKeys] = useState([]);
const [EtctargetKeys, setEtcTargetKeys] = useState([]);
// //
const [areaList, setAreaList] = useState([]); const [areaList, setAreaList] = useState([]);
const uploadButton = ( const uploadButton = (
@ -114,6 +118,7 @@ function AddRoad() {
...res3, ...res3,
lng_lat: lngLat, lng_lat: lngLat,
business_area: targetKeys, business_area: targetKeys,
berth_ids:EtctargetKeys,
img_url: imgList, img_url: imgList,
type: isEdit ? "edit" : "add", type: isEdit ? "edit" : "add",
road_id: id, 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) => { const transferChange = (nextTargetKeys) => {
setTargetKeys(nextTargetKeys); setTargetKeys(nextTargetKeys);
}; };
//穿
const transferEtcChange = (nextTargetKeys) => {
setEtcTargetKeys(nextTargetKeys);
};
const onSelectChange = (sourceSelectedKeys, targetSelectedKeys) => { const onSelectChange = (sourceSelectedKeys, targetSelectedKeys) => {
setSelectedKeys([...sourceSelectedKeys, ...targetSelectedKeys]); setSelectedKeys([...sourceSelectedKeys, ...targetSelectedKeys]);
}; };
const onSelectEtcChange = (sourceSelectedKeys, targetSelectedKeys) => {
setSelectedEtcKeys([...sourceSelectedKeys, ...targetSelectedKeys]);
};
function getAllParentRoad() { function getAllParentRoad() {
ajax.getAllParentRoad().then((res) => { ajax.getAllParentRoad().then((res) => {
if (res.status === 20000) { if (res.status === 20000) {
@ -307,6 +341,7 @@ function AddRoad() {
useEffect(() => { useEffect(() => {
getTradingArea(id); getTradingArea(id);
getEtcStatus(id);
getAllOperator(); getAllOperator();
}, []); }, []);
useEffect(() => { useEffect(() => {
@ -369,7 +404,7 @@ function AddRoad() {
<Form.Item <Form.Item
label="关联父车场" label="关联父车场"
name="parentId" name="parentId"
// rules={rules}
// rules={rules}
> >
<Select <Select
options={parentList} options={parentList}
@ -499,7 +534,7 @@ function AddRoad() {
<Form.Item <Form.Item
label="是否支持充电" label="是否支持充电"
name="recharge" name="recharge"
rules={rules}
// rules={rules}
> >
<Select <Select
value={initFormData.recharge} value={initFormData.recharge}
@ -672,7 +707,7 @@ function AddRoad() {
</Panel> </Panel>
</Collapse> </Collapse>
<Collapse defaultActiveKey={"1"}> <Collapse defaultActiveKey={"1"}>
<Panel header="路段运营信息" key="1">
<Panel header="路段相关信息" key="1">
<div className="last-panel"> <div className="last-panel">
<div className="left-content"> <div className="left-content">
<label>所属热门商圈</label> <label>所属热门商圈</label>
@ -725,6 +760,24 @@ function AddRoad() {
</div> </div>
</Panel> </Panel>
</Collapse> </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"> <div className="bottom-button">
<Button <Button
onClick={() => { onClick={() => {

3
src/pages/InRoadMgm/RoadMgm/RoadConf/loadable.jsx

@ -290,9 +290,10 @@ function RoadConf() {
<Form.Item label="区域" name={"area"}> <Form.Item label="区域" name={"area"}>
<Cascader <Cascader
placeholder={"请选择区域"} placeholder={"请选择区域"}
options={regionOptions}
options={regionOptions || null}
expandTrigger="hover" expandTrigger="hover"
changeOnSelect changeOnSelect
allowClear={false}
fieldNames={{ fieldNames={{
label: "name", label: "name",
value: "id", value: "id",

2
src/pages/InRoadMgm/RoadMgm/RoadDetail/loadable.jsx

@ -108,7 +108,7 @@ function RoadDetail(props) {
{resultData.free_time} {resultData.free_time}
</Descriptions.Item> </Descriptions.Item>
<Descriptions.Item label="收费规则描述"> <Descriptions.Item label="收费规则描述">
收费标准依据青黄发改发201645号文件收费时段8:00至18:00首停15分钟免费小型车2元/小时中型车3元/小时大型车4元/小时不足1小时按1小时计车主缴费后请15分钟内离场否则占用泊位将重新按收费规则启动计时停车欠费或将影响个人征信
{resultData.note}
</Descriptions.Item> </Descriptions.Item>
</Descriptions> </Descriptions>
</div> </div>

2
src/pages/SystemMgm/RoleMgm/loadable.jsx

@ -145,6 +145,8 @@ function RoleMgm(props) {
auth: '' auth: ''
}) })
getData(formData) getData(formData)
}else{
message.error(res.message)
} }
}) })
} }

8
src/services/InroadMgm/RoadMgm/RoadMgm.js

@ -195,6 +195,13 @@ const getTradingArea = (params) => {
data: params, data: params,
}); });
}; };
const getEtcData = (params) => {
return ajax({
url: "/api/bpm/road/no_etc_berth",
type: "get",
data: params,
});
};
// /api/bpm/device/add_device 数据采集设备管理-新增或修改接口 // /api/bpm/device/add_device 数据采集设备管理-新增或修改接口
const addDevice = (params) => { const addDevice = (params) => {
return ajax({ return ajax({
@ -354,6 +361,7 @@ export default {
getRoadTollList, getRoadTollList,
getRoadInfo, getRoadInfo,
addToll, addToll,
getEtcData,
getPoleList, getPoleList,
getRoadRuleList, getRoadRuleList,
delToll, delToll,

Loading…
Cancel
Save