@bit-sun/business-component 4.0.0-alpha.3 → 4.0.2

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

@@ -0,0 +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)}} />
+  );
+};
+```