创建添加可选语言

This commit is contained in:
lyp 2025-01-16 14:03:58 +08:00
parent a6aa576799
commit 13d9a760c2
2 changed files with 36 additions and 4 deletions

View File

@ -1,6 +1,6 @@
import './proj-new.css'; import './proj-new.css';
import { useNavigate, useParams, useSearchParams } from "react-router-dom"; import { useNavigate, useParams, useSearchParams } from "react-router-dom";
import { Button, Flex, Form, Input, message, Modal, Spin, Checkbox, DatePicker } from "antd"; import { Button, Flex, Form, Input, message, Modal, Spin, Checkbox, DatePicker,Select } from "antd";
import { useContext, useEffect, useState } from "react"; import { useContext, useEffect, useState } from "react";
import { get, post } from "../../util/AjaxUtils.ts"; import { get, post } from "../../util/AjaxUtils.ts";
// import {GlobalContext} from "../../context/GlobalContext.ts"; // import {GlobalContext} from "../../context/GlobalContext.ts";
@ -23,6 +23,7 @@ type ProjInfo = {
projDevCompleteDate: string; projDevCompleteDate: string;
coupon?: string; coupon?: string;
projVersion: string; projVersion: string;
backendCodeLang: string;
}; };
export default function ProjNew() { export default function ProjNew() {
@ -51,6 +52,7 @@ export default function ProjNew() {
contacts: '', contacts: '',
projDevCompleteDate: '', projDevCompleteDate: '',
projVersion: '', projVersion: '',
backendCodeLang: '',
}); });
const [form] = Form.useForm<ProjInfo>(); const [form] = Form.useForm<ProjInfo>();
// 所属者弹窗 // 所属者弹窗
@ -223,13 +225,14 @@ export default function ProjNew() {
<Form <Form
name="basic" name="basic"
form={form} form={form}
initialValues={{ projVersion: 'v1.0' }} // 添加 initialValues 属性 initialValues={{ projVersion: 'v1.0',
backendCodeLang:'JAVA'
}} // 添加 initialValues 属性
layout={'vertical'} layout={'vertical'}
labelCol={{ span: 24 }} labelCol={{ span: 24 }}
wrapperCol={{ span: 24 }} wrapperCol={{ span: 24 }}
style={{ width: '100%' }} style={{ width: '100%' }}
onFinish={(formData) => { onFinish={(formData) => {
// console.log('formData', formData);
setIsCreateModalOpen(true); setIsCreateModalOpen(true);
setProjInfo({ setProjInfo({
projName: formData.projName, projName: formData.projName,
@ -238,6 +241,7 @@ export default function ProjNew() {
contacts: formData.contacts, contacts: formData.contacts,
projDevCompleteDate: formData.projDevCompleteDate, projDevCompleteDate: formData.projDevCompleteDate,
projVersion: formData.projVersion?formData.projVersion:'v1.0', projVersion: formData.projVersion?formData.projVersion:'v1.0',
backendCodeLang: formData.backendCodeLang,
}) })
}} }}
autoComplete="off" autoComplete="off"
@ -289,6 +293,30 @@ export default function ProjNew() {
</Form.Item> </Form.Item>
</div> </div>
<div className='formItemOne' style={{ marginTop: 20 }}>
<div className='formItem-title oneTitle'>*</div>
<Form.Item<ProjInfo>
name="backendCodeLang"
rules={[
{ required: true, message: '请选择系统语言' },
]}
>
<Select
style={{ width: '800px', height: '50px', fontSize: '16px'}}
placeholder="请选择系统语言"
className='langselect'
// defaultValue="JAVA"
options={[
{ value: 'JAVA', label: 'JAVA' },
{ value: 'NODE', label: 'NODE(JAVASCRIPT)' },
{ value: 'PYTHON', label: 'PYTHON' },
{ value: 'GO', label: 'GO' },
]}
>
</Select>
</Form.Item>
</div>
<div className='formItemOne' style={{ marginTop: 20, position: 'relative' }}> <div className='formItemOne' style={{ marginTop: 20, position: 'relative' }}>
<div className='formItem-title '> <div className='formItem-title '>
* *
@ -436,7 +464,7 @@ export default function ProjNew() {
body: { body: {
projName: projInfo.projName, projName: projInfo.projName,
projVersion: projInfo.projVersion, projVersion: projInfo.projVersion,
backendCodeLang: projInfo.backendCodeLang,
projChargeType: pathParams.projChargeType, projChargeType: pathParams.projChargeType,
listProjChargeAdditional: listProjChargeAdditional, listProjChargeAdditional: listProjChargeAdditional,
// dayjs(formInfo.getFieldValue('projDevCompleteDate')).format(dateFormat), // dayjs(formInfo.getFieldValue('projDevCompleteDate')).format(dateFormat),

View File

@ -69,4 +69,8 @@
.formItemOne .css-dev-only-do-not-override-1ae8k9u.ant-picker .ant-picker-input >input{ .formItemOne .css-dev-only-do-not-override-1ae8k9u.ant-picker .ant-picker-input >input{
font-size: 16px; font-size: 16px;
}
.langselect.css-dev-only-do-not-override-11lehqq.ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector {
border: 1px solid #d9d9d9;
background: #eeeeee;
} }