diff --git a/src/pages/mediation-page/components/SidebarTool.vue b/src/pages/mediation-page/components/SidebarTool.vue
index b8fb488..51f5f96 100644
--- a/src/pages/mediation-page/components/SidebarTool.vue
+++ b/src/pages/mediation-page/components/SidebarTool.vue
@@ -4,18 +4,14 @@
       <div v-if="rightActive === 1">
         <div class="tab-content-title f16 f-weight600 pb-8">触达记录</div>
         <el-scrollbar :style="'height:'+`${contentHeight}`+'px'">
-          <el-timeline class="padding-2">
-            <el-timeline-item timestamp="2018/4/12" placement="top" type="primary">
+          <el-timeline class="padding-2" >
+            
+            <el-timeline-item v-for="(item,index) in mediatetraceRecord" :key="index" :timestamp="item.date" placement="top" type="primary">
               <el-card shadow="never">
-                <div class="mb-8">09:36 李四上传还款凭证</div>
-                <div class="mb-8">09:33 李四对调解协议进行了电子签名</div>
-              </el-card>
-            </el-timeline-item>
-            <el-timeline-item timestamp="2018/4/3" placement="top" type="primary">
-              <el-card shadow="never">
-                <div>09:27 李四浏览了案件材料信息</div>
+                <div class="mb-16" v-for="(item,index) in item.list" :key="index">{{ item.createAt | formaDate('hh:mm:ss') }}  {{item.remark}}</div>
               </el-card>
             </el-timeline-item>
+            
           </el-timeline>
         </el-scrollbar>
       </div>
@@ -320,6 +316,7 @@ export default {
       rightActive: 0,
       imgPdf: require('@/assets/image/util/pdf_img.jpg'),
       markNum: 4,
+      mediatetraceRecord:[],
       communicationRecord: [],
       communicationvideoRecord:[],
       smsRecord:[],
@@ -339,7 +336,10 @@ export default {
       }else {
         this.rightActive = val;
       }
-
+      if(this.rightActive == 1)
+      {
+        this.getmediatetrace_record()
+      }
       if(this.rightActive == 2)
       {
         this.getmediate_record()
@@ -357,6 +357,15 @@ export default {
         this.getWritCaseList()
       }
     },
+    // 获取触达记录
+    getmediatetrace_record(){
+      api.traceRecord_list({id:this.caseId}).then(res => {
+        if (!res.code) {
+          this.mediatetraceRecord = res
+          console.log(this.mediatetraceRecord,'mediatetraceRecordmediatetraceRecord')
+        }
+      })
+    },
     // 获取调解记录
     getmediate_record() {
       api.mediate_record_list({
diff --git a/src/services/caseManagement.js b/src/services/caseManagement.js
index 41ca30a..87bb9b2 100644
--- a/src/services/caseManagement.js
+++ b/src/services/caseManagement.js
@@ -283,6 +283,11 @@ const caseManagementApi = {
     mediate_record_delete: data => {
         return service.service.post(`${apiAdmin}case/mediate/record/delete`, data)
     },
+    // 案件触达记录
+    traceRecord_list: data => {
+        return service.service.post(`${apiAdmin}api/trace/traceRecord/list`, data, {hideLoading:true})
+    },
+
 
     // 共债案件查询
     mediate_coobligation_list: data => {