Ver código fonte

事件详情增加受理人和处理人的展示

seimin 3 anos atrás
pai
commit
78375446ed

+ 133 - 65
src/views/againAssign.vue

@@ -5,21 +5,28 @@
5 5
       <div v-if="model.incident" class="conent">
6 6
         <div class="navBar">
7 7
           <div class="fl">
8
-            <a :class="{active:actives=='info'}" href="javascript:;" @click="toInfo('info')">事件信息</a>
8
+            <a
9
+              :class="{ active: actives == 'info' }"
10
+              href="javascript:;"
11
+              @click="toInfo('info')"
12
+              >事件信息</a
13
+            >
9 14
           </div>
10 15
           <div class="fl">
11 16
             <a
12
-              :class="{active:actives=='assignee'}"
17
+              :class="{ active: actives == 'assignee' }"
13 18
               href="javascript:;"
14 19
               @click="toInfo('assignee')"
15
-            >重新指派</a>
20
+              >重新指派</a
21
+            >
16 22
           </div>
17 23
           <div class="fl">
18 24
             <a
19
-              :class="{active:actives=='progress'}"
25
+              :class="{ active: actives == 'progress' }"
20 26
               href="javascript:;"
21 27
               @click="toInfo('progress')"
22
-            >处理进度</a>
28
+              >处理进度</a
29
+            >
23 30
           </div>
24 31
         </div>
25 32
         <div class="label headtop" id="info">事件信息</div>
@@ -28,13 +35,15 @@
28 35
           <div class="head">
29 36
             <p>
30 37
               <i class="iconfont icon-zuixinbaoxiu newPapir"></i>
31
-              事件编号:{{model.incident.incidentsign}}
32
-              <span class="fr btn chongxinzhipai">{{model.incident.state.name}}</span>
38
+              事件编号:{{ model.incident.incidentsign }}
39
+              <span class="fr btn chongxinzhipai">{{
40
+                model.incident.state.name
41
+              }}</span>
33 42
             </p>
34 43
           </div>
35 44
           <p>
36 45
             <span class="fl">事件分类</span>
37
-            <span class="fr">{{model.incident.category.category}}</span>
46
+            <span class="fr">{{ model.incident.category.category }}</span>
38 47
           </p>
39 48
           <!-- <p>
40 49
             <span class="fl">事件主题</span>
@@ -42,33 +51,46 @@
42 51
           </p> -->
43 52
           <p class="desc">
44 53
             <span class="fl">事件描述</span>
45
-            <span class="fr grayFont" v-html="model.incident.description"></span>
54
+            <span
55
+              class="fr grayFont"
56
+              v-html="model.incident.description"
57
+            ></span>
46 58
           </p>
47 59
           <div class="shows" id="shows">
48
-            <p v-if="valConfig==2">
60
+            <p v-if="valConfig == 2">
49 61
               <span class="fl">报修科室</span>
50
-              <span class="fr">{{model.incident.department?model.incident.department.dept:''}}</span>
62
+              <span class="fr">{{
63
+                model.incident.department ? model.incident.department.dept : ""
64
+              }}</span>
51 65
             </p>
52
-            <p v-if="valConfig==1">
66
+            <p v-if="valConfig == 1">
53 67
               <span class="fl">报修人</span>
54
-              <span class="fr">{{model.incident.requester.name}}</span>
68
+              <span class="fr">{{ model.incident.requester.name }}</span>
55 69
             </p>
56
-            <p v-if="valConfig==2">
70
+            <p v-if="valConfig == 2">
57 71
               <span class="fl">联系人</span>
58
-              <span class="fr">{{model.incident.contacts}}</span>
72
+              <span class="fr">{{ model.incident.contacts }}</span>
59 73
             </p>
60 74
             <p>
61 75
               <span class="fl">联系电话</span>
62
-              <span class="fr" v-if="!model.incident.contactsInformation"></span>
63
-              <span class="fr" v-if="model.incident.contactsInformation"><a :href="'tel:' + model.incident.contactsInformation"><i class="iconfont icon-shouji"></i>{{model.incident.contactsInformation}}</a></span>
76
+              <span
77
+                class="fr"
78
+                v-if="!model.incident.contactsInformation"
79
+              ></span>
80
+              <span class="fr" v-if="model.incident.contactsInformation"
81
+                ><a :href="'tel:' + model.incident.contactsInformation"
82
+                  ><i class="iconfont icon-shouji"></i
83
+                  >{{ model.incident.contactsInformation }}</a
84
+                ></span
85
+              >
64 86
             </p>
65 87
             <p>
66 88
               <span class="fl">联系地址</span>
67
-              <span class="fr">{{model.incident.houseNumber||''}}</span>
89
+              <span class="fr">{{ model.incident.houseNumber || "" }}</span>
68 90
             </p>
69 91
             <p class="boeder_B">
70 92
               <span class="fl">事件来源</span>
71
-              <span class="fr">{{model.incident.source.name}}</span>
93
+              <span class="fr">{{ model.incident.source.name }}</span>
72 94
             </p>
73 95
             <!-- <p>
74 96
               <span class="fl">影响度</span>
@@ -79,27 +101,59 @@
79 101
               <span class="fr">{{model.incident.emergency?model.incident.emergency.name:''}}</span>
80 102
             </p> -->
81 103
             <p>
104
+              <span class="fl">受理人</span>
105
+              <span class="fr">{{
106
+                model.incident.acceptUser ? model.incident.acceptUser.name : ""
107
+              }}</span>
108
+            </p>
109
+            <p>
110
+              <span class="fl">处理人</span>
111
+              <span class="fr">{{
112
+                model.incident.handlerUser
113
+                  ? model.incident.handlerUser.name
114
+                  : ""
115
+              }}</span>
116
+            </p>
117
+            <p>
82 118
               <span class="fl">优先级</span>
83
-              <span class="fr">{{model.incident.priority?model.incident.priority.name:''}}</span>
119
+              <span class="fr">{{
120
+                model.incident.priority ? model.incident.priority.name : ""
121
+              }}</span>
84 122
             </p>
85 123
             <p>
86 124
               <span class="fl">逾期响应时间</span>
87
-              <span class="fr">{{model.incident.overdueResponseDate}}</span>
125
+              <span class="fr">{{ model.incident.overdueResponseDate }}</span>
88 126
             </p>
89 127
             <p>
90 128
               <span class="fl">逾期解决时间</span>
91
-              <span class="fr">{{model.incident.overdueTime}}</span>
129
+              <span class="fr">{{ model.incident.overdueTime }}</span>
92 130
             </p>
93 131
           </div>
94 132
           <p class="info_hide">
95
-            <span class="fl hide" @click="hides()" v-if="!item_hides">展开详情 >></span>
96
-            <span class="fl hide" @click="hides()" v-if="item_hides">隐藏详情<<</span>
133
+            <span class="fl hide" @click="hides()" v-if="!item_hides"
134
+              >展开详情 >></span
135
+            >
136
+            <span class="fl hide" @click="hides()" v-if="item_hides"
137
+              >隐藏详情<<</span
138
+            >
97 139
           </p>
98 140
           <div class="imgs-container" v-if="imgs.length">
99 141
             <div class="imgs-cont">
100
-              <img v-if='img.suffix=="jpeg"||img.suffix=="jpg"||img.suffix=="gif"||img.suffix=="png"||img.suffix=="svg"||img.suffix=="pdf"' :src="img.previewUrl" v-for="(img, index) in imgs" class="imgs">
142
+              <img
143
+                v-if="
144
+                  img.suffix == 'jpeg' ||
145
+                    img.suffix == 'jpg' ||
146
+                    img.suffix == 'gif' ||
147
+                    img.suffix == 'png' ||
148
+                    img.suffix == 'svg' ||
149
+                    img.suffix == 'pdf'
150
+                "
151
+                :src="img.previewUrl"
152
+                v-for="(img, index) in imgs"
153
+                class="imgs"
154
+              />
101 155
               <p v-else>
102
-                <a :href='[img.previewUrl]'>{{img.name}}</a>
156
+                <a :href="[img.previewUrl]">{{ img.name }}</a>
103 157
               </p>
104 158
             </div>
105 159
           </div>
@@ -107,33 +161,40 @@
107 161
           <div class="info">
108 162
             <p>
109 163
               <span class="fl">重新指派原因:</span>
110
-              <span class="fr">{{model.resignComment}}</span>
164
+              <span class="fr">{{ model.resignComment }}</span>
111 165
             </p>
112 166
           </div>
113 167
 
114 168
           <div class="label" id="progress">处理进度</div>
115
-          <div :class="{'progress':true,'progressHide':!pro_hides}" id="progressBox">
169
+          <div
170
+            :class="{ progress: true, progressHide: !pro_hides }"
171
+            id="progressBox"
172
+          >
116 173
             <div class="progress_info" v-for="item in progressInfo">
117
-              <div class="progress_info_L">{{item.activityName}}</div>
174
+              <div class="progress_info_L">{{ item.activityName }}</div>
118 175
               <div class="progress_info_R">
119 176
                 <div class="time">
120 177
                   <i
121
-                    :class="{'iconfont':true, 'icon-icon_weizuo':item.endTime!='','icon-icon_zhengzaijinx':item.endTime=='' }"
178
+                    :class="{
179
+                      iconfont: true,
180
+                      'icon-icon_weizuo': item.endTime != '',
181
+                      'icon-icon_zhengzaijinx': item.endTime == ''
182
+                    }"
122 183
                   ></i>
123
-                  <span class="text1">{{item.startTime}}</span>
184
+                  <span class="text1">{{ item.startTime }}</span>
124 185
                 </div>
125
-                <div
126
-                  :class="{'cont':true,'blue':item.endTime!='' }"
127
-                >
186
+                <div :class="{ cont: true, blue: item.endTime != '' }">
128 187
                   <p class="text2" v-if="item.desc" v-html="item.desc"></p>
129 188
                 </div>
130 189
               </div>
131 190
             </div>
132 191
           </div>
133 192
           <p class="info_hide">
134
-            <span class="fl hide" @click="proHides()">{{pro_hides?'隐藏详情 <<':'展开详情 >>'}}</span>
193
+            <span class="fl hide" @click="proHides()">{{
194
+              pro_hides ? "隐藏详情 <<" : "展开详情 >>"
195
+            }}</span>
135 196
           </p>
136
-          <div v-if="model.incident.handlerUser.id==loginUser.id">
197
+          <div v-if="model.incident.handlerUser.id == loginUser.id">
137 198
             <div class="label">指派</div>
138 199
             <div class="form">
139 200
               <div class="txtLabel">
@@ -174,7 +235,10 @@
174 235
         </div>
175 236
       </div>
176 237
       <load-ing v-if="!model.incident"></load-ing>
177
-      <promp-ting :conents="promptingConent" :status="promptingStatus"></promp-ting>
238
+      <promp-ting
239
+        :conents="promptingConent"
240
+        :status="promptingStatus"
241
+      ></promp-ting>
178 242
     </div>
179 243
   </div>
180 244
 </template>
@@ -184,7 +248,7 @@ import PrompTing from "./../views/prompting.vue";
184 248
 export default {
185 249
   data() {
186 250
     return {
187
-      id:'',
251
+      id: "",
188 252
       loginUser: JSON.parse(localStorage.getItem("loginUser")),
189 253
       valConfig: JSON.parse(localStorage.getItem("valConfig")) - 0, //报修主体
190 254
       promptingConent: "",
@@ -200,7 +264,7 @@ export default {
200 264
       candidateGroupsArr: [], //处理组
201 265
       handlerUser: "", //处理人
202 266
       handlerGroup: "", //处理组
203
-      pro_hides:false,//展开/收起处理进度
267
+      pro_hides: false //展开/收起处理进度
204 268
     };
205 269
   },
206 270
   components: {
@@ -216,7 +280,9 @@ export default {
216 280
           "/service/form/renderForm/receiveform/" +
217 281
             that.processInstanceId +
218 282
             "/" +
219
-            that.loginUser.id+'/'+that.id,
283
+            that.loginUser.id +
284
+            "/" +
285
+            that.id,
220 286
           {}
221 287
         )
222 288
         .then(function(res) {
@@ -259,13 +325,15 @@ export default {
259 325
       $("#shows").slideToggle();
260 326
     },
261 327
     // 处理进度隐藏/展开
262
-    proHides(){
263
-      if(!this.pro_hides){
264
-        $('#progressBox').animate({'height':$('#progressBox')[0].scrollHeight})
265
-      }else{
266
-        $('#progressBox').animate({'height':'1.7rem'})
328
+    proHides() {
329
+      if (!this.pro_hides) {
330
+        $("#progressBox").animate({
331
+          height: $("#progressBox")[0].scrollHeight
332
+        });
333
+      } else {
334
+        $("#progressBox").animate({ height: "1.7rem" });
267 335
       }
268
-      this.pro_hides=!this.pro_hides;
336
+      this.pro_hides = !this.pro_hides;
269 337
     },
270 338
     // 快速定位
271 339
     toInfo(id) {
@@ -471,15 +539,15 @@ i.iconfont.blue {
471 539
       .boeder_B {
472 540
         border-bottom: 0.01rem solid #ccc;
473 541
       }
474
-       p {
475
-          &.desc{
476
-            overflow: hidden;
477
-          }
478
-          .grayFont {
479
-            width: 75%;
480
-            text-align: right;
481
-            overflow-x: scroll;
482
-          }
542
+      p {
543
+        &.desc {
544
+          overflow: hidden;
545
+        }
546
+        .grayFont {
547
+          width: 75%;
548
+          text-align: right;
549
+          overflow-x: scroll;
550
+        }
483 551
       }
484 552
       .bottom {
485 553
         overflow: hidden;
@@ -517,14 +585,14 @@ i.iconfont.blue {
517 585
             color: #00559d;
518 586
           }
519 587
         }
520
-        .imgs-container{
521
-          a{
522
-            color:#03c !important;
523
-            &:visited{
588
+        .imgs-container {
589
+          a {
590
+            color: #03c !important;
591
+            &:visited {
524 592
               color: #551a8b !important;
525 593
             }
526 594
           }
527
-           img {
595
+          img {
528 596
             width: 1.5rem;
529 597
             height: 1.5rem;
530 598
             margin-right: 0.7rem;
@@ -536,17 +604,17 @@ i.iconfont.blue {
536 604
         .progress {
537 605
           padding: 0.2rem 0.2rem;
538 606
           overflow: hidden;
539
-          transition-duration: .2s;
607
+          transition-duration: 0.2s;
540 608
           transition-timing-function: linear;
541
-          &.progressHide{
609
+          &.progressHide {
542 610
             height: 1.7rem;
543 611
           }
544 612
           .progress_info {
545 613
             overflow: hidden;
546 614
             margin-bottom: 0.1rem;
547
-            &:nth-last-child(1){
548
-              .cont{
549
-                border:none !important;
615
+            &:nth-last-child(1) {
616
+              .cont {
617
+                border: none !important;
550 618
               }
551 619
             }
552 620
             .progress_info_L {

+ 24 - 2
src/views/closed.vue

@@ -81,8 +81,16 @@
81 81
             </p>
82 82
             <p>
83 83
               <span class="fl">联系电话</span>
84
-              <span class="fr" v-if="!model.incident.contactsInformation"></span>
85
-              <span class="fr" v-if="model.incident.contactsInformation"><a :href="'tel:' + model.incident.contactsInformation"><i class="iconfont icon-shouji"></i>{{ model.incident.contactsInformation }}</a></span>
84
+              <span
85
+                class="fr"
86
+                v-if="!model.incident.contactsInformation"
87
+              ></span>
88
+              <span class="fr" v-if="model.incident.contactsInformation"
89
+                ><a :href="'tel:' + model.incident.contactsInformation"
90
+                  ><i class="iconfont icon-shouji"></i
91
+                  >{{ model.incident.contactsInformation }}</a
92
+                ></span
93
+              >
86 94
             </p>
87 95
             <p>
88 96
               <span class="fl">联系地址</span>
@@ -101,6 +109,20 @@
101 109
               <span class="fr">{{model.incident.emergency?model.incident.emergency.name:''}}</span>
102 110
             </p> -->
103 111
             <p>
112
+              <span class="fl">受理人</span>
113
+              <span class="fr">{{
114
+                model.incident.acceptUser ? model.incident.acceptUser.name : ""
115
+              }}</span>
116
+            </p>
117
+            <p>
118
+              <span class="fl">处理人</span>
119
+              <span class="fr">{{
120
+                model.incident.handlerUser
121
+                  ? model.incident.handlerUser.name
122
+                  : ""
123
+              }}</span>
124
+            </p>
125
+            <p>
104 126
               <span class="fl">优先级</span>
105 127
               <span class="fr">{{
106 128
                 model.incident.priority ? model.incident.priority.name : ""

+ 8 - 0
src/views/grabSheet.vue

@@ -75,6 +75,14 @@
75 75
                 <span class="fr">{{model.incident.emergency?model.incident.emergency.name:''}}</span>
76 76
               </p> -->
77 77
               <p>
78
+                <span class="fl">受理人</span>
79
+                <span class="fr">{{model.incident.acceptUser?model.incident.acceptUser.name:''}}</span>
80
+              </p>
81
+              <p>
82
+                <span class="fl">处理人</span>
83
+                <span class="fr">{{model.incident.handlerUser?model.incident.handlerUser.name:''}}</span>
84
+              </p>
85
+              <p>
78 86
                 <span class="fl">优先级</span>
79 87
                 <span class="fr">{{model.incident.priority?model.incident.priority.name:''}}</span>
80 88
               </p>

+ 8 - 0
src/views/order.vue

@@ -78,6 +78,14 @@
78 78
                 <span class="fr">{{model.incident.emergency?model.incident.emergency.name:''}}</span>
79 79
               </p> -->
80 80
               <p>
81
+                <span class="fl">受理人</span>
82
+                <span class="fr">{{model.incident.acceptUser?model.incident.acceptUser.name:''}}</span>
83
+              </p>
84
+              <p>
85
+                <span class="fl">处理人</span>
86
+                <span class="fr">{{model.incident.handlerUser?model.incident.handlerUser.name:''}}</span>
87
+              </p>
88
+              <p>
81 89
                 <span class="fl">优先级</span>
82 90
                 <span class="fr">{{model.incident.priority?model.incident.priority.name:''}}</span>
83 91
               </p>

+ 17 - 1
src/views/processing.vue

@@ -113,6 +113,22 @@
113 113
               <span class="fr">{{modelData.incident.emergency?modelData.incident.emergency.name:''}}</span>
114 114
             </p> -->
115 115
             <p>
116
+              <span class="fl">受理人</span>
117
+              <span class="fr">{{
118
+                modelData.incident.acceptUser
119
+                  ? modelData.incident.acceptUser.name
120
+                  : ""
121
+              }}</span>
122
+            </p>
123
+            <p>
124
+              <span class="fl">处理人</span>
125
+              <span class="fr">{{
126
+                modelData.incident.handlerUser
127
+                  ? modelData.incident.handlerUser.name
128
+                  : ""
129
+              }}</span>
130
+            </p>
131
+            <p>
116 132
               <span class="fl">优先级</span>
117 133
               <span class="fr">{{
118 134
                 modelData.incident.priority
@@ -543,7 +559,7 @@ export default {
543 559
         {
544 560
           label: "转派",
545 561
           value: 3
546
-        },
562
+        }
547 563
         // {
548 564
         //   label: "指派",
549 565
         //   value: 5

+ 181 - 81
src/views/solved.vue

@@ -5,21 +5,28 @@
5 5
       <div v-if="model.incident" class="conent">
6 6
         <div class="navBar">
7 7
           <div class="fl">
8
-            <a :class="{active:actives=='info'}" href="javascript:;" @click="toInfo('info')">事件信息</a>
8
+            <a
9
+              :class="{ active: actives == 'info' }"
10
+              href="javascript:;"
11
+              @click="toInfo('info')"
12
+              >事件信息</a
13
+            >
9 14
           </div>
10 15
           <div class="fl">
11 16
             <a
12
-              :class="{active:actives=='handlerInfo'}"
17
+              :class="{ active: actives == 'handlerInfo' }"
13 18
               href="javascript:;"
14 19
               @click="toInfo('handlerInfo')"
15
-            >处理信息</a>
20
+              >处理信息</a
21
+            >
16 22
           </div>
17 23
           <div class="fl">
18 24
             <a
19
-              :class="{active:actives=='progress'}"
25
+              :class="{ active: actives == 'progress' }"
20 26
               href="javascript:;"
21 27
               @click="toInfo('progress')"
22
-            >处理进度</a>
28
+              >处理进度</a
29
+            >
23 30
           </div>
24 31
         </div>
25 32
 
@@ -28,13 +35,15 @@
28 35
           <div class="head">
29 36
             <p>
30 37
               <i class="iconfont icon-zuixinbaoxiu newPapir"></i>
31
-              事件编号:{{model.incident.incidentsign}}
32
-              <span class="fr btn yijiejue">{{model.incident.state.name}}</span>
38
+              事件编号:{{ model.incident.incidentsign }}
39
+              <span class="fr btn yijiejue">{{
40
+                model.incident.state.name
41
+              }}</span>
33 42
             </p>
34 43
           </div>
35 44
           <p>
36 45
             <span class="fl">事件分类</span>
37
-            <span class="fr">{{model.incident.category.category}}</span>
46
+            <span class="fr">{{ model.incident.category.category }}</span>
38 47
           </p>
39 48
           <!-- <p>
40 49
             <span class="fl">事件主题</span>
@@ -42,33 +51,46 @@
42 51
           </p> -->
43 52
           <p class="desc">
44 53
             <span class="fl">事件描述</span>
45
-            <span class="grayFont fr " v-html="model.incident.description"></span>
54
+            <span
55
+              class="grayFont fr "
56
+              v-html="model.incident.description"
57
+            ></span>
46 58
           </p>
47 59
           <div class="shows" id="shows">
48
-              <p v-if="valConfig==2">
49
-                <span class="fl">报修科室</span>
50
-                <span class="fr">{{model.incident.department?model.incident.department.dept:''}}</span>
51
-              </p>
52
-            <p v-if="valConfig==1">
60
+            <p v-if="valConfig == 2">
61
+              <span class="fl">报修科室</span>
62
+              <span class="fr">{{
63
+                model.incident.department ? model.incident.department.dept : ""
64
+              }}</span>
65
+            </p>
66
+            <p v-if="valConfig == 1">
53 67
               <span class="fl">报修人</span>
54
-              <span class="fr">{{model.incident.requester.name}}</span>
68
+              <span class="fr">{{ model.incident.requester.name }}</span>
55 69
             </p>
56
-            <p v-if="valConfig==2">
70
+            <p v-if="valConfig == 2">
57 71
               <span class="fl">联系人</span>
58
-              <span class="fr">{{model.incident.contacts}}</span>
72
+              <span class="fr">{{ model.incident.contacts }}</span>
59 73
             </p>
60 74
             <p>
61 75
               <span class="fl">联系电话</span>
62
-              <span class="fr" v-if="!model.incident.contactsInformation"></span>
63
-              <span class="fr" v-if="model.incident.contactsInformation"><a :href="'tel:' + model.incident.contactsInformation"><i class="iconfont icon-shouji"></i>{{model.incident.contactsInformation}}</a></span>
76
+              <span
77
+                class="fr"
78
+                v-if="!model.incident.contactsInformation"
79
+              ></span>
80
+              <span class="fr" v-if="model.incident.contactsInformation"
81
+                ><a :href="'tel:' + model.incident.contactsInformation"
82
+                  ><i class="iconfont icon-shouji"></i
83
+                  >{{ model.incident.contactsInformation }}</a
84
+                ></span
85
+              >
64 86
             </p>
65 87
             <p>
66 88
               <span class="fl">联系地址</span>
67
-              <span class="fr">{{model.incident.houseNumber||''}}</span>
89
+              <span class="fr">{{ model.incident.houseNumber || "" }}</span>
68 90
             </p>
69 91
             <p class="boeder_B">
70 92
               <span class="fl">事件来源</span>
71
-              <span class="fr">{{model.incident.source.name}}</span>
93
+              <span class="fr">{{ model.incident.source.name }}</span>
72 94
             </p>
73 95
             <!-- <p>
74 96
               <span class="fl">影响度</span>
@@ -79,35 +101,71 @@
79 101
               <span class="fr">{{model.incident.emergency?model.incident.emergency.name:''}}</span>
80 102
             </p> -->
81 103
             <p>
104
+              <span class="fl">受理人</span>
105
+              <span class="fr">{{
106
+                model.incident.acceptUser ? model.incident.acceptUser.name : ""
107
+              }}</span>
108
+            </p>
109
+            <p>
110
+              <span class="fl">处理人</span>
111
+              <span class="fr">{{
112
+                model.incident.handlerUser
113
+                  ? model.incident.handlerUser.name
114
+                  : ""
115
+              }}</span>
116
+            </p>
117
+            <p>
82 118
               <span class="fl">优先级</span>
83
-              <span class="fr">{{model.incident.priority?model.incident.priority.name:''}}</span>
119
+              <span class="fr">{{
120
+                model.incident.priority ? model.incident.priority.name : ""
121
+              }}</span>
84 122
             </p>
85 123
             <p>
86 124
               <span class="fl">逾期响应时间</span>
87
-              <span class="fr">{{model.incident.overdueResponseDate}}</span>
125
+              <span class="fr">{{ model.incident.overdueResponseDate }}</span>
88 126
             </p>
89 127
             <p>
90 128
               <span class="fl">逾期解决时间</span>
91
-              <span class="fr">{{model.incident.overdueTime}}</span>
129
+              <span class="fr">{{ model.incident.overdueTime }}</span>
92 130
             </p>
93 131
             <p>
94 132
               <span class="fl">区域</span>
95
-              <span class="fr">{{model.incident.place?model.incident.place.area.area:'--'}}</span>
133
+              <span class="fr">{{
134
+                model.incident.place ? model.incident.place.area.area : "--"
135
+              }}</span>
96 136
             </p>
97 137
             <p>
98 138
               <span class="fl">地点</span>
99
-              <span class="fr">{{model.incident.place?model.incident.place.place:'--'}}</span>
139
+              <span class="fr">{{
140
+                model.incident.place ? model.incident.place.place : "--"
141
+              }}</span>
100 142
             </p>
101 143
           </div>
102 144
           <p class="info_hide">
103
-            <span class="fl hide" @click="hides()" v-if="!item_hides">展开详情 >></span>
104
-            <span class="fl hide" @click="hides()" v-if="item_hides">隐藏详情<<</span>
145
+            <span class="fl hide" @click="hides()" v-if="!item_hides"
146
+              >展开详情 >></span
147
+            >
148
+            <span class="fl hide" @click="hides()" v-if="item_hides"
149
+              >隐藏详情<<</span
150
+            >
105 151
           </p>
106 152
           <div class="imgs-container" v-if="imgs.length">
107 153
             <div class="imgs-cont">
108
-              <img v-if='img.suffix=="jpeg"||img.suffix=="jpg"||img.suffix=="gif"||img.suffix=="png"||img.suffix=="svg"||img.suffix=="pdf"' :src="img.previewUrl" v-for="(img, index) in imgs" class="imgs">
154
+              <img
155
+                v-if="
156
+                  img.suffix == 'jpeg' ||
157
+                    img.suffix == 'jpg' ||
158
+                    img.suffix == 'gif' ||
159
+                    img.suffix == 'png' ||
160
+                    img.suffix == 'svg' ||
161
+                    img.suffix == 'pdf'
162
+                "
163
+                :src="img.previewUrl"
164
+                v-for="(img, index) in imgs"
165
+                class="imgs"
166
+              />
109 167
               <p v-else>
110
-                <a :href='[img.previewUrl]'>{{img.name}}</a>
168
+                <a :href="[img.previewUrl]">{{ img.name }}</a>
111 169
               </p>
112 170
             </div>
113 171
           </div>
@@ -115,26 +173,40 @@
115 173
           <div class="label" id="handlerInfo">处理信息</div>
116 174
           <p>
117 175
             <span class="fl">处理人</span>
118
-            <span class="fr">{{model.incident.acceptUser?model.incident.acceptUser.name:''}}</span>
176
+            <span class="fr">{{
177
+              model.incident.acceptUser ? model.incident.acceptUser.name : ""
178
+            }}</span>
119 179
           </p>
120 180
           <p>
121 181
             <span class="fl">联系电话</span>
122 182
             <span class="fr" v-if="!model.incident.contactsInformation"></span>
123
-              <span class="fr" v-if="model.incident.contactsInformation"><a :href="'tel:' + model.incident.contactsInformation"><i class="iconfont icon-shouji"></i>{{model.incident.contactsInformation}}</a></span>
183
+            <span class="fr" v-if="model.incident.contactsInformation"
184
+              ><a :href="'tel:' + model.incident.contactsInformation"
185
+                ><i class="iconfont icon-shouji"></i
186
+                >{{ model.incident.contactsInformation }}</a
187
+              ></span
188
+            >
124 189
           </p>
125 190
           <p>
126 191
             <span class="fl">处理方式</span>
127
-            <span
128
-              class="fr showwrap"
129
-            >{{model.incident.handleCategory?model.incident.handleCategory.name:''}}</span>
192
+            <span class="fr showwrap">{{
193
+              model.incident.handleCategory
194
+                ? model.incident.handleCategory.name
195
+                : ""
196
+            }}</span>
130 197
           </p>
131 198
           <p>
132 199
             <span class="fl">关闭代码</span>
133
-            <span class="fr">{{model.incident.closecode?model.incident.closecode.name:''}}</span>
200
+            <span class="fr">{{
201
+              model.incident.closecode ? model.incident.closecode.name : ""
202
+            }}</span>
134 203
           </p>
135 204
           <p class="desc">
136 205
             <span class="fl">处理方案</span>
137
-            <span class="fr grayFont" v-html="model.incident.handleDescription"></span>
206
+            <span
207
+              class="fr grayFont"
208
+              v-html="model.incident.handleDescription"
209
+            ></span>
138 210
           </p>
139 211
           <!-- <p>
140 212
             <span class="fl" v-if="model.incident.synergeticReason">协同对象</span>
@@ -156,19 +228,24 @@
156 228
               </p> -->
157 229
 
158 230
           <div class="label" id="progress">处理进度</div>
159
-          <div :class="{'progress':true,'progressHide':!pro_hides}" id="progressBox">
231
+          <div
232
+            :class="{ progress: true, progressHide: !pro_hides }"
233
+            id="progressBox"
234
+          >
160 235
             <div class="progress_info" v-for="item in progressInfo">
161
-              <div class="progress_info_L">{{item.activityName}}</div>
236
+              <div class="progress_info_L">{{ item.activityName }}</div>
162 237
               <div class="progress_info_R">
163 238
                 <div class="time">
164 239
                   <i
165
-                    :class="{'iconfont':true, 'icon-icon_weizuo':item.endTime!='','icon-icon_zhengzaijinx':item.endTime=='' }"
240
+                    :class="{
241
+                      iconfont: true,
242
+                      'icon-icon_weizuo': item.endTime != '',
243
+                      'icon-icon_zhengzaijinx': item.endTime == ''
244
+                    }"
166 245
                   ></i>
167
-                  <span class="text1">{{item.startTime}}</span>
246
+                  <span class="text1">{{ item.startTime }}</span>
168 247
                 </div>
169
-                <div
170
-                  :class="{'cont':true,'blue':item.endTime!='' }"
171
-                >
248
+                <div :class="{ cont: true, blue: item.endTime != '' }">
172 249
                   <p class="text2" v-if="item.desc" v-html="item.desc"></p>
173 250
                 </div>
174 251
               </div>
@@ -176,25 +253,42 @@
176 253
           </div>
177 254
 
178 255
           <p class="info_hide">
179
-            <span class="fl hide" @click="proHides()">{{pro_hides?'隐藏详情 <<':'展开详情 >>'}}</span>
256
+            <span class="fl hide" @click="proHides()">{{
257
+              pro_hides ? "隐藏详情 <<" : "展开详情 >>"
258
+            }}</span>
180 259
           </p>
181 260
 
182
-          <div class="form"  v-if="model.incident.handlerUser.id==loginUser.id">
261
+          <div
262
+            class="form"
263
+            v-if="model.incident.handlerUser.id == loginUser.id"
264
+          >
183 265
             <div class="txtLabel">
184 266
               <div class="txt fl handler">
185 267
                 <span style="color:red;">*</span>是否已解决:
186 268
               </div>
187
-              <cube-select class="selectGroup fl" v-model="isclose" :options="iscloseArr"></cube-select>
269
+              <cube-select
270
+                class="selectGroup fl"
271
+                v-model="isclose"
272
+                :options="iscloseArr"
273
+              ></cube-select>
188 274
             </div>
189 275
             <div class="txtLabel">
190 276
               <div class="txt fl">
191 277
                 <span style="color:red;">*</span> 结果类型:
192 278
               </div>
193
-              <cube-select class="selectGroup fl" v-model="handleResult" :options="handleResultArr"></cube-select>
279
+              <cube-select
280
+                class="selectGroup fl"
281
+                v-model="handleResult"
282
+                :options="handleResultArr"
283
+              ></cube-select>
194 284
             </div>
195 285
             <div class="txtLabel">
196 286
               <div class="txt fl">满意度评价:</div>
197
-              <cube-select class="selectGroup fl" v-model="degree" :options="degreeArr"></cube-select>
287
+              <cube-select
288
+                class="selectGroup fl"
289
+                v-model="degree"
290
+                :options="degreeArr"
291
+              ></cube-select>
198 292
             </div>
199 293
             <div class="txtLabel">
200 294
               <div class="txt fl">回访备注:</div>
@@ -215,7 +309,7 @@ import LoadIng from "./../views/loading.vue";
215 309
 export default {
216 310
   data() {
217 311
     return {
218
-      id:'',
312
+      id: "",
219 313
       loginUser: JSON.parse(localStorage.getItem("loginUser")),
220 314
       valConfig: JSON.parse(localStorage.getItem("valConfig")) - 0, //报修主体
221 315
       selected: 1,
@@ -237,7 +331,7 @@ export default {
237 331
       visitRemarks: "", //回访备注
238 332
       item_hides: false,
239 333
       item_hides1: false,
240
-      pro_hides:false,//展开/收起处理进度
334
+      pro_hides: false, //展开/收起处理进度
241 335
       actives: "info",
242 336
       processInstanceId: "",
243 337
       progressInfo: [], //处理进度
@@ -257,15 +351,17 @@ export default {
257 351
           "/service/form/renderForm/closeform/" +
258 352
             that.processInstanceId +
259 353
             "/" +
260
-            that.loginUser.id+'/'+that.id,
354
+            that.loginUser.id +
355
+            "/" +
356
+            that.id,
261 357
           {}
262 358
         )
263 359
         .then(function(res) {
264 360
           console.log(res.data);
265 361
           that.model = res.data.model;
266
-          that.model.msgflag = '已解决';
362
+          that.model.msgflag = "已解决";
267 363
           //seimin
268
-          localStorage.setItem('modelData',JSON.stringify(that.model))
364
+          localStorage.setItem("modelData", JSON.stringify(that.model));
269 365
         });
270 366
     },
271 367
     // 获取图片
@@ -346,13 +442,15 @@ export default {
346 442
       $("#shows1").slideToggle();
347 443
     },
348 444
     // 处理进度隐藏/展开
349
-    proHides(){
350
-      if(!this.pro_hides){
351
-        $('#progressBox').animate({'height':$('#progressBox')[0].scrollHeight})
352
-      }else{
353
-        $('#progressBox').animate({'height':'1.7rem'})
445
+    proHides() {
446
+      if (!this.pro_hides) {
447
+        $("#progressBox").animate({
448
+          height: $("#progressBox")[0].scrollHeight
449
+        });
450
+      } else {
451
+        $("#progressBox").animate({ height: "1.7rem" });
354 452
       }
355
-      this.pro_hides=!this.pro_hides;
453
+      this.pro_hides = !this.pro_hides;
356 454
     },
357 455
     // 快速定位
358 456
     toInfo(id) {
@@ -373,7 +471,7 @@ export default {
373 471
       delete that.model.handlerCode;
374 472
       that.model.handler_code = "resolve";
375 473
       that.model.isclose = that.isclose;
376
-      if(that.model.isclose=='close'){
474
+      if (that.model.isclose == "close") {
377 475
         delete that.model.receive_code;
378 476
       }
379 477
       that.model.incident.handleResult = { id: that.handleResult };
@@ -429,7 +527,9 @@ export default {
429 527
       ? this.$route.params.data.processInstanceId
430 528
       : JSON.parse(localStorage.getItem("modelData")).incident
431 529
           .processInstanceId;
432
-          this.id=this.$route.params.data?this.$route.params.data.id:JSON.parse(localStorage.getItem("modelData")).incident.id;
530
+    this.id = this.$route.params.data
531
+      ? this.$route.params.data.id
532
+      : JSON.parse(localStorage.getItem("modelData")).incident.id;
433 533
     this.getParamsData();
434 534
     this.getProgressInfo();
435 535
     this.getImgs();
@@ -549,15 +649,15 @@ i.iconfont {
549 649
       .boeder_B {
550 650
         border-bottom: 0.01rem solid #ccc;
551 651
       }
552
-        p {
553
-          &.desc{
554
-            overflow: hidden;
555
-          }
556
-          .grayFont {
557
-            width: 75%;
558
-            text-align: right;
559
-            overflow-x: scroll;
560
-          }
652
+      p {
653
+        &.desc {
654
+          overflow: hidden;
655
+        }
656
+        .grayFont {
657
+          width: 75%;
658
+          text-align: right;
659
+          overflow-x: scroll;
660
+        }
561 661
       }
562 662
       .bottom {
563 663
         overflow: hidden;
@@ -595,14 +695,14 @@ i.iconfont {
595 695
             color: #00559d;
596 696
           }
597 697
         }
598
-        .imgs-container{
599
-          a{
600
-            color:#03c !important;
601
-            &:visited{
698
+        .imgs-container {
699
+          a {
700
+            color: #03c !important;
701
+            &:visited {
602 702
               color: #551a8b !important;
603 703
             }
604 704
           }
605
-           img {
705
+          img {
606 706
             width: 1.5rem;
607 707
             height: 1.5rem;
608 708
             margin-right: 0.7rem;
@@ -615,17 +715,17 @@ i.iconfont {
615 715
         .progress {
616 716
           padding: 0.2rem 0.2rem;
617 717
           overflow: hidden;
618
-          transition-duration: .2s;
718
+          transition-duration: 0.2s;
619 719
           transition-timing-function: linear;
620
-          &.progressHide{
720
+          &.progressHide {
621 721
             height: 1.7rem;
622 722
           }
623 723
           .progress_info {
624 724
             overflow: hidden;
625 725
             margin-bottom: 0.1rem;
626
-            &:nth-last-child(1){
627
-              .cont{
628
-                border:none !important;
726
+            &:nth-last-child(1) {
727
+              .cont {
728
+                border: none !important;
629 729
               }
630 730
             }
631 731
             .progress_info_L {

+ 134 - 49
src/views/waitConfirm.vue

@@ -5,21 +5,28 @@
5 5
         <div class="header">处理方案</div>
6 6
         <div class="navBar">
7 7
           <div class="fl">
8
-            <a :class="{active:actives=='info'}" href="javascript:;" @click="toInfo('info')">事件信息</a>
8
+            <a
9
+              :class="{ active: actives == 'info' }"
10
+              href="javascript:;"
11
+              @click="toInfo('info')"
12
+              >事件信息</a
13
+            >
9 14
           </div>
10 15
           <div class="fl">
11 16
             <a
12
-              :class="{active:actives=='handlerInfo'}"
17
+              :class="{ active: actives == 'handlerInfo' }"
13 18
               href="javascript:;"
14 19
               @click="toInfo('handlerInfo')"
15
-            >处理信息</a>
20
+              >处理信息</a
21
+            >
16 22
           </div>
17 23
           <div class="fl">
18 24
             <a
19
-              :class="{active:actives=='progress'}"
25
+              :class="{ active: actives == 'progress' }"
20 26
               href="javascript:;"
21 27
               @click="toInfo('progress')"
22
-            >处理进度</a>
28
+              >处理进度</a
29
+            >
23 30
           </div>
24 31
         </div>
25 32
 
@@ -28,15 +35,38 @@
28 35
           <div class="head">
29 36
             <p>
30 37
               <i class="iconfont icon-zuixinbaoxiu newPapir"></i>
31
-              事件编号:{{model.incident.incidentsign}}
38
+              事件编号:{{ model.incident.incidentsign }}
32 39
               <span
33
-                :class="{ 'fr':true,'btn':true, 'daipingjia':model.incident.state.name=='待评价', 'daijiedan':(model.incident.state.name=='待接单'&&model.incident.handlerUser&&!model.incident.candidateGroups), 'daiqiangdan':(model.incident.state.name=='待接单'&&!model.incident.handlerUser&&model.incident.candidateGroups), 'chulizhong':model.incident.state.name=='处理中', 'yijiejue':model.incident.state.name=='已解决', 'yiguanbi':model.incident.state.name=='已关闭'}"
34
-              >{{model.incident.state.name=='待接单'?(model.incident.handlerUser&&!model.incident.candidateGroups?'待接单':'待抢单'):model.incident.state.name}}</span>
40
+                :class="{
41
+                  fr: true,
42
+                  btn: true,
43
+                  daipingjia: model.incident.state.name == '待评价',
44
+                  daijiedan:
45
+                    model.incident.state.name == '待接单' &&
46
+                    model.incident.handlerUser &&
47
+                    !model.incident.candidateGroups,
48
+                  daiqiangdan:
49
+                    model.incident.state.name == '待接单' &&
50
+                    !model.incident.handlerUser &&
51
+                    model.incident.candidateGroups,
52
+                  chulizhong: model.incident.state.name == '处理中',
53
+                  yijiejue: model.incident.state.name == '已解决',
54
+                  yiguanbi: model.incident.state.name == '已关闭'
55
+                }"
56
+                >{{
57
+                  model.incident.state.name == "待接单"
58
+                    ? model.incident.handlerUser &&
59
+                      !model.incident.candidateGroups
60
+                      ? "待接单"
61
+                      : "待抢单"
62
+                    : model.incident.state.name
63
+                }}</span
64
+              >
35 65
             </p>
36 66
           </div>
37 67
           <p>
38 68
             <span class="fl">事件分类</span>
39
-            <span class="fr">{{model.incident.category.category}}</span>
69
+            <span class="fr">{{ model.incident.category.category }}</span>
40 70
           </p>
41 71
           <!-- <p>
42 72
             <span class="fl">事件主题</span>
@@ -44,33 +74,43 @@
44 74
           </p> -->
45 75
           <p>
46 76
             <span class="fl">事件描述</span>
47
-            <span class="fr showwrap">{{model.incident.description}}</span>
77
+            <span class="fr showwrap">{{ model.incident.description }}</span>
48 78
           </p>
49 79
           <div class="shows" id="shows">
50
-              <p v-if="valConfig==2">
51
-                <span class="fl">报修科室</span>
52
-                <span class="fr">{{model.incident.department?model.incident.department.dept:''}}</span>
53
-              </p>
54
-            <p v-if="valConfig==1">
80
+            <p v-if="valConfig == 2">
81
+              <span class="fl">报修科室</span>
82
+              <span class="fr">{{
83
+                model.incident.department ? model.incident.department.dept : ""
84
+              }}</span>
85
+            </p>
86
+            <p v-if="valConfig == 1">
55 87
               <span class="fl">报修人</span>
56
-              <span class="fr">{{model.incident.requester.name}}</span>
88
+              <span class="fr">{{ model.incident.requester.name }}</span>
57 89
             </p>
58
-            <p v-if="valConfig==2">
90
+            <p v-if="valConfig == 2">
59 91
               <span class="fl">联系人</span>
60
-              <span class="fr">{{model.incident.contacts}}</span>
92
+              <span class="fr">{{ model.incident.contacts }}</span>
61 93
             </p>
62 94
             <p>
63 95
               <span class="fl">联系电话</span>
64
-              <span class="fr" v-if="!model.incident.contactsInformation"></span>
65
-              <span class="fr" v-if="model.incident.contactsInformation"><a :href="'tel:' + model.incident.contactsInformation"><i class="iconfont icon-shouji"></i>{{model.incident.contactsInformation}}</a></span>
96
+              <span
97
+                class="fr"
98
+                v-if="!model.incident.contactsInformation"
99
+              ></span>
100
+              <span class="fr" v-if="model.incident.contactsInformation"
101
+                ><a :href="'tel:' + model.incident.contactsInformation"
102
+                  ><i class="iconfont icon-shouji"></i
103
+                  >{{ model.incident.contactsInformation }}</a
104
+                ></span
105
+              >
66 106
             </p>
67 107
             <p>
68 108
               <span class="fl">联系地址</span>
69
-              <span class="fr">{{model.incident.houseNumber||''}}</span>
109
+              <span class="fr">{{ model.incident.houseNumber || "" }}</span>
70 110
             </p>
71 111
             <p class="boeder_B">
72 112
               <span class="fl">事件来源</span>
73
-              <span class="fr">{{model.incident.source.name}}</span>
113
+              <span class="fr">{{ model.incident.source.name }}</span>
74 114
             </p>
75 115
             <!-- <p>
76 116
               <span class="fl">影响度</span>
@@ -81,27 +121,59 @@
81 121
               <span class="fr">{{model.incident.emergency?model.incident.emergency.name:''}}</span>
82 122
             </p> -->
83 123
             <p>
124
+              <span class="fl">受理人</span>
125
+              <span class="fr">{{
126
+                model.incident.acceptUser ? model.incident.acceptUser.name : ""
127
+              }}</span>
128
+            </p>
129
+            <p>
130
+              <span class="fl">处理人</span>
131
+              <span class="fr">{{
132
+                model.incident.handlerUser
133
+                  ? model.incident.handlerUser.name
134
+                  : ""
135
+              }}</span>
136
+            </p>
137
+            <p>
84 138
               <span class="fl">优先级</span>
85
-              <span class="fr">{{model.incident.priority?model.incident.priority.name:''}}</span>
139
+              <span class="fr">{{
140
+                model.incident.priority ? model.incident.priority.name : ""
141
+              }}</span>
86 142
             </p>
87 143
             <p>
88 144
               <span class="fl">逾期响应时间</span>
89
-              <span class="fr">{{model.incident.overdueResponseDate}}</span>
145
+              <span class="fr">{{ model.incident.overdueResponseDate }}</span>
90 146
             </p>
91 147
             <p>
92 148
               <span class="fl">逾期解决时间</span>
93
-              <span class="fr">{{model.incident.overdueTime}}</span>
149
+              <span class="fr">{{ model.incident.overdueTime }}</span>
94 150
             </p>
95 151
           </div>
96 152
           <p class="info_hide">
97
-            <span class="fl hide" @click="hides()" v-if="!item_hides">展开详情 >></span>
98
-            <span class="fl hide" @click="hides()" v-if="item_hides">隐藏详情<<</span>
153
+            <span class="fl hide" @click="hides()" v-if="!item_hides"
154
+              >展开详情 >></span
155
+            >
156
+            <span class="fl hide" @click="hides()" v-if="item_hides"
157
+              >隐藏详情<<</span
158
+            >
99 159
           </p>
100 160
           <div class="imgs-container" v-if="imgs.length">
101 161
             <div class="imgs-cont">
102
-              <img v-if='img.suffix=="jpeg"||img.suffix=="jpg"||img.suffix=="gif"||img.suffix=="png"||img.suffix=="svg"||img.suffix=="pdf"' :src="img.previewUrl" v-for="(img, index) in imgs" class="imgs">
162
+              <img
163
+                v-if="
164
+                  img.suffix == 'jpeg' ||
165
+                    img.suffix == 'jpg' ||
166
+                    img.suffix == 'gif' ||
167
+                    img.suffix == 'png' ||
168
+                    img.suffix == 'svg' ||
169
+                    img.suffix == 'pdf'
170
+                "
171
+                :src="img.previewUrl"
172
+                v-for="(img, index) in imgs"
173
+                class="imgs"
174
+              />
103 175
               <p v-else>
104
-                <a :href='[img.previewUrl]'>{{img.name}}</a>
176
+                <a :href="[img.previewUrl]">{{ img.name }}</a>
105 177
               </p>
106 178
             </div>
107 179
           </div>
@@ -109,28 +181,39 @@
109 181
           <div class="label" id="handlerInfo">处理信息</div>
110 182
           <p>
111 183
             <span class="fl">处理人</span>
112
-            <span class="fr">{{model.incident.acceptUser?model.incident.acceptUser.name:''}}</span>
184
+            <span class="fr">{{
185
+              model.incident.acceptUser ? model.incident.acceptUser.name : ""
186
+            }}</span>
113 187
           </p>
114 188
           <p>
115 189
             <span class="fl">联系电话</span>
116 190
             <span class="fr" v-if="!model.incident.contactsInformation"></span>
117
-              <span class="fr" v-if="model.incident.contactsInformation"><a :href="'tel:' + model.incident.contactsInformation"><i class="iconfont icon-shouji"></i>{{model.incident.contactsInformation}}</a></span>
191
+            <span class="fr" v-if="model.incident.contactsInformation"
192
+              ><a :href="'tel:' + model.incident.contactsInformation"
193
+                ><i class="iconfont icon-shouji"></i
194
+                >{{ model.incident.contactsInformation }}</a
195
+              ></span
196
+            >
118 197
           </p>
119 198
           <p>
120 199
             <span class="fl">处理方式</span>
121
-            <span class="fr showwrap">{{model.incident.handleCategory}}</span>
200
+            <span class="fr showwrap">{{ model.incident.handleCategory }}</span>
122 201
           </p>
123 202
           <p>
124 203
             <span class="fl">关闭代码</span>
125
-            <span class="fr">{{model.incident.closecode?model.incident.closecode.name:''}}</span>
204
+            <span class="fr">{{
205
+              model.incident.closecode ? model.incident.closecode.name : ""
206
+            }}</span>
126 207
           </p>
127 208
           <p>
128 209
             <span class="fl">处理方案</span>
129
-            <span class="fr">{{model.incident.handleDescription||''}}</span>
210
+            <span class="fr">{{ model.incident.handleDescription || "" }}</span>
130 211
           </p>
131 212
           <p>
132 213
             <span class="fl">升级对象</span>
133
-            <span class="fr">{{model.incident.handlerUser?model.incident.handlerUser.name:''}}</span>
214
+            <span class="fr">{{
215
+              model.incident.handlerUser ? model.incident.handlerUser.name : ""
216
+            }}</span>
134 217
           </p>
135 218
           <!-- <p>
136 219
             <span class="fl">升级原因</span>
@@ -140,17 +223,19 @@
140 223
           <div class="label" id="progress">处理进度</div>
141 224
           <div class="progress">
142 225
             <div class="progress_info" v-for="item in progressInfo">
143
-              <div class="progress_info_L">{{item.activityName}}</div>
226
+              <div class="progress_info_L">{{ item.activityName }}</div>
144 227
               <div class="progress_info_R">
145 228
                 <div class="time">
146 229
                   <i
147
-                    :class="{'iconfont':true, 'icon-icon_weizuo':item.endTime!='','icon-icon_zhengzaijinx':item.endTime=='' }"
230
+                    :class="{
231
+                      iconfont: true,
232
+                      'icon-icon_weizuo': item.endTime != '',
233
+                      'icon-icon_zhengzaijinx': item.endTime == ''
234
+                    }"
148 235
                   ></i>
149
-                  <span class="text1">{{item.startTime}}</span>
236
+                  <span class="text1">{{ item.startTime }}</span>
150 237
                 </div>
151
-                <div
152
-                  :class="{'cont':true,'blue':item.endTime!='' }"
153
-                >
238
+                <div :class="{ cont: true, blue: item.endTime != '' }">
154 239
                   <p class="text2" v-if="item.desc" v-html="item.desc"></p>
155 240
                 </div>
156 241
               </div>
@@ -405,14 +490,14 @@ i.iconfont {
405 490
             color: #00559d;
406 491
           }
407 492
         }
408
-        .imgs-container{
409
-          a{
410
-            color:#03c !important;
411
-            &:visited{
493
+        .imgs-container {
494
+          a {
495
+            color: #03c !important;
496
+            &:visited {
412 497
               color: #551a8b !important;
413 498
             }
414 499
           }
415
-           img {
500
+          img {
416 501
             width: 1.5rem;
417 502
             height: 1.5rem;
418 503
             margin-right: 0.7rem;
@@ -428,9 +513,9 @@ i.iconfont {
428 513
           .progress_info {
429 514
             overflow: hidden;
430 515
             margin-bottom: 0.1rem;
431
-            &:nth-last-child(1){
432
-              .cont{
433
-                border:none !important;
516
+            &:nth-last-child(1) {
517
+              .cont {
518
+                border: none !important;
434 519
               }
435 520
             }
436 521
             .progress_info_L {