@ysjdemo/umi-create-cli 0.0.2 → 0.0.4

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

@@ -0,0 +1,288 @@
+import DepartmentDropDownList from '@/pages/EmployeeManagement/Department/components/DepartmentDropDownList';
+import { queryTimeZomeList } from '@/services/user';
+import type { ProColumns } from '@ant-design/pro-components';
+import { cfmmUtils, CrudTable, MyPageContainer, useIntl } from '@umijs/max';
+import { SelectProps } from 'antd';
+import { Select, Tag } from 'antd/lib';
+import React, { useEffect, useState } from 'react';
+import CompanyDropDownList from '../Company/components/CompanyDropDownList';
+import FactoryDropDownList from '../Factory/components/FactoryDropDownList';
+import UpdateForm from './components/UpdateForm';
+import { TableListItem } from './data';
+import { handleMouldCenterAction, queryMouldCenterByID, queryTableList } from './services';
+
+//列表数据ID
+const ROW_ID: keyof TableListItem = 'centerId';
+
+const baseLocalCode = 'pages.WorkCenter';
+const baseLocalName = '工作中心';
+
+const TableList: React.FC = () => {
+  const { languageList, dateFormatList, timeFormatList, getText } = cfmmUtils;
+  const { formatMessage } = useIntl();
+
+  const [timeZomeList, setTimeZoneList] = useState<SelectProps['options']>([]);
+
+  const columns: ProColumns<TableListItem>[] = [
+    {
+      title: formatMessage({
+        id: 'pages.WorkCenter.column.code',
+        defaultMessage: '工作中心编号',
+      }),
+      dataIndex: 'centerCode',
+      sorter: true,
+      copyable: true,
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({
+        id: 'pages.WorkCenter.column.name',
+        defaultMessage: '工作中心名称',
+      }),
+      dataIndex: 'centerName',
+      sorter: true,
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.WorkCenter.column.companyId', defaultMessage: '公司' }),
+      dataIndex: 'companyId',
+      sorter: true,
+      valueType: 'text',
+      copyable: true,
+      renderFormItem: () => <CompanyDropDownList />,
+      formItemProps: { rules: [{ required: true }] },
+      render: (_, record) => {
+        return record.companyEntity ? <Tag color="blue">{record.companyEntity.companyName}</Tag> : '-';
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.WorkCenter.column.factoryId', defaultMessage: '关联工厂' }),
+      dataIndex: 'factoryId',
+      sorter: true,
+      valueType: 'text',
+      copyable: true,
+      renderFormItem: () => <FactoryDropDownList mode="multiple" />,
+      formItemProps: { rules: [{ required: true }] },
+      render: (_, record) => {
+        if (record.factoryList && record.factoryList.length > 0) {
+          return record.factoryList.map((item: any, index: number) => (
+            <Tag key={index} color="blue">
+              {item.factoryName}({item.factoryCode})
+            </Tag>
+          ));
+        }
+        return '-';
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.WorkCenter.column.deptId', defaultMessage: '关联部门' }),
+      dataIndex: 'deptId',
+      sorter: true,
+      valueType: 'text',
+      copyable: true,
+      renderFormItem: () => <DepartmentDropDownList mode="multiple" />,
+      render: (_, record) => {
+        if (record.deptList && record.deptList.length > 0) {
+          return record.deptList.map((item: any, index: number) => (
+            <Tag key={index} color="green">
+              {item.deptName}({item.deptCode})
+            </Tag>
+          ));
+        }
+        return '-';
+      },
+    },
+
+    {
+      title: formatMessage({
+        id: 'pages.WorkCenter.column.language',
+        defaultMessage: '语言',
+      }),
+      dataIndex: 'language',
+      sorter: true,
+      copyable: true,
+      hideInSearch: true,
+      render: (_, record) => {
+        const selectedLanguage = languageList.find((item: any) => item.value === record.language);
+        return selectedLanguage ? selectedLanguage.label : '-';
+      },
+      renderFormItem: (item, props) => (
+        <Select
+          style={{ width: '100%' }}
+          placeholder={formatMessage({ id: 'common.select.placeholder' })}
+          options={languageList}
+          {...props}
+        />
+      ),
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({
+        id: 'pages.WorkCenter.column.dateFormat',
+        defaultMessage: '日期格式',
+      }),
+      dataIndex: 'dateFormat',
+      sorter: true,
+      copyable: true,
+      hideInSearch: true,
+      render: (_, record) => getText(record.dateFormat),
+      renderFormItem: (item, props) => (
+        <Select
+          style={{ width: '100%' }}
+          placeholder={formatMessage({ id: 'common.select.placeholder' })}
+          options={dateFormatList}
+          {...props}
+        />
+      ),
+    },
+    {
+      title: formatMessage({
+        id: 'pages.WorkCenter.column.timeFormat',
+        defaultMessage: '时间格式',
+      }),
+      dataIndex: 'timeFormat',
+      sorter: true,
+      copyable: true,
+      hideInSearch: true,
+      render: (_, record) => getText(record.timeFormat),
+      renderFormItem: (item, props) => (
+        <Select
+          style={{ width: '100%' }}
+          placeholder={formatMessage({ id: 'common.select.placeholder' })}
+          options={timeFormatList}
+          {...props}
+        />
+      ),
+    },
+    {
+      title: formatMessage({
+        id: 'pages.WorkCenter.column.timeZone',
+        defaultMessage: '时区',
+      }),
+      dataIndex: 'timeZone',
+      sorter: true,
+      copyable: true,
+      hideInSearch: true,
+      render: (_, record) => getText(record.timeZone),
+      renderFormItem: () => (
+        <Select
+          showSearch
+          style={{ width: '100%' }}
+          placeholder={formatMessage({ id: 'common.select.placeholder' })}
+          options={timeZomeList}
+          optionFilterProp="label"
+        />
+      ),
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({
+        id: 'pages.WorkCenter.column.remark',
+        defaultMessage: '备注',
+      }),
+      dataIndex: 'remark',
+      sorter: false,
+      hideInSearch: true,
+    },
+  ];
+
+  useEffect(() => {
+    queryTimeZomeList()
+      .then((res) => {
+        if (res.code === 200 && res.data) {
+          const list = res.data.map((item) => ({
+            label: `(${item.utcOffset}) ${item.zoneName}`,
+            value: item.zoneId,
+          }));
+          setTimeZoneList(list);
+        }
+      })
+      .catch((error) => {
+        console.log('error', error);
+      });
+  }, []);
+
+  return (
+    <MyPageContainer>
+      <CrudTable<TableListItem>
+        baseLocalCode={baseLocalCode}
+        baseLocalName={baseLocalName}
+        rowKey={ROW_ID}
+        columns={columns}
+        updateConfig={{
+          Component: UpdateForm,
+          props: {
+            timeZomeList,
+          },
+        }}
+        multiLang={{
+          fields: [
+            {
+              fieldName: 'centerName',
+              columnName: 'center_name',
+              tableName: 'mould_center',
+            },
+          ],
+        }}
+        apis={{
+          query: queryTableList,
+          handle: handleMouldCenterAction,
+          queryById: queryMouldCenterByID,
+        }}
+        interceptors={{
+          query: {
+            response: (res) => {
+              res.data = res.data.map((item: any) => {
+                const obj = JSON.parse(item.preference);
+                return { ...item, ...obj };
+              });
+              return res;
+            },
+          },
+          queryById: {
+            response: (res) => {
+              if (!res.success || !res.data) return null;
+
+              const obj = JSON.parse(res.data.preference);
+              return { ...res.data, ...obj };
+            },
+          },
+          handle: {
+            request: (method, data: any) => {
+              if (method === 'POST' || method === 'PUT') {
+                const { language, dateFormat, timeFormat, timeZone, factoryId, deptId, ...restData } = data;
+                const extractedObj = { language, dateFormat, timeFormat, timeZone };
+                const jsonString = JSON.stringify(extractedObj);
+
+                // 处理多个工厂ID
+                const factoryList = Array.isArray(factoryId)
+                  ? factoryId.map((id) => ({ factoryId: id }))
+                  : factoryId
+                  ? [{ factoryId }]
+                  : [];
+
+                // 处理多个部门ID
+                const deptList = Array.isArray(deptId)
+                  ? deptId.map((id) => ({ deptId: id }))
+                  : deptId
+                  ? [{ deptId }]
+                  : [];
+
+                const finalPayload = {
+                  ...restData,
+                  preference: jsonString,
+                  factoryList: factoryList,
+                  deptList: deptList,
+                };
+                return { data: finalPayload };
+              }
+              return { data };
+            },
+          },
+        }}
+      />
+    </MyPageContainer>
+  );
+};
+
+export default TableList;

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

@@ -0,0 +1,32 @@
+import { request, API } from '@umijs/max';
+import { TableListItem, TableListParams } from './data';
+import { BASE_API } from '@/constants';
+
+export async function queryTableList(params?: TableListParams) {
+  return request<API.Result_Base_List<TableListItem[]>>(`${BASE_API}/mes/workCenter/list`, {
+    method: 'GET',
+    params,
+  });
+}
+
+//增删改查
+export async function handleMouldCenterAction(
+  method = 'POST',
+  params: TableListParams,
+) {
+  const actionById = method === 'DELETE' || method === 'GET';
+  const baseUrl = `${BASE_API}/mes/workCenter`;
+  const url = actionById ? `${baseUrl}/${params}` : baseUrl;
+  const nweParams = actionById ? null : { data: { ...params } };
+  return request<API.Result_Base>(url, {
+    method,
+    ...nweParams,
+  });
+}
+
+
+export async function queryMouldCenterByID(id: number) {
+  return request<API.Result_Base<TableListItem>>(`${BASE_API}/mes/workCenter/${id}`, {
+    method: 'GET',
+  });
+}

package/lib/templates/qiankun/cf-workbench-function/src/pages/Client/ClientPermission/components/ClientPermissionSelecter.tsx

@@ -0,0 +1,167 @@
+import { FormattedMessage } from '@umijs/max';
+import { Card, Checkbox, Tabs } from 'antd';
+import _ from 'lodash';
+import React, { useEffect, useReducer, useState } from 'react';
+
+import {
+  TableListItem as ClientPermissionItem,
+  SelectClientPermissionListProps,
+} from '@/pages/Client/ClientPermission/data';
+import { queryClientPermission } from '@/pages/Client/ClientPermission/service';
+
+const { TabPane } = Tabs;
+
+export interface ClientPermissionSelecterProps {
+  value?: any;
+  disabled?: boolean;
+  placeholder?: string;
+  onChange?: any;
+}
+
+const ClientPermissionSelecter: React.FC<ClientPermissionSelecterProps> = (props) => {
+  const { value, disabled, placeholder, onChange } = props;
+
+  /**
+   * 默认客户端类型
+   */
+  const [getClientTypeKeyList, setClientTypeKeyList] = useState<string[]>(['1', '4']);
+
+  /**
+   * 选中的客户端类型key值
+   */
+  const [getSelectClientTypeKey, setSelectClientTypeKey] = useState<string>('1');
+
+  /**
+   * 所有的客户端权限
+   */
+  const [getAllClientPermissionData, setAllClientPermissionData] = useState<ClientPermissionItem[]>([]);
+
+  /**
+   * 保存下面选择的数据
+   */
+  const [getSelectClientPermissionData, setSelectClientPermissionData] = useReducer(
+    (
+      state: SelectClientPermissionListProps,
+      action: { type: string; playload: SelectClientPermissionListProps | never[] },
+    ): any => {
+      if (action.type === 'init') {
+        return { ...action.playload };
+      }
+
+      if (action.type === 'update') {
+        return { ...action.playload };
+      }
+
+      return state;
+    },
+    {},
+  );
+
+  useEffect(() => {
+    (async () => {
+      /**
+       * 获取所有客户端权限列表
+       */
+      const clientPermissionResponse = await queryClientPermission();
+
+      if (clientPermissionResponse.rows && clientPermissionResponse.rows.length > 0) {
+        setAllClientPermissionData(clientPermissionResponse.rows);
+      }
+
+      /**
+       * 默认数据
+       */
+      setSelectClientPermissionData({ type: 'int', playload: [] });
+    })();
+  }, []);
+
+  /**
+   * 默认提取所有的数据
+   */
+  useEffect(() => {
+    if (value) {
+      setSelectClientPermissionData({ type: 'update', playload: value });
+    } else {
+      setSelectClientPermissionData({ type: 'update', playload: [] });
+    }
+  }, [value]);
+
+  /**
+   * 切换客户端类型
+   * @param key
+   */
+  const onChangeClientTab = (key: string) => {
+    setSelectClientTypeKey(key);
+  };
+
+  /**
+   * 客户端权限选择完成
+   * @param checkedValues
+   */
+  const onSelectClientPermission = (checkedValues: string[]) => {
+    console.log(`ClientPermissionSelecter选择的数据:${JSON.stringify(checkedValues)}`);
+
+    //提取原来的数据
+    let defaultData = getSelectClientPermissionData;
+    //设置为控件中返回的新值
+    defaultData[getSelectClientTypeKey] = checkedValues;
+
+    //重新刷新界面
+    setSelectClientPermissionData({ type: 'update', playload: defaultData });
+
+    /**
+     * 返回上级控件
+     */
+    onChange(defaultData);
+  };
+
+  return (
+    <Card bordered={true} style={{ marginBottom: 20 }}>
+      <Tabs defaultActiveKey={getSelectClientTypeKey} onChange={onChangeClientTab}>
+        {getClientTypeKeyList.map((clientTypeItem: string) => {
+          let selectData: string[] = [];
+          if (getSelectClientPermissionData && getSelectClientPermissionData[clientTypeItem]) {
+            selectData = getSelectClientPermissionData[clientTypeItem];
+          }
+
+          //显示出来的列
+          let options = _.filter(getAllClientPermissionData, { clientType: clientTypeItem }).map(
+            (clientPermissionItem: ClientPermissionItem) => {
+              return {
+                label: clientPermissionItem.clientPermissionName,
+                value: clientPermissionItem.clientPermissionId.toString(),
+              };
+            },
+          );
+
+          return (
+            <TabPane
+              tab={
+                clientTypeItem == '1' ? (
+                  <FormattedMessage
+                    id="pages.ClientPermission.column.clientType.machineClient"
+                    defaultMessage="机器边缘端"
+                  />
+                ) : (
+                  <FormattedMessage id="pages.ClientPermission.column.clientType.qcClient" defaultMessage="QC客户端" />
+                )
+              }
+              key={clientTypeItem}
+            >
+              <Checkbox.Group
+                key={`Checkbox-1`}
+                style={{ width: '100%' }}
+                defaultValue={selectData}
+                value={selectData}
+                options={options}
+                onChange={onSelectClientPermission}
+              ></Checkbox.Group>
+            </TabPane>
+          );
+        })}
+      </Tabs>
+    </Card>
+  );
+};
+
+export default ClientPermissionSelecter;

package/lib/templates/qiankun/cf-workbench-function/src/pages/Client/ClientPermission/data.d.ts

@@ -0,0 +1,39 @@
+export interface TableListItem {
+  clientPermissionId: number;
+
+  clientType: string;
+
+  clientPermissionCode: string;
+  clientPermissionName: 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> {
+
+}
+
+
+export interface SelectClientPermissionListProps {
+  [propName: string]: string[];
+}

package/lib/templates/qiankun/cf-workbench-function/src/pages/Client/ClientPermission/service.ts

@@ -0,0 +1,39 @@
+import { request } from '@umijs/max';
+import { FormValueType, TableListItem, TableListParams } from './data';
+import { BASE_API } from '@/constants';
+
+export async function queryClientPermission(params?: TableListParams) {
+  return request(`${BASE_API}/mes/clientPermission/list`, {
+    method: 'GET',
+    params,
+  });
+}
+export async function addClientPermission(params: TableListItem) {
+  return request(`${BASE_API}/mes/clientPermission`, {
+    method: 'POST',
+    data: {
+      ...params,
+    },
+  });
+}
+
+export async function updateClientPermission(params: FormValueType) {
+  return request(`${BASE_API}/mes/clientPermission`, {
+    method: 'PUT',
+    data: {
+      ...params,
+    },
+  });
+}
+
+export async function removeClientPermission(id: string) {
+  return request(`${BASE_API}/mes/clientPermission/${id}`, {
+    method: 'DELETE',
+  });
+}
+
+export async function queryClientPermissionByID(clientPermissionId: number) {
+  return request(`${BASE_API}/mes/clientPermission/${clientPermissionId}`, {
+    method: 'GET',
+  });
+}

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

@@ -0,0 +1,58 @@
+import { TableListItem } from '@/pages/EmployeeManagement/Department/data';
+import { queryDepartment } from '@/pages/EmployeeManagement/Department/service';
+import { useIntl } from '@umijs/max';
+import { Select } from 'antd';
+import React, { useEffect, useState } from 'react';
+
+const { Option } = Select;
+
+export interface DepartmentDropDownListProps {
+  value?: string;
+  disabled?: boolean;
+  placeholder?: string;
+  onChange?: any;
+  mode?: 'multiple' | 'tags' | undefined;
+}
+
+const DepartmentDropDownList: React.FC<DepartmentDropDownListProps> = (props) => {
+  const { value, disabled, placeholder, onChange, mode } = props;
+
+  const { formatMessage } = useIntl();
+
+  const [getDepartmentData, setDepartmentData] = useState<TableListItem[]>([]);
+
+  useEffect(() => {
+    (async () => {
+      const response = await queryDepartment();
+
+      if (response.rows && response.rows.length > 0) {
+        setDepartmentData(response.rows);
+      }
+    })();
+  }, []);
+
+  return (
+    <Select
+      mode={mode}
+      disabled={disabled}
+      placeholder={
+        placeholder ? placeholder : formatMessage({ id: 'common.select.placeholder', defaultMessage: '请选择' })
+      }
+      onChange={onChange}
+      allowClear
+      value={value}
+    >
+      {getDepartmentData.map((item) => {
+        return (
+          <Option
+            key={item.deptId}
+            value={item.deptId}
+            disabled={item.status.toUpperCase() == 'Y' ? false : true}
+          >{`${item.companyEntity?.companyName} - ${item.deptName}`}</Option>
+        );
+      })}
+    </Select>
+  );
+};
+
+export default DepartmentDropDownList;