瀏覽代碼

协同人展示

seimin 10 月之前
父節點
當前提交
c120dc7802
共有 1 個文件被更改,包括 30 次插入30 次删除
  1. 30 30
      pages/incidentDetail/incidentDetail.vue

+ 30 - 30
pages/incidentDetail/incidentDetail.vue

@@ -75,7 +75,7 @@
75
             <text class="value">{{formatDate(dataInfo.incidentData.overdueTime, 'yyyy-MM-dd HH:mm')}}</text>
75
             <text class="value">{{formatDate(dataInfo.incidentData.overdueTime, 'yyyy-MM-dd HH:mm')}}</text>
76
           </view>
76
           </view>
77
         </view>
77
         </view>
78
-        
78
+
79
         <view class="detail_head">
79
         <view class="detail_head">
80
           <text class="title">处理信息</text>
80
           <text class="title">处理信息</text>
81
         </view>
81
         </view>
@@ -88,7 +88,7 @@
88
           <view class="deital_item">
88
           <view class="deital_item">
89
             <text class="name">处理人:</text>
89
             <text class="name">处理人:</text>
90
             <text class="value" v-if="dataInfo.incidentData.state.value == 'pending' && dataInfo.incidentData.currentLog">{{dataInfo.incidentData.currentLog.workerName}}<text @click="makePhoneCall(dataInfo.incidentData.currentLog.workerPhone)" v-if="dataInfo.incidentData.currentLog.workerPhone">({{dataInfo.incidentData.currentLog.workerPhone}})<uni-icons type="phone-filled" class="phone-filled" :size="18" :color="primaryColor"></uni-icons></text></text>
90
             <text class="value" v-if="dataInfo.incidentData.state.value == 'pending' && dataInfo.incidentData.currentLog">{{dataInfo.incidentData.currentLog.workerName}}<text @click="makePhoneCall(dataInfo.incidentData.currentLog.workerPhone)" v-if="dataInfo.incidentData.currentLog.workerPhone">({{dataInfo.incidentData.currentLog.workerPhone}})<uni-icons type="phone-filled" class="phone-filled" :size="18" :color="primaryColor"></uni-icons></text></text>
91
-            
91
+
92
             <text class="value" v-else-if="dataInfo.incidentData.state.value != 'pending' && dataInfo.incidentData.handlingPersonnelUser">{{dataInfo.incidentData.handlingPersonnelUser.name}}<text @click="makePhoneCall(dataInfo.incidentData.handlingPersonnelUser.phone)" v-if="dataInfo.incidentData.handlingPersonnelUser.phone">({{dataInfo.incidentData.handlingPersonnelUser.phone}})<uni-icons type="phone-filled" class="phone-filled" :size="18" :color="primaryColor"></uni-icons></text></text>
92
             <text class="value" v-else-if="dataInfo.incidentData.state.value != 'pending' && dataInfo.incidentData.handlingPersonnelUser">{{dataInfo.incidentData.handlingPersonnelUser.name}}<text @click="makePhoneCall(dataInfo.incidentData.handlingPersonnelUser.phone)" v-if="dataInfo.incidentData.handlingPersonnelUser.phone">({{dataInfo.incidentData.handlingPersonnelUser.phone}})<uni-icons type="phone-filled" class="phone-filled" :size="18" :color="primaryColor"></uni-icons></text></text>
93
             <text class="value" v-else>无</text>
93
             <text class="value" v-else>无</text>
94
           </view>
94
           </view>
@@ -108,11 +108,11 @@
108
           </view>
108
           </view>
109
           <view class="deital_item">
109
           <view class="deital_item">
110
             <text class="name">协同人:</text>
110
             <text class="name">协同人:</text>
111
-            <text class="value">{{dataInfo.incidentData.synergetic.length ? dataInfo.incidentData.synergetic.map(v => v.name).join(',') : '无'}}</text>
111
+            <text class="value">{{dataInfo.incidentData.synergetic && dataInfo.incidentData.synergetic.length ? dataInfo.incidentData.synergetic.map(v => v.name).join(',') : '无'}}</text>
112
           </view>
112
           </view>
113
         </view>
113
         </view>
114
       </template>
114
       </template>
115
-      
115
+
116
       <!-- 维修汇总单 -->
116
       <!-- 维修汇总单 -->
117
       <template v-if="dataInfo.tabActiveValue === '2'">
117
       <template v-if="dataInfo.tabActiveValue === '2'">
118
         <view class="detail_head">
118
         <view class="detail_head">
@@ -145,7 +145,7 @@
145
         <view class="summaryItem_bodyItem_total">工时总价:{{dataInfo.summaryObj.workHourPrice}}元</view>
145
         <view class="summaryItem_bodyItem_total">工时总价:{{dataInfo.summaryObj.workHourPrice}}元</view>
146
         <view class="summaryItem_total">汇总单总价:{{dataInfo.summaryObj.totalMaintenancePrice}}元</view>
146
         <view class="summaryItem_total">汇总单总价:{{dataInfo.summaryObj.totalMaintenancePrice}}元</view>
147
       </template>
147
       </template>
148
-      
148
+
149
       <!-- 处理流程 -->
149
       <!-- 处理流程 -->
150
       <template v-if="dataInfo.tabActiveValue === '3'">
150
       <template v-if="dataInfo.tabActiveValue === '3'">
151
         <view class="process_item_wrap">
151
         <view class="process_item_wrap">
@@ -161,7 +161,7 @@
161
           </view>
161
           </view>
162
         </view>
162
         </view>
163
       </template>
163
       </template>
164
-      
164
+
165
       <!-- 评价信息 -->
165
       <!-- 评价信息 -->
166
       <template v-if="dataInfo.tabActiveValue === '4'">
166
       <template v-if="dataInfo.tabActiveValue === '4'">
167
         <view class="detail_head">
167
         <view class="detail_head">
@@ -178,7 +178,7 @@
178
             <text>{{item.remark}}</text>
178
             <text>{{item.remark}}</text>
179
           </view>
179
           </view>
180
         </view>
180
         </view>
181
-        
181
+
182
         <view class="detail_head">
182
         <view class="detail_head">
183
           <text class="title">回访信息</text>
183
           <text class="title">回访信息</text>
184
         </view>
184
         </view>
@@ -213,7 +213,7 @@
213
   import { computedPriorityStyle } from '@/filters/computedPriorityStyle.js'
213
   import { computedPriorityStyle } from '@/filters/computedPriorityStyle.js'
214
   import { computedStateStyle } from '@/filters/computedStateStyle.js'
214
   import { computedStateStyle } from '@/filters/computedStateStyle.js'
215
   import { filterFormatDate } from '@/filters/filterFormatDate.js'
215
   import { filterFormatDate } from '@/filters/filterFormatDate.js'
216
-  
216
+
217
   useSetTitle();
217
   useSetTitle();
218
   const loginUserStore = useLoginUserStore();
218
   const loginUserStore = useLoginUserStore();
219
   const { makePhoneCall }  = useMakePhoneCall();
219
   const { makePhoneCall }  = useMakePhoneCall();
@@ -221,10 +221,10 @@
221
   const { priorityStyle }  = computedPriorityStyle();
221
   const { priorityStyle }  = computedPriorityStyle();
222
   const { stateStyle }  = computedStateStyle();
222
   const { stateStyle }  = computedStateStyle();
223
   const { formatDate }  = filterFormatDate();
223
   const { formatDate }  = filterFormatDate();
224
-  
224
+
225
   // 主题颜色
225
   // 主题颜色
226
   const primaryColor = ref(defaultColor)
226
   const primaryColor = ref(defaultColor)
227
-  
227
+
228
   // 数据
228
   // 数据
229
   const dataInfo = reactive({
229
   const dataInfo = reactive({
230
     tabs: [
230
     tabs: [
@@ -247,17 +247,17 @@
247
     callbackLogs: [],//回访
247
     callbackLogs: [],//回访
248
     isAttachment: false,//录音开关
248
     isAttachment: false,//录音开关
249
   })
249
   })
250
-  
250
+
251
   // 点击录音
251
   // 点击录音
252
   function attachmentClick(){
252
   function attachmentClick(){
253
     dataInfo.isAttachment = true;
253
     dataInfo.isAttachment = true;
254
   }
254
   }
255
-  
255
+
256
   // 知道了录音
256
   // 知道了录音
257
   function knowAttachment(){
257
   function knowAttachment(){
258
     dataInfo.isAttachment = false;
258
     dataInfo.isAttachment = false;
259
   }
259
   }
260
-  
260
+
261
   // 获取汇总单信息
261
   // 获取汇总单信息
262
   function getSummaryList(){
262
   function getSummaryList(){
263
     uni.showLoading({
263
     uni.showLoading({
@@ -279,7 +279,7 @@
279
       }
279
       }
280
     })
280
     })
281
   }
281
   }
282
-  
282
+
283
   // 获取流程列表
283
   // 获取流程列表
284
   function getIncidentLogList(){
284
   function getIncidentLogList(){
285
     uni.showLoading({
285
     uni.showLoading({
@@ -306,7 +306,7 @@
306
       }
306
       }
307
     })
307
     })
308
   }
308
   }
309
-  
309
+
310
   // 预览图片
310
   // 预览图片
311
   function previewImg(index, type){
311
   function previewImg(index, type){
312
     uni.previewImage({
312
     uni.previewImage({
@@ -323,7 +323,7 @@
323
       }
323
       }
324
     });
324
     });
325
   }
325
   }
326
-  
326
+
327
   // 初始化表单
327
   // 初始化表单
328
   function initForm(){
328
   function initForm(){
329
     if(dataInfo.tabActiveValue === '1'){
329
     if(dataInfo.tabActiveValue === '1'){
@@ -334,10 +334,10 @@
334
     }else if(dataInfo.tabActiveValue === '3'){
334
     }else if(dataInfo.tabActiveValue === '3'){
335
       getIncidentLogList();
335
       getIncidentLogList();
336
     }else if(dataInfo.tabActiveValue === '4'){
336
     }else if(dataInfo.tabActiveValue === '4'){
337
-      
337
+
338
     }
338
     }
339
   }
339
   }
340
-  
340
+
341
   // 点击tab
341
   // 点击tab
342
   function clickTab(tabValue){
342
   function clickTab(tabValue){
343
     if(dataInfo.tabActiveValue == tabValue){
343
     if(dataInfo.tabActiveValue == tabValue){
@@ -346,7 +346,7 @@
346
     dataInfo.tabActiveValue = tabValue;
346
     dataInfo.tabActiveValue = tabValue;
347
     initForm()
347
     initForm()
348
   }
348
   }
349
-  
349
+
350
   // 获取事件详情
350
   // 获取事件详情
351
   function getIncidentDetail(){
351
   function getIncidentDetail(){
352
     uni.showLoading({
352
     uni.showLoading({
@@ -361,13 +361,13 @@
361
         let logs = dataInfo.incidentData.logs || [];
361
         let logs = dataInfo.incidentData.logs || [];
362
         dataInfo.resolveLogs = logs.filter(v => v.logType.value == 'resolve').slice(0, 1);
362
         dataInfo.resolveLogs = logs.filter(v => v.logType.value == 'resolve').slice(0, 1);
363
         dataInfo.callbackLogs = logs.filter(v => v.logType.value == 'callback').slice(0, 1);
363
         dataInfo.callbackLogs = logs.filter(v => v.logType.value == 'callback').slice(0, 1);
364
-        
364
+
365
         // 维修汇总单
365
         // 维修汇总单
366
         if(dataInfo.incidentData.state.value == 'close' && dataInfo.incidentData.duty.addSummary == 1 && dataInfo.incidentData.repairSummary == 1){
366
         if(dataInfo.incidentData.state.value == 'close' && dataInfo.incidentData.duty.addSummary == 1 && dataInfo.incidentData.repairSummary == 1){
367
           let flag = dataInfo.tabs.some(v => v.value === '2');
367
           let flag = dataInfo.tabs.some(v => v.value === '2');
368
           !flag && dataInfo.tabs.splice(1, 0, {id: 2, name: '维修汇总单', value: '2', num: ''});
368
           !flag && dataInfo.tabs.splice(1, 0, {id: 2, name: '维修汇总单', value: '2', num: ''});
369
         }
369
         }
370
-        
370
+
371
         dataInfo.tabActiveValue = dataInfo.tabs[0].value;
371
         dataInfo.tabActiveValue = dataInfo.tabs[0].value;
372
         initForm()
372
         initForm()
373
       }else{
373
       }else{
@@ -378,7 +378,7 @@
378
       }
378
       }
379
     })
379
     })
380
   }
380
   }
381
-  
381
+
382
   // 获取报修图片
382
   // 获取报修图片
383
   function getRepairImgs(){
383
   function getRepairImgs(){
384
     uni.showLoading({
384
     uni.showLoading({
@@ -395,7 +395,7 @@
395
       dataInfo.repairImgs = res.data;
395
       dataInfo.repairImgs = res.data;
396
     })
396
     })
397
   }
397
   }
398
-  
398
+
399
   // 获取处理图片
399
   // 获取处理图片
400
   function getHandlerImgs(){
400
   function getHandlerImgs(){
401
     uni.showLoading({
401
     uni.showLoading({
@@ -412,7 +412,7 @@
412
       dataInfo.handlerImgs = res.data;
412
       dataInfo.handlerImgs = res.data;
413
     })
413
     })
414
   }
414
   }
415
-  
415
+
416
   onLoad((option) => {
416
   onLoad((option) => {
417
     dataInfo.incidentId = option.incidentId;
417
     dataInfo.incidentId = option.incidentId;
418
     getIncidentDetail();
418
     getIncidentDetail();
@@ -518,7 +518,7 @@
518
         }
518
         }
519
       }
519
       }
520
     }
520
     }
521
-    
521
+
522
     .deital_item{
522
     .deital_item{
523
       font-size: 26rpx;
523
       font-size: 26rpx;
524
       color: #555;
524
       color: #555;
@@ -545,7 +545,7 @@
545
         }
545
         }
546
       }
546
       }
547
     }
547
     }
548
-    
548
+
549
     .summaryItem_bodyItem{
549
     .summaryItem_bodyItem{
550
       padding: 24rpx 24rpx 0;
550
       padding: 24rpx 24rpx 0;
551
       font-size: 26rpx;
551
       font-size: 26rpx;
@@ -574,13 +574,13 @@
574
         }
574
         }
575
       }
575
       }
576
     }
576
     }
577
-    
577
+
578
     .summaryItem_bodyItem_total{
578
     .summaryItem_bodyItem_total{
579
       text-align: right;
579
       text-align: right;
580
       padding: 24rpx;
580
       padding: 24rpx;
581
       font-size: 26rpx;
581
       font-size: 26rpx;
582
     }
582
     }
583
-    
583
+
584
     .summaryItem_total{
584
     .summaryItem_total{
585
       text-align: center;
585
       text-align: center;
586
       padding-top: 24rpx;
586
       padding-top: 24rpx;
@@ -589,7 +589,7 @@
589
       color: $uni-primary;
589
       color: $uni-primary;
590
       border-top: 1rpx solid #D2D2D2;
590
       border-top: 1rpx solid #D2D2D2;
591
     }
591
     }
592
-    
592
+
593
     .process_item_wrap{
593
     .process_item_wrap{
594
       padding: 38rpx;
594
       padding: 38rpx;
595
       .process_item{
595
       .process_item{
@@ -637,7 +637,7 @@
637
         }
637
         }
638
       }
638
       }
639
     }
639
     }
640
-    
640
+
641
     .appraise_detail{
641
     .appraise_detail{
642
       padding: 24rpx 24rpx 24rpx 40rpx;
642
       padding: 24rpx 24rpx 24rpx 40rpx;
643
       .appraise_detail_top{
643
       .appraise_detail_top{