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.
@@ -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 }} &nbsp;&nbsp;&nbsp;完成结果: {{ 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 }} &nbsp;&nbsp;&nbsp;完成结果: {{ 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>