fix: 订单详情商品列表添加图片

src/pages/orderManage/queryOrder/components/DetailModal/index.jsx

@@ -34,18 +34,31 @@ const DetailModal = (props, ref) => {
     {
       title: '商品',
       dataIndex: 'skuName',
+      width: 350,
+      render: (value, record) => {
+        const { primaryImage } = record;
+        return (
+          <div className={style['sku-info']}>
+            <img src={primaryImage} width="50px" height="50px" alt="" />
+            <span className={style['sku-info__name']}>{value}</span>
+          </div>
+        );
+      },
     },
     {
       title: '单价（元）',
       dataIndex: 'supplyPrice',
+      width: 150,
     },
     {
       title: '数量',
       dataIndex: 'count',
+      width: 150,
     },
     {
       title: '小计',
       dataIndex: 'subTotal',
+      width: 150,
       render: (value, record) => {
         const { supplyPrice, count } = record;
         return (supplyPrice * count).toFixed(2);
@@ -53,6 +66,7 @@ const DetailModal = (props, ref) => {
     },
     {
       title: '售后状态',
+      width: 150,
       dataIndex: 'afterServiceStatusDesc',
     },
   ];
@@ -62,11 +76,13 @@ const DetailModal = (props, ref) => {
   const couponColumns = [
     {
       title: '券码',
+      width: 150,
       render: (value, record, index) => `券码${index + 1}`,
     },
     {
       title: '有效期',
       dataIndex: 'useStartTime',
+      width: 350,
       render: (value, record) => {
         const { useEndTime } = record;
         return `${value} - ${useEndTime}`;
@@ -75,16 +91,19 @@ const DetailModal = (props, ref) => {
     {
       title: '核销时间',
       dataIndex: 'useTime',
+      width: 200,
       render: value => value || '-',
     },
     {
       title: '核销人',
       dataIndex: 'usedByShopName',
+      width: 150,
       render: value => value || '-',
     },
     {
       title: '状态',
       dataIndex: 'codeStatus',
+      width: 150,
       render: value => COUPON_CODE_STATUS[value],
     },
   ];

src/pages/orderManage/queryOrder/components/DetailModal/index.less

@@ -21,6 +21,13 @@
   }
 }
 
+.sku-info {
+  display: flex;
+  .sku-info__name {
+    margin-left: 10px;
+  }
+}
+
 .good-table,
 .coupon-table {
   margin-top: 20px;