⏳ 邮件文件夹

.gitignore

@@ -38,3 +38,4 @@ schema*
 
 vonage-client*
 **/test
+*.bak

src/actions/EmailActions.js

@@ -142,6 +142,72 @@ export const fetchEmailBindOrderAction = async (params) => {
  * @param {object} { opi_sn }
  */
 export const getEmailDirAction = async (params = { opi_sn: '' }) => {
+  return [
+  {
+    "MDR_SN": 1474,
+    "MDR_Name": "收件箱",
+    "MDR_ParentSN": 1,
+    "MDR_Type": 1,
+    "MDR_Order": 1
+  },
+  {
+    "MDR_SN": 1475,
+    "MDR_Name": "未读邮件",
+    "MDR_ParentSN": 1,
+    "MDR_Type": 2,
+    "MDR_Order": 2
+  },
+  {
+    "MDR_SN": 1476,
+    "MDR_Name": "已发邮件",
+    "MDR_ParentSN": 1,
+    "MDR_Type": 3,
+    "MDR_Order": 3
+  },
+  {
+    "MDR_SN": 1477,
+    "MDR_Name": "待发邮件",
+    "MDR_ParentSN": 1,
+    "MDR_Type": 4,
+    "MDR_Order": 4
+  },
+  {
+    "MDR_SN": 1478,
+    "MDR_Name": "草稿",
+    "MDR_ParentSN": 1,
+    "MDR_Type": 5,
+    "MDR_Order": 5
+  },
+  {
+    "MDR_SN": 1479,
+    "MDR_Name": "垃圾邮件",
+    "MDR_ParentSN": 1,
+    "MDR_Type": 6,
+    "MDR_Order": 6
+  },
+  {
+    "MDR_SN": 1480,
+    "MDR_Name": "已处理邮件",
+    "MDR_ParentSN": 1,
+    "MDR_Type": 7,
+    "MDR_Order": 7
+  },
+  {
+    "MDR_SN": 1504,
+    "MDR_Name": "客户信息模板",
+    "MDR_ParentSN": 1,
+    "MDR_Type": 0,
+    "MDR_Order": 100
+  },
+  {
+    "MDR_SN": 1505,
+    "MDR_Name": "客户信息模板",
+    "MDR_ParentSN": 1474,
+    "MDR_Type": 0,
+    "MDR_Order": 100
+  }
+];
+
   const { errcode, result } = await fetchJSON(`${EMAIL_HOST}/email/dir`, params);
   return errcode === 0 ? [] : result;
 } ;

src/assets/icons/mail-unread-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M18.8032 8.4928C19.4663 8.81764 20.2118 9 21 9C21.3425 9 21.6769 8.96557 22 8.89998V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H16.1C16.0344 3.32311 16 3.65753 16 4C16 5.23672 16.449 6.36857 17.1929 7.24142L12.0606 11.6829L5.64722 6.2377L4.35278 7.7623L12.0731 14.3171L18.8032 8.4928ZM21 7C19.3431 7 18 5.65685 18 4C18 2.34315 19.3431 1 21 1C22.6569 1 24 2.34315 24 4C24 5.65685 22.6569 7 21 7Z"></path></svg>

src/assets/icons/mail-unread-line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M16.1 3C16.0344 3.32311 16 3.65753 16 4C16 4.34247 16.0344 4.67689 16.1 5H4.51146L12.0619 11.662L17.1098 7.14141C17.5363 7.66888 18.0679 8.10787 18.6728 8.42652L12.0718 14.338L4 7.21594V19H20V8.89998C20.3231 8.96557 20.6575 9 21 9C21.3425 9 21.6769 8.96557 22 8.89998V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H16.1ZM21 1C22.6569 1 24 2.34315 24 4C24 5.65685 22.6569 7 21 7C19.3431 7 18 5.65685 18 4C18 2.34315 19.3431 1 21 1Z"></path></svg>

src/components/Icons.jsx

@@ -15,6 +15,7 @@ import EditLineSVG from '@/assets/icons/quill-pen-line.svg?react';
 import MailDownloadLineSVG from '@/assets/icons/mail-download-line.svg?react';
 import MailAddLineSVG from '@/assets/icons/mail-add-line.svg?react';
 import MailCheckSVG from '@/assets/icons/mail-check-line.svg?react';
+import MailUnreadSVG from '@/assets/icons/mail-unread-line.svg?react';
 import TextSVG from '@/assets/icons/text.svg?react';
 
 
@@ -32,6 +33,7 @@ export const EditIcon = (props) => <Icon component={EditLineSVG} {...props} />;
 export const MailDownloadIcon = (props) => <Icon component={MailDownloadLineSVG} {...props} />;
 export const MailAddloadIcon = (props) => <Icon component={MailAddLineSVG} {...props} />;
 export const MailCheckIcon = (props) => <Icon component={MailCheckSVG} {...props} />;
+export const MailUnreadIcon = (props) => <Icon component={MailUnreadSVG} {...props} />;
 export const TextIcon = (props) => <Icon component={TextSVG} {...props} />;