Преглед изворни кода

案件日志接口页面的开发

gyj пре 2 година
родитељ
комит
b070bba831

+ 8
- 0
src/api/caseManagement/caseManagement.js Прегледај датотеку

133
     data: data,
133
     data: data,
134
   })
134
   })
135
 }
135
 }
136
+// 查看案件日志
137
+export function listCaseLogRecord(data) {
138
+  return request({
139
+    url: "/mssignSeal/listCaseLogRecord",
140
+    method: "post",
141
+    data: data,
142
+  })
143
+}

+ 11
- 3
src/views/caseManagement/caseList.vue Прегледај датотеку

95
         <mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess" :caseFlowNumber="caseFlowNumber">
95
         <mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess" :caseFlowNumber="caseFlowNumber">
96
         </mediationCaseDetails>
96
         </mediationCaseDetails>
97
         <!-- 案件日志 -->
97
         <!-- 案件日志 -->
98
-        <mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog"></mediationCaseLog>
98
+        <mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog" :caselogDataArr="caselogDataArr" :flagLoading="flagLoading"></mediationCaseLog>
99
         <!-- 证据修改 -->
99
         <!-- 证据修改 -->
100
         <evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence" :evidenceData="evidenceData">
100
         <evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence" :evidenceData="evidenceData">
101
         </evidenceDialog>
101
         </evidenceDialog>
118
 </template>
118
 </template>
119
 
119
 
120
 <script>
120
 <script>
121
-import { caseApplicationList, caseApplicationSelectById,submitCaseApply,selectPaymentDetail,sealApply,selectSealUrl} from '@/api/caseManagement/caseManagement.js'
121
+import { caseApplicationList, caseApplicationSelectById,submitCaseApply,selectPaymentDetail,sealApply,selectSealUrl,listCaseLogRecord} from '@/api/caseManagement/caseManagement.js'
122
 import { listDept } from '@/api/system/dept.js'
122
 import { listDept } from '@/api/system/dept.js'
123
 import moment from "moment";
123
 import moment from "moment";
124
 import addCase from './components/addCase.vue'
124
 import addCase from './components/addCase.vue'
184
             timeVisable:false,//预约时间弹窗
184
             timeVisable:false,//预约时间弹窗
185
             confirmVisable:false,//确认时间/调解员
185
             confirmVisable:false,//确认时间/调解员
186
             caseFlowNumber:{},//案件流程数据
186
             caseFlowNumber:{},//案件流程数据
187
+            caselogDataArr:[],//案件日志数据
188
+            flagLoading: true, //案件日志弹框loading
187
             mediatorData:{},
189
             mediatorData:{},
188
             flag: null,
190
             flag: null,
189
             caseData: {},
191
             caseData: {},
442
             this.processVisable = false
444
             this.processVisable = false
443
         },
445
         },
444
         //案件日志
446
         //案件日志
445
-        caseLog() {
447
+        caseLog(row) {
448
+            this.caseLogNumber = row
446
             this.showcaseLog = true
449
             this.showcaseLog = true
450
+            this.flagLoading = true;
451
+            listCaseLogRecord({caseId:row.id}).then(res=>{
452
+                    this.caselogDataArr = res.data
453
+                    this.flagLoading = false;
454
+            })
447
         },
455
         },
448
         cancelcaseLog() {
456
         cancelcaseLog() {
449
             this.showcaseLog = false
457
             this.showcaseLog = false

+ 24
- 14
src/views/caseManagement/components/mediationCaseDetails.vue Прегледај датотеку

1
 <template>
1
 <template>
2
     <div>
2
     <div>
3
         <el-dialog title="案件流程" :visible="processVisable" @close="cancel" center :distroy-on-close="true">
3
         <el-dialog title="案件流程" :visible="processVisable" @close="cancel" center :distroy-on-close="true">
4
-            <div>
5
-                <!-- <el-steps class="steps" :active="caseStatus">
6
-                    <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>
7
-                   
8
-                </el-steps> -->
9
-                <el-steps :active="finishCasenode.length">
10
-                    <el-step :title="item.content"  v-for="(item,index) in finishCasenode" :key="index"></el-step>
11
-                    <el-step :title="item.content" v-for="(item,index) in inCasenode" :key="index"></el-step>
12
-                    <el-step :title="item.content"  v-for="(item,index) in nextCasenode" :key="index"></el-step>
4
+            <div class="loading" v-if="flagLoading">
5
+                <i class="el-icon-loading"></i>
6
+            </div>
7
+            <div v-else>
8
+                <el-steps class="steps" :active="finishCasenode.length">
9
+                    <el-step :title="item.content" :description="(item.createNickName || '') + (item.caseNodeTime || '')+(item.nextRoleName || '')" v-for="(item,index) in stepNumber" :key="index"></el-step>
13
                 </el-steps>
10
                 </el-steps>
14
             </div>
11
             </div>
15
             <div slot="footer" class="dialog-footer">
12
             <div slot="footer" class="dialog-footer">
29
             pageData:{},
26
             pageData:{},
30
             caseStatus:0,
27
             caseStatus:0,
31
             finishCasenode:[],
28
             finishCasenode:[],
32
-            inCasenode:[],
33
-            nextCasenode:[]
29
+            stepNumber:[],
30
+            flagLoading:true
34
             
31
             
35
         };
32
         };
36
     },
33
     },
50
         },
47
         },
51
         selectCaseProgressFn(data){
48
         selectCaseProgressFn(data){
52
             selectCaseProgress(data).then(res=>{
49
             selectCaseProgress(data).then(res=>{
53
-                this.finishCasenode = res.data.data.finishCasenode
54
-                this.inCasenode = res.data.data.inCasenode
55
-                this.nextCasenode = res.data.data.nextCasenode
50
+                let finishCasenode = res.data.data.finishCasenode;;
51
+                this.finishCasenode = finishCasenode;
52
+                let inCasenode = res.data.data.inCasenode;
53
+                let nextCasenode = res.data.data.nextCasenode;
54
+                this.stepNumber= [...finishCasenode,...inCasenode,...nextCasenode];
55
+                this.flagLoading =false
56
                 
56
                 
57
             })
57
             })
58
         }
58
         }
80
     background: #ffffff;
80
     background: #ffffff;
81
     border-radius: 20px;
81
     border-radius: 20px;
82
     }
82
     }
83
+    .loading {
84
+    width: 100%;
85
+    height: 100%;
86
+    display: flex;
87
+    justify-content: center;
88
+    align-items: center;
89
+        .el-icon-loading {
90
+            font-size: 50px;
91
+        }
92
+    }
83
 </style>
93
 </style>

+ 2
- 2
src/views/caseManagement/components/mediationCaseLog.vue Прегледај датотеку

7
       center
7
       center
8
       :distroy-on-close="true"
8
       :distroy-on-close="true"
9
     >
9
     >
10
-      <!-- <div class="loading" v-if="flagLoading">
10
+      <div class="loading" v-if="flagLoading">
11
         <i class="el-icon-loading"></i>
11
         <i class="el-icon-loading"></i>
12
       </div>
12
       </div>
13
       <div v-else>
13
       <div v-else>
22
             <p>{{ activity.content }}</p>
22
             <p>{{ activity.content }}</p>
23
           </el-timeline-item>
23
           </el-timeline-item>
24
         </el-timeline>
24
         </el-timeline>
25
-      </div> -->
25
+      </div>
26
       <div slot="footer" class="dialog-footer">
26
       <div slot="footer" class="dialog-footer">
27
         <el-button @click="cancel" class="endbutton1"
27
         <el-button @click="cancel" class="endbutton1"
28
           ><span>取 消</span></el-button
28
           ><span>取 消</span></el-button