@bit-sun/business-component 2.3.21 → 2.3.22

package/src/components/Business/JsonQueryTable/index.md

@@ -1,328 +1,328 @@
----
-nav:
-  title: '组件'
-  order: 1
-group:
-  title: 业务组件
-  order: 1
-title: JSON处理
-order: 9
----
-
-# HomePageWrapper
-
-
-## 首页标题组件
-
-```tsx
-import JsonQueryTable from './index';
-import React, { useState } from 'react';
-
-export default () => {
-  
-  const config = {
-    rowKey: 'id',
-    columns: [
-      {
-        key: 'id',
-        title: 'id',
-        sorter: true,
-      },
-      {
-        key: 'senderName',
-        title: 'senderName',
-        filterRender: 'search',
-      }
-    ],
-    actionsRender: [
-      {
-        type: 'button',
-        props: {
-          children: 'create' ,
-          type: 'primary',
-        },
-        action: {
-          type: 'route',
-          path: '/form/card/create',
-        },
-      },
-    ],
-    fields: [
-          {
-            name: 'objType1',
-            label: '抬头',
-            field: {
-              type: 'input',
-            },
-          },
-          {
-            name: 'objCode1',
-            label: '税号',
-            field: {
-              type: 'input',
-            },
-          }],
-    remoteDataSource: {
-      url: '/api/manage/list.json',
-      method: 'post',
-    },
-  };
-
-
-  const config1 = {
-  mode: 'create',
-  actionsPosition: 'bottom',
-  itemLayout: {
-    cols: {
-      xxl: 4,
-      xl: 3,
-      lg: 2,
-      md: 2,
-      sm: 1,
-      xs: 1
-    }
-  },
-  actionsRender: [{
-    type: 'button',
-    props: {
-      children: 'Cancel'
-    }
-  }, {
-    type: 'button',
-    props: {
-      children: 'Submit',
-      type: 'primary'
-    },
-    action: [{
-      type: 'request',
-      url: '/api/manage/add.json',
-      method: 'post'
-    }, 'back']
-  }],
-  fields: [
-      {
-        container: {
-          type: 'card1',
-          props: {
-            name: 'card1'
-          }
-        },
-        itemLayout: {
-          span: 12,
-        },
-        fields: [
-          {
-            name: 'objType1',
-            label: '抬头',
-            field: {
-              type: 'input1',
-            },
-          },
-          {
-            name: 'objCode',
-            label: '税号',
-            field: {
-              type: 'input',
-            },
-          },
-          {
-            name: 'use',
-            label: '单位地址',
-            field: {
-              type: 'input',
-            },
-          },
-          {
-            name: 'detail',
-            label: '电话',
-            field: {
-              type: 'input',
-            },
-          },
-          {
-            name: 'consignee',
-            label: '开户银行',
-            field: {
-              type: 'input',
-            },
-          },
-          {
-            name: 'phone',
-            label: '银行账户',
-            field: {
-              type: 'input',
-            },
-          },
-        ],
-      },
-      {
-        container: {
-          type: 'card2',
-          props: {
-            title: '财务信息',
-            id: Math.random(),
-            level: 1,
-            name: 'card2'
-          },
-        },
-        itemLayout: {
-          span: 12,
-        },
-        fields: [
-          {
-        container: {
-          type: 'card3',
-          props: {
-            name: 'card3'
-          }
-        },
-        itemLayout: {
-          span: 12,
-        },
-        fields: [
-          {
-            name: 'objType1',
-            label: '抬头',
-            field: {
-              type: 'input3434',
-            },
-          },
-          {
-            name: 'objCode1',
-            label: '税号',
-            field: {
-              type: 'input',
-            },
-          },
-          {
-            name: 'use1',
-            label: '单位地址',
-            field: {
-              type: 'input',
-            },
-          },
-          {
-            name: 'detail1',
-            label: '电话',
-            field: {
-              type: 'input',
-            },
-          },
-          {
-            name: 'consignee1',
-            label: '开户银行',
-            field: {
-              type: 'input',
-            },
-          },
-          {
-            name: 'phone1',
-            label: '银行账户',
-            field: {
-              type: 'input',
-            },
-          },
-        ],
-      },
-          {
-            name: 'objCode2',
-            label: '税号',
-            field: {
-              type: 'input',
-            },
-          },
-          {
-            name: 'use2',
-            label: '单位地址',
-            field: {
-              type: 'input',
-            },
-          },
-          {
-            name: 'detail2',
-            label: '电话',
-            field: {
-              type: 'input',
-            },
-          },
-          {
-            name: 'consignee2',
-            label: '开户银行',
-            field: {
-              type: 'input',
-            },
-          },
-          {
-            name: 'phone2',
-            label: '银行账户',
-            field: {
-              type: 'input',
-            },
-          },
-        ],
-      },
-    ],
-  submit: {},
-  remoteValues: {
-    url: '/api/manage/detail.json',
-    method: 'post',
-    params: {
-      id: 19
-    }
-  }
-};;
-
-
-  
-
-  return (
-    <JsonQueryTable codeProps={{...config1}} initialSetting={{
-      columns: [],
-    fields: [{
-      label: "免费理由",
-      name:"F10090",
-    }]
-    }} customerFields={[{
-      label: "免费理由",
-      name:"F10090",
-      field: {
-        type: 'select'
-      },
-      initialSource: [
-        {text: '销售会谈', value: '001'},
-        {text: '销售会2', value: '002'}
-      ]
-    },{
-      label: "免费理由3",
-      name:"F100901",
-      field: {
-        type: 'select'
-      },
-      initialSource: [
-        {text: '销售会谈', value: '001'},
-        {text: '销售会2', value: '002'}
-      ]
-    },{
-      label: "免费理由1",
-      name:"F100902",
-      field: {
-        type: 'select'
-      },
-      initialSource: [
-        {text: '销售会谈', value: '001'},
-        {text: '销售会2', value: '002'}
-      ]
-    },{
-      label: "免费理由2",
-      name:"F100903",
-      field: {
-        type: 'select'
-      },
-      initialSource: [
-        {text: '销售会谈', value: '001'},
-        {text: '销售会2', value: '002'}
-      ]
-    }]} callBack={(value) => {console.log('call',value)}} />
-  );
-};
-```
+---
+nav:
+  title: '组件'
+  order: 1
+group:
+  title: 业务组件
+  order: 1
+title: JSON处理
+order: 9
+---
+
+# HomePageWrapper
+
+
+## 首页标题组件
+
+```tsx
+import JsonQueryTable from './index';
+import React, { useState } from 'react';
+
+export default () => {
+  
+  const config = {
+    rowKey: 'id',
+    columns: [
+      {
+        key: 'id',
+        title: 'id',
+        sorter: true,
+      },
+      {
+        key: 'senderName',
+        title: 'senderName',
+        filterRender: 'search',
+      }
+    ],
+    actionsRender: [
+      {
+        type: 'button',
+        props: {
+          children: 'create' ,
+          type: 'primary',
+        },
+        action: {
+          type: 'route',
+          path: '/form/card/create',
+        },
+      },
+    ],
+    fields: [
+          {
+            name: 'objType1',
+            label: '抬头',
+            field: {
+              type: 'input',
+            },
+          },
+          {
+            name: 'objCode1',
+            label: '税号',
+            field: {
+              type: 'input',
+            },
+          }],
+    remoteDataSource: {
+      url: '/api/manage/list.json',
+      method: 'post',
+    },
+  };
+
+
+  const config1 = {
+  mode: 'create',
+  actionsPosition: 'bottom',
+  itemLayout: {
+    cols: {
+      xxl: 4,
+      xl: 3,
+      lg: 2,
+      md: 2,
+      sm: 1,
+      xs: 1
+    }
+  },
+  actionsRender: [{
+    type: 'button',
+    props: {
+      children: 'Cancel'
+    }
+  }, {
+    type: 'button',
+    props: {
+      children: 'Submit',
+      type: 'primary'
+    },
+    action: [{
+      type: 'request',
+      url: '/api/manage/add.json',
+      method: 'post'
+    }, 'back']
+  }],
+  fields: [
+      {
+        container: {
+          type: 'card1',
+          props: {
+            name: 'card1'
+          }
+        },
+        itemLayout: {
+          span: 12,
+        },
+        fields: [
+          {
+            name: 'objType1',
+            label: '抬头',
+            field: {
+              type: 'input1',
+            },
+          },
+          {
+            name: 'objCode',
+            label: '税号',
+            field: {
+              type: 'input',
+            },
+          },
+          {
+            name: 'use',
+            label: '单位地址',
+            field: {
+              type: 'input',
+            },
+          },
+          {
+            name: 'detail',
+            label: '电话',
+            field: {
+              type: 'input',
+            },
+          },
+          {
+            name: 'consignee',
+            label: '开户银行',
+            field: {
+              type: 'input',
+            },
+          },
+          {
+            name: 'phone',
+            label: '银行账户',
+            field: {
+              type: 'input',
+            },
+          },
+        ],
+      },
+      {
+        container: {
+          type: 'card2',
+          props: {
+            title: '财务信息',
+            id: Math.random(),
+            level: 1,
+            name: 'card2'
+          },
+        },
+        itemLayout: {
+          span: 12,
+        },
+        fields: [
+          {
+        container: {
+          type: 'card3',
+          props: {
+            name: 'card3'
+          }
+        },
+        itemLayout: {
+          span: 12,
+        },
+        fields: [
+          {
+            name: 'objType1',
+            label: '抬头',
+            field: {
+              type: 'input3434',
+            },
+          },
+          {
+            name: 'objCode1',
+            label: '税号',
+            field: {
+              type: 'input',
+            },
+          },
+          {
+            name: 'use1',
+            label: '单位地址',
+            field: {
+              type: 'input',
+            },
+          },
+          {
+            name: 'detail1',
+            label: '电话',
+            field: {
+              type: 'input',
+            },
+          },
+          {
+            name: 'consignee1',
+            label: '开户银行',
+            field: {
+              type: 'input',
+            },
+          },
+          {
+            name: 'phone1',
+            label: '银行账户',
+            field: {
+              type: 'input',
+            },
+          },
+        ],
+      },
+          {
+            name: 'objCode2',
+            label: '税号',
+            field: {
+              type: 'input',
+            },
+          },
+          {
+            name: 'use2',
+            label: '单位地址',
+            field: {
+              type: 'input',
+            },
+          },
+          {
+            name: 'detail2',
+            label: '电话',
+            field: {
+              type: 'input',
+            },
+          },
+          {
+            name: 'consignee2',
+            label: '开户银行',
+            field: {
+              type: 'input',
+            },
+          },
+          {
+            name: 'phone2',
+            label: '银行账户',
+            field: {
+              type: 'input',
+            },
+          },
+        ],
+      },
+    ],
+  submit: {},
+  remoteValues: {
+    url: '/api/manage/detail.json',
+    method: 'post',
+    params: {
+      id: 19
+    }
+  }
+};;
+
+
+  
+
+  return (
+    <JsonQueryTable codeProps={{...config1}} initialSetting={{
+      columns: [],
+    fields: [{
+      label: "免费理由",
+      name:"F10090",
+    }]
+    }} customerFields={[{
+      label: "免费理由",
+      name:"F10090",
+      field: {
+        type: 'select'
+      },
+      initialSource: [
+        {text: '销售会谈', value: '001'},
+        {text: '销售会2', value: '002'}
+      ]
+    },{
+      label: "免费理由3",
+      name:"F100901",
+      field: {
+        type: 'select'
+      },
+      initialSource: [
+        {text: '销售会谈', value: '001'},
+        {text: '销售会2', value: '002'}
+      ]
+    },{
+      label: "免费理由1",
+      name:"F100902",
+      field: {
+        type: 'select'
+      },
+      initialSource: [
+        {text: '销售会谈', value: '001'},
+        {text: '销售会2', value: '002'}
+      ]
+    },{
+      label: "免费理由2",
+      name:"F100903",
+      field: {
+        type: 'select'
+      },
+      initialSource: [
+        {text: '销售会谈', value: '001'},
+        {text: '销售会2', value: '002'}
+      ]
+    }]} callBack={(value) => {console.log('call',value)}} />
+  );
+};
+```