联调修改问题

src/pages/AfterSaleManage/PassAudit/index.jsx

@@ -60,15 +60,12 @@ export default () => {
       closeModal(true);
     }
   };
-  const handleCom = async ({ companyCode, logisticsNo }) => {
+  const handleCom = async ({ expressCompanyCode, deliveryNo }) => {
     const tempObj = {
-      expressCompanyCode: companyCode,
-      expressCompanyName: companyCode,
-      deliveryNo: logisticsNo,
       detailList: [],
       key: Date.now(),
     };
-    const data = await trackInfo({ companyCode, logisticsNo });
+    const data = await trackInfo({ expressCompanyCode, deliveryNo });
     if (!data) {
       notification.info({ message: '暂无物流信息' });
       return;
@@ -103,7 +100,7 @@ export default () => {
       width: 120,
       render: (appealFlag, r) => {
         if (appealFlag) {
-          return <a onClick={() => viewAppeal(r)}>申诉</a>;
+          return <a onClick={() => viewAppeal(r)}>已申诉</a>;
         }
         return <div> 未申诉</div>;
       },
@@ -139,7 +136,13 @@ export default () => {
         >
           驳回
         </Button>,
-        <Button key="link3" onClick={() => viewDetail(r)} type="primary" className="mr10">
+        <Button
+          key="link3"
+          onClick={() => viewDetail(r)}
+          type="primary"
+          className="mr10"
+          disabled={!r.showDetail}
+        >
           订单详情
         </Button>,
         <Button
@@ -159,7 +162,7 @@ export default () => {
       <ProTable
         columns={columns}
         request={params => searchList(params, 2)}
-        rowKey="orderNo"
+        rowKey="serviceNo"
         pagination={{
           pagesSize: 20,
         }}

src/pages/AfterSaleManage/Pending/index.jsx

@@ -59,7 +59,6 @@ export default () => {
       title: '售后凭证',
       dataIndex: 'proofs',
       hideInSearch: true,
-      order: 4,
       width: 100,
       render: proofs => <a onClick={() => viewProofs(proofs)}>查看凭证</a>,
     },
@@ -82,7 +81,13 @@ export default () => {
       width: 250,
       fixed: 'right',
       render: (_, r) => [
-        <Button key="link1" onClick={() => openAudit(r)} className="mr10" type="primary">
+        <Button
+          key="link1"
+          onClick={() => openAudit(r)}
+          className="mr10"
+          type="primary"
+          disabled={!r.showAudit}
+        >
           审核
         </Button>,
         <Button key="link" onClick={() => viewDetail(r)} type="primary">
@@ -96,7 +101,7 @@ export default () => {
       <ProTable
         columns={columns}
         request={params => searchList(params, 1)}
-        rowKey="orderNo"
+        rowKey="serviceNo"
         pagination={{
           pagesSize: 20,
         }}

src/pages/AfterSaleManage/components/proofsModal.jsx

-import React from 'react';
+import React, { useState } from 'react';
 import { Modal } from 'antd';
 import style from '../styles.less';
 
 export default props => {
   const { visible, onCancel, data } = props;
+  const [detailModal, setDetailModal] = useState(false);
+  const [detailSrc, setDetailSrc] = useState(null);
   const handleCancel = () => {
     onCancel();
   };
+  const clickImg = src => {
+    setDetailSrc(src);
+    setDetailModal(true);
+  };
   return (
-    <Modal title="售后凭证" visible={visible} onCancel={handleCancel} footer={null}>
+    <Modal title="售后凭证" visible={visible} onCancel={handleCancel} footer={null} width={600}>
       <div className={style.proofsWrap}>
         {data.map(item => (
-          <img src={item} key={item} alt={item} className={style.proofs} />
+          <img
+            src={item}
+            key={item}
+            alt={item}
+            className={style.proofs}
+            width={250}
+            onClick={() => clickImg(item)}
+          />
         ))}
       </div>
+      <Modal
+        title="凭证详情"
+        visible={detailModal}
+        onCancel={() => setDetailModal(false)}
+        footer={null}
+        width={700}
+      >
+        <p className={style.detailWrap}>
+          <img src={detailSrc} alt={detailSrc} />
+        </p>
+      </Modal>
     </Modal>
   );
 };

src/pages/AfterSaleManage/services.js

@@ -36,7 +36,7 @@ export async function searchList(params, queryStatus) {
 export async function jdInfo(params) {
   const data = await request.get('/api/kdsp/op/afs/jd-info', {
     prefix: kdspApi,
-    params: stringify(params),
+    params,
     headers: {
       'Content-Type': 'application/x-www-form-urlencoded',
     },
@@ -64,7 +64,7 @@ export async function auditInfoApi(params) {
 // 审核核检
 export async function shopCheck(params) {
   return request.post('/api/kdsp/op/afs/shop/check', {
-    params: stringify(_.omitBy(params, v => !v)),
+    params,
     headers: {
       'Content-Type': 'application/x-www-form-urlencoded',
     },

src/pages/AfterSaleManage/styles.less

 .proofs {
-  padding: 10px;
+  padding: 5px;
+  border: 1px solid #ddd;
+  border-radius: 10px;
 }
 
 .proofsWrap {
+  display: flex;
+  justify-content: space-between;
+  min-height: 300px;
+  max-height: 600px;
+  overflow: auto;
+}
+.detailWrap {
+  min-height: 300px;
   max-height: 600px;
   overflow: auto;
 }