| 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 | | <template> |  |     <GlobalWindow |  |         :title="title" |  |         width="50%" |  |         :withFooter="false" |  |         :visible.sync="visible" |  |         :confirm-working="isWorking" |  |     > |  |         <el-timeline reverse> |  |             <el-timeline-item v-for="(item, index) in list" :key="index" :hide-timestamp="true"> |  |                 <div style="display: flex; flex-direction: column;"> |  |                     <span class="a">{{item.title}}</span> |  |                     <span class="b">{{item.creatorName}} {{item.companyName || '平台理赔员'}} {{item.createDate }}</span> |  |                     <span class="c">说明:{{item.content}}</span> |  |                 </div> |  |             </el-timeline-item> |  |         </el-timeline> |  |     </GlobalWindow> |  | </template> |  |   |  | <script> |  |     import BaseOpera from '@/components/base/BaseOpera' |  |     import GlobalWindow from '@/components/common/GlobalWindow' |  |     export default { |  |         name: 'caseProgress', |  |         extends: BaseOpera, |  |         components: { GlobalWindow }, |  |         data () { |  |             return { |  |                 list: [] |  |             } |  |         }, |  |         methods: { |  |             open(title, target) { |  |                 this.title = title |  |                 this.list = target |  |                 this.visible = true |  |             } |  |         } |  |     } |  | </script> |  |   |  | <style lang="scss" scoped> |  |     .a { |  |         color: rgba(16,16,16,1); |  |         font-size: 14px; |  |     } |  |     .b { |  |         color: rgba(154,154,154,1); |  |         font-size: 14px; |  |         margin: 10px 0; |  |     } |  |     .c { |  |         color: rgba(16,16,16,1); |  |         font-size: 14px; |  |     } |  | </style> | 
 |