|
|
@@ -5,7 +5,7 @@ import './style.less';
|
|
|
import {
|
|
|
Button, Input, Form, Divider, Splitter, Select, InputNumber, InputNumberProps,
|
|
|
Radio, Switch, Row, Col, Slider, Space, RadioChangeEvent,
|
|
|
- Spin
|
|
|
+ Spin, message
|
|
|
} from 'antd';
|
|
|
import { PlusCircleOutlined, MinusCircleOutlined } from '@ant-design/icons';
|
|
|
import { apis } from '@/apis';
|
|
|
@@ -47,7 +47,7 @@ const QuestionAnswerInfo: React.FC = () => {
|
|
|
<InputNumber
|
|
|
min={0}
|
|
|
max={1}
|
|
|
- style={{ margin: '0 16px' }}
|
|
|
+ style={{ margin: '0 16px', width: '100px' }}
|
|
|
step={0.01}
|
|
|
value={topPValue}
|
|
|
onChange={onChange}
|
|
|
@@ -59,8 +59,6 @@ const QuestionAnswerInfo: React.FC = () => {
|
|
|
const [tempValue, setTempValue] = React.useState(0.01);
|
|
|
// temperature
|
|
|
const TempDecimalStep: React.FC = () => {
|
|
|
-
|
|
|
-
|
|
|
const onChange: InputNumberProps['onChange'] = (value) => {
|
|
|
if (Number.isNaN(value)) {
|
|
|
return;
|
|
|
@@ -83,7 +81,7 @@ const QuestionAnswerInfo: React.FC = () => {
|
|
|
<InputNumber
|
|
|
min={0}
|
|
|
max={1}
|
|
|
- style={{ margin: '0 16px' }}
|
|
|
+ style={{ margin: '0 16px', width: '100px' }}
|
|
|
step={0.01}
|
|
|
value={tempValue}
|
|
|
onChange={onChange}
|
|
|
@@ -110,22 +108,15 @@ const QuestionAnswerInfo: React.FC = () => {
|
|
|
const [isVisibleCus, setIsVisibleCus] = React.useState(false);
|
|
|
const [isVisibleSlice, setIsVisibleSlice] = React.useState(false);
|
|
|
const [isVisibleRerank, setIsVisibleRerank] = React.useState(false);
|
|
|
+ const [name, setName] = React.useState('');
|
|
|
|
|
|
const style: React.CSSProperties = {
|
|
|
display: 'flex',
|
|
|
flexDirection: 'column',
|
|
|
gap: 8,
|
|
|
+ width: 300,
|
|
|
};
|
|
|
|
|
|
- // const suffix = (
|
|
|
- // <>
|
|
|
- // <span>
|
|
|
- // {konwValue.length} / {MAX_COUNT}
|
|
|
- // </span>
|
|
|
- // <DownOutlined />
|
|
|
- // </>
|
|
|
- // );
|
|
|
-
|
|
|
const location = useLocation();
|
|
|
|
|
|
const init = async (id: string) => {
|
|
|
@@ -143,39 +134,44 @@ const QuestionAnswerInfo: React.FC = () => {
|
|
|
init(id)
|
|
|
}, []);
|
|
|
|
|
|
- // 初始化一个空数组来存储input框的值
|
|
|
- const [inputs, setInputs] = React.useState([{ question: '' }]);
|
|
|
+ // 定义一个状态来存储输入框数组
|
|
|
+ const [inputs, setInputs] = React.useState([{ id: 1, value: '' }]);
|
|
|
|
|
|
- // 添加新的input框的函数
|
|
|
- const handleAddInput = () => {
|
|
|
- // setInputs([...inputs, { question: '' }]);
|
|
|
- setInputs([...inputs]);
|
|
|
+ // 添加新输入框的函数
|
|
|
+ const addInput = () => {
|
|
|
+ const newId = inputs.length + 1; // 生成新的唯一ID
|
|
|
+ setInputs([...inputs, { id: newId, value: '' }]);
|
|
|
};
|
|
|
|
|
|
- // 移除最后一个input框的函数
|
|
|
- const handleRemoveInput = () => {
|
|
|
+ const delInput = () => {
|
|
|
+ const newId = inputs.length - 1; // 生成新的唯一ID
|
|
|
setInputs(inputs.slice(0, inputs.length - 1));
|
|
|
};
|
|
|
|
|
|
- const onChange: InputNumberProps['onChange'] = (value) => {
|
|
|
- console.log('changed', value);
|
|
|
+ // 处理输入变更的函数
|
|
|
+ const handleChange = (id: number, value: string) => {
|
|
|
+ setInputs(inputs.map(input => (input.id === id ? { ...input, value } : input)));
|
|
|
};
|
|
|
|
|
|
- const onChangeShow = (checked: boolean) => {
|
|
|
- console.log(`switch to ${checked}`);
|
|
|
- };
|
|
|
+ // const onChange: InputNumberProps['onChange'] = (value) => {
|
|
|
+ // console.log('changed', value);
|
|
|
+ // };
|
|
|
|
|
|
- const onChangeModel = (checked: boolean) => {
|
|
|
- setIsVisibleRerank(!isVisibleRerank);
|
|
|
- };
|
|
|
+ // const onChangeShow = (checked: boolean) => {
|
|
|
+ // console.log(`switch to ${checked}`);
|
|
|
+ // };
|
|
|
|
|
|
- const onChangeCount = (value: string) => {
|
|
|
- if (value === 'fixed') {
|
|
|
- setIsVisibleSlice(!isVisibleSlice);
|
|
|
- } else {
|
|
|
- setIsVisibleSlice(false);
|
|
|
- }
|
|
|
- };
|
|
|
+ // const onChangeModel = (checked: boolean) => {
|
|
|
+ // setIsVisibleRerank(!isVisibleRerank);
|
|
|
+ // };
|
|
|
+
|
|
|
+ // const onChangeCount = (value: string) => {
|
|
|
+ // if (value === 'fixed') {
|
|
|
+ // setIsVisibleSlice(!isVisibleSlice);
|
|
|
+ // } else {
|
|
|
+ // setIsVisibleSlice(false);
|
|
|
+ // }
|
|
|
+ // };
|
|
|
|
|
|
// 召回方式
|
|
|
const onChangeRecallMethod = (e: RadioChangeEvent) => {
|
|
|
@@ -188,52 +184,57 @@ const QuestionAnswerInfo: React.FC = () => {
|
|
|
setPageLoading(true);
|
|
|
try {
|
|
|
const res = await apis.fetchApplicationDetail(app_id)
|
|
|
- const jsonObj = JSON.parse(res.data.detail.extraInput);
|
|
|
- const sd = res.data.questionlist.map((item: any) => {
|
|
|
+ const sd = res.data.questionlist.map((item: any, index: number) => {
|
|
|
return {
|
|
|
- "question": item.question,
|
|
|
+ "id": index + 1,
|
|
|
+ "value": item.question,
|
|
|
}
|
|
|
});
|
|
|
- // const index_type = jsonObj.recall_index_type_list.map((item: any) => {
|
|
|
- // return {
|
|
|
- // "knowledge_id": item.knowledge_id,
|
|
|
- // "index_type_id": item.index_type_id,
|
|
|
- // }
|
|
|
- // });
|
|
|
const info = res.data.detail;
|
|
|
- if (jsonObj.rerank_status === 1) {
|
|
|
- setIsVisibleRerank(!isVisibleRerank) //模型
|
|
|
- }
|
|
|
if (info.paramDesc === 'custom') {
|
|
|
setIsVisibleCus(!isVisibleCus); //自定义回答风格
|
|
|
}
|
|
|
- if (jsonObj.slice_config_type === 'fixed') {
|
|
|
- setIsVisibleSlice(!isVisibleSlice);
|
|
|
- }
|
|
|
+ // if (jsonObj.rerank_status === 1) {
|
|
|
+ // setIsVisibleRerank(!isVisibleRerank) //模型
|
|
|
+ // }
|
|
|
+ // //召回切片数量
|
|
|
+ // if (jsonObj.slice_config_type === 'fixed') {
|
|
|
+ // setIsVisibleSlice(!isVisibleSlice);
|
|
|
+ // }else {
|
|
|
+ // setIsVisibleSlice(false);
|
|
|
+ // }
|
|
|
setTopPValue(info.topP as number);
|
|
|
setTempValue(info.temperature as number);
|
|
|
+ setName(info.name);
|
|
|
|
|
|
form.setFieldsValue({
|
|
|
+ id: info.id,
|
|
|
name: info.name, //应用名称
|
|
|
desc: info.desc, //应用描述
|
|
|
- questionList: sd, //问题列表
|
|
|
prompt: info.prompt, //应用提示语
|
|
|
- max_token: info.maxToken, //应用最大token
|
|
|
- top_p: info.topP, //topP
|
|
|
+ top_p: info.top_p, //topP
|
|
|
temperature: info.temperature, //温度
|
|
|
- updateDate: info.updateDate, // 更新时间
|
|
|
- param_desc: info.paramDesc, //回答风格
|
|
|
- knowledge_ids: jsonObj.knowledge_ids, //知识库id
|
|
|
- model: jsonObj.model, //模型名称
|
|
|
- slice_config_type: jsonObj.slice_config_type, //切片类型
|
|
|
- recall_method: jsonObj.recall_method, //召回方式
|
|
|
- slice_count: jsonObj.slice_count, //切片数量
|
|
|
- rerank_model_name: jsonObj.rerank_model_name, //模型名称
|
|
|
- recall_slice_splicing_method: jsonObj.recall_slice_splicing_method,
|
|
|
- rerank_status: jsonObj.rerank_status, //开启rerank
|
|
|
- show_recall_result: jsonObj.show_recall_result, //是否展示召回结果
|
|
|
- recall_index_type_list: jsonObj.recall_index_type_list, //知识库id
|
|
|
- rerank_index_type_list: jsonObj.rerank_index_type_list, //知识库id
|
|
|
+ knowledge_ids: info.knowledge_ids,
|
|
|
+ slice_count: info.slice_count,
|
|
|
+ model: info.model,
|
|
|
+ icon_color: info.icon_color,
|
|
|
+ icon_type: info.icon_type,
|
|
|
+ questionList: sd, //问题列表
|
|
|
+ // max_token: info.max_token, //应用最大token
|
|
|
+ // updateDate: info.updateDate, // 更新时间
|
|
|
+ // param_desc: info.paramDesc, //回答风格
|
|
|
+ // questionList: sd, //问题列表
|
|
|
+ // knowledge_ids: jsonObj.knowledge_ids, //知识库id
|
|
|
+ // model: jsonObj.model, //模型名称
|
|
|
+ // slice_config_type: jsonObj.slice_config_type, //切片类型
|
|
|
+ // recall_method: jsonObj.recall_method, //召回方式
|
|
|
+ // slice_count: jsonObj.slice_count, //切片数量
|
|
|
+ // rerank_model_name: jsonObj.rerank_model_name, //模型名称
|
|
|
+ // recall_slice_splicing_method: jsonObj.recall_slice_splicing_method,
|
|
|
+ // rerank_status: jsonObj.rerank_status, //开启rerank
|
|
|
+ // show_recall_result: jsonObj.show_recall_result, //是否展示召回结果
|
|
|
+ // recall_index_type_list: jsonObj.recall_index_type_list, //知识库id
|
|
|
+ // rerank_index_type_list: jsonObj.rerank_index_type_list, //知识库id
|
|
|
})
|
|
|
console.log(sd, 'sd');
|
|
|
setInputs(sd);
|
|
|
@@ -274,7 +275,12 @@ const QuestionAnswerInfo: React.FC = () => {
|
|
|
} catch (error: any) {
|
|
|
console.error(error);
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ const handleRedioClick = (value: string) => {
|
|
|
+ setIsVisibleCus(false);
|
|
|
}
|
|
|
|
|
|
return (
|
|
|
@@ -312,29 +318,23 @@ const QuestionAnswerInfo: React.FC = () => {
|
|
|
|
|
|
<div>
|
|
|
<h4>添加预设问题</h4>
|
|
|
- {
|
|
|
- inputs.length === 0 &&
|
|
|
- <div>
|
|
|
- <label>问题 {Index}</label>
|
|
|
- <Input
|
|
|
- style={{ width: 300, padding: 8, marginLeft: 20 }} name='question' />
|
|
|
- <PlusCircleOutlined style={{ marginLeft: 20 }} onClick={handleAddInput} />
|
|
|
- <MinusCircleOutlined style={{ marginLeft: 20 }} onClick={handleRemoveInput} />
|
|
|
- </div>
|
|
|
-
|
|
|
- }
|
|
|
- {inputs.length > 0 &&
|
|
|
- inputs.map((input, index) => (
|
|
|
- <div style={{ paddingTop: 10 }} key={index}>
|
|
|
- <label>问题 {index}</label>
|
|
|
- <Input
|
|
|
- style={{ width: 300, padding: 8, marginLeft: 20 }}
|
|
|
- value={input.question}
|
|
|
- />
|
|
|
- <PlusCircleOutlined style={{ marginLeft: 20 }} onClick={handleAddInput} />
|
|
|
- <MinusCircleOutlined style={{ marginLeft: 20 }} onClick={handleRemoveInput} />
|
|
|
- </div>
|
|
|
- ))}
|
|
|
+ <div>
|
|
|
+ {
|
|
|
+
|
|
|
+ inputs.map(input => (
|
|
|
+ <div key={input.id} style={{ paddingTop: '10px' }}>
|
|
|
+ <label>问题 {input.id}</label>
|
|
|
+ <Input
|
|
|
+ style={{ width: 300, paddingTop: 8, marginLeft: 20 }}
|
|
|
+ type="text"
|
|
|
+ value={input.value}
|
|
|
+ onChange={e => handleChange(input.id, e.target.value)}
|
|
|
+ />
|
|
|
+ <PlusCircleOutlined style={{ marginLeft: 20 }} onClick={addInput} />
|
|
|
+ <MinusCircleOutlined style={{ marginLeft: 20 }} onClick={delInput} />
|
|
|
+ </div>
|
|
|
+ ))}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<br />
|
|
|
<Button type='primary' onClick={() => {
|
|
|
@@ -366,50 +366,53 @@ const QuestionAnswerInfo: React.FC = () => {
|
|
|
onClick={() => {
|
|
|
form.validateFields().then(async (values) => {
|
|
|
const data = values;
|
|
|
- // const question = [{}];
|
|
|
- // if(inputs){
|
|
|
- // inputs.map((item, index) => {
|
|
|
- // const questionInfo = {
|
|
|
- // question: item.question,
|
|
|
- // }
|
|
|
- // question.push(questionInfo);
|
|
|
- // });
|
|
|
- // }
|
|
|
-
|
|
|
+ const question: string[] = [];
|
|
|
+ if (inputs) {
|
|
|
+ inputs.map((item, index) => {
|
|
|
+ question.push(item.value);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ console.log(question, 'question');
|
|
|
const info = {
|
|
|
- name: values.name,
|
|
|
- desc: values.desc,
|
|
|
- prompt: values.prompt,
|
|
|
- temperature: tempValue,
|
|
|
- top_p: topPValue,
|
|
|
+ id: values.id,
|
|
|
+ name: values.name, //应用名称
|
|
|
+ desc: values.desc, //应用描述
|
|
|
+ prompt: values.prompt, //应用提示语
|
|
|
+ top_p: values.top_p, //topP
|
|
|
+ temperature: values.temperature, //温度
|
|
|
knowledge_ids: values.knowledge_ids,
|
|
|
- param_desc: values.param_desc,
|
|
|
- max_token: values.max_token,
|
|
|
- questionList: inputs,
|
|
|
- knowledge_info: {
|
|
|
- model: values.model, // 默认模型名称
|
|
|
- knowledge_ids: values.knowledge_ids, // 知识库id列表
|
|
|
- slice_config_type: values.slice_config_type, // 切片类型，默认为 fixed
|
|
|
- recall_method: values.recall_method, // 召回方式，默认为 embedding
|
|
|
- recall_index_type_list: values.recall_index_type_list, // 索引配置类型列表，默认为空数组
|
|
|
- slice_count: values.slice_count, // 切片数量，默认为空字符串
|
|
|
- rerank_status: values.rerank_status ? 1 : 0, // 是否开启rerank，默认关闭
|
|
|
- rerank_model_name: values.rerank_model_name, // 模型名称，默认为空字符串
|
|
|
- show_recall_result: values.show_recall_result, // 是否展示召回结果，默认为空字符串
|
|
|
- recall_slice_splicing_method: values.recall_slice_splicing_method // 召回切片拼接方式，默认为空字符串
|
|
|
- }
|
|
|
+ slice_count: values.slice_count,
|
|
|
+ model: values.model,
|
|
|
+ icon_color: values.icon_color,
|
|
|
+ icon_type: values.icon_type,
|
|
|
+ questionList: question,
|
|
|
+ // knowledge_info: {
|
|
|
+ // model: values.model, // 默认模型名称
|
|
|
+ // knowledge_ids: values.knowledge_ids, // 知识库id列表
|
|
|
+ // slice_config_type: values.slice_config_type, // 切片类型，默认为 fixed
|
|
|
+ // recall_method: values.recall_method, // 召回方式，默认为 embedding
|
|
|
+ // recall_index_type_list: values.recall_index_type_list, // 索引配置类型列表，默认为空数组
|
|
|
+ // slice_count: values.slice_count, // 切片数量，默认为空字符串
|
|
|
+ // rerank_status: values.rerank_status ? 1 : 0, // 是否开启rerank，默认关闭
|
|
|
+ // rerank_model_name: values.rerank_model_name, // 模型名称，默认为空字符串
|
|
|
+ // show_recall_result: values.show_recall_result, // 是否展示召回结果，默认为空字符串
|
|
|
+ // recall_slice_splicing_method: values.recall_slice_splicing_method // 召回切片拼接方式，默认为空字符串
|
|
|
+ // }
|
|
|
};
|
|
|
const id = location?.state?.id;
|
|
|
+ let res = null;
|
|
|
if (id) {
|
|
|
// 编辑应用
|
|
|
- console.log(info, 'value');
|
|
|
- await apis.modifyApplicationApi(id, info);
|
|
|
+ res = await apis.modifyApplicationApi(id, info);
|
|
|
} else {
|
|
|
// 创建应用
|
|
|
- await await apis.createApplicationApi(info);
|
|
|
+ res = await await apis.createApplicationApi(info);
|
|
|
+ }
|
|
|
+ if (res.data.code !== 200) {
|
|
|
+ message.error(res.data.message);
|
|
|
+ } else {
|
|
|
+ router.navigate({ pathname: '/questionAnswer' });
|
|
|
}
|
|
|
- router.navigate({ pathname: '/questionAnswer' });
|
|
|
- console.log(info, 'info');
|
|
|
}).catch((error) => {
|
|
|
console.error(error);
|
|
|
});
|
|
|
@@ -419,202 +422,248 @@ const QuestionAnswerInfo: React.FC = () => {
|
|
|
</div>
|
|
|
<Splitter style={{ height: '100%', boxShadow: '0 0 10px rgba(0, 0, 0, 0.1)' }}>
|
|
|
<Splitter.Panel defaultSize="40%">
|
|
|
- <div>Prompt编写</div>
|
|
|
- <div style={{ height: '30%' }}>
|
|
|
- <TextArea
|
|
|
- autoSize
|
|
|
- disabled
|
|
|
- placeholder=" 编写Prompt过程中可以引入2项变量：{{知识}} 代表知识库中检索到的知识内容， {{用户}}代表用户输入的内容。您可以在编写Prompt过程中将变量拼接在合适的位置。 "
|
|
|
- style={{ width: '90%' }}
|
|
|
- />
|
|
|
- </div>
|
|
|
- <Divider plain></Divider>
|
|
|
- <div >
|
|
|
- <FormItem name='prompt'>
|
|
|
+ <div style={{ width: '100%', height: '100%' }}>
|
|
|
+ <h2>Prompt编写</h2>
|
|
|
+ <div style={{ paddingTop: '20px' }}>
|
|
|
<TextArea
|
|
|
- placeholder="提示词"
|
|
|
- style={{ width: '90%', height: '100%' }}
|
|
|
autoSize
|
|
|
+ readOnly
|
|
|
+ placeholder="编写Prompt过程中可以引入2项变量：{{知识}} 代表知识库中检索到的知识内容， {{用户}}代表用户输入的内容。您可以在编写Prompt过程中将变量拼接在合适的位置。插入：{{知识}} 插入：{{用户}}"
|
|
|
+ style={{ width: '100%', height: '300px' }}
|
|
|
/>
|
|
|
- </FormItem>
|
|
|
+ </div>
|
|
|
+ <Divider plain></Divider>
|
|
|
+ <div >
|
|
|
+ <FormItem name='prompt' >
|
|
|
+ <TextArea
|
|
|
+ autoSize
|
|
|
+ placeholder="提示词"
|
|
|
+ style={{ height: '100%' }}
|
|
|
+ />
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+
|
|
|
</Splitter.Panel>
|
|
|
<Splitter.Panel defaultSize="60%">
|
|
|
- <div style={{ background: '#f5f5f5', width: '100%', height: '100%' }}>
|
|
|
- <div style={{ paddingTop: '80px' }}>欢迎使用 数字监理员</div>
|
|
|
- <div style={{ paddingTop: '40px' }}>
|
|
|
- <FormItem
|
|
|
- label='引用知识库'
|
|
|
- name='knowledge_ids'
|
|
|
- rules={[{ required: true, message: '知识库不能为空' }]}>
|
|
|
- <Select
|
|
|
- mode='multiple'
|
|
|
- maxCount={MAX_COUNT}
|
|
|
- // suffixIcon={suffix}
|
|
|
- style={{ width: '300px' }}
|
|
|
- placeholder='请选择知识库'
|
|
|
- >
|
|
|
- {
|
|
|
- knowledgeList.map((item, index) => {
|
|
|
- return <Option value={item.value} key={index}>
|
|
|
- {item.label}
|
|
|
- </Option>
|
|
|
- })
|
|
|
- }
|
|
|
- </Select>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- label='调用模型'
|
|
|
- name="model"
|
|
|
- rules={[{ required: true, message: '模型不能为空' }]}>
|
|
|
- <Select
|
|
|
- style={{ width: '30%' }}
|
|
|
- placeholder='请选择模型'
|
|
|
- allowClear={true}
|
|
|
- >
|
|
|
- {
|
|
|
- modelList.map((item, index) => {
|
|
|
- return <Option value={item.value} key={index}>
|
|
|
- {item.label}
|
|
|
- </Option>
|
|
|
- })
|
|
|
- }
|
|
|
- </Select>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- label='max token'
|
|
|
- name='max_token'
|
|
|
- rules={[{ required: true, message: 'max token不能为空' }]}>
|
|
|
- <InputNumber
|
|
|
- style={{ width: '100px' }}
|
|
|
- />
|
|
|
- </FormItem>
|
|
|
- {
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', background: '#f5f5f5', width: '100%', height: '100%' }}>
|
|
|
+ <div style={{ width: '50%', height: '100%' }}>
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', paddingTop: '50px', fontSize: '16px' }}>
|
|
|
+ 欢迎使用 {name}
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style={{
|
|
|
+ display: 'flex', justifyContent: 'center', alignItems: 'center',
|
|
|
+ paddingTop: '20px'
|
|
|
+ }}>
|
|
|
+ <FormItem
|
|
|
+ label='引用知识库'
|
|
|
+ name='knowledge_ids'
|
|
|
+ rules={[{ required: true, message: '知识库不能为空' }]}>
|
|
|
+ <Select
|
|
|
+ mode='multiple'
|
|
|
+ maxCount={MAX_COUNT}
|
|
|
+ // suffixIcon={suffix}
|
|
|
+ style={{ width: '300px', height: '48px' }}
|
|
|
+ placeholder='请选择知识库'
|
|
|
+ >
|
|
|
+ {
|
|
|
+ knowledgeList.map((item, index) => {
|
|
|
+ return <Option value={item.value} key={index}>
|
|
|
+ {item.label}
|
|
|
+ </Option>
|
|
|
+ })
|
|
|
+ }
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
|
|
|
+ <FormItem
|
|
|
+ label='调用模型'
|
|
|
+ name="model"
|
|
|
+ rules={[{ required: true, message: '模型不能为空' }]}>
|
|
|
+ <Select
|
|
|
+ placeholder='请选择模型'
|
|
|
+ allowClear={true}
|
|
|
+ style={{ width: '300px', height: '48px' }}
|
|
|
+ >
|
|
|
+ {
|
|
|
+ modelList.map((item, index) => {
|
|
|
+ return <Option value={item.value} key={index}>
|
|
|
+ {item.label}
|
|
|
+ </Option>
|
|
|
+ })
|
|
|
+ }
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
|
|
|
+ <FormItem
|
|
|
+ label='max token'
|
|
|
+ name='max_token'
|
|
|
+ rules={[{ required: true, message: 'max token不能为空' }]}>
|
|
|
+ <InputNumber
|
|
|
+ className='questionAnswerInfo-content-title'
|
|
|
+ />
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ {/* {
|
|
|
!isVisible &&
|
|
|
- <a onClick={() => {
|
|
|
- setIsVisible(!isVisible);
|
|
|
- }}>
|
|
|
- 更多设置
|
|
|
- </a>
|
|
|
- }
|
|
|
- {isVisible &&
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
|
|
|
+ <a onClick={() => {
|
|
|
+ setIsVisible(!isVisible);
|
|
|
+ }} className='questionAnswerInfo-content-title'>
|
|
|
+ 更多设置
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ } */}
|
|
|
+
|
|
|
+ {/* {isVisible &&
|
|
|
<div>
|
|
|
{isVisibleCus &&
|
|
|
<Space style={{ width: '100%' }} direction="vertical">
|
|
|
- <FormItem
|
|
|
- label='Top-p'
|
|
|
- name='top_p'
|
|
|
- >
|
|
|
- <TopPDecimalStep />
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- label='Temperature'
|
|
|
- name='temperature'
|
|
|
- >
|
|
|
- <TempDecimalStep />
|
|
|
- </FormItem>
|
|
|
-
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
|
|
|
+ <FormItem
|
|
|
+ label='Top-p'
|
|
|
+ name='topP'
|
|
|
+ style={{ width: '300px' }}
|
|
|
+ >
|
|
|
+ <TopPDecimalStep />
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
|
|
|
+ <FormItem
|
|
|
+ label='Temperature'
|
|
|
+ name='temperature'
|
|
|
+ style={{ width: '300px' }}
|
|
|
+ >
|
|
|
+ <TempDecimalStep />
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
</Space >
|
|
|
}
|
|
|
|
|
|
- <FormItem
|
|
|
- label='回答风格'
|
|
|
- name='param_desc'
|
|
|
- rules={[{ required: true, message: '回答风格不能为空' }]}>
|
|
|
- <Radio.Group buttonStyle="solid">
|
|
|
- <Radio.Button value='strict'>严谨</Radio.Button>
|
|
|
- <Radio.Button value='moderate'>适中</Radio.Button>
|
|
|
- <Radio.Button value='flexib'>发散</Radio.Button>
|
|
|
- <Radio.Button value='custom'
|
|
|
- onClick={() => {
|
|
|
- setIsVisibleCus(!isVisibleCus);
|
|
|
- }}
|
|
|
- >自定义
|
|
|
- </Radio.Button>
|
|
|
- </Radio.Group>
|
|
|
- </FormItem>
|
|
|
-
|
|
|
- <FormItem
|
|
|
- label='展示引用知识'
|
|
|
- name='show_recall_result' >
|
|
|
- <Switch onChange={onChangeShow} />
|
|
|
- </FormItem>
|
|
|
-
|
|
|
- <FormItem
|
|
|
- label='召回方式'
|
|
|
- name='recall_method'
|
|
|
- rules={[{ required: true, message: '召回方式不能为空' }]}>
|
|
|
-
|
|
|
- <Radio.Group
|
|
|
- style={style}
|
|
|
- onChange={onChangeRecallMethod}
|
|
|
- options={[
|
|
|
- { value: 'embedding', label: '向量化检索' },
|
|
|
- { value: 'keyword', label: '关键词检索' },
|
|
|
- { value: 'mixed', label: '混合检索' },
|
|
|
- ]}
|
|
|
- />
|
|
|
- </FormItem>
|
|
|
-
|
|
|
- <p>重排方式</p>
|
|
|
-
|
|
|
- <FormItem
|
|
|
- label='Rerank模型'
|
|
|
- name='rerank_status'
|
|
|
- valuePropName='checked'
|
|
|
- >
|
|
|
- <Switch onChange={onChangeModel} />
|
|
|
- </FormItem>
|
|
|
- {isVisibleRerank &&
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
|
|
|
+ <FormItem
|
|
|
+ label='回答风格'
|
|
|
+ name='param_desc'
|
|
|
+ rules={[{ required: true, message: '回答风格不能为空' }]}>
|
|
|
+ <Radio.Group buttonStyle="solid"
|
|
|
+ className='questionAnswerInfo-content-title'>
|
|
|
+ <Radio.Button onClick={() => {
|
|
|
+ handleRedioClick('')
|
|
|
+ }} value='strict'>严谨</Radio.Button>
|
|
|
+ <Radio.Button onClick={() => {
|
|
|
+ handleRedioClick('')
|
|
|
+ }} value='moderate'>适中</Radio.Button>
|
|
|
+ <Radio.Button onClick={() => {
|
|
|
+ handleRedioClick('')
|
|
|
+ }} value='flexib'>发散</Radio.Button>
|
|
|
+ <Radio.Button value='custom'
|
|
|
+ onClick={() => {
|
|
|
+ setIsVisibleCus(!isVisibleCus);
|
|
|
+ }}
|
|
|
+ >自定义
|
|
|
+ </Radio.Button>
|
|
|
+ </Radio.Group>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
|
|
|
+ <FormItem
|
|
|
+ label='展示引用知识'
|
|
|
+ name='show_recall_result'
|
|
|
+ className='questionAnswerInfo-content-title'>
|
|
|
+ <Switch onChange={onChangeShow} />
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
|
|
|
<FormItem
|
|
|
- label='模型选择'
|
|
|
- name='rerank_model_name'
|
|
|
+ label='召回方式'
|
|
|
+ name='recall_method'
|
|
|
+ rules={[{ required: true, message: '召回方式不能为空' }]}>
|
|
|
+
|
|
|
+ <Radio.Group
|
|
|
+ style={style}
|
|
|
+ onChange={onChangeRecallMethod}
|
|
|
+ options={[
|
|
|
+ { value: 'embedding', label: '向量化检索' },
|
|
|
+ { value: 'keyword', label: '关键词检索' },
|
|
|
+ { value: 'mixed', label: '混合检索' },
|
|
|
+ ]}
|
|
|
+ />
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
|
|
|
+ <p className='questionAnswerInfo-content-title'>重排方式</p>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
|
|
|
+ <FormItem
|
|
|
+ label='Rerank模型'
|
|
|
+ name='rerank_status'
|
|
|
+ valuePropName='checked'
|
|
|
+ className='questionAnswerInfo-content-title'
|
|
|
>
|
|
|
- <Select
|
|
|
- style={{ width: '200px' }}
|
|
|
- placeholder='请选择模型'
|
|
|
- defaultValue={'默认rerank模型'}
|
|
|
+ <Switch onChange={onChangeModel} />
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ {isVisibleRerank &&
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
|
|
|
+ <FormItem
|
|
|
+ label='模型选择'
|
|
|
+ name='rerank_model_name'
|
|
|
>
|
|
|
- <Option value='rerank'>默认rerank模型</Option>
|
|
|
+ <Select
|
|
|
+ style={{ width: '300px', height: '48px' }}
|
|
|
+ placeholder='请选择模型'
|
|
|
+ defaultValue={'默认rerank模型'}
|
|
|
+ >
|
|
|
+ <Option value='rerank'>默认rerank模型</Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
|
|
|
+ <FormItem
|
|
|
+ label='召回切片数量'
|
|
|
+ name='slice_config_type'
|
|
|
+ rules={[{ required: true, message: '召回方式不能为空' }]}>
|
|
|
+ <Select
|
|
|
+ style={{ width: '300px', height: '48px' }}
|
|
|
+ placeholder='请选择'
|
|
|
+ onChange={onChangeCount}>
|
|
|
+ <Option value="fixed">手动设置</Option>
|
|
|
+ <Option value="customized">自动设置</Option>
|
|
|
</Select>
|
|
|
</FormItem>
|
|
|
- }
|
|
|
-
|
|
|
- <FormItem
|
|
|
- label='召回切片数量'
|
|
|
- name='slice_config_type'
|
|
|
- rules={[{ required: true, message: '召回方式不能为空' }]}>
|
|
|
- <Select
|
|
|
- style={{ width: '100%' }}
|
|
|
- placeholder='请选择'
|
|
|
- onChange={onChangeCount}>
|
|
|
- <Option value="fixed">手动设置</Option>
|
|
|
- <Option value="customized">自动设置</Option>
|
|
|
- </Select>
|
|
|
- </FormItem>
|
|
|
+ </div>
|
|
|
|
|
|
{isVisibleSlice &&
|
|
|
- <div>
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
|
|
|
<FormItem
|
|
|
label='召回切片数'
|
|
|
name='slice_count'
|
|
|
rules={[{ required: true, message: '切片数不能为空' }]}>
|
|
|
- <InputNumber max={1024} changeOnWheel />
|
|
|
+ <InputNumber max={1024} changeOnWheel className='questionAnswerInfo-content-title' />
|
|
|
</FormItem>
|
|
|
</div>
|
|
|
}
|
|
|
-
|
|
|
- <FormItem
|
|
|
- label='召回切片拼接方式'
|
|
|
- name='recall_slice_splicing_method'
|
|
|
- >
|
|
|
- <TextArea
|
|
|
- rows={4}
|
|
|
- placeholder="请输入内容"
|
|
|
- />
|
|
|
- </FormItem>
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
|
|
|
+ <FormItem
|
|
|
+ label='召回切片拼接方式'
|
|
|
+ name='recall_slice_splicing_method'
|
|
|
+ >
|
|
|
+ <TextArea
|
|
|
+ rows={4}
|
|
|
+ className='questionAnswerInfo-content-title'
|
|
|
+ placeholder="请输入内容"
|
|
|
+ />
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- }
|
|
|
+ } */}
|
|
|
</div>
|
|
|
</div>
|
|
|
</Splitter.Panel>
|
S0025136190