拆解调解员

src/views/caseManagement/components/mediationCaseDetails.vue

@@ -6,6 +6,11 @@
                     <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>
+                </el-steps>
             </div>
             <div slot="footer" class="dialog-footer">
                 <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
@@ -15,38 +20,40 @@
 </template>
   
 <script>
-import {selectCaseProgress} from '@/api/caseManagement/caseManagement'
+import {selectCaseProgress} from '@/api/caseManagement/caseManagement.js'
 export default {
-    props: ["processVisable","processData"],
+    props: ["processVisable","processData","caseFlowNumber"],
     data() {
         return {
             processId:null,
             pageData:{},
-            caseStatus:0
+            caseStatus:0,
+            finishCasenode:[],
+            inCasenode:[],
+            nextCasenode:[]
+            
         };
     },
     watch: {
         processVisable(val){
             if(val){
-                // this.processId = this.processData.id;
-                // this.selectCaseProgressFn({id:this.processId});
+                this.processId = this.caseFlowNumber.id;
+                this.selectCaseProgressFn({caseId:this.processId});
+                
             }
         }
     },
+    
     methods: {
         cancel() {
             this.$emit("cancelViewProcess");
         },
         selectCaseProgressFn(data){
             selectCaseProgress(data).then(res=>{
-                 this.pageData = res.data.data; 
-                let allCasenode = res.data.data.allCasenode;
-                console.log(allCasenode)
-                allCasenode.forEach((item,index) => {
-                    if(item.caseNode==res.data.data.caseStatus){
-                        this.caseStatus = index
-                    }
-                });
+                this.finishCasenode = res.data.data.finishCasenode
+                this.inCasenode = res.data.data.inCasenode
+                this.nextCasenode = res.data.data.nextCasenode
+                
             })
         }
     },