fix():增加计费规则绑定停车场

src/pages/InRoadMgm/BusinessMgm/ChargeRules/index.scss

@@ -449,4 +449,14 @@ $color-primary : var(--color-primary);
     border-left: none !important;
     border-bottom-color: #626b7e !important;
   }
+  .bind-btn{
+    margin-top: 20px;
+    display: flex;
+    .bindBtn{
+      margin-left: 30%;
+      .colorReset{
+        margin-left: 30px;
+      }
+    }
+  }
 }

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

@@ -421,6 +421,12 @@ function ChargeRules(props) {
     const [bindData, setBindData] = useState({})
     const bindModal = () => {
         setBindVisible(false)
+        setBindCarPark({})
+        setBindData({
+            vehicle_type:'',
+            charge_type:'',
+            name:''
+        })
     }
     //车辆类型
     const handleCarType = (v) => {
@@ -473,18 +479,60 @@ function ChargeRules(props) {
     const onSelectChange = (newSelectedRowKeys) => {
         setSelectedRowKeys(newSelectedRowKeys);
     };
+
+    const bindCanle = () => {
+        setBindVisible(false)
+        setBindCarPark({
+            vehicle_type:'',
+            charge_type:'',
+            name:''
+        })
+        setBindData({
+            vehicle_type:'',
+            charge_type:'',
+            name:''
+        })
+    }
     const rowSelection = {
         selectedRowKeys,
         onChange: onSelectChange,
     };
     const hasSelected = selectedRowKeys.length > 0;
     const start = () => {
-        setLoading(true);
-        // ajax request after empty completing
-        setTimeout(() => {
+        console.log(selectedRowKeys);
+        let arr = selectedRowKeys
+        let road_ids = arr.toString()
+        let data = {
+            road_ids,
+            vehicle_type: bindData.vehicle_type,
+            id: getBindId.id
+        }
+        ajax.getBind(data).then(res => {
+            if (res.status === 20000) {
+                message.success(res.message)
                 setSelectedRowKeys([]);
-        }, 1000);
+            } else {
+                message.error(res.message)
+            }
+        })
     };
+    const bindBtn = () => {
+        let arr = selectedRowKeys
+        let road_ids = arr.toString()
+        let data = {
+            road_ids,
+            vehicle_type: bindData.vehicle_type,
+            id: getBindId.id
+        }
+        ajax.getBind(data).then(res => {
+            if (res.status === 20000) {
+                message.success(res.message)
+                setSelectedRowKeys([]);
+            } else {
+                message.error(res.message)
+            }
+        })
+    }
     const [getOperationName, setGetOperationName] = useState([])
     const operationName = () => {
         ajax.getOperator().then(res => {
@@ -600,14 +648,14 @@ function ChargeRules(props) {
                 <label>请先选择要绑定的车辆类型</label>
                 <Select
                     style={{ width: 200, marginLeft: 14 }}
-                    value={bindData.bindData}
+                    value={bindData.vehicle_type}
                     options={sysConfig.vehicleTypeNOAll}
                     onChange={handleCarType}
                     placeholder="请选择"
                 />
             </div>
             {
-                bindCarPark === 1 || 2 || 3 ?
+                bindCarPark === 1 || bindCarPark === 2 || bindCarPark === 3 ?
                     <>
                         <div className="patkPay">
                             <div className="yisa-search">
@@ -644,13 +692,22 @@ function ChargeRules(props) {
                                         columns={columns()}
                                         dataSource={getColumnList.data}
                                     />
+                                    <div className="bind-btn">
                                         <Button type="primary" onClick={start} disabled={!hasSelected} >
-                                        Reload
+                                            全部绑定
+                                        </Button>
+                                        <div className="bindBtn">
+                                            <Button type="primary" className="yisa-btn colorBtn" onClick={() => { bindBtn() }}>
+                                                绑定
                                             </Button>
+                                            <Button type="primary" className="yisa-btn colorReset" onClick={() => { bindCanle() }}>
+                                                返回
+                                            </Button>
+                                        </div>
+
+                                    </div>
                                 </div> : ''
                         }
-
-
                     </>
                     : ''
             }

src/pages/SystemMgm/RoleMgm/loadable.jsx

@@ -63,7 +63,6 @@ function RoleMgm(props) {
     const handleDeptName = (e) => {
         let arr = e
         let lastElement = arr[arr.length - 1];
-        console.log(lastElement);
         setGetGovernment(lastElement)
         setAddManage({ ...addManage, depart_id: lastElement })
     };
@@ -96,7 +95,7 @@ function RoleMgm(props) {
         }
     }
     const onCheckEditbox = (v) => {
-        setGetBox(v.target.checked)
+        console.log(v);
         if (v.target.checked === true) {
             let arr = []
             getGovernmentArea.map(res => {
@@ -119,8 +118,6 @@ function RoleMgm(props) {
         }
     }
     const onCheckAdd = (checkedKeysValue, info) => {
-        console.log(info);
-        console.log(checkedKeysValue);
         let arr = []
         let parentArr = []
         info.checkedNodes.map(res => {
@@ -282,12 +279,13 @@ function RoleMgm(props) {
         setAddManage({
             remark: '',
             name: '',
-            depart_id: '',
+            depart_id: [],
         })
         setCheckedKeys([])
     }
     const delcancelImg = () => {
         setEditVisible(false)
+        setCheckedKeys([])
     }
     // 获取列表数据
     const getData = (data = formData) => {
@@ -339,6 +337,7 @@ function RoleMgm(props) {
     //编辑关闭
     const editModal = () => {
         setEditVisible(false)
+        setCheckedKeys([])
     }
     //编辑提交
     const placeEditBtn = () => {
@@ -471,7 +470,7 @@ function RoleMgm(props) {
                     <Cascader
                         style={{ width: 260, marginLeft: 50 }}
                         placeholder="请选择"
-                        defaultValue={addManage.depart_id}
+                        value={addManage.depart_id}
                         options={getPlateColor}
                         changeOnSelect
                         onChange={handleDeptName}
@@ -549,7 +548,7 @@ function RoleMgm(props) {
                     <Cascader
                         style={{ width: 260, marginLeft: 50 }}
                         placeholder="请选择"
-                        defaultValue={getImg.depart_id}
+                        value={getImg.depart_id}
                         options={getPlateColor}
                         changeOnSelect
                         onChange={(v) => {

src/services/search.js

@@ -668,6 +668,13 @@ const getRoadList=(params)=>{
     data: params,
   });
 }
+const getBind=(params)=>{
+  return ajax({
+    url: "/api/bpm/bill/binding_road",
+    type: "post",
+    data: params,
+  });
+}
 //业务管理-黑名单列表
 const blackListData = (params) => {
   return ajax({
@@ -1153,5 +1160,6 @@ export default {
   changeEditRule,
   deleteChangeRules,
   getDetailData,
-  getRoadList
+  getRoadList,
+  getBind
 }