-
+
-
- {/* {positionData
+ {mockPositionData && (
+ <>
+
+ {/* {positionData
.filter((item) => item.repository === id)
.map((item) => (
{
onClick={showPositionDetail}
/>
))} */}
- {positionData.map((item) => (
-
- ))}
-
-
-
-
-
- {"使用中"}
+ {mockPositionData.map((item) => (
+
+ ))}
-
-
- {"空闲"}
+
+
+
+
+ {"使用中"}
+
+
+
+ {"空闲"}
+
+
-
-
+
+ )}
+
{isPositionDetailVisible &&
}
+
+ {isPositionVisible && (
+
+ {"取消"}
+ ,
+ ,
+ ]}
+ >
+
+
+ )}
);
};
diff --git a/src/components/System/Ware/WareManage.jsx b/src/components/System/Ware/WareManage.jsx
index 192dff7da89c599660411bc47122cac6145171e5..702987f98e3ffbc773b549bee15581a15fd8df17 100644
--- a/src/components/System/Ware/WareManage.jsx
+++ b/src/components/System/Ware/WareManage.jsx
@@ -1,39 +1,125 @@
import React, { useState, useEffect } from "react";
import axios from "axios";
-import { Table, Modal } from "antd";
+import { Table, Modal, Button } from "antd";
import WareInfo from "./WareInfo";
import WareCard from "./WareCard";
import AddItem from "./AddItem";
+import EditRepo from "./EditRepo";
+// 仓库管理
const WareManage = () => {
const [curWare, setCurWare] = useState("");
+
const [mockWareData, setMockWareData] = useState([]);
+
+ const [isAddInfoCompleted, setIsAddInfoCompleted] = useState(false);
+ const [isEditInfoCompleted, setIsEditInfoCompleted] = useState(false);
+ const [repoChange, setRepoChange] = useState(false);
+
+ const [loading, setLoading] = useState(false);
const [isWareInfoVisible, setIsWareInfoVisible] = useState(false);
const [isWareCreateVisible, setIsWareCreateVisible] = useState(false);
+ const [isEditVisible, setIsEditVisible] = useState(false);
+ const [isDeleteModalVisible, setIsDeleteModalVisible] = useState(false);
+ const [isCancelModalVisible, setIsCancelModalVisible] = useState(false);
const showWareCreateModal = () => {
setIsWareCreateVisible(true);
};
+
const showWareInfo = (record) => {
- setCurWare(record.id);
+ setCurWare(record);
setIsWareInfoVisible(true);
};
- const createHandleOk = () => {
- setIsWareCreateVisible(false);
+
+ const showEdit = (record) => {
+ setCurWare(record);
+ setIsEditVisible(true);
};
- const createHandleCancel = () => {
+ const createHandleOk = (e) => {
+ setLoading(true);
+ handleAddSubmit(e);
+ };
+
+ const editHandleOk = (e) => {
+ setLoading(true);
+ handleEditSubmit(e);
+ };
+
+ const secondHandleOk = () => {
+ setIsCancelModalVisible(false);
setIsWareCreateVisible(false);
+ setIsEditVisible(false);
+ };
+
+ const secondHandleCancel = () => {
+ setIsCancelModalVisible(false);
+ };
+
+ const showDeleteModal = (record) => {
+ setCurWare(record.id);
+ setIsDeleteModalVisible(true);
+ };
+
+ const deleteHandleOk = () => {
+ // axios get /admin/system/ware-manage/deleteRepository
+ //id=curWare
+ //then setRepoChange(pre=>!pre)
+ setIsDeleteModalVisible(false);
+ //catch
+ // 出错啦...
+ };
+
+ const deleteHandleCancel = () => {
+ setIsDeleteModalVisible(false);
+ };
+
+ const handleAddSubmit = (e) => {
+ e.preventDefault();
+ const [a, b, c] = document.forms[0];
+ console.log(a.value, b.value, c.value);
+ //axios post localhost:8080/admin/system/ware-manage/addRepository
+ //const repository = Object.assign({},{id:a.value,name:b.value,position:c.value})
+ //then setRepoChange(pre=>!pre)
+ setTimeout(() => {
+ setLoading(false);
+ setIsWareCreateVisible(false);
+ }, 1500);
+ };
+
+ const handleEditSubmit = (e) => {
+ e.preventDefault();
+ const [a, b, c] = document.forms[0];
+ console.log(a.value, b.value, c.value);
+ //axios post
+ // localhost:8080/admin/system/ware-manage/updateRepository
+ //const repository = Object.assign({},{id:a.value,name:b.value,position:c.value})
+ //params id name position
+
+ //then setRepoChange(pre=>!pre)
+ setTimeout(() => {
+ setLoading(false);
+ setIsEditVisible(false);
+ }, 1500);
};
useEffect(() => {
- axios
- .get("/admin/system/ware-manage") //接口地址与拦截地址要一致
- .then((res) => {
- setMockWareData(res.data.result.list);
- });
+ ///admin/system/ware-manage/queryAll
+ //res.data.data
+ axios.get("/admin/system/ware-manage").then((res) => {
+ setMockWareData(res.data.result.list);
+ });
}, []);
+ useEffect(() => {
+ ///admin/system/ware-manage/queryAll
+ //res.data.data
+ axios.get("/admin/system/ware-manage").then((res) => {
+ setMockWareData(res.data.result.list);
+ });
+ }, [repoChange]);
+
const columns = [
{
title: "仓库号",
@@ -60,12 +146,17 @@ const WareManage = () => {
查看仓位
-
+
);
},
@@ -82,14 +173,6 @@ const WareManage = () => {
>
{"添加仓库"}
-
-
-
{/* Info Area */}
@@ -105,8 +188,105 @@ const WareManage = () => {
y: 240,
}}
/>
- {isWareInfoVisible &&