+
+
+
+ ),
+ },
+ {
+ key: '2',
+ label: (
+
+
+
+ ),
+ // disabled: true,
+ },
+ ]
+ }, [id]);
+ const chunkItems: MenuProps['items'] = [
+ {
+ key: '1',
+ label: (
+
+
+
+
+
+ ),
+ },
+ {
+ key: '2',
+ label: (
+
+
+
+ ),
+ // disabled: true,
+ },
+ ]
+ const columns: ColumnsType
{text},
+ className: `${styles.column}`
+ },
+ {
+ title: '数据总量',
+ dataIndex: 'chunk_num',
+ key: 'chunk_num',
+ className: `${styles.column}`
+ },
+ {
+ title: 'Tokens',
+ dataIndex: 'token_num',
+ key: 'token_num',
+ className: `${styles.column}`
+ },
+ {
+ title: '文件大小',
+ dataIndex: 'size',
+ key: 'size',
+ className: `${styles.column}`
+ },
+ {
+ title: '状态',
+ key: 'status',
+ dataIndex: 'status',
+ className: `${styles.column}`,
+ render: (_, { status: string, id }) => (
+ <>
+
+
+
+
+
+
+
+
+ 导入文件
+
+
+
+ {
+ parser_ids.split(',').map((tag: string) => {
+ return ( handleChange(tag, checked)}
+ >
+ {tag}
+ )
+ })
+ }
+
+ 知识库搜索
+}
\ No newline at end of file
diff --git a/web/src/pages/add-knowledge/components/knowledge-setting/index.less b/web/src/pages/add-knowledge/components/knowledge-setting/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..1c06588d52f330b3c649ee6a99129ffbb85ff204
--- /dev/null
+++ b/web/src/pages/add-knowledge/components/knowledge-setting/index.less
@@ -0,0 +1,24 @@
+.tags {
+ margin-bottom: 24px;
+}
+
+.preset {
+ display: flex;
+ height: 80px;
+ background-color: rgba(0, 0, 0, 0.1);
+ border-radius: 5px;
+ padding: 5px;
+ margin-bottom: 24px;
+
+ .left {
+ flex: 1;
+
+ }
+
+ .right {
+ width: 100px;
+ border-left: 1px solid rgba(0, 0, 0, 0.4);
+ margin: 10px 0px;
+ padding: 5px;
+ }
+}
\ No newline at end of file
diff --git a/web/src/pages/add-knowledge/components/knowledge-setting/index.tsx b/web/src/pages/add-knowledge/components/knowledge-setting/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..50026330da6346985a11741f47146d3c85ee4b58
--- /dev/null
+++ b/web/src/pages/add-knowledge/components/knowledge-setting/index.tsx
@@ -0,0 +1,192 @@
+import React, { useEffect, useState } from 'react';
+import { useNavigate, connect } from 'umi'
+import { Button, Form, Input, InputNumber, Radio, Select, Tag, Space, Avatar, Divider, List, Skeleton } from 'antd';
+import styles from './index.less'
+const { CheckableTag } = Tag;
+const layout = {
+ labelCol: { span: 8 },
+ wrapperCol: { span: 16 },
+ labelAlign: 'left' as const
+};
+const { Option } = Select
+/* eslint-disable no-template-curly-in-string */
+const validateMessages = {
+ required: '${label} is required!',
+ types: {
+ email: '${label} is not a valid email!',
+ number: '${label} is not a valid number!',
+ },
+ number: {
+ range: '${label} must be between ${min} and ${max}',
+ },
+};
+/* eslint-enable no-template-curly-in-string */
+
+
+interface DataType {
+ gender: string;
+ name: {
+ title: string;
+ first: string;
+ last: string;
+ };
+ email: string;
+ picture: {
+ large: string;
+ medium: string;
+ thumbnail: string;
+ };
+ nat: string;
+}
+const tags = [{ title: '研报' }, { title: '法律' }, { title: '简历' }, { title: '说明书' }, { title: '书籍' }, { title: '演讲稿' }]
+
+const Index: React.FC = ({ settingModel, kSModel, dispatch, ...props }) => {
+ let navigate = useNavigate();
+ const { tenantIfo = {} } = settingModel
+ const { parser_ids = '', embd_id = '' } = tenantIfo
+ const { id = '' } = props
+ const [form] = Form.useForm();
+
+ useEffect(() => {
+ dispatch({
+ type: 'settingModel/getTenantInfo',
+ payload: {
+ }
+ });
+ if (id) {
+
+ dispatch({
+ type: 'kSModel/getKbDetail',
+ payload: {
+ kb_id: id
+ },
+ callback(detail: any) {
+ console.log(detail)
+ const { description, name, permission, embd_id } = detail
+ form.setFieldsValue({ description, name, permission, embd_id })
+ setSelectedTag(detail.parser_id)
+ }
+ });
+ }
+
+ }, [id])
+ const [selectedTag, setSelectedTag] = useState('')
+ const values = Form.useWatch([], form);
+ console.log(values, '......变化')
+ const onFinish = () => {
+ form.validateFields().then(
+ () => {
+ if (id) {
+ dispatch({
+ type: 'kSModel/updateKb',
+ payload: {
+ ...values,
+ parser_id: selectedTag,
+ kb_id: id,
+ embd_id: undefined
+ }
+ });
+ } else {
+ dispatch({
+ type: 'kSModel/createKb',
+ payload: {
+ ...values,
+ parser_id: selectedTag
+ },
+ callback(id: string) {
+ navigate(`/knowledge/add/setting?activeKey=file&id=${id}`);
+ }
+ });
+ }
+ },
+ () => {
+
+ },
+ );
+
+
+
+ };
+
+ const handleChange = (tag: string, checked: boolean) => {
+ const nextSelectedTag = checked
+ ? tag
+ : selectedTag;
+ console.log('You are interested in: ', nextSelectedTag);
+ setSelectedTag(nextSelectedTag);
+ };
+
+ return
+}
+
+
+
+export default connect(({ settingModel, kSModel, loading }) => ({ settingModel, kSModel, loading }))(Index);
\ No newline at end of file
diff --git a/web/src/pages/add-knowledge/components/knowledge-setting/model.ts b/web/src/pages/add-knowledge/components/knowledge-setting/model.ts
new file mode 100644
index 0000000000000000000000000000000000000000..197ad044ad6f0f2ee5458390632bc8e88f5b7158
--- /dev/null
+++ b/web/src/pages/add-knowledge/components/knowledge-setting/model.ts
@@ -0,0 +1,53 @@
+import { message } from 'antd';
+import { addParam } from '@/utils';
+import kbService from '@/services/kbService';
+
+const Model = {
+ namespace: 'kSModel',
+ state: {
+ isShowPSwModal: false,
+ isShowTntModal: false,
+ loading: false,
+ tenantIfo: {}
+ },
+ subscriptions: {
+ setup({ dispatch, history }) {
+ history.listen(location => {
+ });
+ }
+ },
+ effects: {
+ * createKb({ payload = {}, callback }, { call, put }) {
+ const { data, response } = yield call(kbService.createKb, payload);
+ const { retcode, data: res, retmsg } = data
+ if (retcode === 0) {
+ message.success('创建知识库成功！');
+ callback && callback(res.kb_id)
+ }
+ },
+ * updateKb({ payload = {}, callback }, { call, put }) {
+ const { data, response } = yield call(kbService.updateKb, payload);
+ const { retcode, data: res, retmsg } = data
+ if (retcode === 0) {
+ message.success('更新知识库成功！');
+ }
+ },
+ *getKbDetail({ payload = {}, callback }, { call, put }) {
+ const { data, response } = yield call(kbService.get_kb_detail, payload);
+ const { retcode, data: res, retmsg } = data
+ if (retcode === 0) {
+ // localStorage.setItem('userInfo',res.)
+ callback && callback(res)
+ }
+ },
+ },
+ reducers: {
+ updateState(state, { payload }) {
+ return {
+ ...state,
+ ...payload
+ };
+ }
+ }
+};
+export default Model;
diff --git a/web/src/pages/add-knowledge/index.less b/web/src/pages/add-knowledge/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..d60a41d85fcb54acb440c20a00dff95ac24cd761
--- /dev/null
+++ b/web/src/pages/add-knowledge/index.less
@@ -0,0 +1,19 @@
+.container {
+ display: flex;
+
+ .menu {
+ .defaultWidth {
+ width: 256px;
+ }
+
+ .minWidth {
+ width: 50px
+ }
+ }
+
+ .content {
+ flex: 1;
+ overflow-x: auto;
+ height: 100%;
+ }
+}
\ No newline at end of file
diff --git a/web/src/pages/add-knowledge/index.tsx b/web/src/pages/add-knowledge/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..3becb3f7b330bb616d2aa08a481154472e91fc82
--- /dev/null
+++ b/web/src/pages/add-knowledge/index.tsx
@@ -0,0 +1,106 @@
+import { connect, useNavigate, useLocation } from 'umi'
+import React, { useMemo, useState, useEffect } from 'react';
+import type { MenuProps } from 'antd';
+import { Radio, Space, Tabs, Menu } from 'antd';
+import {
+ ToolOutlined,
+ BarsOutlined,
+ SearchOutlined
+} from '@ant-design/icons';
+import File from './components/knowledge-file'
+import Setting from './components/knowledge-setting'
+import Search from './components/knowledge-search'
+import styles from './index.less'
+import { getWidth } from '@/utils'
+
+
+const Index: React.FC = ({ kAModel, dispatch }) => {
+ const [collapsed, setCollapsed] = useState(false);
+ const { id, activeKey } = kAModel
+ const [windowWidth, setWindowWidth] = useState(getWidth());
+ let navigate = useNavigate();
+ const location = useLocation();
+ // 标记一下
+ useEffect(() => {
+ const widthSize = () => {
+ const width = getWidth()
+ console.log(width)
+
+ setWindowWidth(width);
+ };
+ window.addEventListener("resize", widthSize);
+ return () => {
+ window.removeEventListener("resize", widthSize);
+ };
+ }, []);
+ useEffect(() => {
+ console.log(location)
+ const search = location.search.slice(1)
+ const map = search.split('&').reduce((obj, cur) => {
+ const [key, value] = cur.split('=')
+ obj[key] = value
+ return obj
+ }, {})
+ dispatch({
+ type: 'kAModel/updateState',
+ payload: {
+ ...map
+ }
+ });
+ }, [location])
+ useEffect(() => {
+ if (windowWidth.width > 957) {
+ setCollapsed(false)
+ } else {
+ setCollapsed(true)
+ }
+ }, [windowWidth.width])
+ type MenuItem = Required
+
+
+ );
+};
+
+export default connect(({ kAModel, loading }) => ({ kAModel, loading }))(Index);
\ No newline at end of file
diff --git a/web/src/pages/add-knowledge/model.ts b/web/src/pages/add-knowledge/model.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1372b2126ef6db2e87f010908854bed864749950
--- /dev/null
+++ b/web/src/pages/add-knowledge/model.ts
@@ -0,0 +1,34 @@
+import { message } from 'antd';
+import { addParam } from '@/utils';
+import kbService from '@/services/kbService';
+
+const Model = {
+ namespace: 'kAModel',
+ state: {
+ isShowPSwModal: false,
+ isShowTntModal: false,
+ loading: false,
+ tenantIfo: {},
+ activeKey: 'setting',
+ id: ''
+
+ },
+ subscriptions: {
+ setup({ dispatch, history }) {
+ history.listen(location => {
+ });
+ }
+ },
+ effects: {
+
+ },
+ reducers: {
+ updateState(state, { payload }) {
+ return {
+ ...state,
+ ...payload
+ };
+ }
+ }
+};
+export default Model;
diff --git a/web/src/pages/chat/index.tsx b/web/src/pages/chat/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..3e1b4d0ac5f82a0be7ac39fb5040315876b214d2
--- /dev/null
+++ b/web/src/pages/chat/index.tsx
@@ -0,0 +1,19 @@
+import React, { FC } from 'react';
+import { IndexModelState, ConnectProps, Loading, connect } from 'umi';
+
+interface PageProps extends ConnectProps {
+ index: IndexModelState;
+ loading: boolean;
+}
+
+const IndexPage: FC
+
+
+ {activeKey === 'file' &&
+ chat: {name}
;
+};
+
+export default connect(
+ ({ index, loading }: { index: IndexModelState; loading: Loading }) => ({
+ index,
+ loading: loading.models.index,
+ }),
+)(IndexPage);
\ No newline at end of file
diff --git a/web/src/pages/chat/model.ts b/web/src/pages/chat/model.ts
new file mode 100644
index 0000000000000000000000000000000000000000..94d6b4e47e2af3e4e93bc2200bb09c00302d81d4
--- /dev/null
+++ b/web/src/pages/chat/model.ts
@@ -0,0 +1,52 @@
+import { Effect, ImmerReducer, Reducer, Subscription } from 'umi';
+
+export interface IndexModelState {
+ name: string;
+}
+
+export interface IndexModelType {
+ namespace: 'index';
+ state: IndexModelState;
+ effects: {
+ query: Effect;
+ };
+ reducers: {
+ save: Reducer
+
+ {
+ data.map((item, index) => {
+ return ( { handleEditKnowledge(item.id) }}
+ >
+
+ )
+ })
+ }
+
+
+
+ )
+};
+
+export default connect(({ knowledgeModel, loading }) => ({ knowledgeModel, loading }))(Index);
\ No newline at end of file
diff --git a/web/src/pages/knowledge/model.ts b/web/src/pages/knowledge/model.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0e5090f795d4e2fb7693145110eb722cb8783339
--- /dev/null
+++ b/web/src/pages/knowledge/model.ts
@@ -0,0 +1,61 @@
+import { message } from 'antd';
+import { addParam } from '@/utils';
+import kbService from '@/services/kbService';
+
+const Model = {
+ namespace: 'knowledgeModel',
+ state: {
+ loading: false,
+ data: []
+ },
+ subscriptions: {
+ setup({ dispatch, history }) {
+ history.listen(location => {
+ console.log(location)
+ });
+ }
+ },
+ effects: {
+ * rmKb({ payload = {}, callback }, { call, put }) {
+ const { data, response } = yield call(kbService.rmKb, payload);
+ const { retcode, data: res, retmsg } = data
+ if (retcode === 0) {
+ callback && callback()
+
+ }
+ },
+ *getList({ payload = {} }, { call, put }) {
+ yield put({
+ type: 'updateState',
+ payload: {
+ loading: true
+ }
+ });
+ const { data, response } = yield call(kbService.getList, payload);
+ const { retcode, data: res, retmsg } = data
+ yield put({
+ type: 'updateState',
+ payload: {
+ loading: false
+ }
+ });
+ if (retcode === 0) {
+ yield put({
+ type: 'updateState',
+ payload: {
+ data: res
+ }
+ });
+ }
+ },
+ },
+ reducers: {
+ updateState(state, { payload }) {
+ return {
+ ...state,
+ ...payload
+ };
+ }
+ }
+};
+export default Model;
diff --git a/web/src/pages/login/index.less b/web/src/pages/login/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..46838489ef1c532e89243cc2227fedea888579ac
--- /dev/null
+++ b/web/src/pages/login/index.less
@@ -0,0 +1,63 @@
+@import '../../theme/vars';
+
+.loginPage {
+ // width: 100%;
+ display: flex;
+
+
+ .loginLeft {
+ // width: 610px;
+ width: 40%;
+ background-color: #fff;
+ height: 100vh;
+ }
+
+
+
+ @media screen and (max-width:957px) {
+ .loginLeft {
+ // width: 610px;
+ width: 100%;
+ background-color: #fff;
+ height: 100vh;
+ }
+
+ .modal {
+ width: 80%;
+ }
+ }
+
+ .loginRight {
+ flex: 1;
+ background-color: #F2F4F7;
+ ;
+ }
+
+ .loginTitle {
+ //styleName: Heading/1;
+ font-family: SF Pro Text;
+ font-size: 38px;
+ font-weight: 600;
+ line-height: 46px;
+ letter-spacing: 0em;
+ height: 80px;
+ margin-bottom: 69px;
+
+ // text-align: center;
+ span {
+ font-size: 16px;
+ line-height: 24px;
+
+ color: #000000A6;
+ }
+
+ }
+}
+
+.modal {
+ // width: 360px;
+ width: 60%;
+ height: 724px;
+ padding: 5px, 0px, 5px, 0px;
+ margin: 80px auto
+}
\ No newline at end of file
diff --git a/web/src/pages/login/index.tsx b/web/src/pages/login/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d992feda319c7e61aa9c9a731dc16b3580b9bb3c
--- /dev/null
+++ b/web/src/pages/login/index.tsx
@@ -0,0 +1,157 @@
+import { connect, Icon, Dispatch } from 'umi';
+import { Input, Form, Button, Checkbox } from 'antd';
+import styles from './index.less';
+import { rsaPsw } from '@/utils'
+import { useState, useEffect, FC } from 'react';
+interface LoginProps {
+ dispatch: Dispatch;
+}
+const View: FC
+
+
+
+ {item.name}
+
+
+ {
+ e.stopPropagation();
+ e.nativeEvent.stopImmediatePropagation()
+ confirm(item.id)
+
+ }}
+ okText="Yes"
+ cancelText="No"
+ >
+ {
+ e.stopPropagation();
+ e.nativeEvent.stopImmediatePropagation()
+ }} />
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default connect(({ loginModel, loading }) => ({ loginModel, loading }))(View);
diff --git a/web/src/pages/login/model.ts b/web/src/pages/login/model.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b886ab3aca619af77e11d6b8baccb9a5e4911382
--- /dev/null
+++ b/web/src/pages/login/model.ts
@@ -0,0 +1,61 @@
+import { message } from 'antd';
+import { addParam } from '@/utils';
+import userService from '@/services/userService';
+
+const Model = {
+ namespace: 'loginModel',
+ state: {
+ list: [],
+ info: {},
+ visible: false,
+ pagination: {},
+ campaignInfo: {}
+ },
+ subscriptions: {
+ setup({ dispatch, history }) {
+ history.listen(location => { });
+ }
+ },
+ effects: {
+ *login({ payload = {} }, { call, put }) {
+ console.log(111, payload)
+ const { data, response } = yield call(userService.login, payload);
+ const { retcode, data: res, retmsg } = data
+ console.log()
+ const Authorization = response.headers.get('Authorization')
+ if (retcode === 0) {
+ message.success('登录成功！');
+ const token = res.access_token;
+ const userInfo = {
+ avatar: res.avatar,
+ name: res.nickname,
+ email: res.email
+ };
+ localStorage.setItem('token', token)
+ localStorage.setItem('userInfo', JSON.stringify(userInfo))
+ localStorage.setItem('Authorization', Authorization)
+ setTimeout(() => {
+ window.location.href = '/file';
+ }, 300);
+ }
+ },
+ *register({ payload = {}, callback }, { call, put }) {
+ const { data, response } = yield call(userService.register, payload);
+ console.log()
+ const { retcode, data: res, retmsg } = data
+ if (retcode === 0) {
+ message.success('注册成功！');
+ callback && callback()
+ }
+ }
+ },
+ reducers: {
+ updateState(state, { payload }) {
+ return {
+ ...state,
+ ...payload
+ };
+ }
+ }
+};
+export default Model;
diff --git a/web/src/pages/setting/CPwModal.tsx b/web/src/pages/setting/CPwModal.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..0864e7e7d2864be20466bd72a500dcc5f260634f
--- /dev/null
+++ b/web/src/pages/setting/CPwModal.tsx
@@ -0,0 +1,92 @@
+import { connect, Dispatch } from 'umi';
+import i18n from 'i18next';
+import { useTranslation, Trans } from 'react-i18next'
+import { Input, Modal, Form } from 'antd'
+import { rsaPsw } from '@/utils'
+import styles from './index.less';
+import { FC } from 'react';
+
+type FieldType = {
+ newPassword?: string;
+ password?: string;
+};
+interface CPwModalProps {
+ dispatch: Dispatch;
+ settingModel: any
+}
+const Index: FC
+
+
+
+
+
+
+
+
+ {title === 'login' ? 'Sign in' : 'Create an account'}
+
+
+ {title === 'login' ? 'We’re so excited to see you again!' : 'Glad to have you on board!'}
+
+
+
+
+
+ {
+ myLlm.map((item: any) => {
+ return (可折叠-图标自定义
}
+ collapsibleIconRender={({
+ collapsed: buildInCollapsed,
+ }: {
+ collapsed: boolean;
+ }) => {
+ return (
+
+
)
+ }}
+ extra={
+
+ }
+ style={{ marginBlockStart: 16 }}
+ headerBordered
+ collapsible
+ defaultCollapsed
+ >
+ {/*
+ {item.tags.split(',').map((d: string) => {
+ return {d}
+ })}
+ {
+ buildInCollapsed ? 显示{OpenAI.length}个模型 : 收起{OpenAI.length}个模型
+ }
+ -
+ {OpenAI.map(item => {
+ return
- + {item.llm_name} + + + + })} +
+ {
+ item.tags.split(',').map((d: string) => {
+ return {d}
+ })
+ }
+
+
+ {tenantIfo.name}
+
+
+ i18n.changeLanguage(i18n.language == 'en' ? 'zh' : 'en')} type="default" style={{ right: 94, fontSize: 14 }} />
+
+
+
+ );
+}
+export default connect(({ settingModel, loading }) => ({ settingModel, loading }))(Index);
diff --git a/web/src/pages/setting/model.ts b/web/src/pages/setting/model.ts
new file mode 100644
index 0000000000000000000000000000000000000000..49e781ddba973a74639da7416367e23d6a496a0f
--- /dev/null
+++ b/web/src/pages/setting/model.ts
@@ -0,0 +1,181 @@
+import { Effect, Reducer, Subscription } from 'umi';
+import { message } from 'antd';
+import { addParam } from '@/utils';
+import userService from '@/services/userService';
+import { rearg } from 'lodash';
+
+export interface settingModelState {
+ isShowPSwModal: boolean;
+ isShowTntModal: boolean;
+ isShowSAKModal: boolean;
+ isShowSSModal: boolean;
+ llm_factory: string;
+ loading: boolean;
+ tenantIfo: any,
+ llmInfo: any,
+ myLlm: any[],
+ factoriesList: any[]
+}
+
+export interface settingModelType {
+ namespace: 'settingModel';
+ state: settingModelState;
+ effects: {
+ setting: Effect;
+ getUserInfo: Effect;
+ getTenantInfo: Effect;
+ set_tenant_info: Effect;
+ factories_list: Effect;
+ llm_list: Effect;
+ my_llm: Effect;
+ set_api_key: Effect;
+ };
+ reducers: {
+ updateState: Reducer
+ 
+
+
+
+
+ 账号：{userInfo.name}
+ 密码：******
+
+
+
+
+
+