+
+
+
+
+
+
+ setQuery(prev => ({ ...prev, search: value }))}
+ className="rb:w-70"
+ />
+
+
+
+
+ );
+};
+
+export default OrderHistory;
\ No newline at end of file
diff --git a/web/src/views/OrderHistory/types.ts b/web/src/views/OrderHistory/types.ts
new file mode 100644
index 00000000..05800cb6
--- /dev/null
+++ b/web/src/views/OrderHistory/types.ts
@@ -0,0 +1,43 @@
+export interface Query {
+ product_type?: string | null;
+ status?: string | null;
+ search?: string;
+ page_index?: number;
+ page_size?: number;
+ start_time?: number | null;
+ end_time?: number | null;
+ [key: string]: string | number | null | undefined;
+}
+export interface Order {
+ order_no: string;
+ user_id: string;
+ tenant_id: string;
+ uname: string;
+ status: number;
+ product_type: string;
+ valid: number;
+ payable_amount: string;
+ pay_status: number;
+ pay_txn_id: string;
+ pay_time: number;
+ payer: string;
+ servicer_id: number;
+ valid_time: number;
+ remarks: string;
+ closed: number;
+ service_status: number;
+ ship_status: number;
+ invite_code: string;
+ from_view: string;
+ tags: string;
+ app_id: number;
+ id: number;
+ optimistic: number;
+ create_time: number;
+ update_time: number;
+ deleted: number;
+}
+
+export interface OrderDetailRef {
+ handleOpen: (order: Order) => void;
+}
diff --git a/web/src/views/OrderPayment/index.tsx b/web/src/views/OrderPayment/index.tsx
new file mode 100644
index 00000000..3214b48e
--- /dev/null
+++ b/web/src/views/OrderPayment/index.tsx
@@ -0,0 +1,391 @@
+import React, { useState, useEffect, useMemo } from 'react';
+import { useSearchParams, useNavigate } from 'react-router-dom';
+import { Button, Input, App, Form, DatePicker } from 'antd';
+import { useTranslation } from 'react-i18next';
+import copy from 'copy-to-clipboard'
+import dayjs from 'dayjs';
+
+import { submitPaymentVoucherAPI } from '@/api/order';
+import corporateImg from '@/assets/images/order/corporate.svg'
+import checkImg from '@/assets/images/order/check.svg'
+import type { PriceItem, VoucherForm } from './types'
+
+const { TextArea } = Input;
+
+const paymentInfo = {
+ payee: '上海算模算样科技有限公司',
+ bankName: '交通银行上海同济支行',
+ bankAccount: '3100 6634 4013 0082 44111'
+};
+const OrderPayment: React.FC = () => {
+ const [searchParams] = useSearchParams();
+ const { message, modal } = App.useApp()
+ const navigate = useNavigate();
+ const { t } = useTranslation();
+ const [form] = Form.useForm
+ {/* 订单信息 */}
+
+ );
+};
+
+export default OrderPayment;
\ No newline at end of file
diff --git a/web/src/views/OrderPayment/types.ts b/web/src/views/OrderPayment/types.ts
new file mode 100644
index 00000000..1e00707b
--- /dev/null
+++ b/web/src/views/OrderPayment/types.ts
@@ -0,0 +1,27 @@
+export interface PriceItem {
+ type: string;
+ label: string;
+ typeDesc: string;
+ priceDescObj: {
+ solution: string;
+ targetAudience: string;
+ };
+ priceObj: {
+ type: string;
+ price?: number;
+ time: string;
+ };
+ btnType: string;
+ memoryCapacity: string;
+ intelligentSearchFrequency: string;
+ mostPopular?: boolean;
+ flexibleDeployment?: boolean;
+ reliableGuarantee?: boolean;
+}
+
+export interface VoucherForm {
+ pay_txn_id: string;
+ payer: string;
+ transferDate: string;
+ remarks: string;
+}
\ No newline at end of file
diff --git a/web/src/views/Pricing/index.tsx b/web/src/views/Pricing/index.tsx
new file mode 100644
index 00000000..076754a8
--- /dev/null
+++ b/web/src/views/Pricing/index.tsx
@@ -0,0 +1,281 @@
+import React from 'react';
+import { Button } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+
+import personal from '@/assets/images/order/personal.png'
+import team from '@/assets/images/order/team.png'
+import biz from '@/assets/images/order/biz.png'
+import commerce from '@/assets/images/order/commerce.png'
+import checkIcon from '@/assets/images/login/checkBg.png'
+import alertIcon from '@/assets/images/order/alert.svg';
+import { useUser } from '@/store/user'
+
+interface PriceItem {
+ type: string;
+ label: string;
+ typeDesc: string;
+ priceDescObj: {
+ solution: string;
+ targetAudience: string;
+ };
+ priceObj: {
+ type: string;
+ price?: number;
+ time: string;
+ };
+ btnType: string;
+ memoryCapacity: string;
+ intelligentSearchFrequency: string;
+ mostPopular?: boolean;
+ flexibleDeployment?: boolean;
+ reliableGuarantee?: boolean;
+}
+const btnClassNames = {
+ personal: 'rb:h-10! rb:rounded-[8px]!',
+ team: 'rb:h-10! rb:rounded-[8px]! rb:bg-[#FF5D34]! rb:text-white! rb:border-0! rb:hover:border-0! rb:hover:opacity-[0.8]',
+ biz: 'rb:h-10! rb:rounded-[8px]!',
+ commerce: 'rb:h-10! rb:rounded-[8px]! rb:bg-[#212332]! rb:text-white! rb:border-0! rb:hover:border-0! rb:hover:opacity-[0.8]',
+}
+
+export const PRICE_LIST: PriceItem[] = [
+ {
+ type: 'personal',
+ label: 'pricing.personal.label',
+ typeDesc: 'pricing.personal.typeDesc',
+ priceDescObj: {
+ solution: 'pricing.personal.solution',
+ targetAudience: 'pricing.personal.targetAudience',
+ },
+ priceObj: {
+ type: 'default',
+ price: 0,
+ time: 'pricing.personal.priceDesc',
+ },
+ btnType: 'started', // started / choosePlan / contact
+ memoryCapacity: '2000',
+ intelligentSearchFrequency: '100',
+ },
+ {
+ type: 'team',
+ label: 'pricing.team.label',
+ typeDesc: 'pricing.team.typeDesc',
+ priceDescObj: {
+ solution: 'pricing.team.solution',
+ targetAudience: 'pricing.team.targetAudience',
+ },
+ priceObj: {
+ type: 'default',
+ price: 19,
+ time: 'pricing.team.priceDesc'
+ },
+ btnType: 'choosePlan', // started / choosePlan / contact
+ memoryCapacity: '20,000',
+ intelligentSearchFrequency: '10,000',
+ },
+ {
+ type: 'biz',
+ label: 'pricing.biz.label',
+ typeDesc: 'pricing.biz.typeDesc',
+ priceDescObj: {
+ solution: 'pricing.biz.solution',
+ targetAudience: 'pricing.biz.targetAudience',
+ },
+ mostPopular: true,
+ priceObj: {
+ type: 'default', // default / biz
+ price: 299,
+ time: 'pricing.biz.priceDesc'
+ },
+ btnType: 'choosePlan', // started / choosePlan / contact
+ memoryCapacity: '100,000',
+ intelligentSearchFrequency: '50,000',
+ },
+ {
+ type: 'commerce',
+ label: 'pricing.commerce.label',
+ typeDesc: 'pricing.commerce.typeDesc',
+ priceDescObj: {
+ solution: 'pricing.commerce.solution',
+ targetAudience: 'pricing.commerce.targetAudience',
+ },
+ priceObj: {
+ type: 'commerce', // default / commerce
+ time: 'pricing.commerce.priceDesc'
+ },
+ btnType: 'contact', // started / choosePlan / contact
+
+ memoryCapacity: '20,000',
+ intelligentSearchFrequency: '10,000',
+ flexibleDeployment: true,
+ reliableGuarantee: true
+ },
+]
+
+const PricingView: React.FC = () => {
+ const { t } = useTranslation();
+ const navigate = useNavigate();
+ const { user } = useUser();
+
+ const handleChoosePlan = (type: string) => {
+ switch(type) {
+ case 'team':
+ case 'biz':
+ navigate(`/order-pay?type=${type}`);
+ break
+ case 'personal':
+ navigate(user.current_workspace_id ? '/' : '/space');
+ break
+ case 'commerce':
+ break
+ }
+ };
+ const goToHistory = () => {
+ navigate('/orders');
+ }
+
+ const getCardIcon = (type: string) => {
+ const iconMap: Record
+
+
+ {/* 支付方式和支付凭证 */}
+ {t('pricing.orderInformation')}
+ +
+
+
+ {/* 订单详情表格 */}
+
+ {t('pricing.creationTime')}:
+ {orderInfo.creationTime}
+
+
+ {/* 桌面端表头 */}
+
+
+
+ {/* 表格内容 */}
+ {t('pricing.comboName')}
+ {t('pricing.spAndTa')}
+ {t('pricing.versionInformation')}
+ {t('pricing.orderCycle')}
+ {t('pricing.orderAmount')}
+
+ {/* 套餐名称 */}
+
+
+
+ {/* 解决方案和目标受众 */}
+ {t('pricing.comboName')}
+ {orderInfo.comboName}
+ {orderInfo.comboEdition}
+
+
+ {/* 版本信息 */}
+ {t('pricing.spAndTa')}
+
+
+ {translations.getPriceKey('solution')}
+ {orderInfo.solutionPositioning}
+
+
+ {translations.getPriceKey('targetAudience')}
+ {orderInfo.targetAudience}
+
+
+ {/* 订购周期和金额 */}
+ {t('pricing.versionInformation')}
+
+ 
+ {translations.memoryCapacity} {orderInfo.memoryCapacity}
+
+
+
+ {translations.intelligentSearchFrequency} {orderInfo.searchFrequency}
+
+
+
+ {translations.supportServices} {orderInfo.supportServices}
+
+ {selectedType === 'commerce' && (
+ <>
+
+
+ {translations.flexibleDeployment} {translations.getTypeSupportService('commerce', 'flexibleDeployment')}
+
+
+
+ {translations.reliableGuarantee} {translations.getTypeSupportService('commerce', 'reliableGuarantee')}
+
+
+ )}
+
+ {orderInfo.orderingCycle}
+
+
+ {t('pricing.orderAmount')}:
+ {selectedType === 'commerce' ? '' : '$'}{orderInfo.orderAmount}
+
+
+ {/* 支付方式 */}
+
+
+
+
+ {/* 支付凭证 */}
+ {t('pricing.paymentMethod')}
+ +
+
+
+
+ 
+
+
+
+ {t('pricing.corporateTransfer')}
+ {t('pricing.corporateTransferDesc')}
+
+
+ {t('pricing.payeeInformation')}
+ +
+
+
+
+
+ {t('pricing.receivingEntity')}:
+ {paymentInfo.payee}
+
+
+
+ {t('pricing.bankName')}:
+ {paymentInfo.bankName}
+
+
+ {t('pricing.bankAccountNumber')}:
+
+ {paymentInfo.bankAccount}
+
+ copyText(paymentInfo.bankAccount)}
+ >
+
+
+ {t('pricing.paymentVoucher')}
+ + +
+ {/*
+ );
+};
+
+export default PricingView;
\ No newline at end of file
diff --git a/web/src/views/SelfReflectionEngine/index.tsx b/web/src/views/SelfReflectionEngine/index.tsx
index 12196163..5af88b35 100644
--- a/web/src/views/SelfReflectionEngine/index.tsx
+++ b/web/src/views/SelfReflectionEngine/index.tsx
@@ -10,6 +10,7 @@ import type { ConfigForm, Result, ReflexionData, MemoryVerify, QualityAssessment
import CustomSelect from '@/components/CustomSelect';
import { getModelListUrl } from '@/api/models'
import Tag from '@/components/Tag'
+import { useI18n } from '@/store/locale';
const configList = [
// 启用反思引擎
@@ -78,6 +79,7 @@ const SelfReflectionEngine: React.FC = () => {
const [loading, setLoading] = useState(false)
const [runLoading, setRunLoading] = useState(false)
const [result, setResult] = useState
+
*/}
+
+ })
+
+
+
+ {t(`pricing.${'personal'}.type`)}
+
+
+ {t('pricing.currentAccountType')} | {t(`pricing.validUntil`)} December 31, 2024
+
+
+
+
+
+
+ {PRICE_LIST.map((item) => (
+
+
+ {/* Warning Notice */}
+
+ {item.mostPopular && (
+ })
+
+ {/* Title */}
+
+ ))}
+
+ {t('pricing.mostPopular')}
+
+ )}
+
+ {/* Icon */}
+ + {t(`pricing.${item.type}.type`)} +
+ + {/* Description */} ++ {t(item.typeDesc)} +
+ + {/* Price */} +
+ {typeof item.priceObj.price !== 'undefined' ? (
+
+
+ {/* CTA Button */}
+
+
+ {/* Features */}
+
+ ¥
+
+ {item.priceObj.price.toLocaleString()}
+
+
+ {t(item.priceObj.time)}
+
+
+ ) : (
+
+ {t(item.priceObj.time)}
+
+ )}
+
+
+
+ 
+
+
+ {t('pricing.memoryCapacity')} { item.memoryCapacity } {t('pricing.entries')}
+
+
+
+
+ {['supportServices', 'flexibleDeployment', 'reliableGuarantee'].map(type => {
+ if ((item as any)[type] || type === 'supportServices') {
+ return (
+
+ {t('pricing.intelligentSearchFrequency')}{ item.intelligentSearchFrequency } {t('pricing.timesMonth')}
+
+
+
+
+ )
+ }
+ return null
+ })}
+
+ {t(`pricing.${type}`)}{t(`pricing.${item.type}.${type}`)}
+
+
+
+
+ 
+
+
+
+ + {t('pricing.alertTitle')} +
++ {t('pricing.alertContent')} +
+
- {summary || '-'}
-
- :
+
+
+
+
+
+
+ {/* 关于我 */}
+ <>
+
-
+ {expanded.includes('interestDistribution') && (
+
+
+
+
+
-
-
-
-
-
+
)
}
export default Neo4j
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/components/MemoryInsight.tsx b/web/src/views/UserMemoryDetail/components/MemoryInsight.tsx
index 1471a2d3..983e8a41 100644
--- a/web/src/views/UserMemoryDetail/components/MemoryInsight.tsx
+++ b/web/src/views/UserMemoryDetail/components/MemoryInsight.tsx
@@ -1,4 +1,4 @@
-import { type FC, useEffect, useState } from 'react'
+import { type FC, useEffect, useState, forwardRef, useImperativeHandle } from 'react'
import { useTranslation } from 'react-i18next'
import { useParams } from 'react-router-dom'
import { Skeleton } from 'antd';
@@ -7,8 +7,9 @@ import Empty from '@/components/Empty';
import {
getMemoryInsightReport,
} from '@/api/memory'
+import type { MemoryInsightRef } from '../types'
-const MemoryInsight:FC = () => {
+const MemoryInsight = forwardRef
+ {summary || '-'}
+
+ :
+ : data && data.length > 0
+ ?
{data.map(vo => (
handleViewDetail(vo.type)}
>
diff --git a/web/src/views/UserMemoryDetail/types.ts b/web/src/views/UserMemoryDetail/types.ts
index 10b0c2fa..8bbf60b6 100644
--- a/web/src/views/UserMemoryDetail/types.ts
+++ b/web/src/views/UserMemoryDetail/types.ts
@@ -130,4 +130,7 @@ export interface EndUser {
}
export interface EndUserProfileModalRef {
handleOpen: (vo: EndUser) => void;
+}
+export interface MemoryInsightRef {
+ getInsightReport: () => void
}
\ No newline at end of file
{t(`userMemory.${vo.type}`)}
- {vo.type === 'Statement' && }