diff --git a/src/locale/zh-CN/system.ts b/src/locale/zh-CN/system.ts
index c4370a26..2ce85e30 100644
--- a/src/locale/zh-CN/system.ts
+++ b/src/locale/zh-CN/system.ts
@@ -197,5 +197,7 @@ export default {
     receiveType: '接收方式',
     email: '邮箱',
     phone: '手机号',
+    ceTips:
+      '如果您使用飞书作为协作平台，并且希望在飞书上进行工单审批，您可以启用飞书审批功能。通过将工单审批集成到团队的协作平台中，审批过程将变得更加便捷、高效和可追溯，同时提升数据安全和团队协作的效率。    ',
   },
 };
diff --git a/src/page/System/LarkAuditSetting/__snapshots__/index.test.tsx.snap b/src/page/System/LarkAuditSetting/__snapshots__/index.test.tsx.snap
index 13b6ce90..de0eb8ad 100644
--- a/src/page/System/LarkAuditSetting/__snapshots__/index.test.tsx.snap
+++ b/src/page/System/LarkAuditSetting/__snapshots__/index.test.tsx.snap
@@ -52,6 +52,113 @@ exports[`test System/LarkAuditSetting should disabled edit lark audit configurat
     <div
       class="ant-card-body"
     >
+      <section
+        class=""
+      >
+        <div
+          class="ant-card"
+        >
+          <div
+            class="ant-card-body"
+          >
+            <div
+              class="ant-space ant-space-vertical"
+            >
+              <div
+                class="ant-space-item"
+                style="margin-bottom: 26px;"
+              >
+                <article>
+                  <h4
+                    class="ant-typography"
+                  >
+                    common.enterpriseFeatureDisplay.featureDescription
+                  </h4>
+                  <span
+                    class="ant-typography whitespace-pre-line"
+                  >
+                    system.larkAudit.ceTips
+                  </span>
+                </article>
+              </div>
+              <div
+                class="ant-space-item"
+              >
+                <article>
+                  <div
+                    class="ant-space ant-space-vertical"
+                  >
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <h4
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.additionalAttention
+                      </h4>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <span
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.businessLink
+                      </span>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <ul>
+                        <li>
+                          <a
+                            href="https://actiontech.github.io/sqle-docs/docs/support/commercial-support"
+                          >
+                            https://actiontech.github.io/sqle-docs/docs/support/commercial-support
+                          </a>
+                        </li>
+                        <li>
+                          <a
+                            href="https://www.actionsky.com/"
+                          >
+                            https://www.actionsky.com/
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <span
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.compareLink
+                      </span>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                    >
+                      <ul>
+                        <li>
+                          <a
+                            href="https://actiontech.github.io/sqle-docs/docs/support/compare"
+                          >
+                            https://actiontech.github.io/sqle-docs/docs/support/compare
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </article>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
       <section>
         <div
           class="ant-descriptions"
@@ -308,6 +415,113 @@ exports[`test System/LarkAuditSetting should disabled edit lark audit configurat
     <div
       class="ant-card-body"
     >
+      <section
+        class=""
+      >
+        <div
+          class="ant-card"
+        >
+          <div
+            class="ant-card-body"
+          >
+            <div
+              class="ant-space ant-space-vertical"
+            >
+              <div
+                class="ant-space-item"
+                style="margin-bottom: 26px;"
+              >
+                <article>
+                  <h4
+                    class="ant-typography"
+                  >
+                    common.enterpriseFeatureDisplay.featureDescription
+                  </h4>
+                  <span
+                    class="ant-typography whitespace-pre-line"
+                  >
+                    system.larkAudit.ceTips
+                  </span>
+                </article>
+              </div>
+              <div
+                class="ant-space-item"
+              >
+                <article>
+                  <div
+                    class="ant-space ant-space-vertical"
+                  >
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <h4
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.additionalAttention
+                      </h4>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <span
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.businessLink
+                      </span>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <ul>
+                        <li>
+                          <a
+                            href="https://actiontech.github.io/sqle-docs/docs/support/commercial-support"
+                          >
+                            https://actiontech.github.io/sqle-docs/docs/support/commercial-support
+                          </a>
+                        </li>
+                        <li>
+                          <a
+                            href="https://www.actionsky.com/"
+                          >
+                            https://www.actionsky.com/
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <span
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.compareLink
+                      </span>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                    >
+                      <ul>
+                        <li>
+                          <a
+                            href="https://actiontech.github.io/sqle-docs/docs/support/compare"
+                          >
+                            https://actiontech.github.io/sqle-docs/docs/support/compare
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </article>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
       <section
         hidden=""
       >
@@ -566,6 +780,113 @@ exports[`test System/LarkAuditSetting should disabled edit lark audit configurat
     <div
       class="ant-card-body"
     >
+      <section
+        class=""
+      >
+        <div
+          class="ant-card"
+        >
+          <div
+            class="ant-card-body"
+          >
+            <div
+              class="ant-space ant-space-vertical"
+            >
+              <div
+                class="ant-space-item"
+                style="margin-bottom: 26px;"
+              >
+                <article>
+                  <h4
+                    class="ant-typography"
+                  >
+                    common.enterpriseFeatureDisplay.featureDescription
+                  </h4>
+                  <span
+                    class="ant-typography whitespace-pre-line"
+                  >
+                    system.larkAudit.ceTips
+                  </span>
+                </article>
+              </div>
+              <div
+                class="ant-space-item"
+              >
+                <article>
+                  <div
+                    class="ant-space ant-space-vertical"
+                  >
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <h4
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.additionalAttention
+                      </h4>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <span
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.businessLink
+                      </span>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <ul>
+                        <li>
+                          <a
+                            href="https://actiontech.github.io/sqle-docs/docs/support/commercial-support"
+                          >
+                            https://actiontech.github.io/sqle-docs/docs/support/commercial-support
+                          </a>
+                        </li>
+                        <li>
+                          <a
+                            href="https://www.actionsky.com/"
+                          >
+                            https://www.actionsky.com/
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <span
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.compareLink
+                      </span>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                    >
+                      <ul>
+                        <li>
+                          <a
+                            href="https://actiontech.github.io/sqle-docs/docs/support/compare"
+                          >
+                            https://actiontech.github.io/sqle-docs/docs/support/compare
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </article>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
       <section
         hidden=""
       >
@@ -926,6 +1247,113 @@ exports[`test System/LarkAuditSetting should match snapshot 1`] = `
     <div
       class="ant-card-body"
     >
+      <section
+        class=""
+      >
+        <div
+          class="ant-card"
+        >
+          <div
+            class="ant-card-body"
+          >
+            <div
+              class="ant-space ant-space-vertical"
+            >
+              <div
+                class="ant-space-item"
+                style="margin-bottom: 26px;"
+              >
+                <article>
+                  <h4
+                    class="ant-typography"
+                  >
+                    common.enterpriseFeatureDisplay.featureDescription
+                  </h4>
+                  <span
+                    class="ant-typography whitespace-pre-line"
+                  >
+                    system.larkAudit.ceTips
+                  </span>
+                </article>
+              </div>
+              <div
+                class="ant-space-item"
+              >
+                <article>
+                  <div
+                    class="ant-space ant-space-vertical"
+                  >
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <h4
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.additionalAttention
+                      </h4>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <span
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.businessLink
+                      </span>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <ul>
+                        <li>
+                          <a
+                            href="https://actiontech.github.io/sqle-docs/docs/support/commercial-support"
+                          >
+                            https://actiontech.github.io/sqle-docs/docs/support/commercial-support
+                          </a>
+                        </li>
+                        <li>
+                          <a
+                            href="https://www.actionsky.com/"
+                          >
+                            https://www.actionsky.com/
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <span
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.compareLink
+                      </span>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                    >
+                      <ul>
+                        <li>
+                          <a
+                            href="https://actiontech.github.io/sqle-docs/docs/support/compare"
+                          >
+                            https://actiontech.github.io/sqle-docs/docs/support/compare
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </article>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
       <section>
         <div
           class="ant-descriptions"
@@ -1182,6 +1610,113 @@ exports[`test System/LarkAuditSetting should match snapshot 2`] = `
     <div
       class="ant-card-body"
     >
+      <section
+        class=""
+      >
+        <div
+          class="ant-card"
+        >
+          <div
+            class="ant-card-body"
+          >
+            <div
+              class="ant-space ant-space-vertical"
+            >
+              <div
+                class="ant-space-item"
+                style="margin-bottom: 26px;"
+              >
+                <article>
+                  <h4
+                    class="ant-typography"
+                  >
+                    common.enterpriseFeatureDisplay.featureDescription
+                  </h4>
+                  <span
+                    class="ant-typography whitespace-pre-line"
+                  >
+                    system.larkAudit.ceTips
+                  </span>
+                </article>
+              </div>
+              <div
+                class="ant-space-item"
+              >
+                <article>
+                  <div
+                    class="ant-space ant-space-vertical"
+                  >
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <h4
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.additionalAttention
+                      </h4>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <span
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.businessLink
+                      </span>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <ul>
+                        <li>
+                          <a
+                            href="https://actiontech.github.io/sqle-docs/docs/support/commercial-support"
+                          >
+                            https://actiontech.github.io/sqle-docs/docs/support/commercial-support
+                          </a>
+                        </li>
+                        <li>
+                          <a
+                            href="https://www.actionsky.com/"
+                          >
+                            https://www.actionsky.com/
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <span
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.compareLink
+                      </span>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                    >
+                      <ul>
+                        <li>
+                          <a
+                            href="https://actiontech.github.io/sqle-docs/docs/support/compare"
+                          >
+                            https://actiontech.github.io/sqle-docs/docs/support/compare
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </article>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
       <section>
         <div
           class="ant-descriptions"
@@ -1567,6 +2102,113 @@ exports[`test System/LarkAuditSetting should match snapshot 3`] = `
     <div
       class="ant-card-body"
     >
+      <section
+        class=""
+      >
+        <div
+          class="ant-card"
+        >
+          <div
+            class="ant-card-body"
+          >
+            <div
+              class="ant-space ant-space-vertical"
+            >
+              <div
+                class="ant-space-item"
+                style="margin-bottom: 26px;"
+              >
+                <article>
+                  <h4
+                    class="ant-typography"
+                  >
+                    common.enterpriseFeatureDisplay.featureDescription
+                  </h4>
+                  <span
+                    class="ant-typography whitespace-pre-line"
+                  >
+                    system.larkAudit.ceTips
+                  </span>
+                </article>
+              </div>
+              <div
+                class="ant-space-item"
+              >
+                <article>
+                  <div
+                    class="ant-space ant-space-vertical"
+                  >
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <h4
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.additionalAttention
+                      </h4>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <span
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.businessLink
+                      </span>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <ul>
+                        <li>
+                          <a
+                            href="https://actiontech.github.io/sqle-docs/docs/support/commercial-support"
+                          >
+                            https://actiontech.github.io/sqle-docs/docs/support/commercial-support
+                          </a>
+                        </li>
+                        <li>
+                          <a
+                            href="https://www.actionsky.com/"
+                          >
+                            https://www.actionsky.com/
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                      style="margin-bottom: 8px;"
+                    >
+                      <span
+                        class="ant-typography"
+                      >
+                        common.enterpriseFeatureDisplay.compareLink
+                      </span>
+                    </div>
+                    <div
+                      class="ant-space-item"
+                    >
+                      <ul>
+                        <li>
+                          <a
+                            href="https://actiontech.github.io/sqle-docs/docs/support/compare"
+                          >
+                            https://actiontech.github.io/sqle-docs/docs/support/compare
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </article>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
       <section
         hidden=""
       >
@@ -1959,6 +2601,113 @@ exports[`test System/LarkAuditSetting should send request when clicking test Din
       <div
         class="ant-card-body"
       >
+        <section
+          class=""
+        >
+          <div
+            class="ant-card"
+          >
+            <div
+              class="ant-card-body"
+            >
+              <div
+                class="ant-space ant-space-vertical"
+              >
+                <div
+                  class="ant-space-item"
+                  style="margin-bottom: 26px;"
+                >
+                  <article>
+                    <h4
+                      class="ant-typography"
+                    >
+                      common.enterpriseFeatureDisplay.featureDescription
+                    </h4>
+                    <span
+                      class="ant-typography whitespace-pre-line"
+                    >
+                      system.larkAudit.ceTips
+                    </span>
+                  </article>
+                </div>
+                <div
+                  class="ant-space-item"
+                >
+                  <article>
+                    <div
+                      class="ant-space ant-space-vertical"
+                    >
+                      <div
+                        class="ant-space-item"
+                        style="margin-bottom: 8px;"
+                      >
+                        <h4
+                          class="ant-typography"
+                        >
+                          common.enterpriseFeatureDisplay.additionalAttention
+                        </h4>
+                      </div>
+                      <div
+                        class="ant-space-item"
+                        style="margin-bottom: 8px;"
+                      >
+                        <span
+                          class="ant-typography"
+                        >
+                          common.enterpriseFeatureDisplay.businessLink
+                        </span>
+                      </div>
+                      <div
+                        class="ant-space-item"
+                        style="margin-bottom: 8px;"
+                      >
+                        <ul>
+                          <li>
+                            <a
+                              href="https://actiontech.github.io/sqle-docs/docs/support/commercial-support"
+                            >
+                              https://actiontech.github.io/sqle-docs/docs/support/commercial-support
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              href="https://www.actionsky.com/"
+                            >
+                              https://www.actionsky.com/
+                            </a>
+                          </li>
+                        </ul>
+                      </div>
+                      <div
+                        class="ant-space-item"
+                        style="margin-bottom: 8px;"
+                      >
+                        <span
+                          class="ant-typography"
+                        >
+                          common.enterpriseFeatureDisplay.compareLink
+                        </span>
+                      </div>
+                      <div
+                        class="ant-space-item"
+                      >
+                        <ul>
+                          <li>
+                            <a
+                              href="https://actiontech.github.io/sqle-docs/docs/support/compare"
+                            >
+                              https://actiontech.github.io/sqle-docs/docs/support/compare
+                            </a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </article>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
         <section>
           <div
             class="ant-descriptions"
diff --git a/src/page/System/LarkAuditSetting/index.tsx b/src/page/System/LarkAuditSetting/index.tsx
index d94d12fa..55aec109 100644
--- a/src/page/System/LarkAuditSetting/index.tsx
+++ b/src/page/System/LarkAuditSetting/index.tsx
@@ -27,6 +27,7 @@ import { useMemo, useRef, useState } from 'react';
 import { TestFeishuConfigurationReqV1AccountTypeEnum } from '../../../api/common.enum';
 import EmptyBox from '../../../components/EmptyBox';
 import { phoneRule } from '../../../utils/FormRule';
+import EnterpriseFeatureDisplay from '../../../components/EnterpriseFeatureDisplay/EnterpriseFeatureDisplay';
 
 type FormFields = {
   enabled: boolean;
@@ -191,173 +192,188 @@ const LarkAuditSetting: React.FC = () => {
         </>
       }
     >
-      <section hidden={modifyFlag}>
-        {renderReadOnlyModeConfig({
-          data: larkAuditInfo ?? {},
-          columns: readonlyColumnsConfig,
-          extra: (
-            <Space>
-              <Popover
-                trigger="click"
-                open={testPopoverVisible}
-                onOpenChange={(visible) => {
-                  if (!enabled) {
-                    return;
-                  }
-                  if (!visible) {
-                    testForm.resetFields();
-                    setReceiveType(
-                      TestFeishuConfigurationReqV1AccountTypeEnum.email
-                    );
-                  }
-                  toggleTestPopoverVisible(visible);
-                }}
-                content={
-                  <Space direction="vertical" className="full-width-element">
-                    <Form form={testForm}>
-                      <Form.Item
-                        name="receiveType"
-                        label={t('system.larkAudit.receiveType')}
-                        initialValue={
+      <EnterpriseFeatureDisplay
+        clearCEWrapperPadding={true}
+        featureName={t('system.title.larkAudit')}
+        eeFeatureDescription={t('system.larkAudit.ceTips')}
+      >
+        <>
+          <section hidden={modifyFlag}>
+            {renderReadOnlyModeConfig({
+              data: larkAuditInfo ?? {},
+              columns: readonlyColumnsConfig,
+              extra: (
+                <Space>
+                  <Popover
+                    trigger="click"
+                    open={testPopoverVisible}
+                    onOpenChange={(visible) => {
+                      if (!enabled) {
+                        return;
+                      }
+                      if (!visible) {
+                        testForm.resetFields();
+                        setReceiveType(
                           TestFeishuConfigurationReqV1AccountTypeEnum.email
-                        }
-                        style={{ marginBottom: 6 }}
+                        );
+                      }
+                      toggleTestPopoverVisible(visible);
+                    }}
+                    content={
+                      <Space
+                        direction="vertical"
+                        className="full-width-element"
                       >
-                        <Radio.Group onChange={handleChangeReceiveType}>
-                          <Radio
-                            value={
+                        <Form form={testForm}>
+                          <Form.Item
+                            name="receiveType"
+                            label={t('system.larkAudit.receiveType')}
+                            initialValue={
                               TestFeishuConfigurationReqV1AccountTypeEnum.email
                             }
+                            style={{ marginBottom: 6 }}
                           >
-                            {t('system.larkAudit.email')}
-                          </Radio>
-                          <Radio
-                            value={
+                            <Radio.Group onChange={handleChangeReceiveType}>
+                              <Radio
+                                value={
+                                  TestFeishuConfigurationReqV1AccountTypeEnum.email
+                                }
+                              >
+                                {t('system.larkAudit.email')}
+                              </Radio>
+                              <Radio
+                                value={
+                                  TestFeishuConfigurationReqV1AccountTypeEnum.phone
+                                }
+                              >
+                                {t('system.larkAudit.phone')}
+                              </Radio>
+                            </Radio.Group>
+                          </Form.Item>
+                          <EmptyBox
+                            if={
+                              receiveType ===
                               TestFeishuConfigurationReqV1AccountTypeEnum.phone
                             }
+                            defaultNode={
+                              <Form.Item
+                                style={{ marginBottom: 0 }}
+                                name="receiveEmail"
+                                label={t('system.larkAudit.email')}
+                                rules={[
+                                  {
+                                    required: true,
+                                  },
+                                  {
+                                    type: 'email',
+                                  },
+                                ]}
+                              >
+                                <Input />
+                              </Form.Item>
+                            }
                           >
-                            {t('system.larkAudit.phone')}
-                          </Radio>
-                        </Radio.Group>
-                      </Form.Item>
-                      <EmptyBox
-                        if={
-                          receiveType ===
-                          TestFeishuConfigurationReqV1AccountTypeEnum.phone
-                        }
-                        defaultNode={
-                          <Form.Item
-                            style={{ marginBottom: 0 }}
-                            name="receiveEmail"
-                            label={t('system.larkAudit.email')}
-                            rules={[
-                              {
-                                required: true,
-                              },
-                              {
-                                type: 'email',
-                              },
-                            ]}
-                          >
-                            <Input />
-                          </Form.Item>
-                        }
-                      >
-                        <Form.Item
-                          style={{ marginBottom: 0 }}
-                          name="receivePhone"
-                          label={t('system.larkAudit.phone')}
-                          rules={[
-                            {
-                              required: true,
-                            },
-                            ...phoneRule(),
-                          ]}
-                        >
-                          <Input />
-                        </Form.Item>
-                      </EmptyBox>
-                    </Form>
-                    <Row>
-                      <Col span={24} style={{ textAlign: 'right' }}>
-                        <Button
-                          type="primary"
-                          size="small"
-                          onClick={testLarkAuditConfiguration}
-                        >
-                          {t('common.ok')}
-                        </Button>
-                      </Col>
-                    </Row>
-                  </Space>
-                }
+                            <Form.Item
+                              style={{ marginBottom: 0 }}
+                              name="receivePhone"
+                              label={t('system.larkAudit.phone')}
+                              rules={[
+                                {
+                                  required: true,
+                                },
+                                ...phoneRule(),
+                              ]}
+                            >
+                              <Input />
+                            </Form.Item>
+                          </EmptyBox>
+                        </Form>
+                        <Row>
+                          <Col span={24} style={{ textAlign: 'right' }}>
+                            <Button
+                              type="primary"
+                              size="small"
+                              onClick={testLarkAuditConfiguration}
+                            >
+                              {t('common.ok')}
+                            </Button>
+                          </Col>
+                        </Row>
+                      </Space>
+                    }
+                  >
+                    <Button
+                      htmlType="submit"
+                      type="primary"
+                      loading={submitLoading}
+                      disabled={!enabled}
+                    >
+                      {t('system.larkAudit.test')}
+                    </Button>
+                  </Popover>
+                  <Button type="primary" onClick={handelClickModify}>
+                    {t('common.modify')}
+                  </Button>
+                </Space>
+              ),
+            })}
+          </section>
+          {renderEditingModeConfig({
+            switchField: (
+              <Form.Item
+                label={t('system.larkAudit.enable')}
+                name="enabled"
+                valuePropName="checked"
               >
-                <Button
-                  htmlType="submit"
-                  type="primary"
-                  loading={submitLoading}
-                  disabled={!enabled}
+                <Switch />
+              </Form.Item>
+            ),
+            configField: (
+              <>
+                <Form.Item
+                  label="APP ID"
+                  name="appKey"
+                  rules={[{ required: true }]}
                 >
-                  {t('system.larkAudit.test')}
-                </Button>
-              </Popover>
-              <Button type="primary" onClick={handelClickModify}>
-                {t('common.modify')}
-              </Button>
-            </Space>
-          ),
-        })}
-      </section>
-      {renderEditingModeConfig({
-        switchField: (
-          <Form.Item
-            label={t('system.larkAudit.enable')}
-            name="enabled"
-            valuePropName="checked"
-          >
-            <Switch />
-          </Form.Item>
-        ),
-        configField: (
-          <>
-            <Form.Item
-              label="APP ID"
-              name="appKey"
-              rules={[{ required: true }]}
-            >
-              <Input
-                placeholder={t('common.form.placeholder.input', {
-                  name: 'AppKey',
-                })}
-              />
-            </Form.Item>
-            <Form.Item
-              label="App Secret"
-              name="appSecret"
-              rules={[{ required: true }]}
-            >
-              <Input.Password
-                placeholder={t('common.form.placeholder.input', {
-                  name: 'AppSecret',
-                })}
-              />
-            </Form.Item>
-          </>
-        ),
-        submitButtonField: (
-          <Form.Item label=" " colon={false}>
-            <Space>
-              <Button htmlType="submit" type="primary" loading={submitLoading}>
-                {t('common.submit')}
-              </Button>
-              <Button onClick={handelClickCancel} disabled={submitLoading}>
-                {t('common.cancel')}
-              </Button>
-            </Space>
-          </Form.Item>
-        ),
-        submit: submitLarkAuditConfig,
-      })}
+                  <Input
+                    placeholder={t('common.form.placeholder.input', {
+                      name: 'AppKey',
+                    })}
+                  />
+                </Form.Item>
+                <Form.Item
+                  label="App Secret"
+                  name="appSecret"
+                  rules={[{ required: true }]}
+                >
+                  <Input.Password
+                    placeholder={t('common.form.placeholder.input', {
+                      name: 'AppSecret',
+                    })}
+                  />
+                </Form.Item>
+              </>
+            ),
+            submitButtonField: (
+              <Form.Item label=" " colon={false}>
+                <Space>
+                  <Button
+                    htmlType="submit"
+                    type="primary"
+                    loading={submitLoading}
+                  >
+                    {t('common.submit')}
+                  </Button>
+                  <Button onClick={handelClickCancel} disabled={submitLoading}>
+                    {t('common.cancel')}
+                  </Button>
+                </Space>
+              </Form.Item>
+            ),
+            submit: submitLarkAuditConfig,
+          })}
+        </>
+      </EnterpriseFeatureDisplay>
     </Card>
   );
 };