فهرست منبع

优化Easy组件中的表单项,合并重复代码,调整样式以提高可读性和用户体验。

valentichu 5 ماه پیش
والد
کامیت
f7155e75dc
2فایلهای تغییر یافته به همراه103 افزوده شده و 104 حذف شده
  1. 0 0
      lib/index.js
  2. 103 104
      src/pages/Alarm/components/easy.jsx

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 0
lib/index.js


+ 103 - 104
src/pages/Alarm/components/easy.jsx

@@ -832,117 +832,116 @@ const Easy = (props, ref) => {
           ></Form.Item>
         )}
 
-        {showMore && (
-          <>
-            <Form.Item
-              label={TranslateText(["单位", "Unit"])}
-              name="unit"
-              rules={[
+        <Form.Item
+          label={TranslateText(["单位", "Unit"])}
+          name="unit"
+          rules={[
+            {
+              required: false,
+              message: TranslateText(["请输入单位", "Please input"]),
+            },
+          ]}
+          style={!showMore ? { display: "none" } : null}
+        >
+          <Input
+            placeholder={TranslateText(["请输入", "Please input"])}
+            style={{ width: "200px" }}
+          />
+        </Form.Item>
+
+        <Form.Item
+          label={TranslateText(["告警组", "Group"])}
+          name={"group_id"}
+          style={!showMore ? { display: "none" } : null}
+        >
+          <Select
+            style={{ width: 200 }}
+            options={[
+              ...[
                 {
-                  required: false,
-                  message: TranslateText(["请输入单位", "Please input"]),
+                  label: "未分组",
+                  value: 0,
                 },
-              ]}
+              ],
+              ...(groupList?.map((item) => {
+                return {
+                  label: item?.name,
+                  value: item?.id,
+                };
+              }) ?? []),
+            ]}
+            placeholder={TranslateText(["请选择", "Please choose"])}
+          />
+        </Form.Item>
+
+        <Form.Item
+          name={isDisabled ? "" : "defer_seconds"}
+          disabled={isDisabled}
+          label={TranslateText(["延时告警", "Delayed alarm"])}
+          style={!showMore ? { display: "none" } : null}
+        >
+          <div>
+            <div
+              style={{
+                display: "flex",
+                gap: 8,
+                alignItems: "center",
+              }}
             >
+              <Checkbox
+                checked={status === 1}
+                disabled={isDisabled}
+                onChange={(e) => {
+                  setStatus(e.target.checked ? 1 : 2);
+                  if (e.target.checked) {
+                    setDateTime(null);
+                  } else {
+                    setDateTime(0);
+                  }
+                }}
+              ></Checkbox>
+              <span
+                style={{
+                  color: "var(--dt-text-color1)",
+                  fontWeight: 400,
+                  fontSize: 14,
+                }}
+              >
+                {TranslateText(["持续", "Alarm after"])}
+              </span>
               <Input
+                disabled={status !== 1 || isDisabled}
+                value={dateTime}
+                onChange={(e) => {
+                  console.log(e.target.value);
+                  setDateTime(e.target.value?.replace(/\D/g, ""));
+                }}
                 placeholder={TranslateText(["请输入", "Please input"])}
-                style={{ width: "200px" }}
-              />
-            </Form.Item>
-
-            <Form.Item
-              label={TranslateText(["告警组", "Group"])}
-              name={"group_id"}
-            >
-              <Select
-                style={{ width: 200 }}
-                options={[
-                  ...[
-                    {
-                      label: "未分组",
-                      value: 0,
-                    },
-                  ],
-                  ...(groupList?.map((item) => {
-                    return {
-                      label: item?.name,
-                      value: item?.id,
-                    };
-                  }) ?? []),
-                ]}
-                placeholder={TranslateText(["请选择", "Please choose"])}
+                style={{ width: 100 }}
               />
-            </Form.Item>
-
-            <Form.Item
-              name={isDisabled ? "" : "defer_seconds"}
-              disabled={isDisabled}
-              label={TranslateText(["延时告警", "Delayed alarm"])}
-            >
-              <div>
-                <div
-                  style={{
-                    display: "flex",
-                    gap: 8,
-                    alignItems: "center",
-                  }}
-                >
-                  <Checkbox
-                    checked={status === 1}
-                    disabled={isDisabled}
-                    onChange={(e) => {
-                      setStatus(e.target.checked ? 1 : 2);
-                      if (e.target.checked) {
-                        setDateTime(null);
-                      } else {
-                        setDateTime(0);
-                      }
-                    }}
-                  ></Checkbox>
-                  <span
-                    style={{
-                      color: "var(--dt-text-color1)",
-                      fontWeight: 400,
-                      fontSize: 14,
-                    }}
-                  >
-                    {TranslateText(["持续", "Alarm after"])}
-                  </span>
-                  <Input
-                    disabled={status !== 1 || isDisabled}
-                    value={dateTime}
-                    onChange={(e) => {
-                      console.log(e.target.value);
-                      setDateTime(e.target.value?.replace(/\D/g, ""));
-                    }}
-                    placeholder={TranslateText(["请输入", "Please input"])}
-                    style={{ width: 100 }}
-                  />
-                  <span
-                    style={{
-                      color: "var(--dt-text-color1)",
-                      fontWeight: 400,
-                      fontSize: 14,
-                    }}
-                  >
-                    {deferUnit === 1
-                      ? TranslateText(["秒", "seconds"])
-                      : TranslateText(["分钟", "minutes"])}{" "}
-                    {TranslateText(["后报警", "of duration"])}
-                  </span>
+              <span
+                style={{
+                  color: "var(--dt-text-color1)",
+                  fontWeight: 400,
+                  fontSize: 14,
+                }}
+              >
+                {deferUnit === 1
+                  ? TranslateText(["秒", "seconds"])
+                  : TranslateText(["分钟", "minutes"])}{" "}
+                {TranslateText(["后报警", "of duration"])}
+              </span>
+            </div>
+            {dateTime !== null &&
+              ["", undefined, null].indexOf(dateTime) !== -1 &&
+              status === 1 &&
+              !isDisabled && (
+                <div style={{ color: "var(--dt-error-color1)" }}>
+                  请输入数字
                 </div>
-                {dateTime !== null &&
-                  ["", undefined, null].indexOf(dateTime) !== -1 &&
-                  status === 1 &&
-                  !isDisabled && (
-                    <div style={{ color: "var(--dt-error-color1)" }}>
-                      请输入数字
-                    </div>
-                  )}
-              </div>
-            </Form.Item>
-          </>
-        )}
+              )}
+          </div>
+        </Form.Item>
 
         {showMore && (
           <Form.Item

برخی فایل ها در این مقایسه diff نمایش داده نمی شوند زیرا تعداد فایل ها بسیار زیاد است