@bit-sun/business-component 1.2.3 → 1.2.4-alpha.1

package/src/components/Functional/ExportFunctions/ExportIcon/index.md

@@ -0,0 +1,37 @@
+---
+title: 导出按钮
+order: 5
+nav:
+  title: 组件
+  order: 1
+group:
+  path: /components/functional
+  order: 0
+  title: 功能组件
+---
+
+## ExportIcon
+
+导出按钮demo
+
+```tsx
+import React, { useState, useRef } from 'react';
+import {ExportIcon}  from '../../../../index';
+
+
+
+export default () => {
+	
+	const tableRef = useRef()
+
+  return (
+    <div>
+      <ExportIcon request={{url:'abc'}} tableRef={tableRef}/>
+    </div>
+  );
+};
+```
+
+<API></API>
+
+More skills for writing demo: https://d.umijs.org/guide/demo-principle

package/src/components/Functional/ExportFunctions/ExportIcon/index.tsx

@@ -0,0 +1,59 @@
+// @ts-nocheck
+import React, {Ref} from 'react'
+import {message, Popconfirm, Tooltip} from "antd";
+import axios from 'axios'
+import exportlogo from '../../../../assets/exportlogo.png'
+import {omit} from 'lodash'
+interface exportIconType{
+	/** others选填，使用axios发请求，*/
+	request:{
+		url: string,
+		params: Function | Object,
+		others?: Object
+	},
+	/** BsSulaQueryTable的tableRef*/
+	tableRef: any,
+}
+
+const ExportIcon = ({request, tableRef}: exportIconType) => {
+	const {url, params, others} = request
+
+	return (
+		<div style={{ cursor: 'pointer' }}>
+				<Tooltip title="导出数据">
+					<img width={32} src={exportlogo} onClick={() =>{
+						const convertedParams = tableRef?.current?.getExportParams()
+						let requestData: any
+
+						if(typeof params === 'function'){
+							requestData = {...omit(params(convertedParams),'selectedRows')}
+						}else if(typeof params === 'object'){
+							requestData = {...params}
+						}
+						if(!params){
+							requestData = omit(convertedParams, 'selectedRows')
+						}
+
+						requestData['qp-id-in'] = convertedParams?.selectedRows?.map((d: any) => d.id)?.join(',')
+
+						axios({
+							url,
+							method:'POST',
+							data:requestData,
+							...others,
+						})
+							.then((result: any) => {
+								result = result.data;
+								if (result.code !== '000000') {
+									message.error(result?.msg);
+									return;
+								}
+								message.success('任务已排入导出队列')
+							})
+					}} />
+				</Tooltip>
+		</div>
+	)
+}
+
+export default ExportIcon