接口联调

src/pages/afterSale/appeal/index.jsx

@@ -6,7 +6,7 @@ import Detail from '../components/detail';
 import ImgModal from '../components/imgModal';
 import styles from './styles.less';
 import { columns } from './staticdata';
-import { query, getDetail } from './services';
+import { query, getDetail, audit } from './services';
 
 const Appeal = () => {
   // const protable = useRef();
@@ -17,8 +17,17 @@ const Appeal = () => {
   const [imgData, getImgData] = useState([]);
   const [imgTitle, changeImgTitle] = useState('');
 
-  const audit = async row => {
+  const handleAudit = async row => {
     console.log('selected-row', row);
+    const data = await audit({
+      appealNo: row.appealNo,
+      appealResult: row.appealResult,
+      refuseReason: row.refuseReason,
+      receiverName: row.merchantName,
+      receiverPhone: row.merchantPhone,
+      receiveAddress: row.merchantAddress,
+    });
+    console.log('data-audiit', data);
   };
   const openDetail = async row => {
     const detailData = await getDetail({ appealNo: row.appealNo });
@@ -40,7 +49,7 @@ const Appeal = () => {
     changeImgModal(false);
   };
   const res = {
-    audit,
+    handleAudit,
     openDetail,
     openImgModal,
   };
@@ -54,9 +63,8 @@ const Appeal = () => {
         }}
         columns={columns(res)}
         request={params => query({ ...params })}
-        rowKey="appealNo"
+        rowKey={r => r.orderNo}
         expandIconColumnIndex={10}
-        key="appealNo"
         bordered
         className={styles.table}
         toolBarRender={false}

src/pages/afterSale/appeal/services.js

 import { stringify } from 'querystring';
 import _ from 'lodash';
 import request from '@/utils/request';
-// import config from '../../../../config/env.config';
+import config from '../../../../config/env.config';
 
-export async function query(params) {
+export async function query(param) {
+  const params = {
+    ...param,
+    pageNo: param.current,
+  };
   const data = await request.post('/api/kdsp/op/appeal/list', {
-    prefix: 'http://yapi.quantgroups.com/mock/351',
+    // prefix: 'http://yapi.quantgroups.com/mock/351',
+    prefix: config.kdspApi,
     data: stringify(_.omitBy(params, v => !v)),
     headers: {
       'Content-Type': 'application/x-www-form-urlencoded',
@@ -19,8 +24,20 @@ export async function query(params) {
 export async function getDetail(params) {
   const { data } = await request.post('/api/kdsp/op/appeal/info', {
     data: stringify(_.omitBy(params, v => !v)),
-    // prefix: config.kdspApi,
-    prefix: 'http://yapi.quantgroups.com/mock/351',
+    prefix: config.kdspApi,
+    // prefix: 'http://yapi.quantgroups.com/mock/351',
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded',
+    },
+  });
+  return data;
+}
+
+export async function audit(params) {
+  const { data } = await request.post('/api/kdsp/op/appeal/audit', {
+    data: stringify(params),
+    prefix: config.kdspApi,
+    // prefix: 'http://yapi.quantgroups.com/mock/351',
     headers: {
       'Content-Type': 'application/x-www-form-urlencoded',
     },

src/pages/afterSale/appeal/staticdata.js

-import { Button } from 'antd';
+import { Button, Tag } from 'antd';
 import React from 'react';
 
+export const refuseReasonEnum = {
+  0: { text: '待操作' },
+  1: { text: '已确认' },
+  2: { text: '已拒绝' },
+};
+
 export function columns(res) {
-  console.log('res', res);
-  const { audit, openDetail, openImgModal } = res;
+  const { handleAudit, openDetail, openImgModal } = res;
   return [
     {
       title: '售后申诉单ID',
@@ -19,15 +24,21 @@ export function columns(res) {
     },
     {
       title: '订单ID',
-      width: 120,
+      width: 200,
       dataIndex: 'orderNo',
       key: 'orderNo',
+      render: (orderNo, row) => (
+        <Tag color={row.timeout ? 'red' : 'green'} key={orderNo}>
+          {orderNo}
+        </Tag>
+      ),
     },
     {
       title: '介入单开始时间',
       width: 120,
       dataIndex: 'startDate',
       key: 'startDate',
+      valueType: 'date',
       hideInTable: true,
     },
     {
@@ -35,6 +46,7 @@ export function columns(res) {
       width: 120,
       dataIndex: 'endDate',
       key: 'endDate',
+      valueType: 'date',
       hideInTable: true,
     },
     {
@@ -121,6 +133,7 @@ export function columns(res) {
       dataIndex: 'appealResult',
       key: 'appealResult',
       hideInSearch: true,
+      valueEnum: refuseReasonEnum,
     },
     {
       title: '售后申诉拒绝原因',
@@ -136,10 +149,10 @@ export function columns(res) {
       valueType: 'option',
       key: 'option',
       render: (_, row) => [
-        <Button type="primary" key="1" onClick={() => audit(row)}>
+        <Button disabled={!row.showAudit} type="primary" onClick={() => handleAudit(row)}>
           审核
         </Button>,
-        <Button type="primary" key="2" onClick={() => openDetail(row)}>
+        <Button disabled={!row.showDetail} type="primary" onClick={() => openDetail(row)}>
           查看详情
         </Button>,
       ],

src/pages/afterSale/components/detail.jsx

@@ -53,7 +53,7 @@ const AppealDetail = props => {
             <Col span={3}>售后凭证：</Col>
             {data.proofs &&
               data.proofs.split(',').map(item => (
-                <Col key={item}>
+                <Col key={item} span={8}>
                   <img key={item} width="100%" src={item} alt="" />
                 </Col>
               ))}
@@ -65,11 +65,11 @@ const AppealDetail = props => {
             </Col>
           </Row>
           <Row type="flex" justify="start" align="middle" gutter={[10, 20]}>
-            <Col span={5}>补充资料：</Col>
+            <Col span={3}>补充资料：</Col>
             {data.supplement &&
               data.supplement.split(',').map(item => (
-                <Col key={item}>
-                  <img src={item} key={item} alt="" />
+                <Col key={item} span={8}>
+                  <img width="100%" src={item} key={item} alt="" />
                 </Col>
               ))}
           </Row>
@@ -91,7 +91,7 @@ const AppealDetail = props => {
           </Row>
         </div>
       ) : (
-        '暂无物流信息'
+        '暂无详情信息'
       )}
     </Modal>
   );

src/pages/afterSale/components/imgModal.jsx

@@ -43,6 +43,7 @@ class imgModal extends Component {
           footer={null}
           onCancel={() => this.setState({ imgModal: false })}
           width="800px"
+          style={{ textAlign: 'center' }}
         >
           <img width="700px" src={this.state.selectImg} alt=""></img>
         </Modal>

src/pages/components/upload.jsx

@@ -86,7 +86,6 @@ class PicturesWall extends React.Component {
 
   render() {
     const { previewVisible, previewImage, fileList } = this.state;
-    console.log('fileList---render', fileList);
     const uploadButton = (
       <div>
         <Icon type="plus" />