@bit-sun/business-component 2.2.13 → 2.2.15

package/src/components/Business/JsonQueryTable/components/FieldsSettingsTable.tsx

@@ -1,202 +1,202 @@
-import React, { useRef, useState } from 'react';
-import  BsSulaQueryTable  from './../../BsSulaQueryTable';
-import FieldsModifyModal from './FieldsModifyModal';
-import { inputType, choiceType, valueType } from "./../static"
-import _ from 'lodash';
-
-// @ts-nocheck
-export default (props:any)=>{
-  const { 
-    businessType, 
-    fieldGroup='', 
-    codeProps='', 
-    moduleType, 
-    moduleRelationId, 
-  } = props;
-  
-  const ref = useRef(null);
-  const [fieldsModify, setFieldsModify] = useState({
-    visible: false,
-    inputType,
-    choiceType,
-    valueType,
-    title: '',
-    lineDetail:{},
-    mode: 'create',
-    record: {},
-    onParentOk: () => {
-      // @ts-ignore
-      ref?.current?.tableRef?.current?.refreshTable();
-      fieldsModify.onCancel();
-    },
-    onCancel: () =>
-      setFieldsModify({
-        ...fieldsModify,
-        visible: false,
-      }),
-  });
-  const searchableFlag = codeProps?.columns?true:false; //列表只查询 查询项为是得自定义字段
-  
-  const renderTrueOrFalse = [
-    {
-      type: 'text',
-      props: {
-        children: '#{text ? "是" : "否" }',
-      },
-    },
-  ];
-
-  const tableConfig = {
-    needPageHeader: false,
-    noConditionOpts: true,
-    remoteDataSource: {
-      url: `/basic/flow/businessField?sorter=asc-priority&qp-businessType-eq=${businessType}&qp-fieldGroup-eq=${fieldGroup}`+(searchableFlag?`&qp-searchableFlag-eq=true`:''),
-      convertParams: 'bs-tableConvertParamsType',
-      converter: 'bs-tableConvertType',
-    },
-    actionsRender: [
-      {
-        type: 'button',
-        props: {
-          children: '新增',
-          type: 'primary',
-        },
-        action: () => {
-          setFieldsModify({
-            ...fieldsModify,
-            visible: true,
-            record: {
-              fieldGroup,
-              businessType,
-            },
-            lineDetail: {},
-            mode: 'create',
-            title: `新增字段`,
-          });
-        }
-      },
-    ],
-    fields: [
-      {
-        name: 'qp-name-like',
-        label: '字段名称',
-        field: 'input',
-      },
-    ],
-    columns: [
-      {
-        key: 'code',
-        title: '字段编号',
-        width: 75
-      },
-      {
-        key: 'name',
-        title: '字段名称',
-        width: 100
-      },
-      {
-        key: 'isUse',
-        title: '是否使用',
-        width: 70,
-        render: ({text}:any) => {
-          const jsonEditorVal=localStorage.getItem('jsonEditorVal')||'';
-          console.log('jsonEditorVal',jsonEditorVal);
-          return jsonEditorVal.indexOf(text) >= 0 ? '是' : "否"
-        }
-      },
-      {
-        key: 'codeSnippet',
-        title: '代码片段',
-        render: ({text,record}:any) => {
-          if (!codeProps.columns) {
-            return <div>表单：{`{"name": "extensionFields,${record.code}","label": "${record.name}"},`}</div>
-          }
-          return (
-            <>
-              <div>列表：{`{"key": "extensionFields,${record.code}","title": "${record.name}"},`}</div>
-              <div>表单：{`{"name": "extensionFields,${record.code}","label": "${record.name}"},`}</div>
-            </>
-          ) 
-        },
-      },
-      {
-        key: 'requiredFlag',
-        title: '是否必填',
-        render: renderTrueOrFalse,
-        width: 70
-      },
-      {
-        key: 'searchableFlag',
-        title: '是否查询项',
-        render: renderTrueOrFalse,
-        width: 80
-      },
-      {
-        key: 'inputType',
-        title: '显示类型',
-        render: ({ text }: any) => {
-          return inputType[text] || '- -'
-        } ,
-        width: 80
-      },
-      {
-        key: 'valueType',
-        title: '字段类型',
-        render: ({ text }: any) => valueType[text] || '- -',
-        width: 80
-      },
-      {
-        key: 'operation',
-        title: '操作',
-        render: [
-          {
-            type: 'link',
-            props: {
-              children: '编辑',
-            },
-            action: ({ record: rec }: any) => {
-              setFieldsModify({
-                ...fieldsModify,
-                visible: true,
-                mode: 'edit',
-                lineDetail: { 
-                  moduleType,
-                  moduleRelationId 
-                },
-                title: `编辑字段`,
-                record: rec,
-              });
-            },
-          },
-          {
-            type: 'link',
-            props: {
-              children: '删除',
-              danger: true,
-            },
-            action: [
-              {
-                url: `/basic/flow/businessField`,
-                method: 'DELETE',
-                data: {
-                  id: '#{record.id}',
-                },
-                successMessage: '删除成功！',
-              },
-              'refreshTable',
-            ],
-          },
-        ],
-      },
-    ],
-    size: "small",
-    tableCode: "customerFieldsTable" 
-  };
-
-  return (
-    <>
-      <BsSulaQueryTable {...tableConfig} forwardedRef={ref} />
-      {fieldsModify.visible && <FieldsModifyModal {...fieldsModify} />}
-    </>
-  )
+import React, { useRef, useState } from 'react';
+import  BsSulaQueryTable  from './../../BsSulaQueryTable';
+import FieldsModifyModal from './FieldsModifyModal';
+import { inputType, choiceType, valueType } from "./../static"
+import _ from 'lodash';
+
+// @ts-nocheck
+export default (props:any)=>{
+  const { 
+    businessType, 
+    fieldGroup='', 
+    codeProps='', 
+    moduleType, 
+    moduleRelationId, 
+  } = props;
+  
+  const ref = useRef(null);
+  const [fieldsModify, setFieldsModify] = useState({
+    visible: false,
+    inputType,
+    choiceType,
+    valueType,
+    title: '',
+    lineDetail:{},
+    mode: 'create',
+    record: {},
+    onParentOk: () => {
+      // @ts-ignore
+      ref?.current?.tableRef?.current?.refreshTable();
+      fieldsModify.onCancel();
+    },
+    onCancel: () =>
+      setFieldsModify({
+        ...fieldsModify,
+        visible: false,
+      }),
+  });
+  const searchableFlag = codeProps?.columns?true:false; //列表只查询 查询项为是得自定义字段
+  
+  const renderTrueOrFalse = [
+    {
+      type: 'text',
+      props: {
+        children: '#{text ? "是" : "否" }',
+      },
+    },
+  ];
+
+  const tableConfig = {
+    needPageHeader: false,
+    noConditionOpts: true,
+    remoteDataSource: {
+      url: `/basic/flow/businessField?sorter=asc-priority&qp-businessType-eq=${businessType}&qp-fieldGroup-eq=${fieldGroup}`+(searchableFlag?`&qp-searchableFlag-eq=true`:''),
+      convertParams: 'bs-tableConvertParamsType',
+      converter: 'bs-tableConvertType',
+    },
+    actionsRender: [
+      {
+        type: 'button',
+        props: {
+          children: '新增',
+          type: 'primary',
+        },
+        action: () => {
+          setFieldsModify({
+            ...fieldsModify,
+            visible: true,
+            record: {
+              fieldGroup,
+              businessType,
+            },
+            lineDetail: {},
+            mode: 'create',
+            title: `新增字段`,
+          });
+        }
+      },
+    ],
+    fields: [
+      {
+        name: 'qp-name-like',
+        label: '字段名称',
+        field: 'input',
+      },
+    ],
+    columns: [
+      {
+        key: 'code',
+        title: '字段编号',
+        width: 75
+      },
+      {
+        key: 'name',
+        title: '字段名称',
+        width: 100
+      },
+      {
+        key: 'isUse',
+        title: '是否使用',
+        width: 70,
+        render: ({text}:any) => {
+          const jsonEditorVal=localStorage.getItem('jsonEditorVal')||'';
+          console.log('jsonEditorVal',jsonEditorVal);
+          return jsonEditorVal.indexOf(text) >= 0 ? '是' : "否"
+        }
+      },
+      {
+        key: 'codeSnippet',
+        title: '代码片段',
+        render: ({text,record}:any) => {
+          if (!codeProps.columns) {
+            return <div>表单：{`{"name": "extensionFields,${record.code}","label": "${record.name}"},`}</div>
+          }
+          return (
+            <>
+              <div>列表：{`{"key": "extensionFields,${record.code}","title": "${record.name}"},`}</div>
+              <div>表单：{`{"name": "extensionFields,${record.code}","label": "${record.name}"},`}</div>
+            </>
+          ) 
+        },
+      },
+      {
+        key: 'requiredFlag',
+        title: '是否必填',
+        render: renderTrueOrFalse,
+        width: 70
+      },
+      {
+        key: 'searchableFlag',
+        title: '是否查询项',
+        render: renderTrueOrFalse,
+        width: 80
+      },
+      {
+        key: 'inputType',
+        title: '显示类型',
+        render: ({ text }: any) => {
+          return inputType[text] || '- -'
+        } ,
+        width: 80
+      },
+      {
+        key: 'valueType',
+        title: '字段类型',
+        render: ({ text }: any) => valueType[text] || '- -',
+        width: 80
+      },
+      {
+        key: 'operation',
+        title: '操作',
+        render: [
+          {
+            type: 'link',
+            props: {
+              children: '编辑',
+            },
+            action: ({ record: rec }: any) => {
+              setFieldsModify({
+                ...fieldsModify,
+                visible: true,
+                mode: 'edit',
+                lineDetail: { 
+                  moduleType,
+                  moduleRelationId 
+                },
+                title: `编辑字段`,
+                record: rec,
+              });
+            },
+          },
+          {
+            type: 'link',
+            props: {
+              children: '删除',
+              danger: true,
+            },
+            action: [
+              {
+                url: `/basic/flow/businessField`,
+                method: 'DELETE',
+                data: {
+                  id: '#{record.id}',
+                },
+                successMessage: '删除成功！',
+              },
+              'refreshTable',
+            ],
+          },
+        ],
+      },
+    ],
+    size: "small",
+    tableCode: "customerFieldsTable" 
+  };
+
+  return (
+    <>
+      <BsSulaQueryTable {...tableConfig} forwardedRef={ref} />
+      {fieldsModify.visible && <FieldsModifyModal {...fieldsModify} />}
+    </>
+  )
 }