merge master, resolve conflict

PKUHPC · May 8, 2024 · 0f2d2f8 · 0f2d2f8
2 parents 497fdde + 37fdf7e
commit 0f2d2f8
Show file tree

Hide file tree

Showing 24 changed files with 89 additions and 45 deletions.
diff --git a/.changeset/grumpy-spoons-guess.md b/.changeset/grumpy-spoons-guess.md
@@ -0,0 +1,6 @@
+---
+"@scow/portal-web": patch
+"@scow/ai": patch
+---
+
+xterm npm 包更名
diff --git a/.changeset/spotty-wombats-impress.md b/.changeset/spotty-wombats-impress.md
@@ -0,0 +1,9 @@
+---
+"@scow/portal-web": patch
+"@scow/demo-vagrant": patch
+"@scow/mis-web": patch
+"@scow/auth": patch
+"@scow/ai": patch
+---
+
+修改了 portal 中的部分 UI 样式,bannerTop 导航文字
diff --git a/apps/ai/src/app/(auth)/jobShell/[clusterId]/[jobId]/page.tsx b/apps/ai/src/app/(auth)/jobShell/[clusterId]/[jobId]/page.tsx
@@ -12,7 +12,7 @@
 
 "use client";
 
-import "xterm/css/xterm.css";
+import "@xterm/xterm/css/xterm.css";
 
 import { Button, Space } from "antd";
 import dynamic from "next/dynamic";

diff --git a/apps/ai/src/app/(auth)/layout.tsx b/apps/ai/src/app/(auth)/layout.tsx
@@ -95,7 +95,7 @@ export default function Layout(
             icon={<DesktopOutlined style={{ paddingRight: 2 }} />}
             link={publicConfig.PORTAL_URL}
             // linkText={t("baseLayout.linkTextAI")}
-            linkText="SCOW HPC"
+            linkText="HPC"
           />
           {/* {
             systemLanguageConfig.isUsingI18n ? (

diff --git a/apps/mis-web/src/i18n/en.ts b/apps/mis-web/src/i18n/en.ts
@@ -158,7 +158,7 @@ export default {
         operationLog: "Operation Log",
         statistic: "Statistic",
       },
-      navLinkTextPortal: "SCOW HPC",
+      navLinkTextPortal: "HPC",
       navLinkTextAI: "SCOW AI",
       dashboard: "Dashboard",
       user: {

diff --git a/apps/mis-web/src/i18n/zh_cn.ts b/apps/mis-web/src/i18n/zh_cn.ts
@@ -158,7 +158,7 @@ export default {
         operationLog:"操作日志",
         statistic: "平台数据统计",
       },
-      navLinkTextPortal: "SCOW HPC",
+      navLinkTextPortal: "超算平台",
       navLinkTextAI: "SCOW AI",
       dashboard: "仪表盘",
       user: {

diff --git a/apps/mis-web/src/pageComponents/admin/DataBarChart.tsx b/apps/mis-web/src/pageComponents/admin/DataBarChart.tsx
@@ -45,7 +45,10 @@ export const DataBarChart: React.FC<Props> = ({
   xLabel = "",
   toolTipFormatter = (value) => value,
 }) => {
-
+  const tickFormatter = (value: number) => {
+    const roundedValue = Number.isInteger(value) ? value : parseFloat(value.toFixed(2));
+    return roundedValue.toString();
+  };
   return (
     <StatisticContainer>
       {isLoading ? <Spin /> : (
@@ -64,7 +67,7 @@ export const DataBarChart: React.FC<Props> = ({
                     label={{ value: xLabel, position: "insideBottom", offset: 0 }}
                     height={40}
                   />
-                  <YAxis padding={{ top: 20 }} />
+                  <YAxis padding={{ top: 20 }} tickFormatter={tickFormatter} />
                   <Tooltip
                     formatter={toolTipFormatter}
                   />

diff --git a/apps/mis-web/src/pageComponents/admin/StatisticCard.tsx b/apps/mis-web/src/pageComponents/admin/StatisticCard.tsx
@@ -22,6 +22,7 @@ interface Props {
   loading: boolean
   icon: React.ReactNode | React.ForwardRefExoticComponent<{}>;
   iconColor?: string
+  precision?: number | undefined
 }
 
 const Container = styled.div`
@@ -40,7 +41,8 @@ const iconToNode = (Icon: any, color?: string) => {
 
 const p = prefix("pageComp.admin.statisticCard.");
 
-export const StatisticCard: React.FC<Props> = ({ title, newAddValue = 0, totalValue = 0, loading, icon, iconColor }) =>
+export const StatisticCard: React.FC<Props> = ({ title, newAddValue = 0,
+  totalValue = 0, loading, icon, iconColor, precision = 0 }) =>
 {
   const t = useI18nTranslateToString();
 
@@ -52,7 +54,7 @@ export const StatisticCard: React.FC<Props> = ({ title, newAddValue = 0, totalVa
           <Statistic
             title={title}
             value={newAddValue}
-            precision={0}
+            precision={precision}
             loading={loading}
             valueStyle={{ color: "#94070A" }}
           />
@@ -63,7 +65,7 @@ export const StatisticCard: React.FC<Props> = ({ title, newAddValue = 0, totalVa
         title={`${t(p("total"))}${title}: `}
         value={totalValue}
         loading={loading}
-        precision={0}
+        precision={precision}
         valueStyle={{ color: "grey", marginLeft: "10px", fontSize: 14, marginBottom: 4 }}
       />
     </Card>

diff --git a/apps/mis-web/src/pageComponents/common/PaymentTable.tsx b/apps/mis-web/src/pageComponents/common/PaymentTable.tsx
@@ -198,7 +198,7 @@ export const PaymentTable: React.FC<Props> = ({ accountName, searchType }) => {
           </Form.Item>
           <Form.Item label={t(p("sum"))}>
             <strong>
-              {data ? data.total.toFixed(3) : 0}
+              {data ? data.total.toFixed(2) : 0}
             </strong>
           </Form.Item>
           <Form.Item>
@@ -234,7 +234,7 @@ export const PaymentTable: React.FC<Props> = ({ accountName, searchType }) => {
             : undefined
         }
         <Table.Column dataIndex="time" title={t(p("paymentDate"))} width="13.5%" render={(v) => formatDateTime(v)} />
-        <Table.Column dataIndex="amount" title={t(p("paymentAmount"))} width="10%" render={(v) => v.toFixed(3)} />
+        <Table.Column dataIndex="amount" title={t(p("paymentAmount"))} width="10%" render={(v) => v.toFixed(2)} />
         <Table.Column
           dataIndex="type"
           title={t(pCommon("type"))}

diff --git a/apps/mis-web/src/pageComponents/dashboard/AccountInfoSection.tsx b/apps/mis-web/src/pageComponents/dashboard/AccountInfoSection.tsx
@@ -94,7 +94,7 @@ export const AccountInfoSection: React.FC<Props> = ({ info }) => {
                           title={t("dashboard.account.balance")}
                           valueStyle={{ color: minOne < 0 ? "red" : undefined }}
                           prefix={"￥"}
-                          value={minOne.toFixed(3)}
+                          value={minOne.toFixed(2)}
                         />
                       </Row>
                     </StatCard>

diff --git a/apps/mis-web/src/pageComponents/finance/ChargeForm.tsx b/apps/mis-web/src/pageComponents/finance/ChargeForm.tsx
@@ -112,7 +112,7 @@ export const ChargeForm: React.FC = () => {
         <Input />
       </Form.Item>
       <Form.Item name="amount" label={t(pCommon("amount"))} rules={[{ required: true }]}>
-        <InputNumber step={0.01} addonAfter={t(pCommon("unit"))} />
+        <InputNumber step={0.01} addonAfter={t(pCommon("unit"))} precision={2} />
       </Form.Item>
       <Form.Item
         name="type"

diff --git a/apps/mis-web/src/pageComponents/finance/ChargeTable.tsx b/apps/mis-web/src/pageComponents/finance/ChargeTable.tsx
@@ -246,7 +246,7 @@ export const ChargeTable: React.FC<Props> = ({
             </Form.Item>
             <Form.Item label={t(pCommon("sum"))}>
               <strong>
-                {totalResultData?.totalAmount ?? 0}
+                {totalResultData?.totalAmount?.toFixed(2) ?? 0}
               </strong>
             </Form.Item>
             <Form.Item>
@@ -300,7 +300,7 @@ export const ChargeTable: React.FC<Props> = ({
             render={(_, r) => r.userId ? (`${r.userId} (${r.userName})`) : ""}
           />
           <Table.Column<ChargeInfo> dataIndex="time" title={t(p("time"))} render={(v) => formatDateTime(v)} />
-          <Table.Column<ChargeInfo> dataIndex="amount" title={t(p("amount"))} render={(v) => v.toFixed(3)} />
+          <Table.Column<ChargeInfo> dataIndex="amount" title={t(p("amount"))} render={(v) => v.toFixed(2)} />
           <Table.Column<ChargeInfo> dataIndex="type" title={t(pCommon("type"))} />
           <Table.Column<ChargeInfo>
             dataIndex="comment"

diff --git a/apps/mis-web/src/pageComponents/job/EditableJobBillingTable.tsx b/apps/mis-web/src/pageComponents/job/EditableJobBillingTable.tsx
@@ -79,7 +79,7 @@ const EditPriceModal: React.FC<CommonModalProps & {
           <Select options={Object.values(AmountStrategy).map((x) => ({ label: x, value: x }))} />
         </Form.Item>
         <Form.Item label={t(p("price"))} name="price" rules={[{ required: true }]}>
-          <InputNumber precision={3} min={0} />
+          <InputNumber precision={2} min={0} />
         </Form.Item>
         <Form.Item label={t(pCommon("comment"))} name="description">
           <Input />

diff --git a/apps/mis-web/src/pageComponents/job/ManageJobBillingTable.tsx b/apps/mis-web/src/pageComponents/job/ManageJobBillingTable.tsx
@@ -276,7 +276,7 @@ const EditPriceModal: React.FC<CommonModalProps & {
           />
         </Form.Item>
         <Form.Item label={t(p("price"))} name="price" initialValue={0} rules={[{ required: true }]}>
-          <InputNumber precision={3} min={0} />
+          <InputNumber precision={2} min={0} />
         </Form.Item>
         <Form.Item label={t(pCommon("comment"))} name="description">
           <Input />

diff --git a/apps/mis-web/src/pageComponents/tenant/AccountWhitelistTable.tsx b/apps/mis-web/src/pageComponents/tenant/AccountWhitelistTable.tsx
@@ -134,7 +134,7 @@ export const AccountWhitelistTable: React.FC<Props> = ({
                 <>
                   <Divider type="vertical" />
                   <span>
-                    {t(p("debtSum"))}：<strong>{getTotalDebtAmount(data).toFixed(3)} {t(pCommon("unit"))}</strong>
+                    {t(p("debtSum"))}：<strong>{getTotalDebtAmount(data).toFixed(2)} {t(pCommon("unit"))}</strong>
                   </span>
                 </>
               </div>

diff --git a/apps/mis-web/src/pages/accounts/[accountName]/info.tsx b/apps/mis-web/src/pages/accounts/[accountName]/info.tsx
@@ -69,10 +69,10 @@ export const AccountInfoPage: NextPage<Props> = requireAuth(
           </Tag>
         </Descriptions.Item>
         <Descriptions.Item label={t("common.accountBalance")}>
-          {balance.toFixed(3)} {t("common.unit")}
+          {balance.toFixed(2)} {t("common.unit")}
         </Descriptions.Item>
         <Descriptions.Item label={t("common.blockThresholdAmount")}>
-          {blockThresholdAmount.toFixed(3)} {t("common.unit")}
+          {blockThresholdAmount.toFixed(2)} {t("common.unit")}
         </Descriptions.Item>
       </Descriptions>
 

diff --git a/apps/mis-web/src/pages/admin/statistic.tsx b/apps/mis-web/src/pages/admin/statistic.tsx
@@ -244,15 +244,15 @@ requireAuth((u) => u.platformRoles.includes(PlatformRole.PLATFORM_ADMIN))
 
     return topChargeAccount?.results.map((r) => ({
       x: r.accountName,
-      y: moneyToNumber(r.chargedAmount),
+      y: moneyToNumber(r.chargedAmount).toFixed(2),
     })) || [];
   }, [query, topChargeAccount]);
 
   const topPayAccountData = useMemo(() => {
 
     return topPayAccount?.results.map((r) => ({
       x: r.accountName,
-      y: moneyToNumber(r.payAmount),
+      y: moneyToNumber(r.payAmount).toFixed(2),
     })) || [];
   }, [query, topPayAccount]);
 
@@ -383,6 +383,7 @@ requireAuth((u) => u.platformRoles.includes(PlatformRole.PLATFORM_ADMIN))
             loading={totalChargeAmountLoading || dailyChargeLoading}
             icon={MoneyCollectOutlined}
             iconColor="#feca57"
+            precision={2}
           />
         </Col>
         <Col span={24}>
@@ -446,7 +447,7 @@ requireAuth((u) => u.platformRoles.includes(PlatformRole.PLATFORM_ADMIN))
                 <DataLineChart
                   data={dailyChargeData.map((d) => ({
                     x: d.date.format("YYYY-MM-DD"),
-                    y: d.count,
+                    y: d.count.toFixed(2),
                   }))}
                   title={t(p("chargeAmount"))}
                   isLoading={dailyChargeLoading}
@@ -468,7 +469,7 @@ requireAuth((u) => u.platformRoles.includes(PlatformRole.PLATFORM_ADMIN))
                 <DataLineChart
                   data={dailyPayData.map((d) => ({
                     x: d.date.format("YYYY-MM-DD"),
-                    y: d.count,
+                    y: d.count.toFixed(2),
                   }))}
                   title={t(p("payAmount"))}
                   toolTipFormatter={amountToolTipFormatter}

diff --git a/apps/mis-web/src/pages/tenant/info.tsx b/apps/mis-web/src/pages/tenant/info.tsx
@@ -87,12 +87,12 @@ export const TenantInfoPage: NextPage<Props> = requireAuth((u) => u.tenantRoles.
           {userCount}
         </Descriptions.Item>
         <Descriptions.Item label={t("common.tenantBalance")}>
-          {moneyToNumber(balance).toFixed(3)} {t("common.unit")}
+          {moneyToNumber(balance).toFixed(2)} {t("common.unit")}
         </Descriptions.Item>
         <Descriptions.Item label={t("common.defaultAccountBlockThreshold")}>
           <Space>
             <span>
-              {moneyToNumber(defaultAccountBlockThreshold).toFixed(3)} {t("common.unit")}
+              {moneyToNumber(defaultAccountBlockThreshold).toFixed(2)} {t("common.unit")}
             </span>
             <ChangeDefaultAccountBlockThresholdLink
               tenantName={tenantName}

diff --git a/apps/mis-web/src/utils/money.ts b/apps/mis-web/src/utils/money.ts
@@ -14,9 +14,9 @@ import { moneyToNumber } from "@scow/lib-decimal";
 import type { Money } from "@scow/protos/build/common/money";
 
 export function moneyToString(money: Money) {
-  return moneyToNumber(money).toFixed(3);
+  return moneyToNumber(money).toFixed(2);
 }
 
 export function nullableMoneyToString(money: Money | undefined) {
-  return money ? moneyToString(money) : Number.prototype.toFixed.call(0, 3);
+  return money ? moneyToString(money) : Number.prototype.toFixed.call(0, 2);
 }
diff --git a/apps/portal-web/package.json b/apps/portal-web/package.json
@@ -73,8 +73,8 @@
     "tslib": "2.6.2",
     "typescript": "5.4.3",
     "ws": "8.16.0",
-    "xterm": "5.3.0",
-    "xterm-addon-fit": "0.8.0"
+    "@xterm/xterm": "5.5.0",
+    "@xterm/addon-fit": "0.10.0"
   },
   "devDependencies": {
     "@ddadaal/next-typed-api-routes-cli": "0.9.1",

diff --git a/apps/portal-web/src/pageComponents/dashboard/OverviewTable.tsx b/apps/portal-web/src/pageComponents/dashboard/OverviewTable.tsx
@@ -96,6 +96,13 @@ export const OverviewTable: React.FC<Props> = ({ clusterInfo, failedClusters, is
 
   const selectItem = useMemo(() => clusterInfo[selectId], [clusterInfo, selectId]);
 
+  // 定义一个函数来获取颜色，根据给定的使用率
+  const getColorByUsage = (usage: number) => {
+    if (usage >= 90) return "red";
+    if (usage >= 70) return "orange";
+    return "green";
+  };
+
   return (
     (isLoading || clusterInfo.length > 0) ? (
       <Container>
@@ -118,7 +125,6 @@ export const OverviewTable: React.FC<Props> = ({ clusterInfo, failedClusters, is
             };
           }}
         >
-
           <Table.Column<TableProps>
             dataIndex="clusterName"
             width="15%"
@@ -145,19 +151,37 @@ export const OverviewTable: React.FC<Props> = ({ clusterInfo, failedClusters, is
             title={t(p("usageRatePercentage"))}
             sorter={(a, b, sortOrder) =>
               compareWithUndefined(a.info?.usageRatePercentage, b.info?.usageRatePercentage, sortOrder)}
-            render={(_, r) => r.info?.usageRatePercentage !== undefined ? r.info?.usageRatePercentage + "%" : "-"}
+            render={(_, r) => (
+              <span style={{ color: r.info?.usageRatePercentage ?
+                getColorByUsage(r.info?.usageRatePercentage) : "black" }}
+              >
+                {r.info?.usageRatePercentage ? `${r.info.usageRatePercentage}%` : "-"}
+              </span>
+            )}
           />
           <Table.Column<TableProps>
             dataIndex="cpuUsage"
             title={t(p("cpuUsage"))}
             sorter={(a, b, sortOrder) => compareWithUndefined(a.info?.cpuUsage, b.info?.cpuUsage, sortOrder)}
-            render={(_, r) => r.info?.cpuUsage !== undefined ? r.info?.cpuUsage + "%" : "-"}
+            render={(_, r) => (
+              <span style={{ color: r.info?.cpuUsage ?
+                getColorByUsage(Number(r.info?.cpuUsage)) : "black" }}
+              >
+                {r.info?.cpuUsage !== undefined ? Number(r.info?.cpuUsage).toFixed(2) + "%" : "-"}
+              </span>
+            )}
           />
           <Table.Column<TableProps>
             dataIndex="gpuUsage"
             title={t(p("gpuUsage"))}
             sorter={(a, b, sortOrder) => compareWithUndefined(a.info?.gpuUsage, b.info?.gpuUsage, sortOrder) }
-            render={(_, r) => r.info?.gpuUsage !== undefined ? r.info?.gpuUsage + "%" : "-" }
+            render={(_, r) => (
+              <span style={{ color: r.info?.gpuUsage ?
+                getColorByUsage(Number(r.info?.gpuUsage)) : "black" }}
+              >
+                {r.info?.gpuUsage !== undefined ? Number(r.info?.gpuUsage).toFixed(2) + "%" : "-"}
+              </span>
+            )}
           />
           <Table.Column<TableProps>
             dataIndex="pendingJobCount"
@@ -176,10 +200,9 @@ export const OverviewTable: React.FC<Props> = ({ clusterInfo, failedClusters, is
             }
           />
         </Table>
-
         <InfoPanes selectItem={selectItem ?? {}} loading={isLoading} />
-
       </Container>
+
     ) : (
       <DashboardSection
         style={{ marginBottom: "16px" }}

diff --git a/apps/portal-web/src/pageComponents/shell/Shell.tsx b/apps/portal-web/src/pageComponents/shell/Shell.tsx
@@ -11,15 +11,15 @@
  */
 
 import { debounce } from "@scow/lib-web/build/utils/debounce";
+import { FitAddon } from "@xterm/addon-fit";
+import { Terminal } from "@xterm/xterm";
 import { join } from "path";
 import { useEffect, useRef } from "react";
 import { urlToDownload } from "src/pageComponents/filemanager/api";
 import { ShellInputData, ShellOutputData } from "src/server/setup/shell";
 import { User } from "src/stores/UserStore";
 import { publicConfig } from "src/utils/config";
 import { styled } from "styled-components";
-import { Terminal } from "xterm";
-import { FitAddon } from "xterm-addon-fit";
 
 const TerminalContainer = styled.div`
   background-color: black;

diff --git a/apps/portal-web/src/pages/shell/[cluster]/[loginNode]/[[...path]].tsx b/apps/portal-web/src/pages/shell/[cluster]/[loginNode]/[[...path]].tsx
@@ -10,7 +10,7 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import "xterm/css/xterm.css";
+import "@xterm/xterm/css/xterm.css";
 
 import { getI18nConfigCurrentText } from "@scow/lib-web/build/utils/systemLanguage";
 import { Button, Popover, Space, Typography } from "antd";