diff --git a/src/pages/matter/Detail.tsx b/src/pages/matter/Detail.tsx
index e6fc947..b61c131 100644
--- a/src/pages/matter/Detail.tsx
+++ b/src/pages/matter/Detail.tsx
@@ -1,9 +1,9 @@
 import React from "react";
-import {RouteComponentProps} from "react-router-dom";
+import { RouteComponentProps } from "react-router-dom";
 import "./Detail.less";
 import TankComponent from "../../common/component/TankComponent";
 import Matter from "../../common/model/matter/Matter";
-import {Space, Spin, Tag} from "antd";
+import { Space, Spin, Tag } from "antd";
 import StringUtil from "../../common/util/StringUtil";
 import TankTitle from "../widget/TankTitle";
 import DownloadToken from "../../common/model/download/token/DownloadToken";
@@ -20,11 +20,9 @@ interface RouteParam {
   uuid: string;
 }
 
-interface IProps extends RouteComponentProps<RouteParam> {
-}
+interface IProps extends RouteComponentProps<RouteParam> {}
 
-interface IState {
-}
+interface IState {}
 
 export default class Detail extends TankComponent<IProps, IState> {
   matter = new Matter();
@@ -36,7 +34,7 @@ export default class Detail extends TankComponent<IProps, IState> {
   }
 
   componentDidMount() {
-    const {uuid} = this.props.match.params;
+    const { uuid } = this.props.match.params;
     this.matter.uuid = uuid;
     let that = this;
     this.matter.httpDetail((response: any) => {
@@ -48,48 +46,58 @@ export default class Detail extends TankComponent<IProps, IState> {
   }
 
   copyLink = () => {
-    const {privacy} = this.matter;
+    const { privacy } = this.matter;
     const textToCopy = this.matter.getDownloadUrl(
       privacy ? this.downloadToken.uuid! : undefined
     );
     ClipboardUtil.copy(textToCopy, () => {
       MessageBoxUtil.success(Lang.t("copySuccess"));
-    })
+    });
+  };
+
+  recovery = () => {
+    this.matter.httpRecovery(() => {
+      this.matter.httpDetail(() => {
+        this.updateUI();
+      });
+      MessageBoxUtil.success(Lang.t("copySuccess"));
+    });
   };
 
   render() {
-    const {matter} = this;
+    const { matter } = this;
     return (
       <Spin tip={Lang.t("loading")} spinning={matter.detailLoading}>
         <div className="page-matter-detail">
-          <TankTitle name={Lang.t("matter.fileDetail")}/>
+          <TankTitle name={Lang.t("matter.fileDetail")} />
 
           <TankContentCard>
             <div className="info">
               <InfoCell name={Lang.t("matter.fileInfo")}>
-                {matter.name} <Tag color={Color.DANGER}>{Lang.t("matter.deleted")}</Tag>
-              </InfoCell>
-              <InfoCell name={Lang.t("matter.path")}>
-                {matter.path}
+                {matter.name}
+                {matter.deleted && (
+                  <Tag className="ml10" color={Color.DANGER}>
+                    {Lang.t("matter.deleted")}
+                  </Tag>
+                )}
               </InfoCell>
+              <InfoCell name={Lang.t("matter.path")}>{matter.path}</InfoCell>
               <InfoCell name={Lang.t("matter.createTime")}>
                 {DateUtil.simpleDateTime(matter.createTime)}
               </InfoCell>
               <InfoCell name={Lang.t("matter.updateTime")}>
                 {DateUtil.simpleDateTime(matter.updateTime)}
               </InfoCell>
-              {
-                matter.deleted && (
-                  <InfoCell name={Lang.t("matter.deleteTime")}>
-                    {DateUtil.simpleDateTime(matter.deleteTime)}
-                  </InfoCell>
-                )
-              }
+              {matter.deleted && (
+                <InfoCell name={Lang.t("matter.deleteTime")}>
+                  {DateUtil.simpleDateTime(matter.deleteTime)}
+                </InfoCell>
+              )}
+              <InfoCell name={Lang.t("matter.size")}>
+                {StringUtil.humanFileSize(matter.size)}
+              </InfoCell>
               {!matter.dir ? (
                 <>
-                  <InfoCell name={Lang.t("matter.size")}>
-                    {StringUtil.humanFileSize(matter.size)}
-                  </InfoCell>
                   <InfoCell name={Lang.t("matter.publicOrPrivate")}>
                     {matter.privacy
                       ? Lang.t("matter.privateInfo")
@@ -100,22 +108,37 @@ export default class Detail extends TankComponent<IProps, IState> {
                   </InfoCell>
                   <InfoCell name={Lang.t("matter.operations")}>
                     <Space>
-                      <a onClick={() => matter.download()}>{Lang.t("matter.download")}</a>
-                      <a onClick={() => matter.preview()}>{Lang.t("matter.preview")}</a>
-                      <a onClick={this.copyLink}>
-                        {matter.privacy ? Lang.t("matter.oneTimeLink") : Lang.t("matter.copyPath")}
+                      <a onClick={() => matter.download()}>
+                        {Lang.t("matter.download")}
                       </a>
+                      <a onClick={() => matter.preview()}>
+                        {Lang.t("matter.preview")}
+                      </a>
+                      <a onClick={this.copyLink}>
+                        {matter.privacy
+                          ? Lang.t("matter.oneTimeLink")
+                          : Lang.t("matter.copyPath")}
+                      </a>
+                      {matter.deleted ? (
+                        <a onClick={this.recovery}>
+                          {Lang.t("matter.recovery")}
+                        </a>
+                      ) : null}
                     </Space>
                   </InfoCell>
                 </>
               ) : null}
+              {matter.dir && matter.deleted && (
+                <InfoCell name={Lang.t("matter.operations")}>
+                  <a onClick={this.recovery}>{Lang.t("matter.recovery")}</a>
+                </InfoCell>
+              )}
             </div>
           </TankContentCard>
-
         </div>
 
         {!matter.dir && matter.uuid && matter.isImage() ? (
-          <ImageCacheList initFilter={{matterUuid: matter.uuid}}/>
+          <ImageCacheList initFilter={{ matterUuid: matter.uuid }} />
         ) : null}
       </Spin>
     );