feat: 修改包码列表详情

src/pages/order/packageDetail/index.js

@@ -4,8 +4,33 @@ import TabPage from "@/components/tabPage/main.js"
 import moment from "moment"
 import React from "react"
 import { Notify } from "zent"
+import Grid from "@/components/gird/main.js"
 import "./more.less"
 
+const Column = [
+  {
+    title: "创建时间",
+    name: "time",
+    prop: "time",
+    type: "slot",
+    width: "20%"
+  },
+  {
+    title: "操作描述",
+    name: "message",
+    prop: "message",
+    type: "normal",
+    width: "20%"
+  },
+  {
+    title: "详情",
+    name: "opearo",
+    type: "slot",
+    prop: "opearo",
+    width: "50%"
+  }
+]
+
 export default class order extends React.Component {
   constructor(props) {
     super(props)
@@ -75,31 +100,60 @@ export default class order extends React.Component {
     return (
       <div id="more2" className="maincenter">
         <TabPage tabs={this.state.tabList} tabChange={this.tabFn.bind(this)}>
-          <ul className="main-body">
+          {this.state.tabactive == 0 ? (
-            <li>
+            <ul className="main-body">
-              <span>结算订单号:</span>
+              <li>
-              <span>{orderDetail_data.settlement_no}</span>
+                <span>结算订单号:</span>
-            </li>
+                <span>{orderDetail_data.settlement_no}</span>
-            <li>
+              </li>
-              <span>创建时间:</span>
+              <li>
-              <span>{orderDetail_data.create_time}</span>
+                <span>创建时间:</span>
-            </li>
+                <span>{orderDetail_data.create_time}</span>
-            <li>
+              </li>
-              <span>兑换数量:</span>
+              <li>
-              <span>{orderDetail_data.order_rows ? orderDetail_data.order_rows.length : "0"}</span>
+                <span>兑换数量:</span>
-            </li>
+                <span>
-            {orderDetail_data.order_rows
+                  {orderDetail_data.order_rows ? orderDetail_data.order_rows.length : "0"}
-              ? orderDetail_data.order_rows.map((item) => {
+                </span>
-                  return (
+              </li>
-                    <li>
+              {orderDetail_data.order_rows
-                      <span>关联订单号:</span>
+                ? orderDetail_data.order_rows.map((item) => {
-                      <span>{item.order_number}</span>
+                    return (
-                      <span>{item.create_time}</span>
+                      <li key={item.order_number}>
-                    </li>
+                        <span>关联订单号:</span>
-                  )
+                        <span>{item.order_number}</span>
-                })
+                        <span>{item.create_time}</span>
-              : null}
+                      </li>
-          </ul>
+                    )
+                  })
+                : null}
+            </ul>
+          ) : (
+            <div className="main-body">
+              <Grid
+                spliteColor={"#fff"}
+                tableData={this.state.orderDetailLog_data}
+                Column={Column}
+                isMultiple={false}
+                maxheight={this.state.tableHeight}
+                dataCount={this.state.total}
+                countChange={(e) => {
+                  this.countChange(e)
+                }}
+                countbarVisible={false}
+                isSwitch={false}
+                pageChange={(e) => {
+                  this.pageChange(e)
+                }}
+                checkChange={this.selection.bind(this)}
+                ComponentHandler={(com, rowData) => {
+                  if (com == "time") {
+                    return <div>{moment.unix(rowData.time).format("YYYY-MM-DD HH:mm:ss")}</div>
+                  }
+                }}
+              />
+            </div>
+          )}
         </TabPage>
       </div>
     )