telephone-clients 4.0.0-1-69 → 4.0.0-1-70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/Util/TelImgSelfSafePlus.vue +228 -0
- package/src/components/android/AppWorkHistory.vue +394 -394
- package/src/components/android/ImgArea.vue +115 -115
- package/src/components/pc/NewRepairPaper.vue +704 -704
- package/src/components/workorder/AppInstallationMaterial.vue +497 -497
- package/src/components/workorder/RepairDetails.vue +644 -644
- package/src/components/workorder/ServiceOnlineQuery.vue +475 -475
- package/src/filiale/meihekou/android/AppWorkHistory.vue +324 -324
- package/src/filiale/meihekou/android/ServiceOnlineQuery.vue +460 -460
- package/src/filiale/xinjiangdexin/telephone.js +16 -16
- package/src/filiale/yuncheng/android/RepairInfo.vue +163 -163
- package/src/main.js +24 -24
- package/src/telephone-android.js +415 -415
- package/src/telephone.js +793 -789
|
@@ -1,394 +1,394 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<partial-view-tel v-ref:pv>
|
|
3
|
-
<div class="panel panel-info auto" >
|
|
4
|
-
<div class="panel-heading auto" style="text-align: center">
|
|
5
|
-
<h4 style="display:inline-block;margin-top: auto">工单信息</h4>
|
|
6
|
-
</div>
|
|
7
|
-
<div class="auto info-content">
|
|
8
|
-
<div class="row">
|
|
9
|
-
<label class="col-sm-4 ">工单编号:</label>
|
|
10
|
-
<span class="col-sm-8">{{ service?service.f_service_id:'***********' }}</span>
|
|
11
|
-
</div>
|
|
12
|
-
<div class="row"
|
|
13
|
-
v-if="service.f_workorder_type=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
|
|
14
|
-
<label class="col-sm-4 ">当前状态:</label>
|
|
15
|
-
<span class="col-sm-8">{{ rowOne.defname }}</span>
|
|
16
|
-
</div>
|
|
17
|
-
<div class="row">
|
|
18
|
-
<label class="col-sm-4 ">工单时间:</label>
|
|
19
|
-
<span class="col-sm-8">{{ service?service.f_created_date:'****年**月**日' }}</span>
|
|
20
|
-
</div>
|
|
21
|
-
<div class="row" v-if="service.f_workorder_type=='置换通气单'||service.f_workorder_type=='安装单'">
|
|
22
|
-
<label class="col-sm-4 ">预约时间:</label>
|
|
23
|
-
<span class="col-sm-8">{{ service.f_yuyue_date == '1900-01-01 00:00:00' ? '' : service.f_yuyue_date }}</span>
|
|
24
|
-
</div>
|
|
25
|
-
<div class="row">
|
|
26
|
-
<label class="col-sm-4 ">客户姓名:</label>
|
|
27
|
-
<span class="col-sm-8">{{ service?service.f_user_name:'***' }}</span>
|
|
28
|
-
</div>
|
|
29
|
-
<div class="row">
|
|
30
|
-
<label class="col-sm-4 ">来电电话:</label>
|
|
31
|
-
<span class="col-sm-8">{{ service?service.f_phone:'***********' }}</span>
|
|
32
|
-
</div>
|
|
33
|
-
<div class="row">
|
|
34
|
-
<label class="col-sm-4 ">联系电话:</label>
|
|
35
|
-
<span class="col-sm-8">{{ service?service.f_contact_phone:'***********' }}</span>
|
|
36
|
-
</div>
|
|
37
|
-
<div class="row" v-if="service.f_workorder_type=='报修单'">
|
|
38
|
-
<label class="col-sm-4 ">报修类型:</label>
|
|
39
|
-
<span class="col-sm-8">{{ service.f_repairtype }}</span>
|
|
40
|
-
</div>
|
|
41
|
-
<div class="row"
|
|
42
|
-
v-if="service.f_workorder_type!=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
|
|
43
|
-
<label class="col-sm-4 ">工单内容:</label>
|
|
44
|
-
<span class="col-sm-8">{{ service.f_content }}</span>
|
|
45
|
-
</div>
|
|
46
|
-
<div class="row">
|
|
47
|
-
<label class="col-sm-4 ">客户编号:</label>
|
|
48
|
-
<span class="col-sm-8">{{ service.f_userinfo_code }}</span>
|
|
49
|
-
</div>
|
|
50
|
-
<div class="row" v-if="service.f_workorder_type=='报修单'">
|
|
51
|
-
<label class="col-sm-4 ">客户表号:</label>
|
|
52
|
-
<span class="col-sm-8">{{ service.f_meternumber }}</span>
|
|
53
|
-
</div>
|
|
54
|
-
<div class="row">
|
|
55
|
-
<label class="col-sm-4 ">用户地址:</label>
|
|
56
|
-
<span class="col-sm-8">{{ service.f_address }}</span>
|
|
57
|
-
</div>
|
|
58
|
-
<div class="row">
|
|
59
|
-
<label class="col-sm-4 ">工单备注:</label>
|
|
60
|
-
<span class="col-sm-8">{{ service.f_remarks }}</span>
|
|
61
|
-
</div>
|
|
62
|
-
<div class="row"
|
|
63
|
-
v-if="service.f_workorder_type=='报修单' || service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
|
|
64
|
-
<label class="col-sm-4 ">指导建议:</label>
|
|
65
|
-
<span class="col-sm-8">{{ service.f_advice }}</span>
|
|
66
|
-
</div>
|
|
67
|
-
<div class="row"
|
|
68
|
-
v-if="service.f_workorder_type=='报修单' || service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
|
|
69
|
-
<label class="col-sm-4 ">故障明细:</label>
|
|
70
|
-
<span class="col-sm-8">{{ service.f_source == '物联网表异常' ? service.f_error_msg : trouble(service.failure)}}</span>
|
|
71
|
-
</div>
|
|
72
|
-
<!-- 工单的流转时间轴信息,每个活动的内容各不相同 -->
|
|
73
|
-
</div>
|
|
74
|
-
<div class="panel-heading auto" style="text-align: center" v-show="service.serviceacitivity.length>0">
|
|
75
|
-
<h4 style="display:inline-block;margin-top: auto">工单历史</h4>
|
|
76
|
-
</div>
|
|
77
|
-
<div class="tab-content span">
|
|
78
|
-
<timeline style="margin-left: 20px"
|
|
79
|
-
v-if="service.f_workorder_type=='报修单' || service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'|| service.f_workorder_type=='投诉单'||service.f_workorder_type=='咨询单'">
|
|
80
|
-
<timeline-item-tel v-for="activity in service.serviceacitivity"
|
|
81
|
-
:color="$index === service.serviceacitivity.length - 1 ? 'blue' : 'default'"
|
|
82
|
-
:isblue="$index === service.serviceacitivity.length - 1 ? true : false">
|
|
83
|
-
<!-- 派单 -->
|
|
84
|
-
<div style="margin-top: 5px" v-if="activity.type === 't_servicesend'">
|
|
85
|
-
<p>{{ activity.f_date }}</p>
|
|
86
|
-
<p>{{ activity.f_name }}派单给{{ getReciever(activity) }}</p>
|
|
87
|
-
</div>
|
|
88
|
-
<!-- 工单打回 -->
|
|
89
|
-
<div style="margin-top: 5px" v-if="activity.type === 't_service_back'">
|
|
90
|
-
<p>{{ activity.f_date }}</p>
|
|
91
|
-
<p>{{ activity.f_operator }}将工单{{activity.f_back_type}}</p>
|
|
92
|
-
<p v-if="activity.f_remarks">原因:{{ activity.f_remarks }}</p>
|
|
93
|
-
</div>
|
|
94
|
-
<!-- 工单打回 工单打回旧版使用t_site_back,兼容之前的逻辑。新版本无需调整此项-->
|
|
95
|
-
<div style="margin-top: 5px" v-if="activity.type === 't_site_back'">
|
|
96
|
-
<p>{{ activity.f_site_back_date }}</p>
|
|
97
|
-
<p>{{ activity.f_site_back_name }}将工单打回</p>
|
|
98
|
-
<p>原因:{{ activity.f_site_back_reason }}</p>
|
|
99
|
-
</div>
|
|
100
|
-
<!-- 未维修,属于维修员打回 兼容之前的逻辑。新版本无需调整此项 -->
|
|
101
|
-
<div style="margin-top: 5px" v-if="activity.type === 't_notwork'">
|
|
102
|
-
<p>{{ activity.f_date }}</p>
|
|
103
|
-
<p>{{ activity.f_name }}未处理</p>
|
|
104
|
-
<p>原因:{{ activity.f_reason }}</p>
|
|
105
|
-
</div>
|
|
106
|
-
<!-- 用户催单 -->
|
|
107
|
-
<div style="margin-top: 5px" v-if="activity.type === 't_reminder'">
|
|
108
|
-
<p>用户催单</p>
|
|
109
|
-
<p>{{ activity.f_reminder_date }}</p>
|
|
110
|
-
<p>操作人:{{ activity.f_operator_name }}</p>
|
|
111
|
-
<p>催单内容:{{ activity.f_content }}</p>
|
|
112
|
-
</div>
|
|
113
|
-
<!-- 工单撤回 -->
|
|
114
|
-
<div style="margin-top: 5px" v-if="activity.type === 't_recall'">
|
|
115
|
-
<p>{{ activity.f_recall_date }}</p>
|
|
116
|
-
<p>{{ activity.f_recall_name }}撤回工单</p>
|
|
117
|
-
<p>备注:{{ activity.f_remarks }}</p>
|
|
118
|
-
</div>
|
|
119
|
-
<!-- 工单信息补充 -->
|
|
120
|
-
<div style="margin-top: 5px" v-if="activity.type === 't_telinformation'">
|
|
121
|
-
<p>{{ activity.f_information_date }}</p>
|
|
122
|
-
<p>{{ activity.f_operator_name }}进行信息补充</p>
|
|
123
|
-
<p>维护内容:{{ activity.f_content }}</p>
|
|
124
|
-
</div>
|
|
125
|
-
<!-- 一次维修 -->
|
|
126
|
-
<div style="margin-top: 5px" v-if="activity.type === 't_servicework'">
|
|
127
|
-
<p>入户时间: {{ activity.f_date_come }}</p>
|
|
128
|
-
<p>离开时间: {{ activity.f_date_leave }}</p>
|
|
129
|
-
<!--<img-self v-for="img in activity.imgs" :src="`rs/file/getfile/${img.imgid}`" alt="测试" :width="150"-->
|
|
130
|
-
<!--:height="200"></img-self>-->
|
|
131
|
-
<p>接单员: {{ activity.f_name }} 完成结果: {{ activity.f_result_status }}
|
|
132
|
-
</p>
|
|
133
|
-
<p v-if="activity.f_result_status === '未完成'">原因: {{ activity.f_reason }}
|
|
134
|
-
</p>
|
|
135
|
-
</div>
|
|
136
|
-
<!-- 工单结案 -->
|
|
137
|
-
<div style="margin-top: 5px" v-if="activity.type === 't_serviceend'">
|
|
138
|
-
<p>{{ activity.f_date }}</p>
|
|
139
|
-
<p>{{ activity.f_name }}结束工单,备注:{{ activity.f_caseremarks }} {{activity.f_remakes}}</p>
|
|
140
|
-
<span class="btn btn-link add-postition" v-if="activity.f_caseimgs" @click="getcaseimgs(activity.f_caseimgs)">结案照片</span>
|
|
141
|
-
</div>
|
|
142
|
-
</timeline-item-tel>
|
|
143
|
-
</timeline>
|
|
144
|
-
</div>
|
|
145
|
-
</div>
|
|
146
|
-
</partial-view-tel>
|
|
147
|
-
</template>
|
|
148
|
-
<script>
|
|
149
|
-
import co from 'co'
|
|
150
|
-
import Vue from 'vue'
|
|
151
|
-
import FailureShow from '../../components/pc/FailureShow.vue'
|
|
152
|
-
|
|
153
|
-
let getGen = function * (self) {
|
|
154
|
-
yield self.$resetpost(self.$androidUtil.getProxyUrl() +'/af-telephone/rs/path/getService', {data: {id: self.rowOne.id}}, {resolveMsg: null, rejectMsg: null})
|
|
155
|
-
.then((res) => {
|
|
156
|
-
self.service = res.data[0]
|
|
157
|
-
})
|
|
158
|
-
}
|
|
159
|
-
export default {
|
|
160
|
-
title: '工单历史记录',
|
|
161
|
-
data () {
|
|
162
|
-
return {
|
|
163
|
-
curactivity:{},
|
|
164
|
-
attachment:{},
|
|
165
|
-
attachmentShow:false,
|
|
166
|
-
caseimgs:[],
|
|
167
|
-
caseimgshow:false,
|
|
168
|
-
imgshow: false,
|
|
169
|
-
imgfilename: '',
|
|
170
|
-
imgfilenamea: '',
|
|
171
|
-
imgfilenameb: '',
|
|
172
|
-
service: null,
|
|
173
|
-
repaierShow: false,
|
|
174
|
-
isshow: false,
|
|
175
|
-
show: false,
|
|
176
|
-
takeshow: false, // 操作面板显示
|
|
177
|
-
repair: {},
|
|
178
|
-
evaluate: {},
|
|
179
|
-
num: 14,
|
|
180
|
-
wavflie: '',
|
|
181
|
-
iscomplanAllInfo: false, // 是否显示投诉单详情
|
|
182
|
-
complanResult: {}, //投诉单详情信息
|
|
183
|
-
showinfo:false,
|
|
184
|
-
information:'',
|
|
185
|
-
loginUser:{
|
|
186
|
-
name:Vue.user.name,
|
|
187
|
-
ename:Vue.user.ename
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
},
|
|
191
|
-
props: {
|
|
192
|
-
rowOne: { // 传入一条工单信息
|
|
193
|
-
type: Object
|
|
194
|
-
}
|
|
195
|
-
},
|
|
196
|
-
methods: {
|
|
197
|
-
showAttachment(activity){
|
|
198
|
-
this.attachment = activity
|
|
199
|
-
this.attachmentShow = true
|
|
200
|
-
},
|
|
201
|
-
getcaseimgs(val){
|
|
202
|
-
if(val){
|
|
203
|
-
this.caseimgs = val.split(";")
|
|
204
|
-
}
|
|
205
|
-
this.caseimgshow= true
|
|
206
|
-
},
|
|
207
|
-
caseclose(){
|
|
208
|
-
this.caseimgshow= false
|
|
209
|
-
},
|
|
210
|
-
//添加信息维护
|
|
211
|
-
infoadd(){
|
|
212
|
-
this.showinfo = true
|
|
213
|
-
},
|
|
214
|
-
infoaddsure(){
|
|
215
|
-
if(!this.information){
|
|
216
|
-
return this.$showMessage('请填写维护内容!')
|
|
217
|
-
}
|
|
218
|
-
var data = {
|
|
219
|
-
id :this.service.id,
|
|
220
|
-
f_processid:this.service.f_processid,
|
|
221
|
-
f_content:this.information,
|
|
222
|
-
serviceacitivity : [{}]
|
|
223
|
-
}
|
|
224
|
-
// 将数据发送给业务逻辑
|
|
225
|
-
this.$resetpost(this.$androidUtil.getProxyUrl()+'/af-telephone/rs/logic/telinformation', {model: data, loginUser: this.loginUser},{resolveMsg: null, rejectMsg: null}).then(() => {
|
|
226
|
-
this.$showMessage('维护内容添加成功!',['confirm'])
|
|
227
|
-
this.information = ''
|
|
228
|
-
this.showinfo =false
|
|
229
|
-
this.selfSearch()
|
|
230
|
-
})
|
|
231
|
-
},
|
|
232
|
-
infoclose(){
|
|
233
|
-
this.showinfo =false
|
|
234
|
-
},
|
|
235
|
-
trouble (val) {
|
|
236
|
-
let failureall=''
|
|
237
|
-
// val=[{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""},{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""},{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""}]
|
|
238
|
-
|
|
239
|
-
let failure = JSON.parse(val)
|
|
240
|
-
for (let i = 0; i <failure.length; i++) {
|
|
241
|
-
if (failure[i].failurecase.length>0){
|
|
242
|
-
failureall+=failure[i].f_failure_type+":"
|
|
243
|
-
for (let j = 0; j < failure[i].failurecase.length; j++) {
|
|
244
|
-
failureall+=failure[i].failurecase[j]
|
|
245
|
-
if (j+1!=failure[i].failurecase.length){
|
|
246
|
-
failureall+=","
|
|
247
|
-
}
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
}else{
|
|
251
|
-
failureall+=failure[i].f_failure_type
|
|
252
|
-
}
|
|
253
|
-
if (i+1!=failure.length){
|
|
254
|
-
failureall+=';'
|
|
255
|
-
}
|
|
256
|
-
}
|
|
257
|
-
return failureall
|
|
258
|
-
},
|
|
259
|
-
// 投诉单详情
|
|
260
|
-
reqComplanResult (index) {
|
|
261
|
-
this.complanResult = Object.assign({}, this.service.serviceacitivity[index])
|
|
262
|
-
this.iscomplanAllInfo = true
|
|
263
|
-
},
|
|
264
|
-
showpicture (val) {
|
|
265
|
-
//tag
|
|
266
|
-
//tag)
|
|
267
|
-
this.imgshow = true
|
|
268
|
-
this.imgfilename = 'rs/image/file/' + val.f_single_path
|
|
269
|
-
this.imgfilenamea = 'rs/image/file/' + val.f_singlea_path
|
|
270
|
-
this.imgfilenameb = 'rs/image/file/' + val.f_singleb_path
|
|
271
|
-
},
|
|
272
|
-
imgclose () {
|
|
273
|
-
this.imgshow = false
|
|
274
|
-
},
|
|
275
|
-
renew () {
|
|
276
|
-
this.takeshow = false
|
|
277
|
-
},
|
|
278
|
-
clean () {
|
|
279
|
-
this.takeshow = false
|
|
280
|
-
},
|
|
281
|
-
takett () {
|
|
282
|
-
this.takeshow = true
|
|
283
|
-
},
|
|
284
|
-
playWav (val) {
|
|
285
|
-
let condition = `id = '${val}'`
|
|
286
|
-
let result = ''
|
|
287
|
-
this.$resetpost(`${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/tel_singleTable`, {
|
|
288
|
-
data: {
|
|
289
|
-
items: 'recordfile', tablename: 't_records',
|
|
290
|
-
condition: condition, orderitem: 'outltime'
|
|
291
|
-
}
|
|
292
|
-
}, {resolveMsg: null, rejectMsg: null}).then((res) => {
|
|
293
|
-
result = res.data
|
|
294
|
-
this.wavflie = result[0].recordfile
|
|
295
|
-
this.show = true
|
|
296
|
-
})
|
|
297
|
-
},
|
|
298
|
-
closemodel () {
|
|
299
|
-
this.wavflie = ''
|
|
300
|
-
this.show = false
|
|
301
|
-
},
|
|
302
|
-
getReciever (val) {
|
|
303
|
-
let str = val.f_reciever
|
|
304
|
-
var i = parseInt(str)
|
|
305
|
-
if (isNaN(i)) {
|
|
306
|
-
return val.f_reciever
|
|
307
|
-
}
|
|
308
|
-
return val.f_meetunit
|
|
309
|
-
},
|
|
310
|
-
selfSearch () {
|
|
311
|
-
if (!this.rowOne) {
|
|
312
|
-
return
|
|
313
|
-
}
|
|
314
|
-
if (this.rowOne.f_workorder_type != '报修单' && this.rowOne.f_workorder_type != '置换通气单' && this.rowOne.f_workorder_type != '安装单' && this.rowOne.f_workorder_type != '投诉单' && this.rowOne.f_workorder_type != '咨询单') {
|
|
315
|
-
this.service = this.rowOne
|
|
316
|
-
} else {
|
|
317
|
-
let gen = getGen(this)
|
|
318
|
-
co(gen)
|
|
319
|
-
}
|
|
320
|
-
// if (this.rowOne.processins) {
|
|
321
|
-
// this.service = this.rowOne
|
|
322
|
-
// } else {
|
|
323
|
-
// let gen = getGen(this)
|
|
324
|
-
// co(gen)
|
|
325
|
-
// }
|
|
326
|
-
},
|
|
327
|
-
getrepair () {
|
|
328
|
-
// if(!this.rowOne) {
|
|
329
|
-
// return
|
|
330
|
-
// }
|
|
331
|
-
let gen = getrepairGen(this)
|
|
332
|
-
co(gen)
|
|
333
|
-
},
|
|
334
|
-
repairlist (index) {
|
|
335
|
-
this.curactivity = Object.assign({}, this.service.serviceacitivity[index])
|
|
336
|
-
//tag
|
|
337
|
-
//tag)
|
|
338
|
-
// this.repaierShow = true
|
|
339
|
-
this.$goto('new-repair-paper', {service:this.service,curactivity: this.curactivity}, 'self')
|
|
340
|
-
},
|
|
341
|
-
close () {
|
|
342
|
-
this.repaierShow = false
|
|
343
|
-
},
|
|
344
|
-
discuss () {
|
|
345
|
-
//tag
|
|
346
|
-
this.isshow = true
|
|
347
|
-
},
|
|
348
|
-
closeevaluate () {
|
|
349
|
-
this.isshow = false
|
|
350
|
-
},
|
|
351
|
-
// 评论完成
|
|
352
|
-
saveevaluate (val) {
|
|
353
|
-
//tag
|
|
354
|
-
this.isshow = false
|
|
355
|
-
this.$refs.evaluate.init(this.evaluate.f_type, this.evaluate.f_middle_id).then(() => {
|
|
356
|
-
})
|
|
357
|
-
}
|
|
358
|
-
},
|
|
359
|
-
watch: {
|
|
360
|
-
'rowOne' () {
|
|
361
|
-
this.selfSearch()
|
|
362
|
-
//tag
|
|
363
|
-
//tag
|
|
364
|
-
},
|
|
365
|
-
'service' (val) {
|
|
366
|
-
if (val) {
|
|
367
|
-
this.evaluate = {
|
|
368
|
-
f_type: val.f_workorder_type,
|
|
369
|
-
f_middle_id: val.f_service_id
|
|
370
|
-
}
|
|
371
|
-
}
|
|
372
|
-
}
|
|
373
|
-
},
|
|
374
|
-
ready () {
|
|
375
|
-
this.selfSearch()
|
|
376
|
-
|
|
377
|
-
},
|
|
378
|
-
components: {
|
|
379
|
-
'failure-show': FailureShow
|
|
380
|
-
}
|
|
381
|
-
}
|
|
382
|
-
</script>
|
|
383
|
-
<style scoped lang="less">
|
|
384
|
-
.workOrderInfo{
|
|
385
|
-
.row {
|
|
386
|
-
div {
|
|
387
|
-
margin-top: 10px;
|
|
388
|
-
[readonly] {
|
|
389
|
-
background-color:#eeeeee;
|
|
390
|
-
}
|
|
391
|
-
}
|
|
392
|
-
}
|
|
393
|
-
}
|
|
394
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<partial-view-tel v-ref:pv>
|
|
3
|
+
<div class="panel panel-info auto" >
|
|
4
|
+
<div class="panel-heading auto" style="text-align: center">
|
|
5
|
+
<h4 style="display:inline-block;margin-top: auto">工单信息</h4>
|
|
6
|
+
</div>
|
|
7
|
+
<div class="auto info-content">
|
|
8
|
+
<div class="row">
|
|
9
|
+
<label class="col-sm-4 ">工单编号:</label>
|
|
10
|
+
<span class="col-sm-8">{{ service?service.f_service_id:'***********' }}</span>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="row"
|
|
13
|
+
v-if="service.f_workorder_type=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
|
|
14
|
+
<label class="col-sm-4 ">当前状态:</label>
|
|
15
|
+
<span class="col-sm-8">{{ rowOne.defname }}</span>
|
|
16
|
+
</div>
|
|
17
|
+
<div class="row">
|
|
18
|
+
<label class="col-sm-4 ">工单时间:</label>
|
|
19
|
+
<span class="col-sm-8">{{ service?service.f_created_date:'****年**月**日' }}</span>
|
|
20
|
+
</div>
|
|
21
|
+
<div class="row" v-if="service.f_workorder_type=='置换通气单'||service.f_workorder_type=='安装单'">
|
|
22
|
+
<label class="col-sm-4 ">预约时间:</label>
|
|
23
|
+
<span class="col-sm-8">{{ service.f_yuyue_date == '1900-01-01 00:00:00' ? '' : service.f_yuyue_date }}</span>
|
|
24
|
+
</div>
|
|
25
|
+
<div class="row">
|
|
26
|
+
<label class="col-sm-4 ">客户姓名:</label>
|
|
27
|
+
<span class="col-sm-8">{{ service?service.f_user_name:'***' }}</span>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="row">
|
|
30
|
+
<label class="col-sm-4 ">来电电话:</label>
|
|
31
|
+
<span class="col-sm-8">{{ service?service.f_phone:'***********' }}</span>
|
|
32
|
+
</div>
|
|
33
|
+
<div class="row">
|
|
34
|
+
<label class="col-sm-4 ">联系电话:</label>
|
|
35
|
+
<span class="col-sm-8">{{ service?service.f_contact_phone:'***********' }}</span>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="row" v-if="service.f_workorder_type=='报修单'">
|
|
38
|
+
<label class="col-sm-4 ">报修类型:</label>
|
|
39
|
+
<span class="col-sm-8">{{ service.f_repairtype }}</span>
|
|
40
|
+
</div>
|
|
41
|
+
<div class="row"
|
|
42
|
+
v-if="service.f_workorder_type!=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
|
|
43
|
+
<label class="col-sm-4 ">工单内容:</label>
|
|
44
|
+
<span class="col-sm-8">{{ service.f_content }}</span>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="row">
|
|
47
|
+
<label class="col-sm-4 ">客户编号:</label>
|
|
48
|
+
<span class="col-sm-8">{{ service.f_userinfo_code }}</span>
|
|
49
|
+
</div>
|
|
50
|
+
<div class="row" v-if="service.f_workorder_type=='报修单'">
|
|
51
|
+
<label class="col-sm-4 ">客户表号:</label>
|
|
52
|
+
<span class="col-sm-8">{{ service.f_meternumber }}</span>
|
|
53
|
+
</div>
|
|
54
|
+
<div class="row">
|
|
55
|
+
<label class="col-sm-4 ">用户地址:</label>
|
|
56
|
+
<span class="col-sm-8">{{ service.f_address }}</span>
|
|
57
|
+
</div>
|
|
58
|
+
<div class="row">
|
|
59
|
+
<label class="col-sm-4 ">工单备注:</label>
|
|
60
|
+
<span class="col-sm-8">{{ service.f_remarks }}</span>
|
|
61
|
+
</div>
|
|
62
|
+
<div class="row"
|
|
63
|
+
v-if="service.f_workorder_type=='报修单' || service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
|
|
64
|
+
<label class="col-sm-4 ">指导建议:</label>
|
|
65
|
+
<span class="col-sm-8">{{ service.f_advice }}</span>
|
|
66
|
+
</div>
|
|
67
|
+
<div class="row"
|
|
68
|
+
v-if="service.f_workorder_type=='报修单' || service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
|
|
69
|
+
<label class="col-sm-4 ">故障明细:</label>
|
|
70
|
+
<span class="col-sm-8">{{ service.f_source == '物联网表异常' ? service.f_error_msg : trouble(service.failure)}}</span>
|
|
71
|
+
</div>
|
|
72
|
+
<!-- 工单的流转时间轴信息,每个活动的内容各不相同 -->
|
|
73
|
+
</div>
|
|
74
|
+
<div class="panel-heading auto" style="text-align: center" v-show="service.serviceacitivity.length>0">
|
|
75
|
+
<h4 style="display:inline-block;margin-top: auto">工单历史</h4>
|
|
76
|
+
</div>
|
|
77
|
+
<div class="tab-content span">
|
|
78
|
+
<timeline style="margin-left: 20px"
|
|
79
|
+
v-if="service.f_workorder_type=='报修单' || service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'|| service.f_workorder_type=='投诉单'||service.f_workorder_type=='咨询单'">
|
|
80
|
+
<timeline-item-tel v-for="activity in service.serviceacitivity"
|
|
81
|
+
:color="$index === service.serviceacitivity.length - 1 ? 'blue' : 'default'"
|
|
82
|
+
:isblue="$index === service.serviceacitivity.length - 1 ? true : false">
|
|
83
|
+
<!-- 派单 -->
|
|
84
|
+
<div style="margin-top: 5px" v-if="activity.type === 't_servicesend'">
|
|
85
|
+
<p>{{ activity.f_date }}</p>
|
|
86
|
+
<p>{{ activity.f_name }}派单给{{ getReciever(activity) }}</p>
|
|
87
|
+
</div>
|
|
88
|
+
<!-- 工单打回 -->
|
|
89
|
+
<div style="margin-top: 5px" v-if="activity.type === 't_service_back'">
|
|
90
|
+
<p>{{ activity.f_date }}</p>
|
|
91
|
+
<p>{{ activity.f_operator }}将工单{{activity.f_back_type}}</p>
|
|
92
|
+
<p v-if="activity.f_remarks">原因:{{ activity.f_remarks }}</p>
|
|
93
|
+
</div>
|
|
94
|
+
<!-- 工单打回 工单打回旧版使用t_site_back,兼容之前的逻辑。新版本无需调整此项-->
|
|
95
|
+
<div style="margin-top: 5px" v-if="activity.type === 't_site_back'">
|
|
96
|
+
<p>{{ activity.f_site_back_date }}</p>
|
|
97
|
+
<p>{{ activity.f_site_back_name }}将工单打回</p>
|
|
98
|
+
<p>原因:{{ activity.f_site_back_reason }}</p>
|
|
99
|
+
</div>
|
|
100
|
+
<!-- 未维修,属于维修员打回 兼容之前的逻辑。新版本无需调整此项 -->
|
|
101
|
+
<div style="margin-top: 5px" v-if="activity.type === 't_notwork'">
|
|
102
|
+
<p>{{ activity.f_date }}</p>
|
|
103
|
+
<p>{{ activity.f_name }}未处理</p>
|
|
104
|
+
<p>原因:{{ activity.f_reason }}</p>
|
|
105
|
+
</div>
|
|
106
|
+
<!-- 用户催单 -->
|
|
107
|
+
<div style="margin-top: 5px" v-if="activity.type === 't_reminder'">
|
|
108
|
+
<p>用户催单</p>
|
|
109
|
+
<p>{{ activity.f_reminder_date }}</p>
|
|
110
|
+
<p>操作人:{{ activity.f_operator_name }}</p>
|
|
111
|
+
<p>催单内容:{{ activity.f_content }}</p>
|
|
112
|
+
</div>
|
|
113
|
+
<!-- 工单撤回 -->
|
|
114
|
+
<div style="margin-top: 5px" v-if="activity.type === 't_recall'">
|
|
115
|
+
<p>{{ activity.f_recall_date }}</p>
|
|
116
|
+
<p>{{ activity.f_recall_name }}撤回工单</p>
|
|
117
|
+
<p>备注:{{ activity.f_remarks }}</p>
|
|
118
|
+
</div>
|
|
119
|
+
<!-- 工单信息补充 -->
|
|
120
|
+
<div style="margin-top: 5px" v-if="activity.type === 't_telinformation'">
|
|
121
|
+
<p>{{ activity.f_information_date }}</p>
|
|
122
|
+
<p>{{ activity.f_operator_name }}进行信息补充</p>
|
|
123
|
+
<p>维护内容:{{ activity.f_content }}</p>
|
|
124
|
+
</div>
|
|
125
|
+
<!-- 一次维修 -->
|
|
126
|
+
<div style="margin-top: 5px" v-if="activity.type === 't_servicework'">
|
|
127
|
+
<p>入户时间: {{ activity.f_date_come }}</p>
|
|
128
|
+
<p>离开时间: {{ activity.f_date_leave }}</p>
|
|
129
|
+
<!--<img-self v-for="img in activity.imgs" :src="`rs/file/getfile/${img.imgid}`" alt="测试" :width="150"-->
|
|
130
|
+
<!--:height="200"></img-self>-->
|
|
131
|
+
<p>接单员: {{ activity.f_name }} 完成结果: {{ activity.f_result_status }}
|
|
132
|
+
</p>
|
|
133
|
+
<p v-if="activity.f_result_status === '未完成'">原因: {{ activity.f_reason }}
|
|
134
|
+
</p>
|
|
135
|
+
</div>
|
|
136
|
+
<!-- 工单结案 -->
|
|
137
|
+
<div style="margin-top: 5px" v-if="activity.type === 't_serviceend'">
|
|
138
|
+
<p>{{ activity.f_date }}</p>
|
|
139
|
+
<p>{{ activity.f_name }}结束工单,备注:{{ activity.f_caseremarks }} {{activity.f_remakes}}</p>
|
|
140
|
+
<span class="btn btn-link add-postition" v-if="activity.f_caseimgs" @click="getcaseimgs(activity.f_caseimgs)">结案照片</span>
|
|
141
|
+
</div>
|
|
142
|
+
</timeline-item-tel>
|
|
143
|
+
</timeline>
|
|
144
|
+
</div>
|
|
145
|
+
</div>
|
|
146
|
+
</partial-view-tel>
|
|
147
|
+
</template>
|
|
148
|
+
<script>
|
|
149
|
+
import co from 'co'
|
|
150
|
+
import Vue from 'vue'
|
|
151
|
+
import FailureShow from '../../components/pc/FailureShow.vue'
|
|
152
|
+
|
|
153
|
+
let getGen = function * (self) {
|
|
154
|
+
yield self.$resetpost(self.$androidUtil.getProxyUrl() +'/af-telephone/rs/path/getService', {data: {id: self.rowOne.id}}, {resolveMsg: null, rejectMsg: null})
|
|
155
|
+
.then((res) => {
|
|
156
|
+
self.service = res.data[0]
|
|
157
|
+
})
|
|
158
|
+
}
|
|
159
|
+
export default {
|
|
160
|
+
title: '工单历史记录',
|
|
161
|
+
data () {
|
|
162
|
+
return {
|
|
163
|
+
curactivity:{},
|
|
164
|
+
attachment:{},
|
|
165
|
+
attachmentShow:false,
|
|
166
|
+
caseimgs:[],
|
|
167
|
+
caseimgshow:false,
|
|
168
|
+
imgshow: false,
|
|
169
|
+
imgfilename: '',
|
|
170
|
+
imgfilenamea: '',
|
|
171
|
+
imgfilenameb: '',
|
|
172
|
+
service: null,
|
|
173
|
+
repaierShow: false,
|
|
174
|
+
isshow: false,
|
|
175
|
+
show: false,
|
|
176
|
+
takeshow: false, // 操作面板显示
|
|
177
|
+
repair: {},
|
|
178
|
+
evaluate: {},
|
|
179
|
+
num: 14,
|
|
180
|
+
wavflie: '',
|
|
181
|
+
iscomplanAllInfo: false, // 是否显示投诉单详情
|
|
182
|
+
complanResult: {}, //投诉单详情信息
|
|
183
|
+
showinfo:false,
|
|
184
|
+
information:'',
|
|
185
|
+
loginUser:{
|
|
186
|
+
name:Vue.user.name,
|
|
187
|
+
ename:Vue.user.ename
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
},
|
|
191
|
+
props: {
|
|
192
|
+
rowOne: { // 传入一条工单信息
|
|
193
|
+
type: Object
|
|
194
|
+
}
|
|
195
|
+
},
|
|
196
|
+
methods: {
|
|
197
|
+
showAttachment(activity){
|
|
198
|
+
this.attachment = activity
|
|
199
|
+
this.attachmentShow = true
|
|
200
|
+
},
|
|
201
|
+
getcaseimgs(val){
|
|
202
|
+
if(val){
|
|
203
|
+
this.caseimgs = val.split(";")
|
|
204
|
+
}
|
|
205
|
+
this.caseimgshow= true
|
|
206
|
+
},
|
|
207
|
+
caseclose(){
|
|
208
|
+
this.caseimgshow= false
|
|
209
|
+
},
|
|
210
|
+
//添加信息维护
|
|
211
|
+
infoadd(){
|
|
212
|
+
this.showinfo = true
|
|
213
|
+
},
|
|
214
|
+
infoaddsure(){
|
|
215
|
+
if(!this.information){
|
|
216
|
+
return this.$showMessage('请填写维护内容!')
|
|
217
|
+
}
|
|
218
|
+
var data = {
|
|
219
|
+
id :this.service.id,
|
|
220
|
+
f_processid:this.service.f_processid,
|
|
221
|
+
f_content:this.information,
|
|
222
|
+
serviceacitivity : [{}]
|
|
223
|
+
}
|
|
224
|
+
// 将数据发送给业务逻辑
|
|
225
|
+
this.$resetpost(this.$androidUtil.getProxyUrl()+'/af-telephone/rs/logic/telinformation', {model: data, loginUser: this.loginUser},{resolveMsg: null, rejectMsg: null}).then(() => {
|
|
226
|
+
this.$showMessage('维护内容添加成功!',['confirm'])
|
|
227
|
+
this.information = ''
|
|
228
|
+
this.showinfo =false
|
|
229
|
+
this.selfSearch()
|
|
230
|
+
})
|
|
231
|
+
},
|
|
232
|
+
infoclose(){
|
|
233
|
+
this.showinfo =false
|
|
234
|
+
},
|
|
235
|
+
trouble (val) {
|
|
236
|
+
let failureall=''
|
|
237
|
+
// val=[{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""},{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""},{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""}]
|
|
238
|
+
|
|
239
|
+
let failure = JSON.parse(val)
|
|
240
|
+
for (let i = 0; i <failure.length; i++) {
|
|
241
|
+
if (failure[i].failurecase.length>0){
|
|
242
|
+
failureall+=failure[i].f_failure_type+":"
|
|
243
|
+
for (let j = 0; j < failure[i].failurecase.length; j++) {
|
|
244
|
+
failureall+=failure[i].failurecase[j]
|
|
245
|
+
if (j+1!=failure[i].failurecase.length){
|
|
246
|
+
failureall+=","
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
}else{
|
|
251
|
+
failureall+=failure[i].f_failure_type
|
|
252
|
+
}
|
|
253
|
+
if (i+1!=failure.length){
|
|
254
|
+
failureall+=';'
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
return failureall
|
|
258
|
+
},
|
|
259
|
+
// 投诉单详情
|
|
260
|
+
reqComplanResult (index) {
|
|
261
|
+
this.complanResult = Object.assign({}, this.service.serviceacitivity[index])
|
|
262
|
+
this.iscomplanAllInfo = true
|
|
263
|
+
},
|
|
264
|
+
showpicture (val) {
|
|
265
|
+
//tag
|
|
266
|
+
//tag)
|
|
267
|
+
this.imgshow = true
|
|
268
|
+
this.imgfilename = 'rs/image/file/' + val.f_single_path
|
|
269
|
+
this.imgfilenamea = 'rs/image/file/' + val.f_singlea_path
|
|
270
|
+
this.imgfilenameb = 'rs/image/file/' + val.f_singleb_path
|
|
271
|
+
},
|
|
272
|
+
imgclose () {
|
|
273
|
+
this.imgshow = false
|
|
274
|
+
},
|
|
275
|
+
renew () {
|
|
276
|
+
this.takeshow = false
|
|
277
|
+
},
|
|
278
|
+
clean () {
|
|
279
|
+
this.takeshow = false
|
|
280
|
+
},
|
|
281
|
+
takett () {
|
|
282
|
+
this.takeshow = true
|
|
283
|
+
},
|
|
284
|
+
playWav (val) {
|
|
285
|
+
let condition = `id = '${val}'`
|
|
286
|
+
let result = ''
|
|
287
|
+
this.$resetpost(`${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/tel_singleTable`, {
|
|
288
|
+
data: {
|
|
289
|
+
items: 'recordfile', tablename: 't_records',
|
|
290
|
+
condition: condition, orderitem: 'outltime'
|
|
291
|
+
}
|
|
292
|
+
}, {resolveMsg: null, rejectMsg: null}).then((res) => {
|
|
293
|
+
result = res.data
|
|
294
|
+
this.wavflie = result[0].recordfile
|
|
295
|
+
this.show = true
|
|
296
|
+
})
|
|
297
|
+
},
|
|
298
|
+
closemodel () {
|
|
299
|
+
this.wavflie = ''
|
|
300
|
+
this.show = false
|
|
301
|
+
},
|
|
302
|
+
getReciever (val) {
|
|
303
|
+
let str = val.f_reciever
|
|
304
|
+
var i = parseInt(str)
|
|
305
|
+
if (isNaN(i)) {
|
|
306
|
+
return val.f_reciever
|
|
307
|
+
}
|
|
308
|
+
return val.f_meetunit
|
|
309
|
+
},
|
|
310
|
+
selfSearch () {
|
|
311
|
+
if (!this.rowOne) {
|
|
312
|
+
return
|
|
313
|
+
}
|
|
314
|
+
if (this.rowOne.f_workorder_type != '报修单' && this.rowOne.f_workorder_type != '置换通气单' && this.rowOne.f_workorder_type != '安装单' && this.rowOne.f_workorder_type != '投诉单' && this.rowOne.f_workorder_type != '咨询单') {
|
|
315
|
+
this.service = this.rowOne
|
|
316
|
+
} else {
|
|
317
|
+
let gen = getGen(this)
|
|
318
|
+
co(gen)
|
|
319
|
+
}
|
|
320
|
+
// if (this.rowOne.processins) {
|
|
321
|
+
// this.service = this.rowOne
|
|
322
|
+
// } else {
|
|
323
|
+
// let gen = getGen(this)
|
|
324
|
+
// co(gen)
|
|
325
|
+
// }
|
|
326
|
+
},
|
|
327
|
+
getrepair () {
|
|
328
|
+
// if(!this.rowOne) {
|
|
329
|
+
// return
|
|
330
|
+
// }
|
|
331
|
+
let gen = getrepairGen(this)
|
|
332
|
+
co(gen)
|
|
333
|
+
},
|
|
334
|
+
repairlist (index) {
|
|
335
|
+
this.curactivity = Object.assign({}, this.service.serviceacitivity[index])
|
|
336
|
+
//tag
|
|
337
|
+
//tag)
|
|
338
|
+
// this.repaierShow = true
|
|
339
|
+
this.$goto('new-repair-paper', {service:this.service,curactivity: this.curactivity}, 'self')
|
|
340
|
+
},
|
|
341
|
+
close () {
|
|
342
|
+
this.repaierShow = false
|
|
343
|
+
},
|
|
344
|
+
discuss () {
|
|
345
|
+
//tag
|
|
346
|
+
this.isshow = true
|
|
347
|
+
},
|
|
348
|
+
closeevaluate () {
|
|
349
|
+
this.isshow = false
|
|
350
|
+
},
|
|
351
|
+
// 评论完成
|
|
352
|
+
saveevaluate (val) {
|
|
353
|
+
//tag
|
|
354
|
+
this.isshow = false
|
|
355
|
+
this.$refs.evaluate.init(this.evaluate.f_type, this.evaluate.f_middle_id).then(() => {
|
|
356
|
+
})
|
|
357
|
+
}
|
|
358
|
+
},
|
|
359
|
+
watch: {
|
|
360
|
+
'rowOne' () {
|
|
361
|
+
this.selfSearch()
|
|
362
|
+
//tag
|
|
363
|
+
//tag
|
|
364
|
+
},
|
|
365
|
+
'service' (val) {
|
|
366
|
+
if (val) {
|
|
367
|
+
this.evaluate = {
|
|
368
|
+
f_type: val.f_workorder_type,
|
|
369
|
+
f_middle_id: val.f_service_id
|
|
370
|
+
}
|
|
371
|
+
}
|
|
372
|
+
}
|
|
373
|
+
},
|
|
374
|
+
ready () {
|
|
375
|
+
this.selfSearch()
|
|
376
|
+
|
|
377
|
+
},
|
|
378
|
+
components: {
|
|
379
|
+
'failure-show': FailureShow
|
|
380
|
+
}
|
|
381
|
+
}
|
|
382
|
+
</script>
|
|
383
|
+
<style scoped lang="less">
|
|
384
|
+
.workOrderInfo{
|
|
385
|
+
.row {
|
|
386
|
+
div {
|
|
387
|
+
margin-top: 10px;
|
|
388
|
+
[readonly] {
|
|
389
|
+
background-color:#eeeeee;
|
|
390
|
+
}
|
|
391
|
+
}
|
|
392
|
+
}
|
|
393
|
+
}
|
|
394
|
+
</style>
|