代码提交

Cunkebao/src/pages/mobile/scenarios/plan/list/planApi.tsx

@@ -271,19 +271,42 @@ const PlanApi: React.FC<PlanApiProps> = ({
     );
   };
 
-  const renderDocsTab = () => (
+  const renderDocsTab = () => {
-    <div className={style["docs-content"]}>
+    const docUrl = `${import.meta.env.VITE_API_BASE_URL}/doc/api_v1.md`;
-      <div className={style["docs-grid"]}>
+
-        <Card className={style["doc-card"]}>
+    return (
-          <div className={style["doc-icon"]}>
+      <div className={style["docs-content"]}>
-            <BookOutlined />
+        <div className={style["docs-grid"]}>
-          </div>
+          <Card className={style["doc-card"]}>
-          <h4>对外获客线索上报接口文档（V1）</h4>
+            <div className={style["doc-icon"]}>
-          <p></p>
+              <BookOutlined />
-        </Card>
+            </div>
+            <h4>对外获客线索上报接口文档（V1）</h4>
+            <p>点击下方按钮可直接在浏览器中打开最新的远程文档。</p>
+            <div className={style["doc-actions"]}>
+              <Button
+                size="small"
+                onClick={() => {
+                  window.open(docUrl, "_blank");
+                }}
+                className={style["doc-open-btn"]}
+              >
+                在浏览器中打开文档
+              </Button>
+              <Button
+                size="small"
+                onClick={() => handleCopy(docUrl, "文档链接")}
+                className={style["doc-copy-btn"]}
+              >
+                <CopyOutlined />
+                复制文档链接
+              </Button>
+            </div>
+          </Card>
+        </div>
       </div>
-    </div>
+    );
-  );
+  };
 
   const renderCodeTab = () => {
     const codeExamples = {