案件日志接口页面的开发

src/views/caseManagement/caseList.vue

@@ -95,7 +95,7 @@
         <mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess" :caseFlowNumber="caseFlowNumber">
         </mediationCaseDetails>
         <!-- 案件日志 -->
-        <mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog"></mediationCaseLog>
+        <mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog" :caselogDataArr="caselogDataArr" :flagLoading="flagLoading"></mediationCaseLog>
         <!-- 证据修改 -->
         <evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence" :evidenceData="evidenceData">
         </evidenceDialog>
@@ -118,7 +118,7 @@
 </template>
 
 <script>
-import { caseApplicationList, caseApplicationSelectById,submitCaseApply,selectPaymentDetail,sealApply,selectSealUrl} from '@/api/caseManagement/caseManagement.js'
+import { caseApplicationList, caseApplicationSelectById,submitCaseApply,selectPaymentDetail,sealApply,selectSealUrl,listCaseLogRecord} from '@/api/caseManagement/caseManagement.js'
 import { listDept } from '@/api/system/dept.js'
 import moment from "moment";
 import addCase from './components/addCase.vue'
@@ -184,6 +184,8 @@ export default {
             timeVisable:false,//预约时间弹窗
             confirmVisable:false,//确认时间/调解员
             caseFlowNumber:{},//案件流程数据
+            caselogDataArr:[],//案件日志数据
+            flagLoading: true, //案件日志弹框loading
             mediatorData:{},
             flag: null,
             caseData: {},
@@ -442,8 +444,14 @@ export default {
             this.processVisable = false
         },
         //案件日志
-        caseLog() {
+        caseLog(row) {
+            this.caseLogNumber = row
             this.showcaseLog = true
+            this.flagLoading = true;
+            listCaseLogRecord({caseId:row.id}).then(res=>{
+                    this.caselogDataArr = res.data
+                    this.flagLoading = false;
+            })
         },
         cancelcaseLog() {
             this.showcaseLog = false