feat: 登录相关问题修复
parent
a00eeb2ffd
commit
b4e53f8544
@ -0,0 +1,122 @@
|
|||||||
|
export type ComputePowerPoolItem = {
|
||||||
|
name: string;
|
||||||
|
type: number; // 类别
|
||||||
|
color?: string; //
|
||||||
|
proportion: number;
|
||||||
|
pretreatmentEfficiency?: number;
|
||||||
|
bgColor?: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export const testGroupList: Record<string, any>[] = [
|
||||||
|
{
|
||||||
|
label: 'NVIDIA GeForce 4090',
|
||||||
|
type: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '瑞芯微 RK3566',
|
||||||
|
type: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '瑞芯微 RK3566',
|
||||||
|
type: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'NVIDIA GeForce 4090',
|
||||||
|
type: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'NVIDIA GeForce 4090',
|
||||||
|
type: 1,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
export const testPoolsData: ComputePowerPoolItem[] = [
|
||||||
|
{
|
||||||
|
name: '焊线颜色检测',
|
||||||
|
type: 9,
|
||||||
|
proportion: 7,
|
||||||
|
pretreatmentEfficiency: 20,
|
||||||
|
color: '#014BE6',
|
||||||
|
bgColor: 'linear-gradient(180deg, #015DE6 0%, #4881F6 100%)',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '螺纹缺陷检测',
|
||||||
|
type: 8,
|
||||||
|
proportion: 8,
|
||||||
|
pretreatmentEfficiency: 20,
|
||||||
|
color: '#FAA90B',
|
||||||
|
bgColor: 'linear-gradient(180deg, #E64601 0%, #F6A648 100%)',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'PIN间距测量',
|
||||||
|
type: 7,
|
||||||
|
proportion: 4,
|
||||||
|
pretreatmentEfficiency: 15,
|
||||||
|
color: '#EA1281',
|
||||||
|
bgColor: 'linear-gradient(180deg, #E60161 0%, #F648E5 100%)',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '螺纹无牙缺陷检测',
|
||||||
|
type: 6,
|
||||||
|
proportion: 7,
|
||||||
|
pretreatmentEfficiency: 20,
|
||||||
|
color: '#FA8616',
|
||||||
|
bgColor: 'linear-gradient(180deg, #FA8316 0%, #FAAD16 100%)',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '压板缺陷检测',
|
||||||
|
type: 5,
|
||||||
|
proportion: 32,
|
||||||
|
pretreatmentEfficiency: 38,
|
||||||
|
color: '#F9DB18',
|
||||||
|
bgColor: 'linear-gradient(180deg, #FFC56F 0%, #F9E006 100%)',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '划伤缺陷检测',
|
||||||
|
type: 4,
|
||||||
|
proportion: 8,
|
||||||
|
pretreatmentEfficiency: 38,
|
||||||
|
color: '#1CCCFA',
|
||||||
|
bgColor: 'linear-gradient(180deg, #6FFFFF 0%, #06BEF9 100%)',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '披锋（毛刺）缺陷检测',
|
||||||
|
type: 3,
|
||||||
|
proportion: 12,
|
||||||
|
pretreatmentEfficiency: 38,
|
||||||
|
color: '#9E26EE',
|
||||||
|
bgColor: 'linear-gradient(180deg, #FF2494 0%, #8D27FF 100%)',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '工件尺寸测量',
|
||||||
|
type: 2,
|
||||||
|
proportion: 7,
|
||||||
|
pretreatmentEfficiency: 38,
|
||||||
|
color: '#6F50F6',
|
||||||
|
bgColor: 'linear-gradient(180deg, #6B55F6 0%, #8C38F8 100%)',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '打孔不良检测',
|
||||||
|
type: 1,
|
||||||
|
proportion: 5,
|
||||||
|
pretreatmentEfficiency: 38,
|
||||||
|
color: '#24ED75',
|
||||||
|
bgColor: 'linear-gradient(180deg, #43EA80 0%, #38F8D4 100%)',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '空闲算力',
|
||||||
|
type: 0,
|
||||||
|
proportion: 10,
|
||||||
|
pretreatmentEfficiency: 0,
|
||||||
|
color: '#DCDCDC',
|
||||||
|
bgColor: 'linear-gradient(90deg, #7B7979 0%, #C1C1C1 100%)',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
// export const powerGroupListData = {
|
||||||
|
// data: groupList,
|
||||||
|
// };
|
||||||
|
|
||||||
|
// export const powerPoolsListData = {
|
||||||
|
// data: poolsData,
|
||||||
|
// };
|
||||||
@ -1,350 +0,0 @@
|
|||||||
/*
|
|
||||||
* @Author: donghao donghao@supervision.ltd
|
|
||||||
* @Date: 2024-04-23 17:46:28
|
|
||||||
* @LastEditors: donghao donghao@supervision.ltd
|
|
||||||
* @LastEditTime: 2024-05-16 15:28:12
|
|
||||||
* @FilePath: \general-ai-platform-web\src\pages\Project\BusinessInfo\components\updateForm.tsx
|
|
||||||
* @Description: 修改企业信息
|
|
||||||
*/
|
|
||||||
import { useCity } from '@/hooks/useCity';
|
|
||||||
import { beforeUploadImage } from '@/utils/common';
|
|
||||||
import {
|
|
||||||
ModalForm,
|
|
||||||
ProForm,
|
|
||||||
ProFormSelect,
|
|
||||||
ProFormText,
|
|
||||||
ProFormTextArea,
|
|
||||||
// ProFormDependency,
|
|
||||||
ProFormUploadButton,
|
|
||||||
} from '@ant-design/pro-components';
|
|
||||||
import { FormattedMessage, useIntl } from '@umijs/max';
|
|
||||||
import { Form } from 'antd';
|
|
||||||
import React, { useState } from 'react';
|
|
||||||
import {
|
|
||||||
proFormSmallItemStyleProps,
|
|
||||||
proFormSmallModelWidth,
|
|
||||||
} from '../../../../../config/defaultForm';
|
|
||||||
// @ts-ignore
|
|
||||||
import cookie from 'react-cookies';
|
|
||||||
export type FormValueType = {
|
|
||||||
target?: string;
|
|
||||||
template?: string;
|
|
||||||
type?: string;
|
|
||||||
time?: string;
|
|
||||||
frequency?: string;
|
|
||||||
} & Partial<API.ModelCategory>;
|
|
||||||
export type UpdateFormProps = {
|
|
||||||
updateModalOpen: boolean;
|
|
||||||
handleModal: () => void;
|
|
||||||
values: Partial<API.ModelCategory>;
|
|
||||||
reload: any;
|
|
||||||
};
|
|
||||||
|
|
||||||
const UpdateForm: React.FC<UpdateFormProps> = (props) => {
|
|
||||||
const intl = useIntl();
|
|
||||||
// const [isAuto, setIsAuto] = useState(true);
|
|
||||||
const [form] = Form.useForm<API.ModelCategory>();
|
|
||||||
const [cityOptions, setCityOptions] = useState<Record<string, any>[]>([]);
|
|
||||||
const { formatProvinceByData, formatCityByProvinceData } = useCity();
|
|
||||||
function changeCity(record1, record2) {
|
|
||||||
// 汇总城市数据到表单
|
|
||||||
console.log(record1, record2, 'changeProvince_record');
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<ModalForm<API.ModelCategory>
|
|
||||||
className="gn_form gn_modal_form"
|
|
||||||
width={proFormSmallModelWidth}
|
|
||||||
title={intl.formatMessage({
|
|
||||||
id: 'business.list.table.createForm.title',
|
|
||||||
defaultMessage: '新建',
|
|
||||||
})}
|
|
||||||
open={props.updateModalOpen}
|
|
||||||
form={form}
|
|
||||||
autoFocusFirstInput
|
|
||||||
modalProps={{
|
|
||||||
destroyOnClose: true,
|
|
||||||
onCancel: () => props.handleModal(),
|
|
||||||
}}
|
|
||||||
submitTimeout={2000}
|
|
||||||
onFinish={async (values) => {
|
|
||||||
console.log(values, 'add_finish_values');
|
|
||||||
// TODO 对接更新接口
|
|
||||||
// postModelCategoryCreateModelCategory(values)
|
|
||||||
// .then(() => {
|
|
||||||
// message.success(intl.formatMessage({ id: 'common.action.success', defaultMessage: '$$$' }));
|
|
||||||
// props.reload();
|
|
||||||
// })
|
|
||||||
// .catch(() => {
|
|
||||||
// message.error(intl.formatMessage({ id: 'common.action.failure', defaultMessage: '$$$' }));
|
|
||||||
// });
|
|
||||||
props.handleModal();
|
|
||||||
return true;
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<ProForm.Group>
|
|
||||||
<ProFormText
|
|
||||||
width={proFormSmallItemStyleProps.width}
|
|
||||||
name="name"
|
|
||||||
label={<FormattedMessage id="business.list.table.form.name" defaultMessage="名称" />}
|
|
||||||
placeholder={`${intl.formatMessage({
|
|
||||||
id: 'common.please_input',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}${intl.formatMessage({
|
|
||||||
id: 'business.list.table.form.name',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}`}
|
|
||||||
initialValue={props.values.name}
|
|
||||||
required={true}
|
|
||||||
rules={[
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: (
|
|
||||||
<FormattedMessage
|
|
||||||
id="business.list.table.form.rule.required.name"
|
|
||||||
defaultMessage="name is required"
|
|
||||||
/>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<ProFormSelect
|
|
||||||
width={proFormSmallItemStyleProps.column2Width / 2 - 8}
|
|
||||||
name="province"
|
|
||||||
label={<FormattedMessage id="business.list.table.form.province" defaultMessage="省份" />}
|
|
||||||
placeholder={`${intl.formatMessage({
|
|
||||||
id: 'common.please_select',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}${intl.formatMessage({
|
|
||||||
id: 'business.list.table.form.province',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}`}
|
|
||||||
initialValue={props.values.province}
|
|
||||||
required={true}
|
|
||||||
showSearch
|
|
||||||
debounceTime={500}
|
|
||||||
request={() => {
|
|
||||||
const respDataList = formatProvinceByData();
|
|
||||||
// 初始化有省份数据，默认加载当前省份的城市数据
|
|
||||||
if (props.values.province) {
|
|
||||||
respDataList.forEach((item) => {
|
|
||||||
if (props.values.province === item.value) {
|
|
||||||
setCityOptions(() => formatCityByProvinceData(item));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return respDataList;
|
|
||||||
}}
|
|
||||||
onChange={(_, record2) => {
|
|
||||||
form.setFieldValue('city', null); // 先清空城市
|
|
||||||
setCityOptions(() => formatCityByProvinceData(record2));
|
|
||||||
}}
|
|
||||||
rules={[
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: (
|
|
||||||
<FormattedMessage
|
|
||||||
id="business.list.table.form.rule.required.province"
|
|
||||||
defaultMessage="name is required"
|
|
||||||
/>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<ProFormSelect
|
|
||||||
width={proFormSmallItemStyleProps.column2Width / 2 - 8}
|
|
||||||
name="city"
|
|
||||||
label={<FormattedMessage id="business.list.table.form.city" defaultMessage="城市" />}
|
|
||||||
placeholder={`${intl.formatMessage({
|
|
||||||
id: 'common.please_select',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}${intl.formatMessage({
|
|
||||||
id: 'business.list.table.form.city',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}`}
|
|
||||||
initialValue={props.values.city}
|
|
||||||
required={true}
|
|
||||||
showSearch
|
|
||||||
debounceTime={500}
|
|
||||||
options={cityOptions}
|
|
||||||
onChange={changeCity}
|
|
||||||
rules={[
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: (
|
|
||||||
<FormattedMessage
|
|
||||||
id="business.list.table.form.rule.required.city"
|
|
||||||
defaultMessage="name is required"
|
|
||||||
/>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<ProFormText
|
|
||||||
width={proFormSmallItemStyleProps.column2Width}
|
|
||||||
name="address"
|
|
||||||
label={<FormattedMessage id="business.list.table.form.address" defaultMessage="地址" />}
|
|
||||||
placeholder={`${intl.formatMessage({
|
|
||||||
id: 'common.please_input',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}${intl.formatMessage({
|
|
||||||
id: 'business.list.table.form.address',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}`}
|
|
||||||
initialValue={props.values.address}
|
|
||||||
required={true}
|
|
||||||
rules={[
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: (
|
|
||||||
<FormattedMessage
|
|
||||||
id="business.list.table.form.rule.required.address"
|
|
||||||
defaultMessage="name is required"
|
|
||||||
/>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<ProFormText
|
|
||||||
width={proFormSmallItemStyleProps.width}
|
|
||||||
name="industry"
|
|
||||||
label={<FormattedMessage id="business.list.table.form.industry" defaultMessage="行业" />}
|
|
||||||
placeholder={`${intl.formatMessage({
|
|
||||||
id: 'common.please_input',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}${intl.formatMessage({
|
|
||||||
id: 'business.list.table.form.industry',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}`}
|
|
||||||
initialValue={props.values.industry}
|
|
||||||
required={true}
|
|
||||||
rules={[
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: (
|
|
||||||
<FormattedMessage
|
|
||||||
id="business.list.table.form.rule.required.industry"
|
|
||||||
defaultMessage="name is required"
|
|
||||||
/>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<ProFormText
|
|
||||||
width={proFormSmallItemStyleProps.width}
|
|
||||||
name="contacts"
|
|
||||||
label={
|
|
||||||
<FormattedMessage id="business.list.table.form.contacts" defaultMessage="联系人" />
|
|
||||||
}
|
|
||||||
placeholder={`${intl.formatMessage({
|
|
||||||
id: 'common.please_input',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}${intl.formatMessage({
|
|
||||||
id: 'business.list.table.form.contacts',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}`}
|
|
||||||
initialValue={props.values.contacts}
|
|
||||||
required={true}
|
|
||||||
rules={[
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: (
|
|
||||||
<FormattedMessage
|
|
||||||
id="business.list.table.form.rule.required.contacts"
|
|
||||||
defaultMessage="name is required"
|
|
||||||
/>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<ProFormText
|
|
||||||
width={proFormSmallItemStyleProps.width}
|
|
||||||
name="contactWay"
|
|
||||||
label={
|
|
||||||
<FormattedMessage id="business.list.table.form.contactWay" defaultMessage="联系方式" />
|
|
||||||
}
|
|
||||||
placeholder={`${intl.formatMessage({
|
|
||||||
id: 'common.please_input',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}${intl.formatMessage({
|
|
||||||
id: 'business.list.table.form.contactWay',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}`}
|
|
||||||
initialValue={props.values.contactWay}
|
|
||||||
required={true}
|
|
||||||
rules={[
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: (
|
|
||||||
<FormattedMessage
|
|
||||||
id="business.list.table.form.rule.required.contactWay"
|
|
||||||
defaultMessage="name is required"
|
|
||||||
/>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<ProFormTextArea
|
|
||||||
width={proFormSmallItemStyleProps.width}
|
|
||||||
name="remark"
|
|
||||||
label={<FormattedMessage id="business.list.table.form.remark" defaultMessage="简介" />}
|
|
||||||
placeholder={`${intl.formatMessage({
|
|
||||||
id: 'common.please_input',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}${intl.formatMessage({
|
|
||||||
id: 'business.list.table.form.remark',
|
|
||||||
defaultMessage: '$$$',
|
|
||||||
})}`}
|
|
||||||
initialValue={props.values.remark}
|
|
||||||
required={true}
|
|
||||||
rules={[
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: (
|
|
||||||
<FormattedMessage
|
|
||||||
id="business.list.table.form.rule.required.remark"
|
|
||||||
defaultMessage="name is required"
|
|
||||||
/>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
disabled={false}
|
|
||||||
/>
|
|
||||||
{/* // TODO level3 按UI实际效果调整上传logo & 改用上传base64格式编码 换手动上传 */}
|
|
||||||
<ProFormUploadButton
|
|
||||||
width={proFormSmallItemStyleProps.width}
|
|
||||||
max={1}
|
|
||||||
action="/api/v1/file/uploadImage"
|
|
||||||
name="logo"
|
|
||||||
label={<FormattedMessage id="business.list.table.form.logo" defaultMessage="logo" />}
|
|
||||||
fieldProps={{
|
|
||||||
name: 'file',
|
|
||||||
listType: 'picture-card',
|
|
||||||
beforeUpload: beforeUploadImage,
|
|
||||||
data: { path: 'user/avatar' },
|
|
||||||
headers: {
|
|
||||||
'X-CSRFToken': cookie.load('csrftoken'),
|
|
||||||
'X-Token': `${localStorage.getItem('access') || ''}`,
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
initialValue={props.values.logo}
|
|
||||||
required={true}
|
|
||||||
rules={[
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: (
|
|
||||||
<FormattedMessage
|
|
||||||
id="business.list.table.form.rule.required.logo"
|
|
||||||
defaultMessage="name is required"
|
|
||||||
/>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</ProForm.Group>
|
|
||||||
</ModalForm>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default UpdateForm;
|
|
||||||
Loading…
Reference in New Issue