申诉详情

src/pages/AfterSaleManage/PassAudit/index.jsx

@@ -3,11 +3,13 @@ import { Button, notification, Popconfirm } from 'antd';
 import ProTable from '@ant-design/pro-table';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { searchList, shopCheck, jdInfo, trackInfo } from '../services';
+import { getDetail } from '../../afterSale/appeal/services';
 import { columnPassAudit } from '../data';
 import RejectModal from '../components/rejectModal';
 import DetailTable from '../components/detailTable';
 import ProofsModal from '../components/proofsModal';
 import LogisticsCom from '../../orderManage/pendingDeliveryOrder/components/LogisticsCom';
+import Detail from '../../afterSale/components/detail';
 
 export default () => {
   const table = useRef();
@@ -19,14 +21,15 @@ export default () => {
   const [serviceNoInfo, setServiceNoInfo] = useState({});
   const [LogisticsComList, setLogisticsComList] = useState({});
   const [LogisticsComModalVisible, handleComModalVisible] = useState(false);
-
+  const [detailModal, setDetailModal] = useState(false);
+  const [selectedRow, setSelectedRow] = useState({});
   const viewDetail = async ({ serviceNo }) => {
     const data = await jdInfo({ serviceNo });
     setDetailInfo(data?.skuQuantity || []);
     setDetailVisible(true);
   };
   const closeModal = isReload => {
-    if (isReload) {
+    if (isReload === true) {
       // eslint-disable-next-line no-unused-expressions
       table.current?.reload?.();
     }
@@ -70,8 +73,6 @@ export default () => {
       notification.info({ message: '暂无物流信息' });
       return;
     }
-    tempObj.expressCompanyName = data?.logisticsName || tempObj.expressCompanyName;
-    tempObj.deliveryNo = data?.logisticsBillNo || tempObj.deliveryNo;
     if (data.logisticsList?.length) {
       data.logisticsList.forEach(v => {
         tempObj.detailList = [...tempObj.detailList, ...v.detailList];
@@ -80,7 +81,11 @@ export default () => {
     handleComModalVisible(true);
     setLogisticsComList(tempObj);
   };
-
+  const viewAppeal = async r => {
+    const detailData = await getDetail({ appealNo: r.appealNo });
+    setDetailModal(true);
+    setSelectedRow(detailData);
+  };
   const columns = [
     ...columnPassAudit,
     {
@@ -90,7 +95,17 @@ export default () => {
       order: 4,
       render: proofs => <a onClick={() => viewProofs(proofs)}>查看凭证</a>,
     },
-
+    {
+      title: '售后申诉',
+      dataIndex: 'appealFlag',
+      hideInSearch: true,
+      render: (appealFlag, r) => {
+        if (appealFlag) {
+          return <a onClick={() => viewAppeal(r)}>申诉</a>;
+        }
+        return <div> 未申诉</div>;
+      },
+    },
     {
       title: '操作',
       hideInSearch: true,
@@ -162,6 +177,7 @@ export default () => {
         value={LogisticsComList}
         key={LogisticsComList.key}
       />
+      <Detail data={selectedRow} modalVisible={detailModal} onCancel={closeModal}></Detail>
     </PageHeaderWrapper>
   );
 };

src/pages/AfterSaleManage/Pending/index.jsx

@@ -7,6 +7,8 @@ import { columnSticData, appealType } from '../data';
 import AuditModal from '../components/auditModal';
 import DetailTable from '../components/detailTable';
 import ProofsModal from '../components/proofsModal';
+import { getDetail } from '../../afterSale/appeal/services';
+import Detail from '../../afterSale/components/detail';
 
 export default () => {
   const table = useRef();
@@ -16,13 +18,16 @@ export default () => {
   const [proofsVisible, setProofsVisible] = useState(false);
   const [proofsData, setProofsData] = useState([]);
   const [auditInfo, setAuditInfo] = useState({});
+  const [detailModal, setDetailModal] = useState(false);
+  const [selectedRow, setSelectedRow] = useState({});
+
   const viewDetail = async ({ serviceNo }) => {
     const data = await jdInfo({ serviceNo });
     setDetailInfo(data?.skuQuantity || []);
     setDetailVisible(true);
   };
   const closeModal = isReload => {
-    if (isReload) {
+    if (isReload === true) {
       // eslint-disable-next-line no-unused-expressions
       table.current?.reload?.();
     }
@@ -43,8 +48,10 @@ export default () => {
     setProofsData(proofs.split(','));
     setProofsVisible(true);
   };
-  const viewAppeal = r => {
-    console.log(r);
+  const viewAppeal = async r => {
+    const detailData = await getDetail({ appealNo: r.appealNo });
+    setDetailModal(true);
+    setSelectedRow(detailData);
   };
   const columns = [
     ...columnSticData,
@@ -61,10 +68,10 @@ export default () => {
       valueEnum: appealType,
       hideInSearch: true,
       render: (appealFlag, r) => {
-        if (appealFlag === 1) {
-          return <a onClick={() => viewAppeal(r)}>{appealFlag}</a>;
+        if (appealFlag) {
+          return <a onClick={() => viewAppeal(r)}>已申诉</a>;
         }
-        return <div> 未申诉</div>;
+        return <div>未申诉</div>;
       },
     },
     {
@@ -100,6 +107,7 @@ export default () => {
       <AuditModal visible={visible} onCancel={closeModal} formData={auditInfo} />
       <DetailTable visible={detailVisible} onCancel={closeModal} dataSource={detailInfo} />
       <ProofsModal visible={proofsVisible} onCancel={closeModal} data={proofsData} />
+      <Detail data={selectedRow} modalVisible={detailModal} onCancel={closeModal}></Detail>
     </PageHeaderWrapper>
   );
 };