案件详情，归档详情，仲裁申请书展示，流程信息展示下一步操作角色

src/views/caseFiling/archiveList.vue

@@ -34,9 +34,9 @@
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
-    <!-- <el-row>
-         <el-button  size="mini">案件归档</el-button>
-    </el-row> -->
+    <el-row style="margin-bottom:5px;">
+         <el-button type="primary" size="mini" class="el-icon-download" @click="downloadZips">案件归档</el-button>
+    </el-row>
     <el-table v-loading="loading" :data="dataList" style="width: 100%">
       <el-table-column label="序号" type="index" align="center">
         <template slot-scope="scope">
@@ -130,6 +130,10 @@ export default {
       this.resetForm("queryForm");
       this.handleQuery();
     },
+    // 下在案件归档压缩包
+    downloadZips(){
+      //  console.log(this.download) 
+    },
     // 查询列表数据
     getList(parms) {
       this.loading = true;

src/views/caseFiling/components/caseInfo.vue

@@ -126,6 +126,13 @@
             </p>
           </el-form-item>
         </el-col>
+        <el-col :span="24">
+           <el-form-item label="仲裁申请书:">
+              <div v-for="item in caseApplicationObj.caseAttachList" v-if="item.annexType ==1">
+                <el-link target="_blank" type="primary" :href ="fileURL+item.annexPath">{{item.annexName}}</el-link>
+              </div>
+           </el-form-item>
+        </el-col>
       </el-row>
     </el-form>
     <!-- 申请人主体信息 -->
@@ -512,6 +519,7 @@ export default {
   props: ["caseApplicationObj"],
   data() {
     return {
+      fileURL: window.location.origin + "/API",
       formData: {},
       applicateArr: [],
       quiltArr: [],
@@ -561,6 +569,7 @@ export default {
     if (this.caseApplicationObj) {
       this.formData = this.caseApplicationObj;
     }
+    console.log(this.caseApplicationObj)
     console.log("this.formData", this.formData);
     if (this.caseApplicationObj && this.caseApplicationObj.caseAffiliates) {
       this.caseApplicationObj.caseAffiliates.forEach((item) => {