@bit-sun/business-component 3.1.7 → 3.1.8

package/src/components/Business/BsSulaQueryTable/utils.tsx

@@ -1,709 +1,709 @@
-// @ts-nocheck
-import React, { useState } from 'react';
-import {
-  Tooltip,
-  Badge,
-  Image,
-  Space,
-  Menu,
-  Dropdown,
-  Input,
-  Button,
-  InputNumber,
-  Popover,
-  Card,
-  Avatar,
-} from 'antd';
-import moment from 'moment';
-import {
-  CloseSquareOutlined,
-  CopyOutlined,
-  DeleteOutlined,
-  EditOutlined,
-  EyeOutlined,
-  SendOutlined,
-  WarningOutlined,
-} from '@ant-design/icons';
-import './utils.less';
-import { request } from 'bssula';
-import { getMenuAuthDataKey } from '@/utils/LocalstorageUtils';
-import noImg from '../../../assets/list-no-img.svg';
-import qs from 'qs';
-import { shouldUseAuth } from '@/utils';
-
-export const handleStatusBadge = (text: any, color: any) => {
-  return (
-    <Badge
-      style={{
-        width: '150px',
-        display: 'inline-block',
-        textOverflow: 'ellipsis',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-      }}
-      text={text}
-      color={color}
-    ></Badge>
-  );
-};
-
-export const HandleTotalCount = (totalParams: any) => {
-  const { total = {}, totalLeft, totalRight } = totalParams;
-  return (
-    <div className="total_warp">
-      <div className="total_warp_left">
-        {totalLeft.map((d: any) => (
-          <div>
-            <span className="total_warp_num">{total[d.value] || 0}</span>
-            <span className="total_warp_title">{d.key}</span>
-          </div>
-        ))}
-      </div>
-      <div className="total_warp_right">
-        {totalRight.map((d: any) => (
-          <div>
-            <span className="total_warp_num">{total[d.value] || 0}</span>
-            <span className="total_warp_title">{d.key}</span>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-};
-
-export const updateGuanDate = (requestParams: any, dateKeyParams: any = {}) => {
-  return {
-    type: 'modalForm',
-    width: 800,
-    props: {
-      maskClosable: false,
-    },
-    title: '修改单据日期',
-    mode: 'create', // 新建/编辑/查看
-    initialValues: (ctx: any) => {
-      if (!ctx.record) return;
-      return {
-        ...ctx.record,
-        date: dateKeyParams.initDate
-          ? ctx.record[dateKeyParams.initDate]
-          : ctx.record.orderDate,
-      };
-    },
-    fields: [
-      {
-        name: dateKeyParams.outDate || `date`,
-        label: '单据日期',
-        field: {
-          type: 'datepicker',
-          props: {
-            autoSize: true,
-            placeholder: '请选择',
-            disabledDate: (currentDate: any) =>
-              currentDate.valueOf() <
-              moment().subtract(Number(moment().format('D')), 'days'),
-            style: { width: '100%' },
-          },
-        },
-        initialValue: moment().utcOffset(8),
-        rules: [{ required: true, message: '请选择单据日期' }],
-      },
-    ],
-    submitButtonProps: {
-      children: '确认',
-    },
-    backButtonProps: {
-      children: '取消',
-    },
-    submit: requestParams,
-  };
-};
-
-export const renderZeroInSummary = (value: any) =>
-  value != '0' ? value / 1000 : '- -';
-
-export const calculateValidPeriod = (start: any, end: any) => {
-  return `${moment(end).diff(start, 'days')} 天` || '- -';
-};
-
-// 带有toptile 清提示 并且会换行的
-export const handleTextDouble = (
-  textOne: string | undefined,
-  textTwo: string | undefined,
-) => {
-  return (
-    <>
-      <div style={{ marginBottom: -8 }}>{textOne}</div>
-      <div>{textTwo}</div>
-    </>
-  );
-};
-
-// 带有toptile 清提示 ...
-export const handleTextLineFeed = (
-  text: string | undefined,
-  width: number = 130,
-) => {
-  return (
-    <Tooltip title={text || '- -'}>
-      <span
-        style={{
-          width: width ? width + 'px' : '130px',
-          display: 'inline-block',
-          position: 'relative',
-          whiteSpace: 'pre-line',
-          top: '5px',
-        }}
-      >
-        {text || '- -'}
-      </span>
-    </Tooltip>
-  );
-};
-
-// 带有toptile 清提示 ...
-export const handleTextOverflow = (
-  text: string | undefined,
-  width: number = 130,
-) => {
-  return (
-    <Tooltip title={text || '- -'}>
-      <span
-        style={{
-          width: width ? width + 'px' : '130px',
-          display: 'inline-block',
-          textOverflow: 'ellipsis',
-          overflow: 'hidden',
-          whiteSpace: 'nowrap',
-          position: 'relative',
-          top: '5px',
-        }}
-      >
-        {text || '- -'}
-      </span>
-    </Tooltip>
-  );
-};
-
-// 处理时间 带时分秒
-
-export const handleTooltip = (text: any, timeTrue?: boolean) => {
-  return (
-    <Tooltip title={timeTrue ? handleCommonTimeRender(text) : text}>
-      {timeTrue ? handleCommonTimeRender(text) : text}
-    </Tooltip>
-  );
-};
-
-// 处理时间 不带时分秒
-export const handleTooltipHours = (text: any, timeTrue?: boolean) => {
-  return (
-    <Tooltip title={timeTrue ? handleCommonTimeRenderHours(text) : text}>
-      {timeTrue ? handleCommonTimeRenderHours(text) : text}
-    </Tooltip>
-  );
-};
-
-/*
-  列表展示缩略图片
-  url 图片 url
-  {
-    width: 图片宽度
-    height: 图片高度
-  }
-*/
-type tableColumnsImageType = {
-  width?: number | string;
-  height?: number | string;
-  [key: string]: any;
-};
-
-export const tableColumnsImage = (
-  url?: string,
-  paramsObj?: tableColumnsImageType,
-) => {
-  // 测试使用 测试类型缩小 随时可删除 start
-  const imgHtml = document.querySelector('.ant-image-mask-info')!;
-  if (imgHtml) {
-    let str = imgHtml?.innerHTML;
-    str = str?.replace('预览', '');
-    imgHtml.innerHTML = str;
-  }
-  // 测试使用 测试类型缩小  end
-
-  return (
-    <>
-      {url ? (
-        <div className={`clomnsImg`}>
-          <Image src={url} width="28px" height="28px" {...paramsObj}></Image>
-        </div>
-      ) : (
-        <div className={`clomnsImg2`}>
-          <img {...paramsObj} src={noImg}></img>
-        </div>
-      )}
-    </>
-  );
-};
-
-type UserColumnsType = {
-  name: string; //用户名
-  department?: string; //部门
-  position?: string; //职位
-  company?: string; //公司
-  avatar?: string; //头像
-};
-export const userColumns = (props: UserColumnsType) => {
-  const {
-    name = '',
-    department,
-    position,
-    company,
-    avatar = '',
-  }: UserColumnsType = props;
-
-  return (
-    <Popover
-      overlayClassName={'user_info_card'}
-      overlayInnerStyle={{ padding: '0px' }}
-      placement="bottom"
-      title={null}
-      content={userInfoCard(props)}
-    >
-      <div className="user_columns_warp">
-        <img
-          style={{ borderRadius: '50%' }}
-          src={
-            avatar ||
-            'https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png'
-          }
-        ></img>
-        <span>{name}</span>
-      </div>
-    </Popover>
-  );
-};
-
-export const userInfoCard = (props: any) => {
-  return (
-    <Card
-      style={{ width: 200 }}
-      cover={
-        <img
-          alt="example"
-          height={90}
-          src={
-            props.avatar ||
-            'https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png'
-          }
-        />
-      }
-    >
-      <div className={'cardContent'} style={{ padding: '0 15px' }}>
-        <div className={'user_card_header'}>
-          <Avatar
-            style={{ border: '2px solid #ffffff' }}
-            size={64}
-            src={
-              props.avatar ||
-              'https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png'
-            }
-          />
-          <div className={'card_name'}>{props.name}</div>
-          <div className={'card_company'}>{props.company || 'XXXXX'}</div>
-        </div>
-        <p className={'card_detailInfo'}>
-          部门:{' '}
-          <span className={'card_department'}>
-            {props.department || 'XXXXX'}
-          </span>
-        </p>
-        <p className={'card_detailInfo'}>职位: {props.position || 'XXXXX'}</p>
-      </div>
-    </Card>
-  );
-};
-
-export function handleCommonTimeRenderHours(text: any, format?: any) {
-  const formatType = format || 'YYYY-MM-DD';
-  return (text && moment(text).format(formatType)) || '- -';
-}
-
-export function handleCommonTimeRender(text: any, format?: any) {
-  const formatType = format || 'YYYY-MM-DD HH:mm:ss';
-  return (text && moment(text).format(formatType)) || '- -';
-}
-
-interface ColumnsEditInterfave {
-  text?: string;
-  record?: any;
-  type?: string;
-  reqName: string;
-  successMessage?: string;
-  urlPathId?: boolean;
-  disabled: boolean;
-  requestProps: {
-    url: string;
-    converter?: Function;
-    method?: string;
-  };
-  [key: string]: any;
-}
-/*
-text 当前项
-record 当前行
-table  sula table 的实例
-type  默认 input  可选 number  输入框类型
-inpProps   输入框透传 props
-requestProps {}    bssula 的 request
-reqName  修改数据传给后端的key
-urlPathId  默认 true   会在 requestProps.url 上面 拼接 /:id
-successMessage  默认提示操作成功  可传入 string
-disabled 什么时候禁用   boolean 类型
-*/
-export const ColumnsEdit = (props: ColumnsEditInterfave) => {
-  const {
-    text = '',
-    record,
-    table,
-    type = 'input',
-    inpProps = {},
-    requestProps = {
-      url: '',
-    },
-    reqName,
-    urlPathId = true,
-    successMessage = '操作成功',
-    disabled,
-  }: ColumnsEditInterfave = props;
-  const [visible, setvisible] = useState(false);
-  const [inputValue, setInputValue]: [
-    inputValue: string | number,
-    setInputValue: Function,
-  ] = useState(text);
-
-  const onSubmit = () => {
-    const url = urlPathId
-      ? requestProps.url + `/${record.id}`
-      : requestProps.url;
-    request({
-      url: url,
-      method: requestProps.method || 'patch',
-      convertParams: () => {
-        return {
-          ...record,
-          [reqName]: inputValue,
-        };
-      },
-      successMessage,
-      converter(ctx: any) {
-        if (
-          requestProps.converter &&
-          typeof requestProps.converter === 'function'
-        ) {
-          requestProps.converter(ctx);
-          return;
-        }
-        setvisible(false);
-        table.resetTable();
-      },
-    });
-  };
-
-  const menu = (
-    <Menu>
-      <Menu.Item>
-        {type === 'input' && (
-          <Input
-            disabled={disabled}
-            onChange={(e: any) => {
-              const v = e.target.value;
-              setInputValue(v);
-            }}
-            style={{ width: 170 }}
-            value={inputValue}
-            {...inpProps}
-          ></Input>
-        )}
-        {type === 'number' && (
-          <InputNumber
-            disabled={disabled}
-            onBlur={(e: any) => {
-              const v = parseFloat(e.target.value);
-              if (!isNaN(v)) {
-                setInputValue(v);
-              }
-            }}
-            style={{ width: 170 }}
-            value={inputValue}
-            {...inpProps}
-          ></InputNumber>
-        )}
-      </Menu.Item>
-      <Menu.Divider />
-      <Menu.Item>
-        <div style={{ textAlign: 'right' }}>
-          <Space>
-            <Button
-              onClick={() => {
-                setvisible(false);
-              }}
-            >
-              取消
-            </Button>
-            <Button
-              type="primary"
-              disabled={disabled}
-              onClick={() => onSubmit()}
-            >
-              确定
-            </Button>
-          </Space>
-        </div>
-      </Menu.Item>
-    </Menu>
-  );
-  return (
-    <div key={record.id}>
-      <Space>
-        {text}
-        <Dropdown
-          visible={visible}
-          overlay={menu}
-          trigger={['click']}
-          placement="bottomLeft"
-        >
-          <EditOutlined
-            style={{ color: '#B0B4B7' }}
-            onClick={() => {
-              setvisible(!visible);
-            }}
-            className="cur"
-          />
-        </Dropdown>
-      </Space>
-    </div>
-  );
-};
-
-// 带有toptile 清提示 并且会换行的
-export const handleTextDoubleOrId = (
-  textOne: string | undefined,
-  textTwo: string | undefined,
-) => {
-  return (
-    <>
-      <div style={{ color: '#000', marginBottom: -8 }}>{textOne}</div>
-      <span style={{ color: '#848484' }}>ID : {textTwo}</span>
-    </>
-  );
-};
-
-export const textIcon = (type: string | number, text?: string) => {
-  if (!type) return;
-  if (type == 1) {
-    return (
-      <a className="cloumnsIconA">
-        <EyeOutlined />
-        <span>详情</span>
-      </a>
-    );
-  }
-  if (type == 2) {
-    return (
-      <a className="cloumnsIconA">
-        <EyeOutlined />
-        <span>查看</span>
-      </a>
-    );
-  }
-  if (type == 3) {
-    return (
-      <a className="cloumnsIconA">
-        <DeleteOutlined />
-        <span>删除</span>
-      </a>
-    );
-  }
-  if (type == 4) {
-    return (
-      <a className="cloumnsIconA">
-        <EditOutlined />
-        <span>编辑</span>
-      </a>
-    );
-  }
-  if (type == 5) {
-    return (
-      <a className="cloumnsIconA">
-        <CopyOutlined />
-        <span>复制</span>
-      </a>
-    );
-  }
-  if (type == 6) {
-    return (
-      <a className="cloumnsIconA">
-        <CloseSquareOutlined />
-        <span>作废</span>
-      </a>
-    );
-  }
-  if (type == 7) {
-    return (
-      <a className="cloumnsIconA">
-        <WarningOutlined />
-        <span>终止</span>
-      </a>
-    );
-  }
-  if (type == 8) {
-    return (
-      <a className="cloumnsIconA">
-        <SendOutlined />
-        <span>{text}</span>
-      </a>
-    );
-  }
-};
-
-// 四舍五入两位小数，没有小数点就显示整数
-export const renderFixed2 = (text: any) => text;
-
-//设置queryTable默认列宽
-export const getItemDefaultWidth = (item: any) => {
-  let defaultWidth = 200;
-  if (Array.isArray(item.key) || Array.isArray(item.dataIndex))
-    return defaultWidth;
-  let lowerCaseKey = (item.key || item.dataIndex)?.toLowerCase();
-  if (!lowerCaseKey) return defaultWidth;
-  switch (true) {
-    case item?.title === '操作' || lowerCaseKey === 'operate':
-      defaultWidth = 60;
-      break;
-    case lowerCaseKey.indexOf('number') > -1:
-    case lowerCaseKey.indexOf('quantity') > -1:
-    case lowerCaseKey.indexOf('amount') > -1:
-      defaultWidth = 90;
-      break;
-    case lowerCaseKey.indexOf('no') > -1:
-      defaultWidth = 200;
-      break;
-    case lowerCaseKey.indexOf('code') > -1:
-      defaultWidth = 170;
-      break;
-    case lowerCaseKey.indexOf('time') > -1:
-      defaultWidth = 130;
-      break;
-    case lowerCaseKey.indexOf('status') > -1:
-      defaultWidth = 100;
-      break;
-    case lowerCaseKey.indexOf('user') > -1:
-      defaultWidth = 130;
-      break;
-    default:
-      break;
-  }
-  return defaultWidth;
-};
-
-/**
- * 查询参数处理
- * @param params 要应用于查询的参数
- * @returns 返回处理后的查询参数
- */
-export function queryParams(params: any, flag?: any) {
-  for (const key in params) {
-    if (Object.prototype.hasOwnProperty.call(params, key)) {
-      const element = params[key];
-      if (element && key.indexOf('*number*') >= 0) {
-        const dataParams = key.split('*number*');
-        dataParams.forEach((value, index) => {
-          params[value] = element[index];
-        });
-        delete params[key];
-      } else if (element && key.indexOf('*address*') >= 0) {
-        const dataParams = key.split('*address*');
-        dataParams.forEach((value, index) => {
-          params[value] = element.PCDCode[index];
-        });
-        delete params[key];
-      } else if (element && key.indexOf('*costType*') >= 0) {
-        const dataParams = key.split('*costType*');
-        // eslint-disable-next-line prefer-destructuring
-        params[dataParams[0]] = element[1];
-        delete params[key];
-      } else if (element && key.indexOf('*fullDate*') >= 0) {
-        const dataParams = key.split('*fullDate*');
-        dataParams.forEach((value, index) => {
-          if (index === 0) {
-            params[value] = moment(element[index])
-              .millisecond(0)
-              .second(0)
-              .minute(0)
-              .hour(0)
-              .format('YYYY-MM-DD HH:mm:ss');
-          } else {
-            params[value] = moment(element[index])
-              .millisecond(59)
-              .second(59)
-              .minute(59)
-              .hour(23)
-              .format('YYYY-MM-DD HH:mm:ss');
-          }
-        });
-        delete params[key];
-      } else if (element && key.indexOf('*multiInput') >= 0) {
-        let name = '',
-          value = element['value'];
-        if (value.indexOf(',') >= 0) {
-          name = `qp-${element['name']}-in`;
-        } else {
-          name = `qp-${element['name']}-like`;
-        }
-        params[name] = value;
-        delete params[key];
-      } else if (element && key.indexOf('*') >= 0) {
-        const dataParams = key.split('*');
-        dataParams.forEach((value, index) => {
-          params[value] = element[index].format('YYYY-MM-DD HH:mm:ss');
-        });
-        delete params[key];
-      } else if (element && key.indexOf('_likeIn_') >= 0) {
-        const dataParams = key.split('_likeIn_');
-        if (element.indexOf(',') >= 0) {
-          params[`qp-${dataParams[0]}-in`] = element.split(',').join(',');
-          params[`qp-${dataParams[0]}-like`] = null;
-        } else {
-          params[`qp-${dataParams[0]}-like`] = element;
-          params[`qp-${dataParams[0]}-in`] = null;
-        }
-        delete params[key];
-      } else if (Array.isArray(element)) {
-        params[key] = element.join(',');
-      }
-    }
-  }
-  return flag ? params : qs.stringify(params);
-}
-
-/**
- * 根据用户权限检验对应按钮是够显示 ！！！！现在先去掉
- * @param code 对应权限值
- * @returns boolean
- */
-export const authFn = (code?: any) => {
-  if (!shouldUseAuth() || !code) return true;
-  return JSON.parse(localStorage.getItem(getMenuAuthDataKey()) || '[]')?.find(
-    (d: any) => d === code,
-  );
-};
-
-// 可以将普通字符串 或者tsx 转换成字符串
-export const renderToString = (
-  render: ReactElement<any, string | JSXElementConstructor<any>> | string,
-) => {
-  return render;
-  // return typeof render === 'string'
-  //   ? render
-  //   : ReactDOMServer.renderToString(render);
-};
+// @ts-nocheck
+import React, { useState } from 'react';
+import {
+  Tooltip,
+  Badge,
+  Image,
+  Space,
+  Menu,
+  Dropdown,
+  Input,
+  Button,
+  InputNumber,
+  Popover,
+  Card,
+  Avatar,
+} from 'antd';
+import moment from 'moment';
+import {
+  CloseSquareOutlined,
+  CopyOutlined,
+  DeleteOutlined,
+  EditOutlined,
+  EyeOutlined,
+  SendOutlined,
+  WarningOutlined,
+} from '@ant-design/icons';
+import './utils.less';
+import { request } from 'bssula';
+import { getMenuAuthDataKey } from '@/utils/LocalstorageUtils';
+import noImg from '../../../assets/list-no-img.svg';
+import qs from 'qs';
+import { shouldUseAuth } from '@/utils';
+
+export const handleStatusBadge = (text: any, color: any) => {
+  return (
+    <Badge
+      style={{
+        width: '150px',
+        display: 'inline-block',
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+      }}
+      text={text}
+      color={color}
+    ></Badge>
+  );
+};
+
+export const HandleTotalCount = (totalParams: any) => {
+  const { total = {}, totalLeft, totalRight } = totalParams;
+  return (
+    <div className="total_warp">
+      <div className="total_warp_left">
+        {totalLeft.map((d: any) => (
+          <div>
+            <span className="total_warp_num">{total[d.value] || 0}</span>
+            <span className="total_warp_title">{d.key}</span>
+          </div>
+        ))}
+      </div>
+      <div className="total_warp_right">
+        {totalRight.map((d: any) => (
+          <div>
+            <span className="total_warp_num">{total[d.value] || 0}</span>
+            <span className="total_warp_title">{d.key}</span>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export const updateGuanDate = (requestParams: any, dateKeyParams: any = {}) => {
+  return {
+    type: 'modalForm',
+    width: 800,
+    props: {
+      maskClosable: false,
+    },
+    title: '修改单据日期',
+    mode: 'create', // 新建/编辑/查看
+    initialValues: (ctx: any) => {
+      if (!ctx.record) return;
+      return {
+        ...ctx.record,
+        date: dateKeyParams.initDate
+          ? ctx.record[dateKeyParams.initDate]
+          : ctx.record.orderDate,
+      };
+    },
+    fields: [
+      {
+        name: dateKeyParams.outDate || `date`,
+        label: '单据日期',
+        field: {
+          type: 'datepicker',
+          props: {
+            autoSize: true,
+            placeholder: '请选择',
+            disabledDate: (currentDate: any) =>
+              currentDate.valueOf() <
+              moment().subtract(Number(moment().format('D')), 'days'),
+            style: { width: '100%' },
+          },
+        },
+        initialValue: moment().utcOffset(8),
+        rules: [{ required: true, message: '请选择单据日期' }],
+      },
+    ],
+    submitButtonProps: {
+      children: '确认',
+    },
+    backButtonProps: {
+      children: '取消',
+    },
+    submit: requestParams,
+  };
+};
+
+export const renderZeroInSummary = (value: any) =>
+  value != '0' ? value / 1000 : '- -';
+
+export const calculateValidPeriod = (start: any, end: any) => {
+  return `${moment(end).diff(start, 'days')} 天` || '- -';
+};
+
+// 带有toptile 清提示 并且会换行的
+export const handleTextDouble = (
+  textOne: string | undefined,
+  textTwo: string | undefined,
+) => {
+  return (
+    <>
+      <div style={{ marginBottom: -8 }}>{textOne}</div>
+      <div>{textTwo}</div>
+    </>
+  );
+};
+
+// 带有toptile 清提示 ...
+export const handleTextLineFeed = (
+  text: string | undefined,
+  width: number = 130,
+) => {
+  return (
+    <Tooltip title={text || '- -'}>
+      <span
+        style={{
+          width: width ? width + 'px' : '130px',
+          display: 'inline-block',
+          position: 'relative',
+          whiteSpace: 'pre-line',
+          top: '5px',
+        }}
+      >
+        {text || '- -'}
+      </span>
+    </Tooltip>
+  );
+};
+
+// 带有toptile 清提示 ...
+export const handleTextOverflow = (
+  text: string | undefined,
+  width: number = 130,
+) => {
+  return (
+    <Tooltip title={text || '- -'}>
+      <span
+        style={{
+          width: width ? width + 'px' : '130px',
+          display: 'inline-block',
+          textOverflow: 'ellipsis',
+          overflow: 'hidden',
+          whiteSpace: 'nowrap',
+          position: 'relative',
+          top: '5px',
+        }}
+      >
+        {text || '- -'}
+      </span>
+    </Tooltip>
+  );
+};
+
+// 处理时间 带时分秒
+
+export const handleTooltip = (text: any, timeTrue?: boolean) => {
+  return (
+    <Tooltip title={timeTrue ? handleCommonTimeRender(text) : text}>
+      {timeTrue ? handleCommonTimeRender(text) : text}
+    </Tooltip>
+  );
+};
+
+// 处理时间 不带时分秒
+export const handleTooltipHours = (text: any, timeTrue?: boolean) => {
+  return (
+    <Tooltip title={timeTrue ? handleCommonTimeRenderHours(text) : text}>
+      {timeTrue ? handleCommonTimeRenderHours(text) : text}
+    </Tooltip>
+  );
+};
+
+/*
+  列表展示缩略图片
+  url 图片 url
+  {
+    width: 图片宽度
+    height: 图片高度
+  }
+*/
+type tableColumnsImageType = {
+  width?: number | string;
+  height?: number | string;
+  [key: string]: any;
+};
+
+export const tableColumnsImage = (
+  url?: string,
+  paramsObj?: tableColumnsImageType,
+) => {
+  // 测试使用 测试类型缩小 随时可删除 start
+  const imgHtml = document.querySelector('.ant-image-mask-info')!;
+  if (imgHtml) {
+    let str = imgHtml?.innerHTML;
+    str = str?.replace('预览', '');
+    imgHtml.innerHTML = str;
+  }
+  // 测试使用 测试类型缩小  end
+
+  return (
+    <>
+      {url ? (
+        <div className={`clomnsImg`}>
+          <Image src={url} width="28px" height="28px" {...paramsObj}></Image>
+        </div>
+      ) : (
+        <div className={`clomnsImg2`}>
+          <img {...paramsObj} src={noImg}></img>
+        </div>
+      )}
+    </>
+  );
+};
+
+type UserColumnsType = {
+  name: string; //用户名
+  department?: string; //部门
+  position?: string; //职位
+  company?: string; //公司
+  avatar?: string; //头像
+};
+export const userColumns = (props: UserColumnsType) => {
+  const {
+    name = '',
+    department,
+    position,
+    company,
+    avatar = '',
+  }: UserColumnsType = props;
+
+  return (
+    <Popover
+      overlayClassName={'user_info_card'}
+      overlayInnerStyle={{ padding: '0px' }}
+      placement="bottom"
+      title={null}
+      content={userInfoCard(props)}
+    >
+      <div className="user_columns_warp">
+        <img
+          style={{ borderRadius: '50%' }}
+          src={
+            avatar ||
+            'https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png'
+          }
+        ></img>
+        <span>{name}</span>
+      </div>
+    </Popover>
+  );
+};
+
+export const userInfoCard = (props: any) => {
+  return (
+    <Card
+      style={{ width: 200 }}
+      cover={
+        <img
+          alt="example"
+          height={90}
+          src={
+            props.avatar ||
+            'https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png'
+          }
+        />
+      }
+    >
+      <div className={'cardContent'} style={{ padding: '0 15px' }}>
+        <div className={'user_card_header'}>
+          <Avatar
+            style={{ border: '2px solid #ffffff' }}
+            size={64}
+            src={
+              props.avatar ||
+              'https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png'
+            }
+          />
+          <div className={'card_name'}>{props.name}</div>
+          <div className={'card_company'}>{props.company || 'XXXXX'}</div>
+        </div>
+        <p className={'card_detailInfo'}>
+          部门:{' '}
+          <span className={'card_department'}>
+            {props.department || 'XXXXX'}
+          </span>
+        </p>
+        <p className={'card_detailInfo'}>职位: {props.position || 'XXXXX'}</p>
+      </div>
+    </Card>
+  );
+};
+
+export function handleCommonTimeRenderHours(text: any, format?: any) {
+  const formatType = format || 'YYYY-MM-DD';
+  return (text && moment(text).format(formatType)) || '- -';
+}
+
+export function handleCommonTimeRender(text: any, format?: any) {
+  const formatType = format || 'YYYY-MM-DD HH:mm:ss';
+  return (text && moment(text).format(formatType)) || '- -';
+}
+
+interface ColumnsEditInterfave {
+  text?: string;
+  record?: any;
+  type?: string;
+  reqName: string;
+  successMessage?: string;
+  urlPathId?: boolean;
+  disabled: boolean;
+  requestProps: {
+    url: string;
+    converter?: Function;
+    method?: string;
+  };
+  [key: string]: any;
+}
+/*
+text 当前项
+record 当前行
+table  sula table 的实例
+type  默认 input  可选 number  输入框类型
+inpProps   输入框透传 props
+requestProps {}    bssula 的 request
+reqName  修改数据传给后端的key
+urlPathId  默认 true   会在 requestProps.url 上面 拼接 /:id
+successMessage  默认提示操作成功  可传入 string
+disabled 什么时候禁用   boolean 类型
+*/
+export const ColumnsEdit = (props: ColumnsEditInterfave) => {
+  const {
+    text = '',
+    record,
+    table,
+    type = 'input',
+    inpProps = {},
+    requestProps = {
+      url: '',
+    },
+    reqName,
+    urlPathId = true,
+    successMessage = '操作成功',
+    disabled,
+  }: ColumnsEditInterfave = props;
+  const [visible, setvisible] = useState(false);
+  const [inputValue, setInputValue]: [
+    inputValue: string | number,
+    setInputValue: Function,
+  ] = useState(text);
+
+  const onSubmit = () => {
+    const url = urlPathId
+      ? requestProps.url + `/${record.id}`
+      : requestProps.url;
+    request({
+      url: url,
+      method: requestProps.method || 'patch',
+      convertParams: () => {
+        return {
+          ...record,
+          [reqName]: inputValue,
+        };
+      },
+      successMessage,
+      converter(ctx: any) {
+        if (
+          requestProps.converter &&
+          typeof requestProps.converter === 'function'
+        ) {
+          requestProps.converter(ctx);
+          return;
+        }
+        setvisible(false);
+        table.resetTable();
+      },
+    });
+  };
+
+  const menu = (
+    <Menu>
+      <Menu.Item>
+        {type === 'input' && (
+          <Input
+            disabled={disabled}
+            onChange={(e: any) => {
+              const v = e.target.value;
+              setInputValue(v);
+            }}
+            style={{ width: 170 }}
+            value={inputValue}
+            {...inpProps}
+          ></Input>
+        )}
+        {type === 'number' && (
+          <InputNumber
+            disabled={disabled}
+            onBlur={(e: any) => {
+              const v = parseFloat(e.target.value);
+              if (!isNaN(v)) {
+                setInputValue(v);
+              }
+            }}
+            style={{ width: 170 }}
+            value={inputValue}
+            {...inpProps}
+          ></InputNumber>
+        )}
+      </Menu.Item>
+      <Menu.Divider />
+      <Menu.Item>
+        <div style={{ textAlign: 'right' }}>
+          <Space>
+            <Button
+              onClick={() => {
+                setvisible(false);
+              }}
+            >
+              取消
+            </Button>
+            <Button
+              type="primary"
+              disabled={disabled}
+              onClick={() => onSubmit()}
+            >
+              确定
+            </Button>
+          </Space>
+        </div>
+      </Menu.Item>
+    </Menu>
+  );
+  return (
+    <div key={record.id}>
+      <Space>
+        {text}
+        <Dropdown
+          visible={visible}
+          overlay={menu}
+          trigger={['click']}
+          placement="bottomLeft"
+        >
+          <EditOutlined
+            style={{ color: '#B0B4B7' }}
+            onClick={() => {
+              setvisible(!visible);
+            }}
+            className="cur"
+          />
+        </Dropdown>
+      </Space>
+    </div>
+  );
+};
+
+// 带有toptile 清提示 并且会换行的
+export const handleTextDoubleOrId = (
+  textOne: string | undefined,
+  textTwo: string | undefined,
+) => {
+  return (
+    <>
+      <div style={{ color: '#000', marginBottom: -8 }}>{textOne}</div>
+      <span style={{ color: '#848484' }}>ID : {textTwo}</span>
+    </>
+  );
+};
+
+export const textIcon = (type: string | number, text?: string) => {
+  if (!type) return;
+  if (type == 1) {
+    return (
+      <a className="cloumnsIconA">
+        <EyeOutlined />
+        <span>详情</span>
+      </a>
+    );
+  }
+  if (type == 2) {
+    return (
+      <a className="cloumnsIconA">
+        <EyeOutlined />
+        <span>查看</span>
+      </a>
+    );
+  }
+  if (type == 3) {
+    return (
+      <a className="cloumnsIconA">
+        <DeleteOutlined />
+        <span>删除</span>
+      </a>
+    );
+  }
+  if (type == 4) {
+    return (
+      <a className="cloumnsIconA">
+        <EditOutlined />
+        <span>编辑</span>
+      </a>
+    );
+  }
+  if (type == 5) {
+    return (
+      <a className="cloumnsIconA">
+        <CopyOutlined />
+        <span>复制</span>
+      </a>
+    );
+  }
+  if (type == 6) {
+    return (
+      <a className="cloumnsIconA">
+        <CloseSquareOutlined />
+        <span>作废</span>
+      </a>
+    );
+  }
+  if (type == 7) {
+    return (
+      <a className="cloumnsIconA">
+        <WarningOutlined />
+        <span>终止</span>
+      </a>
+    );
+  }
+  if (type == 8) {
+    return (
+      <a className="cloumnsIconA">
+        <SendOutlined />
+        <span>{text}</span>
+      </a>
+    );
+  }
+};
+
+// 四舍五入两位小数，没有小数点就显示整数
+export const renderFixed2 = (text: any) => text;
+
+//设置queryTable默认列宽
+export const getItemDefaultWidth = (item: any) => {
+  let defaultWidth = 200;
+  if (Array.isArray(item.key) || Array.isArray(item.dataIndex))
+    return defaultWidth;
+  let lowerCaseKey = (item.key || item.dataIndex)?.toLowerCase();
+  if (!lowerCaseKey) return defaultWidth;
+  switch (true) {
+    case item?.title === '操作' || lowerCaseKey === 'operate':
+      defaultWidth = 60;
+      break;
+    case lowerCaseKey.indexOf('number') > -1:
+    case lowerCaseKey.indexOf('quantity') > -1:
+    case lowerCaseKey.indexOf('amount') > -1:
+      defaultWidth = 90;
+      break;
+    case lowerCaseKey.indexOf('no') > -1:
+      defaultWidth = 200;
+      break;
+    case lowerCaseKey.indexOf('code') > -1:
+      defaultWidth = 170;
+      break;
+    case lowerCaseKey.indexOf('time') > -1:
+      defaultWidth = 130;
+      break;
+    case lowerCaseKey.indexOf('status') > -1:
+      defaultWidth = 100;
+      break;
+    case lowerCaseKey.indexOf('user') > -1:
+      defaultWidth = 130;
+      break;
+    default:
+      break;
+  }
+  return defaultWidth;
+};
+
+/**
+ * 查询参数处理
+ * @param params 要应用于查询的参数
+ * @returns 返回处理后的查询参数
+ */
+export function queryParams(params: any, flag?: any) {
+  for (const key in params) {
+    if (Object.prototype.hasOwnProperty.call(params, key)) {
+      const element = params[key];
+      if (element && key.indexOf('*number*') >= 0) {
+        const dataParams = key.split('*number*');
+        dataParams.forEach((value, index) => {
+          params[value] = element[index];
+        });
+        delete params[key];
+      } else if (element && key.indexOf('*address*') >= 0) {
+        const dataParams = key.split('*address*');
+        dataParams.forEach((value, index) => {
+          params[value] = element.PCDCode[index];
+        });
+        delete params[key];
+      } else if (element && key.indexOf('*costType*') >= 0) {
+        const dataParams = key.split('*costType*');
+        // eslint-disable-next-line prefer-destructuring
+        params[dataParams[0]] = element[1];
+        delete params[key];
+      } else if (element && key.indexOf('*fullDate*') >= 0) {
+        const dataParams = key.split('*fullDate*');
+        dataParams.forEach((value, index) => {
+          if (index === 0) {
+            params[value] = moment(element[index])
+              .millisecond(0)
+              .second(0)
+              .minute(0)
+              .hour(0)
+              .format('YYYY-MM-DD HH:mm:ss');
+          } else {
+            params[value] = moment(element[index])
+              .millisecond(59)
+              .second(59)
+              .minute(59)
+              .hour(23)
+              .format('YYYY-MM-DD HH:mm:ss');
+          }
+        });
+        delete params[key];
+      } else if (element && key.indexOf('*multiInput') >= 0) {
+        let name = '',
+          value = element['value'];
+        if (value.indexOf(',') >= 0) {
+          name = `qp-${element['name']}-in`;
+        } else {
+          name = `qp-${element['name']}-like`;
+        }
+        params[name] = value;
+        delete params[key];
+      } else if (element && key.indexOf('*') >= 0) {
+        const dataParams = key.split('*');
+        dataParams.forEach((value, index) => {
+          params[value] = element[index].format('YYYY-MM-DD HH:mm:ss');
+        });
+        delete params[key];
+      } else if (element && key.indexOf('_likeIn_') >= 0) {
+        const dataParams = key.split('_likeIn_');
+        if (element.indexOf(',') >= 0) {
+          params[`qp-${dataParams[0]}-in`] = element.split(',').join(',');
+          params[`qp-${dataParams[0]}-like`] = null;
+        } else {
+          params[`qp-${dataParams[0]}-like`] = element;
+          params[`qp-${dataParams[0]}-in`] = null;
+        }
+        delete params[key];
+      } else if (Array.isArray(element)) {
+        params[key] = element.join(',');
+      }
+    }
+  }
+  return flag ? params : qs.stringify(params);
+}
+
+/**
+ * 根据用户权限检验对应按钮是够显示 ！！！！现在先去掉
+ * @param code 对应权限值
+ * @returns boolean
+ */
+export const authFn = (code?: any) => {
+  if (!shouldUseAuth() || !code) return true;
+  return JSON.parse(localStorage.getItem(getMenuAuthDataKey()) || '[]')?.find(
+    (d: any) => d === code,
+  );
+};
+
+// 可以将普通字符串 或者tsx 转换成字符串
+export const renderToString = (
+  render: ReactElement<any, string | JSXElementConstructor<any>> | string,
+) => {
+  return render;
+  // return typeof render === 'string'
+  //   ? render
+  //   : ReactDOMServer.renderToString(render);
+};