@ysjdemo/umi-create-cli 0.0.2 → 0.0.4

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

@@ -0,0 +1,460 @@
+import logoSvg from '@/assets/logo.png';
+import { TableListItem as AndroidModel } from '@/pages/Client/androidClientVersion/data';
+import { DownloadOutlined, FieldTimeOutlined, QrcodeOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
+import ProCard from '@ant-design/pro-card';
+import { cfmmUtils, useFormatLocale, useIntl, WangEditorView } from '@umijs/max';
+import { BackTop, Button, Modal, QRCode, Result, Spin, Tag } from 'antd';
+import RcResizeObserver from 'rc-resize-observer';
+import React, { useEffect, useState } from 'react';
+import { queryLatestAndroidClientVersionControl } from './service';
+
+const style: React.CSSProperties = {
+  height: 40,
+  width: 40,
+  lineHeight: '40px',
+  borderRadius: 4,
+  backgroundColor: '#1088e9',
+  color: '#fff',
+  textAlign: 'center',
+  fontSize: 14,
+};
+
+const LatestClientDashboard: React.FC = () => {
+  const [responsive, setResponsive] = useState(false);
+  const intl = useIntl();
+  const { getLocalDate } = useFormatLocale();
+
+  const [getAndroidTabletClientLoading, setAndroidTabletClientLoading] = useState<boolean>(false);
+  const [getAndroidTabletClient, setAndroidTabletClient] = useState<AndroidModel>();
+
+  const [getAndroidMobileClientLoading, setAndroidMobileClientLoading] = useState<boolean>(false);
+  const [getAndroidMobileClient, setAndroidMobileClient] = useState<AndroidModel>();
+
+  const [getAndroidDashboardClientLoading, setAndroidDashboardClientLoading] = useState<boolean>(false);
+  const [getAndroidDashboardClient, setAndroidDashboardClient] = useState<AndroidModel>();
+
+  const [getAndroidQCClientoading, setAndroidQCClientLoading] = useState<boolean>(false);
+  const [getAndroidQCClient, setAndroidQCClient] = useState<AndroidModel>();
+
+  const [QRCodeVisible, setQRCodeVisible] = useState<boolean>(false);
+  const [QRCodeValue, setQRCodeValue] = useState<string>();
+
+  useEffect(() => {
+    // Using an IIFE
+    (async function anyNameFunction() {
+      setAndroidQCClientLoading(true);
+      setAndroidTabletClientLoading(true);
+      setAndroidMobileClientLoading(true);
+      setAndroidDashboardClientLoading(true);
+
+      const androidTabletClientData = await queryLatestAndroidClientVersionControl('1');
+      if (androidTabletClientData.code == 200) {
+        setAndroidTabletClient(androidTabletClientData.data);
+      }
+      setAndroidTabletClientLoading(false);
+
+      const androidMobileClientData = await queryLatestAndroidClientVersionControl('2');
+      if (androidMobileClientData.code == 200) {
+        setAndroidMobileClient(androidMobileClientData.data);
+      }
+      setAndroidMobileClientLoading(false);
+
+      const androidDashboardClientData = await queryLatestAndroidClientVersionControl('3');
+      if (androidDashboardClientData.code == 200) {
+        setAndroidDashboardClient(androidDashboardClientData.data);
+      }
+      setAndroidDashboardClientLoading(false);
+
+      const androidQCClientData = await queryLatestAndroidClientVersionControl('4');
+      if (androidQCClientData.code == 200) {
+        setAndroidQCClient(androidQCClientData.data);
+      }
+      setAndroidQCClientLoading(false);
+    })();
+  }, []);
+
+  const handleOk = () => {
+    setQRCodeVisible(false);
+  };
+
+  const handleCancel = () => {
+    setQRCodeVisible(false);
+  };
+
+  return (
+    <RcResizeObserver
+      key="resize-observer"
+      onResize={(offset) => {
+        setResponsive(offset.width < 596);
+      }}
+    >
+      <ProCard
+        title={intl.formatMessage({
+          id: 'pages.ClientDownloadDashboard.title',
+          defaultMessage: '客户端下载',
+        })}
+        extra={null}
+        split={responsive ? 'horizontal' : 'vertical'}
+        bordered
+        headerBordered
+      >
+        <ProCard
+          title={intl.formatMessage({
+            id: 'pages.ClientDownloadDashboard.android.tablet.title',
+            defaultMessage: '机器边缘客户端',
+          })}
+          extra={[
+            <Tag color="green" key={'1'}>
+              {(getAndroidTabletClient && getLocalDate(getAndroidTabletClient.activeDate)) || <FieldTimeOutlined />}
+            </Tag>,
+            <Tag color="#108ee9" key={'2'}>
+              {getAndroidTabletClient && getAndroidTabletClient.androidClientVersionControlPackageEntity ? (
+                cfmmUtils.formatBytes(getAndroidTabletClient.androidClientVersionControlPackageEntity.fileSize)
+              ) : (
+                <FieldTimeOutlined />
+              )}
+            </Tag>,
+          ]}
+        >
+          <Spin spinning={getAndroidTabletClientLoading}>
+            <div>
+              <Result
+                key={'tablet'}
+                style={{ whiteSpace: 'pre-wrap' }}
+                status={getAndroidTabletClient ? 'success' : 'warning'}
+                title={
+                  getAndroidTabletClient
+                    ? getAndroidTabletClient.versionCode
+                    : intl.formatMessage({
+                        id: 'pages.ClientDownloadDashboard.empty.title',
+                        defaultMessage: '文件未上传',
+                      })
+                }
+                subTitle={
+                  getAndroidTabletClient ? (
+                    <WangEditorView html={getAndroidTabletClient.releaseRemark} />
+                  ) : (
+                    intl.formatMessage({
+                      id: 'pages.ClientDownloadDashboard.empty.subtitle',
+                      defaultMessage: '文件未上传，无法下载',
+                    })
+                  )
+                }
+                extra={
+                  getAndroidTabletClient &&
+                  getAndroidTabletClient.androidClientVersionControlPackageEntity && [
+                    <Button
+                      key={'android-tablet-download'}
+                      type="primary"
+                      shape="round"
+                      icon={<DownloadOutlined />}
+                      onClick={() => {
+                        cfmmUtils.fileDownloadFromId(
+                          getAndroidTabletClient.androidClientVersionControlPackageEntity.path,
+                        );
+                      }}
+                    >
+                      {intl.formatMessage({
+                        id: 'pages.ClientDownloadDashboard.button.download.title',
+                        defaultMessage: '下载',
+                      })}
+                    </Button>,
+                    <Button
+                      key={'android-mobile-qrcode'}
+                      shape="round"
+                      icon={<QrcodeOutlined />}
+                      onClick={() => {
+                        setQRCodeValue(
+                          cfmmUtils.fileIdToViewerUrl(
+                            getAndroidTabletClient.androidClientVersionControlPackageEntity.path,
+                          ),
+                        );
+                        setQRCodeVisible(true);
+                      }}
+                    >
+                      {intl.formatMessage({
+                        id: 'pages.ClientDownloadDashboard.button.qrcode.title',
+                        defaultMessage: '二维码',
+                      })}
+                    </Button>,
+                  ]
+                }
+              />
+            </div>
+          </Spin>
+        </ProCard>
+        <ProCard
+          title={intl.formatMessage({
+            id: 'pages.ClientDownloadDashboard.android.mobile.title',
+            defaultMessage: '手机/平板客户端',
+          })}
+          extra={[
+            <Tag color="green" key={'3'}>
+              {(getAndroidMobileClient && getLocalDate(getAndroidMobileClient.activeDate)) || <FieldTimeOutlined />}
+            </Tag>,
+            <Tag color="#108ee9" key={'4'}>
+              {getAndroidMobileClient && getAndroidMobileClient.androidClientVersionControlPackageEntity ? (
+                cfmmUtils.formatBytes(getAndroidMobileClient.androidClientVersionControlPackageEntity.fileSize)
+              ) : (
+                <FieldTimeOutlined />
+              )}
+            </Tag>,
+          ]}
+        >
+          <Spin spinning={getAndroidMobileClientLoading}>
+            <div>
+              <Result
+                key={'mobile'}
+                style={{ whiteSpace: 'pre-wrap' }}
+                status={getAndroidMobileClient ? 'success' : 'warning'}
+                title={
+                  getAndroidMobileClient
+                    ? getAndroidMobileClient.versionCode
+                    : intl.formatMessage({
+                        id: 'pages.ClientDownloadDashboard.empty.title',
+                        defaultMessage: '文件未上传',
+                      })
+                }
+                subTitle={
+                  getAndroidMobileClient ? (
+                    <WangEditorView html={getAndroidMobileClient.releaseRemark} />
+                  ) : (
+                    intl.formatMessage({
+                      id: 'pages.ClientDownloadDashboard.empty.subtitle',
+                      defaultMessage: '文件未上传，无法下载',
+                    })
+                  )
+                }
+                extra={
+                  getAndroidMobileClient &&
+                  getAndroidMobileClient.androidClientVersionControlPackageEntity && [
+                    <Button
+                      key={'android-mobile-download'}
+                      type="primary"
+                      shape="round"
+                      icon={<DownloadOutlined />}
+                      onClick={() => {
+                        cfmmUtils.fileDownloadFromId(
+                          getAndroidMobileClient.androidClientVersionControlPackageEntity.path,
+                        );
+                      }}
+                    >
+                      {intl.formatMessage({
+                        id: 'pages.ClientDownloadDashboard.button.download.title',
+                        defaultMessage: '下载',
+                      })}
+                    </Button>,
+                    <Button
+                      key={'android-mobile-qrcode'}
+                      shape="round"
+                      icon={<QrcodeOutlined />}
+                      onClick={() => {
+                        setQRCodeValue(
+                          cfmmUtils.fileIdToViewerUrl(
+                            getAndroidMobileClient.androidClientVersionControlPackageEntity.path,
+                          ),
+                        );
+                        setQRCodeVisible(true);
+                      }}
+                    >
+                      {intl.formatMessage({
+                        id: 'pages.ClientDownloadDashboard.button.qrcode.title',
+                        defaultMessage: '二维码',
+                      })}
+                    </Button>,
+                  ]
+                }
+              />
+            </div>
+          </Spin>
+        </ProCard>
+        <ProCard
+          title={intl.formatMessage({
+            id: 'pages.ClientDownloadDashboard.android.dashboard.title',
+            defaultMessage: '看板客户端',
+          })}
+          extra={[
+            <Tag color="green" key={'5'}>
+              {(getAndroidDashboardClient && getLocalDate(getAndroidDashboardClient.activeDate)) || (
+                <FieldTimeOutlined />
+              )}
+            </Tag>,
+            <Tag color="#108ee9" key={'6'}>
+              {getAndroidDashboardClient && getAndroidDashboardClient.androidClientVersionControlPackageEntity ? (
+                cfmmUtils.formatBytes(getAndroidDashboardClient.androidClientVersionControlPackageEntity.fileSize)
+              ) : (
+                <FieldTimeOutlined />
+              )}
+            </Tag>,
+          ]}
+        >
+          <Spin spinning={getAndroidDashboardClientLoading}>
+            <div>
+              <Result
+                key={'dashboard'}
+                style={{ whiteSpace: 'pre-wrap' }}
+                status={getAndroidDashboardClient ? 'success' : 'warning'}
+                title={
+                  getAndroidDashboardClient
+                    ? getAndroidDashboardClient.versionCode
+                    : intl.formatMessage({
+                        id: 'pages.ClientDownloadDashboard.empty.title',
+                        defaultMessage: '文件未上传',
+                      })
+                }
+                subTitle={
+                  getAndroidDashboardClient ? (
+                    <WangEditorView html={getAndroidDashboardClient.releaseRemark} />
+                  ) : (
+                    intl.formatMessage({
+                      id: 'pages.ClientDownloadDashboard.empty.subtitle',
+                      defaultMessage: '文件未上传，无法下载',
+                    })
+                  )
+                }
+                extra={
+                  getAndroidDashboardClient &&
+                  getAndroidDashboardClient.androidClientVersionControlPackageEntity && [
+                    <Button
+                      key={'android-mobile-download'}
+                      type="primary"
+                      shape="round"
+                      icon={<DownloadOutlined />}
+                      onClick={() => {
+                        cfmmUtils.fileDownloadFromId(
+                          getAndroidDashboardClient.androidClientVersionControlPackageEntity.path,
+                        );
+                      }}
+                    >
+                      {intl.formatMessage({
+                        id: 'pages.ClientDownloadDashboard.button.download.title',
+                        defaultMessage: '下载',
+                      })}
+                    </Button>,
+                    <Button
+                      key={'android-mobile-qrcode'}
+                      shape="round"
+                      icon={<QrcodeOutlined />}
+                      onClick={() => {
+                        setQRCodeValue(
+                          cfmmUtils.fileIdToViewerUrl(
+                            getAndroidDashboardClient.androidClientVersionControlPackageEntity.path,
+                          ),
+                        );
+                        setQRCodeVisible(true);
+                      }}
+                    >
+                      {intl.formatMessage({
+                        id: 'pages.ClientDownloadDashboard.button.qrcode.title',
+                        defaultMessage: '二维码',
+                      })}
+                    </Button>,
+                  ]
+                }
+              />
+            </div>
+          </Spin>
+        </ProCard>
+        <ProCard
+          title={intl.formatMessage({
+            id: 'pages.ClientDownloadDashboard.android.qc.title',
+            defaultMessage: 'QC客户端',
+          })}
+          extra={[
+            <Tag color="green" key={'7'}>
+              {(getAndroidQCClient && getLocalDate(getAndroidQCClient.activeDate)) || <FieldTimeOutlined />}
+            </Tag>,
+            <Tag color="#108ee9" key={'8'}>
+              {getAndroidQCClient && getAndroidQCClient.androidClientVersionControlPackageEntity ? (
+                cfmmUtils.formatBytes(getAndroidQCClient.androidClientVersionControlPackageEntity.fileSize)
+              ) : (
+                <FieldTimeOutlined />
+              )}
+            </Tag>,
+          ]}
+        >
+          <Spin spinning={getAndroidQCClientoading}>
+            <div>
+              <Result
+                key={'dashboard'}
+                style={{ whiteSpace: 'pre-wrap' }}
+                status={getAndroidQCClient ? 'success' : 'warning'}
+                title={
+                  getAndroidQCClient
+                    ? getAndroidQCClient.versionCode
+                    : intl.formatMessage({
+                        id: 'pages.ClientDownloadDashboard.empty.title',
+                        defaultMessage: '文件未上传',
+                      })
+                }
+                subTitle={
+                  getAndroidQCClient ? (
+                    <WangEditorView html={getAndroidQCClient.releaseRemark} />
+                  ) : (
+                    intl.formatMessage({
+                      id: 'pages.ClientDownloadDashboard.empty.subtitle',
+                      defaultMessage: '文件未上传，无法下载',
+                    })
+                  )
+                }
+                extra={
+                  getAndroidQCClient &&
+                  getAndroidQCClient.androidClientVersionControlPackageEntity && [
+                    <Button
+                      key={'android-mobile-download'}
+                      type="primary"
+                      shape="round"
+                      icon={<DownloadOutlined />}
+                      onClick={() => {
+                        cfmmUtils.fileDownloadFromId(getAndroidQCClient.androidClientVersionControlPackageEntity.path);
+                      }}
+                    >
+                      {intl.formatMessage({
+                        id: 'pages.ClientDownloadDashboard.button.download.title',
+                        defaultMessage: '下载',
+                      })}
+                    </Button>,
+                    <Button
+                      key={'android-mobile-qrcode'}
+                      shape="round"
+                      icon={<QrcodeOutlined />}
+                      onClick={() => {
+                        setQRCodeValue(
+                          cfmmUtils.fileIdToViewerUrl(getAndroidQCClient.androidClientVersionControlPackageEntity.path),
+                        );
+                        setQRCodeVisible(true);
+                      }}
+                    >
+                      {intl.formatMessage({
+                        id: 'pages.ClientDownloadDashboard.button.qrcode.title',
+                        defaultMessage: '二维码',
+                      })}
+                    </Button>,
+                  ]
+                }
+              />
+            </div>
+          </Spin>
+        </ProCard>
+        <Modal
+          title={''}
+          closable={false}
+          width={305}
+          open={QRCodeVisible}
+          onOk={handleOk}
+          onCancel={handleCancel}
+          footer={[]}
+        >
+          <QRCode size={256} errorLevel="M" value={QRCodeValue as string} icon={logoSvg} type="svg" />
+        </Modal>
+        <BackTop>
+          <div style={style}>
+            <VerticalAlignTopOutlined />
+          </div>
+        </BackTop>
+      </ProCard>
+    </RcResizeObserver>
+  );
+};
+
+export default LatestClientDashboard;

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

@@ -0,0 +1,28 @@
+
+import { BASE_API } from '@/constants';
+import { request } from '@umijs/max';
+
+
+/**
+ * 获取Windows客户端最新版本
+ * @returns 
+ */
+export async function queryLatestWindowsClientVersionControl() {
+    return request(`${BASE_API}/mes/windowsClientVersionControl/latestWindowsClientVersionControl`, {
+        method: 'GET',
+    });
+
+}
+
+
+/**
+ * 获取Android客户端最新版本
+ * @param clientType 类型： 1机器边缘端 2手机/平板客户端
+ * @returns 
+ */
+export async function queryLatestAndroidClientVersionControl(clientType: string) {
+    return request(`${BASE_API}/mes/androidClientVersionControl/latestAndroidClientVersionControl/${clientType}`, {
+        method: 'GET',
+    });
+
+}

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

@@ -0,0 +1,187 @@
+import { PlusOutlined } from '@ant-design/icons';
+import { ProFormText } from '@ant-design/pro-form';
+import { Button, Form } from 'antd';
+import React, { MutableRefObject, useEffect, useState } from 'react';
+import { MyUpload, ProFormUTCDatePicker, RefDrawerForm, RefDrawerFormRefType, useIntl, WangEditor } from 'umi';
+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: any) => {
+  const { formatMessage } = useIntl();
+  const [form] = Form.useForm();
+  const FormItem = Form.Item;
+
+  /**
+   * 完整安装包
+   */
+  const [getFullPackageWindowsClientVersionControlPackageId, setFullPackageWindowsClientVersionControlPackageId] =
+    useState<number>();
+
+  /**
+   * 增量更新包
+   */
+  const [getUpgradePackageWindowsClientVersionControlPackageId, setUpgradePackageWindowsClientVersionControlPackageId] =
+    useState<number>();
+
+  useEffect(() => {
+    if (props.values) {
+      form.setFieldsValue({
+        ...props.values,
+
+        windowsClientVersionControlFullPackageEntity: props.values.windowsClientVersionControlFullPackageEntity
+          ? [
+              {
+                fileId: props.values.windowsClientVersionControlFullPackageEntity.path,
+                fileName: props.values.windowsClientVersionControlFullPackageEntity.packageName,
+              },
+            ]
+          : [],
+
+        windowsClientVersionControlUpgradePackageEntity: props.values.windowsClientVersionControlUpgradePackageEntity
+          ? [
+              {
+                fileId: props.values.windowsClientVersionControlUpgradePackageEntity.path,
+                fileName: props.values.windowsClientVersionControlUpgradePackageEntity.packageName,
+              },
+            ]
+          : [],
+      });
+
+      //第一次设置值时，需要将完整安装包的值设置至State中
+      setFullPackageWindowsClientVersionControlPackageId(
+        props.values.windowsClientVersionControlFullPackageEntity?.windowsClientVersionControlPackageId,
+      );
+
+      //第一次设置值时，需要将增量更新包的值设置至State中
+      setUpgradePackageWindowsClientVersionControlPackageId(
+        props.values.windowsClientVersionControlUpgradePackageEntity?.windowsClientVersionControlPackageId,
+      );
+    }
+  }, [props.values]);
+
+  return (
+    <RefDrawerForm
+      form={form}
+      ref={props.updateDrawerRef}
+      title={formatMessage({
+        id: 'pages.ClientVersion.update.title',
+        defaultMessage: '修改客户端版本',
+      })}
+      onFinish={(value) => {
+        return props.onSubmit({
+          ...value,
+          windowsClientVersionControlFullPackageEntity: {
+            windowsClientVersionControlPackageId: getFullPackageWindowsClientVersionControlPackageId,
+            packageName: value.windowsClientVersionControlFullPackageEntity[0].fileName,
+            path: value.windowsClientVersionControlFullPackageEntity[0].fileId,
+          },
+          windowsClientVersionControlUpgradePackageEntity: {
+            windowsClientVersionControlPackageId: getUpgradePackageWindowsClientVersionControlPackageId,
+            packageName: value.windowsClientVersionControlUpgradePackageEntity[0].fileName,
+            path: value.windowsClientVersionControlUpgradePackageEntity[0].fileId,
+          },
+        });
+      }}
+    >
+      <ProFormText name="windowsClientVersionControlId" disabled hidden />
+      <ProFormText
+        name="versionCode"
+        disabled
+        label={formatMessage({
+          id: 'pages.ClientVersion.column.versionCode',
+          defaultMessage: '版本编号',
+        })}
+        rules={[{ required: true }]}
+      />
+
+      <ProFormUTCDatePicker
+        name="activeDate"
+        label={formatMessage({
+          id: 'pages.ClientVersion.column.activeDate',
+          defaultMessage: '生效时间',
+        })}
+        fieldProps={{
+          showTime: true,
+        }}
+        rules={[{ required: true }]}
+      />
+
+      <Form.Item
+        name="releaseRemark"
+        label={formatMessage({
+          id: 'pages.AndroidClientVersion.column.releaseRemark',
+          defaultMessage: '备注',
+        })}
+      >
+        <WangEditor toobarProps={{ mode: 'simple' }} />
+      </Form.Item>
+
+      <FormItem
+        name="windowsClientVersionControlFullPackageEntity"
+        label={formatMessage({
+          id: 'pages.ClientVersion.column.fullPackage',
+          defaultMessage: '完整安装包',
+        })}
+        rules={[{ required: true }]}
+      >
+        <MyUpload
+          accept="application/x-msdownload"
+          uploadType="file"
+          maxCount={1}
+          bucketName="windowsclientpackages"
+          onChange={(fileList) => {
+            form.setFieldsValue({
+              windowsClientVersionControlFullPackageEntity: {
+                packageName: fileList[0]?.fileName,
+                path: fileList[0]?.fileId,
+              },
+            });
+          }}
+        >
+          <Button icon={<PlusOutlined />}>
+            {formatMessage({ id: 'pages.ClientVersion.column.fullPackage', defaultMessage: '完整安装包' })}
+          </Button>
+        </MyUpload>
+      </FormItem>
+
+      <FormItem
+        name="windowsClientVersionControlUpgradePackageEntity"
+        label={formatMessage({
+          id: 'pages.ClientVersion.column.upgradePackage',
+          defaultMessage: '增量更新包',
+        })}
+        rules={[{ required: true }]}
+      >
+        <MyUpload
+          accept=".zip"
+          uploadType="file"
+          maxCount={1}
+          bucketName="windowsclientpackages"
+          onChange={(fileList) => {
+            form.setFieldsValue({
+              windowsClientVersionControlUpgradePackageEntity: {
+                packageName: fileList[0]?.fileName,
+                path: fileList[0]?.fileId,
+              },
+            });
+          }}
+        >
+          <Button icon={<PlusOutlined />}>
+            {formatMessage({
+              id: 'pages.ClientVersion.upload.upgradePackage.title',
+              defaultMessage: '增量更新包',
+            })}
+          </Button>
+        </MyUpload>
+      </FormItem>
+    </RefDrawerForm>
+  );
+};
+
+export default UpdateForm;