订单列表增加订单编号

pages/personalCenter/leasingOrders/index.page.tsx

@@ -20,6 +20,7 @@ import api, { LeasingList, ListTranStatusResp } from "./api";
 import moment from "moment";
 import PayModal from "./components/payModal";
 import RefundModal from "./components/refundModal";
+import Moment from 'moment';
 
 const items: TabsProps["items"] = [
   {
@@ -221,7 +222,15 @@ export default function LeasingOrders() {
                         background: "#EBF8FF",
                       }}
                     >
-                      <div className={styles.font2}>2021-10-21 12:21:10</div>
+                      <div className={styles.font2}>
+                        <Space size={10}>
+                          <div>
+                            {Moment(item.startDate).format("YYYY-MM-DD")} 至{" "}
+                            {Moment(item.endDate).format("YYYY-MM-DD")}
+                          </div>
+                          <div>订单编号: {item.orderNo}</div>
+                        </Space>{" "}
+                      </div>
                       <div className={styles.font3}>
                         {
                           tranStatusMap.find(

pages/personalCenter/mallOrders/index.page.tsx

@@ -141,8 +141,19 @@ export default function LeasingOrder() {
                         background: "#EBF8FF",
                       }}
                     >
-                      <div className={styles.font2}>{item.createTime}</div>
-                      <div className={styles.font3}>{tranStatusMap.find(status => status.code === item.statusCode)?.status}</div>
+                      <div className={styles.font2}>
+                        <Space size={10}>
+                          <div>{item.createTime}</div>
+                          <div>订单编号: {item.orderNo}</div>
+                        </Space>
+                      </div>
+                      <div className={styles.font3}>
+                        {
+                          tranStatusMap.find(
+                            (status) => status.code === item.statusCode
+                          )?.status
+                        }
+                      </div>
                     </Row>
                     <Row
                       style={{ minHeight: 100, border: "1px solid #D0EAF5" }}

pages/personalCenter/servicesOrders/index.page.tsx

@@ -18,7 +18,7 @@ import LayoutView from "~/components/layout";
 import Sider from "../components/sider";
 import api, { OrderList, GetServiceOrderStatusResp } from "./api";
 import styles from "./index.module.scss";
-import Moment from 'moment';
+import Moment from "moment";
 
 const items: TabsProps["items"] = [
   {
@@ -55,7 +55,9 @@ export default function ServicesOrder() {
   const [orderList, setOrderList] = useState<OrderList[]>([]);
   const [loading, setLoading] = useState(false);
   const [orderNo, setOrderNo] = useState<string | undefined>();
-  const [tranStatusMap, setTranStatusMap] = useState<GetServiceOrderStatusResp[]>([]); //订单状态字典
+  const [tranStatusMap, setTranStatusMap] = useState<
+    GetServiceOrderStatusResp[]
+  >([]); //订单状态字典
 
   //获取订单状态字典
   useEffect(() => {
@@ -143,8 +145,13 @@ export default function ServicesOrder() {
                       }}
                     >
                       <div className={styles.font2}>
-                        {Moment(item.startTime).format("YYYY/MM/DD")} -{" "}
-                        {Moment(item.endTime).format("YYYY/MM/DD")}
+                        <Space size={10}>
+                          <div>
+                            {Moment(item.startTime).format("YYYY-MM-DD")} 至{" "}
+                            {Moment(item.endTime).format("YYYY-MM-DD")}
+                          </div>
+                          <div>订单编号: {item.orderNo}</div>
+                        </Space>
                       </div>
                       <div className={styles.font3}>
                         {