From 51f575f2fda969db1e233667c6017cfdd9aa5ef4 Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Mon, 22 Apr 2019 13:01:30 +0800
Subject: [PATCH] Show type property for attachment detail.

---
 src/api/attachment.js                         | 22 +++++++++++++++
 src/views/attachment/AttachmentList.vue       | 27 ++++++++++++++-----
 .../components/AttachmentDetailDrawer.vue     |  5 ++++
 .../components/AttachmentDrawer.vue           | 11 +++++++-
 4 files changed, 57 insertions(+), 8 deletions(-)

diff --git a/src/api/attachment.js b/src/api/attachment.js
index c2ee0298..f2c54325 100644
--- a/src/api/attachment.js
+++ b/src/api/attachment.js
@@ -56,4 +56,26 @@ attachmentApi.upload = (formData, uploadProgress, cancelToken) => {
   })
 }
 
+attachmentApi.type = {
+  LOCAL: {
+    type: 'local',
+    text: '本地'
+  },
+  SMMS: {
+    type: 'smms',
+    text: 'SM.MS'
+  },
+  UPYUN: {
+    type: 'upyun',
+    text: '又拍云'
+  },
+  QNYUN: {
+    type: 'qnyun',
+    text: '七牛云'
+  },
+  ALIYUN: {
+    type: 'aliyun',
+    text: '阿里云'
+  }
+}
 export default attachmentApi
diff --git a/src/views/attachment/AttachmentList.vue b/src/views/attachment/AttachmentList.vue
index 41314a2b..b70e2617 100644
--- a/src/views/attachment/AttachmentList.vue
+++ b/src/views/attachment/AttachmentList.vue
@@ -14,18 +14,22 @@
                 <a-col :md="6" :sm="24">
                   <a-form-item label="存储位置">
                     <a-select v-model="queryParam.attachmentType">
-                      <a-select-option value="local">本地</a-select-option>
-                      <a-select-option value="smms">SM.MS</a-select-option>
-                      <a-select-option value="upyun">又拍云</a-select-option>
-                      <a-select-option value="qnyun">七牛云</a-select-option>
-                      <a-select-option value="aliyun">阿里云</a-select-option>
+                      <a-select-option
+                        v-for="item in Object.keys(attachmentType)"
+                        :key="item"
+                        :value="item"
+                      >{{ attachmentType[item].text }}</a-select-option>
                     </a-select>
                   </a-form-item>
                 </a-col>
                 <a-col :md="6" :sm="24">
                   <a-form-item label="文件类型">
                     <a-select v-model="queryParam.mediaType">
-                      <a-select-option v-for="(item,index) in mediaTypes" :key="index" :value="item">{{ item }}</a-select-option>
+                      <a-select-option
+                        v-for="(item,index) in mediaTypes"
+                        :key="index"
+                        :value="item"
+                      >{{ item }}</a-select-option>
                     </a-select>
                   </a-form-item>
                 </a-col>
@@ -46,7 +50,7 @@
       <a-col :span="24">
         <a-list
           :grid="{ gutter: 12, xs: 1, sm: 2, md: 4, lg: 6, xl: 6, xxl: 6 }"
-          :dataSource="attachments"
+          :dataSource="formattedDatas"
         >
           <a-list-item slot="renderItem" slot-scope="item, index" :key="index">
             <a-card :bodyStyle="{ padding: 0 }" hoverable @click="showDetailDrawer(item)">
@@ -103,6 +107,7 @@ export default {
   mixins: [mixin, mixinDevice],
   data() {
     return {
+      attachmentType: attachmentApi.type,
       uploadVisible: false,
       selectAttachment: {},
       attachments: [],
@@ -125,6 +130,14 @@ export default {
       drawerVisiable: false
     }
   },
+  computed: {
+    formattedDatas() {
+      return this.attachments.map(attachment => {
+        attachment.typeProperty = this.attachmentType[attachment.type]
+        return attachment
+      })
+    }
+  },
   created() {
     this.loadAttachments()
     this.loadMediaTypes()
diff --git a/src/views/attachment/components/AttachmentDetailDrawer.vue b/src/views/attachment/components/AttachmentDetailDrawer.vue
index 4c21a1e3..05fb9eea 100644
--- a/src/views/attachment/components/AttachmentDetailDrawer.vue
+++ b/src/views/attachment/components/AttachmentDetailDrawer.vue
@@ -36,6 +36,11 @@
                 <span slot="title">附件类型：</span>
               </a-list-item-meta>
             </a-list-item>
+            <a-list-item>
+              <a-list-item-meta :description="attachment.typeProperty">
+                <span slot="title">存储位置：</span>
+              </a-list-item-meta>
+            </a-list-item>
             <a-list-item>
               <a-list-item-meta>
                 <template slot="description">
diff --git a/src/views/attachment/components/AttachmentDrawer.vue b/src/views/attachment/components/AttachmentDrawer.vue
index 239d9240..a41a3ed4 100644
--- a/src/views/attachment/components/AttachmentDrawer.vue
+++ b/src/views/attachment/components/AttachmentDrawer.vue
@@ -30,7 +30,7 @@
           <a-col :span="24">
             <div
               class="attach-item"
-              v-for="(item, index) in attachments"
+              v-for="(item, index) in formattedDatas"
               :key="index"
               @click="showDetailDrawer(item)"
             >
@@ -112,6 +112,7 @@ export default {
   },
   data() {
     return {
+      attachmentType: attachmentApi.type,
       detailVisiable: false,
       attachmentDrawerVisible: false,
       uploadVisible: false,
@@ -126,6 +127,14 @@ export default {
       attachmentUploadHandler: attachmentApi.upload
     }
   },
+  computed: {
+    formattedDatas() {
+      return this.attachments.map(attachment => {
+        attachment.typeProperty = this.attachmentType[attachment.type]
+        return attachment
+      })
+    }
+  },
   created() {
     this.loadSkeleton()
     this.loadAttachments()