@ysjdemo/umi-create-cli 0.0.3 → 0.0.4

package/lib/templates/qiankun/cf-workbench-base/src/pages/Client/androidClientVersion/components/UpdateForm.tsx

@@ -0,0 +1,118 @@
+import { PlusOutlined } from '@ant-design/icons';
+import { ProFormText } from '@ant-design/pro-form';
+import { FormattedMessage, MyUpload, ProFormUTCDatePicker, RefDrawerForm, RefDrawerFormRefType, useIntl, WangEditor } from '@umijs/max';
+import { Form } from 'antd';
+import React, { MutableRefObject, useEffect } from 'react';
+import { FormValueType, TableListItem } from '../data';
+
+export interface UpdateFormProps {
+  updateDrawerRef: MutableRefObject<RefDrawerFormRefType | undefined>;
+  /** 提交方法，返回true可以控制弹窗关闭 */
+  onSubmit: (values: FormValueType) => Promise<boolean | void>;
+  values: Partial<TableListItem> | null;
+}
+
+const UpdateForm: React.FC<UpdateFormProps> = (props) => {
+  const { formatMessage } = useIntl();
+  const [form] = Form.useForm();
+  const FormItem = Form.Item;
+
+  useEffect(() => {
+    if (props.values) {
+      form.setFieldsValue({
+        ...props.values,
+        avatar: props.values.androidClientVersionControlPackageEntity
+          ? [
+              {
+                fileId: props.values.androidClientVersionControlPackageEntity.path,
+                fileName: props.values.androidClientVersionControlPackageEntity.packageName,
+              },
+            ]
+          : [],
+      });
+    }
+  }, [props.values]);
+
+  return (
+    <RefDrawerForm
+      form={form}
+      ref={props.updateDrawerRef}
+      title={formatMessage({
+        id: 'pages.AndroidClientVersion.update.title',
+        defaultMessage: '修改安卓客户端版本',
+      })}
+      onFinish={(value) => {
+        return props.onSubmit({
+          ...value,
+          androidClientVersionControlPackageEntity: {
+            packageName: value.avatar[0].fileName,
+            path: value.avatar[0].fileId,
+          },
+        });
+      }}
+    >
+      <ProFormText name="androidClientVersionControlId" disabled hidden />
+      <ProFormText
+        name="versionCode"
+        disabled
+        label={formatMessage({
+          id: 'pages.AndroidClientVersion.column.versionCode',
+          defaultMessage: '版本编号',
+        })}
+        rules={[{ required: true }]}
+      />
+
+      <ProFormUTCDatePicker
+        name="activeDate"
+        label={formatMessage({
+          id: 'pages.AndroidClientVersion.column.activeDate',
+          defaultMessage: '生效时间',
+        })}
+        rules={[{ required: true }]}
+      />
+
+      <Form.Item
+        name="releaseRemark"
+        label={formatMessage({
+          id: 'pages.AndroidClientVersion.column.releaseRemark',
+          defaultMessage: '备注',
+        })}
+      >
+        <WangEditor toobarProps={{ mode: 'simple' }} />
+      </Form.Item>
+
+      <FormItem
+        name="avatar"
+        label={<FormattedMessage id="pages.AndroidClientVersion.column.package" defaultMessage="安装包" />}
+      >
+        <MyUpload
+          accept="application/vnd.android.package-archive"
+          uploadType="image"
+          maxCount={1}
+          canDownload={false}
+          bucketName={ANDROID_CLIENT_PACKAGE_UPLOAD_BUCKET_NAME}
+          onChange={(fileList) => {
+            form.setFieldsValue({
+              androidClientVersionControlPackageEntity: {
+                packageName: fileList[0]?.fileName,
+                path: fileList[0]?.fileId,
+              },
+            });
+          }}
+        >
+          <>
+            <PlusOutlined />
+            <div>
+              {formatMessage({
+                id: 'pages.AndroidClientVersion.upload.package.title',
+                defaultMessage: '上传安装包',
+              })}
+            </div>
+          </>
+        </MyUpload>
+      </FormItem>
+    </RefDrawerForm>
+  );
+};
+
+export default UpdateForm;

package/lib/templates/qiankun/cf-workbench-base/src/pages/Client/androidClientVersion/data.d.ts

@@ -0,0 +1,58 @@
+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 androidClientVersionControlPackageItem {
+  packageName: string;
+  path: string;
+  fileSize: number;
+  fileMD5: string;
+}
+
+export interface TableListItem {
+  androidClientVersionControlId: number;
+  clientType: string;
+  versionCode: string;
+  releaseRemark: string;
+
+  activeDate: date;
+  isRelease: boolean;
+
+  androidClientVersionControlPackageEntity: androidClientVersionControlPackageItem
+}
+
+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-base/src/pages/Client/androidClientVersion/dataMap.ts

@@ -0,0 +1,36 @@
+import { getIntl } from '@umijs/max';
+
+export const getClientTypeList = () => {
+  const { formatMessage } = getIntl();
+
+  return [
+    {
+      label: formatMessage({
+        id: 'pages.AndroidClientVersion.column.clientType.machineClient',
+        defaultMessage: '机器边缘端',
+      }),
+      value: '1',
+    },
+    {
+      label: formatMessage({
+        id: 'pages.AndroidClientVersion.column.clientType.mobileClient',
+        defaultMessage: '手机/平板客户端',
+      }),
+      value: '2',
+    },
+    {
+      label: formatMessage({
+        id: 'pages.AndroidClientVersion.column.clientType.dashboardClient',
+        defaultMessage: '看板客户端',
+      }),
+      value: '3',
+    },
+    {
+      label: formatMessage({
+        id: 'pages.AndroidClientVersion.column.clientType.qcClient',
+        defaultMessage: 'QC客户端',
+      }),
+      value: '4',
+    },
+  ];
+};

package/lib/templates/qiankun/cf-workbench-base/src/pages/Client/androidClientVersion/index.tsx

@@ -0,0 +1,164 @@
+import { PlusOutlined } from '@ant-design/icons';
+import { ProColumns } from '@ant-design/pro-table';
+import { CrudTable, MyPageContainer, MyUpload, useFormatLocale, useIntl, UTCDatePicker, WangEditor, WangEditorView } from '@umijs/max';
+import { Input, Switch, Tooltip } from 'antd';
+import React from 'react';
+import UpdateForm from './components/UpdateForm';
+import { TableListItem } from './data';
+import { getClientTypeList } from './dataMap';
+import { handleAndroidClientVersion, queryAndroidClientVersion, queryAndroidClientVersionByID } from './service';
+
+const baseLocalCode = 'pages.AndroidClientVersion';
+const baseLocalName = 'Android客户端版本管理';
+
+const TableList: React.FC = () => {
+  const { getLocalDate } = useFormatLocale();
+  const { formatMessage } = useIntl();
+
+  const columns: ProColumns<TableListItem>[] = [
+    {
+      title: formatMessage({ id: 'pages.AndroidClientVersion.column.clientType', defaultMessage: '客户端类型' }),
+      dataIndex: 'clientType',
+      sorter: true,
+      valueType: 'select',
+      formItemProps: { rules: [{ required: true }] },
+      fieldProps: {
+        options: getClientTypeList(),
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.AndroidClientVersion.column.versionCode', defaultMessage: '版本编号' }),
+      dataIndex: 'versionCode',
+      sorter: true,
+      copyable: true,
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.AndroidClientVersion.column.activeDate', defaultMessage: '生效时间' }),
+      dataIndex: 'activeDate',
+      sorter: true,
+      valueType: 'dateTime',
+      formItemProps: { rules: [{ required: true }] },
+      renderFormItem: () => <UTCDatePicker  showTime/>,
+      render(dom, entity) {
+        return entity.activeDate ? getLocalDate(entity.activeDate, true) : '-';
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.AndroidClientVersion.column.isRelease', defaultMessage: '是否发布' }),
+      dataIndex: 'isRelease',
+      sorter: true,
+      valueType: 'switch',
+      hideInForm: true,
+      render: (_, record) => (
+        <>
+          {
+            <Switch
+              disabled
+              defaultChecked={record.isRelease}
+              checkedChildren={formatMessage({
+                id: 'common.pages.yes.text',
+                defaultMessage: '是',
+              })}
+              unCheckedChildren={formatMessage({
+                id: 'common.pages.no.text',
+                defaultMessage: '否',
+              })}
+            />
+          }
+        </>
+      ),
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.AndroidClientVersion.column.releaseRemark', defaultMessage: '发布说明' }),
+      dataIndex: 'releaseRemark',
+      sorter: true,
+      valueType: 'textarea',
+      copyable: true,
+      formItemProps: { rules: [{ required: true }] },
+      renderFormItem: (_, { type, defaultRender, ...props }) => {
+        return type === 'form' ? <WangEditor toobarProps={{ mode: 'simple' }} /> : <Input allowClear />;
+      },
+      render: (_, record) => (
+        <Tooltip placement="bottomLeft" title={<WangEditorView html={record.releaseRemark} />}>
+          <div
+            style={{ maxHeight: 30, overflow: 'hidden' }}
+            dangerouslySetInnerHTML={{ __html: record.releaseRemark }}
+          />
+        </Tooltip>
+      ),
+    },
+    {
+      title: formatMessage({ id: 'pages.AndroidClientVersion.column.package', defaultMessage: '安装包' }),
+      dataIndex: 'androidClientVersionControlPackageEntity',
+      sorter: true,
+      search: false,
+      hideInTable: true,
+      renderFormItem: (_, { type, defaultRender }, form) => {
+        if (type !== 'form') return defaultRender(_);
+        return (
+          <MyUpload
+            accept="application/vnd.android.package-archive"
+            uploadType="image"
+            maxCount={1}
+            canDownload={false}
+            bucketName={ANDROID_CLIENT_PACKAGE_UPLOAD_BUCKET_NAME}
+            onChange={(fileList) => {
+              form.setFieldsValue({
+                androidClientVersionControlPackageEntity: {
+                  packageName: fileList[0]?.fileName,
+                  path: fileList[0]?.fileId,
+                },
+              });
+            }}
+          >
+            <>
+              <PlusOutlined />
+              <div>
+                {formatMessage({
+                  id: 'pages.AndroidClientVersion.upload.package.title',
+                  defaultMessage: '上传安装包',
+                })}
+              </div>
+            </>
+          </MyUpload>
+        );
+      },
+      render: (_, record) => {
+        if (record.androidClientVersionControlPackageEntity) {
+          return (
+            <img
+              src={`/${MINIO_URL}/${record.androidClientVersionControlPackageEntity.path}`}
+              alt=""
+              style={{ width: 25, height: 25, borderRadius: '10%' }}
+            />
+          );
+        } else {
+          return null;
+        }
+      },
+    },
+  ];
+
+  return (
+    <MyPageContainer>
+      <CrudTable<TableListItem>
+        baseLocalCode={baseLocalCode}
+        baseLocalName={baseLocalName}
+        rowKey="androidClientVersionControlId"
+        columns={columns}
+        updateConfig={{
+          Component: UpdateForm,
+        }}
+        apis={{
+          query: queryAndroidClientVersion,
+          handle: handleAndroidClientVersion,
+          queryById: queryAndroidClientVersionByID,
+        }}
+      />
+    </MyPageContainer>
+  );
+};
+
+export default TableList;

package/lib/templates/qiankun/cf-workbench-base/src/pages/Client/androidClientVersion/service.ts

@@ -0,0 +1,51 @@
+import { request, API } from '@umijs/max';
+import { FormValueType, TableListItem, TableListParams } from './data';
+import { BASE_API } from '@/constants';
+
+export async function queryAndroidClientVersion(params?: TableListParams) {
+  return request(`${BASE_API}/mes/androidClientVersionControl/list`, {
+    method: 'GET',
+    params,
+  });
+}
+export async function addAndroidClientVersion(params: TableListItem) {
+  return request(`${BASE_API}/mes/androidClientVersionControl`, {
+    method: 'POST',
+    data: {
+      ...params,
+    },
+  });
+}
+
+export async function updateAndroidClientVersion(params: FormValueType) {
+  return request(`${BASE_API}/mes/androidClientVersionControl`, {
+    method: 'PUT',
+    data: {
+      ...params,
+    },
+  });
+}
+
+export async function removeAndroidClientVersion(id: string) {
+  return request(`${BASE_API}/mes/androidClientVersionControl/${id}`, {
+    method: 'DELETE',
+  });
+}
+
+export async function queryAndroidClientVersionByID(id: number) {
+  return request(`${BASE_API}/mes/androidClientVersionControl/${id}`, {
+    method: 'GET',
+  });
+}
+
+// 增删改查
+export async function handleAndroidClientVersion(method = 'POST', params: TableListParams) {
+  const actionById = method === 'DELETE' || method === 'GET';
+  const baseUrl = `${BASE_API}/mes/androidClientVersionControl`;
+  const url = actionById ? `${baseUrl}/${params}` : baseUrl;
+  const nweParams = actionById ? null : { data: { ...params } };
+  return request<API.Result_Base>(url, {
+    method,
+    ...nweParams,
+  });
+}