ztxkui 2.4.5 → 2.4.8

package/dist/DemoCom/TableDemo.d.ts

@@ -1,4 +1,14 @@
 /// <reference types="react" />
 export declare const getTableLayoutFullData: (columns: any, tableLayout: any) => any;
+/**
+ * 详情拿到的数据，一般是这个样子的
+ * {
+ *    cpcc: '1',
+ *    pm: 'pm1',
+ *    cz: 'cz1',
+ *    gg: 'gg1',
+ *    cd: 'cd1',
+ * }
+ */
 declare const TableDemo: () => JSX.Element;
 export default TableDemo;

package/dist/DemoCom/TableDemo.js

@@ -17,7 +17,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 import React, { useEffect, useState, useCallback, useRef } from 'react';
 import Table from 'components/Table';
 import EnhanceSelect from 'components/EnhanceSelect';
-import TestCom from './TestCom';
+import TestCom, { clearData } from './TestCom';
 import { DatePicker } from 'index';
 import dayjs from 'dayjs';
 import update from 'immutability-helper';
@@ -30,6 +30,14 @@ function useGetTableRecords() {
             test1: index + 1 + "-test1",
             test2: index + 1 + "-test2",
             test3: index + 1 + "-test3",
+            materialId: 1,
+            brand: '123',
+            texture: 'HRB400E',
+            textureId: 1,
+            specification: 'Φ24mm*9m',
+            specificationId: 1,
+            placesteel: '萍钢',
+            placesteelId: 1,
         };
     })), records = _a[0], setRecords = _a[1];
     useEffect(function () {
@@ -109,173 +117,305 @@ export var getTableLayoutFullData = function (columns, tableLayout) {
     }
     return columns;
 };
+// const list1 = [
+//   {
+//     id: '010101',
+//     name: '重轨',
+//     aboutField: {
+//       // 品名
+//       brand: {
+//         isRequired: 1, // 是否必填
+//         addonBefore: null, // 前置符
+//         addonAfter: null, // 后置符
+//         unit: null, // 单位
+//         connector: ' ', // 连接符
+//       },
+//       // 材质
+//       texture: {
+//         isRequired: 1, // 是否必填
+//         addonBefore: null, // 前置符
+//         addonAfter: null, // 后置符
+//         unit: null, // 单位
+//         connector: ' ', // 连接符
+//       },
+//       // 规格,一个产品层次可能对应多个规格
+//       specification: [
+//         {
+//           title: '单位重量',
+//           isRequired: 1, // 是否必填
+//           addonBefore: '$', // 前置符
+//           addonAfter: null, // 后置符
+//           unit: 'kg/m', // 单位
+//           connector: '*', // 连接符
+//         },
+//         {
+//           title: '长度',
+//           isRequired: 1, // 是否必填
+//           addonBefore: null, // 前置符
+//           addonAfter: null, // 后置符
+//           unit: 'm', // 单位
+//           connector: null, // 连接符
+//         },
+//       ],
+//       // 产地
+//       placesteel: {
+//         isRequired: 1, // 是否必填
+//         addonBefore: null, // 前置符
+//         addonAfter: null, // 后置符
+//         unit: null, // 单位
+//         connector: null, // 连接符
+//       },
+//       // 型号
+//       model: null,
+//     },
+//   },
+//   {
+//     id: '010102',
+//     name: '轻轨',
+//     aboutField: {
+//       // 品名
+//       brand: {
+//         isRequired: 1, // 是否必填
+//         addonBefore: null, // 前置符
+//         addonAfter: null, // 后置符
+//         unit: null, // 单位
+//         connector: ' ', // 连接符
+//       },
+//       // 材质
+//       texture: null,
+//       // 规格,一个产品层次可能对应多个规格
+//       specification: [
+//         {
+//           title: '单位重量',
+//           isRequired: 1, // 是否必填
+//           addonBefore: null, // 前置符
+//           addonAfter: null, // 后置符
+//           unit: 'kg/m', // 单位
+//           connector: '*', // 连接符
+//         },
+//         {
+//           title: '长度',
+//           isRequired: 1, // 是否必填
+//           addonBefore: null, // 前置符
+//           addonAfter: null, // 后置符
+//           unit: 'm', // 单位
+//           connector: null, // 连接符
+//         },
+//       ],
+//       // 产地
+//       placesteel: {
+//         isRequired: 1, // 是否必填
+//         addonBefore: null, // 前置符
+//         addonAfter: null, // 后置符
+//         unit: null, // 单位
+//         connector: null, // 连接符
+//       },
+//       // 型号
+//       model: null,
+//     },
+//   },
+//   {
+//     id: '010203',
+//     name: '角钢',
+//     aboutField: {
+//       // 品名
+//       brand: {
+//         isRequired: 1, // 是否必填
+//         addonBefore: null, // 前置符
+//         addonAfter: null, // 后置符
+//         unit: null, // 单位
+//         connector: ' ', // 连接符
+//       },
+//       // 材质
+//       texture: {
+//         isRequired: 1, // 是否必填
+//         addonBefore: null, // 前置符
+//         addonAfter: null, // 后置符
+//         unit: null, // 单位
+//         connector: null, // 连接符
+//       },
+//       // 规格,一个产品层次可能对应多个规格
+//       specification: [
+//         {
+//           title: '边宽度1',
+//           isRequired: 1, // 是否必填
+//           addonBefore: null, // 前置符
+//           addonAfter: null, // 后置符
+//           unit: null, // 单位
+//           connector: '*', // 连接符
+//           valueType: 'select',
+//           source: '/api/test/111',
+//         },
+//         {
+//           title: '边宽度2',
+//           isRequired: 1, // 是否必填
+//           addonBefore: null, // 前置符
+//           addonAfter: null, // 后置符
+//           unit: null, // 单位
+//           connector: '*', // 连接符
+//         },
+//         {
+//           title: '边厚度',
+//           isRequired: 1, // 是否必填
+//           addonBefore: null, // 前置符
+//           addonAfter: null, // 后置符
+//           unit: 'mm', // 单位
+//           connector: ' ', // 连接符
+//         },
+//         {
+//           title: '长度',
+//           isRequired: 1, // 是否必填
+//           addonBefore: null, // 前置符
+//           addonAfter: null, // 后置符
+//           unit: 'm', // 单位
+//           connector: '', // 连接符
+//         },
+//       ],
+//       // 产地
+//       placesteel: {
+//         isRequired: 1, // 是否必填
+//         addonBefore: null, // 前置符
+//         addonAfter: null, // 后置符
+//         unit: null, // 单位
+//         connector: ' ', // 连接符
+//       },
+//       // 型号
+//       model: null,
+//     },
+//   },
+// ];
 var list1 = [
     {
-        id: '010101',
-        name: '重轨',
-        aboutField: {
-            // 品名
-            brand: {
-                isRequired: 1,
-                addonBefore: null,
-                addonAfter: null,
-                unit: null,
-                connector: ' ', // 连接符
-            },
-            // 材质
-            texture: {
-                isRequired: 1,
-                addonBefore: null,
-                addonAfter: null,
-                unit: null,
-                connector: ' ', // 连接符
-            },
-            // 规格,一个产品层次可能对应多个规格
-            specifications: [
-                {
-                    title: '单位重量',
-                    isRequired: 1,
-                    addonBefore: null,
-                    addonAfter: null,
-                    unit: 'kg/m',
-                    connector: '*', // 连接符
-                },
-                {
-                    title: '长度',
-                    isRequired: 1,
-                    addonBefore: null,
-                    addonAfter: null,
-                    unit: 'm',
-                    connector: null, // 连接符
-                },
-            ],
-            // 产地
-            placesteel: {
-                isRequired: 1,
-                addonBefore: null,
-                addonAfter: null,
-                unit: null,
-                connector: null, // 连接符
-            },
-            // 型号
-            model: null,
-        },
+        id: 1,
+        createUser: null,
+        createDept: null,
+        createTime: null,
+        updateUser: null,
+        updateTime: null,
+        status: 50,
+        isDeleted: 0,
+        xid: null,
+        materialCode: '010301060000000001',
+        materialDesc: '螺纹钢 HRB400E',
+        productLevelId: 4,
+        productLevelCode: '010207',
+        productLevelName: '带肋钢筋',
+        brandId: 1,
+        brandName: '螺纹钢',
+        textureId: 1,
+        textureName: 'HRB400E',
+        specificationId: null,
+        specificationName: null,
+        productModel: null,
+        placesteelId: null,
+        placesteelName: null,
+        workmanship: null,
+        workmanshipId: null,
+        packingMethodId: null,
+        packingMethodName: null,
+        variety: null,
+        unitCode: 'T',
+        unitName: '吨',
+        trademarkId: null,
+        trademarkName: null,
+        strengthGrade: null,
+        purpose: null,
+        materialType: '1',
+        foreignTradeFlag: '1',
+        poUnitCode: 'T',
+        poUnitName: '吨',
     },
     {
-        id: '010102',
-        name: '轻轨',
-        aboutField: {
-            // 品名
-            brand: {
-                isRequired: 1,
-                addonBefore: null,
-                addonAfter: null,
-                unit: null,
-                connector: ' ', // 连接符
-            },
-            // 材质
-            texture: null,
-            // 规格,一个产品层次可能对应多个规格
-            specifications: [
-                {
-                    title: '单位重量',
-                    isRequired: 1,
-                    addonBefore: null,
-                    addonAfter: null,
-                    unit: 'kg/m',
-                    connector: '*', // 连接符
-                },
-                {
-                    title: '长度',
-                    isRequired: 1,
-                    addonBefore: null,
-                    addonAfter: null,
-                    unit: 'm',
-                    connector: null, // 连接符
-                },
-            ],
-            // 产地
-            placesteel: {
-                isRequired: 1,
-                addonBefore: null,
-                addonAfter: null,
-                unit: null,
-                connector: null, // 连接符
-            },
-            // 型号
-            model: null,
-        },
+        id: 2,
+        createUser: null,
+        createDept: null,
+        createTime: '2022-03-16 16:00:39',
+        updateUser: null,
+        updateTime: '2022-03-16 16:00:43',
+        status: 50,
+        isDeleted: 0,
+        xid: null,
+        materialCode: '010301060000000002',
+        materialDesc: '螺纹钢 HRB300E',
+        productLevelId: 4,
+        productLevelCode: '010207',
+        productLevelName: '带肋钢筋',
+        brandId: 1,
+        brandName: '螺纹钢',
+        textureId: 2,
+        textureName: 'HRB300E',
+        specificationId: null,
+        specificationName: '',
+        productModel: '',
+        placesteelId: null,
+        placesteelName: '',
+        workmanship: '',
+        workmanshipId: null,
+        packingMethodId: null,
+        packingMethodName: '',
+        variety: '',
+        unitCode: 'T',
+        unitName: '吨',
+        trademarkId: null,
+        trademarkName: '',
+        strengthGrade: '',
+        purpose: '',
+        materialType: '1',
+        foreignTradeFlag: '1',
+        poUnitCode: 'T',
+        poUnitName: '吨',
     },
     {
-        id: '010203',
-        name: '角钢',
-        aboutField: {
-            // 品名
-            brand: {
-                isRequired: 1,
-                addonBefore: null,
-                addonAfter: null,
-                unit: null,
-                connector: ' ', // 连接符
-            },
-            // 材质
-            texture: {
-                isRequired: 1,
-                addonBefore: null,
-                addonAfter: null,
-                unit: null,
-                connector: null, // 连接符
-            },
-            // 规格,一个产品层次可能对应多个规格
-            specifications: [
-                {
-                    title: '边宽度1',
-                    isRequired: 1,
-                    addonBefore: null,
-                    addonAfter: null,
-                    unit: null,
-                    connector: '*',
-                    valueType: 'select',
-                    source: '/api/test/111',
-                },
-                {
-                    title: '边宽度2',
-                    isRequired: 1,
-                    addonBefore: null,
-                    addonAfter: null,
-                    unit: null,
-                    connector: '*', // 连接符
-                },
-                {
-                    title: '边厚度',
-                    isRequired: 1,
-                    addonBefore: null,
-                    addonAfter: null,
-                    unit: 'mm',
-                    connector: ' ', // 连接符
-                },
-                {
-                    title: '长度',
-                    isRequired: 1,
-                    addonBefore: null,
-                    addonAfter: null,
-                    unit: 'm',
-                    connector: '', // 连接符
-                },
-            ],
-            // 产地
-            placesteel: {
-                isRequired: 1,
-                addonBefore: null,
-                addonAfter: null,
-                unit: null,
-                connector: ' ', // 连接符
-            },
-            // 型号
-            model: null,
-        },
+        id: 3,
+        createUser: null,
+        createDept: null,
+        createTime: '2022-03-16 16:00:39',
+        updateUser: null,
+        updateTime: '2022-03-16 16:00:43',
+        status: 50,
+        isDeleted: 0,
+        xid: null,
+        materialCode: '010301060000000003',
+        materialDesc: '方钢品名1 HRB300E',
+        productLevelId: 5,
+        productLevelCode: '010208',
+        productLevelName: '方钢',
+        brandId: 3,
+        brandName: '方钢品名1',
+        textureId: 4,
+        textureName: 'HRB300E',
+        specificationId: null,
+        specificationName: '',
+        productModel: '',
+        placesteelId: null,
+        placesteelName: '',
+        workmanship: '',
+        workmanshipId: null,
+        packingMethodId: null,
+        packingMethodName: '',
+        variety: '',
+        unitCode: 'T',
+        unitName: '吨',
+        trademarkId: null,
+        trademarkName: '',
+        strengthGrade: '',
+        purpose: '',
+        materialType: '1',
+        foreignTradeFlag: '1',
+        poUnitCode: 'T',
+        poUnitName: '吨',
     },
 ];
+/**
+ * 详情拿到的数据，一般是这个样子的
+ * {
+ *    cpcc: '1',
+ *    pm: 'pm1',
+ *    cz: 'cz1',
+ *    gg: 'gg1',
+ *    cd: 'cd1',
+ * }
+ */
 var TableDemo = function () {
     var _a = useGetTableRecords(), records = _a.records, setRecords = _a.setRecords;
     var _b = useGetSelectList(), list = _b.list, loading = _b.loading, setLoading = _b.setLoading;
@@ -305,12 +445,11 @@ var TableDemo = function () {
             render: function (_text, _record, index) { return "" + (index + 1); },
         },
         {
-            title: '产品层次',
+            title: '物料信息列表',
             width: 100,
-            dataIndex: 'key2',
-            key: 'key2',
+            dataIndex: 'materialId',
+            key: 'materialId',
             shouldCellUpdate: function (record, preRecord) {
-                console.log('key2render');
                 if (lengthChange) {
                     setLengthChange(false);
                     return true;
@@ -319,22 +458,19 @@ var TableDemo = function () {
                     setMoveChange(false);
                     return true;
                 }
-                return record.key2 !== preRecord.key2;
+                return record.materialId !== preRecord.materialId;
             },
             render: function (text, record, index) {
-                return (React.createElement(EnhanceSelect, { value: text, list: list1, dataKey: "id", titleKey: "name", onChange: function (value, option, fullData) {
-                        var newRecord = {
-                            key2: value,
-                            key2Name: fullData === null || fullData === void 0 ? void 0 : fullData.name,
-                            aboutField: fullData === null || fullData === void 0 ? void 0 : fullData.aboutField,
-                        };
+                return (React.createElement(EnhanceSelect, { value: text, list: list1, dataKey: "id", titleKey: "materialDesc", dropdownMatchSelectWidth: 130, onChange: function (value, option, fullData) {
+                        var newRecord = __assign({ materialId: value, materialDesc: fullData === null || fullData === void 0 ? void 0 : fullData.materialDesc }, clearData);
+                        console.log(newRecord);
                         onEditableSaveHandle(newRecord, index);
                     } }));
             },
         },
         {
             title: '物料选择相关',
-            width: 700,
+            width: 400,
             dataIndex: 'key1',
             key: 'key1',
             shouldCellUpdate: function (record, preRecord) {
@@ -346,17 +482,15 @@ var TableDemo = function () {
                     setMoveChange(false);
                     return true;
                 }
-                return record.key1 !== preRecord.key1 || record.key2 !== preRecord.key2;
+                return (record.key1 !== preRecord.key1 ||
+                    record.materialId !== preRecord.materialId);
             },
             render: function (text, record, index) {
-                var aboutField;
-                try {
-                    aboutField = JSON.stringify(record === null || record === void 0 ? void 0 : record.aboutField);
-                }
-                catch (err) {
-                    console.log(err);
-                }
-                return React.createElement(TestCom, { aboutField: aboutField, controleType: "hide" });
+                return (React.createElement(TestCom, { value: record, onlyDetail: true, materialId: record.materialId, onChange: function (value) {
+                        console.log(value);
+                        var newRecord = __assign({}, value);
+                        onEditableSaveHandle(newRecord, index);
+                    } }));
             },
         },
         {

package/dist/DemoCom/TestCom.d.ts

@@ -1,18 +1,34 @@
 import React from 'react';
 import './style.scss';
-export interface IAboutField {
-    isRequired: any;
-    addonBefore: any;
-    addonAfter: any;
-    unit: any;
-    connector: any;
-    title?: string;
-}
+/**
+ * @description 清空数据
+ */
+export declare const clearData: {
+    brand: string;
+    brandId: string;
+    texture: string;
+    textureId: string;
+    specification: string;
+    specificationId: string;
+    placesteel: string;
+    placesteelId: string;
+    productModel: string;
+    workmanship: string;
+    workmanshipId: string;
+    packingMethod: string;
+    packingMethodId: string;
+    variety: string;
+    trademark: string;
+    strengthGrade: string;
+    purpose: string;
+};
 interface IProps {
     value?: any;
     onChange?: any;
-    aboutField?: any;
+    materialRef?: any;
     controleType?: 'disabled' | 'hide';
+    materialId?: any;
+    onlyDetail?: boolean;
 }
-declare const MaterialComp: React.FC<IProps>;
-export default MaterialComp;
+declare const _default: React.NamedExoticComponent<IProps>;
+export default _default;

package/dist/DemoCom/TestCom.js

@@ -9,64 +9,192 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useMemo, useEffect, useState } from 'react';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React, { useMemo, useEffect, useState, useImperativeHandle, useCallback, memo, } from 'react';
 import Form from '../components/Form';
 import SearchContainer from '../components/business/SearchContainer';
 import Input from '../components/Input';
 import Modal from '../components/Modal';
+import { message, Row, Col } from 'index';
 import EnhanceSelect from 'components/EnhanceSelect';
 import './style.scss';
 import Button from 'components/Button';
+import { stringify } from 'qs';
 var SearchItem = SearchContainer.SearchItem, SearchLeft = SearchContainer.SearchLeft;
 /**
- * 品名：brand
- * 材质：texture
- * 规格：specifications
- * 产地：placesteel
- * 型号：model
+ * @description 获取当前物料对应的配置信息
  */
-var width = '120px';
-var initConfigInfo = {
+function getAttributeList(params) {
+    return fetch("http://192.168.0.83:8000/api/zmdms-mdm-data/newmaterialproductlevel/get-attribute-list?" + stringify(params), {
+        headers: {
+            'Zmdms-Auth': 'bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoiY2hlbnl4IiwiZW1wX25hbWUiOiLpmYjkuprpm4QiLCJlbXBfbnVtYmVyIjoiWUcyMTA3MDA4IiwiaW10X2lkIjpudWxsLCJyZWFsX25hbWUiOiLpmYjkuprpm4QiLCJjbGllbnRfdHlwZSI6IndlYiIsImRhdGFfcm9sZV9pZCI6IjEzNDU5Nzg1MDUzMDIwNTY5NjIsMTQxMjYxNDExMDY0NzM4NjExNCwxNDEyNjE1Njc3MTE5MjY2ODE3LDE0NDgxMjEwODY1MDQzMDA1NDYsMTQ1MjgyMDI5MzgwMjcxMzA5MCwxNDUzOTI1MDAxNTMxNDc4MDE3LDE0NTg3MTIwODIwODIzNTcyNTAsMTQ1ODgyNjIzODE4NTg4OTc5NCwxNDU4ODI3NzAxMDEyMzI0MzUzLDE0NTg4MjgzNjA4MDE1MDkzNzcsMTQ2MDA4OTI2MjAxMjAzMDk3NywxNDYxMTM3Nzg4NjQ1MTI2MTQ2LDE0NjgwMzUzNTE2MjUyODU2MzQsMTQ4MDgzMjc1MTgxMzE4MTQ0MiIsImNsaWVudF9pZCI6InN3b3JkIiwidXNlcl90eXBlIjoid2ViIiwicm9sZV9pZCI6IjE0MTI2MDg3NDI5NTMyODc2ODIsMTQzODMyMjU0MzI5NTkyNjI3NCwxNDQzNDc1NDc1OTcyNzM0OTc3LDE0NDY4MTk0NjM2OTM4NDQ0ODIsMTQ2MDA4NTQyNjgxNTk1MDg0OSwxNDYyNjIyOTkyMzc1MjA5OTg2LDE0NjgwMzQ0MzcxNTc5NjE3MjksMTQ3Mjg0MDY3NjgyNDAxODk0NSwxNDgwODI5MDYzNTY0NTQxOTU0LDE0ODA4MjkzMzc5MzkxMzI0MTcsMTQ4MDgyOTQ5NTIyOTcyNjcyMiIsInBvc3RfbmFtZSI6bnVsbCwic2NvcGUiOlsiYWxsIl0sImludGVydmlld19pZCI6bnVsbCwiZXhwIjoxNjQ4NDMwMjk1LCJvcmdfbmFtZSI6Iua5luWNl-S4reaLk-S_oeaBr-enkeaKgOaciemZkOWFrOWPuCIsImp0aSI6ImQwODdmNTJiLTUyMjQtNDE3MC1iZDYzLWQ3MmVkMGMxYTRiOSIsIm1lbWJlcl9pZCI6MTQxMjk1MzIwNTI2OTUxNjI5MCwiY29tcGFueV9pZCI6MTM5NzA3NDYwNTQxMjY5NjA2Niwic3lzdGVtX2lkIjpudWxsLCJkZXB0X25hbWUiOiLkuJrliqHkuIDpg6giLCJhdmF0YXIiOiIiLCJkYXRhX3JvbGVfbmFtZSI6ImFkbWluLHVzZXIsdXNlcixhZG1pbixhZG1pbix1c2VyLHVzZXIsdXNlcix1c2VyLHVzZXIsdXNlcix1c2VyLGFkbWluLGFkbWluIiwiYXV0aG9yaXRpZXMiOlsiYWRtaW4iLCJ1c2VyIiwiYWRtaW5pc3RyYXRvciJdLCJyb2xlX25hbWUiOiJ1c2VyLGFkbWluaXN0cmF0b3IsYWRtaW4sYWRtaW5pc3RyYXRvcix1c2VyLHVzZXIsYWRtaW4sdXNlcix1c2VyLGFkbWluLGFkbWluIiwicmVzdW1lX3RlbXBsYXRlIjpudWxsLCJsaWNlbnNlIjoicG93ZXJlZCBieSB6bWRtcyIsInBvc3RfaWQiOiIiLCJ1c2VyX2lkIjoiMTQxMjk1MzgwNDMzMzU1NTcxNCIsIm9yZ19pZCI6MTQ1NzUyNzc2NTkxODUxNTUzNSwibmlja19uYW1lIjoi6ZmI5Lqa6ZuEIiwiY29tcGFueV9uYW1lIjoi5rWZ5ZWG5Lit5ouT6ZuG5Zui54mp5rWB56eR5oqA5pyJ6ZmQ5YWs5Y-4IiwiZGVwdF9pZCI6IjEzOTcwODE5MzAzMjg0MjQ0NDkiLCJoYW5kbGVfaHJfbmFtZSI6bnVsbCwiYWNjb3VudCI6ImNoZW55eCIsInJlc3VtZV9pZCI6bnVsbH0.oSoQWjOM_MBeo8trmJUaCcf9a2Dq7wgpCsD6_Ss5cyc',
+        },
+        method: 'get',
+    }).then(function (response) { return response.json(); });
+}
+function request(options) {
+    return fetch("http://192.168.0.83:8000" + options.url + "?" + stringify(options.params), {
+        headers: {
+            'Zmdms-Auth': 'bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoiY2hlbnl4IiwiZW1wX25hbWUiOiLpmYjkuprpm4QiLCJlbXBfbnVtYmVyIjoiWUcyMTA3MDA4IiwiaW10X2lkIjpudWxsLCJyZWFsX25hbWUiOiLpmYjkuprpm4QiLCJjbGllbnRfdHlwZSI6IndlYiIsImRhdGFfcm9sZV9pZCI6IjEzNDU5Nzg1MDUzMDIwNTY5NjIsMTQxMjYxNDExMDY0NzM4NjExNCwxNDEyNjE1Njc3MTE5MjY2ODE3LDE0NDgxMjEwODY1MDQzMDA1NDYsMTQ1MjgyMDI5MzgwMjcxMzA5MCwxNDUzOTI1MDAxNTMxNDc4MDE3LDE0NTg3MTIwODIwODIzNTcyNTAsMTQ1ODgyNjIzODE4NTg4OTc5NCwxNDU4ODI3NzAxMDEyMzI0MzUzLDE0NTg4MjgzNjA4MDE1MDkzNzcsMTQ2MDA4OTI2MjAxMjAzMDk3NywxNDYxMTM3Nzg4NjQ1MTI2MTQ2LDE0NjgwMzUzNTE2MjUyODU2MzQsMTQ4MDgzMjc1MTgxMzE4MTQ0MiIsImNsaWVudF9pZCI6InN3b3JkIiwidXNlcl90eXBlIjoid2ViIiwicm9sZV9pZCI6IjE0MTI2MDg3NDI5NTMyODc2ODIsMTQzODMyMjU0MzI5NTkyNjI3NCwxNDQzNDc1NDc1OTcyNzM0OTc3LDE0NDY4MTk0NjM2OTM4NDQ0ODIsMTQ2MDA4NTQyNjgxNTk1MDg0OSwxNDYyNjIyOTkyMzc1MjA5OTg2LDE0NjgwMzQ0MzcxNTc5NjE3MjksMTQ3Mjg0MDY3NjgyNDAxODk0NSwxNDgwODI5MDYzNTY0NTQxOTU0LDE0ODA4MjkzMzc5MzkxMzI0MTcsMTQ4MDgyOTQ5NTIyOTcyNjcyMiIsInBvc3RfbmFtZSI6bnVsbCwic2NvcGUiOlsiYWxsIl0sImludGVydmlld19pZCI6bnVsbCwiZXhwIjoxNjQ4NDMwMjk1LCJvcmdfbmFtZSI6Iua5luWNl-S4reaLk-S_oeaBr-enkeaKgOaciemZkOWFrOWPuCIsImp0aSI6ImQwODdmNTJiLTUyMjQtNDE3MC1iZDYzLWQ3MmVkMGMxYTRiOSIsIm1lbWJlcl9pZCI6MTQxMjk1MzIwNTI2OTUxNjI5MCwiY29tcGFueV9pZCI6MTM5NzA3NDYwNTQxMjY5NjA2Niwic3lzdGVtX2lkIjpudWxsLCJkZXB0X25hbWUiOiLkuJrliqHkuIDpg6giLCJhdmF0YXIiOiIiLCJkYXRhX3JvbGVfbmFtZSI6ImFkbWluLHVzZXIsdXNlcixhZG1pbixhZG1pbix1c2VyLHVzZXIsdXNlcix1c2VyLHVzZXIsdXNlcix1c2VyLGFkbWluLGFkbWluIiwiYXV0aG9yaXRpZXMiOlsiYWRtaW4iLCJ1c2VyIiwiYWRtaW5pc3RyYXRvciJdLCJyb2xlX25hbWUiOiJ1c2VyLGFkbWluaXN0cmF0b3IsYWRtaW4sYWRtaW5pc3RyYXRvcix1c2VyLHVzZXIsYWRtaW4sdXNlcix1c2VyLGFkbWluLGFkbWluIiwicmVzdW1lX3RlbXBsYXRlIjpudWxsLCJsaWNlbnNlIjoicG93ZXJlZCBieSB6bWRtcyIsInBvc3RfaWQiOiIiLCJ1c2VyX2lkIjoiMTQxMjk1MzgwNDMzMzU1NTcxNCIsIm9yZ19pZCI6MTQ1NzUyNzc2NTkxODUxNTUzNSwibmlja19uYW1lIjoi6ZmI5Lqa6ZuEIiwiY29tcGFueV9uYW1lIjoi5rWZ5ZWG5Lit5ouT6ZuG5Zui54mp5rWB56eR5oqA5pyJ6ZmQ5YWs5Y-4IiwiZGVwdF9pZCI6IjEzOTcwODE5MzAzMjg0MjQ0NDkiLCJoYW5kbGVfaHJfbmFtZSI6bnVsbCwiYWNjb3VudCI6ImNoZW55eCIsInJlc3VtZV9pZCI6bnVsbH0.oSoQWjOM_MBeo8trmJUaCcf9a2Dq7wgpCsD6_Ss5cyc',
+        },
+        method: options.method,
+    }).then(function (response) {
+        return response.json();
+    });
+}
+/**
+ * @description 清空数据
+ */
+export var clearData = {
+    brand: '',
+    brandId: '',
+    texture: '',
+    textureId: '',
+    specification: '',
+    specificationId: '',
+    placesteel: '',
+    placesteelId: '',
+    productModel: '',
+    workmanship: '',
+    workmanshipId: '',
+    packingMethod: '',
+    packingMethodId: '',
+    variety: '',
+    trademark: '',
+    strengthGrade: '',
+    purpose: '',
+};
+/**
+ * 品名：brand /zmdms-mdm-data/material-meta-info/brand-list
+ * 材质：texture /zmdms-mdm-data/material-meta-info/texture-list
+ * 规格：specification /zmdms-mdm-data/material-meta-info/specification-list
+ * 产地：placesteel /zmdms-mdm-data/material-meta-info/placesteel-list
+ * 型号：productModel 输入框
+ * 工艺：workmanship /zmdms-mdm-data/material-meta-info/workmanship-list
+ * 包装方式：packingMethod /zmdms-mdm-data/material-meta-info/packingMethod-list
+ * 品牌：variety 输入框
+ * 牌号：trademark 输入框
+ * 强度等级：strength_grade 输入框
+ * 用途：purpose 输入框
+ */
+var width = '140px';
+var initConfigInfo = {};
+var listDataAbout = {
     brand: {
-        isChangeable: 0,
-        isDisplay: 1,
+        url: "/api/zmdms-mdm-data/material-meta-info/brand-list",
     },
     texture: {
-        isChangeable: 0,
-        isDisplay: 1,
+        url: "/api/zmdms-mdm-data/material-meta-info/texture-list",
     },
-    specifications: {
-        isChangeable: 0,
-        isDisplay: 1,
+    specification: {
+        url: "/api/zmdms-mdm-data/material-meta-info/specification-list",
     },
     placesteel: {
-        isChangeable: 0,
-        isDisplay: 1,
-    },
-    model: {
-        isChangeable: 0,
-        isDisplay: 1,
-    },
-};
-var list = [
-    {
-        id: '1',
-        name: '&11kg*8',
+        url: "/api/zmdms-mdm-data/material-meta-info/placesteel-list",
     },
-    {
-        id: '2',
-        name: '33m*44mm',
+    workmanship: {
+        url: "/api/zmdms-mdm-data/material-meta-info/workmanship-list",
     },
-    {
-        id: '3',
-        name: '@17$22*22 22&',
+    packingMethod: {
+        url: "/api/zmdms-mdm-data/material-meta-info/packingMethod-list",
     },
-];
+};
 var MaterialComp = function (_a) {
-    var value = _a.value, onChange = _a.onChange, aboutField = _a.aboutField, controleType = _a.controleType;
+    var value = _a.value, onChange = _a.onChange, _b = _a.controleType, controleType = _b === void 0 ? 'hide' : _b, materialRef = _a.materialRef, materialId = _a.materialId, onlyDetail = _a.onlyDetail;
     var form = Form.useForm()[0];
-    var _b = useState(initConfigInfo), configInfo = _b[0], setConfigInfo = _b[1];
+    var _c = useState(initConfigInfo), configInfo = _c[0], setConfigInfo = _c[1];
+    var _d = useState({}), aboutFieldObj = _d[0], setAboutFieldObj = _d[1];
+    var _e = useState(), allValue = _e[0], setAllValue = _e[1];
     console.log('test render');
+    var newParams = useMemo(function () { return ({
+        materialId: materialId,
+    }); }, [materialId]);
+    /**
+     * 受控组件相关控制
+     */
+    useEffect(function () {
+        if (!onlyDetail) {
+            form.setFieldsValue(value);
+        }
+    }, [value, form, onlyDetail]);
+    useEffect(function () {
+        if (!onlyDetail && allValue) {
+            onChange && onChange(allValue);
+        }
+    }, [allValue, onChange, onlyDetail]);
+    /**
+     * @description 提供给外部调用的一些方法
+     */
+    useImperativeHandle(materialRef, function () { return ({
+        validate: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, form.validateFields()];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        }); }); },
+        getData: function () { },
+    }); });
+    /**
+     * @description 获取当前物料相关的配置信息
+     */
+    useEffect(function () {
+        if (onlyDetail) {
+            return;
+        }
+        if (materialId) {
+            getAttributeList({ materialId: materialId })
+                .then(function (res) {
+                if (res.code === 200) {
+                    // 数据转换
+                    setAboutFieldObj((res === null || res === void 0 ? void 0 : res.data) || {});
+                }
+            })
+                .catch(function (err) {
+                message.error("\u6839\u636E\u7269\u6599\u53D6\u914D\u7F6E\u4FE1\u606F\u5931\u8D25\uFF0C\u8BF7\u5207\u6362\u91CD\u8BD5!");
+            });
+        }
+        else {
+            setAboutFieldObj({});
+        }
+    }, [materialId, onlyDetail]);
+    /**
+     * @description 看给组件配置的是隐藏下拉框 还是禁用下拉框 对应不同的控制器
+     */
     var controlConfigInfo = useMemo(function () {
         return controleType === 'hide'
             ? {
@@ -78,36 +206,23 @@ var MaterialComp = function (_a) {
                 isChangeable: 0,
             };
     }, [controleType]);
-    var aboutFieldObj = useMemo(function () {
-        if (!aboutField) {
-            return {};
-        }
-        var _aboutFieldObj;
-        try {
-            _aboutFieldObj = JSON.parse(aboutField);
-            return _aboutFieldObj;
-        }
-        catch (err) {
-            console.log(err);
-            return {};
-        }
-    }, [aboutField]);
     /**
      * 根据外部参数变更内部内容
      */
     useEffect(function () {
+        if (onlyDetail) {
+            return;
+        }
         var _configInfo = {};
         Object.keys(aboutFieldObj).forEach(function (key) {
             var _a;
-            if (key === 'specifications') {
+            if (key === 'specification') {
                 // 规格需要做不同的处理
                 if (!aboutFieldObj[key]) {
                     _configInfo[key] = __assign({}, controlConfigInfo);
                 }
                 else {
-                    var isRequired = (_a = aboutFieldObj[key]) === null || _a === void 0 ? void 0 : _a.some(function (item) {
-                        return item.isRequired ? true : false;
-                    });
+                    var isRequired = (_a = aboutFieldObj[key]) === null || _a === void 0 ? void 0 : _a.isRequired;
                     _configInfo[key] = {
                         isDisplay: 1,
                         isChangeable: 1,
@@ -135,29 +250,94 @@ var MaterialComp = function (_a) {
         else {
             setConfigInfo(initConfigInfo);
         }
-    }, [controlConfigInfo, aboutFieldObj]);
-    return (React.createElement(Form, { name: "test-list", form: form, className: "table-form" },
+    }, [controlConfigInfo, aboutFieldObj, onlyDetail]);
+    /**
+     * @description 下拉框改变触发事件
+     */
+    var onSpecificationHandle = useCallback(function (value, option, fullData) {
+        setAllValue(function (preAllValue) { return (__assign(__assign({}, preAllValue), { specificationId: value, specification: fullData === null || fullData === void 0 ? void 0 : fullData.specificationName })); });
+    }, []);
+    var onAboutChangeHandle = useCallback(function (value, option, fullData, key) {
+        setAllValue(function (preAllValue) {
+            var _a;
+            return (__assign(__assign({}, preAllValue), (_a = {}, _a[key + "Id"] = value, _a[key] = fullData[key + "Name"], _a)));
+        });
+    }, []);
+    var onInputChangeHandle = useCallback(function (e, key) {
+        setAllValue(function (preAllValue) {
+            var _a;
+            return (__assign(__assign({}, preAllValue), (_a = {}, _a[key] = e.target.value, _a)));
+        });
+    }, []);
+    return onlyDetail ? (React.createElement(Row, null,
+        (value === null || value === void 0 ? void 0 : value.brand) ? React.createElement(Col, { span: 8 },
+            "\u54C1\u540D\uFF1A",
+            (value === null || value === void 0 ? void 0 : value.brand) || '') : '',
+        (value === null || value === void 0 ? void 0 : value.texture) ? React.createElement(Col, { span: 8 },
+            "\u6750\u8D28\uFF1A",
+            (value === null || value === void 0 ? void 0 : value.texture) || '') : '',
+        (value === null || value === void 0 ? void 0 : value.specification) ? (React.createElement(Col, { span: 8 },
+            "\u89C4\u683C\uFF1A",
+            (value === null || value === void 0 ? void 0 : value.specification) || '')) : (''),
+        (value === null || value === void 0 ? void 0 : value.placesteel) ? (React.createElement(Col, { span: 8 },
+            "\u4EA7\u5730\uFF1A",
+            (value === null || value === void 0 ? void 0 : value.placesteel) || '')) : (''),
+        (value === null || value === void 0 ? void 0 : value.productModel) ? (React.createElement(Col, { span: 8 },
+            "\u578B\u53F7\uFF1A",
+            (value === null || value === void 0 ? void 0 : value.productModel) || '')) : (''),
+        (value === null || value === void 0 ? void 0 : value.workmanship) ? (React.createElement(Col, { span: 8 },
+            "\u5DE5\u827A\uFF1A",
+            (value === null || value === void 0 ? void 0 : value.workmanship) || '')) : (''),
+        (value === null || value === void 0 ? void 0 : value.packingMethod) ? (React.createElement(Col, { span: 8 },
+            "\u5305\u88C5\u65B9\u5F0F\uFF1A",
+            (value === null || value === void 0 ? void 0 : value.packingMethod) || '')) : (''),
+        (value === null || value === void 0 ? void 0 : value.variety) ? React.createElement(Col, { span: 8 },
+            "\u54C1\u724C\uFF1A",
+            (value === null || value === void 0 ? void 0 : value.variety) || '') : '',
+        (value === null || value === void 0 ? void 0 : value.trademark) ? (React.createElement(Col, { span: 8 },
+            "\u724C\u53F7\uFF1A",
+            (value === null || value === void 0 ? void 0 : value.trademark) || '')) : (''),
+        (value === null || value === void 0 ? void 0 : value.strengthGrade) ? (React.createElement(Col, { span: 8 },
+            "\u5F3A\u5EA6\u7B49\u7EA7\uFF1A",
+            (value === null || value === void 0 ? void 0 : value.strengthGrade) || '')) : (''),
+        (value === null || value === void 0 ? void 0 : value.purpose) ? React.createElement(Col, { span: 8 },
+            "\u7528\u9014\uFF1A",
+            (value === null || value === void 0 ? void 0 : value.purpose) || '') : '')) : (React.createElement(Form, { name: "test-list", form: form, className: "table-form" },
         React.createElement(SearchContainer, null,
-            React.createElement(SearchLeft, { configInfo: configInfo },
-                React.createElement(SearchItem, { style: { width: width }, label: "\u54C1\u540D", name: "brand" },
-                    React.createElement(Input, null)),
-                React.createElement(SearchItem, { style: { width: width }, label: "\u6750\u8D28", name: "texture" },
-                    React.createElement(Input, null)),
-                React.createElement(SearchItem, { style: { width: '162px' }, label: "\u89C4\u683C", name: "specifications" },
-                    React.createElement(SpecificationsComp, { config: aboutFieldObj === null || aboutFieldObj === void 0 ? void 0 : aboutFieldObj.specifications })),
-                React.createElement(SearchItem, { style: { width: width }, label: "\u4EA7\u5730", name: "placesteel" },
-                    React.createElement(Input, null)),
-                React.createElement(SearchItem, { style: { width: width }, label: "\u578B\u53F7", name: "model" },
-                    React.createElement(Input, null))))));
+            React.createElement(SearchLeft, { configInfo: configInfo }, Object.keys(aboutFieldObj).map(function (key) {
+                var _a = aboutFieldObj[key] || {}, fieldName = _a.fieldName, children = _a.children;
+                if (key === 'specification') {
+                    return (React.createElement(SearchItem, { style: { width: '202px' }, label: fieldName, name: key + "Id", configname: key, key: key },
+                        React.createElement(SpecificationsComp, { config: children, objKey: key, materialId: materialId, onChange: onSpecificationHandle })));
+                }
+                else {
+                    return (React.createElement(SearchItem, { style: { width: width }, label: fieldName, name: listDataAbout[key] ? key + "Id" : key, key: key, configname: key }, listDataAbout[key] ? (React.createElement(EnhanceSelect, { params: newParams, mustHasParams: "materialId", url: listDataAbout[key].url, dataKey: "id", titleKey: key + "Name", method: "GET", request: request, isCatch: true, dropdownMatchSelectWidth: 130, onChange: function (value, option, fullData) {
+                            onAboutChangeHandle(value, option, fullData, key);
+                        } })) : (React.createElement(Input, { onChange: function (e) { return onInputChangeHandle(e, key); } }))));
+                }
+            })))));
 };
 var SpecificationsComp = function (_a) {
-    var value = _a.value, onChange = _a.onChange, config = _a.config, disabled = _a.disabled;
+    var value = _a.value, onChange = _a.onChange, config = _a.config, disabled = _a.disabled, objKey = _a.objKey, materialId = _a.materialId;
+    var form = Form.useForm()[0];
     var _b = useState(false), visible = _b[0], setVisible = _b[1];
+    var _c = useState({}), formValue = _c[0], setFormValue = _c[1];
+    var _d = useState([]), defaultList = _d[0], setDefaultList = _d[1]; // 新添加的规格
+    var newParams = useMemo(function () { return ({
+        materialId: materialId,
+    }); }, [materialId]);
+    var resultStr = useMemo(function () {
+        return Array.isArray(config) &&
+            config.map(function (item) {
+                var _a, _b, _c, _d, _e;
+                return "" + ((_a = item === null || item === void 0 ? void 0 : item.prefix) !== null && _a !== void 0 ? _a : '') + ((_b = formValue[item === null || item === void 0 ? void 0 : item.fieldName]) !== null && _b !== void 0 ? _b : '') + ((_c = item === null || item === void 0 ? void 0 : item.postfix) !== null && _c !== void 0 ? _c : '') + ((_d = item === null || item === void 0 ? void 0 : item.unit) !== null && _d !== void 0 ? _d : '') + ((_e = item === null || item === void 0 ? void 0 : item.connectorChar) !== null && _e !== void 0 ? _e : '');
+            });
+    }, [config, formValue]);
     /**
      * @description 模态框设置
      */
     var dataConfig = function () {
-        console.log(config);
+        console.log('当前产品层次对应的规格配置', config);
     };
     /**
      * @description 模态框关闭隐藏
@@ -168,11 +348,64 @@ var SpecificationsComp = function (_a) {
     };
     var closeModal = function () {
         setVisible(false);
+        setFormValue({});
+        form.resetFields();
+    };
+    /**
+     * @description 添加规格
+     */
+    var onSureHandle = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var id, item, err_1, errorFields;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, form.validateFields()];
+                case 1:
+                    _a.sent();
+                    if (resultStr) {
+                        id = Date.now();
+                        item = { specificationName: resultStr === null || resultStr === void 0 ? void 0 : resultStr.join(''), id: id };
+                        setDefaultList([item]);
+                        onChange && onChange(id, item, item);
+                        closeModal();
+                    }
+                    else {
+                        message.info('请填写相关信息!');
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_1 = _a.sent();
+                    errorFields = err_1.errorFields;
+                    if (errorFields) {
+                        message.error(errorFields[0].errors + '');
+                    }
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var onValuesChangeHandle = function (changedValues, allValues) {
+        setFormValue(allValues);
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(EnhanceSelect, { defaultList: list, disabled: disabled, value: value, onChange: onChange, dropdownMatchSelectWidth: 130 }),
+        React.createElement(EnhanceSelect, { url: listDataAbout[objKey].url, params: newParams, defaultList: defaultList, dataKey: "id", titleKey: "specificationName", mustHasParams: "materialId", disabled: disabled, value: value, onChange: onChange, dropdownMatchSelectWidth: 130, isCatch: true, method: "GET", request: request }),
         React.createElement(Button, { type: "primary", size: "small", disabled: disabled, onClick: openModal }, "\u65B0\u5EFA"),
-        React.createElement(Modal, { visible: visible, loading: false, onCancel: closeModal, maskClosable: false, title: "\u9009\u62E9\u89C4\u683C", width: "60%" },
-            React.createElement("div", null, "\u9009\u62E9\u89C4\u683C"))));
+        React.createElement(Modal, { visible: visible, loading: false, onCancel: closeModal, maskClosable: false, title: "\u9009\u62E9\u89C4\u683C", width: "60%", footer: React.createElement(React.Fragment, null,
+                React.createElement(Button, { type: "default", onClick: closeModal }, "\u53D6\u6D88"),
+                React.createElement(Button, { type: "primary", onClick: onSureHandle }, "\u6DFB\u52A0")) },
+            React.createElement(Form, { form: form, name: "specifications-form", onValuesChange: onValuesChangeHandle },
+                React.createElement(SearchContainer, null,
+                    React.createElement(SearchLeft, null, Array.isArray(config) &&
+                        config.map(function (item, index) { return (React.createElement(React.Fragment, { key: index },
+                            React.createElement(SearchItem, { label: item.fieldName, name: item.fieldName, rules: [
+                                    {
+                                        required: item.isRequired === '1',
+                                        message: item.fieldName + "\u672A\u586B!",
+                                    },
+                                ] },
+                                React.createElement(Input, { prefix: item.prefix, suffix: item.postfix && item.unit ? (React.createElement("span", null, item.postfix + " " + item.unit)) : item.postfix ? (item.postfix) : (item.unit) })),
+                            item.connectorChar && (React.createElement("span", { className: "connectorChar-label" }, item.connectorChar)))); })))),
+            React.createElement("div", null, resultStr))));
 };
-export default MaterialComp;
+export default memo(MaterialComp);

package/dist/components/EnhanceSelect/index.js

@@ -98,17 +98,17 @@ function EnhanceSelect(_a) {
     var getDataHandle = useCallback(function (request, options, appointObj) {
         var _a;
         if (mustHasParams) {
-            var _params_1;
+            var _params_1 = options.params || {};
             if (typeof options.params === 'string') {
                 try {
-                    _params_1 = JSON.parse(options.params);
+                    _params_1 = JSON.parse(options.params) || {};
                 }
                 catch (err) {
                     console.log(err);
                 }
             }
             if (((_a = options === null || options === void 0 ? void 0 : options.method) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === 'POST') {
-                _params_1 = options.params;
+                _params_1 = options.params || {};
             }
             // 如果必传参数不存在
             if (typeof mustHasParams === 'string' &&
@@ -252,7 +252,7 @@ function EnhanceSelect(_a) {
                     ? enhanceSelectCatchObj[url]
                     : {};
                 var catchData = enhanceSelectCatchObj[url];
-                var catchDataKey = params ? params : 'single';
+                var catchDataKey = params ? JSON.stringify(params) : 'single';
                 if (catchData[catchDataKey]) {
                     // 读取缓存数据
                     setSelectList(catchData[catchDataKey]);

package/dist/components/business/Container/container.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export interface IContainer {
     loading?: boolean;
     className?: string;
+    containerRef?: any;
 }
 declare const Container: React.FC<IContainer>;
 export default Container;

package/dist/components/business/Container/container.js

@@ -20,15 +20,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from 'react';
+import React from 'react';
 import { Spin } from 'antd';
 import classNames from 'classnames';
-var Container = forwardRef(function (_a, ref) {
-    var loading = _a.loading, children = _a.children, className = _a.className, restProps = __rest(_a, ["loading", "children", "className"]);
+var Container = function (_a) {
+    var loading = _a.loading, children = _a.children, className = _a.className, containerRef = _a.containerRef, restProps = __rest(_a, ["loading", "children", "className", "containerRef"]);
     var classes = classNames('zt-container', className);
-    return (React.createElement("div", __assign({ className: classes }, restProps, { ref: ref }),
+    return (React.createElement("div", __assign({ className: classes }, restProps, { ref: containerRef }),
         loading && (React.createElement("div", { className: "zt-container__loading" },
             React.createElement(Spin, { size: "large", spinning: loading }))),
         children));
-});
+};
 export default Container;

package/dist/components/business/Footer/index.d.ts

@@ -24,6 +24,7 @@ export interface IFooterDom extends Partial<IPagination & IBtn & IDropdown> {
 interface IProps {
     footerDom?: IFooterDom[] | null;
     style?: React.CSSProperties;
+    className?: string;
 }
 declare const _default: React.NamedExoticComponent<IProps>;
 export default _default;

package/dist/components/business/Footer/index.js

@@ -3,8 +3,8 @@ import { Pagination, Button, Layout, Dropdown } from '../../../index';
 var pageSizeOptions = ['10', '20', '30', '100'];
 var ZtFooter = Layout.Footer;
 var Footer = function (_a) {
-    var footerDom = _a.footerDom, style = _a.style;
-    return (React.createElement(ZtFooter, { className: "footer", style: style }, footerDom ? (React.createElement("div", { className: "footer__btn-group" }, footerDom.map(function (item, index) {
+    var footerDom = _a.footerDom, style = _a.style, className = _a.className;
+    return (React.createElement(ZtFooter, { className: className ? "footer " + className : 'footer', style: style }, footerDom ? (React.createElement("div", { className: "footer__btn-group" }, footerDom.map(function (item, index) {
         if (item.DOMType === 'button') {
             var type = item.type, loading = item.loading, disabled = item.disabled, onClick = item.onClick;
             return (React.createElement(Button, { key: index, type: type, loading: loading, disabled: disabled, onClick: onClick }, item.text));

package/dist/index.d.ts

@@ -36,6 +36,6 @@ export { default as GridList } from './components/business/GridList';
 export { default as Timeline } from './components/Timeline';
 export { default as Tag } from './components/Tag';
 export { UserInfo, UserPassword } from './components/business/Common';
-export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Empty, Tooltip, Descriptions, Image, Popover, Breadcrumb, Transfer, } from 'antd';
+export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Empty, Tooltip, Descriptions, Image, Popover, Breadcrumb, Transfer, Row, Col, } from 'antd';
 export { default as zhCN } from 'antd/lib/locale/zh_CN';
 export { default as Icon, createFromIconfontCN } from '@ant-design/icons';

package/dist/index.js

@@ -115,6 +115,6 @@ export { default as GridList } from './components/business/GridList';
 export { default as Timeline } from './components/Timeline';
 export { default as Tag } from './components/Tag';
 export { UserInfo, UserPassword } from './components/business/Common';
-export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Empty, Tooltip, Descriptions, Image, Popover, Breadcrumb, Transfer, } from 'antd';
+export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Empty, Tooltip, Descriptions, Image, Popover, Breadcrumb, Transfer, Row, Col, } from 'antd';
 export { default as zhCN } from 'antd/lib/locale/zh_CN';
 export { default as Icon, createFromIconfontCN } from '@ant-design/icons';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ztxkui",
-  "version": "2.4.5",
+  "version": "2.4.8",
   "private": false,
   "description": "React components library",
   "author": "zt-front-end",