up

src/pages/A5goods/A5add/index.tsx

@@ -17,6 +17,31 @@ import ZupTypes from "@/components/ZupTypes";
 import { MessageFu } from "@/utils/message";
 import MyPopconfirm from "@/components/MyPopconfirm";
 
+// 三维下拉
+const dictTypeArr1 = [
+  { value: "雕塑、造像", label: "雕塑、造像" },
+  { value: "骨角牙", label: "骨角牙" },
+  { value: "木雕", label: "木雕" },
+  { value: "石刻", label: "石刻" },
+  { value: "石器、石刻、砖瓦", label: "石器、石刻、砖瓦" },
+  { value: "陶瓷", label: "陶瓷" },
+  { value: "铜器", label: "铜器" },
+  { value: "文件、宣传品", label: "文件、宣传品" },
+  { value: "玺印符牌", label: "玺印符牌" },
+  { value: "玉", label: "玉" },
+];
+
+// 二维下拉
+const dictTypeArr2 = [
+  { value: "报刊", label: "报刊" },
+  { value: "潮绣", label: "潮绣" },
+  { value: "档案文书", label: "档案文书" },
+  { value: "古籍", label: "古籍" },
+  { value: "绘画", label: "绘画" },
+  { value: "旗帜", label: "旗帜" },
+  { value: "书法", label: "书法" },
+];
+
 type Props = {
   addId: number;
   closeFu: () => void;
@@ -36,6 +61,8 @@ function A5add({ addId, closeFu, addTableFu, editTableFu }: Props) {
         dictLevel: data.dictLevel ? data.dictLevel : null,
       });
 
+      if (data.type === "2D") setDictTypeArr(dictTypeArr2);
+
       setDirCode(data.dirCode);
 
       // 设置封面图
@@ -73,7 +100,7 @@ function A5add({ addId, closeFu, addTableFu, editTableFu }: Props) {
       FormBoxRef.current?.setFieldsValue({
         myTime: dayjs(Date.now()),
         type: "3D",
-        dictType: "其他",
+        // dictType: "其他",
       });
     }
   }, [addId, getInfoFu]);
@@ -136,6 +163,20 @@ function A5add({ addId, closeFu, addTableFu, editTableFu }: Props) {
   const ZupOneRef2 = useRef<any>(null);
   const ZupOneRefCode = useRef<any>(null);
 
+  // 表单字段发生变化 - 动态改变 二维 三维
+  const [dictTypeArr, setDictTypeArr] =
+    useState<{ value: string; label: string }[]>(dictTypeArr1);
+
+  const onValuesChange = useCallback((values: any) => {
+    if (values.type) {
+      FormBoxRef.current?.setFieldsValue({
+        dictType: null,
+      });
+
+      setDictTypeArr(values.type === "2D" ? dictTypeArr2 : dictTypeArr1);
+    }
+  }, []);
+
   return (
     <div className={styles.A5add}>
       <div className="A5Amain">
@@ -147,6 +188,7 @@ function A5add({ addId, closeFu, addTableFu, editTableFu }: Props) {
           onFinishFailed={onFinishFailed}
           autoComplete="off"
           scrollToFirstError
+          onValuesChange={onValuesChange}
         >
           <Form.Item
             label="名称"
@@ -234,19 +276,7 @@ function A5add({ addId, closeFu, addTableFu, editTableFu }: Props) {
             <Select
               placeholder="请选择"
               style={{ width: 400 }}
-              options={[
-                { value: "雕塑、造像", label: "雕塑、造像" },
-                { value: "骨角牙", label: "骨角牙" },
-                { value: "木雕", label: "木雕" },
-                { value: "石刻", label: "石刻" },
-                { value: "石器、石刻、砖瓦", label: "石器、石刻、砖瓦" },
-                { value: "陶瓷", label: "陶瓷" },
-                { value: "铜器", label: "铜器" },
-                { value: "文件、宣传品", label: "文件、宣传品" },
-                { value: "玺印符牌", label: "玺印符牌" },
-                { value: "玉", label: "玉" },
-                { value: "其他", label: "其他" },
-              ]}
+              options={dictTypeArr}
             />
           </Form.Item>