From b070bba831818d754d117907f5e6ad54db1bbb07 Mon Sep 17 00:00:00 2001
From: gyj <gaoyj@aliyun.com>
Date: Fri, 19 Jan 2024 14:39:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A1=88=E4=BB=B6=E6=97=A5=E5=BF=97=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E9=A1=B5=E9=9D=A2=E7=9A=84=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/caseManagement/caseManagement.js      |  8 ++++
 src/views/caseManagement/caseList.vue         | 14 +++++--
 .../components/mediationCaseDetails.vue       | 38 ++++++++++++-------
 .../components/mediationCaseLog.vue           |  4 +-
 4 files changed, 45 insertions(+), 19 deletions(-)

diff --git a/src/api/caseManagement/caseManagement.js b/src/api/caseManagement/caseManagement.js
index 71d00cb..a740e02 100644
--- a/src/api/caseManagement/caseManagement.js
+++ b/src/api/caseManagement/caseManagement.js
@@ -133,3 +133,11 @@ export function selectCaseProgress(data) {
     data: data,
   })
 }
+// 查看案件日志
+export function listCaseLogRecord(data) {
+  return request({
+    url: "/mssignSeal/listCaseLogRecord",
+    method: "post",
+    data: data,
+  })
+}
diff --git a/src/views/caseManagement/caseList.vue b/src/views/caseManagement/caseList.vue
index ff0f95c..5964153 100644
--- a/src/views/caseManagement/caseList.vue
+++ b/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
diff --git a/src/views/caseManagement/components/mediationCaseDetails.vue b/src/views/caseManagement/components/mediationCaseDetails.vue
index a067244..8bda663 100644
--- a/src/views/caseManagement/components/mediationCaseDetails.vue
+++ b/src/views/caseManagement/components/mediationCaseDetails.vue
@@ -1,15 +1,12 @@
 <template>
     <div>
         <el-dialog title="案件流程" :visible="processVisable" @close="cancel" center :distroy-on-close="true">
-            <div>
-                <!-- <el-steps class="steps" :active="caseStatus">
-                    <el-step :title="item.caseNodeName || item.content" v-for="(item,index) in pageData.allCasenode" :key="index" :description="(item.createNickName || '') + (item.caseNodeTime || '')+(item.nextRoleName || '')"></el-step>
-                   
-                </el-steps> -->
-                <el-steps :active="finishCasenode.length">
-                    <el-step :title="item.content"  v-for="(item,index) in finishCasenode" :key="index"></el-step>
-                    <el-step :title="item.content" v-for="(item,index) in inCasenode" :key="index"></el-step>
-                    <el-step :title="item.content"  v-for="(item,index) in nextCasenode" :key="index"></el-step>
+            <div class="loading" v-if="flagLoading">
+                <i class="el-icon-loading"></i>
+            </div>
+            <div v-else>
+                <el-steps class="steps" :active="finishCasenode.length">
+                    <el-step :title="item.content" :description="(item.createNickName || '') + (item.caseNodeTime || '')+(item.nextRoleName || '')" v-for="(item,index) in stepNumber" :key="index"></el-step>
                 </el-steps>
             </div>
             <div slot="footer" class="dialog-footer">
@@ -29,8 +26,8 @@ export default {
             pageData:{},
             caseStatus:0,
             finishCasenode:[],
-            inCasenode:[],
-            nextCasenode:[]
+            stepNumber:[],
+            flagLoading:true
             
         };
     },
@@ -50,9 +47,12 @@ export default {
         },
         selectCaseProgressFn(data){
             selectCaseProgress(data).then(res=>{
-                this.finishCasenode = res.data.data.finishCasenode
-                this.inCasenode = res.data.data.inCasenode
-                this.nextCasenode = res.data.data.nextCasenode
+                let finishCasenode = res.data.data.finishCasenode;;
+                this.finishCasenode = finishCasenode;
+                let inCasenode = res.data.data.inCasenode;
+                let nextCasenode = res.data.data.nextCasenode;
+                this.stepNumber= [...finishCasenode,...inCasenode,...nextCasenode];
+                this.flagLoading =false
                 
             })
         }
@@ -80,4 +80,14 @@ export default {
     background: #ffffff;
     border-radius: 20px;
     }
+    .loading {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+        .el-icon-loading {
+            font-size: 50px;
+        }
+    }
 </style>
\ No newline at end of file
diff --git a/src/views/caseManagement/components/mediationCaseLog.vue b/src/views/caseManagement/components/mediationCaseLog.vue
index f9c0406..cf3325c 100644
--- a/src/views/caseManagement/components/mediationCaseLog.vue
+++ b/src/views/caseManagement/components/mediationCaseLog.vue
@@ -7,7 +7,7 @@
       center
       :distroy-on-close="true"
     >
-      <!-- <div class="loading" v-if="flagLoading">
+      <div class="loading" v-if="flagLoading">
         <i class="el-icon-loading"></i>
       </div>
       <div v-else>
@@ -22,7 +22,7 @@
             <p>{{ activity.content }}</p>
           </el-timeline-item>
         </el-timeline>
-      </div> -->
+      </div>
       <div slot="footer" class="dialog-footer">
         <el-button @click="cancel" class="endbutton1"
           ><span>取 消</span></el-button