@ysjdemo/umi-create-cli 0.0.2 → 0.0.4

package/lib/templates/qiankun/cf-workbench-function/src/pages/BaseManagement/Company/index.tsx

@@ -0,0 +1,104 @@
+import { ProColumns } from '@ant-design/pro-table';
+import { CrudTable, MyPageContainer, useIntl } from '@umijs/max';
+import React from 'react';
+
+import { getEntityStatusList } from '@/constants/dataMap';
+import { Tag } from 'antd';
+import UpdateForm from './components/UpdateForm';
+import { TableListItem } from './data.d';
+import { handleCompany, queryCompany, queryCompanyByID } from './service';
+
+const baseLocalCode = 'pages.Company';
+const baseLocalName = '公司管理';
+
+// 列表数据ID
+const ROW_ID: keyof TableListItem = 'companyId';
+
+const TableList: React.FC = () => {
+  const { formatMessage } = useIntl();
+
+  const columns: ProColumns<TableListItem>[] = [
+    {
+      title: formatMessage({ id: 'pages.Company.column.companyCode', defaultMessage: '公司编号' }),
+      dataIndex: 'companyCode',
+      sorter: true,
+      valueType: 'text',
+      copyable: true,
+      formItemProps: {
+        rules: [{ required: true }],
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.Company.column.companyName', defaultMessage: '公司名称' }),
+      dataIndex: 'companyName',
+      sorter: true,
+      valueType: 'text',
+      copyable: false,
+      formItemProps: {
+        rules: [{ required: true }],
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.Company.column.status', defaultMessage: '状态' }),
+      dataIndex: 'status',
+      sorter: true,
+      valueType: 'select',
+      fieldProps: {
+        options: getEntityStatusList(),
+      },
+      formItemProps: {
+        rules: [{ required: true }],
+      },
+      render: (_, record) => {
+        const status = getEntityStatusList().find((item) => item.value === record.status);
+        return status ? <Tag color={status.color}> {status.label} </Tag> : '-';
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.Company.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,
+        }}
+        multiLang={{
+          fields: [
+            {
+              fieldName: 'companyName',
+              columnName: 'company_name',
+              tableName: 'company',
+            },
+          ],
+        }}
+        apis={{
+          query: queryCompany,
+          handle: handleCompany,
+          queryById: queryCompanyByID,
+        }}
+        // interceptors={{
+        //   handle: {
+        //     request: (method, data) => {
+        //       if (method === 'PUT') {
+        //         data['companyId'] = data.companyId;
+        //       }
+        //       return { data };
+        //     },
+        //   },
+        // }}
+      />
+    </MyPageContainer>
+  );
+};
+
+export default TableList;

package/lib/templates/qiankun/cf-workbench-function/src/pages/BaseManagement/Company/service.ts

@@ -0,0 +1,28 @@
+import { BASE_API } from '@/constants';
+import { request, API } from '@umijs/max';
+import { TableListParams } from './data.d';
+
+export async function queryCompany(params?: TableListParams) {
+  return request(`${BASE_API}/mes/company/list`, {
+    method: 'GET',
+    params,
+  });
+}
+
+export async function queryCompanyByID(companyId: string) {
+  return request(`${BASE_API}/mes/company/${companyId}`, {
+    method: 'GET',
+  });
+}
+
+// 增删改查
+export async function handleCompany(method = 'POST', params: TableListParams) {
+  const actionById = method === 'DELETE' || method === 'GET';
+  const baseUrl = `${BASE_API}/mes/company`;
+  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/BaseManagement/Factory/components/FactoryDropDownList.tsx

@@ -0,0 +1,57 @@
+import { Select } from 'antd';
+import React, { useEffect, useState } from 'react';
+
+import { TableListItem as FactoryListItem } from '@/pages/BaseManagement/Factory/data';
+import { queryFactory } from '@/pages/BaseManagement/Factory/service';
+import { useIntl } from '@umijs/max';
+
+const { Option } = Select;
+
+export interface FactoryDropDownListProps {
+  value?: string;
+  disabled?: boolean;
+  placeholder?: string;
+  onChange?: any;
+  mode?: 'multiple' | 'tags' | undefined;
+}
+
+const FactoryDropDownList: React.FC<FactoryDropDownListProps> = (props) => {
+  const { value, disabled, placeholder, onChange, mode } = props;
+
+  const { formatMessage } = useIntl();
+
+  const [getAllFactoryData, setAllFactoryData] = useState<FactoryListItem[]>([]);
+
+  useEffect(() => {
+    (async () => {
+      const response = await queryFactory();
+
+      if (response.rows && response.rows.length > 0) {
+        setAllFactoryData(response.rows);
+      }
+    })();
+  }, []);
+
+  return (
+    <Select
+      mode={mode}
+      disabled={disabled}
+      placeholder={
+        placeholder ? placeholder : formatMessage({ id: 'common.select.placeholder', defaultMessage: '请选择' })
+      }
+      onChange={onChange}
+      allowClear
+      value={value}
+    >
+      {getAllFactoryData.map((item) => {
+        return (
+          <Option key={item.factoryId} value={item.factoryId}>
+            {`${item.factoryName}(${item.factoryCode})`}
+          </Option>
+        );
+      })}
+    </Select>
+  );
+};
+
+export default FactoryDropDownList;

package/lib/templates/qiankun/cf-workbench-function/src/pages/BaseManagement/Factory/components/UpdateForm.tsx

@@ -0,0 +1,108 @@
+import { ProFormSelect, ProFormText, ProFormTextArea } from '@ant-design/pro-form';
+import { RefDrawerForm, RefDrawerFormRefType, useIntl } from '@umijs/max';
+import React, { MutableRefObject, useEffect } from 'react';
+
+import { FormValueType, TableListItem } from '../data.d';
+
+import { TableListItem as CompanyItem } from '@/pages/BaseManagement/Company/data';
+import { queryCompany } from '@/pages/BaseManagement/Company/service';
+
+import { getEntityStatusList } from '@/constants/dataMap';
+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({});
+
+    if (response.rows && response.rows.length > 0) {
+      return response.rows.map((item: CompanyItem) => {
+        return {
+          label: `${item.companyName}(${item.companyCode})`,
+          value: item.companyId,
+        };
+      });
+    }
+    return [];
+  };
+
+  return (
+    <RefDrawerForm
+      form={form}
+      ref={props.updateDrawerRef}
+      onCloseAfter={props.onCloseAfter}
+      onFinish={props.onSubmit}
+      title={formatMessage({
+        id: 'pages.Factory.update.title',
+        defaultMessage: '修改工厂',
+      })}
+    >
+      <ProFormSelect
+        name="companyId"
+        label={formatMessage({
+          id: 'pages.Factory.column.companyId',
+          defaultMessage: '所属公司',
+        })}
+        request={requestCompany}
+        rules={[{ required: true }]}
+      />
+
+      <ProFormText
+        name="factoryCode"
+        disabled
+        label={formatMessage({
+          id: 'pages.Factory.column.factoryCode',
+          defaultMessage: '工厂编号',
+        })}
+        rules={[{ required: true }]}
+      />
+
+      <ProFormText
+        name="factoryName"
+        label={formatMessage({
+          id: 'pages.Factory.column.factoryName',
+          defaultMessage: '工厂名称',
+        })}
+        rules={[{ required: true }]}
+      />
+      <ProFormSelect
+        name="status"
+        label={formatMessage({
+          id: 'pages.Factory.column.status',
+          defaultMessage: '状态',
+        })}
+        fieldProps={{
+          options: getEntityStatusList(),
+        }}
+        rules={[{ required: true }]}
+      />
+      <ProFormTextArea
+        name="remark"
+        label={formatMessage({
+          id: 'pages.Factory.column.remark',
+          defaultMessage: '备注',
+        })}
+      />
+    </RefDrawerForm>
+  );
+};
+
+export default UpdateForm;

package/lib/templates/qiankun/cf-workbench-function/src/pages/BaseManagement/Factory/data.d.ts

@@ -0,0 +1,36 @@
+import { TableListItem as companyItem } from '@/pages/BaseManagement/Company/data';
+
+export interface TableListItem {
+  factoryId: string;
+
+  companyId: string;
+  companyEntity: companyItem;
+
+  factoryCode: string;
+  factoryName: 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/BaseManagement/Factory/index.tsx

@@ -0,0 +1,139 @@
+import { MoreOutlined } from '@ant-design/icons';
+import { ProColumns } from '@ant-design/pro-table';
+import { CrudTable, getAuthorityFunction, MyPageContainer, useIntl } from '@umijs/max';
+import { Tag } from 'antd';
+import React from 'react';
+
+import UpdateForm from './components/UpdateForm';
+import { TableListItem } from './data.d';
+import { handleFactory, queryFactory, queryFactoryByID } from './service';
+
+import CompanyDropDownList from '@/pages/BaseManagement/Company/components/CompanyDropDownList';
+
+import { BASE_ROUTE_PATH, getEntityStatusList } from '@/constants';
+import useQiankunData from '@/hooks/useQiankunData';
+
+//列表数据ID
+const ROW_ID: keyof TableListItem = 'factoryId';
+
+const MC_AuthorityCode_DETAILS = 'factory_details';
+
+const baseLocalCode = 'pages.Factory';
+const baseLocalName = '工厂管理';
+
+const TableList: React.FC = () => {
+  const { currentUser, _history } = useQiankunData();
+  const { formatMessage } = useIntl();
+
+  const columns: ProColumns<TableListItem>[] = [
+    {
+      title: formatMessage({ id: 'pages.Factory.column.companyId', defaultMessage: '所属公司' }),
+      dataIndex: 'companyId',
+      sorter: true,
+      valueType: 'text',
+      copyable: true,
+      renderFormItem: () => <CompanyDropDownList />,
+      render: (_, record) => (
+        <>
+          {record.companyId ? (
+            <Tag color="blue">{`${record.companyEntity?.companyName}(${record.companyEntity?.companyCode})`}</Tag>
+          ) : (
+            <div>{'-'}</div>
+          )}
+        </>
+      ),
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.Factory.column.factoryCode', defaultMessage: '工厂编号' }),
+      dataIndex: 'factoryCode',
+      sorter: true,
+      valueType: 'text',
+      copyable: false,
+      render: (_, record) => (
+        <a onClick={() => _history.push(`${BASE_ROUTE_PATH}/baseManagement/factoryProfile/${record.factoryId}`)}>
+          {record.factoryCode}
+        </a>
+      ),
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.Factory.column.factoryName', defaultMessage: '工厂名称' }),
+      dataIndex: 'factoryName',
+      sorter: true,
+      valueType: 'text',
+      copyable: false,
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.Factory.column.status', defaultMessage: '状态' }),
+      dataIndex: 'status',
+      sorter: true,
+      valueType: 'select',
+      fieldProps: {
+        options: getEntityStatusList(),
+      },
+      render: (_, record) => {
+        const status = getEntityStatusList().find((item) => item.value === record.status);
+        return status ? <Tag color={status.color}> {status.label} </Tag> : '-';
+      },
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.Factory.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,
+        }}
+        multiLang={{
+          fields: [
+            {
+              fieldName: 'factoryName',
+              columnName: 'factory_name',
+              tableName: 'factory',
+            },
+          ],
+        }}
+        apis={{
+          query: queryFactory,
+          handle: handleFactory,
+          queryById: queryFactoryByID,
+        }}
+        actionColumnConfig={{
+          getDropdownButtonProps: (record) => ({
+            extraButtonList: [
+              {
+                position: 2,
+                label: (
+                  <span
+                    onClick={() =>
+                      _history.push(`${BASE_ROUTE_PATH}/baseManagement/factoryProfile/${record.factoryId}`)
+                    }
+                  >
+                    <MoreOutlined style={{ marginRight: '6px' }} />
+                    {formatMessage({ id: 'pages.Factory.factoryDetails.title', defaultMessage: '工厂详情' })}
+                  </span>
+                ),
+                auth: getAuthorityFunction(MC_AuthorityCode_DETAILS, currentUser),
+              },
+            ],
+          }),
+        }}
+      />
+    </MyPageContainer>
+  );
+};
+
+export default TableList;

package/lib/templates/qiankun/cf-workbench-function/src/pages/BaseManagement/Factory/service.ts

@@ -0,0 +1,28 @@
+import { request, API } from '@umijs/max';
+import { TableListParams } from './data.d';
+import { BASE_API } from '@/constants';
+
+export async function queryFactory(params?: TableListParams) {
+  return request(`${BASE_API}/mes/factory/list`, {
+    method: 'GET',
+    params,
+  });
+}
+
+export async function queryFactoryByID(factoryId: number) {
+  return request(`${BASE_API}/mes/factory/${factoryId}`, {
+    method: 'GET',
+  });
+}
+
+// / 增删改查
+export async function handleFactory(method = 'POST', params: TableListParams) {
+  const actionById = method === 'DELETE' || method === 'GET';
+  const baseUrl = `${BASE_API}/mes/factory`;
+  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/BaseManagement/WorkCenter/components/UpdateForm.tsx

@@ -0,0 +1,128 @@
+import useQiankunData from '@/hooks/useQiankunData';
+import DepartmentDropDownList from '@/pages/EmployeeManagement/Department/components/DepartmentDropDownList';
+import { ProFormSelect } from '@ant-design/pro-components';
+import { ProFormText, ProFormTextArea } from '@ant-design/pro-form';
+import { RefDrawerForm, RefDrawerFormRefType, useIntl } from '@umijs/max';
+import { Form } from 'antd';
+import { SelectProps } from 'antd/lib';
+import React, { MutableRefObject, useEffect } from 'react';
+import CompanyDropDownList from '../../Company/components/CompanyDropDownList';
+import FactoryDropDownList from '../../Factory/components/FactoryDropDownList';
+import { FormValueType, TableListItem } from '../data.d';
+
+export interface UpdateFormProps {
+  updateDrawerRef: MutableRefObject<RefDrawerFormRefType | undefined>;
+  values?: Partial<TableListItem> | null;
+  /** 提交方法，返回true可以控制弹窗关闭 */
+  onSubmit: (values: FormValueType) => Promise<boolean | void>;
+  onCloseAfter?: () => void;
+  timeZomeList: SelectProps['options'];
+}
+
+const UpdateForm: React.FC<UpdateFormProps> = (props) => {
+  const { updateDrawerRef, onCloseAfter, onSubmit } = props;
+  const { languageList, dateFormatList, timeFormatList } = useQiankunData();
+
+  const { formatMessage } = useIntl();
+  const [form] = Form.useForm();
+
+  useEffect(() => {
+    if (props.values) {
+      // 提取所有工厂ID用于回显
+      const factoryIds = props.values.factoryList?.map((factory: any) => factory.factoryId) || [];
+      const deptIds = props.values.deptList?.map((dept: any) => dept.deptId) || [];
+
+      form.setFieldsValue({
+        ...props.values,
+        factoryId: factoryIds,
+        deptId: deptIds,
+      });
+    }
+  }, [props.values]);
+
+  return (
+    <RefDrawerForm
+      form={form}
+      title={formatMessage({
+        id: 'pages.WorkCenter.update.title',
+        defaultMessage: '修改工作中心',
+      })}
+      ref={updateDrawerRef}
+      onFinish={onSubmit}
+      onCloseAfter={onCloseAfter}
+    >
+      <ProFormText name="centerId" disabled hidden />
+      <ProFormText
+        name="centerCode"
+        disabled
+        label={formatMessage({
+          id: 'pages.WorkCenter.column.code',
+          defaultMessage: '工作中心编号',
+        })}
+        rules={[{ required: true }]}
+      />
+      <ProFormText
+        name="centerName"
+        label={formatMessage({
+          id: 'pages.WorkCenter.column.name',
+          defaultMessage: '工作中心名称',
+        })}
+        rules={[{ required: true }]}
+      />
+      <Form.Item
+        name="companyId"
+        label={formatMessage({ id: 'pages.WorkCenter.column.companyId', defaultMessage: '公司' })}
+        rules={[{ required: true }]}
+      >
+        <CompanyDropDownList />
+      </Form.Item>
+      <Form.Item
+        name="factoryId"
+        label={formatMessage({ id: 'pages.WorkCenter.column.factoryId', defaultMessage: '关联工厂' })}
+        rules={[{ required: true }]}
+      >
+        <FactoryDropDownList mode="multiple" />
+      </Form.Item>
+      <Form.Item
+        name="deptId"
+        label={formatMessage({ id: 'pages.WorkCenter.column.deptId', defaultMessage: '关联部门' })}
+      >
+        <DepartmentDropDownList mode="multiple" />
+      </Form.Item>
+      <ProFormSelect
+        name="language"
+        label={formatMessage({ id: 'pages.WorkCenter.column.language', defaultMessage: '语言' })}
+        options={languageList}
+        rules={[{ required: true }]}
+      />
+      <ProFormSelect
+        name="dateFormat"
+        label={formatMessage({ id: 'pages.WorkCenter.column.dateFormat', defaultMessage: '日期格式' })}
+        options={dateFormatList}
+      />
+      <ProFormSelect
+        name="timeFormat"
+        label={formatMessage({ id: 'pages.WorkCenter.column.timeFormat', defaultMessage: '时间格式' })}
+        options={timeFormatList}
+      />
+      <ProFormSelect
+        showSearch
+        name="timeZone"
+        label={formatMessage({ id: 'pages.WorkCenter.column.timeZone', defaultMessage: '时区' })}
+        options={props.timeZomeList}
+        rules={[{ required: true }]}
+      />
+
+      <ProFormTextArea
+        name="remark"
+        label={formatMessage({
+          id: 'pages.WorkCenter.column.remark',
+          defaultMessage: '备注',
+        })}
+        rules={[{ required: false }]}
+      />
+    </RefDrawerForm>
+  );
+};
+
+export default UpdateForm;

package/lib/templates/qiankun/cf-workbench-function/src/pages/BaseManagement/WorkCenter/data.d.ts

@@ -0,0 +1,31 @@
+import { API } from '@umijs/max';
+
+export type TableListItem = {
+  companyEntity: any;
+  deptList: any;
+  factoryList: any;
+  factoryId: string;
+  dateFormat: string;
+  language: string;
+  timeFormat: string;
+  timeZone: string;
+  preference: string;
+  centerId: number;
+  centerName: string;
+  centerCode: string;
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy?: string;
+  updateTime?: string;
+};
+
+export type TableListParams = API.TableListParams;
+
+export type FormValueType = Partial<TableListItem>;
+
+export interface TimeZomeListType {
+  utcOffset: string;
+  zoneId: string;
+  zoneName: string;
+}