diff --git a/src/pages/NewEnergy/ChargeDeviceMgm/GroundLockManagement/index.scss b/src/pages/NewEnergy/ChargeDeviceMgm/GroundLockManagement/index.scss index da7212c..73ea081 100644 --- a/src/pages/NewEnergy/ChargeDeviceMgm/GroundLockManagement/index.scss +++ b/src/pages/NewEnergy/ChargeDeviceMgm/GroundLockManagement/index.scss @@ -50,9 +50,13 @@ } } } -.operateBtn { - div { - cursor: pointer; - margin-top: 5px; - } + +.button-red,.button-green{ + cursor: pointer; +} +.button-red{ + color: red; +} +.button-green{ + color: green; } \ No newline at end of file diff --git a/src/pages/NewEnergy/ChargeDeviceMgm/GroundLockManagement/loadable.jsx b/src/pages/NewEnergy/ChargeDeviceMgm/GroundLockManagement/loadable.jsx index 676ac0d..1f5e6f2 100644 --- a/src/pages/NewEnergy/ChargeDeviceMgm/GroundLockManagement/loadable.jsx +++ b/src/pages/NewEnergy/ChargeDeviceMgm/GroundLockManagement/loadable.jsx @@ -9,33 +9,20 @@ import "./index.scss"; import moment from "moment"; // import errorImg from "@/assets/images/layout/error.png" // import { useLocation } from "react-router-dom"; -const { TextArea } = Input; function GroundLockManagement() { - const selectData= [ - { - label: "全部", - value: "0", - }, - { - label: "公休日",//1公休日、2工作日、3节假日 - value: "1", - }, - { - label: "工作日", - value: "2", - }, - { - label: "节假日", - value: "3", - }, - - ] + const [selectData, setSelectData] = useState({ + supplier:[], //供应商下拉 + model:[], //类型下拉 + status:[], //状态下拉 + pile_id:[], //物理桩下拉 + }); const listData={ name: "", code:"", - start_time: '00:00:00', model: '', - muzzle_num: "", + supplier: "", + status: "", + pile_id: "", } const columns = [ { @@ -53,27 +40,82 @@ function GroundLockManagement() { align: "center", }, { - title: "硬件编码", + title: "设备编码", dataIndex: "code", key: "code", align: "center", }, { - title: "所在充电站", - dataIndex: "start_time", + title: "设备类型", + dataIndex: "model", + key: "model", align: "center", }, { - title: "设备型号", - dataIndex: "model", - key: "model", + title: "设备供应商", + dataIndex: "supplier", + key: "supplier", + align: "center", + }, + { + title: "所属物理桩", + dataIndex: "pile_name", + key: "pile_name", + align: "center", + }, + { + title: "设备状态", + dataIndex: "status", + key: "status", align: "center", + render: (text, record) => { + return ( + <> + {record.status=="1"?:} + + ); + }, }, { - title: "枪口数量", - dataIndex: "muzzle_num", - key: "muzzle_num", + title: "操作", align: "center", + render: (text, record) => { + return ( + <> + {record.status=="1"?{ + Modal.confirm({ + title: `提示`, + content: `是否需要停用该地锁?`, + onOk: () => { + ajax.getDeviceLockEdit({id:record.id,status:"2"}).then((res) => { + if (res.status === 20000) { + message.success('停用成功') + tableRef.current.fetch(1,{}) + }else { + message.error(res?.message); + } + }); + } + }) + }}>停用:{ + Modal.confirm({ + title: `提示`, + content: `是否需要启动该地锁?`, + onOk: () => { + ajax.getDeviceLockEdit({id:record.id,status:"1"}).then((res) => { + if (res.status === 20000) { + message.success('启动成功') + tableRef.current.fetch(1,{}) + }else { + message.error(res?.message); + } + }); + } + }) + }}>启用} + + ); + }, }, ]; const formSearch = [ @@ -86,10 +128,17 @@ function GroundLockManagement() { }, { type: "Select", - label: "充电站名称", - name: "date_type", - placeholder:"请选择日期类型", - options:selectData + label: "设备类型", + name: "model", + placeholder:"请选择设备类型", + options:selectData.model + }, + { + type: "Select", + label: "设备状态", + name: "status", + placeholder:"请选择设备状态", + options:selectData.status }, ]; const tableRef = useRef(null); @@ -99,17 +148,14 @@ function GroundLockManagement() { date_type: "0", }; const [visible, setVisible] = useState(false); - const [actionState, setActionState] = useState(null); //操作状态 // 新增数据 const [rowData, setRowData] = useState(listData); //搜索的结果 const [tableData, setTableData] = useState([]); //搜索的总结果数 const [total, setTotal] = useState(10); - //储存编辑的id - const [editId,setEditId] = useState(""); function search(params) { - ajax.getList(params).then((res) => { + ajax.getDeviceLockList(params).then((res) => { if (res.status === 20000) { setTableData(res.data.list); setTotal(res.data.total); @@ -121,7 +167,6 @@ function GroundLockManagement() {