diff --git a/src/views/xgf/flow/components/flowInfo.vue b/src/views/xgf/flow/components/flowInfo.vue
index 7ffe2e4..75435c4 100644
--- a/src/views/xgf/flow/components/flowInfo.vue
+++ b/src/views/xgf/flow/components/flowInfo.vue
@@ -7,31 +7,38 @@
     title="审批流程"
     width="60%">
     <el-steps :space="200" :active="list.length" direction="vertical" finish-status="success">
-      <el-step v-for="item in list" :key="item.FLOW_DETAIL_ID" :value="item.FLOW_DETAIL_ID" :title="item.SORT">
+      <el-step v-for="item in list" :key="item.FLOW_DETAIL_ID" :value="item.FLOW_DETAIL_ID" :title="item.SORT+''">
         <template slot="description">
-          <el-card class="box-card" style="width: 900px;">
+          <el-card class="box-card a" style="width: 900px;">
             <div slot="header" class="clearfix">
               <span>{{ item.STEP_NAME }}</span>
             </div>
             <div>
               <el-row>
-                <el-col v-if="item.APPROVER_NAME">
-                  审批人：{{ item.APPROVER_NAME }}
+                <el-col :span="12">
+                  <el-row>
+                    <el-col v-if="item.APPROVER_NAME">
+                      审批人：{{ item.APPROVER_NAME }}
+                    </el-col>
+                    <el-col>
+                      审批状态：{{ item.PASS_FLAG === '1' ? '同意' : '不同意' }}
+                    </el-col>
+                    <el-col>
+                      审批人归属公司：{{ item.APPROVER_CORPINFO_NAME }}
+                    </el-col>
+                    <el-col>
+                      审批时间：{{ item.APPROVER_TIME }}
+                    </el-col>
+                    <el-col v-if="item.APPROVER_OPINION">
+                      审批意见：{{ item.APPROVER_OPINION }}
+                    </el-col>
+                    <el-col v-if="item.END_FLAG === '1'" style="color: red; font-weight: bold;font-size: large">
+                      审批结束
+                    </el-col>
+                  </el-row>
                 </el-col>
-                <el-col>
-                  审批状态：{{ item.PASS_FLAG === '1' ? '同意' : '不同意' }}
-                </el-col>
-                <el-col>
-                  审批人归属公司：{{ item.APPROVER_CORPINFO_NAME }}
-                </el-col>
-                <el-col>
-                  审批时间：{{ item.APPROVER_TIME }}
-                </el-col>
-                <el-col v-if="item.APPROVER_OPINION">
-                  审批意见：{{ item.APPROVER_OPINION }}
-                </el-col>
-                <el-col v-if="item.END_FLAG === '1'" style="color: red; font-weight: bold;font-size: large">
-                  审批结束
+                <el-col v-if="item.APPOINT_ANNEX" :span="12">
+                  <el-button icon="el-icon-download" type="primary" @click = "download(item)">下载附件</el-button>
                 </el-col>
               </el-row>
             </div>
@@ -47,6 +54,7 @@
 
 <script>
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import useDownloadFile from '../../../../utils/useDownloadFile'
 
 export default {
   props: {
@@ -77,6 +85,9 @@ export default {
     },
     closeWindow() {
       this.handleClose()
+    },
+    download(item) {
+      useDownloadFile(item.APPOINT_ANNEX)
     }
   }
 }