telephone-clients 4.0.0-1-70 → 4.0.0-1-72

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,851 +1,855 @@
1
- <template>
2
- <div style="height: auto;width: 100%" class="repair-bg">
3
- <div class="bq-parent">
4
- <blockquote style="color: #499edf;border-left-color: #499edf;font-size: 16px">
5
- <p>
6
- 待办工单<span v-if="rows">({{rows.length}}单)</span>
7
- <span v-if="!rows">(暂无待处理工单)</span>
8
- </p>
9
- </blockquote>
10
- </div>
11
-
12
- <div>
13
- <form>
14
- <!-- 查询条件-->
15
- <div class="row app-row">
16
- <div class="col-xs-4">
17
- <img src="../../../assets/用户姓名-蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
18
- <label class="font text-left">用户姓名:</label>
19
- </div>
20
- <div class="col-xs-8" >
21
- <input type="text" v-model="username" placeholder='用户姓名'
22
- class="search_input input-font" />
23
- </div>
24
- </div>
25
- <div class="row app-row">
26
- <div class="col-xs-4">
27
- <img src="../../../assets/用户姓名-蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
28
- <label class="font text-left">用户编号:</label>
29
- </div>
30
- <div class="col-xs-8" >
31
- <input type="text" v-model="f_userinfo_code" placeholder='用户编号'
32
- class="search_input input-font" />
33
- </div>
34
- </div>
35
- <div class="row app-row">
36
- <div class="col-xs-4">
37
- <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
38
- <label class="font text-left">用户地址:</label>
39
- </div>
40
- <div class="col-xs-8" >
41
- <input type="text" class="search_input input-font"
42
- v-model="address" placeholder='用户地址' />
43
- </div>
44
- </div>
45
- <div class="row app-row" v-if="worktype == '报修单'">
46
- <div class="col-xs-4">
47
- <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
48
- <label class="font text-left">报修类型:</label>
49
- </div>
50
- <div class="col-xs-8" >
51
- <v-select :value.sync="repairtype"
52
- v-model="repairtype"
53
- :options='repairtypes'
54
- placeholder='请选择'
55
- close-on-select
56
- :multiple="true"
57
- ></v-select>
58
- </div>
59
- </div>
60
- <div class="row app-row">
61
- <div class="col-xs-4">
62
- <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
63
- <label class="font text-left">派单时间:</label>
64
- </div>
65
- <div class="col-xs-8" style="display: flex; justify-content: space-between;">
66
- <datepicker id="f_created_date_start"
67
- placeholder= '起始时间'
68
- :value.sync="f_created_date_start"
69
- :disabled-days-of-Week="[]"
70
- v-model="f_created_date_start"
71
- class="input-font"
72
- style="width:60%"
73
- condition="f_created_date > '{}'"
74
- :format="'yyyy-MM-dd 00:00:00'"
75
- :show-reset-button="reset">
76
- </datepicker>
77
- </div>
78
- </div>
79
- <div class="row app-row">
80
- <div class="col-xs-4">
81
- <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
82
- <label class="font text-left">派单时间:</label>
83
- </div>
84
- <div class="col-xs-8" style="display: flex; justify-content: space-between;">
85
- <datepicker id="f_created_date_end"
86
- placeholder= '结束时间'
87
- :value.sync="f_created_date_end"
88
- :disabled-days-of-Week="[]"
89
- v-model="f_created_date_end"
90
- class="input-font"
91
- style="width:60%"
92
- condition="f_created_date < '{}'"
93
- :format="'yyyy-MM-dd 23:59:00'"
94
- :show-reset-button="reset">
95
- </datepicker>
96
- </div>
97
- </div>
98
- <div class="row app-row">
99
- <div class="col-xs-4">
100
- <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
101
- <label class="font text-left">截止时间:</label>
102
- </div>
103
- <div class="col-xs-8" style="display: flex; justify-content: space-between;">
104
- <datepicker id="f_finish_date_start"
105
- placeholder= '起始时间'
106
- :value.sync="f_finish_date_start"
107
- :disabled-days-of-Week="[]"
108
- v-model="f_finish_date_start"
109
- class="input-font"
110
- style="width:60%"
111
- condition="f_finish_date > '{}'"
112
- :format="'yyyy-MM-dd 00:00:00'"
113
- :show-reset-button="reset">
114
- </datepicker>
115
- </div>
116
- </div>
117
- <div class="row app-row">
118
- <div class="col-xs-4">
119
- <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
120
- <label class="font text-left">截止时间:</label>
121
- </div>
122
- <div class="col-xs-8" style="display: flex; justify-content: space-between;">
123
- <datepicker id="f_finish_date_end"
124
- placeholder= '结束时间'
125
- :value.sync="f_finish_date_end"
126
- :disabled-days-of-Week="[]"
127
- v-model="f_finish_date_end"
128
- class="input-font"
129
- style="width:60%"
130
- condition="f_finish_date < '{}'"
131
- :format="'yyyy-MM-dd 23:59:00'"
132
- :show-reset-button="reset">
133
- </datepicker>
134
- </div>
135
- </div>
136
- <div class="row app-row">
137
- <div class="col-xs-4">
138
- <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
139
- <label class="font text-left">故障明细:</label>
140
- </div>
141
- <div class="col-xs-8">
142
- <input class="search_input input-font" v-model="failure" condition="failure like '%{}%'" />
143
- </div>
144
- </div>
145
- <div class="row app-row">
146
- <div class="col-xs-4">
147
- <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
148
- <label class="font text-left">工单备注:</label>
149
- </div>
150
- <div class="col-xs-8">
151
- <input class="search_input input-font" v-model="f_remarks" condition="f_remarks like '%{}%'" />
152
- </div>
153
- </div>
154
- <!-- 分割按钮和条件的高度 -->
155
- <div class="row app-row" style="height: 10px;"></div>
156
- <!-- 按钮 -->
157
- <div class="row text-center app-row">
158
- <button type="button" class="btn btn-lg btn-font btn-color" @click="ifsearch('')" style="min-width: 25%;">查询</button>
159
- <button type="button" class="btn btn-lg btn-font btn-color" @click='ifsearch(" and f_orderstatus!=null ")' style="min-width: 25%;">查询临时保存</button>
160
- <img style="float: right;margin-right: 3%;margin-top: -4px " @click="getNewOrder" src="../../../assets/shuaxindaiban1.png">
161
- </div>
162
- <div style="height:30px;" class="app-row"></div>
163
- </form>
164
- </div>
165
- <!-- 列表 -->
166
- <div class="panel panel-default repair-info-content auto">
167
- <div class="panel-body">
168
- <div class="panel panel-default well panel-blue-border" :class="row.failure.indexOf('漏气') !== -1 ? 'class-a':''" v-for="row in listData.list" >
169
- <div class="panel-body" style="padding: 10px">
170
- <div class="row form-group">
171
- <div class="col-sm-12 col-xs-12 col-md-12">
172
- <div class="row" >
173
- <span v-if="row.state==='延期申请'" style="color: darkred">该工单已提交延期处理请勿操作</span>
174
- <div :class="{'text-danger': row.f_remindersign}" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
175
- 工单编号: {{row.f_service_id}}<span v-if="row.f_remindersign">(催单 {{row.f_reminderdata}}) </span>
176
- </div>
177
- <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
178
- 报修类型: {{row.f_repairtype}}
179
- </div>
180
- <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
181
- 派发时间: {{row.f_created_date}}
182
- </div>
183
- <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_finish_date">
184
- 截止天数: {{Math.floor((new Date(row.f_finish_date.substring(0,10)).getTime() - new Date(row.f_created_date.substring(0,10)).getTime()) / 86400000)}}
185
- </div>
186
- <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_finish_date">
187
- 截止日期: {{row.f_finish_date}}
188
- </div>
189
- <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '报修单'">
190
- 维修类型: {{row.f_repairtype}}
191
- </div>
192
- <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_userinfo_code">
193
- 用户编号: {{row.f_userinfo_code}}
194
- </div>
195
- <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_enter_number">
196
- 用户证号: {{row.f_enter_number}}
197
- </div>
198
- <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
199
- 用户姓名: {{row.f_user_name}}
200
- </div>
201
- <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
202
- 来电电话: {{row.f_phone}}
203
- <img src="../../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_phone)'>
204
- </div>
205
- <div class="col-sm-12 col-xs-12 col-md-12">
206
- 联系电话: {{row.f_contact_phone}}
207
- <img src="../../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_contact_phone)'>
208
- </div>
209
- <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
210
- 用户地址: {{row.f_address}}
211
- </div>
212
- <div v-show="row.f_advice" class="col-sm-12 col-xs-12 col-md-12" v-if="worktype == '报修单'">
213
- 指导建议: {{row.f_advice}}
214
- </div>
215
- <div v-show="row.f_remarks" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
216
- 备注信息: {{row.f_remarks}}
217
- </div>
218
- <div v-show="row.f_yuyue_date" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_yuyue_date !=null">
219
- 预约时间: {{row.f_yuyue_date}}
220
- </div>
221
- <div v-show="row.f_subsidiary1_path" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" >
222
- 附件查看:
223
- <button type="button" name="button" class="btn btn-primary btn-sm" @click="showSubsidiaryPath(row)">查看</button>
224
- </div>
225
- <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '报修单'">
226
- <failure-show :value='row.failure'>
227
- </failure-show>
228
- </div>
229
- </div>
230
- </div>
231
- <div class="col-sm-12 col-xs-12 col-md-12">
232
- <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right" @click="selected(row)">处理</button>
233
- <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right;margin-right:10px;" @click="sendback(row)">退回</button>
234
- <button type="button" name="button" class="btn btn-primary" style="background-color:#499edf;float: right;margin-right:10px;" @click="moveservice(row)">转单</button>
235
- <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right;margin-right:10px;" v-if="false" @click="infoadd(row)">信息维护</button>
236
- <button type="button" name="button" class="btn btn-primary btn-sm" v-if="false"
237
- style="float: right;margin-right:10px;" @click="showend(row)">无法处理
238
- </button>
239
- </div>
240
- </div>
241
- </div>
242
- </div>
243
- <div style="height:auto;width: 100%;text-align: center">
244
- <a v-if="!listData.isEnd" @click="showMore()">展开更多......</a>
245
- <span v-if="listData.isEnd">到底了......</span>
246
- </div>
247
- </div>
248
- <modal :show.sync="moveshow" v-ref:modal :backdrop="false">
249
- <div slot="modal-header" class="modal-header">
250
- <h4 class="modal-title">
251
- 转单
252
- </h4>
253
- </div>
254
- <div slot="modal-body" class="modal-body">
255
- <div class="row" style="margin-top: 6px">
256
- <label class="col-xs-4 col-md-4 control-label font text-left">接单人</label>
257
- <div class="col-xs-8">
258
- <v-select :value="orderman" :value-single="true"
259
- :options='repairers' placeholder='请选择接单人'
260
- close-on-select v-on:change="repiarmancg"></v-select>
261
- </div>
262
- </div>
263
- <div class="row" style="margin-top: 6px">
264
- <label class="control-label font text-left col-md-4 col-xs-4">备注</label>
265
- <div class="col-xs-8 col-md-8">
266
- <input type="text" v-model="moveselected.f_remarks"/>
267
- </div>
268
- </div>
269
- </div>
270
- <div slot="modal-footer" class="modal-footer">
271
- <button type="button" class="btn btn-default" @click="movedo()">确定</button>
272
- <button type="button" class="btn btn-default" @click="undo()">取消</button>
273
- </div>
274
- </modal>
275
- <modal :show.sync="showinfo" v-ref:infomodal :backdrop="false">
276
- <div slot="modal-header" class="modal-header">
277
- <h4 class="modal-title">
278
- 工单信息维护
279
- </h4>
280
- </div>
281
- <div slot="modal-body" class="modal-body">
282
- <div class="row" style="margin-top: 6px">
283
- <label class="control-label font text-left col-md-4 col-xs-4">维护内容</label>
284
- <div class="col-xs-8 col-md-8">
285
- <input type="text" v-model="information"/>
286
- </div>
287
- </div>
288
- </div>
289
- <div slot="modal-footer" class="modal-footer">
290
- <button type="button" class="btn btn-default" @click="infoaddsure()">确定</button>
291
- <button type="button" class="btn btn-default" @click="infoclose()">取消</button>
292
- </div>
293
- </modal>
294
- <modal :show.sync="editflag" v-ref:infomodal :backdrop="false">
295
- <div slot="modal-header" class="modal-header">
296
- <h4 class="modal-title">
297
- 工单退回
298
- </h4>
299
- </div>
300
- <div slot="modal-body" class="modal-body">
301
- <div class="row" style="margin-top: 6px">
302
- <label class="col-xs-4 col-md-4 control-label font text-left">工单编号:</label>
303
- <span>{{ sendbackmodel.f_service_id }}</span>
304
- </div>
305
- <div class="row" style="margin-top: 6px">
306
- <label class="col-xs-4 col-md-4 control-label font text-left">客户名称:</label>
307
- <span>{{ sendbackmodel.f_user_name }}</span>
308
- </div>
309
- <div class="row" style="margin-top: 6px">
310
- <label class="control-label font text-left col-md-4 col-xs-4">退回原因</label>
311
- <div class="col-xs-8 col-md-8">
312
- <textarea style="width: 60%" name="name" rows="1" class="ver-textarea" type="text" v-model='f_site_back_reason'></textarea>
313
- </div>
314
- </div>
315
-
316
- </div>
317
- <div slot="modal-footer" class="modal-footer">
318
- <button :disabled="isDis" type="button" name="button" class="btn btn-primary btn-photo" @click="WorkBack()">确定</button>
319
- <button type="button" class="btn btn-default" @click="WorkBackclose()">取消</button>
320
- </div>
321
- </modal>
322
- <modal :show.sync="img_show" v-ref:infomodal :backdrop="false">
323
- <div slot="modal-header" class="modal-header">
324
- <h4 class="modal-title">
325
- 附件查看
326
- </h4>
327
- </div>
328
- <div slot="modal-body" class="modal-body">
329
- <div class="from-group">
330
- <div class="row">
331
- <div class="col-md-6" v-if="temp_row.f_subsidiary1_path">
332
- <img-self :width="300" :height="400" alt="无照片!!!" :src="'rs/image/file/'+temp_row.f_subsidiary1_path"></img-self>
333
- </div>
334
- <div class="col-md-6" v-if="temp_row.f_subsidiary2_path">
335
- <img-self :width="300" :height="400" alt="无照片!!!" :src="'rs/image/file/'+temp_row.f_subsidiary2_path"></img-self>
336
- </div>
337
- <div class="col-md-6" v-if="temp_row.f_subsidiary3_path">
338
- <img-self :width="300" :height="400" alt="无照片!!!" :src="'rs/image/file/'+temp_row.f_subsidiary3_path"></img-self>
339
- </div>
340
- </div>
341
- </div>
342
- </div>
343
- <div slot="modal-footer" class="modal-footer">
344
- <button type="button" name="button" class="btn btn-primary btn-photo" @click="img_show = false">确定</button>
345
- </div>
346
- </modal>
347
- </div>
348
- </div>
349
- </template>
350
- <script>
351
- import FailureShow from '../../../components/pc/FailureShow'
352
- import { HttpResetClass } from 'vue-client'
353
- import Vue from 'vue'
354
- // 工作类型对应的各项设置
355
- const config = {
356
- '报修单': {
357
- path: 'getServiceMobile'
358
- },
359
- '置换通气单': {
360
- path: 'getSubstitMobile'
361
- },
362
- '安装单': {
363
- path: 'getInstallMobile'
364
- }
365
- }
366
- export default{
367
- title: '维修员平板首页',
368
- data () {
369
- return {
370
- isDis:false,
371
- img_show:false,
372
- temp_row:{},
373
- // 单条记录
374
- sendbackmodel:{
375
- f_service_id:'',
376
- f_user_name:''
377
- },
378
- f_created_date_start: '',
379
- f_created_date_end: '',
380
- f_finish_date_start: '',
381
- f_finish_date_end: '',
382
- failure: '',
383
- f_remarks: '',
384
- // 退回原因
385
- f_site_back_reason:'',
386
- model: {
387
- serviceacitivity: [{
388
- f_site_back_date: '',
389
- f_site_back_name: '',
390
- serviceid: '',
391
- f_service_acitivity_type: '打回'
392
- }
393
- ]
394
- },
395
-
396
- // rows: Object
397
- rows: [{
398
- f_user_name:'',
399
- f_contact_phone:'',
400
- failure:''
401
- }],
402
- editshow:false,
403
- row:{
404
- type:Object,
405
- default:{
406
- f_user_name:'',
407
- f_contact_phone:'',
408
- failure:''
409
- }
410
- },
411
- repairtype:'',
412
- username:'',
413
- address:'',
414
- f_userinfo_code:'',
415
- moveshow:false,
416
- repairers: [],
417
- repairtypes:this.$appdata.getParam('报修类型')?[{label: '全部', value: ''}, ...this.$appdata.getParam('报修类型')]:[{label: '全部', value: ''}],
418
- moveselected:'',
419
- orderman:'',
420
- number:0,
421
- listData: {
422
- list: [],
423
- isEnd: true,
424
- index: 0
425
- },
426
- loginUser:{
427
- name:Vue.user.name,
428
- ename:Vue.user.ename
429
- },
430
- infoone:'',
431
- showinfo:false,
432
- editflag:false,
433
- information:'',
434
- backservice:false,
435
- // 结案是否显示
436
- endshow:false,
437
- //结案备注
438
- f_caseremarks:'',
439
- // 当前处理的工单
440
- selectone:''
441
- }
442
- },
443
- props: {
444
- worktype:{
445
- type:String,
446
- default:'报修单'
447
- },
448
- sourcet:{
449
- type:String,
450
- default:'横屏'
451
- },
452
- tabname:{
453
- type:String
454
- }
455
- },
456
- methods: {
457
- showSubsidiaryPath(row){
458
- this.img_show = true
459
- this.temp_row = row
460
- },
461
- // 结案确认
462
- caseok(){
463
- let info = {
464
- id:this.selectone.id_back,
465
- f_state : '',
466
- f_processid: this.selectone.f_processid,
467
- f_orderstatus:'无法处理'
468
- }
469
- // 工单结案操作
470
- let data = {model: info, loginUser: {name: Vue.user.name, ename: Vue.user.ename},f_caseremarks:this.f_caseremarks}
471
- let http = new HttpResetClass()
472
- http.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/serviceCase`, data, {
473
- resolveMsg: null,
474
- rejectMsg: null
475
- }).then(() => {
476
- this.$showMessage('结案成功!')
477
- this.f_caseremarks = ''
478
- // 刷新界面
479
- this.getNewOrder()
480
- })
481
- },
482
- // 结案返回
483
- caseclose(){
484
- this.f_caseremarks = ''
485
- this.editflag = null
486
- },
487
- showend(row){
488
- this.selectone = row
489
- this.endshow = true
490
- },
491
- WorkBack () {
492
- this.isDis=true
493
- this.model=this.sendbackmodel
494
- this.model.serviceacitivity = [{
495
- f_site_back_date: '',
496
- f_site_back_name: '',
497
- serviceid: '',
498
- f_site_back_reason:this.f_site_back_reason,
499
- f_service_acitivity_type: ''
500
- }
501
- ]
502
- if(!this.f_site_back_reason){
503
- this.isDis=false
504
- return this.$showMessage('请填写退回内容!')
505
- }
506
- let data = ''
507
- data = {
508
- model: this.model,
509
- loginUser: {name: Vue.user.name, ename: Vue.user.name, id: Vue.user.id}
510
- }
511
- console.log("退回参数"+JSON.stringify(data))
512
- let http = new HttpResetClass()
513
- http.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/sendBack`, data, {resolveMsg: null, rejectMsg: null}).then(() => {
514
- this.$showMessage('退回成功!!!')
515
- this.isDis=false
516
- this.f_site_back_reason = ''
517
- this.editflag =false
518
- this.getNewOrder()
519
- })
520
- },
521
- WorkBackclose(){
522
- this.editflag = false
523
- },
524
- //信息维护,需要在手机端显示,暂时没有显示的地方,后续需要增加,是否考虑先调用本地logic,信息给本地也存,这样本地才能看到
525
- infoaddsure(){
526
- if(!this.information){
527
- return this.$showMessage('请填写维护内容!',['confirm'])
528
- }
529
- // 组装数据
530
- var data = {
531
- id :this.infoone.id_back,
532
- f_processid:this.infoone.f_processid,
533
- f_content:this.information,
534
- serviceacitivity : [{}]
535
- }
536
- let http = new HttpResetClass()
537
- http.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/telinformation`, {model: data, loginUser: this.loginUser,dotype:'mobile'}, {resolveMsg: null, rejectMsg: null}).then(() => {
538
- this.$showMessage('维护内容添加成功!',['confirm'])
539
- this.information = ''
540
- this.showinfo =false
541
- })
542
- },
543
- infoclose(){
544
- this.showinfo = false
545
- },
546
- infoadd(val){
547
- this.infoone =val
548
- this.showinfo = true
549
- },
550
- repiarmancg(val){
551
- this.orderman = val
552
- },
553
- movedo(){
554
- if(this.orderman == undefined || this.orderman == '' ){
555
- this.$showMessage(`请先选择接单人!`, ['confirm'])
556
- return
557
- }
558
- //tag
559
- //tag)
560
- let result = this.$androidUtil.bzLogic('androidMoveService', {id_back: this.moveselected.id_back, f_reciever: this.orderman,f_remarks:this.moveselected.f_remarks,worktype:this.worktype})
561
- if (result.result === '成功') {
562
- this.$showMessage(`向 ${this.orderman} 转单成功!`, ['confirm'])
563
- this.orderman = ''
564
- this.moveselected = ''
565
- this.moveshow = false
566
- this.ifsearch()
567
- } else {
568
- this.$showMessage(`转单失败,请检查网络异常!`, ['confirm'])
569
- }
570
-
571
- },
572
- undo(){
573
- this.orderman = ''
574
- this.moveselected = ''
575
- this.moveshow = false
576
- },
577
- getEmp () {
578
- // 获取接单人数组
579
- let val = ''
580
- var worktypew = this.worktype == '报修单' ? '维修员':this.worktype == '置换员'?'置换员':'安装员'
581
- let http = new HttpResetClass()
582
- //tag)
583
- val = {source: `this.getParentByType($organization$).getChildByName($${worktypew}$).getUsers()`, userid: `${Vue.user.id}`}
584
- http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/search`, {data: val}, {resolveMsg: null, rejectMsg: null}).then((res) => {
585
- res.data.forEach((item) => {
586
- if (item.state == '在职' || item.status == 0) {
587
- this.repairers.push({label: `${item.name}`, value: item.name})
588
- }
589
- })
590
- })
591
- },
592
- ifsearch(condition){
593
- this.listData.list = []
594
- this.listData.index = 0
595
- this.listData.isEnd = true
596
- if (!condition) {
597
- condition = ''
598
- }
599
- condition = '1 = 1 ' + condition
600
- if(this.username != ''){
601
- condition += " and f_user_name like '%" + this.username + "%'"
602
- }
603
- if(this.address != ''){
604
- condition += " and f_address like '%" + this.address + "%'"
605
- }
606
- if(this.f_userinfo_code != ''){
607
- condition += " and f_userinfo_code = '" + this.f_userinfo_code + "'"
608
- }
609
- if(this.repairtype.length > 0){
610
- condition += " and f_repairtype in (" + this.repairtype.map(item=>{return `'${item}'`}).join() + ")"
611
- }
612
- if (this.f_created_date_start) {
613
- condition += ` and f_created_date >= '${this.f_created_date_start}'`
614
- }
615
- if (this.f_created_date_end) {
616
- condition += ` and f_created_date <= '${this.f_created_date_end}'`
617
- }
618
- if (this.f_finish_date_start) {
619
- condition += ` and f_finish_date >= '${this.f_finish_date_start}'`
620
- }
621
- if (this.f_finish_date_end) {
622
- condition += ` and f_finish_date <= '${this.f_finish_date_end}'`
623
- }
624
- if (this.failure) {
625
- condition += ` and failure like '%${this.failure}%'`
626
- }
627
- if (this.f_remarks) {
628
- condition += ` and f_remarks like '%${this.f_remarks}%'`
629
- }
630
- //tag
631
- //tag
632
- // 测试环境异步,真实环境同步
633
- if (this.$androidUtil.isTest) {
634
- return this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}}).then((ret) => {
635
- this.rows = ret.data
636
- })
637
- } else {
638
- let result = this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}})
639
- if (result.code === 200) {
640
- this.rows = result.data
641
- } else {
642
- this.$showMessage(`加载数据失败, 返回码: ${result.code}, 错误信息:${result.data}`)
643
- }
644
- }
645
- this.showMore()
646
- },
647
- selected (row) {
648
- var prpdata = {
649
- _this:this,
650
- title:'入户维修',
651
- safe:true
652
- }
653
- this.$dispatch('gotoson',prpdata)
654
- if(this.sourcet == '横屏'){
655
- this.$goto('repair-order', {row: row,worktype:this.worktype},'self',this.ifsearch)
656
- }else{
657
- this.$goto('repair-orderV', {row: row,worktype:this.worktype},'self',this.ifsearch)
658
- }
659
- },
660
- sendback(row){
661
- this.$showMessage('退回后数据不可恢复,确认退回操作吗?', ['confirm', 'cancel'],{resolveMsg: null, rejectMsg: null}).then((res) => {
662
- if (res === 'confirm') {
663
- this.editflag = true
664
- this.sendbackmodel = row
665
- console.log("需要的参数"+JSON.stringify( this.sendbackmodel))
666
- }else {
667
- this.editflag = false
668
- }
669
- })
670
- },
671
- moveservice(row){
672
- this.moveselected = row
673
- this.moveshow = true
674
- },
675
- delayedit (row) {
676
- row.state = '延期申请'
677
- this.$goto('delay-apply', {row:row})
678
- },
679
- search () {
680
- // 测试环境异步,真实环境同步
681
- var condition = '1 = 1'
682
- //tag
683
- if (this.$androidUtil.isTest) {
684
- return this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}}).then((ret) => {
685
- // ret.data.forEach((item) => {
686
- // item.service_version = item.failure.indexOf("漏气") !== -1
687
- // })
688
- this.rows = ret.data
689
- })
690
- } else {
691
- let result = this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}})
692
- if (result.code === 200) {
693
- //tag)
694
- this.rows = result.data
695
- } else {
696
- this.$showMessage(`加载数据失败, 返回码: ${result.code}, 错误信息:${result.data}`)
697
- }
698
- }
699
- },
700
- sumsearch () {
701
- // 测试环境异步,真实环境同步
702
- var condition = '1 = 1'
703
- //tag
704
- if (this.$androidUtil.isTest) {
705
- return this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}}).then((ret) => {
706
- // ret.data.forEach((item) => {
707
- // item.service_version = item.failure.indexOf("漏气") !== -1
708
- // })
709
- var titdata = {
710
- title:this.tabname,
711
- sum:ret.data.length
712
- }
713
- //tag
714
- //tag)
715
- this.$emit('changesum',titdata)
716
- })
717
- } else {
718
- let result = this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}})
719
- if (result.code === 200) {
720
- //tag)
721
- var crv = {
722
- title:this.tabname,
723
- sum:result.data.length
724
- }
725
- //tag
726
- //tag)
727
- this.$emit('changesum',crv)
728
- } else {
729
- this.$showMessage(`加载数据失败, 返回码: ${result.code}, 错误信息:${result.data}`)
730
- }
731
- }
732
- },
733
- makeAPhoneCall(phoneNumber) {
734
- this.$androidUtil.makeAPhoneCall(phoneNumber)
735
- },
736
- upload () {
737
- this.$goto('up-load')
738
- },
739
- back () {
740
- this.$back()
741
- },
742
- getNewOrder(){
743
- HostApp.__this__ = this
744
- HostApp.logicWithHint({
745
- // logic别名,key必须为logic
746
- 'logic': 'TelServiceTimeOut',
747
- // 回调执行方法名,key必须为callback
748
- 'callback': 'javascript:HostApp.__this__.getNewCallBack()',
749
- // logic执行需要的业务参数
750
- 'data': {params: ''},
751
- // 固定key,代表是否将logic执行结果作为参数传入回调方法,1代表true,0代表false,
752
- // 执行回调方法传入key为backresult
753
- // 如需额外拼接参数,写在logic返回值的params,例如xxlogic返回:{"params": "success"}
754
- 'backresult': 1
755
- })
756
- },
757
- getNewCallBack(obj){
758
- //tag)
759
- this.ifsearch()
760
- },
761
- showMore() {
762
- if (!this.rows) {
763
- return
764
- }
765
- let endIndex = this.listData.index + 10
766
- if (endIndex > this.rows.length) {
767
- endIndex = this.rows.length
768
- }
769
- for (; this.listData.index < endIndex; this.listData.index++) {
770
- this.listData.list.push(this.rows[this.listData.index])
771
- }
772
- if(this.listData.index == this.rows.length){
773
- this.listData.isEnd = true
774
- }else {
775
- this.listData.isEnd = false
776
- }
777
- }
778
- },
779
- ready () {
780
- let backservices
781
- backservices=this.$appdata.getSingleValue('维修转单')
782
- console.log("参数为:::"+backservices)
783
- if(backservices==='true'||backservices===''){
784
- this.backservice = '否'
785
- }else {
786
- this.backservice = '是'
787
- }
788
- this.getEmp()
789
- this.ifsearch()
790
- // var _this = this;
791
- // this.timeoutHandle = window.setInterval(function() {
792
- // _this.sumsearch()
793
- // }, 6000)
794
- },
795
- components: {
796
- FailureShow,
797
- 'failure-show': FailureShow
798
- }
799
- }
800
- </script>
801
- <style scoped>
802
- .searBtn {
803
- background: #FFFFFF;
804
- color: #0096fb;
805
- border: 1px solid #0096fb;
806
- border-radius: 5px;
807
- padding: 8px;
808
- text-align: center;
809
- font-size: 1.2em;
810
- z-index: 10;
811
- opacity:0.5;
812
- bottom: 50px;
813
- margin-top: -10px;
814
- height: 40px;
815
- }
816
- .bg {
817
- background-color: #499edf;
818
- height: 1px;
819
- border: 0;
820
- }
821
- .app-row {
822
- background-color: white;
823
- padding: 10px 10px 0 10px;
824
- border-bottom: 1px solid rgba(235, 235, 235, 0.5);
825
- }
826
- .search_input {
827
- border: 0;
828
- outline: none;
829
- }
830
- .font{
831
- font: 15px PingFang-SC-Medium;
832
- color: #666666;
833
- }
834
- .input-font{
835
- font: 15px PingFang-SC-Medium;
836
- color: #333333;
837
- }
838
- .btn-font{
839
- font:600 16px PingFang-SC-Bold;
840
- color: #499EDF;
841
- }
842
- .btn-color{
843
- background-color: #FFFFFF;
844
- border-radius: 10px ;
845
- border: 1px solid #499EDF;
846
- }
847
- .panel-blue-border {
848
- border: 1px solid #499edf;
849
- border-radius: 5px;
850
- }
851
- </style>
1
+ <template>
2
+ <div style="height: auto;width: 100%" class="repair-bg">
3
+ <div class="bq-parent">
4
+ <blockquote style="color: #499edf;border-left-color: #499edf;font-size: 16px">
5
+ <p>
6
+ 待办工单<span v-if="rows">({{rows.length}}单)</span>
7
+ <span v-if="!rows">(暂无待处理工单)</span>
8
+ </p>
9
+ </blockquote>
10
+ </div>
11
+
12
+ <div>
13
+ <form>
14
+ <!-- 查询条件-->
15
+ <div class="row app-row">
16
+ <div class="col-xs-4">
17
+ <img src="../../../assets/用户姓名-蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
18
+ <label class="font text-left">用户姓名:</label>
19
+ </div>
20
+ <div class="col-xs-8" >
21
+ <input type="text" v-model="username" placeholder='用户姓名'
22
+ class="search_input input-font" />
23
+ </div>
24
+ </div>
25
+ <div class="row app-row">
26
+ <div class="col-xs-4">
27
+ <img src="../../../assets/用户姓名-蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
28
+ <label class="font text-left">用户编号:</label>
29
+ </div>
30
+ <div class="col-xs-8" >
31
+ <input type="text" v-model="f_userinfo_code" placeholder='用户编号'
32
+ class="search_input input-font" />
33
+ </div>
34
+ </div>
35
+ <div class="row app-row">
36
+ <div class="col-xs-4">
37
+ <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
38
+ <label class="font text-left">用户地址:</label>
39
+ </div>
40
+ <div class="col-xs-8" >
41
+ <input type="text" class="search_input input-font"
42
+ v-model="address" placeholder='用户地址' />
43
+ </div>
44
+ </div>
45
+ <div class="row app-row" v-if="worktype == '报修单'">
46
+ <div class="col-xs-4">
47
+ <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
48
+ <label class="font text-left">报修类型:</label>
49
+ </div>
50
+ <div class="col-xs-8" >
51
+ <v-select :value.sync="repairtype"
52
+ v-model="repairtype"
53
+ :options='repairtypes'
54
+ placeholder='请选择'
55
+ close-on-select
56
+ :multiple="true"
57
+ ></v-select>
58
+ </div>
59
+ </div>
60
+ <div class="row app-row">
61
+ <div class="col-xs-4">
62
+ <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
63
+ <label class="font text-left">派单时间:</label>
64
+ </div>
65
+ <div class="col-xs-8" style="display: flex; justify-content: space-between;">
66
+ <datepicker id="f_created_date_start"
67
+ placeholder= '起始时间'
68
+ :value.sync="f_created_date_start"
69
+ :disabled-days-of-Week="[]"
70
+ v-model="f_created_date_start"
71
+ class="input-font"
72
+ style="width:60%"
73
+ condition="f_created_date > '{}'"
74
+ :format="'yyyy-MM-dd 00:00:00'"
75
+ :show-reset-button="reset">
76
+ </datepicker>
77
+ </div>
78
+ </div>
79
+ <div class="row app-row">
80
+ <div class="col-xs-4">
81
+ <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
82
+ <label class="font text-left">派单时间:</label>
83
+ </div>
84
+ <div class="col-xs-8" style="display: flex; justify-content: space-between;">
85
+ <datepicker id="f_created_date_end"
86
+ placeholder= '结束时间'
87
+ :value.sync="f_created_date_end"
88
+ :disabled-days-of-Week="[]"
89
+ v-model="f_created_date_end"
90
+ class="input-font"
91
+ style="width:60%"
92
+ condition="f_created_date < '{}'"
93
+ :format="'yyyy-MM-dd 23:59:00'"
94
+ :show-reset-button="reset">
95
+ </datepicker>
96
+ </div>
97
+ </div>
98
+ <div class="row app-row">
99
+ <div class="col-xs-4">
100
+ <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
101
+ <label class="font text-left">截止时间:</label>
102
+ </div>
103
+ <div class="col-xs-8" style="display: flex; justify-content: space-between;">
104
+ <datepicker id="f_finish_date_start"
105
+ placeholder= '起始时间'
106
+ :value.sync="f_finish_date_start"
107
+ :disabled-days-of-Week="[]"
108
+ v-model="f_finish_date_start"
109
+ class="input-font"
110
+ style="width:60%"
111
+ condition="f_finish_date > '{}'"
112
+ :format="'yyyy-MM-dd 00:00:00'"
113
+ :show-reset-button="reset">
114
+ </datepicker>
115
+ </div>
116
+ </div>
117
+ <div class="row app-row">
118
+ <div class="col-xs-4">
119
+ <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
120
+ <label class="font text-left">截止时间:</label>
121
+ </div>
122
+ <div class="col-xs-8" style="display: flex; justify-content: space-between;">
123
+ <datepicker id="f_finish_date_end"
124
+ placeholder= '结束时间'
125
+ :value.sync="f_finish_date_end"
126
+ :disabled-days-of-Week="[]"
127
+ v-model="f_finish_date_end"
128
+ class="input-font"
129
+ style="width:60%"
130
+ condition="f_finish_date < '{}'"
131
+ :format="'yyyy-MM-dd 23:59:00'"
132
+ :show-reset-button="reset">
133
+ </datepicker>
134
+ </div>
135
+ </div>
136
+ <div class="row app-row">
137
+ <div class="col-xs-4">
138
+ <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
139
+ <label class="font text-left">故障明细:</label>
140
+ </div>
141
+ <div class="col-xs-8">
142
+ <input class="search_input input-font" v-model="failure" condition="failure like '%{}%'" />
143
+ </div>
144
+ </div>
145
+ <div class="row app-row">
146
+ <div class="col-xs-4">
147
+ <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
148
+ <label class="font text-left">工单备注:</label>
149
+ </div>
150
+ <div class="col-xs-8">
151
+ <input class="search_input input-font" v-model="f_remarks" condition="f_remarks like '%{}%'" />
152
+ </div>
153
+ </div>
154
+ <!-- 分割按钮和条件的高度 -->
155
+ <div class="row app-row" style="height: 10px;"></div>
156
+ <!-- 按钮 -->
157
+ <div class="row text-center app-row">
158
+ <button type="button" class="btn btn-lg btn-font btn-color" @click="ifsearch('')" style="min-width: 25%;">查询</button>
159
+ <button type="button" class="btn btn-lg btn-font btn-color" @click='ifsearch(" and f_orderstatus!=null ")' style="min-width: 25%;">查询临时保存</button>
160
+ <img style="float: right;margin-right: 3%;margin-top: -4px " @click="getNewOrder" src="../../../assets/shuaxindaiban1.png">
161
+ </div>
162
+ <div style="height:30px;" class="app-row"></div>
163
+ </form>
164
+ </div>
165
+ <!-- 列表 -->
166
+ <div class="panel panel-default repair-info-content auto">
167
+ <div class="panel-body">
168
+ <div class="panel panel-default well panel-blue-border" :class="row.failure.indexOf('漏气') !== -1 ? 'class-a':''" v-for="row in listData.list" >
169
+ <div class="panel-body" style="padding: 10px">
170
+ <div class="row form-group">
171
+ <div class="col-sm-12 col-xs-12 col-md-12">
172
+ <div class="row" >
173
+ <span v-if="row.state==='延期申请'" style="color: darkred">该工单已提交延期处理请勿操作</span>
174
+ <div :class="{'text-danger': row.f_remindersign}" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
175
+ 工单编号: {{row.f_service_id}}<span v-if="row.f_remindersign">(催单 {{row.f_reminderdata}}) </span>
176
+ </div>
177
+ <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
178
+ 报修类型: {{row.f_repairtype}}
179
+ </div>
180
+ <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
181
+ 派发时间: {{row.f_created_date}}
182
+ </div>
183
+ <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_finish_date">
184
+ 截止天数: {{Math.floor((new Date(row.f_finish_date.substring(0,10)).getTime() - new Date(row.f_created_date.substring(0,10)).getTime()) / 86400000)}}
185
+ </div>
186
+ <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_finish_date">
187
+ 截止日期: {{row.f_finish_date}}
188
+ </div>
189
+ <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '报修单'">
190
+ 维修类型: {{row.f_repairtype}}
191
+ </div>
192
+ <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_userinfo_code">
193
+ 用户编号: {{row.f_userinfo_code}}
194
+ </div>
195
+ <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_enter_number">
196
+ 用户证号: {{row.f_enter_number}}
197
+ </div>
198
+ <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
199
+ 用户姓名: {{row.f_user_name}}
200
+ </div>
201
+ <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
202
+ 来电电话: {{row.f_phone}}
203
+ <img src="../../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_phone)'>
204
+ </div>
205
+ <div class="col-sm-12 col-xs-12 col-md-12">
206
+ 联系电话: {{row.f_contact_phone}}
207
+ <img src="../../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_contact_phone)'>
208
+ </div>
209
+ <div class="col-sm-12 col-xs-12 col-md-12">
210
+ 备用电话: {{row.f_rent_phone}}
211
+ <img src="../../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_rent_phone)'>
212
+ </div>
213
+ <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
214
+ 用户地址: {{row.f_address}}
215
+ </div>
216
+ <div v-show="row.f_advice" class="col-sm-12 col-xs-12 col-md-12" v-if="worktype == '报修单'">
217
+ 指导建议: {{row.f_advice}}
218
+ </div>
219
+ <div v-show="row.f_remarks" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
220
+ 备注信息: {{row.f_remarks}}
221
+ </div>
222
+ <div v-show="row.f_yuyue_date" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_yuyue_date !=null">
223
+ 预约时间: {{row.f_yuyue_date}}
224
+ </div>
225
+ <div v-show="row.f_subsidiary1_path" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" >
226
+ 附件查看:
227
+ <button type="button" name="button" class="btn btn-primary btn-sm" @click="showSubsidiaryPath(row)">查看</button>
228
+ </div>
229
+ <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '报修单'">
230
+ <failure-show :value='row.failure'>
231
+ </failure-show>
232
+ </div>
233
+ </div>
234
+ </div>
235
+ <div class="col-sm-12 col-xs-12 col-md-12">
236
+ <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right" @click="selected(row)">处理</button>
237
+ <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right;margin-right:10px;" @click="sendback(row)">退回</button>
238
+ <button type="button" name="button" class="btn btn-primary" style="background-color:#499edf;float: right;margin-right:10px;" @click="moveservice(row)">转单</button>
239
+ <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right;margin-right:10px;" v-if="false" @click="infoadd(row)">信息维护</button>
240
+ <button type="button" name="button" class="btn btn-primary btn-sm" v-if="false"
241
+ style="float: right;margin-right:10px;" @click="showend(row)">无法处理
242
+ </button>
243
+ </div>
244
+ </div>
245
+ </div>
246
+ </div>
247
+ <div style="height:auto;width: 100%;text-align: center">
248
+ <a v-if="!listData.isEnd" @click="showMore()">展开更多......</a>
249
+ <span v-if="listData.isEnd">到底了......</span>
250
+ </div>
251
+ </div>
252
+ <modal :show.sync="moveshow" v-ref:modal :backdrop="false">
253
+ <div slot="modal-header" class="modal-header">
254
+ <h4 class="modal-title">
255
+ 转单
256
+ </h4>
257
+ </div>
258
+ <div slot="modal-body" class="modal-body">
259
+ <div class="row" style="margin-top: 6px">
260
+ <label class="col-xs-4 col-md-4 control-label font text-left">接单人</label>
261
+ <div class="col-xs-8">
262
+ <v-select :value="orderman" :value-single="true"
263
+ :options='repairers' placeholder='请选择接单人'
264
+ close-on-select v-on:change="repiarmancg"></v-select>
265
+ </div>
266
+ </div>
267
+ <div class="row" style="margin-top: 6px">
268
+ <label class="control-label font text-left col-md-4 col-xs-4">备注</label>
269
+ <div class="col-xs-8 col-md-8">
270
+ <input type="text" v-model="moveselected.f_remarks"/>
271
+ </div>
272
+ </div>
273
+ </div>
274
+ <div slot="modal-footer" class="modal-footer">
275
+ <button type="button" class="btn btn-default" @click="movedo()">确定</button>
276
+ <button type="button" class="btn btn-default" @click="undo()">取消</button>
277
+ </div>
278
+ </modal>
279
+ <modal :show.sync="showinfo" v-ref:infomodal :backdrop="false">
280
+ <div slot="modal-header" class="modal-header">
281
+ <h4 class="modal-title">
282
+ 工单信息维护
283
+ </h4>
284
+ </div>
285
+ <div slot="modal-body" class="modal-body">
286
+ <div class="row" style="margin-top: 6px">
287
+ <label class="control-label font text-left col-md-4 col-xs-4">维护内容</label>
288
+ <div class="col-xs-8 col-md-8">
289
+ <input type="text" v-model="information"/>
290
+ </div>
291
+ </div>
292
+ </div>
293
+ <div slot="modal-footer" class="modal-footer">
294
+ <button type="button" class="btn btn-default" @click="infoaddsure()">确定</button>
295
+ <button type="button" class="btn btn-default" @click="infoclose()">取消</button>
296
+ </div>
297
+ </modal>
298
+ <modal :show.sync="editflag" v-ref:infomodal :backdrop="false">
299
+ <div slot="modal-header" class="modal-header">
300
+ <h4 class="modal-title">
301
+ 工单退回
302
+ </h4>
303
+ </div>
304
+ <div slot="modal-body" class="modal-body">
305
+ <div class="row" style="margin-top: 6px">
306
+ <label class="col-xs-4 col-md-4 control-label font text-left">工单编号:</label>
307
+ <span>{{ sendbackmodel.f_service_id }}</span>
308
+ </div>
309
+ <div class="row" style="margin-top: 6px">
310
+ <label class="col-xs-4 col-md-4 control-label font text-left">客户名称:</label>
311
+ <span>{{ sendbackmodel.f_user_name }}</span>
312
+ </div>
313
+ <div class="row" style="margin-top: 6px">
314
+ <label class="control-label font text-left col-md-4 col-xs-4">退回原因</label>
315
+ <div class="col-xs-8 col-md-8">
316
+ <textarea style="width: 60%" name="name" rows="1" class="ver-textarea" type="text" v-model='f_site_back_reason'></textarea>
317
+ </div>
318
+ </div>
319
+
320
+ </div>
321
+ <div slot="modal-footer" class="modal-footer">
322
+ <button :disabled="isDis" type="button" name="button" class="btn btn-primary btn-photo" @click="WorkBack()">确定</button>
323
+ <button type="button" class="btn btn-default" @click="WorkBackclose()">取消</button>
324
+ </div>
325
+ </modal>
326
+ <modal :show.sync="img_show" v-ref:infomodal :backdrop="false">
327
+ <div slot="modal-header" class="modal-header">
328
+ <h4 class="modal-title">
329
+ 附件查看
330
+ </h4>
331
+ </div>
332
+ <div slot="modal-body" class="modal-body">
333
+ <div class="from-group">
334
+ <div class="row">
335
+ <div class="col-md-6" v-if="temp_row.f_subsidiary1_path">
336
+ <img-self :width="300" :height="400" alt="无照片!!!" :src="'rs/image/file/'+temp_row.f_subsidiary1_path"></img-self>
337
+ </div>
338
+ <div class="col-md-6" v-if="temp_row.f_subsidiary2_path">
339
+ <img-self :width="300" :height="400" alt="无照片!!!" :src="'rs/image/file/'+temp_row.f_subsidiary2_path"></img-self>
340
+ </div>
341
+ <div class="col-md-6" v-if="temp_row.f_subsidiary3_path">
342
+ <img-self :width="300" :height="400" alt="无照片!!!" :src="'rs/image/file/'+temp_row.f_subsidiary3_path"></img-self>
343
+ </div>
344
+ </div>
345
+ </div>
346
+ </div>
347
+ <div slot="modal-footer" class="modal-footer">
348
+ <button type="button" name="button" class="btn btn-primary btn-photo" @click="img_show = false">确定</button>
349
+ </div>
350
+ </modal>
351
+ </div>
352
+ </div>
353
+ </template>
354
+ <script>
355
+ import FailureShow from '../../../components/pc/FailureShow'
356
+ import { HttpResetClass } from 'vue-client'
357
+ import Vue from 'vue'
358
+ // 工作类型对应的各项设置
359
+ const config = {
360
+ '报修单': {
361
+ path: 'getServiceMobile'
362
+ },
363
+ '置换通气单': {
364
+ path: 'getSubstitMobile'
365
+ },
366
+ '安装单': {
367
+ path: 'getInstallMobile'
368
+ }
369
+ }
370
+ export default{
371
+ title: '维修员平板首页',
372
+ data () {
373
+ return {
374
+ isDis:false,
375
+ img_show:false,
376
+ temp_row:{},
377
+ // 单条记录
378
+ sendbackmodel:{
379
+ f_service_id:'',
380
+ f_user_name:''
381
+ },
382
+ f_created_date_start: '',
383
+ f_created_date_end: '',
384
+ f_finish_date_start: '',
385
+ f_finish_date_end: '',
386
+ failure: '',
387
+ f_remarks: '',
388
+ // 退回原因
389
+ f_site_back_reason:'',
390
+ model: {
391
+ serviceacitivity: [{
392
+ f_site_back_date: '',
393
+ f_site_back_name: '',
394
+ serviceid: '',
395
+ f_service_acitivity_type: '打回'
396
+ }
397
+ ]
398
+ },
399
+
400
+ // rows: Object
401
+ rows: [{
402
+ f_user_name:'',
403
+ f_contact_phone:'',
404
+ failure:''
405
+ }],
406
+ editshow:false,
407
+ row:{
408
+ type:Object,
409
+ default:{
410
+ f_user_name:'',
411
+ f_contact_phone:'',
412
+ failure:''
413
+ }
414
+ },
415
+ repairtype:'',
416
+ username:'',
417
+ address:'',
418
+ f_userinfo_code:'',
419
+ moveshow:false,
420
+ repairers: [],
421
+ repairtypes:this.$appdata.getParam('报修类型')?[{label: '全部', value: ''}, ...this.$appdata.getParam('报修类型')]:[{label: '全部', value: ''}],
422
+ moveselected:'',
423
+ orderman:'',
424
+ number:0,
425
+ listData: {
426
+ list: [],
427
+ isEnd: true,
428
+ index: 0
429
+ },
430
+ loginUser:{
431
+ name:Vue.user.name,
432
+ ename:Vue.user.ename
433
+ },
434
+ infoone:'',
435
+ showinfo:false,
436
+ editflag:false,
437
+ information:'',
438
+ backservice:false,
439
+ // 结案是否显示
440
+ endshow:false,
441
+ //结案备注
442
+ f_caseremarks:'',
443
+ // 当前处理的工单
444
+ selectone:''
445
+ }
446
+ },
447
+ props: {
448
+ worktype:{
449
+ type:String,
450
+ default:'报修单'
451
+ },
452
+ sourcet:{
453
+ type:String,
454
+ default:'横屏'
455
+ },
456
+ tabname:{
457
+ type:String
458
+ }
459
+ },
460
+ methods: {
461
+ showSubsidiaryPath(row){
462
+ this.img_show = true
463
+ this.temp_row = row
464
+ },
465
+ // 结案确认
466
+ caseok(){
467
+ let info = {
468
+ id:this.selectone.id_back,
469
+ f_state : '',
470
+ f_processid: this.selectone.f_processid,
471
+ f_orderstatus:'无法处理'
472
+ }
473
+ // 工单结案操作
474
+ let data = {model: info, loginUser: {name: Vue.user.name, ename: Vue.user.ename},f_caseremarks:this.f_caseremarks}
475
+ let http = new HttpResetClass()
476
+ http.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/serviceCase`, data, {
477
+ resolveMsg: null,
478
+ rejectMsg: null
479
+ }).then(() => {
480
+ this.$showMessage('结案成功!')
481
+ this.f_caseremarks = ''
482
+ // 刷新界面
483
+ this.getNewOrder()
484
+ })
485
+ },
486
+ // 结案返回
487
+ caseclose(){
488
+ this.f_caseremarks = ''
489
+ this.editflag = null
490
+ },
491
+ showend(row){
492
+ this.selectone = row
493
+ this.endshow = true
494
+ },
495
+ WorkBack () {
496
+ this.isDis=true
497
+ this.model=this.sendbackmodel
498
+ this.model.serviceacitivity = [{
499
+ f_site_back_date: '',
500
+ f_site_back_name: '',
501
+ serviceid: '',
502
+ f_site_back_reason:this.f_site_back_reason,
503
+ f_service_acitivity_type: ''
504
+ }
505
+ ]
506
+ if(!this.f_site_back_reason){
507
+ this.isDis=false
508
+ return this.$showMessage('请填写退回内容!')
509
+ }
510
+ let data = ''
511
+ data = {
512
+ model: this.model,
513
+ loginUser: {name: Vue.user.name, ename: Vue.user.name, id: Vue.user.id}
514
+ }
515
+ console.log("退回参数"+JSON.stringify(data))
516
+ let http = new HttpResetClass()
517
+ http.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/sendBack`, data, {resolveMsg: null, rejectMsg: null}).then(() => {
518
+ this.$showMessage('退回成功!!!')
519
+ this.isDis=false
520
+ this.f_site_back_reason = ''
521
+ this.editflag =false
522
+ this.getNewOrder()
523
+ })
524
+ },
525
+ WorkBackclose(){
526
+ this.editflag = false
527
+ },
528
+ //信息维护,需要在手机端显示,暂时没有显示的地方,后续需要增加,是否考虑先调用本地logic,信息给本地也存,这样本地才能看到
529
+ infoaddsure(){
530
+ if(!this.information){
531
+ return this.$showMessage('请填写维护内容!',['confirm'])
532
+ }
533
+ // 组装数据
534
+ var data = {
535
+ id :this.infoone.id_back,
536
+ f_processid:this.infoone.f_processid,
537
+ f_content:this.information,
538
+ serviceacitivity : [{}]
539
+ }
540
+ let http = new HttpResetClass()
541
+ http.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/telinformation`, {model: data, loginUser: this.loginUser,dotype:'mobile'}, {resolveMsg: null, rejectMsg: null}).then(() => {
542
+ this.$showMessage('维护内容添加成功!',['confirm'])
543
+ this.information = ''
544
+ this.showinfo =false
545
+ })
546
+ },
547
+ infoclose(){
548
+ this.showinfo = false
549
+ },
550
+ infoadd(val){
551
+ this.infoone =val
552
+ this.showinfo = true
553
+ },
554
+ repiarmancg(val){
555
+ this.orderman = val
556
+ },
557
+ movedo(){
558
+ if(this.orderman == undefined || this.orderman == '' ){
559
+ this.$showMessage(`请先选择接单人!`, ['confirm'])
560
+ return
561
+ }
562
+ //tag
563
+ //tag)
564
+ let result = this.$androidUtil.bzLogic('androidMoveService', {id_back: this.moveselected.id_back, f_reciever: this.orderman,f_remarks:this.moveselected.f_remarks,worktype:this.worktype})
565
+ if (result.result === '成功') {
566
+ this.$showMessage(`向 ${this.orderman} 转单成功!`, ['confirm'])
567
+ this.orderman = ''
568
+ this.moveselected = ''
569
+ this.moveshow = false
570
+ this.ifsearch()
571
+ } else {
572
+ this.$showMessage(`转单失败,请检查网络异常!`, ['confirm'])
573
+ }
574
+
575
+ },
576
+ undo(){
577
+ this.orderman = ''
578
+ this.moveselected = ''
579
+ this.moveshow = false
580
+ },
581
+ getEmp () {
582
+ // 获取接单人数组
583
+ let val = ''
584
+ var worktypew = this.worktype == '报修单' ? '维修员':this.worktype == '置换员'?'置换员':'安装员'
585
+ let http = new HttpResetClass()
586
+ //tag)
587
+ val = {source: `this.getParentByType($organization$).getChildByName($${worktypew}$).getUsers()`, userid: `${Vue.user.id}`}
588
+ http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/search`, {data: val}, {resolveMsg: null, rejectMsg: null}).then((res) => {
589
+ res.data.forEach((item) => {
590
+ if (item.state == '在职' || item.status == 0) {
591
+ this.repairers.push({label: `${item.name}`, value: item.name})
592
+ }
593
+ })
594
+ })
595
+ },
596
+ ifsearch(condition){
597
+ this.listData.list = []
598
+ this.listData.index = 0
599
+ this.listData.isEnd = true
600
+ if (!condition) {
601
+ condition = ''
602
+ }
603
+ condition = '1 = 1 ' + condition
604
+ if(this.username != ''){
605
+ condition += " and f_user_name like '%" + this.username + "%'"
606
+ }
607
+ if(this.address != ''){
608
+ condition += " and f_address like '%" + this.address + "%'"
609
+ }
610
+ if(this.f_userinfo_code != ''){
611
+ condition += " and f_userinfo_code = '" + this.f_userinfo_code + "'"
612
+ }
613
+ if(this.repairtype.length > 0){
614
+ condition += " and f_repairtype in (" + this.repairtype.map(item=>{return `'${item}'`}).join() + ")"
615
+ }
616
+ if (this.f_created_date_start) {
617
+ condition += ` and f_created_date >= '${this.f_created_date_start}'`
618
+ }
619
+ if (this.f_created_date_end) {
620
+ condition += ` and f_created_date <= '${this.f_created_date_end}'`
621
+ }
622
+ if (this.f_finish_date_start) {
623
+ condition += ` and f_finish_date >= '${this.f_finish_date_start}'`
624
+ }
625
+ if (this.f_finish_date_end) {
626
+ condition += ` and f_finish_date <= '${this.f_finish_date_end}'`
627
+ }
628
+ if (this.failure) {
629
+ condition += ` and failure like '%${this.failure}%'`
630
+ }
631
+ if (this.f_remarks) {
632
+ condition += ` and f_remarks like '%${this.f_remarks}%'`
633
+ }
634
+ //tag
635
+ //tag
636
+ // 测试环境异步,真实环境同步
637
+ if (this.$androidUtil.isTest) {
638
+ return this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}}).then((ret) => {
639
+ this.rows = ret.data
640
+ })
641
+ } else {
642
+ let result = this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}})
643
+ if (result.code === 200) {
644
+ this.rows = result.data
645
+ } else {
646
+ this.$showMessage(`加载数据失败, 返回码: ${result.code}, 错误信息:${result.data}`)
647
+ }
648
+ }
649
+ this.showMore()
650
+ },
651
+ selected (row) {
652
+ var prpdata = {
653
+ _this:this,
654
+ title:'入户维修',
655
+ safe:true
656
+ }
657
+ this.$dispatch('gotoson',prpdata)
658
+ if(this.sourcet == '横屏'){
659
+ this.$goto('repair-order', {row: row,worktype:this.worktype},'self',this.ifsearch)
660
+ }else{
661
+ this.$goto('repair-orderV', {row: row,worktype:this.worktype},'self',this.ifsearch)
662
+ }
663
+ },
664
+ sendback(row){
665
+ this.$showMessage('退回后数据不可恢复,确认退回操作吗?', ['confirm', 'cancel'],{resolveMsg: null, rejectMsg: null}).then((res) => {
666
+ if (res === 'confirm') {
667
+ this.editflag = true
668
+ this.sendbackmodel = row
669
+ console.log("需要的参数"+JSON.stringify( this.sendbackmodel))
670
+ }else {
671
+ this.editflag = false
672
+ }
673
+ })
674
+ },
675
+ moveservice(row){
676
+ this.moveselected = row
677
+ this.moveshow = true
678
+ },
679
+ delayedit (row) {
680
+ row.state = '延期申请'
681
+ this.$goto('delay-apply', {row:row})
682
+ },
683
+ search () {
684
+ // 测试环境异步,真实环境同步
685
+ var condition = '1 = 1'
686
+ //tag
687
+ if (this.$androidUtil.isTest) {
688
+ return this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}}).then((ret) => {
689
+ // ret.data.forEach((item) => {
690
+ // item.service_version = item.failure.indexOf("漏气") !== -1
691
+ // })
692
+ this.rows = ret.data
693
+ })
694
+ } else {
695
+ let result = this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}})
696
+ if (result.code === 200) {
697
+ //tag)
698
+ this.rows = result.data
699
+ } else {
700
+ this.$showMessage(`加载数据失败, 返回码: ${result.code}, 错误信息:${result.data}`)
701
+ }
702
+ }
703
+ },
704
+ sumsearch () {
705
+ // 测试环境异步,真实环境同步
706
+ var condition = '1 = 1'
707
+ //tag
708
+ if (this.$androidUtil.isTest) {
709
+ return this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}}).then((ret) => {
710
+ // ret.data.forEach((item) => {
711
+ // item.service_version = item.failure.indexOf("漏气") !== -1
712
+ // })
713
+ var titdata = {
714
+ title:this.tabname,
715
+ sum:ret.data.length
716
+ }
717
+ //tag
718
+ //tag)
719
+ this.$emit('changesum',titdata)
720
+ })
721
+ } else {
722
+ let result = this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}})
723
+ if (result.code === 200) {
724
+ //tag)
725
+ var crv = {
726
+ title:this.tabname,
727
+ sum:result.data.length
728
+ }
729
+ //tag
730
+ //tag)
731
+ this.$emit('changesum',crv)
732
+ } else {
733
+ this.$showMessage(`加载数据失败, 返回码: ${result.code}, 错误信息:${result.data}`)
734
+ }
735
+ }
736
+ },
737
+ makeAPhoneCall(phoneNumber) {
738
+ this.$androidUtil.makeAPhoneCall(phoneNumber)
739
+ },
740
+ upload () {
741
+ this.$goto('up-load')
742
+ },
743
+ back () {
744
+ this.$back()
745
+ },
746
+ getNewOrder(){
747
+ HostApp.__this__ = this
748
+ HostApp.logicWithHint({
749
+ // logic别名,key必须为logic
750
+ 'logic': 'TelServiceTimeOut',
751
+ // 回调执行方法名,key必须为callback
752
+ 'callback': 'javascript:HostApp.__this__.getNewCallBack()',
753
+ // logic执行需要的业务参数
754
+ 'data': {params: ''},
755
+ // 固定key,代表是否将logic执行结果作为参数传入回调方法,1代表true,0代表false,
756
+ // 执行回调方法传入key为backresult
757
+ // 如需额外拼接参数,写在logic返回值的params,例如xxlogic返回:{"params": "success"}
758
+ 'backresult': 1
759
+ })
760
+ },
761
+ getNewCallBack(obj){
762
+ //tag)
763
+ this.ifsearch()
764
+ },
765
+ showMore() {
766
+ if (!this.rows) {
767
+ return
768
+ }
769
+ let endIndex = this.listData.index + 10
770
+ if (endIndex > this.rows.length) {
771
+ endIndex = this.rows.length
772
+ }
773
+ for (; this.listData.index < endIndex; this.listData.index++) {
774
+ this.listData.list.push(this.rows[this.listData.index])
775
+ }
776
+ if(this.listData.index == this.rows.length){
777
+ this.listData.isEnd = true
778
+ }else {
779
+ this.listData.isEnd = false
780
+ }
781
+ }
782
+ },
783
+ ready () {
784
+ let backservices
785
+ backservices=this.$appdata.getSingleValue('维修转单')
786
+ console.log("参数为:::"+backservices)
787
+ if(backservices==='true'||backservices===''){
788
+ this.backservice = '否'
789
+ }else {
790
+ this.backservice = '是'
791
+ }
792
+ this.getEmp()
793
+ this.ifsearch()
794
+ // var _this = this;
795
+ // this.timeoutHandle = window.setInterval(function() {
796
+ // _this.sumsearch()
797
+ // }, 6000)
798
+ },
799
+ components: {
800
+ FailureShow,
801
+ 'failure-show': FailureShow
802
+ }
803
+ }
804
+ </script>
805
+ <style scoped>
806
+ .searBtn {
807
+ background: #FFFFFF;
808
+ color: #0096fb;
809
+ border: 1px solid #0096fb;
810
+ border-radius: 5px;
811
+ padding: 8px;
812
+ text-align: center;
813
+ font-size: 1.2em;
814
+ z-index: 10;
815
+ opacity:0.5;
816
+ bottom: 50px;
817
+ margin-top: -10px;
818
+ height: 40px;
819
+ }
820
+ .bg {
821
+ background-color: #499edf;
822
+ height: 1px;
823
+ border: 0;
824
+ }
825
+ .app-row {
826
+ background-color: white;
827
+ padding: 10px 10px 0 10px;
828
+ border-bottom: 1px solid rgba(235, 235, 235, 0.5);
829
+ }
830
+ .search_input {
831
+ border: 0;
832
+ outline: none;
833
+ }
834
+ .font{
835
+ font: 15px PingFang-SC-Medium;
836
+ color: #666666;
837
+ }
838
+ .input-font{
839
+ font: 15px PingFang-SC-Medium;
840
+ color: #333333;
841
+ }
842
+ .btn-font{
843
+ font:600 16px PingFang-SC-Bold;
844
+ color: #499EDF;
845
+ }
846
+ .btn-color{
847
+ background-color: #FFFFFF;
848
+ border-radius: 10px ;
849
+ border: 1px solid #499EDF;
850
+ }
851
+ .panel-blue-border {
852
+ border: 1px solid #499edf;
853
+ border-radius: 5px;
854
+ }
855
+ </style>