feature(跟进): 跟进附件

src/api/customer/follow.js

@@ -30,4 +30,8 @@ export default {
   addComment(query) {
     return micro_request.postRequest(basePath, 'FollowUpComment', 'Create', query)
   },
+  // 获取附件列表
+  getFollowupFileList(query) {
+    return micro_request.postRequest(basePath, 'FollowUpFile', 'GetList', query)
+  },
 }

src/views/customer/components/FollowDetail.vue

@@ -8,7 +8,13 @@
 -->
 <template>
   <el-dialog title="跟进详情" :visible.sync="visible">
-    <el-descriptions border class="margin-top" :column="1" size="medium">
+    <el-descriptions
+      border
+      class="margin-top"
+      :column="1"
+      :content-style="{ width: '85%', 'word-break': 'break-all' }"
+      :label-style="{ width: '15%' }"
+      size="medium">
       <el-descriptions-item label="跟进类型">
         {{ formatType(form.followType) }}
       </el-descriptions-item>
@@ -28,7 +34,10 @@
         {{ form.contactsName }}
       </el-descriptions-item>
       <el-descriptions-item label="相关附件">
-        {{ form.files }}
+        <a v-for="item in form.files" :key="item.id" :href="item.fileUrl">
+          {{ item.fileName }}
+          <br />
+        </a>
       </el-descriptions-item>
       <el-descriptions-item label="评论数量">
         {{ form.commentNumber }}
@@ -49,6 +58,9 @@
 </template>
 
 <script>
+  import api from '@/api/customer/follow'
+  import to from 'await-to-js'
+
   export default {
     data() {
       return {
@@ -67,6 +79,7 @@
           contactsName: '',
           reminders: '',
           nextTime: '',
+          files: [],
           remark: '',
           createdBy: '',
           createdName: '',
@@ -80,9 +93,17 @@
     },
     methods: {
       init(form) {
+        form.files = []
         this.form = form
         this.visible = true
+        this.getFollowupFileList()
+      },
+      async getFollowupFileList() {
+        const [err, res] = await to(api.getFollowupFileList({ followId: this.form.id + '' }))
+        if (err) return
+        this.form.files = res.data.list || []
       },
+
       formatType(val) {
         let str = ''
         if (val == 10) str = '电话'