Compare commits
1 Commits
| Author | SHA1 | Date |
|---|---|---|
Lei OT
|
5388c8783a | 1 year ago |
@ -1,15 +0,0 @@
|
||||
module.exports = {
|
||||
root: true,
|
||||
env: { browser: true, es2020: true },
|
||||
extends: ['eslint:recommended', 'plugin:react/recommended', 'plugin:react/jsx-runtime', 'plugin:react-hooks/recommended'],
|
||||
ignorePatterns: ['dist', '.eslintrc.cjs'],
|
||||
parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
|
||||
settings: { react: { version: '18.2' } },
|
||||
plugins: ['react-refresh'],
|
||||
rules: {
|
||||
'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
|
||||
'no-unused-vars': ['warn', { args: 'after-used', vars: 'all' }],
|
||||
'react/prop-types': 'off',
|
||||
'react-hooks/rules-of-hooks': 'warn',
|
||||
},
|
||||
};
|
||||
@ -1 +0,0 @@
|
||||
npm version patch
|
||||
@ -1 +0,0 @@
|
||||
npm version prerelease
|
||||
@ -1,96 +0,0 @@
|
||||
use Tourmanager
|
||||
|
||||
CREATE TABLE auth_role
|
||||
(
|
||||
[role_id] [int] IDENTITY(1,1) NOT NULL,
|
||||
[role_name] [nvarchar](255) NOT NULL,
|
||||
[created_on] [datetime] NOT NULL,
|
||||
CONSTRAINT [PK_auth_role] PRIMARY KEY CLUSTERED
|
||||
(
|
||||
[role_id] ASC
|
||||
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
|
||||
) ON [PRIMARY]
|
||||
|
||||
ALTER TABLE auth_role ADD CONSTRAINT [DF_auth_role_created_on] DEFAULT (getdate()) FOR [created_on]
|
||||
|
||||
CREATE TABLE auth_permission
|
||||
(
|
||||
[role_id] [int] NOT NULL,
|
||||
[res_id] [int] NOT NULL
|
||||
) ON [PRIMARY]
|
||||
|
||||
CREATE TABLE auth_resource
|
||||
(
|
||||
[res_id] [int] IDENTITY(1,1) NOT NULL,
|
||||
[res_name] [nvarchar](255) NOT NULL,
|
||||
[res_pattern] [nvarchar](255) NOT NULL,
|
||||
[res_category] [nvarchar](255) NOT NULL,
|
||||
CONSTRAINT [PK_auth_resource] PRIMARY KEY CLUSTERED
|
||||
(
|
||||
[res_id] ASC
|
||||
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
|
||||
) ON [PRIMARY]
|
||||
|
||||
INSERT INTO [dbo].[auth_role] ([role_name])
|
||||
VALUES ('系统管理员')
|
||||
INSERT INTO [dbo].[auth_role] ([role_name])
|
||||
VALUES ('国内供应商')
|
||||
INSERT INTO [dbo].[auth_role] ([role_name])
|
||||
VALUES ('海外供应商')
|
||||
INSERT INTO [dbo].[auth_role] ([role_name])
|
||||
VALUES ('客服组')
|
||||
INSERT INTO [dbo].[auth_role] ([role_name])
|
||||
VALUES ('产品组')
|
||||
INSERT INTO [dbo].[auth_role] ([role_name])
|
||||
VALUES ('技术研发部')
|
||||
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('所有权限', '*', 'system')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('管理账号', '/account/management', 'system')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('新增账号', '/account/new', 'system')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('禁用账号', '/account/disable', 'system')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('重置密码', '/account/reset-password', 'system')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('管理角色', '/account/role-new', 'system')
|
||||
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('所有海外功能', '/oversea/all', 'oversea')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('所有国内功能', '/domestic/all', 'domestic')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('所有机票功能', '/air-ticket/all', 'air-ticket')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('所有火车票功能', '/train-ticket/all', 'train-ticket')
|
||||
|
||||
-- 价格管理
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('管理产品', '/products/*', 'products')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('新增产品', '/products/new', 'products')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('审核信息', '/products/info/audit', 'products')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('录入信息', '/products/info/put', 'products')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('审核价格', '/products/offer/audit', 'products')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('录入价格', '/products/offer/put', 'products')
|
||||
|
||||
-- 默认页面
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('最新计划', 'route=/reservation/newest', 'page')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('机票订票', 'route=/airticket', 'page')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('产品管理(客服)', 'route=/products', 'page')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('产品管理(供应商)', 'route=/products/edit', 'page')
|
||||
INSERT INTO [dbo].[auth_resource] ([res_name] ,[res_pattern], [res_category])
|
||||
VALUES ('采购年份', 'route=/products/pick-year', 'page')
|
||||
|
||||
INSERT INTO [dbo].[auth_permission] ([role_id] ,[res_id])
|
||||
VALUES (1, 1)
|
||||
Binary file not shown.
@ -1,48 +1,28 @@
|
||||
{
|
||||
"name": "global-highlights-hub",
|
||||
"name": "global.highlights.hub",
|
||||
"private": true,
|
||||
"version": "2.2.5",
|
||||
"version": "0.1.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"4test": "vite build --mode test",
|
||||
"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@ant-design/icons": "^5.5.1",
|
||||
"@react-pdf/renderer": "^3.4.0",
|
||||
"antd": "^5.27.0",
|
||||
"dayjs": "^1.11.13",
|
||||
"docx": "^8.5.0",
|
||||
"file-saver": "^2.0.5",
|
||||
"i18next": "^23.11.5",
|
||||
"i18next-browser-languagedetector": "^8.0.0",
|
||||
"i18next-http-backend": "^2.5.2",
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"react-i18next": "^14.1.2",
|
||||
"react-router-dom": "^6.30.1",
|
||||
"react-to-pdf": "^1.0.1",
|
||||
"xlsx": "https://cdn.sheetjs.com/xlsx-0.18.11/xlsx-0.18.11.tgz",
|
||||
"zustand": "^4.5.7"
|
||||
"antd": "^5.4.2",
|
||||
"mobx": "^6.9.0",
|
||||
"mobx-react": "^7.6.0",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"react-router-dom": "^6.10.0",
|
||||
"react-to-pdf": "^1.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.0.28",
|
||||
"@types/react-dom": "^18.0.11",
|
||||
"@vitejs/plugin-legacy": "^4.0.2",
|
||||
"@vitejs/plugin-react": "^3.1.0",
|
||||
"autoprefixer": "^10.4.19",
|
||||
"eslint": "^8.57.0",
|
||||
"eslint-config-react-app": "^7.0.1",
|
||||
"eslint-plugin-react": "^7.32.2",
|
||||
"eslint-plugin-react-hooks": "^4.6.0",
|
||||
"eslint-plugin-react-refresh": "^0.4.3",
|
||||
"postcss": "^8.4.38",
|
||||
"tailwindcss": "^3.4.3",
|
||||
"vite": "^4.2.0",
|
||||
"vite-plugin-eslint": "^1.8.1",
|
||||
"vite-plugin-windicss": "^1.9.3",
|
||||
"windicss": "^3.5.6"
|
||||
"vite": "^4.2.0"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +0,0 @@
|
||||
export default {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 4.2 KiB |
@ -1,42 +0,0 @@
|
||||
{
|
||||
"CurrentPassword": "Current password",
|
||||
"NewPassword": "New password",
|
||||
"ReenterPassword": "Reenter password",
|
||||
"Validation": {
|
||||
"Success": "Your password has been successfully updated.",
|
||||
"Fail": "Failed to change password. Please try again.",
|
||||
"CurrentPassword": "Please input your password.",
|
||||
"NewPassword": "Please input your new password.",
|
||||
"ReenterPassword": "Please reenter your password.",
|
||||
"username": "请重复输入用户名。",
|
||||
"realname": "请重复输入真实姓名。",
|
||||
"email": "请重复输入邮箱。",
|
||||
"travelAgency": "请重复输供应商。",
|
||||
"role": "请重复输入角色。",
|
||||
"roleName": "请重复输入角色名称。"
|
||||
},
|
||||
"createdOn": "Created on",
|
||||
"action": "Action",
|
||||
"action.edit": "Edit",
|
||||
"action.enable": "Enable",
|
||||
"action.disable": "Disable",
|
||||
"action.enable.title": "Do you want to enable account?",
|
||||
"action.disable.title": "Do you want to disable account?",
|
||||
"action.resetPassword": "Reset Password",
|
||||
"action.resetPassword.tile": "Do you want to reset password?",
|
||||
|
||||
"accountList": "Account List",
|
||||
"newAccount": "New Account",
|
||||
"detail": "Detail",
|
||||
"username": "Username",
|
||||
"realname": "Realname",
|
||||
"travelAgency": "Travel Agency",
|
||||
"travelAgencyName": "Travel Agency Name",
|
||||
"email": "Email",
|
||||
"lastLogin": "Last Login",
|
||||
|
||||
"roleList": "Role List",
|
||||
"newRole": "New Role",
|
||||
"roleName": "Role Name",
|
||||
"permission": "Permission"
|
||||
}
|
||||
@ -1,110 +0,0 @@
|
||||
{
|
||||
"lang": {
|
||||
"en": "English",
|
||||
"zh": "中文"
|
||||
},
|
||||
"Search": "Search",
|
||||
"Reset": "Reset",
|
||||
"Cancel": "Cancel",
|
||||
"Submit": "Submit",
|
||||
"Confirm": "Confirm",
|
||||
"Close": "Close",
|
||||
"Save": "Save",
|
||||
"New": "New",
|
||||
"Edit": "Edit",
|
||||
"Audit": "Audit",
|
||||
"Delete": "Delete",
|
||||
"Add": "Add",
|
||||
"View": "View",
|
||||
"Back": "Back",
|
||||
"Download": "Download",
|
||||
"Upload": "Upload",
|
||||
"Preview": "Preview",
|
||||
"Total": "Total",
|
||||
"Action": "Action",
|
||||
"Import": "Import",
|
||||
"Export": "Export",
|
||||
"Copy": "Copy",
|
||||
"sureCancel": "Are you sure to cancel?",
|
||||
"sureDelete": "Are you sure to delete?",
|
||||
"sureSubmit": "Are you sure to submit?",
|
||||
"Yes": "Yes",
|
||||
"No": "No",
|
||||
"Success": "Success",
|
||||
"Failed": "Failed",
|
||||
"All": "All",
|
||||
"Table": {
|
||||
"Total": "Total {{total}} items"
|
||||
},
|
||||
"operator": "Operator",
|
||||
"time": "Time",
|
||||
"Login": "Login",
|
||||
"Username": "Username",
|
||||
"Realname": "Realname",
|
||||
"Password": "Password",
|
||||
"ChangePassword": "Change password",
|
||||
"Profile": "Profile",
|
||||
"Logout": "Logout",
|
||||
"LoginTimeout": "Login timeout",
|
||||
"LoginTimeoutTip": "Please input your password",
|
||||
"userProfile": "User Profile",
|
||||
"Telephone": "Telephone",
|
||||
"Email": "Email address",
|
||||
"Address": "Address",
|
||||
"Company": "Company",
|
||||
"Department": "Department",
|
||||
"datetime": {
|
||||
"thisWeek": "This Week",
|
||||
"lastWeek": "Last Week",
|
||||
"thisMonth": "This Month",
|
||||
"lastMonth": "Last Month",
|
||||
"nextMonth": "Next Month",
|
||||
"lastThreeMonth": "Last Three Month",
|
||||
"nextThreeMonth": "Next Three Month",
|
||||
"firstHalfYear": "First Half Year",
|
||||
"latterHalfYear": "Latter Half Year",
|
||||
"thisYear": "This Year"
|
||||
},
|
||||
"weekdays": {
|
||||
"1": "Monday",
|
||||
"2": "Tuesday",
|
||||
"3": "Wednesday",
|
||||
"4": "Thursday",
|
||||
"5": "Friday",
|
||||
"6": "Saturday",
|
||||
"7": "Sunday"
|
||||
},
|
||||
"weekdaysShort": {
|
||||
"1": "Mon",
|
||||
"2": "Tue",
|
||||
"3": "Wed",
|
||||
"4": "Thu",
|
||||
"5": "Fri",
|
||||
"6": "Sat",
|
||||
"7": "Sun"
|
||||
},
|
||||
"menu": {
|
||||
"Reservation": "Reservation",
|
||||
"Invoice": "Invoice",
|
||||
"Feedback": "Feedback",
|
||||
"Notice": "Notice",
|
||||
"Report": "Report",
|
||||
"Airticket": "AirTicket",
|
||||
"Trainticket": "TrainTicket",
|
||||
"Products": "Products"
|
||||
},
|
||||
"Validation": {
|
||||
"Title": "Notification",
|
||||
"LoginFailed": "Incorrect password, Login failed.",
|
||||
"UsernameIsEmpty": "Please input your username",
|
||||
"PasswordIsEmpty": "Please input your password"
|
||||
},
|
||||
"invoiceStatus": {
|
||||
"Status": "Status",
|
||||
"Not_submitted": "Not submitted",
|
||||
"Submitted": "Submitted",
|
||||
"Travel_advisor_approved": "Travel advisor approved",
|
||||
"Finance_Dept_arrproved": "Finance Dept arrproved",
|
||||
"Paid": "Paid"
|
||||
}
|
||||
}
|
||||
@ -1,17 +0,0 @@
|
||||
{
|
||||
"ArrivalDate": "Arrival Date",
|
||||
"RefNo": "Reference number",
|
||||
"unconfirmed": "Unconfirmed",
|
||||
"Pax": "Pax",
|
||||
"Status": "Status",
|
||||
"City": "City",
|
||||
"Guide": "Guide",
|
||||
"ResSendingDate": "Res. sending date",
|
||||
"3DGuideTip": "Reservations without the tour guide information will be highlighted in red if the arrival date is within 3 days.",
|
||||
"Attachments": "Attachments",
|
||||
"ConfirmationDate": "Confirmation Date",
|
||||
"ConfirmationDetails": "Confirmation Details",
|
||||
"PNR": "PASSAGER NAME RECORD",
|
||||
|
||||
"#": "#"
|
||||
}
|
||||
@ -1,5 +0,0 @@
|
||||
{
|
||||
"report": {
|
||||
"GetReport": "Get Report"
|
||||
}
|
||||
}
|
||||
@ -1,42 +0,0 @@
|
||||
{
|
||||
"CurrentPassword": "当前密码",
|
||||
"NewPassword": "新密码",
|
||||
"ReenterPassword": "重复输入密码",
|
||||
"Validation": {
|
||||
"Success": "密码更新成功",
|
||||
"Fail": "密码更新失败",
|
||||
"CurrentPassword": "请输入密码。",
|
||||
"NewPassword": "请输入新密码。",
|
||||
"ReenterPassword": "请重复输入密码。",
|
||||
"username": "请重复输入用户名。",
|
||||
"realname": "请重复输入真实姓名。",
|
||||
"email": "请重复输入邮箱。",
|
||||
"travelAgency": "请重复输供应商。",
|
||||
"role": "请重复输入角色。",
|
||||
"roleName": "请重复输入角色名称。"
|
||||
},
|
||||
"createdOn": "创建时间",
|
||||
"action": "操作",
|
||||
"action.edit": "编辑",
|
||||
"action.enable": "启用",
|
||||
"action.disable": "禁用",
|
||||
"action.enable.title": "确定启用该账号吗？",
|
||||
"action.disable.title": "确定禁用该账号吗？",
|
||||
"action.resetPassword": "重置密码",
|
||||
"action.resetPassword.tile": "确定重置账号密码吗？",
|
||||
|
||||
"accountList": "管理账号",
|
||||
"newAccount": "新增账号",
|
||||
"detail": "详细信息",
|
||||
"username": "用户名",
|
||||
"realname": "姓名",
|
||||
"travelAgency": "供应商",
|
||||
"travelAgencyName": "供应商名称",
|
||||
"email": "邮箱地址",
|
||||
"lastLogin": "最后登陆时间",
|
||||
|
||||
"roleList": "管理角色",
|
||||
"newRole": "新增角色",
|
||||
"roleName": "角色名称",
|
||||
"permission": "权限"
|
||||
}
|
||||
@ -1,110 +0,0 @@
|
||||
{
|
||||
"lang": {
|
||||
"en": "English",
|
||||
"zh": "中文"
|
||||
},
|
||||
"Search": "查询",
|
||||
"Reset": "重置",
|
||||
"Cancel": "取消",
|
||||
"Submit": "提交",
|
||||
"Confirm": "确认",
|
||||
"Close": "关闭",
|
||||
"Save": "保存",
|
||||
"New": "新增",
|
||||
"Edit": "编辑",
|
||||
"Audit": "审核",
|
||||
"Delete": "删除",
|
||||
"Add": "添加",
|
||||
"View": "查看",
|
||||
"Back": "返回",
|
||||
"Download": "下载",
|
||||
"Upload": "上传",
|
||||
"Preview": "预览",
|
||||
"Total": "总数",
|
||||
"Action": "操作",
|
||||
"Import": "导入",
|
||||
"Export": "导出",
|
||||
"Copy": "复制",
|
||||
"sureCancel": "确定取消？",
|
||||
"sureDelete": "确定删除？",
|
||||
"sureSubmit": "确定提交？",
|
||||
"Yes": "是",
|
||||
"No": "否",
|
||||
"Success": "成功",
|
||||
"Failed": "失败",
|
||||
"All": "所有",
|
||||
"Table": {
|
||||
"Total": "共 {{total}} 条"
|
||||
},
|
||||
"operator": "操作",
|
||||
"time": "时间",
|
||||
"Login": "登录",
|
||||
"Username": "账号",
|
||||
"Realname": "姓名",
|
||||
"Password": "密码",
|
||||
"ChangePassword": "修改密码",
|
||||
"Profile": "账户中心",
|
||||
"Logout": "退出",
|
||||
"LoginTimeout": "登录超时",
|
||||
"LoginTimeoutTip": "请输入密码",
|
||||
"userProfile": "账号信息",
|
||||
"Telephone": "联系电话",
|
||||
"Email": "电子邮箱",
|
||||
"Address": "公司地址",
|
||||
"Company": "公司名称",
|
||||
"Department": "部门",
|
||||
"datetime": {
|
||||
"thisWeek": "本周",
|
||||
"lastWeek": "上周",
|
||||
"thisMonth": "本月",
|
||||
"lastMonth": "上月",
|
||||
"nextMonth": "下月",
|
||||
"lastThreeMonth": "前三个月",
|
||||
"nextThreeMonth": "后三个月",
|
||||
"firstHalfYear": "上半年",
|
||||
"latterHalfYear": "下半年",
|
||||
"thisYear": "今年"
|
||||
},
|
||||
"weekdays": {
|
||||
"1": "周一",
|
||||
"2": "周二",
|
||||
"3": "周三",
|
||||
"4": "周四",
|
||||
"5": "周五",
|
||||
"6": "周六",
|
||||
"7": "周日"
|
||||
},
|
||||
"weekdaysShort": {
|
||||
"1": "一",
|
||||
"2": "二",
|
||||
"3": "三",
|
||||
"4": "四",
|
||||
"5": "五",
|
||||
"6": "六",
|
||||
"7": "日"
|
||||
},
|
||||
"menu": {
|
||||
"Reservation": "团预订",
|
||||
"Invoice": "账单",
|
||||
"Feedback": "反馈表",
|
||||
"Notice": "通知",
|
||||
"Report": "质量评分",
|
||||
"Airticket": "机票订票",
|
||||
"Trainticket": "火车订票",
|
||||
"Products": "产品管理"
|
||||
},
|
||||
"Validation": {
|
||||
"Title": "温馨提示",
|
||||
"LoginFailed": "密码错误，登陆失败。",
|
||||
"UsernameIsEmpty": "请输入账号",
|
||||
"PasswordIsEmpty": "请输入密码"
|
||||
},
|
||||
"invoiceStatus": {
|
||||
"Status": "审核状态",
|
||||
"Not_submitted": "待提交",
|
||||
"Submitted": "待审核",
|
||||
"Travel_advisor_approved": "顾问已审核",
|
||||
"Finance_Dept_arrproved": "财务已审核",
|
||||
"Paid": "已打款"
|
||||
}
|
||||
}
|
||||
@ -1,16 +0,0 @@
|
||||
{
|
||||
"ArrivalDate": "抵达日期",
|
||||
"RefNo": "团号",
|
||||
"unconfirmed": "未确认",
|
||||
"Pax": "人数",
|
||||
"Status": "状态",
|
||||
"City": "城市",
|
||||
"Guide": "导游",
|
||||
"ResSendingDate": "发送时间",
|
||||
"3DGuideTip": "红色突出显示：抵达日期在 3 天内，没有导游信息的预订。",
|
||||
"Attachments": "附件",
|
||||
"ConfirmationDate": "确认日期",
|
||||
"ConfirmationDetails": "确认信息",
|
||||
"PNR": "旅客订座记录",
|
||||
"#": "#"
|
||||
}
|
||||
@ -1,5 +0,0 @@
|
||||
{
|
||||
"report": {
|
||||
"GetReport": "获取报告"
|
||||
}
|
||||
}
|
||||
@ -1,6 +1,19 @@
|
||||
@import 'tailwindcss/base';
|
||||
@import 'tailwindcss/components';
|
||||
@import 'tailwindcss/utilities';
|
||||
.ant-table-wrapper.border-collapse table {
|
||||
border-collapse: collapse;
|
||||
.logo {
|
||||
float: left;
|
||||
height: 36px;
|
||||
margin: 16px 24px 16px 0;
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.reservation-highlight {
|
||||
color: rgba(255, 255, 255, 1);
|
||||
background-color: rgba(255, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
#error-page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
@ -1,12 +0,0 @@
|
||||
import { Select } from 'antd';
|
||||
import { useProductsAuditStates } from '@/hooks/useProductsSets';
|
||||
|
||||
const AuditStateSelector = ({ ...props }) => {
|
||||
const states = useProductsAuditStates();
|
||||
return (
|
||||
<>
|
||||
<Select labelInValue allowClear options={states} {...props}/>
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default AuditStateSelector;
|
||||
@ -1,16 +0,0 @@
|
||||
import { createContext, useContext, useEffect, useState } from 'react';
|
||||
import { Link, useNavigate } from 'react-router-dom';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Button } from 'antd';
|
||||
import { isNotEmpty } from '@/utils/commons';
|
||||
|
||||
const BackBtn = ({to, ...props}) => {
|
||||
const { t } = useTranslation();
|
||||
const navigate = useNavigate();
|
||||
return (
|
||||
<>
|
||||
{isNotEmpty(to) ? <Link to={to} className='px-4'>{t('Back')}</Link> : <Button type='link' onClick={() => navigate(-1)}>{t('Back')}</Button>}
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default BackBtn;
|
||||
@ -1,29 +0,0 @@
|
||||
import { createContext, useEffect, useState } from 'react';
|
||||
import {} from 'antd';
|
||||
import SearchInput from './SearchInput';
|
||||
import { fetchJSON } from '@/utils/request';
|
||||
import { HT_HOST } from '@/config';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
//供应商列表
|
||||
export const fetchCityList = async (q) => {
|
||||
const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/search_cities`, { q });
|
||||
return errcode !== 0 ? [] : result;
|
||||
};
|
||||
|
||||
const CitySelector = ({ ...props }) => {
|
||||
const { t } = useTranslation();
|
||||
return (
|
||||
<>
|
||||
<SearchInput
|
||||
placeholder={t('products:City')}
|
||||
mode={null}
|
||||
maxTagCount={0}
|
||||
{...props}
|
||||
fetchOptions={fetchCityList}
|
||||
map={{ city_name: 'label', city_id: 'value' }}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default CitySelector;
|
||||
@ -1,94 +0,0 @@
|
||||
import React, { useState, useEffect } from "react";
|
||||
import { Tag, Button, message } from 'antd';
|
||||
import { CaretUpOutlined, CaretDownOutlined, DownloadOutlined } from '@ant-design/icons';
|
||||
import { utils, writeFile } from "xlsx";
|
||||
import { isEmpty, getNestedValue } from "../utils/commons";
|
||||
|
||||
/**
|
||||
* @property diffPercent
|
||||
* @property diffData
|
||||
* @property data1
|
||||
* @property data2
|
||||
*/
|
||||
export const VSTag = (props) => {
|
||||
const { diffPercent, diffData, data1, data2 } = props;
|
||||
const CaretIcon = parseInt(diffPercent) < 0 ? CaretDownOutlined : CaretUpOutlined;
|
||||
const tagColor = parseInt(diffPercent) < 0 ? 'gold' : 'lime';
|
||||
return parseInt(diffPercent) === 0 ? (
|
||||
'-'
|
||||
) : (
|
||||
<span>
|
||||
{/* <div>
|
||||
{data1} vs {data2}
|
||||
</div> */}
|
||||
<Tag icon={<CaretIcon />} color={tagColor}>
|
||||
{diffPercent}<span>%</span>{' '}<span>{diffData}</span>
|
||||
</Tag>
|
||||
</span>
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* 导出表格数据存为xlsx
|
||||
*/
|
||||
export const TableExportBtn = (props) => {
|
||||
const output_name = `${props.label}`;
|
||||
const [columnsMap, setColumnsMap] = useState([]);
|
||||
const [summaryRow, setSummaryRow] = useState({});
|
||||
useEffect(() => {
|
||||
const r1 = props.columns.reduce((r, v) => ({
|
||||
...r,
|
||||
...(v.children ? v.children.reduce((rc, vc, ci) => ({
|
||||
...rc,
|
||||
...(vc?.titleX ? {[`${v?.titleX || v.title},${vc.titleX}`]: vc.titleX } : {[(v?.titleX || v.title) + (ci || '')]: `${vc?.titleX || vc?.title || ''}`}),
|
||||
}), {}) : {})
|
||||
}), {});
|
||||
const flatCols = props.columns.flatMap((v, k) =>
|
||||
v.children ? v.children.map((vc, ci) => ({ ...vc, title: `${v?.titleX || v.title}` + (vc?.titleX ? `,${vc.titleX}` : (ci || '')) })) : {...v, title: `${v?.titleX || v.title}`}
|
||||
);
|
||||
// .filter((c) => c.dataIndex)
|
||||
// !['string', 'number'].includes(typeof vc.title) ? `${v?.titleX || v.title}` : `${v?.titleX || v.title}-${vc.title || ''}`
|
||||
;
|
||||
setColumnsMap(flatCols);
|
||||
// console.log('flatCols', flatCols);
|
||||
|
||||
setSummaryRow(r1);
|
||||
// console.log('summaryRow', r1);
|
||||
|
||||
return () => {};
|
||||
}, [props.columns]);
|
||||
|
||||
const onExport = () => {
|
||||
if (isEmpty(props.dataSource)) {
|
||||
message.warning('无结果.');
|
||||
return false;
|
||||
}
|
||||
const data = props.dataSource.map((item) => {
|
||||
const itemMapped = columnsMap.reduce((sv, kset) => {
|
||||
const render_val = typeof kset?.render === 'function' ? kset.render('', item) : null;
|
||||
const data_val = kset?.dataIndex ? (Array.isArray(kset.dataIndex) ? getNestedValue(item, kset.dataIndex) : item[kset.dataIndex]) : undefined;
|
||||
const x_val = item[`${kset.dataIndex}_X`];
|
||||
// const _title = kset.title.replace('-[object Object]', '');
|
||||
const v = { [kset.title]: x_val || data_val || render_val };
|
||||
return { ...sv, ...v };
|
||||
}, {});
|
||||
return itemMapped;
|
||||
});
|
||||
const ws = utils.json_to_sheet([].concat(isEmpty(summaryRow) ? [] : [summaryRow], data), { header: columnsMap.filter((r) => r.dataIndex).map((r) => r.title) });
|
||||
const wb = utils.book_new();
|
||||
utils.book_append_sheet(wb, ws, 'sheet');
|
||||
writeFile(wb, `${output_name}.xlsx`);
|
||||
};
|
||||
|
||||
return (
|
||||
<Button
|
||||
type="link"
|
||||
icon={<DownloadOutlined />}
|
||||
size="small"
|
||||
disabled={false}
|
||||
onClick={onExport}
|
||||
>
|
||||
{props.btnTxt || '导出excel'}
|
||||
</Button>
|
||||
);
|
||||
};
|
||||
@ -1,60 +0,0 @@
|
||||
import { Component } from 'react';
|
||||
import { Select } from 'antd';
|
||||
// import { groups, leafGroup } from '../../libs/ht';
|
||||
|
||||
/**
|
||||
* 小组
|
||||
*/
|
||||
export const groups = [
|
||||
{ value: '1,2,28,7,33', key: '1,2,28,7,33', label: 'GH事业部', code: 'GH', children: [1, 2, 28, 7, 33] },
|
||||
{ value: '8,9,11,12,20,21', key: '8,9,11,12,20,21', label: '国际事业部', code: 'INT', children: [8, 9, 11, 12, 20, 21] },
|
||||
{ value: '10,18,16,30', key: '10,18,16,30', label: '孵化学院', code: '', children: [10, 18, 16, 30] },
|
||||
{ value: '1', key: '1', label: 'CH直销', code: '', children: [] },
|
||||
{ value: '2', key: '2', label: 'CH大客户', code: '', children: [] },
|
||||
{ value: '28', key: '28', label: 'AH亚洲项目组', code: 'AH', children: [] },
|
||||
{ value: '33', key: '33', label: 'GH项目组', code: '', children: [] },
|
||||
{ value: '7', key: '7', label: '市场推广', code: '', children: [] },
|
||||
{ value: '8', key: '8', label: '德语', code: '', children: [] },
|
||||
{ value: '9', key: '9', label: '日语', code: '', children: [] },
|
||||
{ value: '11', key: '11', label: '法语', code: '', children: [] },
|
||||
{ value: '12', key: '12', label: '西语', code: '', children: [] },
|
||||
{ value: '20', key: '20', label: '俄语', code: '', children: [] },
|
||||
{ value: '21', key: '21', label: '意语', code: '', children: [] },
|
||||
{ value: '10', key: '10', label: '商旅', code: '', children: [] },
|
||||
{ value: '18', key: '18', label: 'CT', code: 'CT', children: [] },
|
||||
{ value: '16', key: '16', label: 'APP', code: 'APP', children: [] },
|
||||
{ value: '30', key: '30', label: 'Trippest', code: 'TP', children: [] },
|
||||
{ value: '31', key: '31', label: '花梨鹰', code: '', children: [] },
|
||||
];
|
||||
export const groupsMappedByCode = groups.reduce((a, c) => ({ ...a, [String(c.code || c.key)]: c }), {});
|
||||
export const groupsMappedByKey = groups.reduce((a, c) => ({ ...a, [String(c.key)]: c }), {});
|
||||
export const leafGroup = groups.slice(3);
|
||||
export const overviewGroup = groups.slice(0, 3); // todo: 花梨鹰 APP Trippest
|
||||
|
||||
export const DeptSelector = ({show_all, isLeaf,...props}) => {
|
||||
const _show_all = ['tags', 'multiple'].includes(props.mode) ? false : show_all;
|
||||
const options = isLeaf===true ? leafGroup : groups;
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Select
|
||||
mode={props.mode}
|
||||
placeholder="选择小组"
|
||||
labelInValue
|
||||
maxTagCount={1}
|
||||
allowClear={props.mode != null}
|
||||
{...props}
|
||||
options={options}
|
||||
/>
|
||||
{/* {_show_all ? (
|
||||
<Select.Option key="ALL" value="ALL">
|
||||
所有小组
|
||||
</Select.Option>
|
||||
) : (
|
||||
''
|
||||
)} */}
|
||||
</div>
|
||||
);
|
||||
|
||||
};
|
||||
export default DeptSelector;
|
||||
@ -1,13 +0,0 @@
|
||||
import { useRouteError } from 'react-router-dom'
|
||||
import { Result } from 'antd'
|
||||
|
||||
export default function ErrorPage() {
|
||||
const errorResponse = useRouteError()
|
||||
return (
|
||||
<Result
|
||||
status='404'
|
||||
title='Sorry, an unexpected error has occurred.'
|
||||
subTitle={errorResponse?.message || errorResponse.error?.message}
|
||||
/>
|
||||
)
|
||||
}
|
||||
@ -1,76 +0,0 @@
|
||||
import { useState } from "react";
|
||||
import { Popover, message, FloatButton, Button, Form, Input } from "antd";
|
||||
import { BugOutlined } from "@ant-design/icons";
|
||||
import useAuthStore from "@/stores/Auth";
|
||||
import { uploadPageSpyLog, sendNotify } from "@/pageSpy";
|
||||
|
||||
function LogUploader() {
|
||||
const [open, setOpen] = useState(false);
|
||||
const hide = () => {
|
||||
setOpen(false);
|
||||
};
|
||||
const handleOpenChange = (newOpen) => {
|
||||
setOpen(newOpen);
|
||||
};
|
||||
|
||||
const [currentUser] = useAuthStore((s) => [s.currentUser]);
|
||||
|
||||
const [messageApi, contextHolder] = message.useMessage();
|
||||
const [formBug] = Form.useForm();
|
||||
|
||||
const popoverContent = (
|
||||
<Form
|
||||
layout={"vertical"}
|
||||
form={formBug}
|
||||
initialValues={{ problem: '' }}
|
||||
scrollToFirstError
|
||||
onFinish={async (values) => {
|
||||
const success = await uploadPageSpyLog();
|
||||
messageApi.success("Thanks for the feedback😊");
|
||||
if (success) {
|
||||
sendNotify(currentUser?.realname + "说：" + values.problem);
|
||||
} else {
|
||||
sendNotify(currentUser?.realname + "上传日志失败");
|
||||
}
|
||||
hide();
|
||||
formBug.setFieldsValue({problem: ''});
|
||||
}}
|
||||
>
|
||||
<Form.Item
|
||||
name="problem"
|
||||
label="Need help?"
|
||||
rules={[{ required: true, message: "Specify issue needing support." }]}
|
||||
>
|
||||
<Input.TextArea rows={3} />
|
||||
</Form.Item>
|
||||
<Button
|
||||
type="primary"
|
||||
htmlType="submit"
|
||||
color="cyan"
|
||||
variant="solid"
|
||||
block
|
||||
>
|
||||
Submit
|
||||
</Button>
|
||||
</Form>
|
||||
);
|
||||
|
||||
return (
|
||||
<>
|
||||
{contextHolder}
|
||||
<Popover
|
||||
content={popoverContent}
|
||||
trigger={["click"]}
|
||||
placement="topRight"
|
||||
open={open}
|
||||
onOpenChange={handleOpenChange}
|
||||
fresh
|
||||
destroyOnHidden
|
||||
>
|
||||
<FloatButton icon={<BugOutlined />} />
|
||||
</Popover>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default LogUploader;
|
||||
@ -1,77 +0,0 @@
|
||||
import { useEffect, useState } from 'react';
|
||||
import { Spin, Cascader } from 'antd';
|
||||
import { fetchJSON } from '@/utils/request';
|
||||
import { HT_HOST } from '@/config';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { groupBy } from '@/utils/commons';
|
||||
|
||||
// 产品列表
|
||||
export const fetchAgencyProductsList = async (params) => {
|
||||
const map = { title: 'label', id: 'value' };
|
||||
const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/travel_agency_products`, params);
|
||||
const byTypes = errcode !== 0 ? {} : (groupBy(result.products, (row) => row.info.product_type_name));
|
||||
// console.log(byTypes)
|
||||
return Object.keys(byTypes).map((type_name) => ({
|
||||
label: type_name,
|
||||
title: type_name,
|
||||
key: type_name,
|
||||
value: type_name,
|
||||
// disableCheckbox: true,
|
||||
level: 1,
|
||||
options: byTypes[type_name].map((row) => ({ ...row, label: `${row.info.code} : ${row.info.title}`, value: row.info.id })),
|
||||
children: byTypes[type_name].map((row) => ({ ...row, label: `${row.info.code} : ${row.info.title}`, value: row.info.id, key: row.info.id, level:2 })),
|
||||
}));
|
||||
};
|
||||
|
||||
const ProductsSelector = ({ params, value, ...props }) => {
|
||||
const { t } = useTranslation();
|
||||
const [fetching, setFetching] = useState(false);
|
||||
const [options, setOptions] = useState([]);
|
||||
|
||||
const fetchAction = async () => {
|
||||
setOptions([]);
|
||||
setFetching(true);
|
||||
const data = await fetchAgencyProductsList(params);
|
||||
// console.log(data)
|
||||
setOptions(data);
|
||||
setFetching(false);
|
||||
return data;
|
||||
};
|
||||
useEffect(() => {
|
||||
fetchAction();
|
||||
|
||||
return () => {};
|
||||
}, []);
|
||||
|
||||
const filter = (inputValue, path) => path.some((option) => option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1);
|
||||
|
||||
const onCascaderChange = (value, selectedOptions) => {
|
||||
// console.log(value, selectedOptions)
|
||||
const selectedP = selectedOptions.map(([parent, item]) => item);
|
||||
// console.log(selectedP);
|
||||
if (typeof props.onChange === 'function') {
|
||||
props.onChange(selectedP);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
<Cascader
|
||||
placeholder={t('products:ProductName')}
|
||||
allowClear
|
||||
expandTrigger="hover"
|
||||
multiple
|
||||
showCheckedStrategy={Cascader.SHOW_CHILD}
|
||||
maxTagCount={0}
|
||||
classNames={{ popup: { root: 'h-96 overflow-y-auto [&_.ant-cascader-menu]:h-full [&_.ant-cascader-checkbox-disabled]:hidden'}}}
|
||||
{...props}
|
||||
notFoundContent={fetching ? <Spin size='small' /> : null}
|
||||
options={options}
|
||||
onChange={onCascaderChange}
|
||||
showSearch={{ filter }}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default ProductsSelector;
|
||||
@ -1,14 +0,0 @@
|
||||
import { Select } from 'antd';
|
||||
import { useProductsTypes } from '@/hooks/useProductsSets';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
const ProductsTypesSelector = ({...props}) => {
|
||||
const productsTypes = useProductsTypes();
|
||||
const { t } = useTranslation();
|
||||
return (
|
||||
<>
|
||||
<Select labelInValue allowClear placeholder={t('products:ProductType')} options={productsTypes} {...props}/>
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default ProductsTypesSelector;
|
||||
@ -1,22 +0,0 @@
|
||||
import { Result } from 'antd'
|
||||
import { usingStorage } from '@/hooks/usingStorage'
|
||||
import useAuthStore from '@/stores/Auth'
|
||||
|
||||
export default function RequireAuth({ children, ...props }) {
|
||||
|
||||
const [isPermitted, currentUser] = useAuthStore(state => [state.isPermitted, state.currentUser])
|
||||
const { userId } = usingStorage()
|
||||
|
||||
if (isPermitted(props.subject)) {
|
||||
// if (props.subject === '/account/management1') {
|
||||
return children
|
||||
} else if (props.result) {
|
||||
return (
|
||||
<Result
|
||||
status='403'
|
||||
title='403'
|
||||
subTitle={`抱歉，你(${currentUser.username})没有权限使用该功能(${props.subject})。`}
|
||||
/>
|
||||
)
|
||||
}
|
||||
}
|
||||
@ -1,49 +0,0 @@
|
||||
import React, { useMemo, useRef, useState } from 'react';
|
||||
import { Select, Spin } from 'antd';
|
||||
import { debounce, objectMapper } from '@/utils/commons';
|
||||
|
||||
function DebounceSelect({ fetchOptions, debounceTimeout = 800, ...props }) {
|
||||
const [fetching, setFetching] = useState(false);
|
||||
const [options, setOptions] = useState([]);
|
||||
const fetchRef = useRef(0);
|
||||
const debounceFetcher = useMemo(() => {
|
||||
const loadOptions = (value) => {
|
||||
fetchRef.current += 1;
|
||||
const fetchId = fetchRef.current;
|
||||
setOptions([]);
|
||||
setFetching(true);
|
||||
fetchOptions(value).then((newOptions) => {
|
||||
const mapperOptions = newOptions.map(ele => objectMapper(ele, props.map));
|
||||
if (fetchId !== fetchRef.current) {
|
||||
// for fetch callback order
|
||||
return;
|
||||
}
|
||||
setOptions(mapperOptions);
|
||||
setFetching(false);
|
||||
});
|
||||
};
|
||||
return debounce(loadOptions, debounceTimeout);
|
||||
}, [fetchOptions, debounceTimeout]);
|
||||
return (
|
||||
<Select
|
||||
labelInValue
|
||||
filterOption={false}
|
||||
showSearch
|
||||
allowClear
|
||||
maxTagCount={1}
|
||||
dropdownStyle={{width: '20rem'}}
|
||||
{...props}
|
||||
onSearch={debounceFetcher}
|
||||
notFoundContent={fetching ? <Spin size='small' /> : null}
|
||||
optionFilterProp='label'
|
||||
>
|
||||
{options.map((d) => (
|
||||
<Select.Option key={d.value} title={d.label}>
|
||||
{d.label}
|
||||
</Select.Option>
|
||||
))}
|
||||
</Select>
|
||||
);
|
||||
}
|
||||
|
||||
export default DebounceSelect;
|
||||
@ -1,31 +0,0 @@
|
||||
import { Outlet, useNavigate } from 'react-router-dom';
|
||||
import { Layout, Flex, theme, Spin, Divider } from 'antd';
|
||||
import BackBtn from './BackBtn';
|
||||
|
||||
const { Content, Header } = Layout;
|
||||
const HeaderWrapper = ({ children, header, loading, backTo, ...props }) => {
|
||||
const navigate = useNavigate();
|
||||
const {
|
||||
token: { colorBgContainer },
|
||||
} = theme.useToken();
|
||||
return (
|
||||
<>
|
||||
<Spin spinning={loading || false} wrapperClassName='h-full [&_.ant-spin-container]:h-full' >
|
||||
<Layout className=' bg-white h-full'>
|
||||
<Header className='header px-6 h-10 ' style={{ background: 'white' }}>
|
||||
<Flex justify={'space-between'} align={'center'} className='h-full'>
|
||||
{/* {header} */}
|
||||
<div className='grow h-full'>{header}</div>
|
||||
{backTo!==false && <BackBtn to={backTo} />}
|
||||
</Flex>
|
||||
</Header>
|
||||
<Divider className='my-2' />
|
||||
<Content className='overflow-auto' style={{ backgroundColor: colorBgContainer }}>
|
||||
{children || <Outlet />}
|
||||
</Content>
|
||||
</Layout>
|
||||
</Spin>
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default HeaderWrapper;
|
||||
@ -1,29 +0,0 @@
|
||||
import { createContext, useEffect, useState } from 'react';
|
||||
import {} from 'antd';
|
||||
import SearchInput from './SearchInput';
|
||||
import { fetchJSON } from '@/utils/request';
|
||||
import { HT_HOST } from '@/config';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
//供应商列表
|
||||
export const fetchVendorList = async (q) => {
|
||||
const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/VendorList`, { q });
|
||||
return errcode !== 0 ? [] : result;
|
||||
};
|
||||
|
||||
const VendorSelector = ({ ...props }) => {
|
||||
const { t } = useTranslation();
|
||||
return (
|
||||
<>
|
||||
<SearchInput
|
||||
placeholder={t('products:Vendor')}
|
||||
mode={'multiple'}
|
||||
maxTagCount={0}
|
||||
{...props}
|
||||
fetchOptions={fetchVendorList}
|
||||
map={{ travel_agency_name: 'label', travel_agency_id: 'value' }}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default VendorSelector;
|
||||
@ -1,76 +0,0 @@
|
||||
import { useEffect, useState } from 'react';
|
||||
import dayjs from "dayjs";
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import i18n from '@/i18n';
|
||||
|
||||
export const useDatePresets = () => {
|
||||
const [presets, setPresets] = useState([]);
|
||||
const { t, i18n } = useTranslation();
|
||||
|
||||
useEffect(() => {
|
||||
const newPresets = [
|
||||
{
|
||||
label: t("datetime.thisWeek"),
|
||||
value: [dayjs().startOf("w"), dayjs().endOf("w")],
|
||||
},
|
||||
{
|
||||
label: t("datetime.lastWeek"),
|
||||
value: [dayjs().startOf("w").subtract(7, "days"), dayjs().endOf("w").subtract(7, "days")],
|
||||
},
|
||||
{
|
||||
label: t("datetime.thisMonth"),
|
||||
value: [dayjs().startOf("M"), dayjs().endOf("M")],
|
||||
},
|
||||
{
|
||||
label: t("datetime.lastMonth"),
|
||||
value: [dayjs().subtract(1, "M").startOf("M"), dayjs().subtract(1, "M").endOf("M")],
|
||||
},
|
||||
{
|
||||
label: t("datetime.nextMonth"),
|
||||
value: [dayjs().add(1, "M").startOf("M"), dayjs().add(1, "M").endOf("M")],
|
||||
},
|
||||
{
|
||||
label: t("datetime.lastThreeMonth"),
|
||||
value: [dayjs().subtract(2, "M").startOf("M"), dayjs().endOf("M")],
|
||||
},
|
||||
{
|
||||
label: t("datetime.nextThreeMonth"),
|
||||
value: [dayjs().startOf("M"), dayjs().add(3,"M").endOf("M")],
|
||||
},
|
||||
{
|
||||
label: t("datetime.firstHalfYear"),
|
||||
value: [dayjs().startOf("y"), dayjs().endOf("y").subtract(6, "M")],
|
||||
},
|
||||
{
|
||||
label: t("datetime.latterHalfYear"),
|
||||
value: [dayjs().startOf("y").add(6,"M"), dayjs().endOf("y")],
|
||||
},
|
||||
{
|
||||
label: t("datetime.thisYear"),
|
||||
value: [dayjs().startOf("y"), dayjs().endOf("y")],
|
||||
},
|
||||
];
|
||||
setPresets(newPresets);
|
||||
}, [i18n.language]);
|
||||
|
||||
return presets;
|
||||
}
|
||||
|
||||
export const useWeekdays = () => {
|
||||
const [data, setData] = useState([]);
|
||||
const { t, i18n } = useTranslation();
|
||||
useEffect(() => {
|
||||
const newData = [
|
||||
{ value: '1', label: t('weekdays.1') },
|
||||
{ value: '2', label: t('weekdays.2') },
|
||||
{ value: '3', label: t('weekdays.3') },
|
||||
{ value: '4', label: t('weekdays.4') },
|
||||
{ value: '5', label: t('weekdays.5') },
|
||||
{ value: '6', label: t('weekdays.6') },
|
||||
{ value: '7', label: t('weekdays.7') },
|
||||
];
|
||||
setData(newData);
|
||||
return () => {};
|
||||
}, [i18n.language]);
|
||||
return data;
|
||||
};
|
||||
@ -1,20 +0,0 @@
|
||||
export const useHTLanguageSets = () => {
|
||||
const newData = [
|
||||
{ key: '1', value: '1', label: 'English' },
|
||||
{ key: '2', value: '2', label: 'Chinese (中文)' },
|
||||
{ key: '3', value: '3', label: 'Japanese (日本語)' },
|
||||
{ key: '4', value: '4', label: 'German (Deutsch)' },
|
||||
{ key: '5', value: '5', label: 'French (Français)' },
|
||||
{ key: '6', value: '6', label: 'Spanish (Español)' },
|
||||
{ key: '7', value: '7', label: 'Russian (Русский)' },
|
||||
{ key: '8', value: '8', label: 'Italian (Italiano)' },
|
||||
];
|
||||
|
||||
return newData;
|
||||
};
|
||||
|
||||
export const useHTLanguageSetsMapVal = () => {
|
||||
const stateSets = useHTLanguageSets();
|
||||
const stateMapVal = stateSets.reduce((r, c) => ({ ...r, [`${c.value}`]: c }), {});
|
||||
return stateMapVal;
|
||||
};
|
||||
@ -1,139 +0,0 @@
|
||||
import { flush, groupBy, isEmpty, isNotEmpty, unique, uniqWith } from '@/utils/commons';
|
||||
import dayjs from 'dayjs';
|
||||
// Shoulder Season 平季; peak season 旺季
|
||||
const isFullYearOrLonger = (year, startDate, endDate) => {
|
||||
// Parse the dates
|
||||
const start = dayjs(startDate, 'YYYY-MM-DD');
|
||||
const end = dayjs(endDate, 'YYYY-MM-DD');
|
||||
|
||||
// Create the start and end dates for the year
|
||||
const yearStart = dayjs(`${year}-01-01`, 'YYYY-MM-DD');
|
||||
const yearEnd = dayjs(`${year}-12-31`, 'YYYY-MM-DD');
|
||||
|
||||
// Check if start is '01-01' and end is '12-31' and the year matches
|
||||
const isFullYear = start.isSame(yearStart, 'day') && end.isSame(yearEnd, 'day');
|
||||
|
||||
// Check if the range is longer than a year
|
||||
const isLongerThanYear = end.diff(start, 'year') >= 1;
|
||||
|
||||
return isFullYear || isLongerThanYear;
|
||||
};
|
||||
|
||||
const uniqueBySub = (arr) =>
|
||||
arr.filter((subArr1, _, self) => {
|
||||
return !self.some((subArr2) => {
|
||||
if (subArr1 === subArr2) return false; // don't compare a subarray with itself
|
||||
const set1 = new Set(subArr1);
|
||||
const set2 = new Set(subArr2);
|
||||
// check if subArr1 is a subset of subArr2
|
||||
return [...set1].every((value) => set2.has(value));
|
||||
});
|
||||
});
|
||||
export const chunkBy = (use_year, dataList = [], by = []) => {
|
||||
const dataRollSS = dataList.map((rowp, ii) => {
|
||||
const quotation = rowp.quotation.map((quoteItem) => {
|
||||
return {
|
||||
...quoteItem,
|
||||
quote_season: isFullYearOrLonger(use_year, quoteItem.use_dates_start, quoteItem.use_dates_end) ? 'SS' : 'PS',
|
||||
};
|
||||
});
|
||||
return { ...rowp, quotation };
|
||||
});
|
||||
|
||||
// 人等分组只取平季, 因为产品只一行
|
||||
const allQuotesSS = dataRollSS.reduce((acc, rowp) => acc.concat(rowp.quotation.filter((q) => q.quote_season === 'SS')), []);
|
||||
|
||||
const allQuotesPS = dataRollSS.reduce((acc, rowp) => acc.concat(rowp.quotation.filter((q) => q.quote_season === 'PS')), []);
|
||||
const allQuotesSSS = isEmpty(allQuotesSS) ? allQuotesPS : allQuotesSS;
|
||||
|
||||
const PGroupSizeSS = allQuotesSSS.reduce((aq, cq) => {
|
||||
aq[cq.WPI_SN] = aq[cq.WPI_SN] || [];
|
||||
aq[cq.WPI_SN].push(cq.group_size_min);
|
||||
aq[cq.WPI_SN] = unique(aq[cq.WPI_SN]);
|
||||
aq[cq.WPI_SN] = aq[cq.WPI_SN].slice().sort((a, b) => a - b);
|
||||
return aq;
|
||||
}, {});
|
||||
|
||||
const maxGroupSize = Math.max(...allQuotesSSS.map((q) => q.group_size_max));
|
||||
const maxSet = maxGroupSize === 1000 ? Infinity : maxGroupSize;
|
||||
|
||||
const _SSMinSet = uniqWith(Object.values(PGroupSizeSS), (a, b) => a.join(',') === b.join(','));
|
||||
// const uSSsizeSetArr = (_SSMinSet)
|
||||
const uSSsizeSetArr = uniqueBySub(_SSMinSet);
|
||||
|
||||
// * 若不重叠分组, 则上面不要 uniqueBySub
|
||||
for (const key in PGroupSizeSS) {
|
||||
if (Object.prototype.hasOwnProperty.call(PGroupSizeSS, key)) {
|
||||
const element = PGroupSizeSS[key];
|
||||
const findSet = uSSsizeSetArr.find((minCut) => element.every((v) => minCut.includes(v)));
|
||||
PGroupSizeSS[key] = findSet;
|
||||
}
|
||||
}
|
||||
|
||||
const [SSsizeSets, PSsizeSets] = [uSSsizeSetArr, []].map((arr) => {
|
||||
const _arr = structuredClone(arr);
|
||||
const arrSets = _arr.map((keyMins) =>
|
||||
keyMins.reduce((acc, curr, idx, minsArr) => {
|
||||
const _max = idx === minsArr.length - 1 ? maxSet : Number(minsArr[idx + 1]) - 1;
|
||||
acc.push([Number(curr), _max]);
|
||||
return acc;
|
||||
}, [])
|
||||
);
|
||||
return arrSets;
|
||||
});
|
||||
|
||||
const compactSizeSets = {
|
||||
SSsizeSetKey: uSSsizeSetArr.map((s) => s.join(',')).filter(isNotEmpty),
|
||||
sizeSets: SSsizeSets,
|
||||
};
|
||||
|
||||
const chunkSS = structuredClone(dataRollSS).map((rowp) => {
|
||||
const pkey = (PGroupSizeSS[rowp.info.id] || []).join(',') || compactSizeSets.SSsizeSetKey[0]; // todo:
|
||||
|
||||
const thisRange = (PGroupSizeSS[rowp.info.id] || []).reduce((acc, curr, idx, minsArr) => {
|
||||
const _max = idx === minsArr.length - 1 ? maxSet : Number(minsArr[idx + 1]) - 1;
|
||||
acc.push([Number(curr), _max]);
|
||||
return acc;
|
||||
}, []);
|
||||
const _quotation = rowp.quotation.map((quoteItem) => {
|
||||
const ssSets = isEmpty(thisRange) ? SSsizeSets[0] : structuredClone(thisRange).reverse();
|
||||
|
||||
const matchRange = ssSets.find((ss) => quoteItem.group_size_min >= ss[0] && quoteItem.group_size_max <= ss[1]);
|
||||
const findEnd = matchRange || ssSets.find((ss) => quoteItem.group_size_max > ss[0] && quoteItem.group_size_max <= ss[1] && ss[1] !== Infinity);
|
||||
const findStart = findEnd || ssSets.find((ss) => quoteItem.group_size_min >= ss[0]);
|
||||
const finalRange = findStart || ssSets[0];
|
||||
|
||||
quoteItem.quote_size = finalRange.join('-');
|
||||
return quoteItem;
|
||||
});
|
||||
const quote_chunk_flat = groupBy(_quotation, (quoteItem2) => by.map((key) => quoteItem2[key]).join('@'));
|
||||
const quote_chunk = Object.keys(quote_chunk_flat).reduce((qc, ckey) => {
|
||||
const ckeyArr = ckey.split('@');
|
||||
if (isEmpty(qc[ckeyArr[0]])) {
|
||||
qc[ckeyArr[0]] = ckeyArr[1] ? { [ckeyArr[1]]: quote_chunk_flat[ckey] } : quote_chunk_flat[ckey];
|
||||
} else {
|
||||
qc[ckeyArr[0]][ckeyArr[1]] = (qc[ckeyArr[0]][ckeyArr[1]] || []).concat(quote_chunk_flat[ckey]);
|
||||
}
|
||||
return qc;
|
||||
}, {});
|
||||
return {
|
||||
...rowp,
|
||||
sizeSetsSS: pkey,
|
||||
quotation: _quotation,
|
||||
quote_chunk,
|
||||
};
|
||||
});
|
||||
|
||||
const allquotation = chunkSS.reduce((a, c) => a.concat(c.quotation), []);
|
||||
// 取出两季相应的时效区间
|
||||
const SSRange = unique((allquotation || []).filter((q) => q.quote_season === 'SS').map((qr) => `${qr.use_dates_start}~${qr.use_dates_end}`));
|
||||
const PSRange = unique((allquotation || []).filter((q) => q.quote_season === 'PS').map((qr) => `${qr.use_dates_start}~${qr.use_dates_end}`));
|
||||
|
||||
return {
|
||||
chunk: chunkSS,
|
||||
dataSource: chunkSS,
|
||||
SSRange,
|
||||
PSRange,
|
||||
...compactSizeSets,
|
||||
};
|
||||
};
|
||||
@ -1,395 +0,0 @@
|
||||
import { flush, groupBy, isEmpty, isNotEmpty, pick, unique, uniqWith } from '@/utils/commons';
|
||||
import dayjs from 'dayjs';
|
||||
import { formatGroupSize } from './useProductsSets';
|
||||
|
||||
// Shoulder Season 平季; peak season 旺季
|
||||
export const isFullYearOrLonger = (year, startDate, endDate) => {
|
||||
// Parse the dates
|
||||
const start = dayjs(startDate, 'YYYY-MM-DD');
|
||||
const end = dayjs(endDate, 'YYYY-MM-DD');
|
||||
|
||||
// Create the start and end dates for the year
|
||||
const yearStart = dayjs(`${year}-01-01`, 'YYYY-MM-DD');
|
||||
const yearEnd = dayjs(`${year}-12-31`, 'YYYY-MM-DD');
|
||||
|
||||
// Check if start is '01-01' and end is '12-31' and the year matches
|
||||
const isFullYear = start.isSame(yearStart, 'day') && end.isSame(yearEnd, 'day');
|
||||
|
||||
// Check if the range is longer than a year
|
||||
const isLongerThanYear = end.diff(startDate, 'year') >= 1;
|
||||
const isLongerThan12M = end.diff(startDate, 'month') >= 11;
|
||||
|
||||
return isFullYear || isLongerThanYear || isLongerThan12M;
|
||||
};
|
||||
|
||||
const uniqueBySub = (arr) => {
|
||||
const sortedArr = arr.sort((a, b) => b.length - a.length);
|
||||
const uniqueArr = [];
|
||||
sortedArr.forEach((currentSubArr) => {
|
||||
const isSubsetOfUnique = uniqueArr.some((uniqueSubArr) => {
|
||||
return currentSubArr.every((item) => uniqueSubArr.includes(item));
|
||||
});
|
||||
if (!isSubsetOfUnique) {
|
||||
uniqueArr.push(currentSubArr);
|
||||
}
|
||||
});
|
||||
|
||||
return uniqueArr;
|
||||
}
|
||||
|
||||
export const chunkBy = (use_year, dataList = [], by = []) => {
|
||||
const dataRollSS = dataList.map((rowp, ii) => {
|
||||
const quotation = rowp.quotation.map((quoteItem) => {
|
||||
return {
|
||||
...quoteItem,
|
||||
quote_season: isFullYearOrLonger(use_year, quoteItem.use_dates_start, quoteItem.use_dates_end) ? 'SS' : 'PS',
|
||||
};
|
||||
});
|
||||
return { ...rowp, quotation };
|
||||
});
|
||||
|
||||
// 人等分组只取平季, 因为产品只一行
|
||||
const allQuotesSS = dataRollSS.reduce((acc, rowp) => acc.concat(rowp.quotation.filter((q) => q.quote_season === 'SS')), []);
|
||||
|
||||
const allQuotesPS = dataRollSS.reduce((acc, rowp) => acc.concat(rowp.quotation.filter((q) => q.quote_season === 'PS')), []);
|
||||
const allQuotesSSS = isEmpty(allQuotesSS) ? allQuotesPS : allQuotesSS;
|
||||
|
||||
const allQuotesSSS2 = [].concat(allQuotesSS, allQuotesPS);
|
||||
|
||||
const PGroupSizeSS = allQuotesSSS.reduce((aq, cq) => {
|
||||
aq[cq.WPI_SN] = aq[cq.WPI_SN] || [];
|
||||
aq[cq.WPI_SN].push(`${cq.group_size_min}-${cq.group_size_max}`);
|
||||
// aq[cq.WPI_SN].push([cq.group_size_min, cq.group_size_max]);
|
||||
// aq[cq.WPI_SN].push(cq.group_size_min);
|
||||
aq[cq.WPI_SN] = unique(aq[cq.WPI_SN]);
|
||||
aq[cq.WPI_SN] = aq[cq.WPI_SN].slice().sort((a, b) => a.split('-')[0] - b.split('-')[0]);
|
||||
return aq;
|
||||
}, {});
|
||||
// debug:
|
||||
// PGroupSizeSS['5098'] = ['1-1000'];
|
||||
// PGroupSizeSS['5099'] = ['1-2', '3-4'];
|
||||
|
||||
const PGroupSizePS = allQuotesPS.reduce((aq, cq) => {
|
||||
aq[cq.WPI_SN] = aq[cq.WPI_SN] || [];
|
||||
aq[cq.WPI_SN].push(`${cq.group_size_min}-${cq.group_size_max}`);
|
||||
// aq[cq.WPI_SN].push([cq.group_size_min, cq.group_size_max]);
|
||||
// aq[cq.WPI_SN].push(cq.group_size_min);
|
||||
aq[cq.WPI_SN] = unique(aq[cq.WPI_SN]);
|
||||
aq[cq.WPI_SN] = aq[cq.WPI_SN].slice().sort((a, b) => a.split('-')[0] - b.split('-')[0]);
|
||||
return aq;
|
||||
}, {});
|
||||
|
||||
// 补全产品旺季的人等分组 (当旺季和平季的人等不完全一致时)
|
||||
const allWPI = unique(allQuotesSSS2.map((ele) => ele.WPI_SN));
|
||||
for (const WPI of allWPI) {
|
||||
// for (const WPI in PGroupSizeSS) {
|
||||
// if (Object.prototype.hasOwnProperty.call(PGroupSizeSS, WPI)) {
|
||||
const element = PGroupSizeSS[WPI] || [];
|
||||
const elementP = PGroupSizePS[WPI] || [];
|
||||
const diff = (elementP || []).filter((ele, index) => !element.includes(ele));
|
||||
PGroupSizeSS[WPI] = element.concat(diff);
|
||||
// }
|
||||
}
|
||||
|
||||
// console.log('PGroupSizeSS', PGroupSizeSS, '\nPGroupSizePS', PGroupSizePS, '\nallQuotesSSS', allQuotesSSS2)
|
||||
|
||||
// const maxGroupSize = Math.max(...allQuotesSSS.map((q) => q.group_size_max));
|
||||
// const maxSet = maxGroupSize === 1000 ? Infinity : maxGroupSize;
|
||||
|
||||
const _SSMinSet = uniqWith(Object.values(PGroupSizeSS), (a, b) => a.join(',') === b.join(','));
|
||||
// const uSSsizeSetArr = (_SSMinSet)
|
||||
const uSSsizeSetArr = uniqueBySub(_SSMinSet);
|
||||
// console.log('_SSMinSet', _SSMinSet, '\n uSSsizeSetArr', uSSsizeSetArr)
|
||||
|
||||
// * 若不重叠分组, 则上面不要 uniqueBySub
|
||||
for (const key in PGroupSizeSS) {
|
||||
if (Object.prototype.hasOwnProperty.call(PGroupSizeSS, key)) {
|
||||
const element = PGroupSizeSS[key];
|
||||
const findSet = uSSsizeSetArr.find((minCut) => element.every((v) => minCut.includes(v)));
|
||||
PGroupSizeSS[key] = findSet;
|
||||
}
|
||||
}
|
||||
// console.log('PGroupSizeSS -- ', PGroupSizeSS)
|
||||
|
||||
const [SSsizeSets, PSsizeSets] = [uSSsizeSetArr, []].map((arr) => {
|
||||
const _arr = structuredClone(arr);
|
||||
const arrSets = _arr.map((keyMinMaxStrs) =>
|
||||
keyMinMaxStrs.reduce((acc, curr, idx, minMaxArr) => {
|
||||
const curArr = curr.split('-').map(val => parseInt(val, 10));
|
||||
acc.push(curArr);
|
||||
// const _max = idx === minsArr.length - 1 ? maxSet : Number(minsArr[idx + 1]) - 1;
|
||||
// acc.push([Number(curr), _max]);
|
||||
return acc;
|
||||
}, [])
|
||||
);
|
||||
return arrSets;
|
||||
});
|
||||
|
||||
// console.log('uSSsizeSetArr', uSSsizeSetArr);
|
||||
const [SSsizeSetsMap, PSsizeSetsMap] = [uSSsizeSetArr, []].map((arr) => {
|
||||
const _arr = structuredClone(arr);
|
||||
const SetsMap = _arr.reduce((acc, keyMinMaxStrs, ii, strArr) => {
|
||||
const _key = keyMinMaxStrs.join(',');
|
||||
// console.log(_key);
|
||||
const _value = keyMinMaxStrs.reduce((acc, curr, idx, minMaxArr) => {
|
||||
const curArr = curr.split('-').map((val) => parseInt(val, 10));
|
||||
acc.push(curArr);
|
||||
return acc;
|
||||
}, []);
|
||||
return { ...acc, [_key]: _value };
|
||||
}, {});
|
||||
return SetsMap;
|
||||
});
|
||||
// console.log('SSsizeSetsMap', SSsizeSetsMap);
|
||||
|
||||
const compactSizeSets = {
|
||||
SSsizeSetKey: uSSsizeSetArr.map((s) => s.join(',')).filter(isNotEmpty),
|
||||
sizeSets: SSsizeSets,
|
||||
SSsizeSetsMap,
|
||||
};
|
||||
// console.log('sizeSets -- ', SSsizeSets, '\nSSsizeSetKey', compactSizeSets.SSsizeSetKey, '\nSSsizeSetsMap', SSsizeSetsMap)
|
||||
|
||||
const chunkSS = structuredClone(dataRollSS).map((rowp) => {
|
||||
const pkey = (PGroupSizeSS[rowp.info.id] || []).join(',') || compactSizeSets.SSsizeSetKey[0]; // todo:
|
||||
|
||||
let unitCnt = { '0': 0, '1': 0 }; // ? todo: 以平季的为准
|
||||
const _quotation = rowp.quotation.map((quoteItem) => {
|
||||
unitCnt[quoteItem.unit_id]++;
|
||||
|
||||
quoteItem.quote_size = pkey;
|
||||
quoteItem.quote_col_key = formatGroupSize(quoteItem.group_size_min, quoteItem.group_size_max);
|
||||
quoteItem.use_dates_start = quoteItem.use_dates_start.replace(/-/g, '.');
|
||||
quoteItem.use_dates_end = quoteItem.use_dates_end.replace(/-/g, '.');
|
||||
return quoteItem;
|
||||
});
|
||||
const quote_chunk_flat = groupBy(_quotation, (quoteItem2) => by.map((key) => quoteItem2[key]).join('@') || '#');
|
||||
const quote_chunk = Object.keys(quote_chunk_flat).reduce((qc, ckey) => {
|
||||
const ckeyArr = ckey.split('@');
|
||||
if (isEmpty(qc[ckeyArr[0]])) {
|
||||
qc[ckeyArr[0]] = ckeyArr[1] ? { [ckeyArr[1]]: quote_chunk_flat[ckey] } : quote_chunk_flat[ckey];
|
||||
} else {
|
||||
qc[ckeyArr[0]][ckeyArr[1]] = (qc[ckeyArr[0]][ckeyArr[1]] || []).concat(quote_chunk_flat[ckey]);
|
||||
}
|
||||
return qc;
|
||||
}, {});
|
||||
|
||||
const _quotationTransposeBySize = Object.keys(quote_chunk).reduce((accBy, byKey) => {
|
||||
const byValues = quote_chunk[byKey];
|
||||
const groupTablesBySize = groupBy(byValues, 'quote_size');
|
||||
const transposeTables = Object.keys(groupTablesBySize).reduce((accBy, sizeKeys) => {
|
||||
const _sizeRows = groupTablesBySize[sizeKeys];
|
||||
const rowsByDate = groupBy(_sizeRows, qi => `${qi.use_dates_start}~${qi.use_dates_end}`);
|
||||
const _rowsFromDate = Object.keys(rowsByDate).reduce((accDate, dateKeys) => {
|
||||
const _dateRows = rowsByDate[dateKeys];
|
||||
const rowKey = _dateRows.map(e => e.id).join(',');
|
||||
const keepCol = pick(_dateRows[0], ['WPI_SN', 'WPP_VEI_SN', 'currency', 'unit_id', 'unit_name', 'use_dates_start', 'use_dates_end', 'weekdays', 'quote_season']);
|
||||
const _colFromDateRow = _dateRows.reduce((accCols, rowp) => {
|
||||
// const _colRow = pick(rowp, ['currency', 'unit_id', 'unit_name', 'use_dates_start', 'use_dates_end', 'weekdays', 'child_cost', 'adult_cost']);
|
||||
return { ...accCols, [rowp.quote_col_key]: rowp };
|
||||
}, {...keepCol, originRows: _dateRows, rowKey });
|
||||
accDate.push(_colFromDateRow);
|
||||
return accDate;
|
||||
}, []);
|
||||
return { ...accBy, [sizeKeys]: _rowsFromDate };
|
||||
}, {});
|
||||
return { ...accBy, [byKey]: transposeTables };
|
||||
}, {});
|
||||
// console.log(_quotationTransposeBySize);
|
||||
|
||||
return {
|
||||
...rowp,
|
||||
unitCnt,
|
||||
unitSet: Object.keys(unitCnt).reduce((a, b) => unitCnt[a] > unitCnt[b] ? a : b),
|
||||
sizeSetsSS: pkey,
|
||||
_quotationTransposeBySize,
|
||||
quotation: _quotation,
|
||||
quote_chunk,
|
||||
};
|
||||
});
|
||||
|
||||
const allquotation = chunkSS.reduce((a, c) => a.concat(c.quotation), []);
|
||||
// 取出两季相应的时效区间
|
||||
const SSRange = unique((allquotation || []).filter((q) => q.quote_season === 'SS').map((qr) => `${qr.use_dates_start}~${qr.use_dates_end}`));
|
||||
const PSRange = unique((allquotation || []).filter((q) => q.quote_season === 'PS').map((qr) => `${qr.use_dates_start}~${qr.use_dates_end}`));
|
||||
|
||||
// const transposeDataSS = chunkSS
|
||||
|
||||
return {
|
||||
chunk: chunkSS,
|
||||
// dataSource: chunkSS,
|
||||
SSRange,
|
||||
PSRange,
|
||||
...compactSizeSets, // { SSsizeSetKey, sizeSets }
|
||||
};
|
||||
};
|
||||
|
||||
/**
|
||||
* 按[单位, 人等]拆分表格
|
||||
* @use D J B R 8
|
||||
*/
|
||||
export const splitTable_SizeSets = (chunkData) => {
|
||||
const { SSRange, PSRange, SSsizeSetKey, SSsizeSetsMap, chunk } = chunkData;
|
||||
// console.log('---- chunk', chunk);
|
||||
const bySizeUnitSetKey = groupBy(chunk, pitem => ['unitSet', 'sizeSetsSS', ].map((key) => pitem[key]).join('@'));
|
||||
// agencyProducts.J.
|
||||
// console.log('bySizeSetKey', bySizeUnitSetKey);
|
||||
const tables = Object.keys(bySizeUnitSetKey).map((sizeSetsUnitStr) => {
|
||||
const [unitSet, sizeSetsStr] = sizeSetsUnitStr.split('@');
|
||||
const _thisSSsetProducts = bySizeUnitSetKey[sizeSetsUnitStr];
|
||||
const _subTable = _thisSSsetProducts.map(({ info, sizeSetsSS, _quotationTransposeBySize, unitSet, ...pitem }) => {
|
||||
const transpose = _quotationTransposeBySize['#'][sizeSetsSS];
|
||||
const _pRow = transpose.map((quote, qi) => ({ ...quote, rowSpan: qi === 0 ? transpose.length : 0 }));
|
||||
return { info, sizeSetsSS, unitSet, rows: _pRow, transpose };
|
||||
});
|
||||
return { cols: SSsizeSetsMap[sizeSetsStr], colsKey: sizeSetsStr, unitSet, sizeSetsUnitStr, data: _subTable };
|
||||
});
|
||||
// console.log('---- tables', tables);
|
||||
const tablesQuote = tables.map(({ cols, colsKey, unitSet, sizeSetsUnitStr, data }, ti) => {
|
||||
const _table = data.reduce((acc, prow) => {
|
||||
const prows = prow.rows.map((_q) => ({ ..._q, info: prow.info, dateText: `${_q.use_dates_start}~${_q.use_dates_end}` }));
|
||||
return acc.concat(prows);
|
||||
}, []);
|
||||
return { cols, colsKey: sizeSetsUnitStr, data: _table }; // `${unitSet}@${colsKey}`
|
||||
});
|
||||
// console.log('---- tablesQuote', tablesQuote);
|
||||
return tablesQuote;
|
||||
};
|
||||
|
||||
/**
|
||||
* 按季度分列 [平季, 旺季]
|
||||
* @use Q 7 6
|
||||
*/
|
||||
export const splitTable_Season = (chunkData) => {
|
||||
const { SSRange, PSRange, SSsizeSetKey, SSsizeSetsMap, chunk } = chunkData;
|
||||
// console.log(chunkData);
|
||||
const tablesQuote = chunk.map((pitem) => {
|
||||
const { quote_chunk } = pitem;
|
||||
// const bySeason = groupBy(pitem.quotation, (ele) => ele.quote_season);
|
||||
const rowSeason = Object.keys(quote_chunk).reduce((accp, _s) => {
|
||||
const bySeasonValue = groupBy(quote_chunk[_s], (ele) => ['adult_cost', 'child_cost', 'group_size_min', 'group_size_max', 'unit_id'].map((k) => ele[k]).join('@'));
|
||||
// console.log('---- bySeasonValue', _s, bySeasonValue);
|
||||
|
||||
const byDate = groupBy(quote_chunk[_s], (ele) => `${ele.use_dates_start}~${ele.use_dates_end}`);
|
||||
// console.log('---- byDate', _s, byDate);
|
||||
|
||||
const subHeader = Object.keys(bySeasonValue).length >= Object.keys(byDate).length ? 'dates' : 'priceValues';
|
||||
// console.log('---- subHeader', _s, subHeader);
|
||||
|
||||
let valuesArr = [];
|
||||
switch (subHeader) {
|
||||
case 'priceValues':
|
||||
valuesArr = Object.keys(bySeasonValue).reduce((accv, valKey) => {
|
||||
const valRows = bySeasonValue[valKey];
|
||||
const valRow = pick(valRows[0], ['adult_cost', 'child_cost', 'currency', 'unit_id', 'unit_name', 'group_size_min', 'group_size_max']);
|
||||
// valRow.dates = valRows.map((v) => pick(v, ['id', 'use_dates_end', 'use_dates_start']));
|
||||
valRow.rows = [valRows[0]];
|
||||
valRow.originRows = valRows;
|
||||
valRow.rowKey = valRows.map((v) => v.id).join(',');
|
||||
valRow.headerDates = valRows.map((v) => pick(v, ['use_dates_end', 'use_dates_start']));
|
||||
accv.push(valRow);
|
||||
return accv;
|
||||
}, []);
|
||||
break;
|
||||
case 'dates':
|
||||
valuesArr = Object.keys(byDate).reduce((accv, dateKey) => {
|
||||
const valRows = byDate[dateKey];
|
||||
const valRow = pick(valRows[0], ['use_dates_end', 'use_dates_start']);
|
||||
valRow.rows = valRows;
|
||||
valRow.originRows = valRows;
|
||||
valRow.rowKey = valRows.map((v) => v.id).join(',');
|
||||
valRow.headerDates = [pick(valRows[0], ['use_dates_end', 'use_dates_start'])];
|
||||
accv.push(valRow);
|
||||
return accv;
|
||||
}, []);
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
const valUnderSeason = Object.keys(bySeasonValue).reduce((accv, valKey) => {
|
||||
const valRows = bySeasonValue[valKey];
|
||||
const valRow = pick(valRows[0], ['adult_cost', 'child_cost', 'currency', 'unit_id', 'unit_name', 'group_size_min', 'group_size_max']);
|
||||
// valRow.dates = valRows.map((v) => pick(v, ['id', 'use_dates_end', 'use_dates_start']));
|
||||
valRow.rows = valRows;
|
||||
valRow.rowKey = valRows.map(v => v.id).join(',');
|
||||
accv.push(valRow);
|
||||
return accv;
|
||||
}, []);
|
||||
|
||||
return { ...accp, [_s]: valUnderSeason, [_s + 'Data']: valuesArr };
|
||||
}, {});
|
||||
return { info: pitem.info, ...rowSeason, rowKey: pitem.info.id };
|
||||
});
|
||||
// console.log('---- tablesQuote', tablesQuote);
|
||||
return tablesQuote;
|
||||
};
|
||||
|
||||
export const splitTable_D = (use_year, dataSource, retTableOnly = true) => {
|
||||
const chunked = chunkBy(use_year, dataSource);
|
||||
// console.log(chunked);
|
||||
const tables = addCityRow4Split(splitTable_SizeSets(chunked));
|
||||
return retTableOnly ? tables : { ...chunked, tables };
|
||||
};
|
||||
|
||||
export const splitTable_J = (use_year, dataSource, retTableOnly = true) => {
|
||||
const chunked = chunkBy(use_year, dataSource);
|
||||
// console.log(chunked);
|
||||
const tables = addCityRow4Split(splitTable_SizeSets(chunked));
|
||||
return retTableOnly ? tables : { ...chunked, tables };
|
||||
};
|
||||
|
||||
export const splitTable_Q = (use_year, dataSource) => {
|
||||
const chunked = chunkBy(use_year, dataSource, ['quote_season']);
|
||||
return addCityRow4Season(splitTable_Season(chunked));
|
||||
};
|
||||
|
||||
export const splitTable_7 = (use_year, dataSource) => {
|
||||
const chunked = chunkBy(use_year, dataSource, ['quote_season']);
|
||||
return addCityRow4Season(splitTable_Season(chunked));
|
||||
};
|
||||
|
||||
export const splitTable_R = (use_year, dataSource, retTableOnly = true) => {
|
||||
const chunked = chunkBy(use_year, dataSource);
|
||||
// console.log(chunked);
|
||||
const tables = addCityRow4Split(splitTable_SizeSets(chunked));
|
||||
return retTableOnly ? tables : { ...chunked, tables };
|
||||
};
|
||||
|
||||
export const splitTable_8 = (use_year, dataSource, retTableOnly = true) => {
|
||||
const chunked = chunkBy(use_year, dataSource);
|
||||
// console.log(chunked);
|
||||
const tables = addCityRow4Split(splitTable_SizeSets(chunked));
|
||||
return retTableOnly ? tables : { ...chunked, tables };
|
||||
};
|
||||
|
||||
export const splitTable_6 = (use_year, dataSource, retTableOnly = true) => {
|
||||
const chunked = chunkBy(use_year, dataSource, ['quote_season']);
|
||||
const tables = splitTable_Season(chunked);
|
||||
return retTableOnly ? tables : { ...chunked, tables };
|
||||
};
|
||||
|
||||
export const splitTable_B = (use_year, dataSource, retTableOnly = true) => {
|
||||
const chunked = chunkBy(use_year, dataSource);
|
||||
// console.log(chunked);
|
||||
const tables = addCityRow4Split(splitTable_SizeSets(chunked));
|
||||
return retTableOnly ? tables : { ...chunked, tables };
|
||||
};
|
||||
|
||||
export const addCityRow4Season = (table) => {
|
||||
const byCity = groupBy(table, (ele) => `${ele.info.city_id}@${ele.info.city_name}`);
|
||||
const withCityRow = Object.keys(byCity).reduce((acc, cityIdName) => {
|
||||
const [cityId, cityName] = cityIdName.split('@');
|
||||
acc.push({ info: { product_title: cityName, isCityRow: true,}, use_dates_end: '', use_dates_start: '', quote_season: 'SS', rowSpan: 1, rowKey: `c_${cityId}` });
|
||||
return acc.concat(byCity[cityIdName]);
|
||||
}, []);
|
||||
return withCityRow;
|
||||
};
|
||||
|
||||
export const addCityRow4Split = (splitTables) => {
|
||||
const tables = splitTables.map(table => {
|
||||
return { ...table, data: addCityRow4Season(table.data)}
|
||||
});
|
||||
return tables;
|
||||
};
|
||||
|
||||
@ -1,98 +0,0 @@
|
||||
const persistObject = {}
|
||||
|
||||
/**
|
||||
* G-INT:USER_ID -> userId = 456
|
||||
* G-STR:LOGIN_TOKEN -> loginToken = 'E6779386E7D64DF0ADD0F97767E00D8B'
|
||||
* G-JSON:LOGIN_USER -> loginUser = { username: 'test-username' }
|
||||
*/
|
||||
export function usingStorage() {
|
||||
|
||||
const getStorage = () => {
|
||||
if (import.meta.env.DEV && window.localStorage) {
|
||||
return window.localStorage
|
||||
} else if (window.sessionStorage) {
|
||||
return window.sessionStorage
|
||||
} else {
|
||||
console.error('browser not support localStorage and sessionStorage.')
|
||||
}
|
||||
}
|
||||
|
||||
const getValue = (key) => {
|
||||
if (window.localStorage) {
|
||||
return window.localStorage.getItem(key)
|
||||
} else if (window.sessionStorage) {
|
||||
return window.sessionStorage.getItem(key)
|
||||
} else {
|
||||
console.error('browser not support localStorage and sessionStorage.')
|
||||
return ''
|
||||
}
|
||||
}
|
||||
|
||||
const setProperty = (key, value) => {
|
||||
const webStorage = getStorage()
|
||||
const typeAndKey = key.split(':')
|
||||
if (typeAndKey.length === 2) {
|
||||
const propName = camelCasedWords(typeAndKey[1])
|
||||
persistObject[propName] = value
|
||||
if (typeAndKey[0] === 'G-JSON') {
|
||||
webStorage.setItem(key, JSON.stringify(value))
|
||||
} else {
|
||||
webStorage.setItem(key, value)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// USER_ID -> userId
|
||||
const camelCasedWords = (string) => {
|
||||
if (typeof string !== 'string' || string.length === 0) {
|
||||
return string;
|
||||
}
|
||||
return string.split('_').map((word, index) => {
|
||||
if (index === 0) {
|
||||
return word.toLowerCase()
|
||||
} else {
|
||||
return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()
|
||||
}
|
||||
}).join('')
|
||||
}
|
||||
|
||||
if (Object.keys(persistObject).length == 0) {
|
||||
|
||||
const webStorage = getStorage()
|
||||
|
||||
for (let i = 0; i < webStorage.length; i++) {
|
||||
const key = webStorage.key(i)
|
||||
const typeAndKey = key.split(':')
|
||||
|
||||
if (typeAndKey.length === 2) {
|
||||
const value = webStorage.getItem(key)
|
||||
const propName = camelCasedWords(typeAndKey[1])
|
||||
if (typeAndKey[0] === 'G-INT') {
|
||||
persistObject[propName] = parseInt(value, 10)
|
||||
} else if (typeAndKey[0] === 'G-JSON') {
|
||||
try {
|
||||
persistObject[propName] = JSON.parse(value)
|
||||
} catch (e) {
|
||||
// 如果解析失败，保留原始字符串值
|
||||
persistObject[propName] = value
|
||||
console.error('解析 JSON 失败。')
|
||||
}
|
||||
} else {
|
||||
persistObject[propName] = value
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
...persistObject,
|
||||
getValue,
|
||||
setStorage: (key, value) => {
|
||||
setProperty(key, value)
|
||||
},
|
||||
clearStorage: () => {
|
||||
getStorage().clear()
|
||||
Object.assign(persistObject, {})
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,44 +0,0 @@
|
||||
import { useState, useEffect } from 'react';
|
||||
import { Dropdown } from 'antd';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { appendRequestParams } from '@/utils/request';
|
||||
|
||||
const i18n_to_htcode = {
|
||||
'zh': 2,
|
||||
'en': 1,
|
||||
};
|
||||
|
||||
export const useDefaultLgc = () => {
|
||||
const { i18n } = useTranslation();
|
||||
return { language: i18n_to_htcode[i18n.language], };
|
||||
};
|
||||
/**
|
||||
* 语言选择组件
|
||||
*/
|
||||
const Language = () => {
|
||||
const { t, i18n } = useTranslation();
|
||||
const [selectedKeys, setSelectedKeys] = useState([i18n.language]);
|
||||
|
||||
useEffect(() => {
|
||||
appendRequestParams('lgc', i18n_to_htcode[i18n.language]);
|
||||
|
||||
return () => {};
|
||||
}, [i18n.language]);
|
||||
|
||||
// 切换语言事件
|
||||
const handleChangeLanguage = ({ key }) => {
|
||||
setSelectedKeys([key]);
|
||||
i18n.changeLanguage(key);
|
||||
};
|
||||
|
||||
const langSupports = ['en', 'zh'].map((lang) => ({ label: t(`lang.${lang}`), key: lang }));
|
||||
|
||||
/* 🌏🌐 */
|
||||
return (
|
||||
<Dropdown menu={{ items: langSupports, onClick: handleChangeLanguage, style: { width: 100 }, selectedKeys: selectedKeys }}>
|
||||
<div className='icon text-primary'>🌐<span>{t(`lang.${i18n.language}`)}</span></div>
|
||||
</Dropdown>
|
||||
);
|
||||
};
|
||||
|
||||
export default Language;
|
||||
@ -1,56 +0,0 @@
|
||||
import i18n from 'i18next';
|
||||
// 用于检测浏览器中的用户语言，
|
||||
// https://github.com/i18next/i18next-browser-languageDetector
|
||||
// 通过localStorage.getItem('i18nextLng')取出当前语言环境
|
||||
import LanguageDetector from 'i18next-browser-languagedetector';
|
||||
import Backend from 'i18next-http-backend';
|
||||
import { initReactI18next } from 'react-i18next';
|
||||
// import en from './locales/en.json';
|
||||
// import zh from './locales/zh.json';
|
||||
|
||||
i18n
|
||||
.use(Backend)
|
||||
.use(LanguageDetector)
|
||||
.use(initReactI18next)
|
||||
// https://www.i18next.com/overview/configuration-options
|
||||
.init({
|
||||
backend: {
|
||||
loadPath: '/locales/{{lng}}/{{ns}}.json',
|
||||
},
|
||||
ns: ['common', 'group', 'vendor', 'account', 'products'],
|
||||
defaultNS: 'common',
|
||||
detection: {
|
||||
// convertDetectedLanguage: 'Iso15897',
|
||||
convertDetectedLanguage: (lng) => {
|
||||
const langPart = lng.split('-')[0];
|
||||
return langPart;
|
||||
// return lng.replace('-', '_');
|
||||
},
|
||||
},
|
||||
supportedLngs: ['en', 'zh'],
|
||||
// resources: {
|
||||
// en: { translation: en },
|
||||
// zh: { translation: zh },
|
||||
// },
|
||||
fallbackLng: 'en',
|
||||
// fallbackLng: (code) => {
|
||||
// if (!code || code === 'en') return ['en'];
|
||||
// const fallbacks = []; // [code];
|
||||
|
||||
// // add pure lang
|
||||
// const langPart = code.split('-')[0];
|
||||
// if (langPart !== code) fallbacks.push(langPart);
|
||||
|
||||
// fallbacks.push('en');
|
||||
// console.log('fallbacks', fallbacks);
|
||||
// return fallbacks;
|
||||
// },
|
||||
preload: ['en'],
|
||||
interpolation: {
|
||||
escapeValue: false,
|
||||
},
|
||||
// keySeparator: false,
|
||||
debug: false,
|
||||
});
|
||||
|
||||
export default i18n;
|
||||
@ -1,46 +0,0 @@
|
||||
## 目录结构
|
||||
|
||||
├── locales
|
||||
│ ├── en
|
||||
│ │ ├── common.json
|
||||
│ │ ├── [ns].json
|
||||
│ ├── zh
|
||||
│ │ ├── common.json
|
||||
│ │ ├── [ns].json
|
||||
|
||||
1. 翻译的资源文件位于 public/locales 文件夹，文件夹结构是 [语言] > [命名空间].json.
|
||||
[语言]命名使用短格式, 暂不考虑区分地区差异. 如: en-GB, en-US, en-AU 均使用`en`
|
||||
2. common.json 是公共的 json 文件，存放一些公共的 key-value
|
||||
3. [ns].json 是命名空间 json 文件，存放一些命名空间的 key-value
|
||||
4. 命名空间根据自己的需求/功能模块来创建，比如：`group`(团计划), `feedback`(反馈表)等
|
||||
5. json 文件中的 key 使用驼峰命名
|
||||
|
||||
⭐DEV
|
||||
|
||||
1. 翻译的资源文件位于 public 下, 切换语言时异步请求.
|
||||
2. 开发过程编辑了 locales/\*.json 后, 需要刷新页面才会生效. 热加载不生效
|
||||
3. 新增的命名空间, 添加到 src/i18n/index.js 中配置的 `init({ ns })` 中
|
||||
|
||||
⭐⭐ 组件中使用
|
||||
|
||||
1. 默认 common 命名空间
|
||||
2. 取值: `t('[ns]:[json_path]')`, json path 的层级使用`.`分隔
|
||||
|
||||
```js
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
const { t } = useTranslation();
|
||||
// const { t, i18n } = useTranslation('group'); // 指定命名空间
|
||||
|
||||
// 默认common命名空间
|
||||
<button >{t('Search')}</button>
|
||||
<button >{t('datetime.thisWeek')}</button>
|
||||
|
||||
// 命名空间取值
|
||||
<button >{t('group:ArrivalDate')}</button>
|
||||
|
||||
```
|
||||
|
||||
⭐⭐⭐ 格式: 日期, 金额等
|
||||
|
||||
[文档 Formatting](https://www.i18next.com/translation-function/formatting)
|
||||
@ -1,145 +1,85 @@
|
||||
import { createRoot } from 'react-dom/client'
|
||||
import React from "react";
|
||||
import { configure } from "mobx";
|
||||
import ReactDOM from "react-dom/client";
|
||||
import {
|
||||
createBrowserRouter,
|
||||
RouterProvider,
|
||||
} from 'react-router-dom'
|
||||
import '@/assets/global.css'
|
||||
import App from '@/views/App'
|
||||
import Standlone from '@/views/Standlone'
|
||||
import Login from '@/views/Login'
|
||||
import Logout from '@/views/Logout'
|
||||
import ErrorPage from '@/components/ErrorPage'
|
||||
import RequireAuth from '@/components/RequireAuth'
|
||||
import ReservationNewest from '@/views/reservation/Newest'
|
||||
import ReservationDetail from '@/views/reservation/Detail'
|
||||
import ChangePassword from '@/views/account/ChangePassword'
|
||||
import AccountProfile from '@/views/account/Profile'
|
||||
import AccountManagement from '@/views/account/Management'
|
||||
import RoleList from '@/views/account/RoleList'
|
||||
import FeedbackIndex from '@/views/feedback/Index'
|
||||
import FeedbackDetail from '@/views/feedback/Detail'
|
||||
import FeedbackCustomerDetail from '@/views/feedback/CustomerDetail'
|
||||
import ReportIndex from '@/views/report/Index'
|
||||
import NoticeIndex from '@/views/notice/Index'
|
||||
import NoticeDetail from '@/views/notice/Detail'
|
||||
import InvoiceIndex from '@/views/invoice/Index'
|
||||
import InvoiceDetail from '@/views/invoice/Detail'
|
||||
import InvoiceHistory from '@/views/invoice/History'
|
||||
import InvoicePaid from '@/views/invoice/Paid'
|
||||
import InvoicePaidDetail from '@/views/invoice/PaidDetail'
|
||||
import Airticket from '@/views/airticket/Index'
|
||||
import AirticketPlan from '@/views/airticket/Plan'
|
||||
import AirticketInvoice from '@/views/airticket/Invoice'
|
||||
import AirticketInvoicePaid from '@/views/airticket/InvoicePaid'
|
||||
} from "react-router-dom";
|
||||
import RootStore from "@/stores/Root";
|
||||
import { StoreContext } from '@/stores/StoreContext';
|
||||
import "@/assets/global.css";
|
||||
import App from "@/views/App";
|
||||
import Standlone from "@/views/Standlone";
|
||||
import Login from "@/views/Login";
|
||||
import Index from "@/views/index";
|
||||
import ErrorPage from "@/views/error-page";
|
||||
import ReservationNewest from "@/views/reservation/Newest";
|
||||
import ReservationDetail from "@/views/reservation/Detail";
|
||||
import ChangePassword from "@/views/account/ChangePassword";
|
||||
import AccountProfile from "@/views/account/Profile";
|
||||
import FeedbackIndex from "@/views/feedback/Index";
|
||||
import FeedbackDetail from "@/views/feedback/Detail";
|
||||
import FeedbackCustomerDetail from "@/views/feedback/CustomerDetail";
|
||||
import ReportIndex from "@/views/report/Index";
|
||||
import NoticeIndex from "@/views/notice/Index";
|
||||
import NoticeDetail from "@/views/notice/Detail";
|
||||
import InvoiceIndex from "@/views/invoice/Index";
|
||||
import InvoiceDetail from "@/views/invoice/Detail";
|
||||
import InvoicePaid from "@/views/invoice/Paid";
|
||||
import InvoicePaidDetail from "@/views/invoice/PaidDetail";
|
||||
import ChangeVendor from "@/views/account/ChangeVendor";
|
||||
|
||||
import Trainticket from '@/views/trainticket/index'
|
||||
import TrainticketPlan from '@/views/trainticket/plan'
|
||||
import TrainticketInvoice from '@/views/trainticket/invoice'
|
||||
import TrainticketInvoicePaid from '@/views/trainticket/invoicePaid'
|
||||
|
||||
import { ThemeContext } from '@/stores/ThemeContext'
|
||||
import { usingStorage } from '@/hooks/usingStorage'
|
||||
import useAuthStore from './stores/Auth'
|
||||
import { isNotEmpty } from '@/utils/commons'
|
||||
configure({
|
||||
useProxies: "ifavailable",
|
||||
enforceActions: "observed",
|
||||
computedRequiresReaction: true,
|
||||
observableRequiresReaction: false,
|
||||
reactionRequiresObservable: true,
|
||||
disableErrorBoundaries: process.env.NODE_ENV == "production"
|
||||
});
|
||||
|
||||
import ProductsManage from '@/views/products/Manage';
|
||||
import ProductsDetail from '@/views/products/Detail';
|
||||
import ProductsAudit from '@/views/products/Audit';
|
||||
import ImageViewer from '@/views/ImageViewer';
|
||||
import CustomerImageViewer from '@/views/CustomerImageViewer';
|
||||
import PickYear from './views/products/PickYear'
|
||||
|
||||
import { PERM_ACCOUNT_MANAGEMENT, PERM_ROLE_NEW, PERM_OVERSEA,PERM_TRAIN_TICKET, PERM_AIR_TICKET, PERM_PRODUCTS_MANAGEMENT, PERM_PRODUCTS_OFFER_PUT } from '@/config'
|
||||
|
||||
import './i18n'
|
||||
|
||||
const initRouter = async () => {
|
||||
return createBrowserRouter([
|
||||
{
|
||||
path: '/',
|
||||
element: <App />,
|
||||
errorElement: <ErrorPage />,
|
||||
children: [
|
||||
{ index: true, element: <NoticeIndex /> },
|
||||
{ path: 'account/change-password', element: <ChangePassword />},
|
||||
{ path: 'account/profile', element: <AccountProfile />},
|
||||
{ path: 'account/management', element: <RequireAuth subject={PERM_ACCOUNT_MANAGEMENT} result={true}><AccountManagement /></RequireAuth>},
|
||||
{ path: 'account/role-list', element: <RequireAuth subject={PERM_ROLE_NEW} result={true}><RoleList /></RequireAuth>},
|
||||
//
|
||||
{ path: 'reservation/newest', element: <RequireAuth subject={PERM_OVERSEA} result={true}><ReservationNewest /></RequireAuth>},
|
||||
{ path: 'reservation/:reservationId', element: <RequireAuth subject={PERM_OVERSEA} result={true}><ReservationDetail /></RequireAuth>},
|
||||
//
|
||||
{ path: 'feedback', element: <RequireAuth subject={PERM_OVERSEA} result={true}><FeedbackIndex /></RequireAuth>},
|
||||
{ path: 'feedback/:GRI_SN/:CII_SN/:RefNo', element: <RequireAuth subject={PERM_OVERSEA} result={true}><FeedbackCustomerDetail /></RequireAuth>},
|
||||
{ path: 'feedback/:GRI_SN/:RefNo', element: <RequireAuth subject={PERM_OVERSEA} result={true}><FeedbackDetail /></RequireAuth>},
|
||||
//
|
||||
{ path: 'report', element: <RequireAuth subject={PERM_OVERSEA} result={true}><ReportIndex /></RequireAuth>},
|
||||
//
|
||||
{ path: 'notice', element: <NoticeIndex />},
|
||||
{ path: 'notice/:CCP_BLID', element: <NoticeDetail />},
|
||||
//
|
||||
{ path: 'invoice',element:<RequireAuth subject={PERM_OVERSEA} result={true}><InvoiceIndex /></RequireAuth>},
|
||||
{ path: 'invoice/detail/:GMDSN/:GSN',element:<RequireAuth subject={PERM_OVERSEA} result={true}><InvoiceDetail /></RequireAuth>},
|
||||
{ path: 'invoice/history/:GMDSN/:GSN',element:<RequireAuth subject={PERM_OVERSEA} result={true}><InvoiceHistory /></RequireAuth>},
|
||||
{ path: 'invoice/paid',element:<RequireAuth subject={PERM_OVERSEA} result={true}><InvoicePaid /></RequireAuth>},
|
||||
{ path: 'invoice/paid/detail/:flid', element: <RequireAuth subject={PERM_OVERSEA} result={true}><InvoicePaidDetail /></RequireAuth>},
|
||||
{ path: 'airticket',element: <RequireAuth subject={PERM_AIR_TICKET} result={true}><Airticket /></RequireAuth>},
|
||||
{ path: 'airticket/plan/:coli_sn/:gri_sn',element:<RequireAuth subject={PERM_AIR_TICKET} result={true}><AirticketPlan /></RequireAuth>},
|
||||
{ path: 'airticket/invoice',element:<RequireAuth subject={PERM_AIR_TICKET} result={true}><AirticketInvoice /></RequireAuth>},
|
||||
{ path: 'airticket/invoicepaid',element:<RequireAuth subject={PERM_AIR_TICKET} result={true}><AirticketInvoicePaid /></RequireAuth>},
|
||||
//
|
||||
{ path: 'trainticket',element: <RequireAuth subject={PERM_TRAIN_TICKET} result={true}><Trainticket /></RequireAuth>},
|
||||
{ path: 'trainticket/plan/:coli_sn/:gri_sn',element:<RequireAuth subject={PERM_TRAIN_TICKET} result={true}><TrainticketPlan /></RequireAuth>},
|
||||
{ path: 'trainticket/invoice',element:<RequireAuth subject={PERM_TRAIN_TICKET} result={true}><TrainticketInvoice /></RequireAuth>},
|
||||
{ path: 'trainticket/invoicepaid',element:<RequireAuth subject={PERM_TRAIN_TICKET} result={true}><TrainticketInvoicePaid /></RequireAuth>},
|
||||
//
|
||||
{ path: "products",element: <RequireAuth subject={PERM_PRODUCTS_MANAGEMENT} result={true}><ProductsManage /></RequireAuth>},
|
||||
{ path: "products/:travel_agency_id/:use_year/:audit_state/audit",element:<RequireAuth subject={PERM_PRODUCTS_MANAGEMENT} result={true}><ProductsAudit /></RequireAuth>},
|
||||
{ path: "products/:travel_agency_id/:use_year/:audit_state/edit",element:<RequireAuth subject={PERM_PRODUCTS_OFFER_PUT} result={true}><ProductsDetail /></RequireAuth>},
|
||||
{ path: "products/audit",element:<RequireAuth subject={PERM_PRODUCTS_OFFER_PUT} result={true}><ProductsAudit /></RequireAuth>},
|
||||
{ path: "products/edit",element:<RequireAuth subject={PERM_PRODUCTS_OFFER_PUT} result={true}><ProductsDetail /></RequireAuth>},
|
||||
{ path: "products/pick-year",element: <RequireAuth subject={PERM_PRODUCTS_OFFER_PUT} result={true}><PickYear /></RequireAuth>},
|
||||
//
|
||||
]
|
||||
},
|
||||
{
|
||||
element: <Standlone />,
|
||||
children: [
|
||||
{ path: '/login', element: <Login /> },
|
||||
{ path: '/logout', element: <Logout /> },
|
||||
{ path: '/image-viewer/:GRI_SN/:GRI_No', element: <ImageViewer /> },
|
||||
{ path: '/customer-image/:key', element: <CustomerImageViewer /> },
|
||||
]
|
||||
}
|
||||
])
|
||||
}
|
||||
|
||||
const initAppliction = async () => {
|
||||
|
||||
const { loginToken, userId } = usingStorage()
|
||||
|
||||
if (isNotEmpty(userId) && isNotEmpty(loginToken)) {
|
||||
await useAuthStore.getState().initAuth()
|
||||
const router = createBrowserRouter([
|
||||
{
|
||||
path: "/",
|
||||
element: <App />,
|
||||
errorElement: <ErrorPage />,
|
||||
children: [
|
||||
{ index: true, element: <Index /> },
|
||||
{ path: "reservation/newest", element: <ReservationNewest />},
|
||||
{ path: "reservation/:reservationId", element: <ReservationDetail />},
|
||||
{ path: "account/change-password", element: <ChangePassword />},
|
||||
{ path: "account/profile", element: <AccountProfile />},
|
||||
{ path: "feedback", element: <FeedbackIndex />},
|
||||
{ path: "feedback/:GRI_SN/:RefNo", element: <FeedbackDetail />},
|
||||
{ path: "feedback/:GRI_SN/:CII_SN/:RefNo", element: <FeedbackCustomerDetail />},
|
||||
{ path: "report", element: <ReportIndex />},
|
||||
{ path: "notice", element: <NoticeIndex />},
|
||||
{ path: "notice/:CCP_BLID", element: <NoticeDetail />},
|
||||
{ path: "invoice",element:<InvoiceIndex />},
|
||||
{ path: "invoice/detail/:GMDSN/:GSN",element:<InvoiceDetail />},
|
||||
{ path: "invoice/paid",element:<InvoicePaid />},
|
||||
{ path: "invoice/paid/detail/:flid",element:<InvoicePaidDetail />},
|
||||
{ path: "account/change-vendor",element:<ChangeVendor />},
|
||||
]
|
||||
},
|
||||
{
|
||||
element: <Standlone />,
|
||||
children: [
|
||||
{ path: "/login", element: <Login /> },
|
||||
]
|
||||
}
|
||||
]);
|
||||
|
||||
const router = await initRouter()
|
||||
const root = document.getElementById('root')
|
||||
const rootStore = new RootStore();
|
||||
|
||||
if (!root) throw new Error('No root element found')
|
||||
|
||||
createRoot(root).render(
|
||||
//<React.StrictMode>
|
||||
<ThemeContext.Provider value={{ colorPrimary: '#00b96b', borderRadius: 4 }}>
|
||||
ReactDOM.createRoot(document.getElementById("root")).render(
|
||||
//<React.StrictMode>
|
||||
<StoreContext.Provider value={rootStore}>
|
||||
<RouterProvider
|
||||
future={{
|
||||
v7_startTransition: true,
|
||||
}}
|
||||
router={router}
|
||||
fallbackElement={() => <div>Loading...</div>}
|
||||
/>
|
||||
</ThemeContext.Provider>
|
||||
//</React.StrictMode>
|
||||
)
|
||||
}
|
||||
|
||||
initAppliction()
|
||||
</StoreContext.Provider>
|
||||
//</React.StrictMode>
|
||||
);
|
||||
|
||||
@ -1,191 +0,0 @@
|
||||
import { create } from 'zustand'
|
||||
import { devtools } from 'zustand/middleware'
|
||||
import { fetchJSON, postForm } from '@/utils/request'
|
||||
import { isEmpty, isNotEmpty } from '@/utils/commons'
|
||||
import { HT_HOST } from "@/config"
|
||||
import { usingStorage } from '@/hooks/usingStorage'
|
||||
|
||||
export const postAccountStatus = async (formData) => {
|
||||
|
||||
const { errcode, result } = await postForm(
|
||||
`${HT_HOST}/service-CooperateSOA/set_account_status`, formData)
|
||||
return errcode !== 0 ? {} : result
|
||||
}
|
||||
|
||||
export const postAccountPassword = async (formData) => {
|
||||
|
||||
const { errcode, result } = await postForm(
|
||||
`${HT_HOST}/service-CooperateSOA/reset_account_password`, formData)
|
||||
return errcode !== 0 ? {} : result
|
||||
}
|
||||
|
||||
export const fetchAccountList = async (params) => {
|
||||
|
||||
const { errcode, result } = await fetchJSON(
|
||||
`${HT_HOST}/service-CooperateSOA/search_account`, params)
|
||||
return errcode !== 0 ? {} : result
|
||||
}
|
||||
|
||||
export const postAccountForm = async (formData) => {
|
||||
|
||||
const { errcode, result } = await postForm(
|
||||
`${HT_HOST}/service-CooperateSOA/new_or_update_account`, formData)
|
||||
return errcode !== 0 ? {} : result
|
||||
}
|
||||
|
||||
export const postRoleForm = async (formData) => {
|
||||
|
||||
const { errcode, result } = await postForm(
|
||||
`${HT_HOST}/service-CooperateSOA/new_or_update_role`, formData)
|
||||
return errcode !== 0 ? {} : result
|
||||
}
|
||||
|
||||
export const fetchRoleList = async () => {
|
||||
|
||||
const { errcode, result } = await fetchJSON(
|
||||
`${HT_HOST}/service-CooperateSOA/get_role_list`)
|
||||
return errcode !== 0 ? {} : result
|
||||
}
|
||||
|
||||
export const fetchPermissionList = async () => {
|
||||
|
||||
const { errcode, result } = await fetchJSON(
|
||||
`${HT_HOST}/service-CooperateSOA/get_all_permission_list`)
|
||||
return errcode !== 0 ? {} : result
|
||||
}
|
||||
|
||||
export const fetchPermissionListByRoleId = async (params) => {
|
||||
|
||||
const { errcode, result } = await fetchJSON(
|
||||
`${HT_HOST}/service-CooperateSOA/get_role_permission_list`, params)
|
||||
return errcode !== 0 ? {} : result
|
||||
}
|
||||
|
||||
export const fetchTravelAgencyByName = async (name) => {
|
||||
|
||||
const { errcode, result } = await fetchJSON(
|
||||
`${HT_HOST}/Service_BaseInfoWeb/VendorList`, {q: name})
|
||||
return errcode !== 0 ? {} : result
|
||||
}
|
||||
|
||||
export const genRandomPassword = () => {
|
||||
let result = ''
|
||||
const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'
|
||||
const charactersLength = characters.length
|
||||
|
||||
for (let i = 0; i < 6; i++) {
|
||||
result += characters.charAt(Math.floor(Math.random() * charactersLength))
|
||||
}
|
||||
|
||||
result += '@' + (Math.floor(Math.random() * 900) + 100)
|
||||
|
||||
return result
|
||||
}
|
||||
|
||||
const useAccountStore = create(devtools((set) => ({
|
||||
|
||||
accountList: [],
|
||||
|
||||
toggleAccountStatus: async (userId, status) => {
|
||||
|
||||
const statusValue = status ? 'enable' : 'disable'
|
||||
|
||||
const formData = new FormData()
|
||||
formData.append('lmi_sn', userId)
|
||||
formData.append('account_status', statusValue)
|
||||
|
||||
return postAccountStatus(formData)
|
||||
},
|
||||
|
||||
resetAccountPassword: async (userId, password) => {
|
||||
|
||||
const formData = new FormData()
|
||||
formData.append('lmi_sn', userId)
|
||||
formData.append('newPassword', password)
|
||||
|
||||
return postAccountPassword(formData)
|
||||
},
|
||||
|
||||
newEmptyRole: () => ({
|
||||
role_id: null,
|
||||
role_name: '',
|
||||
role_ids: ''
|
||||
}),
|
||||
|
||||
newEmptyAccount: () => {
|
||||
return {
|
||||
accountId: null,
|
||||
userId: null,
|
||||
lmi2_sn: null,
|
||||
username: '',
|
||||
realname: '',
|
||||
email: '',
|
||||
travelAgencyId: null,
|
||||
roleId: ''
|
||||
}
|
||||
},
|
||||
|
||||
saveOrUpdateRole: async (formValues) => {
|
||||
const formData = new FormData()
|
||||
formData.append('role_id', formValues.role_id)
|
||||
formData.append('role_name', formValues.role_name)
|
||||
formData.append('res_ids', formValues.res_array.join(','))
|
||||
|
||||
return postRoleForm(formData)
|
||||
},
|
||||
|
||||
saveOrUpdateAccount: async (formValues) => {
|
||||
const { userId } = usingStorage()
|
||||
const formData = new FormData()
|
||||
formData.append('wu_id', formValues.accountId)
|
||||
formData.append('lmi_sn', formValues.userId)
|
||||
formData.append('lmi2_sn', formValues.lmi2_sn)
|
||||
formData.append('user_name', formValues.username)
|
||||
formData.append('real_name', formValues.realname)
|
||||
formData.append('email', formValues.email)
|
||||
formData.append('travel_agency_id', formValues.travelAgencyId)
|
||||
formData.append('roles', formValues.roleId)
|
||||
|
||||
formData.append('opi_sn', userId)
|
||||
|
||||
return postAccountForm(formData)
|
||||
},
|
||||
|
||||
searchAccountByCriteria: async (formValues) => {
|
||||
let travel_agency_ids = null
|
||||
if (isNotEmpty(formValues.agency)) {
|
||||
travel_agency_ids = formValues.agency.map((ele) => ele.key).join(',')
|
||||
}
|
||||
const searchParams = {
|
||||
username: formValues.username,
|
||||
travel_agency_ids: travel_agency_ids,
|
||||
lgc: 2
|
||||
}
|
||||
|
||||
const resultArray = await fetchAccountList(searchParams)
|
||||
|
||||
const mapAccoutList = resultArray.map((r) => {
|
||||
return {
|
||||
accountId: r.wu_id,
|
||||
userId: r.lmi_sn,
|
||||
lmi2_sn: r.lmi2_sn,
|
||||
username: r.user_name,
|
||||
realname: r.real_name,
|
||||
email: r.email,
|
||||
lastLogin: r.wu_lastlogindate,
|
||||
travelAgencyName: r.travel_agency_name,
|
||||
travelAgencyId: r.travel_agency_id,
|
||||
disabled: r.wu_limitsign,
|
||||
// 数据库支持逗号分隔多角色(5,6,7)，目前界面只需单个。
|
||||
roleId: isEmpty(r.roles) ? 0 : parseInt(r.roles),
|
||||
role: r.roles_name,
|
||||
}
|
||||
})
|
||||
|
||||
set(() => ({
|
||||
accountList: mapAccoutList
|
||||
}))
|
||||
},
|
||||
}), { name: 'accountStore' }))
|
||||
|
||||
export default useAccountStore
|
||||
@ -1,12 +0,0 @@
|
||||
import { create } from 'zustand';
|
||||
import { devtools } from 'zustand/middleware';
|
||||
|
||||
export const useFormStore = create(
|
||||
devtools((set, get) => ({
|
||||
formValues: {},
|
||||
setFormValues: (values) => set((state) => ({ formValues: { ...state.formValues, ...values } })),
|
||||
formValuesToSub: {},
|
||||
setFormValuesToSub: (values) => set((state) => ({ formValuesToSub: { ...state.formValuesToSub, ...values } })),
|
||||
}), { name: 'formStore' })
|
||||
);
|
||||
export default useFormStore;
|
||||
@ -1,135 +1,370 @@
|
||||
import { makeAutoObservable, runInAction } from "mobx";
|
||||
import { fetchJSON, postForm } from "@/utils/request";
|
||||
import { prepareUrl, isNotEmpty } from "@/utils/commons";
|
||||
import { HT_HOST } from "@/config";
|
||||
import { json } from "react-router-dom";
|
||||
import * as config from "@/config";
|
||||
import dayjs from "dayjs";
|
||||
|
||||
import { create } from 'zustand';
|
||||
import { devtools } from 'zustand/middleware';
|
||||
|
||||
export const fetchInvoiceDetail = async (VEI_SN, GMD_SN, GRI_SN) => {
|
||||
const { errcode, ...json } = await fetchJSON(`${HT_HOST}/service-cusservice/PTGetZDDetail`, { VEI_SN, GMD_SN, GRI_SN, LGC: 1, Bill: 1 });
|
||||
return errcode !== 0 ? {} : { invoiceGroupInfo: json.GroupInfo[0], invoiceProductList: json.ProductList, invoiceCurrencyList: json.CurrencyList, invoiceZDDetail: json.ZDDetail };
|
||||
};
|
||||
|
||||
export const getInvoicekImages = async (VEI_SN, GRI_SN) => {
|
||||
const { errcode, result, ...json } = await fetchJSON(`${HT_HOST}/service-fileServer/ListFile`, { VEI_SN, GRI_SN, FilePathName: 'invoice' });
|
||||
return errcode !== 0 ? [] : result.map((data, index) => {
|
||||
return {
|
||||
uid: -index, //用负数，防止添加删除的时候错误
|
||||
name: data.file_name,
|
||||
status: "done",
|
||||
url: data.file_url,
|
||||
};
|
||||
});
|
||||
};
|
||||
|
||||
export const postEditInvoiceDetail = async (LMI_SN, GMD_SN, Currency, Cost, PayDate, Pic, Memo) => {
|
||||
const postbody = { LMI_SN, GMD_SN, Currency, Cost, PayDate, Pic, Memo };
|
||||
const formData = new FormData();
|
||||
Object.keys(postbody).forEach((key) => {
|
||||
formData.append(key, postbody[key]);
|
||||
});
|
||||
const res = await postForm(`${HT_HOST}/service-cusservice/EditSupplierFK`, formData);
|
||||
return res;
|
||||
};
|
||||
|
||||
export const postAddInvoice = async (LMI_SN, VEI_SN, GRI_SN, Currency, Cost, PayDate, Pic, Memo) => {
|
||||
const postbody = { LMI_SN, VEI_SN, GRI_SN, Currency, Cost, PayDate, Pic, Memo };
|
||||
const formData = new FormData();
|
||||
Object.keys(postbody).forEach((key) => {
|
||||
formData.append(key, postbody[key]);
|
||||
});
|
||||
const res = await postForm(`${HT_HOST}/service-cusservice/AddSupplierFK`, formData);
|
||||
return res;
|
||||
};
|
||||
|
||||
export const getInvoicePaid = async (VEI_SN, GroupNo, DateStart, DateEnd) => {
|
||||
const { errcode, Result } = await fetchJSON(`${HT_HOST}/service-Cooperate/Cooperate/GetInvoicePaid`, {VEI_SN, GroupNo, DateStart, DateEnd});
|
||||
return errcode !== 0 ? [] : (Result || []).map((data, index) => ({ ...data, key: data.fl_id, }));
|
||||
};
|
||||
|
||||
export const fetchInvoicePaidDetail = async (VEI_SN, FLID) => {
|
||||
const { errcode, Result } = await fetchJSON(`${HT_HOST}/service-Cooperate/Cooperate/GetInvoicePaidDetail`, { VEI_SN, fl_id: FLID });
|
||||
return errcode !== 0 ? [] : (Result || []).map((data, index) => ({ ...data, key: data.fl2_id, }));
|
||||
};
|
||||
|
||||
const initialState = {
|
||||
invoiceList: [], //账单列表
|
||||
invoicekImages: [], //图片列表
|
||||
invoiceGroupInfo: {}, //账单详细
|
||||
invoiceProductList: [], //账单细项
|
||||
invoiceZDDetail: [], //报账信息
|
||||
invoiceCurrencyList: [], //币种
|
||||
invoicePicList: [], //多账单图片列表数组
|
||||
invoiceFormData: { info_money: 0, info_Currency: '', info_date: '' }, //存储form数据
|
||||
|
||||
invoicePaid: [], //支付账单列表
|
||||
invoicePaidDetail: [], //每期账单详细
|
||||
|
||||
loading: false,
|
||||
};
|
||||
const useInvoiceStore = create(
|
||||
devtools((set, get) => ({
|
||||
// 初始化状态
|
||||
...initialState,
|
||||
reset: () => set(initialState),
|
||||
|
||||
setLoading: (loading) => set(() => ({ loading })),
|
||||
|
||||
setInvoiceList: (invoiceList) => set(() => ({ invoiceList })),
|
||||
setInvoicePaid: (invoicePaid) => set(() => ({ invoicePaid })),
|
||||
|
||||
async fetchInvoiceList(VEI_SN, GroupNo, DateStart, DateEnd,OrderType){
|
||||
const { setLoading, setInvoiceList } = get();
|
||||
setLoading(true);
|
||||
const searchParams = {
|
||||
VEI_SN,
|
||||
GroupNo,
|
||||
DateStart,
|
||||
DateEnd,
|
||||
OrderType: 0,
|
||||
TimeType: 0,
|
||||
limitmarket: '',
|
||||
mddgroup: '',
|
||||
SecuryGroup: '',
|
||||
TotalNum: 0,
|
||||
PageSize: 2000,
|
||||
PageIndex: 1,
|
||||
PayState: OrderType,
|
||||
};
|
||||
const { errcode, Result } = await fetchJSON(`${HT_HOST}/service-cusservice/PTSearchGMBPageList`, searchParams);
|
||||
const _result = errcode !== 0 ? [] : (Result || []).map((data, index) => {
|
||||
return {
|
||||
key: data.GMDSN,
|
||||
gmd_gri_sn: data.GMD_GRI_SN,
|
||||
gmd_vei_sn: data.GMD_VEI_SN,
|
||||
GetGDate: data.GetGDate,
|
||||
GMD_FillWorkers_SN: data.GMD_FillWorkers_SN,
|
||||
GMD_FWks_LastEditTime: data.GMD_FWks_LastEditTime,
|
||||
GMD_VerifyUser_SN: data.GMD_VerifyUser_SN,
|
||||
GMD_Dealed: data.GMD_Dealed,
|
||||
GMD_VRequestVerify: data.GMD_VRequestVerify,
|
||||
LeftGDate: data.LeftGDate,
|
||||
GMD_FillWorkers_Name: data.GMD_FillWorkers_Name,
|
||||
GroupName: data.GroupName,
|
||||
AllMoney: data.AllMoney,
|
||||
PersonNum: data.PersonNum,
|
||||
GMD_Currency: data.GMD_Currency,
|
||||
VName: data.VName,
|
||||
FKState: data.FKState,
|
||||
};
|
||||
});
|
||||
setInvoiceList(_result);
|
||||
setLoading(false);
|
||||
},
|
||||
|
||||
async fetchInvoicePaid(VEI_SN, GroupNo, DateStart, DateEnd){
|
||||
const { setLoading, setInvoicePaid } = get();
|
||||
setLoading(true);
|
||||
const res = await getInvoicePaid(VEI_SN, GroupNo, DateStart, DateEnd);
|
||||
setInvoicePaid(res);
|
||||
setLoading(false);
|
||||
},
|
||||
|
||||
}), { name: 'invoiceStore'})
|
||||
);
|
||||
|
||||
export default useInvoiceStore;
|
||||
class Invoice {
|
||||
constructor(root) {
|
||||
makeAutoObservable(this, { rootStore: false });
|
||||
this.root = root;
|
||||
}
|
||||
|
||||
invoiceList = []; //账单列表
|
||||
invoicekImages = []; //图片列表
|
||||
invoiceGroupInfo = {}; //账单详细
|
||||
invoiceProductList = []; //账单细项
|
||||
invoiceZDDetail = []; //报账信息
|
||||
invoiceCurrencyList = []; //币种
|
||||
invoicePicList = []; //多账单图片列表数组
|
||||
invoiceFormData = { info_money: 0, info_Currency: "", info_date: "" }; //存储form数据
|
||||
|
||||
invoicePaid = [] ; //支付账单列表
|
||||
invoicePaidDetail = []; //每期账单详细
|
||||
|
||||
loading = false;
|
||||
search_date_start = dayjs().subtract(2, "M").startOf("M");
|
||||
search_date_end = dayjs().endOf("M");
|
||||
|
||||
onDateRangeChange = dates => {
|
||||
console.log(dates);
|
||||
this.search_date_start = dates==null? null: dates[0];
|
||||
this.search_date_end = dates==null? null: dates[1];
|
||||
};
|
||||
|
||||
fetchInvoiceList(VEI_SN, GroupNo, DateStart, DateEnd,OrderType) {
|
||||
this.loading = true;
|
||||
const fetchUrl = prepareUrl(HT_HOST + "/service-cusservice/PTSearchGMBPageList")
|
||||
.append("VEI_SN", VEI_SN)
|
||||
.append("OrderType", 0)
|
||||
.append("GroupNo", GroupNo.trim())
|
||||
.append("DateStart", DateStart)
|
||||
.append("DateEnd", DateEnd)
|
||||
.append("Orderbytype", 1)
|
||||
.append("TimeType", 0)
|
||||
.append("limitmarket", "")
|
||||
.append("mddgroup", "")
|
||||
.append("SecuryGroup", "")
|
||||
.append("TotalNum", 0)
|
||||
.append("PageSize", 2000)
|
||||
.append("PageIndex", 1)
|
||||
.append("PayState",OrderType)
|
||||
.append("token",this.root.authStore.login.token)
|
||||
.build();
|
||||
|
||||
return fetchJSON(fetchUrl).then(json => {
|
||||
runInAction(() => {
|
||||
this.loading = false;
|
||||
if (json.errcode == 0) {
|
||||
if (isNotEmpty(json.Result)) {
|
||||
this.invoiceList = json.Result.map((data, index) => {
|
||||
return {
|
||||
key: data.GMDSN,
|
||||
gmd_gri_sn: data.GMD_GRI_SN,
|
||||
gmd_vei_sn: data.GMD_VEI_SN,
|
||||
GetGDate: data.GetGDate,
|
||||
GMD_FillWorkers_SN: data.GMD_FillWorkers_SN,
|
||||
GMD_FWks_LastEditTime: data.GMD_FWks_LastEditTime,
|
||||
GMD_VerifyUser_SN: data.GMD_VerifyUser_SN,
|
||||
GMD_Dealed: data.GMD_Dealed,
|
||||
GMD_VRequestVerify: data.GMD_VRequestVerify,
|
||||
LeftGDate: data.LeftGDate,
|
||||
GMD_FillWorkers_Name: data.GMD_FillWorkers_Name,
|
||||
GroupName: data.GroupName,
|
||||
AllMoney: data.AllMoney,
|
||||
PersonNum: data.PersonNum,
|
||||
GMD_Currency: data.GMD_Currency,
|
||||
VName: data.VName,
|
||||
FKState: data.FKState,
|
||||
};
|
||||
});
|
||||
} else {
|
||||
this.invoiceList = [];
|
||||
}
|
||||
} else {
|
||||
throw new Error(json.errmsg + ": " + json.errcode);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
fetchInvoiceDetail(GMDSN, GSN) {
|
||||
const fetchUrl = prepareUrl(HT_HOST + "/service-cusservice/PTGetZDDetail")
|
||||
.append("VEI_SN", this.root.authStore.login.travelAgencyId)
|
||||
.append("GRI_SN", GSN)
|
||||
.append("GMD_SN", GMDSN)
|
||||
.append("LGC", 1)
|
||||
.append("Bill", 1)
|
||||
.append("token",this.root.authStore.login.token)
|
||||
.build();
|
||||
|
||||
return fetchJSON(fetchUrl).then(json => {
|
||||
runInAction(() => {
|
||||
if (json.errcode == 0) {
|
||||
this.invoiceGroupInfo = json.GroupInfo[0];
|
||||
this.invoiceProductList = json.ProductList;
|
||||
this.invoiceCurrencyList = json.CurrencyList;
|
||||
this.invoiceZDDetail = json.ZDDetail;
|
||||
} else {
|
||||
throw new Error(json.errmsg + ": " + json.errcode);
|
||||
}
|
||||
});
|
||||
return json;
|
||||
});
|
||||
}
|
||||
|
||||
//获取供应商提交的图片
|
||||
getInvoicekImages(VEI_SN, GRI_SN) {
|
||||
let url = `/service-fileServer/ListFile`;
|
||||
url += `?GRI_SN=${GRI_SN}&VEI_SN=${VEI_SN}&FilePathName=invoice`;
|
||||
url += `&token=${this.root.authStore.login.token}`;
|
||||
fetch(config.HT_HOST + url)
|
||||
.then(response => response.json())
|
||||
.then(json => {
|
||||
console.log(json);
|
||||
runInAction(() => {
|
||||
this.invoicekImages = json.result.map((data, index) => {
|
||||
return {
|
||||
uid: -index, //用负数，防止添加删除的时候错误
|
||||
name: data.file_name,
|
||||
status: "done",
|
||||
url: data.file_url,
|
||||
};
|
||||
});
|
||||
});
|
||||
})
|
||||
.catch(error => {
|
||||
console.log("fetch data failed", error);
|
||||
});
|
||||
}
|
||||
|
||||
//从数据库获取图片列表
|
||||
getInvoicekImages_fromData(jsonData) {
|
||||
let arrLen = jsonData.length;
|
||||
let arrPicList = jsonData.map((data, index) => {
|
||||
const GMD_Pic = data.GMD_Pic;
|
||||
let picList = [];
|
||||
if (isNotEmpty(GMD_Pic)) {
|
||||
let js_Pic = JSON.parse(GMD_Pic);
|
||||
picList = js_Pic.map((picData, pic_Index) => {
|
||||
return {
|
||||
uid: -pic_Index, //用负数，防止添加删除的时候错误
|
||||
name: "",
|
||||
status: "done",
|
||||
url: picData.url,
|
||||
};
|
||||
});
|
||||
}
|
||||
if (data.GMD_Dealed == false && arrLen == index + 1) {
|
||||
this.invoicekImages = picList;
|
||||
}
|
||||
return picList;
|
||||
});
|
||||
|
||||
runInAction(() => {
|
||||
this.invoicePicList = arrPicList;
|
||||
});
|
||||
}
|
||||
|
||||
//获取数据库的表单默认数据回填。
|
||||
getFormData(jsonData) {
|
||||
let arrLen = jsonData.length;
|
||||
return jsonData.map((data, index) => {
|
||||
if (data.GMD_Dealed == false && arrLen == index + 1) {
|
||||
//只有最后一条账单未审核通过才显示
|
||||
runInAction(() => {
|
||||
this.invoiceFormData = { info_money: data.GMD_Cost, info_Currency: data.GMD_Currency, info_date: isNotEmpty(data.GMD_PayDate) ? dayjs(data.GMD_PayDate) : "" };
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
removeFeedbackImages(fileurl) {
|
||||
let url = `/service-fileServer/FileDelete`;
|
||||
url += `?fileurl=${fileurl}`;
|
||||
url += `&token=${this.root.authStore.login.token}`;
|
||||
return fetch(config.HT_HOST + url)
|
||||
.then(response => response.json())
|
||||
.then(json => {
|
||||
console.log(json);
|
||||
return json.Result;
|
||||
})
|
||||
.catch(error => {
|
||||
console.log("fetch data failed", error);
|
||||
});
|
||||
}
|
||||
|
||||
postEditInvoiceDetail(GMD_SN, Currency, Cost, PayDate, Pic, Memo) {
|
||||
let postUrl = HT_HOST + "/service-cusservice/EditSupplierFK";
|
||||
let formData = new FormData();
|
||||
formData.append("LMI_SN", this.root.authStore.login.userId);
|
||||
formData.append("GMD_SN", GMD_SN);
|
||||
formData.append("Currency", Currency);
|
||||
formData.append("Cost", Cost);
|
||||
formData.append("PayDate", isNotEmpty(PayDate) ? PayDate : "");
|
||||
formData.append("Pic", Pic);
|
||||
formData.append("Memo", Memo);
|
||||
formData.append("token",this.root.authStore.login.token);
|
||||
|
||||
return postForm(postUrl, formData).then(json => {
|
||||
console.info(json);
|
||||
return json;
|
||||
});
|
||||
}
|
||||
|
||||
postAddInvoice(GRI_SN, Currency, Cost, PayDate, Pic, Memo) {
|
||||
let postUrl = HT_HOST + "/service-cusservice/AddSupplierFK";
|
||||
let formData = new FormData();
|
||||
formData.append("LMI_SN", this.root.authStore.login.userId);
|
||||
formData.append("VEI_SN", this.root.authStore.login.travelAgencyId);
|
||||
formData.append("GRI_SN", GRI_SN);
|
||||
formData.append("Currency", Currency);
|
||||
formData.append("Cost", Cost);
|
||||
formData.append("PayDate", isNotEmpty(PayDate) ? PayDate : "");
|
||||
formData.append("Pic", Pic);
|
||||
formData.append("Memo", Memo);
|
||||
formData.append("token",this.root.authStore.login.token);
|
||||
return postForm(postUrl, formData).then(json => {
|
||||
console.info(json);
|
||||
return json;
|
||||
});
|
||||
}
|
||||
|
||||
//账单状态
|
||||
invoiceStatus(FKState) {
|
||||
switch (FKState - 1) {
|
||||
case 1:
|
||||
return "Submitted";
|
||||
break;
|
||||
case 2:
|
||||
return "Travel Advisor";
|
||||
break;
|
||||
case 3:
|
||||
return "Finance Dept";
|
||||
break;
|
||||
case 4:
|
||||
return "Paid";
|
||||
break;
|
||||
default:
|
||||
return "";
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
fetchInvoicePaid(VEI_SN, GroupNo, DateStart, DateEnd) {
|
||||
this.loading = true;
|
||||
const fetchUrl = prepareUrl(HT_HOST + "/service-Cooperate/Cooperate/GetInvoicePaid")
|
||||
.append("VEI_SN", VEI_SN)
|
||||
.append("GroupNo", GroupNo)
|
||||
.append("DateStart", DateStart)
|
||||
.append("DateEnd", DateEnd)
|
||||
.append("token",this.root.authStore.login.token)
|
||||
.build();
|
||||
|
||||
return fetchJSON(fetchUrl).then(json => {
|
||||
runInAction(() => {
|
||||
this.loading = false;
|
||||
if (json.errcode == 0) {
|
||||
if (isNotEmpty(json.Result)) {
|
||||
this.invoicePaid = json.Result.map((data, index) => {
|
||||
return {
|
||||
key: data.fl_id,
|
||||
fl_finaceNo: data.fl_finaceNo,
|
||||
fl_vei_sn: data.fl_vei_sn,
|
||||
fl_year: data.fl_year,
|
||||
fl_month: data.fl_month,
|
||||
fl_memo: data.fl_memo,
|
||||
fl_adddate: data.fl_adddate,
|
||||
fl_addUserSn: data.fl_addUserSn,
|
||||
fl_updateUserSn: data.fl_updateUserSn,
|
||||
fl_updatetime: data.fl_updatetime,
|
||||
fl_state: data.fl_state,
|
||||
fl_paid: data.fl_paid,
|
||||
fl_pic: data.fl_pic,
|
||||
fcount: data.fcount,
|
||||
pSum: data.pSum,
|
||||
};
|
||||
});
|
||||
} else {
|
||||
this.invoicePaid = [];
|
||||
}
|
||||
} else {
|
||||
throw new Error(json.errmsg + ": " + json.errcode);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
fetchInvoicePaidDetail(VEI_SN,FLID){
|
||||
this.loading = true;
|
||||
const fetchUrl = prepareUrl(HT_HOST + "/service-Cooperate/Cooperate/GetInvoicePaidDetail")
|
||||
.append("VEI_SN", VEI_SN)
|
||||
.append("fl_id", FLID)
|
||||
.append("token",this.root.authStore.login.token)
|
||||
.build();
|
||||
|
||||
return fetchJSON(fetchUrl).then(json => {
|
||||
runInAction(() => {
|
||||
this.loading = false;
|
||||
if (json.errcode == 0) {
|
||||
if (isNotEmpty(json.Result)) {
|
||||
this.invoicePaidDetail = json.Result.map((data, index) => {
|
||||
return {
|
||||
key: data.fl2_id,
|
||||
fl2_fl_id: data.fl2_fl_id,
|
||||
fl2_GroupName: data.fl2_GroupName,
|
||||
fl2_gri_sn: data.fl2_gri_sn,
|
||||
fl2_gmd_sn: data.fl2_gmd_sn,
|
||||
fl2_wl: data.fl2_wl,
|
||||
fl2_ArriveDate: data.fl2_ArriveDate,
|
||||
fl2_price: data.fl2_price,
|
||||
fl2_state: data.fl2_state,
|
||||
fl2_updatetime: data.fl2_updatetime,
|
||||
fl2_updateUserSn: data.fl2_updateUserSn,
|
||||
fl2_memo: data.fl2_memo,
|
||||
fl2_memo2: data.fl2_memo2,
|
||||
fl2_paid: data.fl2_paid,
|
||||
fl2_pic: data.fl2_pic,
|
||||
};
|
||||
});
|
||||
} else {
|
||||
this.invoicePaidDetail = [];
|
||||
}
|
||||
} else {
|
||||
throw new Error(json.errmsg + ": " + json.errcode);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/* 测试数据 */
|
||||
//账单列表范例数据
|
||||
testData = [
|
||||
{
|
||||
GSMSN: 449865,
|
||||
gmd_gri_sn: 334233,
|
||||
gmd_vei_sn: 628,
|
||||
GetDate: "2023-04-2 00:33:33",
|
||||
GMD_FillWorkers_SN: 8617,
|
||||
GMD_FWks_LastEditTime: "2023-04-26 12:33:33",
|
||||
GMD_VerifyUser_SN: 8928,
|
||||
GMD_Dealed: 1,
|
||||
GMD_VRequestVerify: 1,
|
||||
TotalCount: 22,
|
||||
LeftGDate: "2023-03-30 00:00:00",
|
||||
GMD_FillWorkers_Name: "",
|
||||
GroupName: " 中华游230501-CA230402033",
|
||||
AllMoney: 3539,
|
||||
FKState: 1,
|
||||
GMD_Currency: "",
|
||||
PersonNum: "1大1小",
|
||||
VName: "",
|
||||
},
|
||||
];
|
||||
}
|
||||
|
||||
export default Invoice;
|
||||
|
||||
@ -1,463 +0,0 @@
|
||||
import { create } from 'zustand';
|
||||
import { devtools } from 'zustand/middleware';
|
||||
import dayjs from 'dayjs'
|
||||
import { fetchJSON, postForm, postJSON } from '@/utils/request';
|
||||
import { HT_HOST } from '@/config';
|
||||
import { groupBy, generateId, isNotEmpty } from '@/utils/commons';
|
||||
|
||||
export const searchAgencyAction = async (param) => {
|
||||
const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/products_search`, param);
|
||||
return errcode !== 0 ? [] : result;
|
||||
};
|
||||
|
||||
/**
|
||||
* 搜索所有产品, 返回产品列表
|
||||
* ! 只有审核通过, 已发布的
|
||||
* @param {object} params { keyword, use_year, product_types, travel_agency_id, city }
|
||||
*/
|
||||
export const searchPublishedProductsAction = async (param) => {
|
||||
const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/web_products_search`, param);
|
||||
return errcode !== 0 ? [] : result;
|
||||
};
|
||||
|
||||
export const copyAgencyDataAction = async (postbody) => {
|
||||
const formData = new FormData();
|
||||
Object.keys(postbody).forEach((key) => {
|
||||
formData.append(key, postbody[key]);
|
||||
});
|
||||
const { errcode, result } = await postForm(`${HT_HOST}/Service_BaseInfoWeb/agency_products_copy`, formData);
|
||||
return errcode === 0 ? true : false;
|
||||
};
|
||||
|
||||
export const getAgencyProductsAction = async (param) => {
|
||||
const _param = { ...param, use_year: String(param.use_year || '').replace('all', ''), audit_state: String(param.audit_state || '').replace('all', '') };
|
||||
const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/travel_agency_products`, _param);
|
||||
return errcode !== 0 ? { agency: {}, products: [] } : result;
|
||||
};
|
||||
|
||||
export const getAgencyAllExtrasAction = async (param) => {
|
||||
const _param = { ...param, use_year: String(param.use_year || '').replace('all', ''), };
|
||||
const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/agency_products_extras`, _param);
|
||||
const extrasMapped = result.reduce((acc, curr) => ({...acc, [curr.product_id]: curr.extras}), {});
|
||||
return errcode !== 0 ? {} : extrasMapped;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {object} body { id, travel_agency_id, extras: [{id, title, code}] }
|
||||
*/
|
||||
export const addProductExtraAction = async (body) => {
|
||||
// console.log('addProductExtraAction', body);
|
||||
// return true; // test: 先不更新到HT
|
||||
const { errcode, result } = await postJSON(`${HT_HOST}/Service_BaseInfoWeb/products_extras_add`, body);
|
||||
return errcode === 0 ? true : false;
|
||||
};
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
export const delProductExtrasAction = async (body) => {
|
||||
// return true; // test: 先不更新到HT
|
||||
const { errcode, result } = await postJSON(`${HT_HOST}/Service_BaseInfoWeb/products_extras_del`, body);
|
||||
return errcode === 0 ? true : false;
|
||||
};
|
||||
|
||||
/**
|
||||
* 获取指定产品的附加项目
|
||||
* @param {object} param { id, travel_agency_id, use_year }
|
||||
*/
|
||||
export const getAgencyProductExtrasAction = async (param) => {
|
||||
const _param = { ...param, use_year: String(param.use_year || '').replace('all', '') };
|
||||
const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/products_extras`, _param);
|
||||
return errcode !== 0 ? [] : result;
|
||||
};
|
||||
|
||||
/**
|
||||
* 审核一条价格
|
||||
*/
|
||||
export const postProductsQuoteAuditAction = async (auditState, quoteRow) => {
|
||||
const postbody = {
|
||||
audit_state: auditState,
|
||||
id: quoteRow.id,
|
||||
travel_agency_id: quoteRow.travel_agency_id,
|
||||
};
|
||||
const formData = new FormData();
|
||||
Object.keys(postbody).forEach((key) => {
|
||||
formData.append(key, postbody[key]);
|
||||
});
|
||||
const json = await postForm(`${HT_HOST}/Service_BaseInfoWeb/quotation_audit`, formData);
|
||||
return json;
|
||||
// return errcode !== 0 ? {} : result;
|
||||
};
|
||||
|
||||
export const postAgencyProductsAuditAction = async (auditState, agency) => {
|
||||
const postbody = {
|
||||
audit_state: auditState,
|
||||
travel_agency_id: agency.travel_agency_id,
|
||||
use_year: agency.use_year,
|
||||
};
|
||||
const formData = new FormData();
|
||||
Object.keys(postbody).forEach((key) => {
|
||||
formData.append(key, postbody[key]);
|
||||
});
|
||||
const json = await postForm(`${HT_HOST}/Service_BaseInfoWeb/agency_products_audit`, formData);
|
||||
return json;
|
||||
};
|
||||
|
||||
/**
|
||||
* 供应商提交审核
|
||||
*/
|
||||
export const postAgencyAuditAction = async (travel_agency_id, use_year) => {
|
||||
const postbody = {
|
||||
use_year,
|
||||
travel_agency_id,
|
||||
};
|
||||
const formData = new FormData();
|
||||
Object.keys(postbody).forEach((key) => {
|
||||
formData.append(key, postbody[key]);
|
||||
});
|
||||
const { errcode, result } = await postForm(`${HT_HOST}/Service_BaseInfoWeb/agency_submit`, formData);
|
||||
return { errcode, result, success: errcode === 0 };
|
||||
// const { errcode, result } = json;
|
||||
// return errcode !== 0 ? {} : result;
|
||||
};
|
||||
|
||||
/**
|
||||
* 保存一个产品
|
||||
*/
|
||||
export const postProductsSaveAction = async (products) => {
|
||||
const { errcode, result } = await postJSON(`${HT_HOST}/Service_BaseInfoWeb/agency_product_save`, products);
|
||||
return { errcode, result, success: errcode === 0 };
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除产品报价
|
||||
*/
|
||||
export const deleteQuotationAction = async (id) => {
|
||||
const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/agency_product_quotation_delete`, {id});
|
||||
return { errcode, result, success: errcode === 0 };
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取合同备注
|
||||
*/
|
||||
export const fetchRemarkList = async (params) => {
|
||||
const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/agency_product_memo_get`, params)
|
||||
return { errcode, result, success: errcode === 0 }
|
||||
}
|
||||
|
||||
/**
|
||||
* 保存合同备注
|
||||
*/
|
||||
export const postRemarkList = async (params) => {
|
||||
const { errcode, result } = await postJSON(`${HT_HOST}/Service_BaseInfoWeb/agency_product_memo_add`, params)
|
||||
return { errcode, result, success: errcode === 0 }
|
||||
}
|
||||
|
||||
/**
|
||||
* 产品价格快照
|
||||
*/
|
||||
export const getPPSnapshotAction = async (params) => {
|
||||
const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/agency_product_price_snapshot`, params)
|
||||
return errcode !== 0 ? [] : result;
|
||||
}
|
||||
|
||||
/**
|
||||
* 修改产品的类型
|
||||
*/
|
||||
export const moveProductTypeAction = async (params) => {
|
||||
const { errcode, result } = await postJSON(`${HT_HOST}/Service_BaseInfoWeb/agency_product_move`, params)
|
||||
return errcode !== 0 ? [] : result;
|
||||
};
|
||||
|
||||
const defaultRemarkList = [
|
||||
{id: 0, "product_type_id": "6","Memo": ""},
|
||||
{id: 0, "product_type_id": "B","Memo": ""},
|
||||
{id: 0, "product_type_id": "J","Memo": ""},
|
||||
{id: 0, "product_type_id": "Q","Memo": ""},
|
||||
{id: 0, "product_type_id": "7","Memo": ""},
|
||||
{id: 0, "product_type_id": "R","Memo": ""},
|
||||
{id: 0, "product_type_id": "D","Memo": ""}
|
||||
]
|
||||
|
||||
const initialState = {
|
||||
loading: false,
|
||||
searchValues: {}, // 客服首页: 搜索条件
|
||||
agencyList: [], // 客服首页: 搜索结果
|
||||
activeAgency: {}, // 审核/编辑 页: 当前的供应商
|
||||
activeAgencyState: null,
|
||||
agencyProducts: {}, // 审核/编辑 页: 供应商产品列表
|
||||
editingProduct: {}, // 编辑页: 当前编辑的产品
|
||||
quotationList: [], // 编辑页: 当前产品报价列表
|
||||
editing: false,
|
||||
switchParams: {}, // 头部切换参数
|
||||
}
|
||||
|
||||
export const useProductsStore = create(
|
||||
devtools((set, get) => ({
|
||||
// 初始化状态
|
||||
...initialState,
|
||||
|
||||
// state actions
|
||||
setLoading: (loading) => set({ loading }),
|
||||
setSearchValues: (searchValues) => set({ searchValues }),
|
||||
setAgencyList: (agencyList) => set({ agencyList }),
|
||||
setActiveAgency: (activeAgency) => set({ activeAgency }),
|
||||
setActiveAgencyState: (activeAgencyState) => set({ activeAgencyState }),
|
||||
setAgencyProducts: (agencyProducts) => set({ agencyProducts }),
|
||||
|
||||
setEditingProduct: (product) => {
|
||||
set(() => ({
|
||||
editingProduct: product,
|
||||
quotationList: (product?.quotation??[]).map(q => {
|
||||
return {
|
||||
...q,
|
||||
key: generateId(),
|
||||
fresh: false
|
||||
}
|
||||
})
|
||||
}))
|
||||
},
|
||||
setEditing: (editing) => set({ editing }),
|
||||
setSwitchParams: (switchParams) => set({ switchParams }),
|
||||
|
||||
appendNewProduct: (productItem) => {
|
||||
const { setActiveAgency, agencyProducts, setAgencyProducts } = get();
|
||||
const typeGroup = agencyProducts[productItem.info.product_type_id] || [];
|
||||
const newIndex = typeGroup.findIndex((item) => item.info.id === productItem.info.id);
|
||||
if (newIndex !== -1) {
|
||||
typeGroup.splice(newIndex, 1, productItem);
|
||||
} else {
|
||||
typeGroup.unshift(productItem);
|
||||
}
|
||||
return set({
|
||||
agencyProducts: { ...agencyProducts, [productItem.info.product_type_id]: typeGroup },
|
||||
});
|
||||
},
|
||||
|
||||
reset: () => set(initialState),
|
||||
|
||||
getRemarkList: async() => {
|
||||
const {switchParams} = get()
|
||||
const { result, success } = await fetchRemarkList({
|
||||
travel_agency_id: switchParams.travel_agency_id, use_year: switchParams.use_year
|
||||
})
|
||||
if (success) {
|
||||
const mapRemarkList = defaultRemarkList.map(remark => {
|
||||
const filterResult = result.filter(r => r.product_type_id === remark.product_type_id)
|
||||
if (filterResult.length > 0) return filterResult[0]
|
||||
else return remark
|
||||
})
|
||||
|
||||
return Promise.resolve(mapRemarkList)
|
||||
} else {
|
||||
return Promise.resolve('获取合同备注失败')
|
||||
}
|
||||
},
|
||||
|
||||
saveOrUpdateRemark: async(remarkList) => {
|
||||
const {switchParams} = get()
|
||||
|
||||
const mapRemarkList = remarkList.map(remark => {
|
||||
return {
|
||||
id: remark.id,
|
||||
travel_agency_id: switchParams.travel_agency_id,
|
||||
use_year: switchParams.use_year,
|
||||
product_type_id: remark.product_type_id,
|
||||
Memo: remark.Memo,
|
||||
}
|
||||
})
|
||||
|
||||
const { result, success } = await postRemarkList(mapRemarkList)
|
||||
if (success) {
|
||||
return Promise.resolve(result)
|
||||
} else {
|
||||
return Promise.resolve('保存合同备注失败')
|
||||
}
|
||||
},
|
||||
|
||||
newEmptyQuotation: (useDates) => ({
|
||||
id: null,
|
||||
adult_cost: 0,
|
||||
child_cost: 0,
|
||||
currency: 'RMB',
|
||||
unit_id: '0',
|
||||
group_size_min: 1,
|
||||
group_size_max: 10,
|
||||
use_dates: useDates,
|
||||
weekdayList: [],
|
||||
fresh: true // 标识是否是新记录，新记录才用添加列表
|
||||
}),
|
||||
|
||||
appendQuotationList: (defList) => {
|
||||
const { activeAgency, editingProduct, quotationList } = get()
|
||||
const generatedList = []
|
||||
|
||||
defList.forEach(definition => {
|
||||
definition?.useDateList.map(useDateItem => {
|
||||
const mappedPriceList = definition?.priceList.map(price => {
|
||||
return {
|
||||
id: null,
|
||||
adult_cost: price.priceInput.audultPrice,
|
||||
child_cost: price.priceInput.childrenPrice,
|
||||
group_size_min: price.priceInput.numberStart,
|
||||
group_size_max: price.priceInput.numberEnd,
|
||||
|
||||
currency: definition.currency,
|
||||
unit_id: definition.unitId,
|
||||
// 保持和 API 返回格式一致，日期要转换为字符串
|
||||
use_dates_start: useDateItem.useDate[0].format('YYYY-MM-DD'),
|
||||
use_dates_end: useDateItem.useDate[1].format('YYYY-MM-DD'),
|
||||
weekdays: definition.weekend.join(','),
|
||||
WPI_SN: editingProduct.info.id,
|
||||
WPP_VEI_SN: activeAgency.travel_agency_id,
|
||||
lastedit_changed: {},
|
||||
audit_state_id: -1,
|
||||
key: generateId(),
|
||||
fresh: false
|
||||
}
|
||||
})
|
||||
generatedList.push(...mappedPriceList)
|
||||
})
|
||||
})
|
||||
|
||||
const mergedList = [...quotationList,...generatedList]
|
||||
set(() => ({
|
||||
quotationList: mergedList
|
||||
}))
|
||||
|
||||
return mergedList
|
||||
},
|
||||
|
||||
saveOrUpdateQuotation: (formValues) => {
|
||||
|
||||
const { activeAgency, editingProduct, quotationList } = get()
|
||||
let mergedList = []
|
||||
|
||||
formValues.WPI_SN = editingProduct.info.id
|
||||
formValues.WPP_VEI_SN = activeAgency.travel_agency_id
|
||||
formValues.use_dates_start = formValues.use_dates[0].format('YYYY-MM-DD')
|
||||
formValues.use_dates_end = formValues.use_dates[1].format('YYYY-MM-DD')
|
||||
formValues.weekdays = formValues.weekdayList.join(',')
|
||||
|
||||
if (formValues.fresh) {
|
||||
formValues.key = generateId()
|
||||
formValues.lastedit_changed = {}
|
||||
formValues.audit_state_id = -1 // 新增,
|
||||
formValues.fresh = false // 添加到列表后就不是新纪录，保存要修改原来记录
|
||||
mergedList = [...quotationList,...[formValues]]
|
||||
} else {
|
||||
mergedList = quotationList.map(prevQuotation => {
|
||||
if (prevQuotation.key === formValues.key) {
|
||||
const changedObject = {}
|
||||
for (const [key, value] of Object.entries(formValues)) {
|
||||
if (key === 'use_dates' || key === 'id' || key === 'key' || key === 'weekdayList'
|
||||
|| key === 'WPI_SN' || key === 'WPP_VEI_SN') continue
|
||||
|
||||
const preValue = prevQuotation[key]
|
||||
const hasChanged = preValue !== value
|
||||
|
||||
if (hasChanged) {
|
||||
changedObject[key] = preValue
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
...prevQuotation,
|
||||
audit_state_id: -1,
|
||||
adult_cost: formValues.adult_cost,
|
||||
child_cost: formValues.child_cost,
|
||||
currency: formValues.currency,
|
||||
unit_id: formValues.unit_id,
|
||||
group_size_min: formValues.group_size_min,
|
||||
group_size_max: formValues.group_size_max,
|
||||
use_dates_start: formValues.use_dates_start,
|
||||
use_dates_end: formValues.use_dates_end,
|
||||
weekdays: formValues.weekdays,
|
||||
lastedit_changed: changedObject
|
||||
}
|
||||
} else {
|
||||
return prevQuotation
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
set(() => ({
|
||||
quotationList: mergedList
|
||||
}))
|
||||
|
||||
return mergedList
|
||||
},
|
||||
|
||||
deleteQuotation: async(quotation) => {
|
||||
const { editingProduct, quotationList, agencyProducts } = get()
|
||||
const productTypeId = editingProduct.info.product_type_id;
|
||||
const quotationId = quotation.id
|
||||
const newQuotationList = quotationList.filter(q => {
|
||||
return q.key != quotation.key
|
||||
})
|
||||
|
||||
const newProductList = agencyProducts[productTypeId].map(p => {
|
||||
if (p.info.id == editingProduct.info.id) {
|
||||
return {
|
||||
...editingProduct,
|
||||
quotation: newQuotationList
|
||||
}
|
||||
} else {
|
||||
return p
|
||||
}
|
||||
})
|
||||
|
||||
set({
|
||||
agencyProducts: {
|
||||
...agencyProducts,
|
||||
[productTypeId]: newProductList
|
||||
},
|
||||
quotationList: newQuotationList
|
||||
})
|
||||
|
||||
if (isNotEmpty(quotationId)) {
|
||||
const { success } = await deleteQuotationAction(quotationId)
|
||||
if (success) {
|
||||
return Promise.resolve(newQuotationList)
|
||||
} else {
|
||||
return Promise.reject(newQuotationList)
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
// side effects
|
||||
searchAgency: async (param) => {
|
||||
const { setLoading, setAgencyList } = get();
|
||||
setLoading(true);
|
||||
const res = await searchAgencyAction(param);
|
||||
setAgencyList(res);
|
||||
setLoading(false);
|
||||
},
|
||||
|
||||
getAgencyProducts: async (param) => {
|
||||
const { setLoading, setActiveAgency, setActiveAgencyState, setAgencyProducts, editingProduct, setEditingProduct } = get();
|
||||
setLoading(true);
|
||||
setAgencyProducts({});
|
||||
// setEditingProduct({});
|
||||
const res = await getAgencyProductsAction(param);
|
||||
|
||||
const productsData = groupBy(res.products, (row) => row.info.product_type_id);
|
||||
setAgencyProducts(productsData);
|
||||
setActiveAgency(res.agency);
|
||||
setActiveAgencyState(res.agency.audit_state_id);
|
||||
if (editingProduct?.info?.id) {
|
||||
const item = (productsData[editingProduct.info.product_type_id] || []).find((item) => item.info.id === editingProduct.info.id);
|
||||
setEditingProduct(item);
|
||||
} else {
|
||||
setEditingProduct({});
|
||||
}
|
||||
setLoading(false);
|
||||
},
|
||||
|
||||
getAgencyProductExtras: async (param) => {
|
||||
const res = await getAgencyProductExtrasAction(param);
|
||||
// todo:
|
||||
},
|
||||
}), { name: 'productStore' })
|
||||
);
|
||||
export default useProductsStore;
|
||||
@ -1,69 +1,113 @@
|
||||
import { fetchJSON } from "@/utils/request";
|
||||
import { makeAutoObservable, runInAction } from "mobx";
|
||||
import { fetchJSON, postForm } from "@/utils/request";
|
||||
import { prepareUrl, isNotEmpty } from "@/utils/commons";
|
||||
import { HT_HOST } from "@/config";
|
||||
import { create } from 'zustand';
|
||||
import { devtools } from 'zustand/middleware';
|
||||
import { json } from "react-router-dom";
|
||||
import * as config from "@/config";
|
||||
import dayjs from "dayjs";
|
||||
|
||||
const initialState = {
|
||||
loading: false,
|
||||
vendorScoresData: [], //地接统计数据集，合计数据，每月数据，地接考核分数
|
||||
productScoresData: [], //产品体验分析 常用酒店分析, 导游接待情况
|
||||
commendScoresData: [], //表扬情况, 投诉情况, 评建议
|
||||
};
|
||||
export const useReportStore = create(
|
||||
devtools((set, get) => ({
|
||||
...initialState,
|
||||
reset: () => set(initialState),
|
||||
class Report {
|
||||
constructor(root) {
|
||||
makeAutoObservable(this, { rootStore: false });
|
||||
this.root = root;
|
||||
}
|
||||
|
||||
setLoading: (loading) => set({ loading }),
|
||||
setVendorScoresData: (vendorScoresData) => set({ vendorScoresData }),
|
||||
setProductScoresData: (productScoresData) => set({ productScoresData }),
|
||||
setCommendScoresData: (commendScoresData) => set({ commendScoresData }),
|
||||
vendorScoresData = []; //地接统计数据集，合计数据，每月数据，地接考核分数
|
||||
productScoresData = []; //产品体验分析 常用酒店分析, 导游接待情况
|
||||
commendScoresData = []; //表扬情况, 投诉情况, 评建议
|
||||
|
||||
async getHWVendorScores(VEI_SN, StartDate, EndDate) {
|
||||
const { setLoading, setVendorScoresData } = get();
|
||||
setLoading(true);
|
||||
const searchParams = {
|
||||
VEI_SN,
|
||||
StartDate,
|
||||
EndDate,
|
||||
StrDEI_SN: '(,-1,)',
|
||||
OrderType: '-1',
|
||||
GroupType: '-1',
|
||||
};
|
||||
const { errcode, ...Result } = await fetchJSON(`${HT_HOST}/service-cusservice/PTGetHWVendorScores`, searchParams);
|
||||
setVendorScoresData(errcode === 0 ? Result : {});
|
||||
// setLoading(false);
|
||||
},
|
||||
async getHWProductScores(VEI_SN, StartDate, EndDate) {
|
||||
const { setLoading, setProductScoresData } = get();
|
||||
setLoading(true);
|
||||
const searchParams = {
|
||||
VEI_SN,
|
||||
StartDate,
|
||||
EndDate,
|
||||
StrDEI_SN: '(,-1,)',
|
||||
OrderType: '-1',
|
||||
GroupType: '-1',
|
||||
};
|
||||
const { errcode, ...Result } = await fetchJSON(`${HT_HOST}/service-cusservice/PTGetHWProductScores`, searchParams);
|
||||
setProductScoresData(errcode === 0 ? Result : {});
|
||||
setLoading(false);
|
||||
},
|
||||
async getHWCommendScores(VEI_SN, StartDate, EndDate) {
|
||||
const { setLoading, setCommendScoresData } = get();
|
||||
setLoading(true);
|
||||
const searchParams = {
|
||||
VEI_SN,
|
||||
StartDate,
|
||||
EndDate,
|
||||
StrDEI_SN: '(,-1,)',
|
||||
OrderType: '-1',
|
||||
GroupType: '-1',
|
||||
};
|
||||
const { errcode, ...Result } = await fetchJSON(`${HT_HOST}/service-cusservice/PTGetHWCommendScores`, searchParams);
|
||||
setCommendScoresData(errcode === 0 ? Result : {});
|
||||
// setLoading(false);
|
||||
},
|
||||
}), { name: 'reportStore'})
|
||||
);
|
||||
export default useReportStore;
|
||||
loading = false;
|
||||
search_date_start = dayjs().month(0).startOf("month");
|
||||
search_date_end = dayjs().month(11).endOf("month");
|
||||
|
||||
onDateRangeChange = dates => {
|
||||
this.search_date_start = dates == null ? null : dates[0].startOf("month");
|
||||
this.search_date_end = dates == null ? null : dates[1].endOf("month");
|
||||
};
|
||||
|
||||
getHWVendorScores(VEI_SN, StartDate, EndDate) {
|
||||
this.loading = true;
|
||||
const fetchUrl = prepareUrl(HT_HOST +"/service-cusservice/PTGetHWVendorScores")
|
||||
.append("VEI_SN", VEI_SN)
|
||||
.append("StartDate", StartDate)
|
||||
.append("EndDate", EndDate)
|
||||
.append("StrDEI_SN", "(,-1,)")
|
||||
.append("OrderType", "-1")
|
||||
.append("GroupType", "-1")
|
||||
.append("token", this.root.authStore.login.token)
|
||||
.build();
|
||||
|
||||
return fetchJSON(fetchUrl).then(json => {
|
||||
runInAction(() => {
|
||||
this.loading = false;
|
||||
if (json.errcode == 0) {
|
||||
if (isNotEmpty(json)) {
|
||||
this.vendorScoresData = json;
|
||||
} else {
|
||||
this.vendorScoresData = [];
|
||||
}
|
||||
} else {
|
||||
throw new Error(json.errmsg + ": " + json.errcode);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
getHWProductScores(VEI_SN, StartDate, EndDate) {
|
||||
this.loading = true;
|
||||
const fetchUrl = prepareUrl(HT_HOST +"/service-cusservice/PTGetHWProductScores")
|
||||
.append("VEI_SN", VEI_SN)
|
||||
.append("StartDate", StartDate)
|
||||
.append("EndDate", EndDate)
|
||||
.append("StrDEI_SN", "(,-1,)")
|
||||
.append("OrderType", "-1")
|
||||
.append("GroupType", "-1")
|
||||
.append("token", this.root.authStore.login.token)
|
||||
.build();
|
||||
|
||||
return fetchJSON(fetchUrl).then(json => {
|
||||
runInAction(() => {
|
||||
this.loading = false;
|
||||
if (json.errcode == 0) {
|
||||
if (isNotEmpty(json)) {
|
||||
this.productScoresData = json;
|
||||
} else {
|
||||
this.productScoresData = [];
|
||||
}
|
||||
} else {
|
||||
throw new Error(json.errmsg + ": " + json.errcode);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
getHWCommendScores(VEI_SN, StartDate, EndDate) {
|
||||
this.loading = true;
|
||||
const fetchUrl = prepareUrl(HT_HOST +"/service-cusservice/PTGetHWCommendScores")
|
||||
.append("VEI_SN", VEI_SN)
|
||||
.append("StartDate", StartDate)
|
||||
.append("EndDate", EndDate)
|
||||
.append("StrDEI_SN", "(,-1,)")
|
||||
.append("OrderType", "-1")
|
||||
.append("GroupType", "-1")
|
||||
.append("token", this.root.authStore.login.token)
|
||||
.build();
|
||||
|
||||
return fetchJSON(fetchUrl).then(json => {
|
||||
runInAction(() => {
|
||||
this.loading = false;
|
||||
if (json.errcode == 0) {
|
||||
if (isNotEmpty(json)) {
|
||||
this.commendScoresData = json;
|
||||
} else {
|
||||
this.commendScoresData = [];
|
||||
}
|
||||
} else {
|
||||
throw new Error(json.errmsg + ": " + json.errcode);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export default Report;
|
||||
|
||||
@ -0,0 +1,49 @@
|
||||
import { makeAutoObservable } from "mobx";
|
||||
import Reservation from "./Reservation";
|
||||
import Feedback from "./Feedback";
|
||||
import Notice from "./Notice";
|
||||
import Auth from "./Auth";
|
||||
import Invoice from "./Invoice";
|
||||
import Report from "./Report";
|
||||
|
||||
class Root {
|
||||
constructor() {
|
||||
this.reservationStore = new Reservation(this);
|
||||
this.feedbackStore = new Feedback(this);
|
||||
this.noticeStore = new Notice(this);
|
||||
this.authStore = new Auth(this);
|
||||
this.invoiceStore = new Invoice(this);
|
||||
this.reportStore = new Report(this);
|
||||
makeAutoObservable(this);
|
||||
}
|
||||
|
||||
clearSession() {
|
||||
if (window.sessionStorage) {
|
||||
const sessionStorage = window.sessionStorage;
|
||||
sessionStorage.clear();
|
||||
} else {
|
||||
console.error('browser not support sessionStorage!');
|
||||
}
|
||||
}
|
||||
|
||||
getSession(key) {
|
||||
if (window.sessionStorage) {
|
||||
const sessionStorage = window.sessionStorage;
|
||||
return sessionStorage.getItem(key);
|
||||
} else {
|
||||
console.error('browser not support sessionStorage!');
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
putSession(key, value) {
|
||||
if (window.sessionStorage) {
|
||||
const sessionStorage = window.sessionStorage;
|
||||
return sessionStorage.setItem(key, value);
|
||||
} else {
|
||||
console.error('browser not support sessionStorage!');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export default Root;
|
||||
@ -0,0 +1,7 @@
|
||||
import { createContext, useContext } from "react";
|
||||
|
||||
export const StoreContext = createContext();
|
||||
|
||||
export function useStore() {
|
||||
return useContext(StoreContext);
|
||||
}
|
||||
@ -1,7 +0,0 @@
|
||||
import { createContext, useContext } from 'react'
|
||||
|
||||
export const ThemeContext = createContext({})
|
||||
|
||||
export function useThemeContext() {
|
||||
return useContext(ThemeContext)
|
||||
}
|
||||
@ -1,45 +0,0 @@
|
||||
const initListener = []
|
||||
const authListener = []
|
||||
|
||||
export const addInitLinstener = (fn) => {
|
||||
initListener.push(fn)
|
||||
}
|
||||
|
||||
export const addAuthLinstener = (fn) => {
|
||||
authListener.push(fn)
|
||||
}
|
||||
|
||||
export const notifyInit = async () => {
|
||||
for (const listener of initListener) {
|
||||
await listener()
|
||||
}
|
||||
}
|
||||
|
||||
export const notifyAuth = async (obj) => {
|
||||
for (const listener of authListener) {
|
||||
await listener(obj)
|
||||
}
|
||||
}
|
||||
|
||||
// Zustand 中间件，用于订阅前端应用的生命周期，实验阶段。
|
||||
// 失败，无法同步调用异步方法！
|
||||
export const lifecycleware = (fn) => (set, get, store) => {
|
||||
|
||||
addInitLinstener(() => {
|
||||
if (store.getState().hasOwnProperty('onInit')) {
|
||||
store.getState().onInit()
|
||||
} else {
|
||||
console.info('store has no function: onInit.')
|
||||
}
|
||||
})
|
||||
|
||||
addAuthLinstener(() => {
|
||||
if (store.getState().hasOwnProperty('onAuth')) {
|
||||
store.getState().onAuth()
|
||||
} else {
|
||||
console.info('store has no function: onAuth.')
|
||||
}
|
||||
})
|
||||
|
||||
return fn(set, get, store)
|
||||
}
|
||||
@ -1,154 +1,69 @@
|
||||
|
||||
import { BUILD_VERSION } from '@/config'
|
||||
|
||||
const customHeaders = []
|
||||
|
||||
// 添加 HTTP Reuqest 自定义头部
|
||||
export function appendRequestHeader(n, v) {
|
||||
customHeaders.push({
|
||||
name: n,
|
||||
value: v
|
||||
})
|
||||
}
|
||||
|
||||
function getRequestHeader() {
|
||||
return customHeaders.reduce((acc, item) => {
|
||||
acc[item.name] = item.value;
|
||||
return acc;
|
||||
}, {});
|
||||
}
|
||||
|
||||
const initParams = [];
|
||||
export function appendRequestParams(n, v) {
|
||||
initParams.push({
|
||||
name: n,
|
||||
value: v
|
||||
})
|
||||
}
|
||||
function getRequestInitParams() {
|
||||
return initParams.reduce((acc, item) => {
|
||||
acc[item.name] = item.value;
|
||||
return acc;
|
||||
}, {});
|
||||
}
|
||||
|
||||
function checkStatus(response) {
|
||||
if (response.status >= 200 && response.status < 300) {
|
||||
return response
|
||||
return response;
|
||||
} else {
|
||||
const message =
|
||||
'Fetch error: ' + response.url + ' ' + response.status + ' (' +
|
||||
response.statusText + ')'
|
||||
const error = new Error(message)
|
||||
error.response = response
|
||||
throw error
|
||||
}
|
||||
}
|
||||
|
||||
function checkBizCode(responseJson) {
|
||||
if (responseJson.errcode === 0) {
|
||||
return responseJson;
|
||||
} else {
|
||||
throw new Error(responseJson.errmsg + ': ' + responseJson.errcode);
|
||||
response.statusText + ')';
|
||||
const error = new Error(message);
|
||||
error.response = response;
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
export function fetchText(url) {
|
||||
const headerObj = getRequestHeader()
|
||||
return fetch(url, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'X-Web-Version': BUILD_VERSION,
|
||||
...headerObj
|
||||
}
|
||||
}).then(checkStatus)
|
||||
return fetch(url)
|
||||
.then(checkStatus)
|
||||
.then(response => response.text())
|
||||
.catch(error => {
|
||||
throw error
|
||||
})
|
||||
throw error;
|
||||
});
|
||||
}
|
||||
|
||||
export function fetchJSON(url, data = {}) {
|
||||
const initParams = getRequestInitParams();
|
||||
const params4get = Object.assign({}, initParams, data);
|
||||
const params = params4get ? new URLSearchParams(params4get).toString() : '';
|
||||
const ifp = url.includes('?') ? '&' : '?';
|
||||
const headerObj = getRequestHeader();
|
||||
const fUrl = params !== '' ? `${url}${ifp}${params}` : url;
|
||||
return fetch(fUrl, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'X-Web-Version': BUILD_VERSION,
|
||||
...headerObj
|
||||
}
|
||||
}).then(checkStatus)
|
||||
export function fetchJSON(url) {
|
||||
return fetch(url)
|
||||
.then(checkStatus)
|
||||
.then(response => response.json())
|
||||
.then(checkBizCode)
|
||||
.catch(error => {
|
||||
throw error;
|
||||
});
|
||||
}
|
||||
|
||||
export function postForm(url, data) {
|
||||
const initParams = getRequestInitParams();
|
||||
Object.keys(initParams).forEach(key => {
|
||||
if (! data.has(key)) {
|
||||
data.append(key, initParams[key]);
|
||||
}
|
||||
});
|
||||
const headerObj = getRequestHeader()
|
||||
return fetch(url, {
|
||||
method: 'POST',
|
||||
body: data,
|
||||
headers: {
|
||||
'X-Web-Version': BUILD_VERSION,
|
||||
...headerObj
|
||||
}
|
||||
body: data
|
||||
}).then(checkStatus)
|
||||
.then(response => response.json())
|
||||
.then(checkBizCode)
|
||||
.catch(error => {
|
||||
throw error
|
||||
})
|
||||
throw error;
|
||||
});
|
||||
}
|
||||
|
||||
export function postJSON(url, obj) {
|
||||
const initParams = getRequestInitParams();
|
||||
const params4get = Object.assign({}, initParams);
|
||||
const params = new URLSearchParams(params4get).toString();
|
||||
const ifp = url.includes('?') ? '&' : '?';
|
||||
const fUrl = params !== '' ? `${url}${ifp}${params}` : url;
|
||||
|
||||
const headerObj = getRequestHeader()
|
||||
return fetch(fUrl, {
|
||||
return fetch(url, {
|
||||
method: 'POST',
|
||||
body: JSON.stringify(obj),
|
||||
headers: {
|
||||
'Content-type': 'application/json; charset=UTF-8',
|
||||
'X-Web-Version': BUILD_VERSION,
|
||||
...headerObj
|
||||
'Content-type': 'application/json; charset=UTF-8'
|
||||
}
|
||||
}).then(checkStatus)
|
||||
.then(response => response.json())
|
||||
.then(checkBizCode)
|
||||
.catch(error => {
|
||||
throw error
|
||||
})
|
||||
throw error;
|
||||
});
|
||||
}
|
||||
|
||||
export function postStream(url, obj) {
|
||||
const headerObj = getRequestHeader()
|
||||
return fetch(url, {
|
||||
method: 'POST',
|
||||
body: JSON.stringify(obj),
|
||||
headers: {
|
||||
'Content-type': 'application/octet-stream',
|
||||
'X-Web-Version': BUILD_VERSION,
|
||||
...headerObj
|
||||
'Content-type': 'application/octet-stream'
|
||||
}
|
||||
}).then(checkStatus)
|
||||
.then(response => response.json())
|
||||
.catch(error => {
|
||||
throw error
|
||||
})
|
||||
throw error;
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,39 +0,0 @@
|
||||
// 顾问查看客人上传的护照
|
||||
|
||||
import React, { useState, useEffect } from 'react';
|
||||
import { Input, Button, Card, Typography, Space, Alert } from 'antd';
|
||||
import { useParams } from 'react-router-dom';
|
||||
import ImageUploader from '@/components/ImageUploader';
|
||||
|
||||
const { Title, Text } = Typography;
|
||||
|
||||
const ImageViewer = () => {
|
||||
const { GRI_SN, GRI_No } = useParams();
|
||||
const [ossKey, setOssKey] = useState('');
|
||||
const [showUploader, setShowUploader] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
if (GRI_SN && GRI_No) {
|
||||
const key = `ghh/${GRI_SN}-${GRI_No}/passport_image`;
|
||||
setOssKey(key);
|
||||
setShowUploader(true);
|
||||
}
|
||||
}, [GRI_SN, GRI_No]);
|
||||
|
||||
|
||||
return (
|
||||
<div style={{ padding: '20px' }}>
|
||||
<Title level={2}>{GRI_SN}-{GRI_No}</Title>
|
||||
|
||||
{showUploader && (
|
||||
<ImageUploader osskey={ossKey} />
|
||||
)}
|
||||
|
||||
{!showUploader && (
|
||||
<Text>无法从URL中提取订单信息</Text>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ImageViewer;
|
||||
@ -0,0 +1,13 @@
|
||||
export default function Index() {
|
||||
return (
|
||||
<p id="zero-state">
|
||||
Global Highlights Hub
|
||||
<br />
|
||||
Check out{" "}
|
||||
<a href="https://www.chinahighlights.com">
|
||||
the docs at chinahighlights.com
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
);
|
||||
}
|
||||
@ -1,116 +1,119 @@
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import { useEffect } from "react";
|
||||
import { Button, Form, Input, Row, Radio, App, Typography } from "antd";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import useAuthStore from "@/stores/Auth";
|
||||
import { appendRequestParams } from "@/utils/request";
|
||||
import { useNavigate, useLocation } from "react-router-dom";
|
||||
import { useEffect } from 'react';
|
||||
import { Button, Checkbox, Form, Input, Row, App } from 'antd';
|
||||
import { useStore } from '@/stores/StoreContext.js';
|
||||
|
||||
|
||||
function Login() {
|
||||
const [authenticate, loginStatus, defaultRoute] = useAuthStore((state) => [
|
||||
state.authenticate,
|
||||
state.loginStatus,
|
||||
state.defaultRoute,
|
||||
]);
|
||||
|
||||
const { t, i18n } = useTranslation();
|
||||
const { authStore, noticeStore } = useStore();
|
||||
const { notification } = App.useApp();
|
||||
const navigate = useNavigate();
|
||||
const location = useLocation();
|
||||
const [form] = Form.useForm();
|
||||
|
||||
const handleLngChange = (lng) => {
|
||||
appendRequestParams("lgc", lng === "zh" ? 2 : 1);
|
||||
i18n.changeLanguage(lng);
|
||||
};
|
||||
|
||||
const defaultLng = i18n.language ?? "zh";
|
||||
appendRequestParams("lgc", defaultLng === "zh" ? 2 : 1);
|
||||
|
||||
useEffect(() => {
|
||||
if (loginStatus === 302) {
|
||||
navigate(defaultRoute);
|
||||
useEffect (() => {
|
||||
if (location.search === '?out') {
|
||||
authStore.logout();
|
||||
navigate('/login');
|
||||
}
|
||||
}, [loginStatus]);
|
||||
return () => {
|
||||
// unmount...
|
||||
};
|
||||
}, []);
|
||||
|
||||
const onFinish = (values) => {
|
||||
authenticate(values.username, values.password).catch((ex) => {
|
||||
console.error(ex);
|
||||
notification.error({
|
||||
message: t("Validation.Title"),
|
||||
description: t("Validation.LoginFailed"),
|
||||
placement: "top",
|
||||
duration: 4,
|
||||
authStore.valdateUserPassword(values.username, values.password)
|
||||
.then((userId) => {
|
||||
noticeStore.getBulletinUnReadCount(userId);
|
||||
authStore.fetchUserDetail()
|
||||
.then((user) => {
|
||||
// navigate(-1) is equivalent to hitting the back button.
|
||||
navigate("/reservation/newest");
|
||||
})
|
||||
.catch(ex => {
|
||||
notification.error({
|
||||
message: `Notification`,
|
||||
description: 'Failed to get user information.',
|
||||
placement: 'top',
|
||||
duration: 4,
|
||||
});
|
||||
});
|
||||
})
|
||||
.catch(ex => {
|
||||
notification.error({
|
||||
message: `Notification`,
|
||||
description: 'Login failed. Incorrect username or password.',
|
||||
placement: 'top',
|
||||
duration: 4,
|
||||
});
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
const onFinishFailed = (errorInfo) => {
|
||||
console.log("Failed:", errorInfo);
|
||||
console.log('Failed:', errorInfo);
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Typography.Title className="text-center" level={3}>
|
||||
Highlights Hub
|
||||
</Typography.Title>
|
||||
<Row justify="center" align="middle" className="min-h-96">
|
||||
<Form
|
||||
name="login"
|
||||
layout="vertical"
|
||||
form={form}
|
||||
size="large"
|
||||
labelCol={{
|
||||
span: 8,
|
||||
}}
|
||||
<Row justify="center" align="middle" style={{ minHeight: 500 }}>
|
||||
<Form
|
||||
name="basic"
|
||||
// layout="vertical"
|
||||
form={form}
|
||||
size="large"
|
||||
labelCol={{
|
||||
span: 8,
|
||||
}}
|
||||
wrapperCol={{
|
||||
span: 16,
|
||||
}}
|
||||
style={{
|
||||
maxWidth: 600,
|
||||
}}
|
||||
initialValues={{
|
||||
remember: true,
|
||||
}}
|
||||
onFinish={onFinish}
|
||||
onFinishFailed={onFinishFailed}
|
||||
autoComplete="off"
|
||||
>
|
||||
<Form.Item
|
||||
label="Username"
|
||||
name="username"
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: 'Please input your username!',
|
||||
},
|
||||
]}
|
||||
>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="Password"
|
||||
name="password"
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: 'Please input your password!',
|
||||
},
|
||||
]}
|
||||
>
|
||||
<Input.Password />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
wrapperCol={{
|
||||
span: 24,
|
||||
}}
|
||||
className="max-w-xl"
|
||||
initialValues={{
|
||||
language: defaultLng,
|
||||
offset: 8,
|
||||
span: 16,
|
||||
}}
|
||||
onFinish={onFinish}
|
||||
onFinishFailed={onFinishFailed}
|
||||
autoComplete="off"
|
||||
>
|
||||
<Form.Item
|
||||
label={t("Username")}
|
||||
name="username"
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: t("Validation.UsernameIsEmpty"),
|
||||
},
|
||||
]}
|
||||
>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label={t("Password")}
|
||||
name="password"
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: t("Validation.PasswordIsEmpty"),
|
||||
},
|
||||
]}
|
||||
>
|
||||
<Input.Password />
|
||||
</Form.Item>
|
||||
<Form.Item name="language">
|
||||
<Radio.Group onChange={(e) => handleLngChange(e.target.value)}>
|
||||
<Radio value="zh">中文</Radio>
|
||||
<Radio value="en">English</Radio>
|
||||
</Radio.Group>
|
||||
</Form.Item>
|
||||
<Form.Item>
|
||||
<Button type="primary" htmlType="submit" className="w-full">
|
||||
{t("Login")}
|
||||
</Button>
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</Row>
|
||||
</>
|
||||
<Button type="primary" htmlType="submit" style={{width: "100%"}}>
|
||||
Login
|
||||
</Button>
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</Row>
|
||||
);
|
||||
}
|
||||
|
||||
export default Login;
|
||||
export default Login;
|
||||
@ -1,31 +0,0 @@
|
||||
import { Flex, Result, Spin } from 'antd'
|
||||
import { useEffect } from 'react'
|
||||
import { useNavigate } from 'react-router-dom'
|
||||
import useAuthStore from '@/stores/Auth'
|
||||
|
||||
function Logout() {
|
||||
|
||||
const navigate = useNavigate()
|
||||
|
||||
const logout = useAuthStore(state => state.logout)
|
||||
|
||||
useEffect(() => {
|
||||
logout()
|
||||
navigate('/login')
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<Flex justify='center' align='center' gap='middle' vertical>
|
||||
<Result
|
||||
status='success'
|
||||
title='退出成功'
|
||||
subTitle='正在跳转登陆页面'
|
||||
extra={[
|
||||
<Spin key='small-span' size='small' />
|
||||
]}
|
||||
/>
|
||||
</Flex>
|
||||
)
|
||||
}
|
||||
|
||||
export default Logout
|
||||
@ -1,36 +1,57 @@
|
||||
import { Outlet } from "react-router-dom";
|
||||
import { Layout, ConfigProvider, theme, Row, Col, App as AntApp } from "antd";
|
||||
import { Outlet, Link, useHref, useLocation } from "react-router-dom";
|
||||
import { useEffect } from "react";
|
||||
import { observer } from "mobx-react";
|
||||
import { Layout, Menu, ConfigProvider, theme, Typography, Space, Row, Col, Alert, App as AntApp } from "antd";
|
||||
import { DownOutlined } from "@ant-design/icons";
|
||||
import "antd/dist/reset.css";
|
||||
import AppLogo from "@/assets/highlights_travel_600_550.png";
|
||||
import { useThemeContext } from "@/stores/ThemeContext";
|
||||
import { BUILD_VERSION, GIT_HEAD } from "@/config";
|
||||
import AppLogo from "@/assets/logo-gh.png";
|
||||
import { useStore } from "@/stores/StoreContext.js";
|
||||
|
||||
const { Title } = Typography;
|
||||
const { Header, Content, Footer } = Layout;
|
||||
|
||||
function Standlone() {
|
||||
const { colorPrimary } = useThemeContext();
|
||||
const { authStore } = useStore();
|
||||
|
||||
const {
|
||||
token: { colorBgContainer },
|
||||
} = theme.useToken();
|
||||
|
||||
return (
|
||||
<ConfigProvider
|
||||
theme={{
|
||||
token: {
|
||||
colorPrimary: colorPrimary,
|
||||
colorPrimary: "#00b96b",
|
||||
},
|
||||
algorithm: theme.defaultAlgorithm,
|
||||
}}>
|
||||
<AntApp>
|
||||
<Layout className="min-h-screen">
|
||||
<Header className="sticky top-0 z-10 w-full text-center">
|
||||
<img src={AppLogo} className="h-12 my-2 mr-6 ml-0" alt="App logo" />
|
||||
<Layout
|
||||
style={{
|
||||
minHeight: "100vh",
|
||||
}}>
|
||||
<Header className="header" style={{ position: "sticky", top: 0, zIndex: 1, width: "100%" }}>
|
||||
<Row gutter={{ md: 24 }} justify="center">
|
||||
<Col span={4}>
|
||||
<img src={AppLogo} className="logo" alt="App logo" />
|
||||
</Col>
|
||||
<Col span={20}><Title style={{ color: "white", marginTop: "3.5px" }}>Global Highlights Hub</Title></Col>
|
||||
</Row>
|
||||
</Header>
|
||||
<Content className="p-6 m-0 min-h-72 bg-white">
|
||||
<Content
|
||||
style={{
|
||||
padding: 24,
|
||||
margin: 0,
|
||||
minHeight: 280,
|
||||
background: colorBgContainer,
|
||||
}}>
|
||||
<Outlet />
|
||||
</Content>
|
||||
<Footer>China Highlights International Travel Service Co., LTD, Version: {BUILD_VERSION}({GIT_HEAD})</Footer>
|
||||
<Footer></Footer>
|
||||
</Layout>
|
||||
</AntApp>
|
||||
</ConfigProvider>
|
||||
);
|
||||
}
|
||||
|
||||
export default Standlone;
|
||||
export default observer(Standlone);
|
||||
|
||||
@ -0,0 +1,113 @@
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import { useEffect, useState, useRef } from "react";
|
||||
import { observer } from "mobx-react";
|
||||
import { Button, Space, Form, Input, Row, Typography, App,Select } from "antd";
|
||||
import { useStore } from "@/stores/StoreContext.js";
|
||||
|
||||
const { Title } = Typography;
|
||||
|
||||
function ChangeVendor() {
|
||||
const navigate = useNavigate();
|
||||
const { authStore,VendorList } = useStore();
|
||||
const { notification } = App.useApp();
|
||||
const [form] = Form.useForm();
|
||||
const { formVeiSn, onVeiSnChange } = useState();
|
||||
|
||||
|
||||
useEffect(() => {
|
||||
authStore.fetchVendorList();
|
||||
},[]);
|
||||
|
||||
//币种
|
||||
function bindVendor() {
|
||||
|
||||
let arr=[];
|
||||
arr = authStore.VendorList.map((data,index) =>{
|
||||
return {
|
||||
value: data.VEI_SN,
|
||||
label: data.VEI2_CompanyBN,
|
||||
}
|
||||
})
|
||||
return arr;
|
||||
|
||||
}
|
||||
|
||||
const onFinish = (values) => {
|
||||
if (values.VEISN == authStore.login.travelAgencyId){
|
||||
notification.error({
|
||||
message: `Notification`,
|
||||
description: "切换的供应商是当前供应商.",
|
||||
placement: "top",
|
||||
duration: 4,
|
||||
});
|
||||
return ;
|
||||
}
|
||||
// console.log(values);
|
||||
// console.log(authStore.login.travelAgencyId);
|
||||
|
||||
authStore.changeVendor(values.VEISN)
|
||||
.then(()=>{
|
||||
authStore.logout();
|
||||
})
|
||||
.catch(()=>{
|
||||
//console.log(json);
|
||||
notification.error({
|
||||
message: `Notification`,
|
||||
description: "切换的供应商错误，请重试！",
|
||||
placement: "top",
|
||||
duration: 4,
|
||||
});
|
||||
})
|
||||
};
|
||||
|
||||
const onFinishFailed = (errorInfo) => {
|
||||
console.log("Failed:", errorInfo);
|
||||
// form.resetFields();
|
||||
};
|
||||
|
||||
return (
|
||||
<Row justify="center" align="middle" style={{ minHeight: 500 }}>
|
||||
<Form
|
||||
name="basic"
|
||||
form={form}
|
||||
layout="vertical"
|
||||
size="large"
|
||||
style={{
|
||||
maxWidth: 600,
|
||||
}}
|
||||
onFinish={onFinish}
|
||||
onFinishFailed={onFinishFailed}
|
||||
autoComplete="off"
|
||||
>
|
||||
<Form.Item>
|
||||
<Title level={2}>Change your password</Title>
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
name="VEISN"
|
||||
label="供应商"
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: "请选择需要切换的供应商!",
|
||||
},
|
||||
]}
|
||||
>
|
||||
<Select
|
||||
placeholder="请选择"
|
||||
onChange={onVeiSnChange}
|
||||
options={bindVendor()}
|
||||
></Select>
|
||||
</Form.Item>
|
||||
<Form.Item>
|
||||
<Space size="middle">
|
||||
<Button type="primary" htmlType="submit">
|
||||
选 择
|
||||
</Button>
|
||||
</Space>
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</Row>
|
||||
);
|
||||
}
|
||||
|
||||
export default observer(ChangeVendor);
|
||||
@ -1,24 +1,23 @@
|
||||
import { Descriptions, Col, Row } from 'antd'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import useAuthStore from '@/stores/Auth'
|
||||
import { Descriptions, Col, Row } from 'antd';
|
||||
import { useStore } from '@/stores/StoreContext.js';
|
||||
|
||||
function Profile() {
|
||||
|
||||
const { t } = useTranslation()
|
||||
const currentUser = useAuthStore(state => state.currentUser)
|
||||
const { authStore } = useStore();
|
||||
const { login } = authStore;
|
||||
|
||||
return (
|
||||
<Row>
|
||||
<Row>
|
||||
<Col span={12} offset={6}>
|
||||
<Descriptions title={t('userProfile')} layout="vertical" column={2}>
|
||||
<Descriptions.Item label={t("Username")}>{currentUser?.username}</Descriptions.Item>
|
||||
<Descriptions.Item label={t("Realname")}>{currentUser?.realname}</Descriptions.Item>
|
||||
<Descriptions.Item label={t("Email")}>{currentUser?.emailAddress}</Descriptions.Item>
|
||||
<Descriptions.Item label={t("Company")}>{currentUser?.travelAgencyName}</Descriptions.Item>
|
||||
<Descriptions title="User Profile" layout="vertical" column={2}>
|
||||
<Descriptions.Item label="Username">{login.username}</Descriptions.Item>
|
||||
<Descriptions.Item label="Telephone">{login.telephone}</Descriptions.Item>
|
||||
<Descriptions.Item label="Email address">{login.emailAddress}</Descriptions.Item>
|
||||
<Descriptions.Item label="Company">{login.travelAgencyName}</Descriptions.Item>
|
||||
</Descriptions>
|
||||
</Col>
|
||||
</Row>
|
||||
);
|
||||
}
|
||||
|
||||
export default Profile
|
||||
export default Profile;
|
||||
@ -1,139 +0,0 @@
|
||||
import { useState, useEffect } from "react";
|
||||
import { Grid, Divider, Layout, Spin, Input, Col, Row, Space, List, Table, Button } from "antd";
|
||||
import { PhoneOutlined, CustomerServiceOutlined, AudioOutlined, AuditOutlined } from "@ant-design/icons";
|
||||
import { useParams, useHref, useNavigate, NavLink } from "react-router-dom";
|
||||
import { isEmpty, formatColonTime } from "@/utils/commons";
|
||||
import dayjs from "dayjs";
|
||||
import SearchForm from "@/components/SearchForm";
|
||||
import { DATE_FORMAT } from "@/config";
|
||||
import { TableExportBtn } from "@/components/Data";
|
||||
import airTicketStore from "@/stores/Airticket";
|
||||
import { usingStorage } from "@/hooks/usingStorage";
|
||||
|
||||
const planListColumns = [
|
||||
{
|
||||
title: "团名",
|
||||
key: "GRI_No",
|
||||
dataIndex: "GRI_No",
|
||||
// sorter: (a, b) => b.GRI_No - a.GRI_No,
|
||||
},
|
||||
{
|
||||
title: "组团人",
|
||||
key: "WL",
|
||||
dataIndex: "WL",
|
||||
},
|
||||
{
|
||||
title: "人数",
|
||||
dataIndex: "PersonNum",
|
||||
key: "PersonNum",
|
||||
},
|
||||
{
|
||||
title: "出发日期",
|
||||
key: "StartDate",
|
||||
dataIndex: "StartDate",
|
||||
sorter: (a, b) => {
|
||||
const dateA = new Date(a.StartDate);
|
||||
const dateB = new Date(b.StartDate);
|
||||
return dateB.getTime() - dateA.getTime();
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "出发城市",
|
||||
key: "FromCity",
|
||||
dataIndex: "FromCity",
|
||||
},
|
||||
{
|
||||
title: "抵达城市",
|
||||
key: "ToCity",
|
||||
dataIndex: "ToCity",
|
||||
},
|
||||
{
|
||||
title: "航班",
|
||||
key: "FlightNo",
|
||||
dataIndex: "FlightNo",
|
||||
},
|
||||
{
|
||||
title: "起飞时间",
|
||||
key: "FlightStart",
|
||||
dataIndex: "FlightStart",
|
||||
render: text => formatColonTime(text),
|
||||
},
|
||||
{
|
||||
title: "落地时间",
|
||||
key: "FlightEnd",
|
||||
dataIndex: "FlightEnd",
|
||||
render: text => formatColonTime(text),
|
||||
},
|
||||
{
|
||||
title: "出票处理",
|
||||
key: "TicketIssued",
|
||||
dataIndex: "TicketIssued",
|
||||
render: (text, record) => record.TicketIssuedName,
|
||||
},
|
||||
{
|
||||
title: "计划状态",
|
||||
key: "FlightStatus",
|
||||
dataIndex: "FlightStatus",
|
||||
render: (text, record) => record.FlightStatusName,
|
||||
},
|
||||
{
|
||||
title: "操作",
|
||||
key: "FlightInfo",
|
||||
dataIndex: "FlightInfo",
|
||||
render: (text, record) => <NavLink to={`/airticket/plan/${record.COLI_SN}/${record.GRI_SN}`}>{"编辑"}</NavLink>,
|
||||
},
|
||||
];
|
||||
|
||||
const Airticket = props => {
|
||||
const navigate = useNavigate();
|
||||
const { travelAgencyId } = usingStorage();
|
||||
const [getPlanList, planList, loading] = airTicketStore(state => [state.getPlanList, state.planList, state.loading]);
|
||||
const showTotal = total => `合计 ${total} `;
|
||||
|
||||
useEffect(() => {
|
||||
!planList && getPlanList(travelAgencyId, "", dayjs().startOf("M").format(DATE_FORMAT), dayjs().add(3, "M").endOf("M").format(DATE_FORMAT), "-1", "-1");
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<Space direction="vertical" style={{ width: "100%" }}>
|
||||
<Row>
|
||||
<Col md={20} lg={20} xxl={20}>
|
||||
<SearchForm
|
||||
initialValue={{
|
||||
dates: [dayjs().startOf("M"), dayjs().add(3, "M").endOf("M")],
|
||||
}}
|
||||
fieldsConfig={{
|
||||
shows: ["referenceNo", "dates", "airticket_state", "plan_state"],
|
||||
fieldProps: {
|
||||
referenceNo: { label: "搜索计划" },
|
||||
dates: { label: "出发日期", col: 8 },
|
||||
},
|
||||
}}
|
||||
onSubmit={(err, formVal, filedsVal) => {
|
||||
getPlanList(travelAgencyId, formVal.referenceNo, formVal.startdate, formVal.endtime, formVal.plan_state, formVal.airticket_state);
|
||||
}}
|
||||
/>
|
||||
</Col>
|
||||
<Col md={4} lg={4} xxl={4}>
|
||||
<Space>
|
||||
<Button icon={<AuditOutlined />} onClick={() => navigate(`/airticket/invoice`)}>
|
||||
报账
|
||||
</Button>
|
||||
<Button icon={<AuditOutlined />} onClick={() => navigate(`/airticket/invoicepaid`)}>
|
||||
汇款记录
|
||||
</Button>
|
||||
</Space>
|
||||
</Col>
|
||||
</Row>
|
||||
|
||||
<Row gutter={16}>
|
||||
<Col md={24} lg={24} xxl={24}>
|
||||
<Table bordered={true} rowKey="id" columns={planListColumns} dataSource={planList} loading={loading} pagination={{ defaultPageSize: 20, showTotal: showTotal }} />
|
||||
<TableExportBtn btnTxt="导出计划" label={`机票计划`} {...{ columns: planListColumns, dataSource: planList }} />
|
||||
</Col>
|
||||
<Col md={24} lg={24} xxl={24}></Col>
|
||||
</Row>
|
||||
</Space>
|
||||
);
|
||||
};
|
||||
export default Airticket;
|
||||
@ -1,137 +0,0 @@
|
||||
import { useState, useEffect } from "react";
|
||||
import { Grid, Divider, Layout, Spin, Input, Col, Row, Space, Checkbox, Table, Button, App } from "antd";
|
||||
import { PhoneOutlined, CustomerServiceOutlined, FrownTwoTone, LikeTwoTone } from "@ant-design/icons";
|
||||
import { useParams, useHref, useNavigate, NavLink } from "react-router-dom";
|
||||
import { isEmpty, formatColonTime, formatDate, isNotEmpty } from "@/utils/commons";
|
||||
import { DATE_FORMAT } from "@/config";
|
||||
import dayjs from "dayjs";
|
||||
import SearchForm from "@/components/SearchForm";
|
||||
import BackBtn from "@/components/BackBtn";
|
||||
import { TableExportBtn } from "@/components/Data";
|
||||
import useInvoiceStore from "@/stores/Invoice";
|
||||
import { fetchInvoicePaidDetail } from "@/stores/Invoice";
|
||||
|
||||
import airTicketStore from "@/stores/Airticket";
|
||||
import { usingStorage } from "@/hooks/usingStorage";
|
||||
|
||||
const InvoicePaid = props => {
|
||||
const navigate = useNavigate();
|
||||
const { notification } = App.useApp();
|
||||
const { travelAgencyId } = usingStorage();
|
||||
const [invoicePaidDetail, setInvoicePaidDetail] = useState([]);
|
||||
const [invoiceNO, setInvoiceNO] = useState([]); //显示账单编号
|
||||
const [loading, invoicePaid, fetchInvoicePaid] = useInvoiceStore(state => [state.loading, state.invoicePaid, state.fetchInvoicePaid]);
|
||||
const showTotal = total => `Total ${total} items`;
|
||||
const showTotal_detail = total => `Total ${total} items`;
|
||||
useEffect(() => {
|
||||
// fetchInvoicePaid(travelAgencyId, "", dayjs().subtract(2, "M").startOf("M").format(DATE_FORMAT), dayjs().endOf("M").format(DATE_FORMAT));
|
||||
}, []);
|
||||
|
||||
const invoicePaidColumns = [
|
||||
{
|
||||
title: "编号",
|
||||
dataIndex: "fl_finaceNo",
|
||||
key: "fl_finaceNo",
|
||||
},
|
||||
{
|
||||
title: "报账日期",
|
||||
key: "fl_adddate",
|
||||
dataIndex: "fl_adddate",
|
||||
render: (text, record) => (isNotEmpty(text) ? formatDate(new Date(text)) : ""),
|
||||
},
|
||||
{
|
||||
title: "团数",
|
||||
key: "fcount",
|
||||
dataIndex: "fcount",
|
||||
},
|
||||
{
|
||||
title: "总额",
|
||||
key: "pSum",
|
||||
dataIndex: "pSum",
|
||||
//render: (text, record) => (isNotEmpty(record.GMD_Currency) ? record.GMD_Currency + " " + text : text),
|
||||
},
|
||||
{
|
||||
title: "查看",
|
||||
key: "pSum",
|
||||
dataIndex: "pSum",
|
||||
render: (text, record) => (
|
||||
<Button
|
||||
type="link"
|
||||
onClick={() => {
|
||||
fetchInvoicePaidDetail(travelAgencyId, record.key).then(res => setInvoicePaidDetail(res));
|
||||
setInvoiceNO(record.fl_finaceNo);
|
||||
}}>
|
||||
查看明细
|
||||
</Button>
|
||||
),
|
||||
},
|
||||
];
|
||||
|
||||
const invoicePaidDetailColumns = [
|
||||
{
|
||||
title: "团号",
|
||||
dataIndex: "fl2_GroupName",
|
||||
key: "fl2_GroupName",
|
||||
},
|
||||
{
|
||||
title: "金额",
|
||||
key: "fl2_price",
|
||||
dataIndex: "fl2_price",
|
||||
},
|
||||
{
|
||||
title: "报账日期",
|
||||
key: "fl2_ArriveDate",
|
||||
dataIndex: "fl2_ArriveDate",
|
||||
render: (text, record) => (isNotEmpty(text) ? formatDate(new Date(text)) : ""),
|
||||
},
|
||||
{
|
||||
title: "顾问",
|
||||
dataIndex: "fl2_wl",
|
||||
key: "fl2_wl",
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<Space direction="vertical" style={{ width: "100%" }}>
|
||||
<Row>
|
||||
<Col md={20} lg={20} xxl={20}>
|
||||
<SearchForm
|
||||
initialValue={{
|
||||
dates: [dayjs().subtract(2, "M").startOf("M"), dayjs().endOf("M")],
|
||||
}}
|
||||
fieldsConfig={{
|
||||
shows: ["dates"],
|
||||
fieldProps: {
|
||||
dates: { col: 10, label: "报账日期" },
|
||||
},
|
||||
}}
|
||||
onSubmit={(err, formVal) => {
|
||||
fetchInvoicePaid(travelAgencyId, "", formVal.startdate, formVal.enddate);
|
||||
setInvoicePaidDetail([]);
|
||||
}}
|
||||
/>
|
||||
</Col>
|
||||
<Col md={4} lg={4} xxl={4}>
|
||||
<BackBtn to={"/airticket"} />
|
||||
</Col>
|
||||
</Row>
|
||||
|
||||
<Row>
|
||||
<Col md={24} lg={16} xxl={16}>
|
||||
<Divider orientation="left">汇款列表</Divider>
|
||||
<Table bordered columns={invoicePaidColumns} dataSource={invoicePaid} loading={loading} pagination={{ defaultPageSize: 20, showTotal: showTotal }} />
|
||||
</Col>
|
||||
<Col md={24} lg={4} xxl={4}></Col>
|
||||
</Row>
|
||||
<Row>
|
||||
<Col md={24} lg={20} xxl={20}>
|
||||
<Divider orientation="left">账单明细 {invoiceNO}</Divider>
|
||||
<Table bordered columns={invoicePaidDetailColumns} dataSource={invoicePaidDetail} pagination={{ defaultPageSize: 100, showTotal: showTotal_detail }} />
|
||||
<TableExportBtn btnTxt="导出账单明细" label={`机票账单`} {...{ columns: invoicePaidDetailColumns, dataSource: invoicePaidDetail }} />
|
||||
</Col>
|
||||
<Col md={24} lg={4} xxl={4}></Col>
|
||||
</Row>
|
||||
</Space>
|
||||
);
|
||||
};
|
||||
export default InvoicePaid;
|
||||
@ -0,0 +1,16 @@
|
||||
import { useRouteError } from "react-router-dom";
|
||||
|
||||
export default function ErrorPage() {
|
||||
const error = useRouteError();
|
||||
console.error(error);
|
||||
|
||||
return (
|
||||
<div id="error-page">
|
||||
<h1>Oops!</h1>
|
||||
<p>Sorry, an unexpected error has occurred.</p>
|
||||
<p>
|
||||
<i>{error.statusText || error.message}</i>
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -1,208 +1,198 @@
|
||||
import { useParams, useNavigate } from 'react-router-dom';
|
||||
import { useEffect, useState } from 'react';
|
||||
import { Row, Col, Space, Button, Divider, Form, Typography, Rate, Radio, Upload, Input, App, Card } from 'antd';
|
||||
import { PlusOutlined } from '@ant-design/icons';
|
||||
import * as config from '@/config';
|
||||
import { getFeedbackDetail, getCustomerFeedbackDetail, getFeedbackImages, getFeedbackInfo, removeFeedbackImages, postFeedbackInfo } from '@/stores/Feedback';
|
||||
import BackBtn from '@/components/BackBtn';
|
||||
import { usingStorage } from '@/hooks/usingStorage';
|
||||
import {ImageUploader} from '@/components/ImageUploader';
|
||||
import { useParams, useNavigate } from "react-router-dom";
|
||||
import { useEffect } from "react";
|
||||
import { observer } from "mobx-react";
|
||||
import { toJS, runInAction } from "mobx";
|
||||
import { Row, Col, Space, Button, Divider, Form, Typography, Rate, Radio, Upload, Input, App, Card } from "antd";
|
||||
import { useStore } from "../../stores/StoreContext.js";
|
||||
import { PlusOutlined } from "@ant-design/icons";
|
||||
const { Title, Text, Paragraph } = Typography;
|
||||
import * as config from "@/config";
|
||||
|
||||
function Detail() {
|
||||
const navigate = useNavigate();
|
||||
const { GRI_SN, RefNo, CII_SN } = useParams();
|
||||
const {travelAgencyId, loginToken} = usingStorage();
|
||||
const desc = ['none', 'Unacceptable', 'Poor', 'Fair', 'Very Good', 'Excellent'];
|
||||
const { notification } = App.useApp();
|
||||
const [form] = Form.useForm();
|
||||
|
||||
const [feedbackRate, setFeedbackRate] = useState({});
|
||||
const [feedbackReview, setFeedbackReview] = useState({});
|
||||
const [feedbackImages, setFeedbackImages] = useState([]);
|
||||
const [feedbackInfo, setFeedbackInfo] = useState({});
|
||||
const [ossKey, setOssKey] = useState('');
|
||||
useEffect(() => {
|
||||
const key = `ghh/${GRI_SN}-${RefNo}/tourguide_image/travel-agency-${travelAgencyId}`;
|
||||
setOssKey(key);
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
// console.info('Detail.useEffect: ' + GRI_SN);
|
||||
getFeedbackDetail(travelAgencyId, GRI_SN).then((res) => {
|
||||
// setFeedbackRate(res.feedbackRate);
|
||||
setFeedbackReview(res.feedbackReview);
|
||||
});
|
||||
getCustomerFeedbackDetail(travelAgencyId, GRI_SN, CII_SN).then((res) => setFeedbackRate(res));
|
||||
getFeedbackImages(travelAgencyId, GRI_SN).then((res) => setFeedbackImages(res));
|
||||
getFeedbackInfo(travelAgencyId, GRI_SN).then((v) => {
|
||||
form.setFieldsValue({ info_content: v.EEF_Content });
|
||||
setFeedbackInfo(v);
|
||||
});
|
||||
}, [GRI_SN]);
|
||||
|
||||
const HWO_Guide = feedbackRate && feedbackRate.HWO_Guide ? feedbackRate.HWO_Guide : [];
|
||||
const HWO_Driver = feedbackRate && feedbackRate.HWO_Driver ? feedbackRate.HWO_Driver : [];
|
||||
const HWO_Activity = feedbackRate && feedbackRate.HWO_Activity ? feedbackRate.HWO_Activity : [];
|
||||
const OtherThoughts = feedbackRate && feedbackRate.OtherThoughts ? feedbackRate.OtherThoughts : '';
|
||||
const signatureData = feedbackRate && feedbackRate.signatureData ? feedbackRate.signatureData : '';
|
||||
const PhotoPermission = feedbackRate?.PhotoPermission === 1;
|
||||
const cityName = feedbackRate?.cityName || '';
|
||||
const ECI_Content = feedbackReview && feedbackReview.ECI_Content ? feedbackReview.ECI_Content : 'None';
|
||||
const fileList = feedbackImages;
|
||||
|
||||
const handleChange = (info) => {
|
||||
let newFileList = [...info.fileList];
|
||||
newFileList = newFileList.map((file) => {
|
||||
if (file.response && file.response.result) {
|
||||
file.url = file.response.result.file_url;
|
||||
}
|
||||
return file;
|
||||
});
|
||||
setFeedbackImages(newFileList);
|
||||
};
|
||||
|
||||
const handRemove = (info) => {
|
||||
return removeFeedbackImages(info.url);
|
||||
};
|
||||
|
||||
const onFinish = (values) => {
|
||||
// console.log("Success:", values);
|
||||
if (values) {
|
||||
postFeedbackInfo(feedbackInfo.EEF_VEI_SN, feedbackInfo.EEF_GRI_SN, feedbackInfo.EEF_EOI_SN, values.info_content).then(() => {
|
||||
notification.success({
|
||||
message: `Notification`,
|
||||
description: 'Submit Successful',
|
||||
placement: 'top',
|
||||
duration: 4,
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<Space direction='vertical' style={{ width: '100%' }}>
|
||||
<Row gutter={16}>
|
||||
<Col span={20}></Col>
|
||||
<Col span={4}>
|
||||
<BackBtn />
|
||||
</Col>
|
||||
</Row>
|
||||
<Row gutter={16}>
|
||||
<Col span={4}></Col>
|
||||
<Col span={18}>
|
||||
<Card
|
||||
type='inner'
|
||||
title={
|
||||
<Title level={4}>
|
||||
Post Survey {RefNo} in {cityName}
|
||||
</Title>
|
||||
}>
|
||||
<Form labelCol={{ span: 5 }}>
|
||||
<Divider orientation='left'>How satisfied were you with your tour guide?</Divider>
|
||||
{HWO_Guide.map((ele) => (
|
||||
<Form.Item label={ele.Describe} key={ele.id}>
|
||||
<Space>
|
||||
<Rate disabled value={ele.rate} />
|
||||
<span className='ant-rate-text'>{desc[ele.rate]}</span>
|
||||
</Space>
|
||||
</Form.Item>
|
||||
))}
|
||||
|
||||
<Divider orientation='left'>How about the Driver and Car/Van?</Divider>
|
||||
{HWO_Driver.map((ele) => (
|
||||
<Form.Item label={ele.Describe} key={ele.id}>
|
||||
<Space>
|
||||
<Rate disabled value={ele.rate} />
|
||||
<span className='ant-rate-text'>{desc[ele.rate]}</span>
|
||||
</Space>
|
||||
</Form.Item>
|
||||
))}
|
||||
|
||||
<Divider orientation='left'>General Experience with:</Divider>
|
||||
{HWO_Activity.map((ele) => (
|
||||
<Form.Item label={ele.Describe} key={ele.id}>
|
||||
<Space>
|
||||
<Rate disabled value={ele.rate} />
|
||||
<span className='ant-rate-text'>{desc[ele.rate]}</span>
|
||||
</Space>
|
||||
</Form.Item>
|
||||
))}
|
||||
|
||||
<Divider orientation='left'>Would you like to give us permission to use the photos taken by the tour guide(s) during your trip which contain your portrait?</Divider>
|
||||
<Paragraph>
|
||||
{PhotoPermission ? (
|
||||
<>
|
||||
<Radio checked>Yes</Radio>
|
||||
<Radio disabled={true}>No</Radio>
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<Radio disabled={true}>Yes</Radio>
|
||||
<Radio checked>No</Radio>
|
||||
</>
|
||||
)}
|
||||
</Paragraph>
|
||||
<Divider orientation='left'>Other thoughts you want to share with us:</Divider>
|
||||
<Text>{OtherThoughts}</Text>
|
||||
<Divider orientation='left'>Signature:</Divider>
|
||||
{signatureData ? <img id='signature-img' alt='customer signature' title='customer signature' src={signatureData} /> : null}
|
||||
</Form>
|
||||
</Card>
|
||||
</Col>
|
||||
<Col span={4}></Col>
|
||||
</Row>
|
||||
|
||||
<Row gutter={16}>
|
||||
<Col span={4}></Col>
|
||||
<Col span={18}>
|
||||
<Card type='inner' title={<Title level={4}>External Reviews</Title>}>
|
||||
<Text>{ECI_Content}</Text>
|
||||
</Card>
|
||||
</Col>
|
||||
<Col span={4}></Col>
|
||||
</Row>
|
||||
|
||||
<Row gutter={16}>
|
||||
<Col span={4}></Col>
|
||||
<Col span={18}>
|
||||
<Card type='inner' title={<Title level={4}>Feedback from local agent</Title>}>
|
||||
<Form name='feedback_detail_from' onFinish={onFinish} labelCol={{ span: 5 }} form={form}>
|
||||
<Form.Item>
|
||||
<Upload
|
||||
name='ghhfile'
|
||||
// accept="image/*"
|
||||
multiple={true}
|
||||
action={config.HT_HOST + `/service-fileServer/FileUpload?GRI_SN=${GRI_SN}&VEI_SN=${travelAgencyId}&token=${loginToken}`}
|
||||
fileList={fileList}
|
||||
listType='picture-card'
|
||||
onChange={handleChange}
|
||||
onRemove={handRemove}>
|
||||
</Upload>
|
||||
</Form.Item>
|
||||
<ImageUploader osskey={ossKey} style={{margin: '16px'}}/>
|
||||
<Form.Item
|
||||
name='info_content'
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: 'Please input your messages!',
|
||||
},
|
||||
]}>
|
||||
<Input.TextArea rows={6} placeholder='Any feedback for this group you would like to send to Asia Highlights'></Input.TextArea>
|
||||
</Form.Item>
|
||||
<Form.Item>
|
||||
<Button type='primary' htmlType='submit'>
|
||||
Submit
|
||||
</Button>
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</Card>
|
||||
</Col>
|
||||
<Col span={4}></Col>
|
||||
</Row>
|
||||
</Space>
|
||||
);
|
||||
const navigate = useNavigate();
|
||||
const { GRI_SN, RefNo, CII_SN } = useParams();
|
||||
const { feedbackStore, authStore } = useStore();
|
||||
const { feedbackReview, feedbackImages, feedbackInfo, feedbackServiceRate: feedbackRate } = feedbackStore;
|
||||
const desc = ["none", "Unacceptable", "Poor", "Fair", "Very Good", "Excellent"];
|
||||
const { notification } = App.useApp();
|
||||
const [form] = Form.useForm();
|
||||
|
||||
useEffect(() => {
|
||||
console.info("Detail.useEffect: " + GRI_SN);
|
||||
feedbackStore.getFeedbackDetail(authStore.login.travelAgencyId, GRI_SN);
|
||||
feedbackStore.getCustomerFeedbackDetail(authStore.login.travelAgencyId, GRI_SN, CII_SN);
|
||||
feedbackStore.getFeedbackImages(authStore.login.travelAgencyId, GRI_SN);
|
||||
feedbackStore.getFeedbackInfo(authStore.login.travelAgencyId, GRI_SN).then(v => {
|
||||
form.setFieldsValue({ info_content: v.EEF_Content });
|
||||
});
|
||||
}, [GRI_SN]);
|
||||
|
||||
const HWO_Guide = feedbackRate && feedbackRate.HWO_Guide ? feedbackRate.HWO_Guide : [];
|
||||
const HWO_Driver = feedbackRate && feedbackRate.HWO_Driver ? feedbackRate.HWO_Driver : [];
|
||||
const HWO_Activity = feedbackRate && feedbackRate.HWO_Activity ? feedbackRate.HWO_Activity : [];
|
||||
const OtherThoughts = feedbackRate && feedbackRate.OtherThoughts ? feedbackRate.OtherThoughts : "";
|
||||
const signatureData = feedbackRate && feedbackRate.signatureData ? feedbackRate.signatureData : "";
|
||||
const PhotoPermission = feedbackRate?.PhotoPermission === 1;
|
||||
const cityName = feedbackRate.cityName;
|
||||
const ECI_Content = feedbackReview && feedbackReview.ECI_Content ? feedbackReview.ECI_Content : "None";
|
||||
const fileList = toJS(feedbackImages);
|
||||
|
||||
const handleChange = info => {
|
||||
let newFileList = [...info.fileList];
|
||||
newFileList = newFileList.map(file => {
|
||||
if (file.response && file.response.result) {
|
||||
file.url = file.response.result.file_url;
|
||||
}
|
||||
return file;
|
||||
});
|
||||
runInAction(() => {
|
||||
feedbackStore.feedbackImages = newFileList;
|
||||
});
|
||||
};
|
||||
|
||||
const handRemove = info => {
|
||||
return feedbackStore.removeFeedbackImages(info.url);
|
||||
};
|
||||
|
||||
const onFinish = values => {
|
||||
console.log("Success:", values);
|
||||
if (values) {
|
||||
feedbackStore.postFeedbackInfo(feedbackInfo.EEF_VEI_SN, feedbackInfo.EEF_GRI_SN, feedbackInfo.EEF_EOI_SN, values.info_content).then(() => {
|
||||
notification.success({
|
||||
message: `Notification`,
|
||||
description: "Submit Successful",
|
||||
placement: "top",
|
||||
duration: 4,
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<Space direction="vertical" style={{ width: "100%" }}>
|
||||
<Row gutter={16}>
|
||||
<Col span={20}>
|
||||
|
||||
</Col>
|
||||
<Col span={4}>
|
||||
<Button type="link" onClick={() => navigate("/feedback")}>
|
||||
Back
|
||||
</Button>
|
||||
</Col>
|
||||
</Row>
|
||||
<Row gutter={16}>
|
||||
<Col span={4}></Col>
|
||||
<Col span={18}>
|
||||
<Card type="inner" title={<Title level={4}>Post Survey {RefNo} in {cityName}</Title>}>
|
||||
<Form labelCol={{ span: 5 }}>
|
||||
<Divider orientation="left">How satisfied were you with your tour guide?</Divider>
|
||||
{HWO_Guide.map(ele => (
|
||||
<Form.Item label={ele.Describe} key={ele.id}>
|
||||
<Space>
|
||||
<Rate disabled value={ele.rate} />
|
||||
<span className="ant-rate-text">{desc[ele.rate]}</span>
|
||||
</Space>
|
||||
</Form.Item>
|
||||
))}
|
||||
|
||||
<Divider orientation="left">How about the Driver and Car/Van?</Divider>
|
||||
{HWO_Driver.map(ele => (
|
||||
<Form.Item label={ele.Describe} key={ele.id}>
|
||||
<Space>
|
||||
<Rate disabled value={ele.rate} />
|
||||
<span className="ant-rate-text">{desc[ele.rate]}</span>
|
||||
</Space>
|
||||
</Form.Item>
|
||||
))}
|
||||
|
||||
<Divider orientation="left">General Experience with:</Divider>
|
||||
{HWO_Activity.map(ele => (
|
||||
<Form.Item label={ele.Describe} key={ele.id}>
|
||||
<Space>
|
||||
<Rate disabled value={ele.rate} />
|
||||
<span className="ant-rate-text">{desc[ele.rate]}</span>
|
||||
</Space>
|
||||
</Form.Item>
|
||||
))}
|
||||
|
||||
<Divider orientation="left">Would you like to give us permission to use the photos taken by the tour guide(s) during your trip which contain your portrait?</Divider>
|
||||
<Paragraph>
|
||||
{PhotoPermission ? (
|
||||
<>
|
||||
<Radio checked>Yes</Radio>
|
||||
<Radio disabled={true}>No</Radio>
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<Radio disabled={true}>Yes</Radio>
|
||||
<Radio checked>No</Radio>
|
||||
</>
|
||||
)}
|
||||
</Paragraph>
|
||||
<Divider orientation="left">Other thoughts you want to share with us:</Divider>
|
||||
<Text>{OtherThoughts}</Text>
|
||||
<Divider orientation="left">Signature:</Divider>
|
||||
{signatureData ? <img id="signature-img" alt="customer signature" title="customer signature" src={signatureData} /> : null}
|
||||
|
||||
</Form></Card>
|
||||
</Col>
|
||||
<Col span={4}></Col>
|
||||
</Row>
|
||||
|
||||
|
||||
<Row gutter={16}>
|
||||
<Col span={4}></Col>
|
||||
<Col span={18}>
|
||||
<Card type="inner" title={<Title level={4}>External Reviews</Title>}>
|
||||
<Text>{ECI_Content}</Text>
|
||||
</Card>
|
||||
</Col>
|
||||
<Col span={4}></Col>
|
||||
</Row>
|
||||
|
||||
<Row gutter={16}>
|
||||
<Col span={4}></Col>
|
||||
<Col span={18}>
|
||||
<Card type="inner" title={<Title level={4}>Feedback from local agent</Title>}>
|
||||
<Form name="feedback_detail_from" onFinish={onFinish} labelCol={{ span: 5 }} form={form}>
|
||||
<Form.Item>
|
||||
<Upload
|
||||
name="ghhfile"
|
||||
// accept="image/*"
|
||||
multiple={true}
|
||||
action={config.HT_HOST + `/service-fileServer/FileUpload?GRI_SN=${GRI_SN}&VEI_SN=${authStore.login.travelAgencyId}&token=${authStore.login.token}`}
|
||||
fileList={fileList}
|
||||
listType="picture-card"
|
||||
onChange={handleChange}
|
||||
onRemove={handRemove}>
|
||||
<div>
|
||||
<PlusOutlined />
|
||||
<div style={{ marginTop: 8 }}>Upload photos</div>
|
||||
</div>
|
||||
</Upload>
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
name="info_content"
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: "Please input your messages!",
|
||||
},
|
||||
]}>
|
||||
<Input.TextArea rows={6} placeholder="Any feedback for this group you would like to send to Asia Highlights"></Input.TextArea>
|
||||
</Form.Item>
|
||||
<Form.Item>
|
||||
<Button type="primary" htmlType="submit">
|
||||
Submit
|
||||
</Button>
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</Card>
|
||||
</Col>
|
||||
<Col span={4}></Col>
|
||||
</Row>
|
||||
</Space>
|
||||
);
|
||||
}
|
||||
|
||||
export default Detail;
|
||||
export default observer(Detail);
|
||||
|
||||
@ -1,94 +1,108 @@
|
||||
import { NavLink } from 'react-router-dom';
|
||||
import { useEffect } from 'react';
|
||||
import { Row, Col, Space, Table, App } from 'antd';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import SearchForm from '@/components/SearchForm';
|
||||
import useFeedbackStore from '@/stores/Feedback';
|
||||
import dayjs from 'dayjs';
|
||||
import { usingStorage } from '@/hooks/usingStorage';
|
||||
import { NavLink } from "react-router-dom";
|
||||
import { useEffect, useState } from "react";
|
||||
import { observer } from "mobx-react";
|
||||
import { toJS } from "mobx";
|
||||
import { Row, Col, Space, Button, Table, Input, Typography, DatePicker, App } from "antd";
|
||||
import { useStore } from "@/stores/StoreContext.js";
|
||||
import * as config from "@/config";
|
||||
|
||||
const { Title } = Typography;
|
||||
const feedbackListColumns = [
|
||||
{
|
||||
title: 'Ref.No',
|
||||
dataIndex: 'EOI_Group_Name',
|
||||
render: (text, record) => (
|
||||
<NavLink to={record.EOI_CII_SN ? `/feedback/${record.EOI_GRI_SN}/${record.EOI_CII_SN}/${record.EOI_Group_Name}` : `/feedback/${record.EOI_GRI_SN}/${record.EOI_Group_Name}`}>
|
||||
{text}
|
||||
</NavLink>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: 'Arrival Date',
|
||||
dataIndex: 'EOI_Date',
|
||||
render: (text, record) => text,
|
||||
sorter: (a, b) => b.EOI_Date - a.EOI_Date,
|
||||
},
|
||||
{
|
||||
title: 'Cities',
|
||||
key: 'City',
|
||||
dataIndex: 'City',
|
||||
},
|
||||
{
|
||||
title: 'Guides',
|
||||
dataIndex: 'CityGuide',
|
||||
},
|
||||
{
|
||||
title: 'Post Survey',
|
||||
dataIndex: 'Average',
|
||||
render: (text, record) => `${record.EOI_CII_SN && record.feedback_Filled ? '✔' : ''} ${text ? text : ''}`, //为0显示为空
|
||||
sorter: (a, b) => b.Average - a.Average,
|
||||
},
|
||||
{
|
||||
title: 'External Reviews',
|
||||
dataIndex: 'TAGood',
|
||||
},
|
||||
{
|
||||
title: "Ref.No",
|
||||
dataIndex: "EOI_Group_Name",
|
||||
render: (text, record) => <NavLink to={record.EOI_CII_SN ? `/feedback/${record.EOI_GRI_SN}/${record.EOI_CII_SN}/${record.EOI_Group_Name}` : `/feedback/${record.EOI_GRI_SN}/${record.EOI_Group_Name}`}>{text}</NavLink>,
|
||||
},
|
||||
{
|
||||
title: "Arrival Date",
|
||||
dataIndex: "EOI_Date",
|
||||
render: (text, record) => text,
|
||||
sorter: (a, b) => b.EOI_Date - a.EOI_Date,
|
||||
},
|
||||
{
|
||||
title: "Cities",
|
||||
key: "City",
|
||||
dataIndex: "City",
|
||||
},
|
||||
{
|
||||
title: "Guides",
|
||||
dataIndex: "CityGuide",
|
||||
},
|
||||
{
|
||||
title: "Post Survey",
|
||||
dataIndex: "Average",
|
||||
render: (text, record) => `${(record.EOI_CII_SN && record.feedback_Filled ? "✔" : "")} ${(text ? text : "")}`, //为0显示为空
|
||||
sorter: (a, b) => b.Average - a.Average,
|
||||
},
|
||||
{
|
||||
title: "External Reviews",
|
||||
dataIndex: "TAGood",
|
||||
},
|
||||
];
|
||||
|
||||
function Index() {
|
||||
const { t } = useTranslation();
|
||||
const { notification } = App.useApp();
|
||||
const { notification } = App.useApp();
|
||||
const { feedbackStore, authStore } = useStore();
|
||||
const { feedbackList, search_date_start, search_date_end } = feedbackStore;
|
||||
const [referenceNo, onNumberChange] = useState("");
|
||||
const showTotal = total => `Total ${feedbackList.length} items`;
|
||||
|
||||
const {travelAgencyId} = usingStorage();
|
||||
const [loading, feedbackList, fetchFeedbackList] = useFeedbackStore((state) => [state.loading, state.feedbackList, state.fetchFeedbackList]);
|
||||
useEffect(() => {
|
||||
// feedbackStore.searchFeedbackList(authStore.login.travelAgencyId, referenceNo, search_date_start.format(config.DATE_FORMAT), search_date_end.format(config.DATE_FORMAT) + " 23:59").catch(ex => {
|
||||
// // notification.error({
|
||||
// // message: `Error`,
|
||||
// // description: ex.message,
|
||||
// // placement: 'top',
|
||||
// // duration: 4,
|
||||
// // });
|
||||
// console.log(ex.message);
|
||||
// });
|
||||
}, []);
|
||||
|
||||
const showTotal = (total) => `Total ${total} items`;
|
||||
return (
|
||||
<Space direction="vertical" style={{ width: "100%" }}>
|
||||
<Title level={3}></Title>
|
||||
|
||||
useEffect(() => {
|
||||
// feedbackStore.searchFeedbackList(authStore.login.travelAgencyId, referenceNo, search_date_start.format(config.DATE_FORMAT), search_date_end.format(config.DATE_FORMAT) + " 23:59").catch(ex => {
|
||||
// // notification.error({
|
||||
// // message: `Error`,
|
||||
// // description: ex.message,
|
||||
// // placement: 'top',
|
||||
// // duration: 4,
|
||||
// // });
|
||||
// console.log(ex.message);
|
||||
// });
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<Space direction='vertical' style={{ width: '100%' }}>
|
||||
<SearchForm
|
||||
initialValue={{
|
||||
dates: [dayjs().subtract(2, 'M').startOf('M'), dayjs().endOf('M')],
|
||||
}}
|
||||
fieldsConfig={{
|
||||
shows: ['referenceNo', 'dates'],
|
||||
fieldProps: {
|
||||
dates: { label: t('group:ArrivalDate') },
|
||||
},
|
||||
}}
|
||||
onSubmit={(err, formVal, filedsVal) => {
|
||||
fetchFeedbackList(travelAgencyId, formVal.referenceNo, formVal.startdate, formVal.endtime);
|
||||
}}
|
||||
/>
|
||||
<Row>
|
||||
<Col md={24} lg={24} xxl={24}>
|
||||
<Table bordered={true} columns={feedbackListColumns} dataSource={feedbackList} pagination={{ defaultPageSize: 20, showTotal: showTotal }} loading={loading} />
|
||||
</Col>
|
||||
<Col md={24} lg={24} xxl={24}></Col>
|
||||
</Row>
|
||||
</Space>
|
||||
);
|
||||
<Row gutter={16}>
|
||||
<Col md={24} lg={6} xxl={4}>
|
||||
<Input
|
||||
placeholder="Reference Number"
|
||||
onChange={e => {
|
||||
onNumberChange(e.target.value);
|
||||
}}
|
||||
/>
|
||||
</Col>
|
||||
<Col md={24} lg={8} xxl={6}>
|
||||
<Space direction="horizontal">
|
||||
Arrival Date
|
||||
<DatePicker.RangePicker
|
||||
format={config.DATE_FORMAT}
|
||||
allowClear={false}
|
||||
style={{ width: "100%" }}
|
||||
value={[search_date_start, search_date_end]}
|
||||
presets={config.DATE_PRESETS}
|
||||
onChange={feedbackStore.onDateRangeChange}
|
||||
/>
|
||||
</Space>
|
||||
</Col>
|
||||
<Col md={24} lg={4} xxl={4}>
|
||||
<Button
|
||||
type="primary"
|
||||
loading={feedbackStore.loading}
|
||||
onClick={() => feedbackStore.searchFeedbackList(authStore.login.travelAgencyId, referenceNo, search_date_start.format(config.DATE_FORMAT), search_date_end.format(config.DATE_FORMAT) + " 23:59")}>
|
||||
Search
|
||||
</Button>
|
||||
</Col>
|
||||
</Row>
|
||||
<Title level={3}></Title>
|
||||
<Row>
|
||||
<Col md={24} lg={24} xxl={24}>
|
||||
<Table bordered={true} columns={feedbackListColumns} dataSource={toJS(feedbackList)} pagination={{ defaultPageSize: 20, showTotal: showTotal }} />
|
||||
</Col>
|
||||
<Col md={24} lg={24} xxl={24}></Col>
|
||||
</Row>
|
||||
</Space>
|
||||
);
|
||||
}
|
||||
|
||||
export default Index;
|
||||
export default observer(Index);
|
||||
|
||||
@ -1,130 +0,0 @@
|
||||
import { useParams, NavLink, useNavigate } from "react-router-dom";
|
||||
import { useEffect, useState } from "react";
|
||||
import { Row, Col, Space, Table, Image,App } from "antd";
|
||||
import { formatDate, isNotEmpty } from "@/utils/commons";
|
||||
import SearchForm from "@/components/SearchForm";
|
||||
import dayjs from "dayjs";
|
||||
import BackBtn from "@/components/BackBtn";
|
||||
import { fetchInvoiceDetail } from "@/stores/Invoice";
|
||||
import useInvoiceStore from "@/stores/Invoice";
|
||||
import { usingStorage } from "@/hooks/usingStorage";
|
||||
|
||||
function History() {
|
||||
const { travelAgencyId } = usingStorage();
|
||||
const { GMDSN, GSN } = useParams();
|
||||
const [dataLoading, setDataLoading] = useState(false);
|
||||
const [invoiceZDDetail, setInvoiceZDDetail] = useState([]);
|
||||
const { notification } = App.useApp();
|
||||
|
||||
useEffect(() => {
|
||||
defaultShow();
|
||||
}, [GMDSN, GSN]);
|
||||
|
||||
function defaultShow() {
|
||||
setDataLoading(true);
|
||||
|
||||
fetchInvoiceDetail(travelAgencyId, GMDSN, GSN)
|
||||
.then((json) => {
|
||||
//console.log("id:"+travelAgencyId+",gmdsn:"+GMDSN+",GSN:"+GSN+"#13"+json);
|
||||
setInvoiceZDDetail(json.invoiceZDDetail);
|
||||
})
|
||||
.catch((ex) => {
|
||||
notification.error({
|
||||
message: `Notification`,
|
||||
description: ex.message,
|
||||
placement: "top",
|
||||
duration: 4,
|
||||
});
|
||||
})
|
||||
.finally(() => {
|
||||
setDataLoading(false);
|
||||
});
|
||||
}
|
||||
|
||||
const invoicePaidColumns = [
|
||||
{
|
||||
title: "ID",
|
||||
dataIndex: "GMD_SN",
|
||||
key: "GMD_SN",
|
||||
},
|
||||
{
|
||||
title: "Due Date",
|
||||
key: "GMD_PayDate",
|
||||
dataIndex: "GMD_PayDate",
|
||||
render: (text, record) =>
|
||||
isNotEmpty(text) ? formatDate(new Date(text)) : "",
|
||||
},
|
||||
{
|
||||
title: "Amount",
|
||||
key: "GMD_Cost",
|
||||
dataIndex: "GMD_Cost",
|
||||
},
|
||||
{
|
||||
title: "Currency",
|
||||
key: "GMD_Currency",
|
||||
dataIndex: "GMD_Currency",
|
||||
},
|
||||
{
|
||||
title: "Status",
|
||||
key: "FKState",
|
||||
dataIndex: "FKState",
|
||||
render: (text, record) => (isNotEmpty(record.FKState) ? invoiceStatus(record.FKState) : text),
|
||||
},
|
||||
{
|
||||
title: "Invoice",
|
||||
key: "GMD_Pic",
|
||||
dataIndex: "GMD_Pic",
|
||||
render: showPIc,
|
||||
},
|
||||
];
|
||||
|
||||
const invoiceStatus = (FKState) => {
|
||||
switch (FKState - 1) {
|
||||
case 1:
|
||||
return "Submitted";
|
||||
case 2:
|
||||
return "Travel Advisor";
|
||||
case 3:
|
||||
return "Finance Dept";
|
||||
case 4:
|
||||
return "Paid";
|
||||
default:
|
||||
return "";
|
||||
}
|
||||
};
|
||||
|
||||
function showPIc(text, record) {
|
||||
let strPic = record.GMD_Pic;
|
||||
//console.log(JSON.parse(strPic));
|
||||
if (isNotEmpty(strPic)) {
|
||||
return JSON.parse(strPic).map((item, index) => {
|
||||
return <Image key={index} width={90} src={item.url} />;
|
||||
});
|
||||
} else {
|
||||
return "";
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<Space direction="vertical" style={{ width: "100%" }}>
|
||||
<Row gutter={16}>
|
||||
<Col span={20}></Col>
|
||||
<Col span={4}>
|
||||
<BackBtn />
|
||||
</Col>
|
||||
</Row>
|
||||
<Row>
|
||||
<Col md={24} lg={24} xxl={24}>
|
||||
<Table
|
||||
rowKey={"GMD_SN"}
|
||||
bordered
|
||||
columns={invoicePaidColumns}
|
||||
dataSource={invoiceZDDetail}
|
||||
/>
|
||||
</Col>
|
||||
</Row>
|
||||
</Space>
|
||||
);
|
||||
}
|
||||
|
||||
export default History;
|
||||
@ -1,97 +1,120 @@
|
||||
import { NavLink, useNavigate } from 'react-router-dom';
|
||||
import { useEffect } from 'react';
|
||||
import { Row, Col, Space, Table, Image } from 'antd';
|
||||
import { formatDate, isNotEmpty } from '@/utils/commons';
|
||||
import SearchForm from '@/components/SearchForm';
|
||||
import dayjs from 'dayjs';
|
||||
import BackBtn from '@/components/BackBtn';
|
||||
import useInvoiceStore from '@/stores/Invoice';
|
||||
import { usingStorage } from '@/hooks/usingStorage';
|
||||
import { NavLink, useNavigate } from "react-router-dom";
|
||||
import { useEffect, useState } from "react";
|
||||
import { observer } from "mobx-react";
|
||||
import { toJS } from "mobx";
|
||||
import { Row, Col, Space, Button, Table, Input, DatePicker, Typography, App, Image } from "antd";
|
||||
import { useStore } from "@/stores/StoreContext.js";
|
||||
import * as config from "@/config";
|
||||
import { formatDate, isNotEmpty } from "@/utils/commons";
|
||||
const { Title } = Typography;
|
||||
|
||||
function Paid() {
|
||||
const {travelAgencyId, } = usingStorage();
|
||||
const [invoicePaid, fetchInvoicePaid] = useInvoiceStore((state) => [state.invoicePaid, state.fetchInvoicePaid]);
|
||||
const navigate = useNavigate();
|
||||
const showTotal = (total) => `Total ${total} items`;
|
||||
function Paid(){
|
||||
const { authStore, invoiceStore } = useStore();
|
||||
const { invoicePaid, search_date_start, search_date_end } = invoiceStore;
|
||||
const [groupNo, onGroupNoChange] = useState("");
|
||||
const navigate = useNavigate();
|
||||
const showTotal = total => `Total ${invoicePaid.length} items`;
|
||||
|
||||
useEffect(() => {
|
||||
fetchInvoicePaid(travelAgencyId, '', '', '');
|
||||
}, []);
|
||||
const invoicePaidColumns = [
|
||||
{
|
||||
title: 'Payment ref.NO',
|
||||
dataIndex: 'fl_finaceNo',
|
||||
key: 'fl_finaceNo',
|
||||
render: (text, record) => <NavLink to={`/invoice/paid/detail/${record.key}`}>{text}</NavLink>,
|
||||
},
|
||||
{
|
||||
title: 'Payment date',
|
||||
key: 'fl_adddate',
|
||||
dataIndex: 'fl_adddate',
|
||||
render: (text, record) => (isNotEmpty(text) ? formatDate(new Date(text)) : ''),
|
||||
},
|
||||
{
|
||||
title: 'Number of bills',
|
||||
key: 'fcount',
|
||||
dataIndex: 'fcount',
|
||||
},
|
||||
{
|
||||
title: 'Total amount',
|
||||
key: 'pSum',
|
||||
dataIndex: 'pSum',
|
||||
//render: (text, record) => (isNotEmpty(record.GMD_Currency) ? record.GMD_Currency + " " + text : text),
|
||||
},
|
||||
{
|
||||
title: 'Bank statement',
|
||||
key: 'fl_pic',
|
||||
dataIndex: 'fl_pic',
|
||||
render: showPIc,
|
||||
},
|
||||
];
|
||||
|
||||
function showPIc(text, record) {
|
||||
let strPic = record.fl_pic;
|
||||
//console.log(JSON.parse(strPic));
|
||||
if (isNotEmpty(strPic)) {
|
||||
return JSON.parse(strPic).map((item, index) => {
|
||||
return <Image key={index} width={90} src={item.url} />;
|
||||
});
|
||||
} else {
|
||||
return '';
|
||||
useEffect (() => {
|
||||
invoiceStore.fetchInvoicePaid(authStore.login.travelAgencyId,"","","");
|
||||
|
||||
},[]);
|
||||
const invoicePaidColumns = [
|
||||
{
|
||||
title: "Payment ref.NO",
|
||||
dataIndex: "fl_finaceNo",
|
||||
key: "fl_finaceNo",
|
||||
render: (text, record) => <NavLink to={`/invoice/paid/detail/${record.key}`}>{text}</NavLink>,
|
||||
},
|
||||
{
|
||||
title: "Payment date",
|
||||
key: "fl_adddate",
|
||||
dataIndex: "fl_adddate",
|
||||
render: (text, record) => (isNotEmpty(text) ? formatDate(new Date(text)) : ""),
|
||||
},
|
||||
{
|
||||
title: "Number of bills",
|
||||
key: "fcount",
|
||||
dataIndex: "fcount",
|
||||
},
|
||||
{
|
||||
title: "Total amount",
|
||||
key: "pSum",
|
||||
dataIndex: "pSum",
|
||||
//render: (text, record) => (isNotEmpty(record.GMD_Currency) ? record.GMD_Currency + " " + text : text),
|
||||
},
|
||||
{
|
||||
title: "Bank statement",
|
||||
key: "fl_pic",
|
||||
dataIndex: "fl_pic",
|
||||
render: showPIc,
|
||||
},
|
||||
];
|
||||
|
||||
function showPIc(text,record) {
|
||||
let strPic = record.fl_pic;
|
||||
//console.log(JSON.parse(strPic));
|
||||
if (isNotEmpty(strPic)){
|
||||
return (
|
||||
|
||||
JSON.parse(strPic).map((item,index) => {
|
||||
return <Image key={index} width={90} src={item.url} />;
|
||||
})
|
||||
|
||||
);
|
||||
}else{
|
||||
return "";
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<Space direction='vertical' style={{ width: '100%' }}>
|
||||
<Row gutter={16}>
|
||||
<Col span={20}>
|
||||
<SearchForm
|
||||
initialValue={{
|
||||
dates: [dayjs().subtract(2, 'M').startOf('M'), dayjs().endOf('M')],
|
||||
}}
|
||||
fieldsConfig={{
|
||||
shows: ['referenceNo', 'dates'],
|
||||
fieldProps: {
|
||||
referenceNo: { col: 5 },
|
||||
dates: { col: 10, label: 'Date' },
|
||||
},
|
||||
}}
|
||||
onSubmit={(err, formVal, filedsVal) => {
|
||||
fetchInvoicePaid(travelAgencyId, formVal.referenceNo, formVal.startdate, formVal.enddate);
|
||||
}}
|
||||
/>
|
||||
</Col>
|
||||
<Col span={4}>
|
||||
<BackBtn to={'/invoice'} />
|
||||
</Col>
|
||||
</Row>
|
||||
<Row>
|
||||
<Col md={24} lg={24} xxl={24}>
|
||||
<Table bordered columns={invoicePaidColumns} dataSource={(invoicePaid)} />
|
||||
</Col>
|
||||
</Row>
|
||||
</Space>
|
||||
);
|
||||
|
||||
|
||||
return (
|
||||
<Space direction="vertical" style={{ width: "100%" }}>
|
||||
<Row gutter={16}>
|
||||
<Col span={20}>
|
||||
</Col>
|
||||
<Col span={4}>
|
||||
<Button type="link" onClick={() => navigate("/invoice")}>
|
||||
Back
|
||||
</Button>
|
||||
</Col>
|
||||
</Row>
|
||||
<Title level={3}></Title>
|
||||
<Row gutter={16}>
|
||||
<Col md={24} lg={6} xxl={4}>
|
||||
<Input
|
||||
placeholder="Reference Number"
|
||||
onChange={e => {
|
||||
onGroupNoChange(e.target.value);
|
||||
}}
|
||||
/>
|
||||
</Col>
|
||||
<Col md={24} lg={8} xxl={6}>
|
||||
<Space direction="horizontal">
|
||||
Date
|
||||
<DatePicker.RangePicker format={config.DATE_FORMAT} allowClear={false} style={{ width: "100%" }} value={[search_date_start, search_date_end]} presets={config.DATE_PRESETS} onChange={invoiceStore.onDateRangeChange} />
|
||||
</Space>
|
||||
</Col>
|
||||
<Col md={24} lg={4} xxl={4}>
|
||||
<Button
|
||||
type="primary"
|
||||
loading={invoiceStore.loading}
|
||||
onClick={() => invoiceStore.fetchInvoicePaid(authStore.login.travelAgencyId, groupNo, search_date_start.format(config.DATE_FORMAT), search_date_end.format(config.DATE_FORMAT))}>
|
||||
Search
|
||||
</Button>
|
||||
</Col>
|
||||
</Row>
|
||||
<Title level={3}></Title>
|
||||
<Row>
|
||||
<Col md={24} lg={24} xxl={24}>
|
||||
<Table bordered columns={invoicePaidColumns} dataSource={toJS(invoicePaid)} />
|
||||
</Col>
|
||||
</Row>
|
||||
</Space>
|
||||
);
|
||||
}
|
||||
|
||||
export default (Paid);
|
||||
export default observer(Paid);
|
||||
|
||||
@ -1,63 +1,67 @@
|
||||
import { useNavigate, useParams } from 'react-router-dom';
|
||||
import { useEffect, useState } from 'react';
|
||||
import { Row, Col, Space, Table, Typography } from 'antd';
|
||||
import { formatDate, isNotEmpty } from '@/utils/commons';
|
||||
import BackBtn from '@/components/BackBtn';
|
||||
import { fetchInvoicePaidDetail } from '@/stores/Invoice';
|
||||
import { usingStorage } from '@/hooks/usingStorage';
|
||||
|
||||
import { NavLink, useNavigate ,useParams} from "react-router-dom";
|
||||
import { useEffect, useState } from "react";
|
||||
import { observer } from "mobx-react";
|
||||
import { toJS } from "mobx";
|
||||
import { Row, Col, Space, Button, Table, Typography } from "antd";
|
||||
import { useStore } from "@/stores/StoreContext.js";
|
||||
import * as config from "@/config";
|
||||
import { formatDate, isNotEmpty } from "@/utils/commons";
|
||||
const { Title } = Typography;
|
||||
|
||||
function PaidDetail() {
|
||||
const navigate = useNavigate();
|
||||
const {travelAgencyId, } = usingStorage();
|
||||
const { flid } = useParams();
|
||||
function PaidDetail(){
|
||||
const navigate = useNavigate();
|
||||
const { authStore, invoiceStore } = useStore();
|
||||
const { invoicePaidDetail } = invoiceStore;
|
||||
const { flid } = useParams();
|
||||
|
||||
useEffect(() => {
|
||||
invoiceStore.fetchInvoicePaidDetail(authStore.login.travelAgencyId,flid);
|
||||
|
||||
const [invoicePaidDetail, setInvoicePaidDetail] = useState([]);
|
||||
useEffect(() => {
|
||||
fetchInvoicePaidDetail(travelAgencyId, flid).then(res => setInvoicePaidDetail(res));
|
||||
}, [flid]);
|
||||
},[flid]);
|
||||
|
||||
const invoicePaidColumns = [
|
||||
{
|
||||
title: 'Ref.NO',
|
||||
dataIndex: 'fl2_GroupName',
|
||||
key: 'fl2_GroupName',
|
||||
},
|
||||
{
|
||||
title: 'Arrival date',
|
||||
key: 'fl2_ArriveDate',
|
||||
dataIndex: 'fl2_ArriveDate',
|
||||
render: (text, record) => (isNotEmpty(text) ? formatDate(new Date(text)) : ''),
|
||||
},
|
||||
{
|
||||
title: 'Payment amount',
|
||||
key: 'fl2_price',
|
||||
dataIndex: 'fl2_price',
|
||||
},
|
||||
{
|
||||
title: 'Currency',
|
||||
key: 'fl2_memo',
|
||||
dataIndex: 'fl2_memo',
|
||||
},
|
||||
];
|
||||
const invoicePaidColumns = [
|
||||
{
|
||||
title: "Ref.NO",
|
||||
dataIndex: "fl2_GroupName",
|
||||
key: "fl2_GroupName",
|
||||
},
|
||||
{
|
||||
title: "Arrival date",
|
||||
key: "fl2_ArriveDate",
|
||||
dataIndex: "fl2_ArriveDate",
|
||||
render: (text, record) => (isNotEmpty(text) ? formatDate(new Date(text)) : ""),
|
||||
},
|
||||
{
|
||||
title: "Payment amount",
|
||||
key: "fl2_price",
|
||||
dataIndex: "fl2_price",
|
||||
},
|
||||
{
|
||||
title: "Currency",
|
||||
key: "fl2_memo",
|
||||
dataIndex: "fl2_memo",
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<Space direction='vertical' style={{ width: '100%' }}>
|
||||
<Row gutter={16}>
|
||||
<Col span={20}></Col>
|
||||
<Col span={4}>
|
||||
<BackBtn />
|
||||
</Col>
|
||||
</Row>
|
||||
<Title level={3}></Title>
|
||||
<Row>
|
||||
<Col md={24} lg={24} xxl={24}>
|
||||
<Table bordered columns={invoicePaidColumns} dataSource={invoicePaidDetail} />
|
||||
</Col>
|
||||
</Row>
|
||||
</Space>
|
||||
);
|
||||
return (
|
||||
<Space direction="vertical" style={{ width: "100%" }}>
|
||||
<Row gutter={16}>
|
||||
<Col span={20}>
|
||||
</Col>
|
||||
<Col span={4}>
|
||||
<Button type="link" onClick={() => navigate("/invoice/paid")}>
|
||||
Back
|
||||
</Button>
|
||||
</Col>
|
||||
</Row>
|
||||
<Title level={3}></Title>
|
||||
<Row>
|
||||
<Col md={24} lg={24} xxl={24}>
|
||||
<Table bordered columns={invoicePaidColumns} dataSource={toJS(invoicePaidDetail)} />
|
||||
</Col>
|
||||
</Row>
|
||||
</Space>
|
||||
);
|
||||
}
|
||||
|
||||
export default PaidDetail;
|
||||
export default observer(PaidDetail);
|
||||
@ -1,42 +1,42 @@
|
||||
import { useParams } from "react-router-dom";
|
||||
import { NavLink, useParams } from "react-router-dom";
|
||||
import { useEffect, useState } from "react";
|
||||
import { Row, Col, Space, Typography, Divider } from "antd";
|
||||
import { fetchNoticeDetail } from "@/stores/Notice";
|
||||
import BackBtn from "@/components/BackBtn";
|
||||
import { usingStorage } from "@/hooks/usingStorage";
|
||||
import { observer } from "mobx-react";
|
||||
import { toJS } from "mobx";
|
||||
import { Row, Col, Space, Button, Table, Input, Typography, Badge, Divider } from "antd";
|
||||
import { useStore } from "@/stores/StoreContext.js";
|
||||
import * as config from "@/config";
|
||||
import * as comm from "@/utils/commons";
|
||||
import dayjs from "dayjs";
|
||||
|
||||
const { Title, Paragraph } = Typography;
|
||||
const { Title, Paragraph, Text } = Typography;
|
||||
|
||||
function Detail() {
|
||||
const { CCP_BLID } = useParams();
|
||||
const { userId } = usingStorage();
|
||||
const { noticeStore, authStore } = useStore();
|
||||
const { noticeInfo } = noticeStore;
|
||||
const { CCP_BLID } = useParams();
|
||||
|
||||
const [noticeInfo, setNoticeInfo] = useState({});
|
||||
useEffect(() => {
|
||||
fetchNoticeDetail(userId, CCP_BLID).then((res) => {
|
||||
setNoticeInfo(res);
|
||||
});
|
||||
}, []);
|
||||
useEffect(() => {
|
||||
console.info("notice detail .useEffect " + CCP_BLID);
|
||||
noticeStore.getNoticeDetail(authStore.login.userId, CCP_BLID);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<Space direction="vertical" style={{ width: "100%" }}>
|
||||
<Row gutter={16}>
|
||||
<Col span={4}></Col>
|
||||
<Col span={16}>
|
||||
<Title level={1}>{noticeInfo.CCP_BLTitle}</Title>
|
||||
<Divider orientation="right">{noticeInfo.CCP_LastEditTime}</Divider>
|
||||
<Paragraph>
|
||||
<div className="whitespace-pre-line">
|
||||
{noticeInfo.CCP_BLContent}
|
||||
</div>
|
||||
</Paragraph>
|
||||
</Col>
|
||||
<Col span={4}>
|
||||
<BackBtn />
|
||||
</Col>
|
||||
</Row>
|
||||
</Space>
|
||||
);
|
||||
return (
|
||||
<Space direction="vertical" style={{ width: "100%" }}>
|
||||
<Row gutter={16}>
|
||||
<Col span={4}></Col>
|
||||
<Col span={16}>
|
||||
<Title level={1}>{noticeInfo.CCP_BLTitle}</Title>
|
||||
<Divider orientation="right">{noticeInfo.CCP_LastEditTime}</Divider>
|
||||
<Paragraph>
|
||||
<div dangerouslySetInnerHTML={{ __html: comm.escape2Html(noticeInfo.CCP_BLContent) }}></div>
|
||||
</Paragraph>
|
||||
</Col>
|
||||
<Col span={4}>
|
||||
<NavLink to="/notice">Back</NavLink>
|
||||
</Col>
|
||||
</Row>
|
||||
</Space>
|
||||
);
|
||||
}
|
||||
|
||||
export default Detail;
|
||||
export default observer(Detail);
|
||||
|
||||
@ -1,272 +0,0 @@
|
||||
import { useEffect, useState } from 'react';
|
||||
import { useParams, Link } from 'react-router-dom';
|
||||
import { App, Empty, Button, Collapse, Table, Space, Alert } from 'antd';
|
||||
import { useProductsTypes, useProductsAuditStatesMapVal } from '@/hooks/useProductsSets';
|
||||
import SecondHeaderWrapper from '@/components/SecondHeaderWrapper';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import useProductsStore, { postProductsQuoteAuditAction, } from '@/stores/Products/Index';
|
||||
import { cloneDeep, groupBy, isEmpty, isNotEmpty } from '@/utils/commons';
|
||||
import useAuthStore from '@/stores/Auth';
|
||||
import RequireAuth from '@/components/RequireAuth';
|
||||
import { PERM_PRODUCTS_MANAGEMENT, PERM_PRODUCTS_OFFER_AUDIT, PERM_PRODUCTS_OFFER_PUT } from '@/config';
|
||||
import Header from './Detail/Header';
|
||||
import dayjs from 'dayjs';
|
||||
import { usingStorage } from '@/hooks/usingStorage';
|
||||
import { ClockCircleOutlined, PlusCircleFilled } from '@ant-design/icons';
|
||||
import ProductQuotationLogPopover, { columnsSets } from './Detail/ProductQuotationLogPopover';
|
||||
|
||||
const PriceTable = ({ productType, dataSource, refresh }) => {
|
||||
const { t } = useTranslation('products');
|
||||
const { travel_agency_id, use_year, audit_state } = useParams();
|
||||
const isPermitted = useAuthStore(state => state.isPermitted);
|
||||
const [loading, activeAgency] = useProductsStore((state) => [state.loading, state.activeAgency]);
|
||||
const [setEditingProduct] = useProductsStore((state) => [state.setEditingProduct]);
|
||||
const { message, notification } = App.useApp();
|
||||
const stateMapVal = useProductsAuditStatesMapVal();
|
||||
|
||||
const [renderData, setRenderData] = useState(dataSource);
|
||||
|
||||
// console.log(dataSource);
|
||||
|
||||
const [logOpenPriceRow, setLogOpenPriceRow] = useState(null); // price id
|
||||
|
||||
const handleAuditPriceItem = (state, row, rowIndex) => {
|
||||
postProductsQuoteAuditAction(state, { id: row.id, travel_agency_id: activeAgency.travel_agency_id })
|
||||
.then((json) => {
|
||||
if (json.errcode === 0) {
|
||||
message.success(json.errmsg);
|
||||
|
||||
if (typeof refresh === 'function') {
|
||||
// refresh(); // debug: 不要刷新, 等太久
|
||||
// const newData = structuredClone(renderData);
|
||||
const newData = cloneDeep(renderData);
|
||||
newData.splice(rowIndex, 1, {...row, audit_state_id: state, });
|
||||
setRenderData(newData);
|
||||
}
|
||||
}
|
||||
})
|
||||
.catch((ex) => {
|
||||
notification.error({
|
||||
message: 'Notification',
|
||||
description: ex.message,
|
||||
placement: 'top',
|
||||
duration: 4,
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
const rowStyle = (r, tri) => {
|
||||
const trCls = tri%2 !== 0 ? ' bg-stone-50' : ''; // 奇偶行
|
||||
const [infoI, quoteI] = r.rowSpanI;
|
||||
const bigTrCls = quoteI === 0 && tri !== 0 ? 'border-collapse border-double border-0 border-t-4 border-stone-300' : ''; // 合并行双下划线
|
||||
// && isNotEmpty(r.lastedit_changed)
|
||||
const editedCls = (r.audit_state_id === 0 ) ? '!bg-amber-100' : ''; // 待审核, 黄
|
||||
const newCls = (r.audit_state_id === -1 ) ? '!bg-sky-100' : ''; // 新增, 蓝
|
||||
const editedCls_ = isNotEmpty(r.lastedit_changed) ? (r.audit_state_id === 0 ? '!bg-red-100' : '!bg-sky-100') : '';
|
||||
const lodHighlightCls = (r.id === logOpenPriceRow ) ? '!bg-violet-300 !text-violet-900' : '';
|
||||
return [trCls, bigTrCls, newCls, editedCls, lodHighlightCls].join(' ');
|
||||
};
|
||||
|
||||
const columns = [
|
||||
{
|
||||
key: 'title',
|
||||
dataIndex: ['info', 'title'],
|
||||
width: '16rem',
|
||||
title: t('Title'),
|
||||
onCell: (r, index) => ({ rowSpan: r.rowSpan }),
|
||||
className: 'bg-white',
|
||||
render: (text, r) => {
|
||||
const title = text || r.lgc_details?.['2']?.title || r.lgc_details?.['1']?.title || '';
|
||||
const itemLink = isPermitted(PERM_PRODUCTS_OFFER_AUDIT)
|
||||
? `/products/${travel_agency_id}/${use_year}/${audit_state}/edit`
|
||||
: isPermitted(PERM_PRODUCTS_OFFER_PUT)
|
||||
? `/products/edit`
|
||||
: '';
|
||||
return (
|
||||
<div className=''>
|
||||
{isNotEmpty(itemLink) ? (
|
||||
<div className='' onClick={() => setEditingProduct({ info: r.info })}>
|
||||
<Link to={itemLink}>{title}</Link>
|
||||
</div>
|
||||
) : (
|
||||
title
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
...columnsSets(t),
|
||||
{
|
||||
key: 'state',
|
||||
title: t('State'),
|
||||
render: (_, r) => {
|
||||
const stateCls = ` text-${stateMapVal[`${r.audit_state_id}`]?.color} `;
|
||||
return <span className={stateCls}>{stateMapVal[`${r.audit_state_id}`]?.label}</span>;
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '',
|
||||
key: 'action',
|
||||
render: (_, r, ri) =>
|
||||
[-1, 0, 3].includes(Number(r.audit_state_id)) ? (
|
||||
<>
|
||||
<Space className='w-full [&>*:last-child]:ms-auto'>
|
||||
<RequireAuth subject={PERM_PRODUCTS_OFFER_AUDIT}>
|
||||
{Number(r.audit_state_id) === 0 && (
|
||||
<div className='flex gap-2'>
|
||||
<Button onClick={() => handleAuditPriceItem('2', r, ri)}>✔</Button>
|
||||
<Button onClick={() => handleAuditPriceItem('3', r, ri)}>✖</Button>
|
||||
</div>
|
||||
)}
|
||||
</RequireAuth>
|
||||
<ProductQuotationLogPopover
|
||||
method={'history'}
|
||||
{...{ travel_agency_id, product_id: r.info.id, price_id: r.id, use_year }}
|
||||
onOpenChange={(open) => setLogOpenPriceRow(open ? r.id : null)}
|
||||
/>
|
||||
</Space>
|
||||
</>
|
||||
) : null,
|
||||
},
|
||||
// {
|
||||
// title: '',
|
||||
// key: 'action2',
|
||||
// width: '6rem',
|
||||
// className: 'bg-white align-bottom',
|
||||
// onCell: (r, index) => ({ rowSpan: r.rowSpan }),
|
||||
// render: (_, r) => {
|
||||
// const showPublicBtn = null; // r.pendingQuotation ? <Popover title='查看已发布的价格' trigger={['click']}> <Button size='small' className='ml-2' onClick={() => { }}>✈</Button></Popover> : null;
|
||||
// const btn2 = !r.showPublicBtn ? (
|
||||
// <>
|
||||
// <ProductQuotationSnapshotPopover
|
||||
// // <ProductQuotationLogPopover
|
||||
// method={'snapshot'}
|
||||
// {...{ travel_agency_id, product_id: r.info.id, price_id: r.id, use_year }}
|
||||
// triggerProps={{ type: 'primary', ghost: true, size: 'small' }}
|
||||
// placement='bottom'
|
||||
// className='max-w-[1000px]'
|
||||
// />
|
||||
// </>
|
||||
// ) : null;
|
||||
// return <div className='flex flex-col gap-2 justify-end'>{btn2}</div>;
|
||||
// },
|
||||
// },
|
||||
];
|
||||
return (
|
||||
<Table
|
||||
size={'small'}
|
||||
className='border-collapse'
|
||||
rowHoverable={false}
|
||||
rowClassName={rowStyle}
|
||||
pagination={false}
|
||||
{...{ columns }}
|
||||
dataSource={renderData}
|
||||
rowKey={(r) => r.id}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
const TypesPanels = (props) => {
|
||||
const { t } = useTranslation();
|
||||
const [loading, agencyProducts] = useProductsStore((state) => [state.loading, state.agencyProducts]);
|
||||
// console.log(agencyProducts);
|
||||
const productsTypes = useProductsTypes();
|
||||
const [activeKey, setActiveKey] = useState([]);
|
||||
const [showTypes, setShowTypes] = useState([]);
|
||||
useEffect(() => {
|
||||
// 只显示有产品的类型; 展开产品的价格表, 合并名称列; 转化为价格主表, 携带产品属性信息
|
||||
const hasDataTypes = Object.keys(agencyProducts);
|
||||
let tempKey = '';
|
||||
const _show = productsTypes
|
||||
.filter((kk) => hasDataTypes.includes(kk.value))
|
||||
.map((ele) => {
|
||||
const _children = agencyProducts[ele.value].reduce(
|
||||
(r, c, ri) =>
|
||||
r.concat(
|
||||
c.quotation.map((q, i) => ({
|
||||
...q,
|
||||
// weekdays: q.weekdays
|
||||
// .split(',')
|
||||
// .filter(Boolean)
|
||||
// .map((w) => t(`weekdaysShort.${w}`))
|
||||
// .join(', '),
|
||||
info: c.info,
|
||||
lgc_details: c.lgc_details.reduce((rlgc, clgc) => ({...rlgc, [clgc.lgc]: clgc}), {}),
|
||||
rowSpan: i === 0 ? c.quotation.length : 0,
|
||||
rowSpanI: [ri, i],
|
||||
showPublicBtn: c.quotation.some(q2 => [0, 3].includes(q2.audit_state_id)),
|
||||
}))
|
||||
),
|
||||
[]
|
||||
);
|
||||
tempKey = _children.length > 0 && tempKey==='' ? ele.key : tempKey;
|
||||
const _childrenByState = groupBy(_children, 'audit_state_id');
|
||||
// if (_children.length > 0) console.log('PriceTable\n'+ele.value+'\n', _children)
|
||||
return {
|
||||
...ele,
|
||||
extra: <Space>
|
||||
{_childrenByState['1']?.length > 0 && <Alert showIcon type='success' className='py-1 text-xs' message={_childrenByState['1']?.length || 0} />}
|
||||
{_childrenByState['2']?.length > 0 && <Alert showIcon type='success' className='py-1 text-xs' message={_childrenByState['2']?.length || 0} icon={<ClockCircleOutlined />} />}
|
||||
{_childrenByState['0']?.length > 0 && <Alert showIcon type='warning' className='py-1 text-xs' message={_childrenByState['0']?.length || 0} />}
|
||||
{_childrenByState['3']?.length > 0 && <Alert showIcon type='error' className='py-1 text-xs' message={_childrenByState['3']?.length || 0} />}
|
||||
{_childrenByState['-1']?.length > 0 && <Alert showIcon type='info' className='py-1 text-xs' message={_childrenByState['-1']?.length || 0} icon={<PlusCircleFilled />} />}
|
||||
<span>{t('Table.Total', { total: _children.length })}</span>
|
||||
</Space>,
|
||||
children: (
|
||||
<PriceTable
|
||||
// loading={loading}
|
||||
productType={ele.value}
|
||||
dataSource={_children}
|
||||
refresh={props.refresh}
|
||||
/>
|
||||
),
|
||||
}});
|
||||
setShowTypes(_show);
|
||||
|
||||
setActiveKey(isEmpty(_show) ? [] : [tempKey]);
|
||||
return () => {};
|
||||
}, [productsTypes, agencyProducts]);
|
||||
|
||||
const onCollapseChange = (_activeKey) => {
|
||||
setActiveKey(_activeKey);
|
||||
};
|
||||
return isEmpty(agencyProducts) ? <Empty /> : <Collapse items={showTypes} activeKey={activeKey} onChange={onCollapseChange} />;
|
||||
};
|
||||
|
||||
const Audit = ({ ...props }) => {
|
||||
const { notification, modal } = App.useApp()
|
||||
const isPermitted = useAuthStore(state => state.isPermitted);
|
||||
const { travel_agency_id, use_year, audit_state } = useParams();
|
||||
const [activeAgency, getAgencyProducts] = useProductsStore((state) => [state.activeAgency, state.getAgencyProducts]);
|
||||
const [loading, setLoading] = useProductsStore(state => [state.loading, state.setLoading]);
|
||||
const { travelAgencyId } = usingStorage();
|
||||
|
||||
const handleGetAgencyProducts = async ({pick_year, pick_agency, pick_state}={}) => {
|
||||
const year = pick_year || use_year || dayjs().year();
|
||||
const agency = pick_agency || travel_agency_id || travelAgencyId;
|
||||
const state = pick_state ?? audit_state;
|
||||
getAgencyProducts({ travel_agency_id: agency, use_year: year, audit_state: state }).catch(ex => {
|
||||
setLoading(false);
|
||||
notification.error({
|
||||
message: 'Notification',
|
||||
description: ex.message,
|
||||
placement: 'top',
|
||||
duration: 4,
|
||||
})
|
||||
});
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<SecondHeaderWrapper loading={loading} backTo={isPermitted(PERM_PRODUCTS_MANAGEMENT) ? `/products` : false} header={<Header title={activeAgency.travel_agency_name} refresh={handleGetAgencyProducts} />} >
|
||||
{/* <PrintContractPDF /> */}
|
||||
|
||||
<TypesPanels refresh={handleGetAgencyProducts} />
|
||||
</SecondHeaderWrapper>
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default Audit;
|
||||
@ -1,58 +0,0 @@
|
||||
import { useState } from 'react';
|
||||
import { App, Divider, Empty, Flex } from 'antd';
|
||||
import { isEmpty } from '@/utils/commons';
|
||||
import SecondHeaderWrapper from '@/components/SecondHeaderWrapper';
|
||||
import Header from './Detail/Header';
|
||||
import { useParams } from 'react-router-dom';
|
||||
import useProductsStore from '@/stores/Products/Index';
|
||||
import dayjs from 'dayjs';
|
||||
import { usingStorage } from '@/hooks/usingStorage';
|
||||
import ProductsTree from './Detail/ProductsTree';
|
||||
import ProductInfo from './Detail/ProductInfo';
|
||||
import NewProductModal from './Detail/NewProductModal';
|
||||
|
||||
function Detail() {
|
||||
const { notification, modal } = App.useApp();
|
||||
const { travel_agency_id, audit_state, use_year } = useParams();
|
||||
const [addProductVisible, setAddProductVisible] = useState(false);
|
||||
const [agencyProducts, switchParams] = useProductsStore((state) => [state.agencyProducts, state.switchParams]);
|
||||
const [getAgencyProducts, activeAgency] = useProductsStore((state) => [state.getAgencyProducts, state.activeAgency]);
|
||||
const [loading, setLoading] = useProductsStore((state) => [state.loading, state.setLoading]);
|
||||
|
||||
const { travelAgencyId } = usingStorage();
|
||||
const handleGetAgencyProducts = async ({ pick_year, pick_agency, pick_state } = {}) => {
|
||||
const year = pick_year || use_year || switchParams.use_year || dayjs().year();
|
||||
const agency = pick_agency || travel_agency_id || travelAgencyId;
|
||||
const state = pick_state ?? audit_state;
|
||||
const param = { travel_agency_id: agency, use_year: year, audit_state: state };
|
||||
// setEditingProduct({});
|
||||
getAgencyProducts(param).catch((ex) => {
|
||||
setLoading(false);
|
||||
notification.error({
|
||||
message: 'Notification',
|
||||
description: ex.message,
|
||||
placement: 'top',
|
||||
duration: 4,
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
return (
|
||||
<SecondHeaderWrapper
|
||||
loading={loading}
|
||||
backTo={false}
|
||||
header={<Header title={activeAgency.travel_agency_name} refresh={handleGetAgencyProducts} handleNewProduct={() => setAddProductVisible(true)} />}>
|
||||
<>
|
||||
<Flex gap={10} className='h-full'>
|
||||
{/* onNodeSelect={handleNodeSelect} */}
|
||||
<ProductsTree className='basis-80 sticky top-0 overflow-y-auto shrink-0' style1={{ height: 'calc(100vh - 150px)' }} />
|
||||
<Divider type={'vertical'} className='mx-1 h-auto' />
|
||||
<div className=' flex-auto overflow-auto '>
|
||||
<ProductInfo />
|
||||
</div>
|
||||
</Flex>
|
||||
</>
|
||||
</SecondHeaderWrapper>
|
||||
);
|
||||
}
|
||||
export default Detail;
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue