|
|
@@ -4,6 +4,7 @@ import { useLocation, useNavigate } from 'react-router-dom';
|
|
|
import { request } from '@/services/permissionService';
|
|
|
import { message, Button } from "antd"; // 导入 Button 组件
|
|
|
import queryString from 'query-string';
|
|
|
+import "./styles.css";
|
|
|
|
|
|
interface OrderEditProps {
|
|
|
editParams?: {
|
|
|
@@ -199,16 +200,17 @@ const OrderEdit: React.FC<OrderEditProps> = ({ editParams: propEditParams, onBac
|
|
|
};
|
|
|
|
|
|
return (
|
|
|
- <div style={{ padding: "20px", fontFamily: "Arial, sans-serif" }}>
|
|
|
+ <div style={{ padding: "20px"}}>
|
|
|
{/* 右上角按钮区域 */}
|
|
|
- <div style={{ display: "flex", justifyContent: "flex-end", marginBottom: "20px" }}>
|
|
|
- <button style={{ marginRight: "10px" }} onClick={handleCancel}>
|
|
|
+ <div style={{ display: "flex", justifyContent: "flex-end"}}>
|
|
|
+ <button style={{ marginRight: "10px" }} className="btn" onClick={handleCancel}>
|
|
|
キャンセル
|
|
|
</button>
|
|
|
<button
|
|
|
type="button"
|
|
|
onClick={handleSave}
|
|
|
disabled={saveLoading} // 保存时禁用按钮,防止重复提交
|
|
|
+ className="btn"
|
|
|
>
|
|
|
保存
|
|
|
</button>
|
|
|
@@ -216,38 +218,38 @@ const OrderEdit: React.FC<OrderEditProps> = ({ editParams: propEditParams, onBac
|
|
|
|
|
|
{/* 拠点情報区域 */}
|
|
|
<h3 style={{ marginBottom: "10px" }}>拠点情報</h3>
|
|
|
- <table style={{ borderCollapse: "collapse", width: "40%", marginBottom: "20px" }}>
|
|
|
+ <table className="editTab">
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
- <td style={{ backgroundColor: "#e0e0e0", padding: "5px", width: "150px", border: "1px solid #ccc" }}>部名</td>
|
|
|
- <td style={{ padding: "5px", border: "1px solid #ccc" }}>{firstData?.depName ?? "——"}</td>
|
|
|
+ <td className="inputText bkGrey">部名</td>
|
|
|
+ <td className="inputText">{firstData?.depName ?? "——"}</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td style={{ backgroundColor: "#e0e0e0", padding: "5px", border: "1px solid #ccc" }}>地区名</td>
|
|
|
- <td style={{ padding: "5px", border: "1px solid #ccc" }}>{firstData?.areaNm ?? "——"}</td>
|
|
|
+ <td className="inputText bkGrey">地区名</td>
|
|
|
+ <td className="inputText">{firstData?.areaNm ?? "——"}</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td style={{ backgroundColor: "#e0e0e0", padding: "5px", border: "1px solid #ccc" }}>拠点コード</td>
|
|
|
- <td style={{ padding: "5px", border: "1px solid #ccc" }}>{firstData?.tenCd ?? "——"}</td>
|
|
|
+ <td className="inputText bkGrey">拠点コード</td>
|
|
|
+ <td className="inputText">{firstData?.tenCd ?? "——"}</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td style={{ backgroundColor: "#e0e0e0", padding: "5px", border: "1px solid #ccc" }}>拠点名</td>
|
|
|
- <td style={{ padding: "5px", border: "1px solid #ccc" }}>{firstData?.tenNm ?? "——"}</td>
|
|
|
+ <td className="inputText bkGrey">拠点名</td>
|
|
|
+ <td className="inputText">{firstData?.tenNm ?? "——"}</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
|
|
|
{/* キャパシティ区域(受控输入框) */}
|
|
|
<h3 style={{ marginBottom: "10px" }}>キャパシティ</h3>
|
|
|
- <table style={{ borderCollapse: "collapse", width: "40%", marginBottom: "20px" }}>
|
|
|
+ <table className="editTab">
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
- <td style={{ backgroundColor: "#e0e0e0", padding: "5px", width: "150px", border: "1px solid #ccc" }}>連携キャップ</td>
|
|
|
- <td style={{ padding: "5px", border: "1px solid #ccc" }}>{firstData?.linkCap ?? "——"}</td>
|
|
|
+ <td className="inputText bkGrey">連携キャップ</td>
|
|
|
+ <td className="inputText">{firstData?.linkCap ?? "——"}</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td style={{ backgroundColor: "#e0e0e0", padding: "5px", width: "150px", border: "1px solid #ccc" }}>確定キャップ</td>
|
|
|
- <td style={{ padding: "5px", border: "1px solid #ccc" }}>
|
|
|
+ <td className="inputText bkGrey">確定キャップ</td>
|
|
|
+ <td className="inputText">
|
|
|
<input
|
|
|
type="text"
|
|
|
value={fixedCap}
|
|
|
@@ -266,32 +268,32 @@ const OrderEdit: React.FC<OrderEditProps> = ({ editParams: propEditParams, onBac
|
|
|
<div style={{ marginRight: "40px" }}>
|
|
|
{/* 予定分组 */}
|
|
|
<div style={{ display: "flex", alignItems: "center", marginBottom: "5px" }}>
|
|
|
- <span style={{ display: "inline-block", width: "8px", height: "8px", backgroundColor: "#000", borderRadius: "50%", marginRight: "5px" }}></span>
|
|
|
+ <span className="litTit"></span>
|
|
|
<span>予定</span>
|
|
|
</div>
|
|
|
<table style={{ borderCollapse: "collapse", marginLeft: "15px" }}>
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
- <td style={{ backgroundColor: "#e0e0e0", padding: "5px", width: "130px", border: "1px solid #ccc" }}>出荷予定数</td>
|
|
|
- <td style={{ padding: "5px", border: "1px solid #ccc", width: "120px" }}>{firstData?.renkeiCap ?? "——"}</td>
|
|
|
+ <td className="inputText bkGrey">出荷予定数</td>
|
|
|
+ <td className="inputText">{firstData?.renkeiCap ?? "——"}</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td style={{ backgroundColor: "#e0e0e0", padding: "5px",width: "130px", border: "1px solid #ccc" }}>判別結果</td>
|
|
|
- <td style={{ padding: "5px", border: "1px solid #ccc" }}>{firstData?.shipNumber ?? "——"}</td>
|
|
|
+ <td className="inputText bkGrey">判別結果</td>
|
|
|
+ <td className="inputText">{firstData?.shipNumber ?? "——"}</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
|
|
|
{/* 実績分组 */}
|
|
|
<div style={{ display: "flex", alignItems: "center", marginTop: "10px", marginBottom: "5px" }}>
|
|
|
- <span style={{ display: "inline-block", width: "8px", height: "8px", backgroundColor: "#000", borderRadius: "50%", marginRight: "5px" }}></span>
|
|
|
+ <span className="litTit"></span>
|
|
|
<span>実績</span>
|
|
|
</div>
|
|
|
<table style={{ borderCollapse: "collapse", marginLeft: "15px" }}>
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
- <td style={{ backgroundColor: "#e0e0e0", padding: "5px", width: "130px", border: "1px solid #ccc" }}>ソーター識別数</td>
|
|
|
- <td style={{ padding: "5px", border: "1px solid #ccc", width: "120px" }}>{firstData?.sorterNum ?? "——"}</td>
|
|
|
+ <td className="inputText bkGrey">ソーター識別数</td>
|
|
|
+ <td className="inputText">{firstData?.sorterNum ?? "——"}</td>
|
|
|
</tr>
|
|
|
{/* <tr>
|
|
|
<td style={{ backgroundColor: "#e0e0e0", padding: "5px", border: "1px solid #ccc" }}>リジェクト数</td>
|
|
|
@@ -313,12 +315,12 @@ const OrderEdit: React.FC<OrderEditProps> = ({ editParams: propEditParams, onBac
|
|
|
<table style={{ borderCollapse: "collapse", width: "40%" }}>
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
- <td style={{ backgroundColor: "#e0e0e0", padding: "5px", width: "120px", border: "1px solid #ccc" }}>最終更新日時</td>
|
|
|
- <td style={{ padding: "5px", border: "1px solid #ccc" }}>{firstData?.dateTm ?? "——"}</td>
|
|
|
+ <td className="inputText bkGrey">最終更新日時</td>
|
|
|
+ <td className="inputText">{firstData?.dateTm ?? "——"}</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td style={{ backgroundColor: "#e0e0e0", padding: "5px", border: "1px solid #ccc" }}>最終更新者</td>
|
|
|
- <td style={{ padding: "5px", border: "1px solid #ccc" }}>{firstData?.updateNm ?? "——"}</td>
|
|
|
+ <td className="inputText bkGrey">最終更新者</td>
|
|
|
+ <td className="inputText">{firstData?.updateNm ?? "——"}</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|