@ysjdemo/umi-create-cli 0.0.3 → 0.0.4

package/lib/templates/qiankun/cf-workbench-function/src/pages/EmployeeManagement/Post/components/PostDropDownList.tsx

@@ -0,0 +1,56 @@
+import { Select } from 'antd';
+import React, { useEffect, useState } from 'react';
+
+import { TableListItem } from '@/pages/EmployeeManagement/Post/data';
+import { queryPost } from '@/pages/EmployeeManagement/Post/service';
+import { useIntl } from '@umijs/max';
+
+const { Option } = Select;
+
+export interface PostDropDownListProps {
+  value?: number;
+  disabled?: boolean;
+  placeholder?: string;
+  onChange?: any;
+}
+
+const PostDropDownList: React.FC<PostDropDownListProps> = (props) => {
+  const { value, disabled, placeholder, onChange } = props;
+
+  const { formatMessage } = useIntl();
+
+  const [getPostData, setPostData] = useState<TableListItem[]>([]);
+
+  useEffect(() => {
+    (async () => {
+      const response = await queryPost();
+
+      if (response.rows && response.rows.length > 0) {
+        setPostData(response.rows);
+      }
+    })();
+  }, []);
+
+  return (
+    <Select
+      disabled={disabled}
+      placeholder={
+        placeholder ? placeholder : formatMessage({ id: 'common.select.placeholder', defaultMessage: '请选择' })
+      }
+      onChange={onChange}
+      allowClear
+      value={value}
+    >
+      {getPostData.map((item) => {
+        return (
+          <Option
+            key={item.postId}
+            value={item.postId}
+          >{`${item.companyEntity?.companyName} - ${item.postName}`}</Option>
+        );
+      })}
+    </Select>
+  );
+};
+
+export default PostDropDownList;

package/lib/templates/qiankun/cf-workbench-function/src/pages/EmployeeManagement/Post/components/UpdateForm.tsx

@@ -0,0 +1,174 @@
+import { FormValueType, SelectClientPermissionListProps, TableListItem } from '@/pages/EmployeeManagement/Post/data';
+import { ProFormSelect, ProFormText, ProFormTextArea } from '@ant-design/pro-form';
+import { cfmmUtils, RefDrawerForm, RefDrawerFormRefType, useIntl } from '@umijs/max';
+import React, { MutableRefObject, useEffect, useState } from 'react';
+
+import { Form } from 'antd';
+import _ from 'lodash';
+
+import { TableListItem as CompanyItem } from '@/pages/BaseManagement/Company/data';
+import { queryCompany } from '@/pages/BaseManagement/Company/service';
+
+import ClientPermissionSelecter, {
+  ClientPermissionSelecterProps,
+} from '@/pages/Client/ClientPermission/components/ClientPermissionSelecter';
+
+export interface UpdateFormProps {
+  updateDrawerRef: MutableRefObject<RefDrawerFormRefType | undefined>;
+  values?: Partial<TableListItem> | null;
+  /** 提交方法，返回true可以控制弹窗关闭 */
+  onSubmit: (values: FormValueType) => Promise<boolean | void>;
+  onCloseAfter?: () => void;
+}
+
+const UpdateForm: React.FC<UpdateFormProps> = (props) => {
+  const { formatMessage } = useIntl();
+  const [form] = Form.useForm();
+  const FormItem = Form.Item;
+
+  /**
+   * 默认客户端类型
+   */
+  const [getClientTypeKeyList, setClientTypeKeyList] = useState<string[]>(['1', '4']);
+
+  const [getSelectClientPermissionData, setSelectClientPermissionData] = useState<SelectClientPermissionListProps>({});
+
+  useEffect(() => {
+    if (props.values) {
+      form.setFieldsValue({
+        ...props.values,
+      });
+
+      setSelectClientPermissionData({});
+
+      let defaultAllClientPermissionData: any = {};
+      if (props.values.clientPermissionList && props.values.clientPermissionList.length > 0) {
+        const allClientPermissionListData = props.values.clientPermissionList;
+
+        _.forEach(getClientTypeKeyList, (clientTypeItem) => {
+          const findClientPermissionListByClientType = _.filter(allClientPermissionListData, {
+            clientType: clientTypeItem,
+          });
+          defaultAllClientPermissionData[clientTypeItem] = findClientPermissionListByClientType.map(
+            (clientPermissionItem) => clientPermissionItem.clientPermissionId.toString(),
+          );
+        });
+
+        console.log(`默认修改时，所有选择的客户端权限的值${JSON.stringify(defaultAllClientPermissionData)}`);
+        /**
+         * 将值设置在State中
+         */
+        setSelectClientPermissionData(defaultAllClientPermissionData);
+      }
+    }
+  }, [props.values]);
+
+  const requestCompany = async () => {
+    const response = await queryCompany();
+
+    let data = [];
+    if (response.rows && response.rows.length > 0) {
+      data = response.rows.map((item: CompanyItem) => {
+        return {
+          label: `${item.companyName}(${item.companyCode})`,
+          value: item.companyId,
+        };
+      });
+    }
+    return data;
+  };
+
+  /**
+   * 选择的机器状态数据，
+   * 界面控件不停选择，该数据会不停的进行刷新
+   * @param value
+   */
+  const onChangeClientPermission = (value: ClientPermissionSelecterProps | any) => {
+    setSelectClientPermissionData(value);
+  };
+
+  return (
+    <RefDrawerForm<FormValueType>
+      form={form}
+      ref={props.updateDrawerRef}
+      onCloseAfter={props.onCloseAfter}
+      title={formatMessage({
+        id: 'pages.Post.update.title',
+        defaultMessage: '修改职位',
+      })}
+      onFinish={async (values) => {
+        let newData: number[] = [];
+
+        //返回时，会设置为新的数据
+        Object.keys(getSelectClientPermissionData).map((item) => {
+          if (getSelectClientPermissionData[item]) {
+            _.forEach(getSelectClientPermissionData[item], (valueItem) => {
+              newData.push(parseInt(valueItem));
+            });
+          }
+        });
+
+        const success = await props.onSubmit({ ...values, clientPermissionIds: newData });
+
+        return success;
+      }}
+    >
+      <ProFormSelect
+        name="companyId"
+        label={formatMessage({
+          id: 'pages.Post.column.companyId',
+          defaultMessage: '所属公司',
+        })}
+        request={requestCompany}
+        rules={[{ required: true }]}
+      />
+      <ProFormText
+        name="postCode"
+        disabled
+        label={formatMessage({
+          id: 'pages.Post.column.postCode',
+          defaultMessage: '职位编号',
+        })}
+        rules={[{ required: true }]}
+      />
+      <ProFormText
+        name="postName"
+        label={formatMessage({
+          id: 'pages.Post.column.postName',
+          defaultMessage: '职位名称',
+        })}
+        rules={[{ required: true }]}
+      />
+      <FormItem
+        label={formatMessage({
+          id: 'pages.ClientPermission.title',
+          defaultMessage: '客户端权限列表',
+        })}
+      >
+        <ClientPermissionSelecter value={getSelectClientPermissionData} onChange={onChangeClientPermission} />
+      </FormItem>
+
+      <ProFormSelect
+        name="status"
+        label={formatMessage({
+          id: 'pages.Post.column.status',
+          defaultMessage: '状态',
+        })}
+        fieldProps={{
+          options: cfmmUtils.getValidList({ valueMap: { actived: 'Y', unactived: 'N' } }),
+        }}
+        rules={[{ required: true }]}
+      />
+      <ProFormTextArea
+        name="remark"
+        label={formatMessage({
+          id: 'pages.Post.column.remark',
+          defaultMessage: '备注',
+        })}
+        rules={[{ required: false }]}
+      />
+    </RefDrawerForm>
+  );
+};
+
+export default UpdateForm;

package/lib/templates/qiankun/cf-workbench-function/src/pages/EmployeeManagement/Post/data.d.ts

@@ -0,0 +1,42 @@
+import { TableListItem as CompanyItem } from '@/pages/BaseManagement/Company/data';
+import { TableListItem as ClientPermissionItem } from '@/pages/Client/ClientPermission/data';
+
+export interface TableListItem {
+  postId: number;
+
+  companyId: number;
+  companyEntity: CompanyItem;
+
+  postCode: string;
+  postName: string;
+
+  clientPermissionList: ClientPermissionItem[];
+  clientPermissionIds: number[];
+
+  status: string;
+  remark: string;
+}
+
+export interface TableListPagination {
+  total: number;
+  pageSize: number;
+  current: number;
+}
+
+export interface TableListData {
+  list: TableListItem[];
+  pagination: Partial<TableListPagination>;
+}
+
+export interface TableListParams {
+  pageSize?: number;
+  pageIndex?: number;
+  orderBy?: { [key: string]: any };
+  [propName: string]: any;
+}
+
+export interface FormValueType extends Partial<TableListItem> {}
+
+export interface SelectClientPermissionListProps {
+  [propName: string]: string[];
+}

package/lib/templates/qiankun/cf-workbench-function/src/pages/EmployeeManagement/Post/index.tsx

@@ -0,0 +1,183 @@
+import { ProColumns } from '@ant-design/pro-table';
+import { cfmmUtils, CrudTable, MyPageContainer, useIntl } from '@umijs/max';
+import { Tag } from 'antd';
+import lodash from 'lodash';
+import React, { useState } from 'react';
+
+import UpdateForm from './components/UpdateForm';
+import { handlePost, queryPost, queryPostByID } from './service';
+
+import CompanyDropDownList from '@/pages/BaseManagement/Company/components/CompanyDropDownList';
+import ClientPermissionSelecter from '@/pages/Client/ClientPermission/components/ClientPermissionSelecter';
+import { TableListItem } from './data';
+
+const validList = cfmmUtils.getValidList({ valueMap: { actived: 'Y', unactived: 'N' } });
+
+//列表数据ID
+const ROW_ID: keyof TableListItem = 'postId';
+
+const FORM_INIT_VALUE = {
+  initialValues: {
+    status: 'Y',
+  },
+};
+
+const baseLocalCode = 'pages.Post';
+const baseLocalName = '职位管理';
+
+const TableList: React.FC = () => {
+  const { formatMessage } = useIntl();
+  const [clientPermissionListForAdd, setClientPermissionListForAdd] = useState<number[]>([]);
+
+  const columns: ProColumns<TableListItem>[] = [
+    {
+      title: formatMessage({ id: 'pages.Post.column.companyId', defaultMessage: '所属公司' }),
+      dataIndex: 'companyId',
+      sorter: true,
+      valueType: 'text',
+      copyable: true,
+      renderFormItem: (item, props) => <CompanyDropDownList {...props} />,
+      render: (_, record) => (
+        <>
+          {record.companyId && record.companyId > 0 ? (
+            <div>{`${record.companyEntity?.companyName}(${record.companyEntity?.companyCode})`}</div>
+          ) : (
+            <div>{'-'}</div>
+          )}
+        </>
+      ),
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.Post.column.postCode', defaultMessage: '职位编号' }),
+      dataIndex: 'postCode',
+      sorter: true,
+      valueType: 'text',
+      copyable: true,
+      formItemProps: {
+        rules: [
+          {
+            required: true,
+            message: formatMessage({
+              id: 'pages.Post.column.postCode.requireMessage',
+              defaultMessage: '请输入职位编号',
+            }),
+          },
+        ],
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.Post.column.postName', defaultMessage: '职位名称' }),
+      dataIndex: 'postName',
+      sorter: true,
+      valueType: 'text',
+      copyable: false,
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.ClientPermission.title', defaultMessage: '客户端权限列表' }),
+      dataIndex: 'clientPermissionMappingList',
+      valueType: 'text',
+      copyable: false,
+      hideInSearch: true,
+      hideInTable: true,
+      renderFormItem: (_, { type, defaultRender, ...rest }, form) => {
+        if (type === 'form') {
+          return (
+            <ClientPermissionSelecter
+              value={form.getFieldValue('clientPermissionIds')}
+              onChange={(value: { [x: string]: any }) => {
+                console.log(`page选择的数据:${JSON.stringify(value)}`);
+
+                let newData: number[] = [];
+
+                Object.keys(value).map((item) => {
+                  if (value[item]) {
+                    lodash.forEach(value[item], (valueItem) => {
+                      newData.push(parseInt(valueItem));
+                    });
+                  }
+                });
+
+                console.log(`page选择完成的数据:${JSON.stringify(newData)}`);
+                setClientPermissionListForAdd(newData);
+
+                /**
+                 * 设置form中的值为返回的数据
+                 */
+                // form.setFieldsValue({ clientPermissionIds: newData });
+              }}
+            />
+          );
+        }
+        return defaultRender(_);
+      },
+      formItemProps: { rules: [{ required: false }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.Post.column.status', defaultMessage: '状态' }),
+      dataIndex: 'status',
+      sorter: true,
+      valueType: 'select',
+      fieldProps: {
+        options: validList,
+      },
+      render: (_, record) => {
+        const status = validList.find((item) => item.value === record.status);
+        if (!status) return '-';
+        return <Tag color={status.color}>{status.label}</Tag>;
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.Post.column.remark', defaultMessage: '备注' }),
+      dataIndex: 'remark',
+      valueType: 'textarea',
+      ellipsis: true,
+    },
+  ];
+
+  return (
+    <MyPageContainer>
+      <CrudTable<TableListItem>
+        baseLocalCode={baseLocalCode}
+        baseLocalName={baseLocalName}
+        rowKey={ROW_ID}
+        columns={columns}
+        updateConfig={{
+          Component: UpdateForm,
+        }}
+        createConfig={{
+          props: {
+            form: FORM_INIT_VALUE,
+          },
+        }}
+        multiLang={{
+          fields: [
+            {
+              fieldName: 'postName',
+              columnName: 'post_name',
+              tableName: 'post',
+            },
+          ],
+        }}
+        apis={{
+          query: queryPost,
+          handle: handlePost,
+          queryById: queryPostByID,
+        }}
+        interceptors={{
+          handle: {
+            request: (method, data) => {
+              if (method === 'POST') {
+                data.clientPermissionIds = clientPermissionListForAdd;
+              }
+              return { data };
+            },
+          },
+        }}
+      />
+    </MyPageContainer>
+  );
+};
+
+export default TableList;

package/lib/templates/qiankun/cf-workbench-function/src/pages/EmployeeManagement/Post/service.ts

@@ -0,0 +1,28 @@
+import { request, API } from '@umijs/max';
+import { TableListParams } from './data';
+import { BASE_API } from '@/constants';
+
+export async function queryPost(params?: TableListParams) {
+  return request(`${BASE_API}/mes/post/list`, {
+    method: 'GET',
+    params,
+  });
+}
+
+export async function queryPostByID(postId: number) {
+  return request(`${BASE_API}/mes/post/${postId}`, {
+    method: 'GET',
+  });
+}
+
+// 增删改查
+export async function handlePost(method = 'POST', params: TableListParams) {
+  const actionById = method === 'DELETE' || method === 'GET';
+  const baseUrl = `${BASE_API}/mes/post`;
+  const url = actionById ? `${baseUrl}/${params}` : baseUrl;
+  const nweParams = actionById ? null : { data: { ...params } };
+  return request<API.Result_Base>(url, {
+    method,
+    ...nweParams,
+  });
+}

package/lib/templates/qiankun/cf-workbench-function/src/pages/GuidelineManagement/GuidelineAttachmentQuery/data.d.ts

@@ -0,0 +1,18 @@
+
+export interface TableListItem {
+  guidelineAttachmentId?: number;
+  guidelineAttachmentType: string;
+  productCode: string;
+  originFileName: string;
+  filePath: string;
+  status: string;
+  remark?: string;
+}
+
+export interface TableListParams {
+  pageSize?: number;
+  pageIndex?: number;
+  orderBy?: { [key: string]: any };
+  [propName: string]: any;
+
+}

package/lib/templates/qiankun/cf-workbench-function/src/pages/GuidelineManagement/GuidelineAttachmentQuery/index.tsx

@@ -0,0 +1,169 @@
+import type { ActionType, ProColumns } from '@ant-design/pro-table';
+import ProTable from '@ant-design/pro-table';
+import { cfmmUtils, MyPageContainer, useIntl, useQueryTableList } from '@umijs/max';
+import { Divider, message, Tag } from 'antd';
+import React, { useRef } from 'react';
+import type { TableListItem, TableListParams } from './data.d';
+
+import { getTableSearchFormLayout } from '@/constants';
+import { queryGuidelineAttachment } from './service';
+
+const MC_AttachmentType_SOP = 'SOP';
+
+const baseLocalCode = 'pages.GuidelineAttachmentQuery';
+const baseLocalName = '指导文件查询';
+
+const TableList: React.FC<any> = () => {
+  const actionWGIRef = useRef<ActionType>();
+  const { formatMessage } = useIntl();
+  // 封装数据查询的hooks
+  const { queryList } = useQueryTableList({ baseLocalCode, baseLocalName });
+
+  /**
+   * 查询表格数据
+   * @param params
+   * @returns
+   */
+  const handleSearch = async (params: TableListParams) => {
+    return await queryList<TableListItem[]>(params, {
+      queryFn: queryGuidelineAttachment,
+    });
+  };
+
+  const columns: ProColumns<TableListItem>[] = [
+    {
+      title: formatMessage({ id: 'pages.GuidelineAttachmentQuery.column.productCode', defaultMessage: '产品编号' }),
+      dataIndex: 'productCode',
+      sorter: false,
+      valueType: 'text',
+      copyable: true,
+    },
+    {
+      title: formatMessage({
+        id: 'pages.GuidelineAttachmentQuery.column.guidelineAttachmentType',
+        defaultMessage: '附件类型',
+      }),
+      dataIndex: 'guidelineAttachmentType',
+      sorter: false,
+      valueType: 'select',
+      width: 100,
+      order: -1,
+      render: (_, record) => (
+        <>
+          {record.guidelineAttachmentType && record.guidelineAttachmentType == MC_AttachmentType_SOP && (
+            <Tag color="green">
+              {formatMessage({ id: 'pages.GuidelineAttachmentQuery.column.attachmentType.SOP', defaultMessage: 'SOP' })}
+            </Tag>
+          )}
+        </>
+      ),
+      valueEnum: {
+        SOP: {
+          text: formatMessage({
+            id: 'pages.GuidelineAttachmentQuery.column.attachmentType.SOP',
+            defaultMessage: 'SOP',
+          }),
+        },
+      },
+    },
+    {
+      title: formatMessage({
+        id: 'pages.GuidelineAttachmentQuery.column.originFileName',
+        defaultMessage: '原文件名称',
+      }),
+      dataIndex: 'originFileName',
+      sorter: false,
+      valueType: 'text',
+      copyable: false,
+    },
+    {
+      title: formatMessage({ id: 'pages.GuidelineAttachmentQuery.column.createTime', defaultMessage: '上传时间' }),
+      dataIndex: 'createTime',
+      hideInSearch: true,
+      valueType: 'dateTime',
+    },
+    {
+      title: formatMessage({ id: 'pages.GuidelineAttachmentQuery.column.createBy', defaultMessage: '上传用户' }),
+      dataIndex: 'createBy',
+      hideInSearch: true,
+      valueType: 'text',
+    },
+    {
+      title: formatMessage({ id: 'pages.GuidelineAttachmentQuery.Option.title', defaultMessage: '操作' }),
+      dataIndex: 'option',
+      valueType: 'option',
+      render: (_, record) => (
+        <>
+          <a
+              onClick={async () => {
+                //下载文件
+                cfmmUtils.fileDownloadFromId(record.filePath);
+              }}
+            >
+              {formatMessage({ id: 'pages.GuidelineAttachmentQuery.download.button.title', defaultMessage: '下载' })}
+            </a>
+          <Divider type="vertical" />
+          <a
+            onClick={async () => {
+              //在线预览文件
+              cfmmUtils.fileOnLineViewerFromId(record.filePath, record.originFileName);
+            }}
+          >
+            {formatMessage({ id: 'pages.GuidelineAttachmentQuery.view.button.title', defaultMessage: '在线预览' })}
+          </a>
+        </>
+      ),
+    },
+  ];
+
+  return (
+    <MyPageContainer>
+      <ProTable<TableListItem>
+        headerTitle={formatMessage({
+          id: 'pages.GuidelineAttachmentQuery.title',
+          defaultMessage: '工厂列表',
+        })}
+        actionRef={actionWGIRef}
+        //窗口聚焦时不重新请求
+        revalidateOnFocus={false}
+        rowKey="guidelineAttachmentId"
+        search={getTableSearchFormLayout()}
+        toolBarRender={false}
+        manualRequest={true}
+        request={async (params, sorter) => {
+          // 获取出来参数，将当前页面current和页数据大小pageSize提取出来
+          const { pageIndex = params.current, pageSize, ...otherParams } = params;
+
+          // 强制将其他参数存放至filter中，这些参数从查询form中来
+          const filters = otherParams;
+          if (!filters.productCode && !filters.originFileName) {
+            message.error(
+              formatMessage({
+                id: 'pages.GuidelineAttachmentQuery.query.required',
+                defaultMessage: '产品编号和文件名称必须填一项',
+              }),
+            );
+            return [];
+          }
+          //调用后台API
+          const result = await handleSearch({
+            pageIndex,
+            pageSize,
+            orderBy: { ...sorter },
+            ...filters,
+          });
+          return result;
+        }}
+        //让表格必选条件生效
+        form={{ ignoreRules: false }}
+        columns={columns}
+        //不分页
+        pagination={false}
+        //不可选中行
+        rowSelection={false}
+      />
+    </MyPageContainer>
+  );
+};
+
+export default TableList;

package/lib/templates/qiankun/cf-workbench-function/src/pages/GuidelineManagement/GuidelineAttachmentQuery/service.ts

@@ -0,0 +1,10 @@
+import { request } from '@umijs/max';
+import type { TableListParams } from './data.d';
+import { BASE_API } from '@/constants';
+
+export async function queryGuidelineAttachment(params?: TableListParams) {
+  return request(`${BASE_API}/mes/guidelineAttachment/list`, {
+    method: 'GET',
+    params,
+  });
+}