From eb7ceab7e645d9724c5e82170580a3f075b83330 Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Fri, 21 Jun 2019 23:17:00 +0800
Subject: [PATCH] #23

---
 .../components/AttachmentDetailDrawer.vue     | 22 ++++++++--------
 src/views/system/About.vue                    | 25 ++++++++++++++++++-
 2 files changed, 35 insertions(+), 12 deletions(-)

diff --git a/src/views/attachment/components/AttachmentDetailDrawer.vue b/src/views/attachment/components/AttachmentDetailDrawer.vue
index bfb8df23..9ff754c2 100644
--- a/src/views/attachment/components/AttachmentDetailDrawer.vue
+++ b/src/views/attachment/components/AttachmentDetailDrawer.vue
@@ -91,11 +91,11 @@
               <a-list-item-meta :description="attachment.path">
                 <span slot="title">
                   普通链接：
-                  <a href="javascript:void(0);">
-                    <a-icon
-                      type="copy"
-                      @click="handleCopyNormalLink"
-                    />
+                  <a
+                    href="javascript:void(0);"
+                    @click="handleCopyNormalLink"
+                  >
+                    <a-icon type="copy" />
                   </a>
                 </span>
               </a-list-item-meta>
@@ -105,11 +105,11 @@
                 <span slot="description">![{{ attachment.name }}]({{ attachment.path }})</span>
                 <span slot="title">
                   Markdown 格式：
-                  <a href="javascript:void(0);">
-                    <a-icon
-                      type="copy"
-                      @click="handleCopyMarkdownLink"
-                    />
+                  <a
+                    href="javascript:void(0);"
+                    @click="handleCopyMarkdownLink"
+                  >
+                    <a-icon type="copy" />
                   </a>
                 </span>
               </a-list-item-meta>
@@ -118,7 +118,7 @@
         </a-skeleton>
       </a-col>
     </a-row>
-    <a-divider class="divider-transparent"/>
+    <a-divider class="divider-transparent" />
     <div class="bottom-control">
       <a-popconfirm
         title="你确定要添加到图库？"
diff --git a/src/views/system/About.vue b/src/views/system/About.vue
index 989954e6..0e3f7a94 100644
--- a/src/views/system/About.vue
+++ b/src/views/system/About.vue
@@ -4,10 +4,18 @@
       <a-col :span="24">
         <a-card :bordered="false">
           <a-card
-            title="环境信息"
             :bordered="false"
             class="environment-info"
           >
+            <template slot="title">
+              环境信息
+              <a
+                href="javascript:void(0);"
+                @click="handleCopyEnvironments"
+              >
+                <a-icon type="copy" />
+              </a>
+            </template>
             <a-popconfirm
               slot="extra"
               placement="left"
@@ -202,6 +210,21 @@ export default {
         .finally(() => {
           this.updating = false
         })
+    },
+    handleCopyEnvironments() {
+      const text = `Server 版本：${this.environments.version}
+Admin 版本：${this.adminVersion}
+数据库：${this.environments.database}
+运行模式：${this.environments.mode}`
+      this.$copyText(text)
+        .then(message => {
+          console.log('copy', message)
+          this.$message.success('复制成功！')
+        })
+        .catch(err => {
+          console.log('copy.err', err)
+          this.$message.error('复制失败！')
+        })
     }
   }
 }