From 54735790a866023caa4b979bf066d9473a40d254 Mon Sep 17 00:00:00 2001
From: zhangds <c664256297@163.com>
Date: Thu, 15 Jun 2023 09:44:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E6=89=B9=E9=87=8F?=
 =?UTF-8?q?=E4=BD=9C=E5=BA=9F=E6=8E=A5=E5=8F=A3=E6=9F=A5=E8=AF=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/api.js                       |  11 ++
 src/components/UseUploadExcel/index.jsx | 135 ++++++++++++------------
 src/pages/plan/keyList/index.jsx        |  45 ++++----
 src/tools/apiTools copy.js              |  53 ++++++++++
 src/tools/apiTools.js                   |  66 +++++++-----
 5 files changed, 199 insertions(+), 111 deletions(-)
 create mode 100644 src/tools/apiTools copy.js

diff --git a/src/assets/api.js b/src/assets/api.js
index b4411ff8..5888b9be 100644
--- a/src/assets/api.js
+++ b/src/assets/api.js
@@ -981,4 +981,15 @@ export const dingTaskQuery = (id) => {
 export const searchPendingOrderByObject = (data) => {
   return req("get", baseurl + "/order/searchPendingOrderByObject", data);
 };
+
+// 批量作废--文件上传
+export const searchPendingOrderByHash = (data) => {
+  return req("post", baseurl + "/order/searchPendingOrderByHash", data);
+};
+
+// 批量作废--列表check
+export const searchPendingOrderByKeys = (data) => {
+  return req("post", baseurl + "/order/searchPendingOrderByKeys", data);
+};
+
 export { req };
diff --git a/src/components/UseUploadExcel/index.jsx b/src/components/UseUploadExcel/index.jsx
index bcb7e8e7..8a44c6b0 100644
--- a/src/components/UseUploadExcel/index.jsx
+++ b/src/components/UseUploadExcel/index.jsx
@@ -6,16 +6,16 @@ import "./style.less";
 const columns = [
   {
     title: "行号",
-    name: "id"
+    name: "id",
   },
   {
     title: "key",
-    name: "key"
+    name: "key",
   },
   {
     title: "错误原因",
-    name: "msg"
-  }
+    name: "msg",
+  },
 ];
 
 const UseUploadExcel = (props) => {
@@ -78,7 +78,7 @@ const UseUploadExcel = (props) => {
       return {
         key: item.key,
         id: index + 1,
-        msg: erObj(item.msg)
+        msg: erObj(item.msg),
       };
     });
     setTableData(errArr);
@@ -176,23 +176,23 @@ const UseUploadExcel = (props) => {
   const uploadTop = () => {
     return (
       <div>
-        <div className='step-bar'>
-          <div className='step-group'>
-            <div className='step-code active'>1</div>
-            <span className='step-label active'>上传文件</span>
+        <div className="step-bar">
+          <div className="step-group">
+            <div className="step-code active">1</div>
+            <span className="step-label active">上传文件</span>
           </div>
-          <div className='step-center'>
-            <div className='step-line'></div>
+          <div className="step-center">
+            <div className="step-line"></div>
           </div>
-          <div className='step-group'>
-            <div className='step-code'>2</div>
-            <span className='step-label'>导入完成</span>
+          <div className="step-group">
+            <div className="step-code">2</div>
+            <span className="step-label">导入完成</span>
           </div>
         </div>
 
-        <div className='upload-panel1'>
-          <div className='upload-label'>直接上传</div>
-          <div className='upload-info'>
+        <div className="upload-panel1">
+          <div className="upload-label">直接上传</div>
+          <div className="upload-info">
             <div> - 支持文件类型：xls，xlsx，csv</div>
             <div>
               - 支持所有基础字段的导入，一次至多导入 100
@@ -210,12 +210,12 @@ const UseUploadExcel = (props) => {
    */
   const uploadExcel = () => {
     return (
-      <div className='upload-excel-01'>
+      <div className="upload-excel-01">
         <input
           ref={uploadInputRef}
-          type='file'
-          accept='.xls,.xlsx,.csv'
-          className='upload-input'
+          type="file"
+          accept=".xls,.xlsx,.csv"
+          className="upload-input"
           onClick={(e) => (e.target.value = "")}
           onChange={(e) => fileChange(e)}
         />
@@ -223,8 +223,9 @@ const UseUploadExcel = (props) => {
           style={{
             background: "#1890ff",
             color: "#FFFFFF",
-            border: "none"
-          }}>
+            border: "none",
+          }}
+        >
           上传文件
         </Button>
       </div>
@@ -237,16 +238,16 @@ const UseUploadExcel = (props) => {
    */
   const tipSuccess = () => {
     return (
-      <div className='upload-success'>
-        <Icon type='check-circle' className='success-icon' />
+      <div className="upload-success">
+        <Icon type="check-circle" className="success-icon" />
         <span>文件解析成功， 点击 "确定导入" 即可导入</span>
       </div>
     );
   };
   const tipErr = () => {
     return (
-      <div className='upload-error'>
-        <Icon type='error-circle' className='error-icon' />
+      <div className="upload-error">
+        <Icon type="error-circle" className="error-icon" />
         <span>文件解析失败, 请查看导入规则并更新文件</span>
       </div>
     );
@@ -258,21 +259,21 @@ const UseUploadExcel = (props) => {
    */
   const upFilesExcel = () => {
     return (
-      <div className='up-files-excel'>
-        <div className='user-file-box'>
-          <p className='user-file-name'>
-            <Icon type='text-guide-o' />
+      <div className="up-files-excel">
+        <div className="user-file-box">
+          <p className="user-file-name">
+            <Icon type="text-guide-o" />
             {filesName}
           </p>
-          <div className='file-update-box'>
+          <div className="file-update-box">
             <input
-              type='file'
-              accept='.xls,.xlsx,.csv'
-              className='upload-input1'
+              type="file"
+              accept=".xls,.xlsx,.csv"
+              className="upload-input1"
               onClick={(e) => (e.target.value = "")}
               onChange={(e) => fileChange(e)}
             />
-            <Icon type='up-circle-o' />
+            <Icon type="up-circle-o" />
             <span>更新文件</span>
           </div>
         </div>
@@ -297,26 +298,27 @@ const UseUploadExcel = (props) => {
    */
   const uploadFooter = () => {
     return (
-      <div className='upload-panel1'>
-        <div className='upload-label'>下载模板并填写后上传</div>
-        <div className='upload-info'>
+      <div className="upload-panel1">
+        <div className="upload-label">下载模板并填写后上传</div>
+        <div className="upload-info">
           <div>
             请先下载「数字世界营销管理系统_keys_模板」并按照模板填写后再上传。
           </div>
         </div>
         <Button
-          type='default'
-          className='btn-upload1'
-          onClick={() => downloadMBExcel()}>
+          type="default"
+          className="btn-upload1"
+          onClick={() => downloadMBExcel()}
+        >
           下载模板
         </Button>
 
-        <div className='btn-group'>
-          <Button type='default' onClick={() => bachOnClose()}>
+        <div className="btn-group">
+          <Button type="default" onClick={() => bachOnClose()}>
             取消
           </Button>
           <Button
-            type='primary'
+            type="primary"
             disabled={disabledSureBtn}
             onClick={(e) => {
               importBtn(e);
@@ -324,8 +326,9 @@ const UseUploadExcel = (props) => {
             style={{
               background: "#1890ff",
               color: "#FFFFFF",
-              border: "none"
-            }}>
+              border: "none",
+            }}
+          >
             确定导入
           </Button>
         </div>
@@ -352,42 +355,44 @@ const UseUploadExcel = (props) => {
   const partSuccess = () => {
     return (
       <div>
-        <div className='file-upload-tip'>
+        <div className="file-upload-tip">
           文件上传成功.共 {totalData} 条key码,其中 {totalData - errCoun}
           条可成功导入
         </div>
-        <div className='file-errmsg1'>
+        <div className="file-errmsg1">
           发现以下 {errCoun} 条不符合要求,将不会被导入
         </div>
 
-        <div className='gridpanel1'>
+        <div className="gridpanel1">
           <Grid
             columns={columns}
             datasets={tableData}
             scroll={{ y: 250 }}
-            size='large'
+            size="large"
           />
         </div>
 
-        <div className='foot-bar'>
-          <div className='btn-group'>
+        <div className="foot-bar">
+          <div className="btn-group">
             <Button
-              type='default'
+              type="default"
               onClick={(e) => {
                 resetUpload();
-              }}>
+              }}
+            >
               重新上传
             </Button>
             <Button
-              type='primary'
+              type="primary"
               onClick={(e) => {
                 importBtn(e);
               }}
               style={{
                 background: "#1890ff",
                 color: "#FFFFFF",
-                border: "none"
-              }}>
+                border: "none",
+              }}
+            >
               确定导入
             </Button>
           </div>
@@ -400,14 +405,14 @@ const UseUploadExcel = (props) => {
     <div>
       {visible ? (
         <div>
-          <div className='modal'></div>
-          <div className='import-excel' style={{ height: "auto" }}>
-            <BlockLoading loading={loading} iconText='解析中...' icon='circle'>
-              <div className='import-header'>
-                <div className='import-title'>{title}</div>
+          <div className="modal"></div>
+          <div className="import-excel" style={{ height: "auto" }}>
+            <BlockLoading loading={loading} iconText="解析中..." icon="circle">
+              <div className="import-header">
+                <div className="import-title">{title}</div>
                 <Icon
-                  type='close'
-                  className='import-close'
+                  type="close"
+                  className="import-close"
                   onClick={() => bachOnClose()}
                 />
               </div>
diff --git a/src/pages/plan/keyList/index.jsx b/src/pages/plan/keyList/index.jsx
index c2bf3a5c..269ab251 100644
--- a/src/pages/plan/keyList/index.jsx
+++ b/src/pages/plan/keyList/index.jsx
@@ -271,25 +271,34 @@ const UseKeyList = () => {
       return item.key;
     });
 
-    let formdata = {
-      keys: keys,
-    };
-    keyBatchCancel(formdata).then((res) => {
-      handelResponse(
-        res,
-        (req, msg) => {
-          Notify.success("批量作废成功");
-          clearSelectTableBtn();
-          setState({
-            multipleDisabledBtn: true,
-            isQuery: !state.isQuery,
+    let param = { keys: keys };
+    try {
+      commonSearchOrder(param, 2).then((res) => {
+        if (res === 1 || res === 2) {
+          let formdata = {
+            keys: keys,
+          };
+          keyBatchCancel(formdata).then((res) => {
+            handelResponse(
+              res,
+              (req, msg) => {
+                Notify.success("批量作废成功");
+                clearSelectTableBtn();
+                setState({
+                  multipleDisabledBtn: true,
+                  isQuery: !state.isQuery,
+                });
+              },
+              (err) => {
+                Notify.error(err);
+              }
+            );
           });
-        },
-        (err) => {
-          Notify.error(err);
         }
-      );
-    });
+      });
+    } catch (err) {
+      console.log("pages/plan/keyList/index.jsx =>", err);
+    }
   };
 
   /**
@@ -602,7 +611,7 @@ const UseKeyList = () => {
               onClick={() => multipleCancel()}
               disabled={state.multipleDisabledBtn}
             >
-              批量作废
+              批量作废2
             </Button>
             <Button
               onClick={() => multipleUse()}
diff --git a/src/tools/apiTools copy.js b/src/tools/apiTools copy.js
new file mode 100644
index 00000000..f91d2556
--- /dev/null
+++ b/src/tools/apiTools copy.js	
@@ -0,0 +1,53 @@
+import {
+  searchPendingOrderByObject,
+  searchPendingOrderByHash,
+} from "@/assets/api.js";
+import { Sweetalert } from "zent";
+// === 公用接口函数 ===
+
+/**
+ *
+ * @param {
+ * type值: 1key批次 2兑换码批次 3优惠券批次 4key码
+ * object_value:兑换id
+ * } data
+ * @param {0批量作废--文件上传, 1批量作废--列表选中 2普通查询(默认)} apiType
+ * @returns 0用户取消作废。1订单下面没有待领取订单，直接作废。  2订单下面有待领取订单，弹窗告知用户是否继续。
+ */
+const commonSearchOrder = (data, apiType = 2) => {
+  return new Promise(async (res, rej) => {
+    let res = null;
+    if (apiType === 1) {
+    }
+
+    searchPendingOrderByObject(data).then((searchRes) => {
+      console.log("searchRes =>", searchRes);
+      if (searchRes.code === 200) {
+        if (searchRes.data.have === true) {
+          Sweetalert.confirm({
+            type: "warning",
+            closeBtn: true,
+            title: "确认操作",
+            content: (
+              <p>该key批次(key、兑换码)，下面有待领取订单，是否继续作废 ？</p>
+            ),
+            onConfirm() {
+              res(2);
+            },
+            onCancel() {
+              res(0);
+            },
+            className: "questModal",
+            parentComponent: this,
+          });
+        } else {
+          res(1);
+        }
+      } else {
+        rej(searchRes);
+      }
+    });
+  });
+};
+
+export { commonSearchOrder };
diff --git a/src/tools/apiTools.js b/src/tools/apiTools.js
index 0095f5e8..3695b420 100644
--- a/src/tools/apiTools.js
+++ b/src/tools/apiTools.js
@@ -1,4 +1,8 @@
-import { searchPendingOrderByObject } from "@/assets/api.js";
+import {
+  searchPendingOrderByObject,
+  searchPendingOrderByHash,
+  searchPendingOrderByKeys,
+} from "@/assets/api.js";
 import { Sweetalert } from "zent";
 // === 公用接口函数 ===
 
@@ -8,37 +12,43 @@ import { Sweetalert } from "zent";
  * type值: 1key批次 2兑换码批次 3优惠券批次 4key码
  * object_value:兑换id
  * } data
+ * @param {1批量作废--文件上传, 2批量作废--列表选中 3普通查询(默认)} apiType
  * @returns 0用户取消作废。1订单下面没有待领取订单，直接作废。  2订单下面有待领取订单，弹窗告知用户是否继续。
  */
-const commonSearchOrder = (data) => {
-  return new Promise((res, rej) => {
-    searchPendingOrderByObject(data).then((searchRes) => {
-      console.log("searchRes =>", searchRes);
-      if (searchRes.code === 200) {
-        if (searchRes.data.have === true) {
-          Sweetalert.confirm({
-            type: "warning",
-            closeBtn: true,
-            title: "确认操作",
-            content: (
-              <p>该key批次(key、兑换码)，下面有待领取订单，是否继续作废 ？</p>
-            ),
-            onConfirm() {
-              res(2);
-            },
-            onCancel() {
-              res(0);
-            },
-            className: "questModal",
-            parentComponent: this,
-          });
-        } else {
-          res(1);
-        }
+const commonSearchOrder = (data, apiType = 3) => {
+  return new Promise(async (res, rej) => {
+    let searchRes = null;
+    if (apiType === 1) {
+      searchRes = await searchPendingOrderByHash(data);
+    } else if (apiType === 2) {
+      searchRes = await searchPendingOrderByKeys(data);
+    } else {
+      searchRes = await searchPendingOrderByObject(data);
+    }
+    if (searchRes.code === 200) {
+      if (searchRes.data.have === true) {
+        Sweetalert.confirm({
+          type: "warning",
+          closeBtn: true,
+          title: "确认操作",
+          content: (
+            <p>该key批次(key、兑换码)，下面有待领取订单，是否继续作废 ？</p>
+          ),
+          onConfirm() {
+            res(2);
+          },
+          onCancel() {
+            res(0);
+          },
+          className: "questModal",
+          parentComponent: this,
+        });
       } else {
-        rej(searchRes);
+        res(1);
       }
-    });
+    } else {
+      rej(searchRes);
+    }
   });
 };