telephone-clients 4.0.0-1-57 → 4.0.0-1-59
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/filiale/meihekou/android/AddMyTask.vue +480 -480
- package/src/filiale/meihekou/android/CompletedRepair.vue +350 -350
- package/src/filiale/meihekou/android/RepairFirstV.vue +851 -851
- package/src/filiale/meihekou/android/createQRcode.vue +186 -186
- package/src/filiale/meihekou/telephoneAndroid.js +26 -26
- package/src/filiale/yuncheng/pc/TelLossList.vue +7 -1
- package/.history/src/components/newRepair/ORM2SelfBuildCreated_20250807114751.vue +0 -423
- package/.history/src/components/workorder/RepairFirstV_20250808160330.vue +0 -828
- package/.history/src/filiale/meihekou/android/AddMyTask_20250808152413.vue +0 -448
|
@@ -1,350 +1,350 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="repair-bg" id="repair-first">
|
|
3
|
-
<!--<div class="app-botton" @click="back()">-->
|
|
4
|
-
<!--<span class="glyphicon glyphicon-menu-left">返回</span>-->
|
|
5
|
-
<!--</div>-->
|
|
6
|
-
<div class="bq-parent">
|
|
7
|
-
<blockquote class="blockquote">
|
|
8
|
-
<p>
|
|
9
|
-
已办工单
|
|
10
|
-
<span v-if="!rows">（暂无已处理工单）</span>
|
|
11
|
-
</p>
|
|
12
|
-
</blockquote>
|
|
13
|
-
</div>
|
|
14
|
-
<div class="panel panel-default repair-info-content auto">
|
|
15
|
-
<div class="panel-body">
|
|
16
|
-
<form>
|
|
17
|
-
<div class="row app-row">
|
|
18
|
-
<div class="col-xs-4">
|
|
19
|
-
<img src="../../../assets/用户姓名-蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
20
|
-
<label class="font text-left">用户姓名:</label>
|
|
21
|
-
</div>
|
|
22
|
-
<div class="col-xs-8">
|
|
23
|
-
<input class="search_input input-font"
|
|
24
|
-
v-model="username" condition="f_user_name like '{}%'" placeholder=" 请输入用户姓名" />
|
|
25
|
-
</div>
|
|
26
|
-
</div>
|
|
27
|
-
<div class="row app-row">
|
|
28
|
-
<div class="col-xs-4">
|
|
29
|
-
<img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
30
|
-
<label class="font text-left">用户地址:</label>
|
|
31
|
-
</div>
|
|
32
|
-
<div class="col-xs-8">
|
|
33
|
-
<input type="text" class="search_input input-font" v-model="address"
|
|
34
|
-
style="width: 60%" placeholder=" 请输入用户地址" condition="f_address like '{}%'">
|
|
35
|
-
</div>
|
|
36
|
-
</div>
|
|
37
|
-
<div class="row app-row">
|
|
38
|
-
<div class="col-xs-4">
|
|
39
|
-
<img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
40
|
-
<label class="font text-left">报修类型：</label>
|
|
41
|
-
</div>
|
|
42
|
-
<div class="col-xs-8" >
|
|
43
|
-
<v-select :value.sync="repairtype"
|
|
44
|
-
v-model="repairtype"
|
|
45
|
-
:options='repairtypes'
|
|
46
|
-
placeholder='请选择'
|
|
47
|
-
close-on-select
|
|
48
|
-
:multiple="true"
|
|
49
|
-
></v-select>
|
|
50
|
-
</div>
|
|
51
|
-
</div>
|
|
52
|
-
<div class="row app-row">
|
|
53
|
-
<div class="col-xs-4">
|
|
54
|
-
<img src="../../../assets/开始时间.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
55
|
-
<label class="font text-left">开始日期:</label>
|
|
56
|
-
</div>
|
|
57
|
-
<div class="col-xs-8">
|
|
58
|
-
<datepicker
|
|
59
|
-
class="select_list select"
|
|
60
|
-
placeholder='开始日期' style="width: 60%"
|
|
61
|
-
:format="'yyyy-MM-dd'"
|
|
62
|
-
:value.sync="f_start_date"
|
|
63
|
-
v-model="f_start_date">
|
|
64
|
-
</datepicker>
|
|
65
|
-
</div>
|
|
66
|
-
</div>
|
|
67
|
-
<div class="row app-row">
|
|
68
|
-
<div class="col-xs-4">
|
|
69
|
-
<img src="../../../assets/结束时间.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
70
|
-
<label class="font text-left">结束日期:</label>
|
|
71
|
-
</div>
|
|
72
|
-
<div class="col-xs-8">
|
|
73
|
-
<datepicker
|
|
74
|
-
class="select_list select"
|
|
75
|
-
placeholder='结束日期' style="width: 60%"
|
|
76
|
-
:format="'yyyy-MM-dd'"
|
|
77
|
-
:value.sync="f_finish_date"
|
|
78
|
-
v-model="f_finish_date">
|
|
79
|
-
</datepicker>
|
|
80
|
-
</div>
|
|
81
|
-
</div>
|
|
82
|
-
<div class="row app-row">
|
|
83
|
-
<div class="col-xs-4">
|
|
84
|
-
<img src="../../../assets/开始时间.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
85
|
-
<label class="font text-left">故障明细：</label>
|
|
86
|
-
</div>
|
|
87
|
-
<div class="col-xs-8">
|
|
88
|
-
<input class="search_input input-font" v-model="failure" condition="failure like '%{}%'" />
|
|
89
|
-
</div>
|
|
90
|
-
</div>
|
|
91
|
-
<div class="row app-row">
|
|
92
|
-
<div class="col-xs-4">
|
|
93
|
-
<img src="../../../assets/开始时间.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
94
|
-
<label class="font text-left">工单备注：</label>
|
|
95
|
-
</div>
|
|
96
|
-
<div class="col-xs-8">
|
|
97
|
-
<input class="search_input input-font" v-model="f_remarks" condition="f_remarks like '%{}%'" />
|
|
98
|
-
</div>
|
|
99
|
-
</div>
|
|
100
|
-
<div class="row app-row" style="height: 10px;"></div>
|
|
101
|
-
<div class="row text-center app-row">
|
|
102
|
-
<button type="button" class="btn btn-lg btn-font btn-color" @click="ifsearch()" style="min-width: 25%;">查询</button>
|
|
103
|
-
<button type="button" class="btn btn-lg btn-font btn-color" @click="init()" style="min-width: 25%;">重置</button>
|
|
104
|
-
</div>
|
|
105
|
-
<div class="row app-row" style="height: 10px;"></div>
|
|
106
|
-
</form>
|
|
107
|
-
<div class="panel panel-default well" v-for="row in rows">
|
|
108
|
-
<div class="panel-body bg-info">
|
|
109
|
-
<div class="row form-group">
|
|
110
|
-
<div class="row">
|
|
111
|
-
<div class="col-sm-6">
|
|
112
|
-
工单编号: {{row.f_service_id}}
|
|
113
|
-
</div>
|
|
114
|
-
<div class="col-sm-6">
|
|
115
|
-
工单时间: {{row.f_created_date}}
|
|
116
|
-
</div>
|
|
117
|
-
<div class="col-sm-6">
|
|
118
|
-
客户姓名: {{row.f_user_name}}
|
|
119
|
-
</div>
|
|
120
|
-
<div class="col-sm-6">
|
|
121
|
-
联系电话: {{row.f_contact_phone}} <span class="glyphicon glyphicon-earphone" v-on:click.stop.prevent='makeAPhoneCall(row.f_contact_phone)'></span>
|
|
122
|
-
</div>
|
|
123
|
-
<div class="col-sm-6">
|
|
124
|
-
客户地址: {{row.f_address}}
|
|
125
|
-
</div>
|
|
126
|
-
<div class="col-sm-6">
|
|
127
|
-
故障明细: {{row.failure_str}}
|
|
128
|
-
</div>
|
|
129
|
-
<div class="col-sm-6">
|
|
130
|
-
处理备注: {{row.remarks}}
|
|
131
|
-
</div>
|
|
132
|
-
</div>
|
|
133
|
-
<div class="row">
|
|
134
|
-
<button type="button" name="button" class="btn btn-primary" style="float: right" @click="selected(row)">查看</button>
|
|
135
|
-
</div>
|
|
136
|
-
</div>
|
|
137
|
-
</div>
|
|
138
|
-
</div>
|
|
139
|
-
</div>
|
|
140
|
-
</div>
|
|
141
|
-
<delay-apply v-show="editshow" v-on:undo="closeEdit" @confirm="editsuccess" :row="row">
|
|
142
|
-
</delay-apply>
|
|
143
|
-
</div>
|
|
144
|
-
</template>
|
|
145
|
-
<script>
|
|
146
|
-
import * as Util from "../../../components/Util";
|
|
147
|
-
|
|
148
|
-
export default {
|
|
149
|
-
title: '已办工单',
|
|
150
|
-
data() {
|
|
151
|
-
return {
|
|
152
|
-
// rows: Object
|
|
153
|
-
rows: [],
|
|
154
|
-
editshow: false,
|
|
155
|
-
row: {
|
|
156
|
-
type: Object
|
|
157
|
-
},
|
|
158
|
-
address:'',
|
|
159
|
-
failure:'',
|
|
160
|
-
f_remarks:'',
|
|
161
|
-
repairtype:'',
|
|
162
|
-
repairtypes:this.$appdata.getParam('报修类型')?[{label: '全部', value: ''}, ...this.$appdata.getParam('报修类型')]:[{label: '全部', value: ''}],
|
|
163
|
-
username:'',
|
|
164
|
-
f_start_date:Util.toStandardDateString(),
|
|
165
|
-
f_finish_date:Util.toStandardDateString()
|
|
166
|
-
}
|
|
167
|
-
},
|
|
168
|
-
props: {
|
|
169
|
-
// 控制工单类型，进行各自工作
|
|
170
|
-
worktype:{
|
|
171
|
-
type:String,
|
|
172
|
-
default:'报修单'
|
|
173
|
-
},
|
|
174
|
-
sourcet:{
|
|
175
|
-
type:String,
|
|
176
|
-
default:'横屏'
|
|
177
|
-
},
|
|
178
|
-
tabname:{
|
|
179
|
-
type:String
|
|
180
|
-
}
|
|
181
|
-
},
|
|
182
|
-
methods: {
|
|
183
|
-
ifsearch(){
|
|
184
|
-
let condition = `1 = 1 and tsw.f_workorder_type = '${this.worktype}'`
|
|
185
|
-
if(this.username != ''){
|
|
186
|
-
condition += " and tsw.f_user_name like '%" + this.username + "%'"
|
|
187
|
-
}
|
|
188
|
-
if(this.address != ''){
|
|
189
|
-
condition += " and tsw.f_address like '%" + this.address + "%'"
|
|
190
|
-
}
|
|
191
|
-
if(this.failure != ''){
|
|
192
|
-
condition += " and failure_str like '%" + this.failure + "%'"
|
|
193
|
-
}
|
|
194
|
-
if(this.f_remarks != ''){
|
|
195
|
-
condition += " and remarks like '%" + this.f_remarks + "%'"
|
|
196
|
-
}
|
|
197
|
-
if(this.repairtype.length > 0){
|
|
198
|
-
condition += " and f_repairtype in (" + this.repairtype.map(item=>{return `'${item}'`}).join() + ")"
|
|
199
|
-
}
|
|
200
|
-
if(this.f_start_date != ''){
|
|
201
|
-
condition += `and ts.f_date_leave >='${this.f_start_date} 00:00:00'`
|
|
202
|
-
}
|
|
203
|
-
if(this.f_finish_date != ''){
|
|
204
|
-
condition += `and ts.f_date_leave <='${this.f_finish_date} 23:59:59'`
|
|
205
|
-
}
|
|
206
|
-
let result = this.$androidUtil.bzLogic('searchRepairDone', {condition})
|
|
207
|
-
if (result.code === 200) {
|
|
208
|
-
this.rows = result.data
|
|
209
|
-
}
|
|
210
|
-
},
|
|
211
|
-
selected(rowOne) {
|
|
212
|
-
var prpdata = {
|
|
213
|
-
_this:this,
|
|
214
|
-
title:'内容查看',
|
|
215
|
-
safe:false
|
|
216
|
-
}
|
|
217
|
-
this.$dispatch('gotoson',prpdata)
|
|
218
|
-
let condition = `id='${rowOne.id}'`
|
|
219
|
-
let result = this.$androidUtil.path({'alias': 'getCompletedInfo', 'data': {f_workorder_type: this.worktype,condition:condition}})
|
|
220
|
-
let row = result.data[0]
|
|
221
|
-
if(this.sourcet == '横屏'){
|
|
222
|
-
this.$goto('repair-order', {row: row, repair: row,worktype:this.worktype,issee:true})
|
|
223
|
-
}else{
|
|
224
|
-
this.$goto('repair-orderV', {row: row, repair: row,worktype:this.worktype,issee:true})
|
|
225
|
-
}
|
|
226
|
-
},
|
|
227
|
-
closeEdit() {
|
|
228
|
-
this.editshow = false
|
|
229
|
-
},
|
|
230
|
-
editsuccess() {
|
|
231
|
-
this.editshow = false
|
|
232
|
-
|
|
233
|
-
},
|
|
234
|
-
search() {
|
|
235
|
-
// 测试环境异步，真实环境同步
|
|
236
|
-
var condition = '1 = 1'
|
|
237
|
-
if (this.$androidUtil.isTest) {
|
|
238
|
-
this.$androidUtil.path({'alias': 'getCompletedInfo','data': {f_workorder_type: this.worktype,condition:condition}}).then((ret) => {
|
|
239
|
-
this.rows = ret.data
|
|
240
|
-
})
|
|
241
|
-
} else {
|
|
242
|
-
let result = this.$androidUtil.path({'alias': 'getCompletedInfo', 'data': {f_workorder_type: this.worktype,condition:condition}})
|
|
243
|
-
//tag
|
|
244
|
-
if (result.code === 200) {
|
|
245
|
-
this.rows = result.data
|
|
246
|
-
} else {
|
|
247
|
-
//tag)
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
},
|
|
251
|
-
sumsearch() {
|
|
252
|
-
// 测试环境异步，真实环境同步
|
|
253
|
-
var condition = '1 = 1'
|
|
254
|
-
if (this.$androidUtil.isTest) {
|
|
255
|
-
this.$androidUtil.path({'alias': 'getCompletedInfo','data': {f_workorder_type: this.worktype,condition:condition}}).then((ret) => {
|
|
256
|
-
for(var i = 0;i<this.$parent.tabs.length;i++){
|
|
257
|
-
if(this.$parent.tabs[i].name == this.tabname){
|
|
258
|
-
this.$parent.tabs[i].servicesum = ret.data.length
|
|
259
|
-
return
|
|
260
|
-
}
|
|
261
|
-
}
|
|
262
|
-
})
|
|
263
|
-
} else {
|
|
264
|
-
let result = this.$androidUtil.path({'alias': 'getCompletedInfo', 'data': {f_workorder_type: this.worktype,condition:condition}})
|
|
265
|
-
//tag
|
|
266
|
-
if (result.code === 200) {
|
|
267
|
-
for(var i = 0;i<this.$parent.tabs.length;i++){
|
|
268
|
-
if(this.$parent.tabs[i].name == this.tabname){
|
|
269
|
-
this.$parent.tabs[i].servicesum = result.data.length
|
|
270
|
-
return
|
|
271
|
-
}
|
|
272
|
-
}
|
|
273
|
-
} else {
|
|
274
|
-
//tag)
|
|
275
|
-
}
|
|
276
|
-
}
|
|
277
|
-
},
|
|
278
|
-
upload() {
|
|
279
|
-
this.$goto('up-load')
|
|
280
|
-
},
|
|
281
|
-
back () {
|
|
282
|
-
this.$back()
|
|
283
|
-
},
|
|
284
|
-
init () {
|
|
285
|
-
this.address = ''
|
|
286
|
-
this.username = ''
|
|
287
|
-
this.f_finish_date = ''
|
|
288
|
-
this.f_start_date = ''
|
|
289
|
-
}
|
|
290
|
-
},
|
|
291
|
-
ready() {
|
|
292
|
-
this.ifsearch()
|
|
293
|
-
// var _this = this;
|
|
294
|
-
// this.timeoutHandle = window.setInterval(function() {
|
|
295
|
-
// _this.sumsearch()
|
|
296
|
-
// }, 60000)
|
|
297
|
-
},
|
|
298
|
-
components: {
|
|
299
|
-
'delay-apply': (resolve) => {
|
|
300
|
-
require(['../../../components/workorder/DelayApply'], resolve)
|
|
301
|
-
}
|
|
302
|
-
}
|
|
303
|
-
|
|
304
|
-
}
|
|
305
|
-
</script>
|
|
306
|
-
<style lang="less" scoped>
|
|
307
|
-
.app-botton {
|
|
308
|
-
position:fixed;
|
|
309
|
-
background: #87b2dd;
|
|
310
|
-
color: #FFF;
|
|
311
|
-
padding: 8px;
|
|
312
|
-
text-align: center;
|
|
313
|
-
font-size: 1.2em;
|
|
314
|
-
z-index: 10;
|
|
315
|
-
opacity:0.5;
|
|
316
|
-
bottom: 50px;
|
|
317
|
-
margin-top: -10px;
|
|
318
|
-
height: 40px;
|
|
319
|
-
}
|
|
320
|
-
.app-row {
|
|
321
|
-
background-color: white;
|
|
322
|
-
padding: 5px 10px 0 10px;
|
|
323
|
-
border-bottom: 1px solid rgba(235, 235, 235, 0.5);
|
|
324
|
-
}
|
|
325
|
-
.search_input {
|
|
326
|
-
border: 0;
|
|
327
|
-
outline: none;
|
|
328
|
-
}
|
|
329
|
-
.font{
|
|
330
|
-
font: 15px PingFang-SC-Medium;
|
|
331
|
-
color: #666666;
|
|
332
|
-
}
|
|
333
|
-
.input-font{
|
|
334
|
-
font: 15px PingFang-SC-Medium;
|
|
335
|
-
color: #333333;
|
|
336
|
-
}
|
|
337
|
-
.btn-font{
|
|
338
|
-
font:600 16px PingFang-SC-Bold;
|
|
339
|
-
color: #499EDF;
|
|
340
|
-
}
|
|
341
|
-
.btn-color{
|
|
342
|
-
background-color: #FFFFFF;
|
|
343
|
-
border-radius: 10px ;
|
|
344
|
-
border: 1px solid #499EDF;
|
|
345
|
-
}
|
|
346
|
-
.panel-blue-border {
|
|
347
|
-
border: 1px solid #499edf;
|
|
348
|
-
border-radius: 5px;
|
|
349
|
-
}
|
|
350
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="repair-bg" id="repair-first">
|
|
3
|
+
<!--<div class="app-botton" @click="back()">-->
|
|
4
|
+
<!--<span class="glyphicon glyphicon-menu-left">返回</span>-->
|
|
5
|
+
<!--</div>-->
|
|
6
|
+
<div class="bq-parent">
|
|
7
|
+
<blockquote class="blockquote">
|
|
8
|
+
<p>
|
|
9
|
+
已办工单
|
|
10
|
+
<span v-if="!rows">（暂无已处理工单）</span>
|
|
11
|
+
</p>
|
|
12
|
+
</blockquote>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="panel panel-default repair-info-content auto">
|
|
15
|
+
<div class="panel-body">
|
|
16
|
+
<form>
|
|
17
|
+
<div class="row app-row">
|
|
18
|
+
<div class="col-xs-4">
|
|
19
|
+
<img src="../../../assets/用户姓名-蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
20
|
+
<label class="font text-left">用户姓名:</label>
|
|
21
|
+
</div>
|
|
22
|
+
<div class="col-xs-8">
|
|
23
|
+
<input class="search_input input-font"
|
|
24
|
+
v-model="username" condition="f_user_name like '{}%'" placeholder=" 请输入用户姓名" />
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="row app-row">
|
|
28
|
+
<div class="col-xs-4">
|
|
29
|
+
<img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
30
|
+
<label class="font text-left">用户地址:</label>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="col-xs-8">
|
|
33
|
+
<input type="text" class="search_input input-font" v-model="address"
|
|
34
|
+
style="width: 60%" placeholder=" 请输入用户地址" condition="f_address like '{}%'">
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="row app-row">
|
|
38
|
+
<div class="col-xs-4">
|
|
39
|
+
<img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
40
|
+
<label class="font text-left">报修类型：</label>
|
|
41
|
+
</div>
|
|
42
|
+
<div class="col-xs-8" >
|
|
43
|
+
<v-select :value.sync="repairtype"
|
|
44
|
+
v-model="repairtype"
|
|
45
|
+
:options='repairtypes'
|
|
46
|
+
placeholder='请选择'
|
|
47
|
+
close-on-select
|
|
48
|
+
:multiple="true"
|
|
49
|
+
></v-select>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
<div class="row app-row">
|
|
53
|
+
<div class="col-xs-4">
|
|
54
|
+
<img src="../../../assets/开始时间.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
55
|
+
<label class="font text-left">开始日期:</label>
|
|
56
|
+
</div>
|
|
57
|
+
<div class="col-xs-8">
|
|
58
|
+
<datepicker
|
|
59
|
+
class="select_list select"
|
|
60
|
+
placeholder='开始日期' style="width: 60%"
|
|
61
|
+
:format="'yyyy-MM-dd'"
|
|
62
|
+
:value.sync="f_start_date"
|
|
63
|
+
v-model="f_start_date">
|
|
64
|
+
</datepicker>
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
<div class="row app-row">
|
|
68
|
+
<div class="col-xs-4">
|
|
69
|
+
<img src="../../../assets/结束时间.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
70
|
+
<label class="font text-left">结束日期:</label>
|
|
71
|
+
</div>
|
|
72
|
+
<div class="col-xs-8">
|
|
73
|
+
<datepicker
|
|
74
|
+
class="select_list select"
|
|
75
|
+
placeholder='结束日期' style="width: 60%"
|
|
76
|
+
:format="'yyyy-MM-dd'"
|
|
77
|
+
:value.sync="f_finish_date"
|
|
78
|
+
v-model="f_finish_date">
|
|
79
|
+
</datepicker>
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
<div class="row app-row">
|
|
83
|
+
<div class="col-xs-4">
|
|
84
|
+
<img src="../../../assets/开始时间.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
85
|
+
<label class="font text-left">故障明细：</label>
|
|
86
|
+
</div>
|
|
87
|
+
<div class="col-xs-8">
|
|
88
|
+
<input class="search_input input-font" v-model="failure" condition="failure like '%{}%'" />
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
<div class="row app-row">
|
|
92
|
+
<div class="col-xs-4">
|
|
93
|
+
<img src="../../../assets/开始时间.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
94
|
+
<label class="font text-left">工单备注：</label>
|
|
95
|
+
</div>
|
|
96
|
+
<div class="col-xs-8">
|
|
97
|
+
<input class="search_input input-font" v-model="f_remarks" condition="f_remarks like '%{}%'" />
|
|
98
|
+
</div>
|
|
99
|
+
</div>
|
|
100
|
+
<div class="row app-row" style="height: 10px;"></div>
|
|
101
|
+
<div class="row text-center app-row">
|
|
102
|
+
<button type="button" class="btn btn-lg btn-font btn-color" @click="ifsearch()" style="min-width: 25%;">查询</button>
|
|
103
|
+
<button type="button" class="btn btn-lg btn-font btn-color" @click="init()" style="min-width: 25%;">重置</button>
|
|
104
|
+
</div>
|
|
105
|
+
<div class="row app-row" style="height: 10px;"></div>
|
|
106
|
+
</form>
|
|
107
|
+
<div class="panel panel-default well" v-for="row in rows">
|
|
108
|
+
<div class="panel-body bg-info">
|
|
109
|
+
<div class="row form-group">
|
|
110
|
+
<div class="row">
|
|
111
|
+
<div class="col-sm-6">
|
|
112
|
+
工单编号: {{row.f_service_id}}
|
|
113
|
+
</div>
|
|
114
|
+
<div class="col-sm-6">
|
|
115
|
+
工单时间: {{row.f_created_date}}
|
|
116
|
+
</div>
|
|
117
|
+
<div class="col-sm-6">
|
|
118
|
+
客户姓名: {{row.f_user_name}}
|
|
119
|
+
</div>
|
|
120
|
+
<div class="col-sm-6">
|
|
121
|
+
联系电话: {{row.f_contact_phone}} <span class="glyphicon glyphicon-earphone" v-on:click.stop.prevent='makeAPhoneCall(row.f_contact_phone)'></span>
|
|
122
|
+
</div>
|
|
123
|
+
<div class="col-sm-6">
|
|
124
|
+
客户地址: {{row.f_address}}
|
|
125
|
+
</div>
|
|
126
|
+
<div class="col-sm-6">
|
|
127
|
+
故障明细: {{row.failure_str}}
|
|
128
|
+
</div>
|
|
129
|
+
<div class="col-sm-6">
|
|
130
|
+
处理备注: {{row.remarks}}
|
|
131
|
+
</div>
|
|
132
|
+
</div>
|
|
133
|
+
<div class="row">
|
|
134
|
+
<button type="button" name="button" class="btn btn-primary" style="float: right" @click="selected(row)">查看</button>
|
|
135
|
+
</div>
|
|
136
|
+
</div>
|
|
137
|
+
</div>
|
|
138
|
+
</div>
|
|
139
|
+
</div>
|
|
140
|
+
</div>
|
|
141
|
+
<delay-apply v-show="editshow" v-on:undo="closeEdit" @confirm="editsuccess" :row="row">
|
|
142
|
+
</delay-apply>
|
|
143
|
+
</div>
|
|
144
|
+
</template>
|
|
145
|
+
<script>
|
|
146
|
+
import * as Util from "../../../components/Util";
|
|
147
|
+
|
|
148
|
+
export default {
|
|
149
|
+
title: '已办工单',
|
|
150
|
+
data() {
|
|
151
|
+
return {
|
|
152
|
+
// rows: Object
|
|
153
|
+
rows: [],
|
|
154
|
+
editshow: false,
|
|
155
|
+
row: {
|
|
156
|
+
type: Object
|
|
157
|
+
},
|
|
158
|
+
address:'',
|
|
159
|
+
failure:'',
|
|
160
|
+
f_remarks:'',
|
|
161
|
+
repairtype:'',
|
|
162
|
+
repairtypes:this.$appdata.getParam('报修类型')?[{label: '全部', value: ''}, ...this.$appdata.getParam('报修类型')]:[{label: '全部', value: ''}],
|
|
163
|
+
username:'',
|
|
164
|
+
f_start_date:Util.toStandardDateString(),
|
|
165
|
+
f_finish_date:Util.toStandardDateString()
|
|
166
|
+
}
|
|
167
|
+
},
|
|
168
|
+
props: {
|
|
169
|
+
// 控制工单类型，进行各自工作
|
|
170
|
+
worktype:{
|
|
171
|
+
type:String,
|
|
172
|
+
default:'报修单'
|
|
173
|
+
},
|
|
174
|
+
sourcet:{
|
|
175
|
+
type:String,
|
|
176
|
+
default:'横屏'
|
|
177
|
+
},
|
|
178
|
+
tabname:{
|
|
179
|
+
type:String
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
methods: {
|
|
183
|
+
ifsearch(){
|
|
184
|
+
let condition = `1 = 1 and tsw.f_workorder_type = '${this.worktype}'`
|
|
185
|
+
if(this.username != ''){
|
|
186
|
+
condition += " and tsw.f_user_name like '%" + this.username + "%'"
|
|
187
|
+
}
|
|
188
|
+
if(this.address != ''){
|
|
189
|
+
condition += " and tsw.f_address like '%" + this.address + "%'"
|
|
190
|
+
}
|
|
191
|
+
if(this.failure != ''){
|
|
192
|
+
condition += " and failure_str like '%" + this.failure + "%'"
|
|
193
|
+
}
|
|
194
|
+
if(this.f_remarks != ''){
|
|
195
|
+
condition += " and remarks like '%" + this.f_remarks + "%'"
|
|
196
|
+
}
|
|
197
|
+
if(this.repairtype.length > 0){
|
|
198
|
+
condition += " and f_repairtype in (" + this.repairtype.map(item=>{return `'${item}'`}).join() + ")"
|
|
199
|
+
}
|
|
200
|
+
if(this.f_start_date != ''){
|
|
201
|
+
condition += `and ts.f_date_leave >='${this.f_start_date} 00:00:00'`
|
|
202
|
+
}
|
|
203
|
+
if(this.f_finish_date != ''){
|
|
204
|
+
condition += `and ts.f_date_leave <='${this.f_finish_date} 23:59:59'`
|
|
205
|
+
}
|
|
206
|
+
let result = this.$androidUtil.bzLogic('searchRepairDone', {condition})
|
|
207
|
+
if (result.code === 200) {
|
|
208
|
+
this.rows = result.data
|
|
209
|
+
}
|
|
210
|
+
},
|
|
211
|
+
selected(rowOne) {
|
|
212
|
+
var prpdata = {
|
|
213
|
+
_this:this,
|
|
214
|
+
title:'内容查看',
|
|
215
|
+
safe:false
|
|
216
|
+
}
|
|
217
|
+
this.$dispatch('gotoson',prpdata)
|
|
218
|
+
let condition = `id='${rowOne.id}'`
|
|
219
|
+
let result = this.$androidUtil.path({'alias': 'getCompletedInfo', 'data': {f_workorder_type: this.worktype,condition:condition}})
|
|
220
|
+
let row = result.data[0]
|
|
221
|
+
if(this.sourcet == '横屏'){
|
|
222
|
+
this.$goto('repair-order', {row: row, repair: row,worktype:this.worktype,issee:true})
|
|
223
|
+
}else{
|
|
224
|
+
this.$goto('repair-orderV', {row: row, repair: row,worktype:this.worktype,issee:true})
|
|
225
|
+
}
|
|
226
|
+
},
|
|
227
|
+
closeEdit() {
|
|
228
|
+
this.editshow = false
|
|
229
|
+
},
|
|
230
|
+
editsuccess() {
|
|
231
|
+
this.editshow = false
|
|
232
|
+
|
|
233
|
+
},
|
|
234
|
+
search() {
|
|
235
|
+
// 测试环境异步，真实环境同步
|
|
236
|
+
var condition = '1 = 1'
|
|
237
|
+
if (this.$androidUtil.isTest) {
|
|
238
|
+
this.$androidUtil.path({'alias': 'getCompletedInfo','data': {f_workorder_type: this.worktype,condition:condition}}).then((ret) => {
|
|
239
|
+
this.rows = ret.data
|
|
240
|
+
})
|
|
241
|
+
} else {
|
|
242
|
+
let result = this.$androidUtil.path({'alias': 'getCompletedInfo', 'data': {f_workorder_type: this.worktype,condition:condition}})
|
|
243
|
+
//tag
|
|
244
|
+
if (result.code === 200) {
|
|
245
|
+
this.rows = result.data
|
|
246
|
+
} else {
|
|
247
|
+
//tag)
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
},
|
|
251
|
+
sumsearch() {
|
|
252
|
+
// 测试环境异步，真实环境同步
|
|
253
|
+
var condition = '1 = 1'
|
|
254
|
+
if (this.$androidUtil.isTest) {
|
|
255
|
+
this.$androidUtil.path({'alias': 'getCompletedInfo','data': {f_workorder_type: this.worktype,condition:condition}}).then((ret) => {
|
|
256
|
+
for(var i = 0;i<this.$parent.tabs.length;i++){
|
|
257
|
+
if(this.$parent.tabs[i].name == this.tabname){
|
|
258
|
+
this.$parent.tabs[i].servicesum = ret.data.length
|
|
259
|
+
return
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
})
|
|
263
|
+
} else {
|
|
264
|
+
let result = this.$androidUtil.path({'alias': 'getCompletedInfo', 'data': {f_workorder_type: this.worktype,condition:condition}})
|
|
265
|
+
//tag
|
|
266
|
+
if (result.code === 200) {
|
|
267
|
+
for(var i = 0;i<this.$parent.tabs.length;i++){
|
|
268
|
+
if(this.$parent.tabs[i].name == this.tabname){
|
|
269
|
+
this.$parent.tabs[i].servicesum = result.data.length
|
|
270
|
+
return
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
} else {
|
|
274
|
+
//tag)
|
|
275
|
+
}
|
|
276
|
+
}
|
|
277
|
+
},
|
|
278
|
+
upload() {
|
|
279
|
+
this.$goto('up-load')
|
|
280
|
+
},
|
|
281
|
+
back () {
|
|
282
|
+
this.$back()
|
|
283
|
+
},
|
|
284
|
+
init () {
|
|
285
|
+
this.address = ''
|
|
286
|
+
this.username = ''
|
|
287
|
+
this.f_finish_date = ''
|
|
288
|
+
this.f_start_date = ''
|
|
289
|
+
}
|
|
290
|
+
},
|
|
291
|
+
ready() {
|
|
292
|
+
this.ifsearch()
|
|
293
|
+
// var _this = this;
|
|
294
|
+
// this.timeoutHandle = window.setInterval(function() {
|
|
295
|
+
// _this.sumsearch()
|
|
296
|
+
// }, 60000)
|
|
297
|
+
},
|
|
298
|
+
components: {
|
|
299
|
+
'delay-apply': (resolve) => {
|
|
300
|
+
require(['../../../components/workorder/DelayApply'], resolve)
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
}
|
|
305
|
+
</script>
|
|
306
|
+
<style lang="less" scoped>
|
|
307
|
+
.app-botton {
|
|
308
|
+
position:fixed;
|
|
309
|
+
background: #87b2dd;
|
|
310
|
+
color: #FFF;
|
|
311
|
+
padding: 8px;
|
|
312
|
+
text-align: center;
|
|
313
|
+
font-size: 1.2em;
|
|
314
|
+
z-index: 10;
|
|
315
|
+
opacity:0.5;
|
|
316
|
+
bottom: 50px;
|
|
317
|
+
margin-top: -10px;
|
|
318
|
+
height: 40px;
|
|
319
|
+
}
|
|
320
|
+
.app-row {
|
|
321
|
+
background-color: white;
|
|
322
|
+
padding: 5px 10px 0 10px;
|
|
323
|
+
border-bottom: 1px solid rgba(235, 235, 235, 0.5);
|
|
324
|
+
}
|
|
325
|
+
.search_input {
|
|
326
|
+
border: 0;
|
|
327
|
+
outline: none;
|
|
328
|
+
}
|
|
329
|
+
.font{
|
|
330
|
+
font: 15px PingFang-SC-Medium;
|
|
331
|
+
color: #666666;
|
|
332
|
+
}
|
|
333
|
+
.input-font{
|
|
334
|
+
font: 15px PingFang-SC-Medium;
|
|
335
|
+
color: #333333;
|
|
336
|
+
}
|
|
337
|
+
.btn-font{
|
|
338
|
+
font:600 16px PingFang-SC-Bold;
|
|
339
|
+
color: #499EDF;
|
|
340
|
+
}
|
|
341
|
+
.btn-color{
|
|
342
|
+
background-color: #FFFFFF;
|
|
343
|
+
border-radius: 10px ;
|
|
344
|
+
border: 1px solid #499EDF;
|
|
345
|
+
}
|
|
346
|
+
.panel-blue-border {
|
|
347
|
+
border: 1px solid #499edf;
|
|
348
|
+
border-radius: 5px;
|
|
349
|
+
}
|
|
350
|
+
</style>
|