Skip to content

B
bkunyun
Commit bf27ccf6 authored by wuyongsheng's avatar wuyongsheng
Browse files
Options

feat: addOperator文件回退

parent 5fa270bf
Hide whitespace changes
Inline Side-by-side
Showing with 26 additions and 85 deletions
src/views/ResourceCenter/UserResources/WorkflowOperator/components/AddOperator/index.tsx
View file @ bf27ccf6
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: 吴永生 15770852798@163.com * @Author: 吴永生 15770852798@163.com
* @Date: 2022-10-18 16:12:55 * @Date: 2022-10-18 16:12:55
* @LastEditors: 吴永生 15770852798@163.com * @LastEditors: 吴永生 15770852798@163.com
* @LastEditTime: 2022-10-19 17:57:14 * @LastEditTime: 2022-10-19 21:23:39
* @FilePath: /bkunyun/src/views/ResourceCenter/UserResources/WorkflowOperator/components/AddOperator/index.tsx * @FilePath: /bkunyun/src/views/ResourceCenter/UserResources/WorkflowOperator/components/AddOperator/index.tsx
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/ */
...@@ -13,7 +13,6 @@ import { observer } from "mobx-react"; ...@@ -13,7 +13,6 @@ import { observer } from "mobx-react";
import MyInput from "@/components/mui/MyInput"; import MyInput from "@/components/mui/MyInput";
import MySelect from "@/components/mui/MySelect"; import MySelect from "@/components/mui/MySelect";
import MyButton from "@/components/mui/MyButton"; import MyButton from "@/components/mui/MyButton";
import { useForm, Controller } from "react-hook-form";
import style from "./index.module.css"; import style from "./index.module.css";
import SwitchBatchFolw from "@/views/ResourceCenter/components/SwitchBatchFolw"; import SwitchBatchFolw from "@/views/ResourceCenter/components/SwitchBatchFolw";
...@@ -43,14 +42,11 @@ const AddOperator = observer((props: IAddOperator) => { ...@@ -43,14 +42,11 @@ const AddOperator = observer((props: IAddOperator) => {
const [operatorList, setOperatorList] = useState<ITask[]>([]); const [operatorList, setOperatorList] = useState<ITask[]>([]);
/** 流程编排 算子是否选中 */ /** 流程编排 算子是否选中 */
const [inputActive, setInputActive] = useState(false); const [inputActive, setInputActive] = useState(false);
const { control, getValues, reset, setValue } = useForm({
mode: "onChange",
});
/** 产品store */ /** 产品store */
const { productListStore } = useStores(); const { productListStore } = useStores();
console.log(productListStore, "productListStore");
const [code, setCode] = useState(""); const [code, setCode] = useState("");
// const [formData, setFormData] = useState<any>();
const buildTypeList = useMemo(() => { const buildTypeList = useMemo(() => {
return [ return [
...@@ -103,19 +99,9 @@ const AddOperator = observer((props: IAddOperator) => { ...@@ -103,19 +99,9 @@ const AddOperator = observer((props: IAddOperator) => {
itemFlex="column" itemFlex="column"
require require
> >
<Controller <MyInput
render={() => { helperText="30字符以内，仅限字母、数字、中文"
return ( placeholder="请输入算子名称"
<MyInput
helperText="30字符以内，仅限字母、数字、中文"
placeholder="请输入算子名称"
/>
);
}}
control={control}
name="name"
// rules={
// }
/> />
</FormItemBox> </FormItemBox>
<FormItemBox <FormItemBox
...@@ -125,15 +111,7 @@ const AddOperator = observer((props: IAddOperator) => { ...@@ -125,15 +111,7 @@ const AddOperator = observer((props: IAddOperator) => {
itemFlex="column" itemFlex="column"
require require
> >
<Controller <MyInput />
render={() => {
return <MyInput />;
}}
control={control}
name="name"
// rules={
// }
/>
</FormItemBox> </FormItemBox>
<FormItemBox <FormItemBox
label="所属产品" label="所属产品"
...@@ -142,19 +120,9 @@ const AddOperator = observer((props: IAddOperator) => { ...@@ -142,19 +120,9 @@ const AddOperator = observer((props: IAddOperator) => {
itemFlex="column" itemFlex="column"
require require
> >
<Controller <MySelect
render={() => { fullWidth
return ( options={productListStore?.productList || []}
<MySelect
fullWidth
options={productListStore?.productList || []}
/>
);
}}
control={control}
name="name"
// rules={
// }
/> />
</FormItemBox> </FormItemBox>
{batchBuildType === "ENVIRONMENT" ? ( {batchBuildType === "ENVIRONMENT" ? (
...@@ -165,19 +133,9 @@ const AddOperator = observer((props: IAddOperator) => { ...@@ -165,19 +133,9 @@ const AddOperator = observer((props: IAddOperator) => {
itemFlex="column" itemFlex="column"
require require
> >
<Controller <MySelect
render={() => { fullWidth
return ( options={[{ label: "cadd", value: "CADD" }]}
<MySelect
fullWidth
options={[{ label: "cadd", value: "CADD" }]}
/>
);
}}
control={control}
name="name"
// rules={
// }
/> />
</FormItemBox> </FormItemBox>
) : null} ) : null}
...@@ -188,21 +146,7 @@ const AddOperator = observer((props: IAddOperator) => { ...@@ -188,21 +146,7 @@ const AddOperator = observer((props: IAddOperator) => {
className={style.operatorFormItem} className={style.operatorFormItem}
itemFlex="column" itemFlex="column"
> >
<Controller <MyInput multiline rows={4} placeholder="请输入算子描述" />
render={() => {
return (
<MyInput
multiline
rows={4}
placeholder="请输入算子描述"
/>
);
}}
control={control}
name="desc"
// rules={
// }
/>
</FormItemBox> </FormItemBox>
) : null} ) : null}
</div> </div>
...@@ -226,21 +170,11 @@ const AddOperator = observer((props: IAddOperator) => { ...@@ -226,21 +170,11 @@ const AddOperator = observer((props: IAddOperator) => {
className={style.operatorFormItem} className={style.operatorFormItem}
itemFlex="column" itemFlex="column"
> >
<Controller <MyInput
render={() => { style={{ width: "420px" }}
return ( multiline
<MyInput rows={10}
style={{ width: "420px" }} placeholder="请输入算子描述"
multiline
rows={10}
placeholder="请输入算子描述"
/>
);
}}
control={control}
name="desc"
// rules={
// }
/> />
</FormItemBox> </FormItemBox>
</div> </div>
...@@ -282,7 +216,14 @@ const AddOperator = observer((props: IAddOperator) => { ...@@ -282,7 +216,14 @@ const AddOperator = observer((props: IAddOperator) => {
)} )}
</div> </div>
<div className={style.buttonBox}> <div className={style.buttonBox}>
<MyButton text="开始构建" onClick={() => handleSubmit()}></MyButton> <MyButton
text="开始构建"
onClick={() =>
handleSubmit((data) => {
console.log(data, "1111");
})()
}
></MyButton>
</div> </div>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment