diff --git a/src/assets/style/common.scss b/src/assets/style/common.scss
index 146de06..39b4e8d 100644
--- a/src/assets/style/common.scss
+++ b/src/assets/style/common.scss
@@ -351,6 +351,9 @@ html{
         left: $left;
     }
 }
+.ml-4{
+  margin-left: 4px;
+}
 .mt-8{
     margin-top: $size8;
 }
diff --git a/src/pages/mediation-page/components/LayoutContentNew.vue b/src/pages/mediation-page/components/LayoutContentNew.vue
index e64a663..bc35f8c 100644
--- a/src/pages/mediation-page/components/LayoutContentNew.vue
+++ b/src/pages/mediation-page/components/LayoutContentNew.vue
@@ -623,7 +623,7 @@ export default {
     return {
       VideoDialog: null,
       eventDialog: {caseId: this.$route.query.caseId},
-      leftActive: 1,
+      leftActive: 4,
       rightActive: 1,
 
       fileList: [],
diff --git a/src/pages/mediation-page/components/cassWrit.vue b/src/pages/mediation-page/components/cassWrit.vue
index 9f56089..345bc09 100644
--- a/src/pages/mediation-page/components/cassWrit.vue
+++ b/src/pages/mediation-page/components/cassWrit.vue
@@ -4,13 +4,19 @@
       <span class="f-weight500 f18">案件文书</span>
 <!--      <span class="cursor-pointer"><i class="el-icon-tickets"></i> 文书生成</span>-->
     </div>
-    <div class="case-detail-des flex-column mb-16 border-E5E6EB">
+    <div class="case-detail-des flex-column mb-16 border-E5E6EB" v-for="(item, index) in tableData" :key="index">
       <div class="background-color-F5F5F5 p-16 flex-row align-items-center border-radius-8">
-        <a class="case-img"><img :src="reg_img('m-info1.pdf')"/></a>
-        <div class="flex-column">
-          <a class="f-weight500">调解申请书</a>
-          <a class="color-86909C f12">未签字</a>
-          <a class="color-86909C f12">--</a>
+        <a class="case-img"><img :src="reg_img(item.documentUrl)"/></a>
+        <div class="flex-column pl-8">
+          <a class="f-weight500">{{item.fileName}}</a>
+          <a class="color-86909C f12 pt-6 pb-6">{{item.signTime}}</a>
+          <div class="flex-row justify-content-between align-items-center">
+            <div>签字</div>
+            <el-tag class="ml-4" size="small" type="success" effect="plain"
+                    v-for="(item1, index1) in item.signList" :key="index1">{{item1.signed}}</el-tag>
+            <el-tag class="ml-4" size="small" type="info" effect="plain"
+                    v-for="(item2, index2) in item.unsignList" :key="index2">{{item2.unsigned}}</el-tag>
+          </div>
         </div>
       </div>
       <div class="color-86909C mt-8">
@@ -25,16 +31,25 @@
 </template>
 
 <script>
-import caseMaterial from "@/services/caseMaterial";
+import caseManagement from "@/services/caseManagement";
 export default {
   name: "cassWrit",
+  props: {
+    caseId: {
+      type: String,
+      default: () => {
+        return ''
+      },
+    },
+  },
   data() {
     return{
-
+      tableData: [],
+      total: 0,
     }
   },
-  mounted() {
-
+  async created() {
+    await this.getWritCaseList();
   },
   methods: {
     reg_img(item) {
@@ -60,6 +75,64 @@ export default {
         return item
       }
     },
+    // 列表数据
+    getWritCaseList() {
+      let dataJson = {
+        // size: 9999,
+        // current: 1,
+        id: this.caseId
+      }
+      caseManagement.getCaseFileList(dataJson).then(res => {
+        if (!res.code) {
+          this.tableData = res.records;
+          this.total = res.total;
+        }
+      })
+    },
+    async handlePreview(item) {
+      let previewUrl = `/mediate/minio/preview/${item.fullUrl}`
+      if(item.fullUrl.includes('http')){previewUrl = item.fullUrl}
+      let analysisType = this.$util.getFileType(item.url);
+      if (analysisType === 'image'){
+        this.previewPath = previewUrl
+        this.editImgFlag = true;
+      }else if(analysisType.toLowerCase() === 'mp4' || analysisType.toLowerCase() === 'video'){
+        this.previewPath = previewUrl
+        this.editMp4Flag = true;
+      }else if(analysisType.toLowerCase() === 'pdf'){
+        this.previewPath = previewUrl
+        this.editPdfFlag = true;
+      }else {
+        // let res = await commonFun.viewFile2({url: item.url})
+        // window.open(`${res}`, '_target')
+      }
+    },
+    handleDelete(item) {
+      this.$confirm("请确定是否删除?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        if(!this.$clickThrottle()) { return }//防止重复点击
+        let data = {id: item.id}
+        caseManagement.deleteCaseFileById(data).then((res) => {
+          this.$message.success("成功");
+          this.getFileCaseList()
+        });
+      }).catch(() => {});
+    },
+    handleDownload(item) {
+      const downloadTask = this.$TrydoFiles.download(item.fullUrl, item.name)
+          .build()
+          .start();
+      // fetchApi.downFile({
+      //   path: item.url,
+      //   fileName: item.name
+      // }).then(res => {
+      //   console.log(res)
+      //   this.$util.downloadFileByBlob(res, item.name)
+      // })
+    }
   },
 }
 </script>
diff --git a/src/services/caseManagement.js b/src/services/caseManagement.js
index af7f525..c320854 100644
--- a/src/services/caseManagement.js
+++ b/src/services/caseManagement.js
@@ -202,7 +202,36 @@ const caseManagementApi = {
     traceSeal_cancel: data => {
         return service.service.post(`${apiAdmin}api/trace/traceSeal/cancel`, data)
     },
-    
+
+    // 案件文书-列表
+    getCaseGenerateList: data => {
+        return service.service.post(`${apiAdmin}api/trace/traceGenerate/getCaseGenerateList`, data)
+    },
+    // 案件文书-上传模板
+    customFileUpload: data => {
+        return service.service.post(`${apiAdmin}api/trace/traceGenerate/customFile/upload`, data)
+    },
+    // 案件文书-生成文书
+    traceGenerateCreate: data => {
+        return service.service.post(`${apiAdmin}api/trace/traceGenerate/create`, data)
+    },
+    // 案件文书-删除
+    traceGenerateDelete: data => {
+        return service.service.post(`${apiAdmin}api/trace/traceGenerate/delete`, data)
+    },
+    // 案件文书-批量生成文书
+    traceGenerateBatchCreate: data => {
+        return service.service.post(`${apiAdmin}api/trace/traceGenerate/batch-create`, data)
+    },
+    // 案件文书-批量取消
+    traceGenerateBatchCancel: data => {
+        return service.service.post(`${apiAdmin}api/trace/traceGenerate/batch-cancel`, data)
+    },
+    // 案件文书-批量重试
+    traceGenerateBatchRetry: data => {
+        return service.service.post(`${apiAdmin}api/trace/traceGenerate/batch-retry`, data)
+    },
+
     //========================end::案件管理======================================
 }
 export default caseManagementApi;
\ No newline at end of file