From fb44e93bad725d425ec8810810c75c4b9f41af7b Mon Sep 17 00:00:00 2001
From: wanghx <wanghx@yisa.com>
Date: Fri, 5 Jan 2024 14:41:33 +0800
Subject: [PATCH] =?UTF-8?q?feat():=20=E5=85=A8=E5=B1=80=E4=B8=8B=E8=BD=BD?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=AF=BC=E5=87=BAModal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/download-icon.png            | Bin 0 -> 7729 bytes
 src/components/layout/Header/downloadModal.jsx |  83 +++++++++++++++++++++++++
 src/components/layout/Header/index.jsx         |  13 ++++
 src/components/layout/Header/index.scss        |  33 ++++++++++
 4 files changed, 129 insertions(+)
 create mode 100644 src/assets/images/download-icon.png
 create mode 100644 src/components/layout/Header/downloadModal.jsx

diff --git a/src/assets/images/download-icon.png b/src/assets/images/download-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..8280391f45e9733f48bb459a6b2fff73cdd0695a
GIT binary patch
literal 7729
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
MML`o$DQ6k-KRy_>4gdfE

literal 0
HcmV?d00001

diff --git a/src/components/layout/Header/downloadModal.jsx b/src/components/layout/Header/downloadModal.jsx
new file mode 100644
index 0000000..33c74e0
--- /dev/null
+++ b/src/components/layout/Header/downloadModal.jsx
@@ -0,0 +1,83 @@
+import React, {useState, useEffect} from 'react'
+import { Modal, Form, Input, DatePicker, TreeSelect, Button, Tabs, Table } from 'antd'
+import './index.scss'
+
+function DownloadModal (props)  {
+    const {
+        visible,
+        onCancel
+    } = props
+
+    const [formData, setFormData] = useState({
+        type: '0',
+        pn: 1,
+        length: 20
+    })
+    const [loading, setLoading] = useState(false)
+    const [resultData, setResultDate] = useState({
+        list: [],
+        total: 0
+    })
+
+    const tableColumns = [
+        {
+            title: "序号", 
+            width: 60,
+            align: 'center',
+            render: (text, record, index) => (pageInfo.pn - 1) * pageInfo.length + index + 1
+        },
+    ]
+
+    const handleTabChange = (v) => {
+        setFormData({
+            ...formData,
+            type: v,
+            pn: 1
+        })
+    }
+
+    return (
+        <Modal
+            open={visible}
+            onCancel={onCancel}
+            footer={null}
+            width={1400}
+            wrapClassName="yisa-modal modal-export"
+            title={``}
+        >
+            <div className="modal-export-container">
+                <div className="modal-export-title">
+                    导出下载列表
+                    <span>（导出数量不足500时，将不计入排队序列）</span>
+                </div>
+                <div className="modal-export-content">
+                    <div className="export-tabs-wrapper">
+                        <Tabs
+                            defaultActiveKey="1"
+                            onChange={handleTabChange}
+                            items={[
+                                { label: `全部`,  key: '0' },
+                                { label: `导出中`, key: '1' },
+                                { label: `已完成`, key: '2' },
+                                { label: `等待中`, key: '3' }
+                            ]}
+                        />
+                    </div>
+                    <div className="export-table-wrapper">
+                        <Table
+                            className='export-table'
+                            dataSource={resultData?.list || []}
+                            columns={tableColumns}
+                            pagination={false}
+                            scroll={{y: 'calc(100% - 50px)'}}
+                            loading={loading}
+                        />
+                    </div>
+                    <div className="export-pagination-wrapper"></div>
+                </div>
+            </div>
+        </Modal>
+    )
+}
+
+export default DownloadModal
\ No newline at end of file
diff --git a/src/components/layout/Header/index.jsx b/src/components/layout/Header/index.jsx
index 42f6e65..7abb5cd 100644
--- a/src/components/layout/Header/index.jsx
+++ b/src/components/layout/Header/index.jsx
@@ -7,6 +7,7 @@ import { useLocation, useNavigate } from "react-router-dom";
 import { Button, Popover, Modal, Input, message } from 'antd'
 import { setSkin } from "@/store/common.js"
 import { Icon } from "@/components"
+import DownloadModal from "./downloadModal"
 import _ from 'lodash'
 import { removeToken, getToken } from "@/config/cookie.js"
 import { useSessionStorageState, useSetState } from "ahooks"
@@ -18,6 +19,7 @@ export default function Header(props) {
   const dispatch = useDispatch()
   const navigate = useNavigate();
   const [visible, setVisible] = useState(false)
+  const [downloadVisible, setDownloadVisible] = useState(false)
 
   const [popVisible, setPopVisible] = useState(false)
 
@@ -210,6 +212,10 @@ export default function Header(props) {
     navigate('/nav')
   }
 
+  const handleDownloadList = () => {
+
+  }
+
   useEffect(()=>{
     isInstance.current = createIS();
     isInstance.current.rsaUtil.getKeyPair();
@@ -237,6 +243,9 @@ export default function Header(props) {
                 <Icon type="sanjibumen" />
               </li>
             </Popover>
+            <li title="下载列表" className="skin-icon icon-color" onClick={() => setDownloadVisible(true)}>
+              {/* <Icon type="sanjibumen" /> */}
+            </li>
             {/* <li title="换肤" className="skin-icon icon-color" onClick={changeSkin}>
               <Icon type="pifu" />
             </li> */}
@@ -289,6 +298,10 @@ export default function Header(props) {
           </div>
         </div>
       </Modal>
+      <DownloadModal
+        visible={downloadVisible}
+        onCancel={() => setDownloadVisible(false)}
+      />
     </>
   )
 }
diff --git a/src/components/layout/Header/index.scss b/src/components/layout/Header/index.scss
index a69257e..c754977 100644
--- a/src/components/layout/Header/index.scss
+++ b/src/components/layout/Header/index.scss
@@ -293,4 +293,37 @@
   p{
     margin: 0;
   }
+}
+.modal-export {
+  .ant-modal-body {
+    max-height: 860px;
+    min-height: 400px;
+    border-radius: 4px;
+    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.16); 
+    .modal-export-container {
+      .ant-tabs .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
+        width: unset;
+        padding: 12px 5px;
+      }
+      .ant-tabs-tab-btn {
+        color: rgba($color: #fff, $alpha: .8);
+      }
+      .ant-tabs-tab+.ant-tabs-tab {
+        margin: unset;
+      }
+      .export-tabs-wrapper {
+        margin-top: 10px;
+      }
+      .modal-export-title {
+        font-size: 16px;
+        font-weight: 700;
+        span {
+          font-size: 12px;
+          font-weight: 400;
+          opacity: .8;
+        }
+      }
+    }
+  }
+  
 }
\ No newline at end of file