@ysjdemo/umi-create-cli 0.0.3 → 0.0.4

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

@@ -0,0 +1,108 @@
+import { ProFormSelect, ProFormText, ProFormTextArea } from '@ant-design/pro-form';
+import { cfmmUtils, RefDrawerForm, RefDrawerFormRefType, useIntl } from '@umijs/max';
+import React, { MutableRefObject, useEffect } from 'react';
+
+import { FormValueType, TableListItem } from '../data';
+
+import { TableListItem as CompanyItem } from '@/pages/BaseManagement/Company/data';
+import { queryCompany } from '@/pages/BaseManagement/Company/service';
+
+import { Form } from 'antd';
+
+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();
+
+  useEffect(() => {
+    if (props.values) {
+      form.setFieldsValue({
+        ...props.values,
+      });
+    }
+  }, [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;
+  };
+
+  return (
+    <RefDrawerForm
+      form={form}
+      ref={props.updateDrawerRef}
+      onFinish={props.onSubmit}
+      onCloseAfter={props.onCloseAfter}
+      title={formatMessage({
+        id: 'pages.Department.update.title',
+        defaultMessage: '修改部门',
+      })}
+    >
+      <ProFormSelect
+        name="companyId"
+        label={formatMessage({
+          id: 'pages.Factory.column.companyId',
+          defaultMessage: '所属公司',
+        })}
+        request={requestCompany}
+        rules={[{ required: true }]}
+      />
+
+      <ProFormText
+        name="deptCode"
+        disabled
+        label={formatMessage({
+          id: 'pages.Department.column.departmentCode',
+          defaultMessage: '部门编号',
+        })}
+        rules={[{ required: true }]}
+      />
+
+      <ProFormText
+        name="deptName"
+        label={formatMessage({
+          id: 'pages.Department.column.departmentName',
+          defaultMessage: '部门名称',
+        })}
+        rules={[{ required: true }]}
+      />
+      <ProFormSelect
+        name="status"
+        label={formatMessage({
+          id: 'pages.Department.column.status',
+          defaultMessage: '状态',
+        })}
+        fieldProps={{
+          options: cfmmUtils.getValidList({ valueMap: { actived: 'Y', unactived: 'N' } }),
+        }}
+        rules={[{ required: true }]}
+      />
+      <ProFormTextArea
+        name="remark"
+        label={formatMessage({
+          id: 'pages.Department.column.remark',
+          defaultMessage: '备注',
+        })}
+      />
+    </RefDrawerForm>
+  );
+};
+
+export default UpdateForm;

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

@@ -0,0 +1,37 @@
+import { TableListItem as CompanyItem } from '@/pages/BaseManagement/Company/data';
+
+export interface TableListItem {
+  deptId: string;
+
+  companyId: string;
+  companyEntity: CompanyItem;
+
+  deptCode: string;
+  deptName: string;
+
+  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> {
+
+}

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

@@ -0,0 +1,122 @@
+import { ProColumns } from '@ant-design/pro-table';
+import { cfmmUtils, CrudTable, MyPageContainer, useIntl } from '@umijs/max';
+import { Tag } from 'antd';
+import React from 'react';
+
+import UpdateForm from './components/UpdateForm';
+import { TableListItem } from './data';
+import { handleDepartment, queryDepartment, queryDepartmentByID } from './service';
+
+import CompanyDropDownList from '@/pages/BaseManagement/Company/components/CompanyDropDownList';
+
+
+const validList = cfmmUtils.getValidList({ valueMap: { actived: 'Y', unactived: 'N' } });
+
+//列表数据ID
+const ROW_ID: keyof TableListItem = 'deptId';
+
+const FORM_INIT_VALUE = {
+  initialValues: {
+    status: 'Y',
+  },
+};
+
+const baseLocalCode = 'pages.Department';
+const baseLocalName = '部门管理';
+
+const TableList: React.FC = () => {
+  const { formatMessage } = useIntl();
+
+  const columns: ProColumns<TableListItem>[] = [
+    {
+      title: formatMessage({ id: 'pages.Factory.column.companyId', defaultMessage: '所属公司' }),
+      dataIndex: 'companyId',
+      sorter: true,
+      valueType: 'text',
+      copyable: true,
+      renderFormItem: (item, props) => <CompanyDropDownList {...props} />,
+      render: (_, record) => (
+        <>
+          {record.companyId ? (
+            <div>{`${record.companyEntity?.companyName}(${record.companyEntity?.companyCode})`}</div>
+          ) : (
+            <div>{'-'}</div>
+          )}
+        </>
+      ),
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.Department.column.departmentCode', defaultMessage: '部门编号' }),
+      dataIndex: 'deptCode',
+      sorter: true,
+      valueType: 'text',
+      copyable: true,
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.Department.column.departmentName', defaultMessage: '部门名称' }),
+      dataIndex: 'deptName',
+      sorter: true,
+      valueType: 'text',
+      copyable: false,
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.Department.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>;
+      },
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.Department.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: 'deptName',
+              columnName: 'dept_name',
+              tableName: 'dept',
+            },
+          ],
+        }}
+        apis={{
+          query: queryDepartment,
+          handle: handleDepartment,
+          queryById: queryDepartmentByID,
+        }}
+      />
+    </MyPageContainer>
+  );
+};
+
+export default TableList;

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

@@ -0,0 +1,28 @@
+import { request, API } from '@umijs/max';
+import { TableListParams } from './data';
+import { BASE_API } from '@/constants';
+
+export async function queryDepartment(params?: TableListParams) {
+  return request(`${BASE_API}/mes/dept/list`, {
+    method: 'GET',
+    params,
+  });
+}
+
+export async function queryDepartmentByID(deptId: number) {
+  return request(`${BASE_API}/mes/dept/${deptId}`, {
+    method: 'GET',
+  });
+}
+
+// 增删改查
+export async function handleDepartment(method = 'POST', params: TableListParams) {
+  const actionById = method === 'DELETE' || method === 'GET';
+  const baseUrl = `${BASE_API}/mes/dept`;
+  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/EmployeeManagement/Employee/components/UpdateForm.tsx

@@ -0,0 +1,232 @@
+import { ProFormSelect, ProFormText, ProFormTextArea } from '@ant-design/pro-form';
+import { cfmmUtils, MyUpload, RefDrawerForm, RefDrawerFormRefType, UploadBaseProps, useIntl } from '@umijs/max';
+import React, { MutableRefObject, useEffect } from 'react';
+
+import { Form } from 'antd';
+import { FormValueType, TableListItem } from '../data';
+
+import { TableListItem as GroupItem } from '@/pages/EmployeeManagement/Group/data';
+import { queryGroup } from '@/pages/EmployeeManagement/Group/service';
+import { TableListItem as PostItem } from '@/pages/EmployeeManagement/Post/data';
+import { queryPost } from '@/pages/EmployeeManagement/Post/service';
+
+const UPLOAD_ACCEPT: UploadBaseProps['accept'] = ['.png', '.jpeg', '.jpg'];
+const isLt2M = 1024 * 1024 * 2;
+
+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 [form] = Form.useForm();
+  const FormItem = Form.Item;
+  const { formatMessage } = useIntl();
+
+  useEffect(() => {
+    if (props.values) {
+      form.setFieldsValue({
+        ...props.values,
+      });
+
+      if (props.values.skillsCertificateEntity) {
+        form.setFieldsValue({
+          skillsCertificate: props.values.skillsCertificateEntity.uploadFileId, // 只设置字符串ID
+        });
+      }
+    }
+  }, [props.values]);
+
+  /**
+   * 获取组别列表
+   * @returns
+   */
+  const requestGroup = async () => {
+    const response = await queryGroup();
+
+    if (response.rows && response.rows.length > 0) {
+      return response.rows.map((item: GroupItem) => {
+        return {
+          label: `${item.departmentEntity?.companyEntity?.companyName}- ${item.departmentEntity?.deptName} - ${item.groupName}`,
+          value: item.groupId,
+        };
+      });
+    }
+    return [];
+  };
+
+  /**
+   * 获取职位列表
+   * @returns
+   */
+  const requestPost = async () => {
+    const response = await queryPost({});
+
+    if (response.rows && response.rows.length > 0) {
+      return response.rows.map((item: PostItem) => {
+        return {
+          label: `${item.companyEntity?.companyName} - ${item.postName}`,
+          value: item.postId,
+        };
+      });
+    }
+    return [];
+  };
+
+  return (
+    <RefDrawerForm<FormValueType>
+      form={form}
+      ref={props.updateDrawerRef}
+      onFinish={props.onSubmit}
+      onCloseAfter={props.onCloseAfter}
+      title={formatMessage({
+        id: 'pages.Employee.update.title',
+        defaultMessage: '修改员工',
+      })}
+    >
+      <ProFormText
+        name="employeeCode"
+        disabled
+        label={formatMessage({
+          id: 'pages.Employee.column.employeeCode',
+          defaultMessage: '员工编号',
+        })}
+        rules={[{ required: true }]}
+      />
+      <ProFormText
+        name="employeeName"
+        label={formatMessage({
+          id: 'pages.Employee.column.employeeName',
+          defaultMessage: '员工姓名',
+        })}
+        rules={[{ required: true }]}
+      />
+      <ProFormText
+        name="cardNo"
+        label={formatMessage({
+          id: 'pages.Employee.column.cardNo',
+          defaultMessage: '员工卡号',
+        })}
+        rules={[{ required: true }]}
+      />
+
+      <ProFormSelect
+        name="groupId"
+        label={formatMessage({
+          id: 'pages.Employee.column.groupId',
+          defaultMessage: '员工组别',
+        })}
+        request={requestGroup}
+        rules={[{ required: true }]}
+      />
+      <ProFormSelect
+        name="postId"
+        label={formatMessage({
+          id: 'pages.Employee.column.postId',
+          defaultMessage: '员工岗位',
+        })}
+        request={requestPost}
+        rules={[{ required: true }]}
+      />
+
+      <ProFormText
+        name="phone"
+        label={formatMessage({
+          id: 'pages.Employee.column.phone',
+          defaultMessage: '员工电话',
+        })}
+      />
+
+      <ProFormText
+        name="email"
+        label={formatMessage({
+          id: 'pages.Employee.column.email',
+          defaultMessage: '员工邮箱',
+        })}
+      />
+
+      <ProFormSelect
+        name="sex"
+        label={formatMessage({
+          id: 'pages.Employee.column.sex',
+          defaultMessage: '员工性别',
+        })}
+        fieldProps={{
+          options: cfmmUtils.getSexList(),
+        }}
+        rules={[{ required: true }]}
+      />
+
+      <ProFormSelect
+        name="status"
+        label={formatMessage({
+          id: 'pages.Employee.column.status',
+          defaultMessage: '员工状态',
+        })}
+        fieldProps={{
+          options: cfmmUtils.getValidList({ valueMap: { actived: 'Y', unactived: 'N' } }),
+        }}
+        rules={[{ required: true }]}
+      />
+
+      <ProFormTextArea
+        name="remark"
+        label={formatMessage({
+          id: 'pages.Employee.column.remark',
+          defaultMessage: '备注',
+        })}
+      />
+
+      <FormItem
+        name="avatar"
+        label={formatMessage({
+          id: 'pages.Employee.column.avatar',
+          defaultMessage: '照片',
+        })}
+      >
+        <MyUpload
+          maxCount={1}
+          bucketName={EMPLOYEE_UPLOAD_BUCKET_NAME}
+          accept={UPLOAD_ACCEPT}
+          uploadType="image"
+          maxSize={isLt2M}
+          onChange={(fileList) => {
+            const newAvatarId = fileList[0]?.fileId;
+            form.setFieldsValue({
+              avatar: newAvatarId,
+            });
+          }}
+        />
+      </FormItem>
+
+      <Form.Item
+        name="skillsCertificate"
+        label={formatMessage({
+          id: 'pages.Employee.column.skillsCertificate',
+          defaultMessage: '岗位技能',
+        })}
+      >
+        <MyUpload
+          bucketName="skillscertificate"
+          maxCount={1}
+          listType={'picture'}
+          accept="image/*"
+          onChange={(file) => {
+            form.setFieldsValue({
+              skillsCertificate: file[0]?.fileId, 
+              fileSize: file[0]?.fileSize,
+              fileType: file[0]?.fileType,
+              uploadFileId: file[0]?.fileId,
+              uploadFile: file,
+            });
+          }}
+        />
+      </Form.Item>
+    </RefDrawerForm>
+  );
+};
+
+export default UpdateForm;

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

@@ -0,0 +1,64 @@
+import { TableListItem as GroupItem } from '@/pages/EmployeeManagement/Group/data';
+import { TableListItem as PostItem } from '@/pages/EmployeeManagement/Post/data';
+
+
+export interface UploadFileItem {
+  uploadFileId: string;
+  bucketsName: string;
+  fileName: string;
+
+  originalFileName: number;
+  fileType: string;
+  fileSize: number;
+
+  status: string;
+  remark?: string;
+}
+
+export interface TableListItem {
+  skillsCertificate: string;
+  skillsCertificateEntity: any;
+  employeeId: string;
+  employeeCode: string;
+  employeeName: string;
+
+  groupId: string;
+  groupEntity: GroupItem;
+
+  postId: string;
+  postEntity: PostItem;
+
+
+  email: string;
+  phone: string;
+  cardNo: string;
+  sex: string;
+  avatar: string;
+  uploadFileEntity: UploadFileItem
+
+  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> {
+
+}