safecheck-client 3.0.35-gongyi-25 → 3.0.35-gongyi-26
Sign up to get free protection for your applications and to get access to all the features.
@@ -1,522 +1,522 @@
|
|
1
|
-
<style scoped>
|
2
|
-
.bg {
|
3
|
-
background-color: blue;
|
4
|
-
height: 1px;
|
5
|
-
border: 0;
|
6
|
-
}
|
7
|
-
.app-row {
|
8
|
-
background-color: white;
|
9
|
-
padding: 10px 10px 0 10px;
|
10
|
-
border-bottom: 1px solid rgba(235, 235, 235, 0.5);
|
11
|
-
}
|
12
|
-
.search_input {
|
13
|
-
border: 0;
|
14
|
-
outline: none;
|
15
|
-
}
|
16
|
-
.font{
|
17
|
-
font: 15px PingFang-SC-Medium;
|
18
|
-
color: #666666;
|
19
|
-
}
|
20
|
-
.input-font{
|
21
|
-
font: 15px PingFang-SC-Medium;
|
22
|
-
color: #333333;
|
23
|
-
}
|
24
|
-
.btn-font{
|
25
|
-
font:600 16px PingFang-SC-Bold;
|
26
|
-
color: #499EDF;
|
27
|
-
}
|
28
|
-
.btn-color{
|
29
|
-
background-color: #FFFFFF;
|
30
|
-
border-radius: 10px ;
|
31
|
-
border: 1px solid #499EDF;
|
32
|
-
}
|
33
|
-
.app-text {
|
34
|
-
font-size: 12px;
|
35
|
-
}
|
36
|
-
.panel-self{
|
37
|
-
border-radius: 10px;
|
38
|
-
border:1px solid #499EDF;
|
39
|
-
background-color: #F8F8F8;
|
40
|
-
}
|
41
|
-
.yybtn-color{
|
42
|
-
background-color:#499edf;
|
43
|
-
border-radius: 4px ;
|
44
|
-
border: 1px solid #499EDF;
|
45
|
-
color: #FFFFFF;
|
46
|
-
font: 14px PingFang-SC-Bold;
|
47
|
-
}
|
48
|
-
.qxbtn-color{
|
49
|
-
background-color: #FFFFFF;
|
50
|
-
border-radius: 4px ;
|
51
|
-
color: #499edf;
|
52
|
-
font: 14px PingFang-SC-Bold;
|
53
|
-
border: 1px solid #499EDF;
|
54
|
-
}
|
55
|
-
.button_shrink_top {width: 35px; height: 35px; background-size:100%;background-image: url("../../../static/newStyle/stretch_top.png")}
|
56
|
-
.button_shrink_bottom {width: 35px; height: 35px; background-size:100%;background-image: url("../../../static/newStyle/stretch_bottom.png")}
|
57
|
-
.button_shrink_left {width: 35px; height: 35px; background-size:100%;background-image: url("../../../static/newStyle/stretch_left.png")}
|
58
|
-
.button_shrink_right {width: 35px; height: 35px; background-size:100%;background-image: url("../../../static/newStyle/stretch_right.png")}
|
59
|
-
|
60
|
-
</style>
|
61
|
-
|
62
|
-
<template>
|
63
|
-
<div class="auto">
|
64
|
-
<criteria-paged :model="model" v-ref:paged>
|
65
|
-
<criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
|
66
|
-
<div partial>
|
67
|
-
<form>
|
68
|
-
<div class="row app-row">
|
69
|
-
<div class="col-xs-4">
|
70
|
-
<img src="../../assets/安检状态.png" style="width: 20px;margin-bottom: 5px" alt="">
|
71
|
-
<label for="f_user_type" class="font text-left">查询来源:</label>
|
72
|
-
</div>
|
73
|
-
<div class="col-xs-8" >
|
74
|
-
<v-select id="f_check_version" :value.sync="model.is_from" class="input-font"
|
75
|
-
:options='$parent.$parent.froms' placeholder='请选择数据查询来源'
|
76
|
-
v-model="model.is_from" close-on-select clear-button></v-select>
|
77
|
-
</div>
|
78
|
-
</div>
|
79
|
-
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
80
|
-
<div class="col-xs-4">
|
81
|
-
<img src="../../assets/安检状态.png" style="width: 20px;margin-bottom: 5px" alt="">
|
82
|
-
<label for="f_user_type" class="font text-left">完成情况:</label>
|
83
|
-
</div>
|
84
|
-
<div class="col-xs-8" >
|
85
|
-
<v-select id="f_check_version" :value.sync="model.f_is_end" class="input-font"
|
86
|
-
:options='$parent.$parent.isends' placeholder='请选择完成状态'
|
87
|
-
v-model="model.f_is_end" condition="{}" close-on-select clear-button></v-select>
|
88
|
-
</div>
|
89
|
-
</div>
|
90
|
-
<div class="row app-row">
|
91
|
-
<div class="col-xs-4">
|
92
|
-
<img src="../../assets/安检状态.png" style="width: 20px;margin-bottom: 5px" alt="">
|
93
|
-
<label for="f_plan_name" class="font text-left">计划名称:</label>
|
94
|
-
</div>
|
95
|
-
<div class="col-xs-8" >
|
96
|
-
<input id="f_plan_name" class="search_input input-font"
|
97
|
-
v-model=model.f_plan_name condition="f_plan_name like '%{}%'" />
|
98
|
-
</div>
|
99
|
-
</div>
|
100
|
-
<div class="row app-row">
|
101
|
-
<div class="col-xs-4">
|
102
|
-
<img src="../../assets/用户ID.png" style="width: 20px;margin-bottom: 5px" alt="">
|
103
|
-
<label for="f_userinfo_code" class="font text-left">用户编号:</label>
|
104
|
-
</div>
|
105
|
-
<div class="col-xs-8" >
|
106
|
-
<input id="f_userinfo_code" class="search_input input-font"
|
107
|
-
v-model=model.f_userinfo_code condition="ti.f_userinfo_code like '%{}%'" />
|
108
|
-
</div>
|
109
|
-
</div>
|
110
|
-
|
111
|
-
<div class="row app-row">
|
112
|
-
<div class="col-xs-4">
|
113
|
-
<img src="../../assets/用户姓名.png" style="width: 20px;margin-bottom: 5px" alt="">
|
114
|
-
<label for="f_user_name" class="font text-left">用户姓名:</label>
|
115
|
-
</div>
|
116
|
-
<div class="col-xs-8" >
|
117
|
-
<input id="f_user_name" class="search_input input-font"
|
118
|
-
v-model=model.f_user_name condition="ti.f_user_name like '%{}%'" />
|
119
|
-
</div>
|
120
|
-
</div>
|
121
|
-
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
122
|
-
<div class="col-xs-4">
|
123
|
-
<img src="../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
|
124
|
-
<label for="f_keyword" class="font text-left">小区名称:</label>
|
125
|
-
</div>
|
126
|
-
<div class="col-xs-8" >
|
127
|
-
<input id="f_keyword" class="search_input input-font"
|
128
|
-
v-model="model.f_residential_area" condition="ti.f_residential_area like '%{}%'" />
|
129
|
-
</div>
|
130
|
-
</div>
|
131
|
-
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
132
|
-
<div class="col-xs-4">
|
133
|
-
<img src="../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
|
134
|
-
<label for="f_building" class="font text-left">楼 号:</label>
|
135
|
-
</div>
|
136
|
-
<div class="col-xs-8" >
|
137
|
-
<input id="f_building" class="search_input input-font"
|
138
|
-
v-model="model.f_building" condition="ti.f_building like '%{}%'" />
|
139
|
-
</div>
|
140
|
-
</div>
|
141
|
-
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
142
|
-
<div class="col-xs-4">
|
143
|
-
<img src="../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
|
144
|
-
<label for="f_unit" class="font text-left">单 元:</label>
|
145
|
-
</div>
|
146
|
-
<div class="col-xs-8" >
|
147
|
-
<input id="f_unit" class="search_input input-font"
|
148
|
-
v-model="model.f_unit" condition="ti.f_unit like '%{}%'" />
|
149
|
-
</div>
|
150
|
-
</div>
|
151
|
-
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
152
|
-
<div class="col-xs-4">
|
153
|
-
<img src="../../assets/shijian.png" style="width: 20px;margin-bottom: 5px" alt="">
|
154
|
-
<label for="f_plan_year" class="font text-left">计划年份:</label>
|
155
|
-
</div>
|
156
|
-
<div class="col-xs-8" >
|
157
|
-
<input id="f_plan_year" class="search_input input-font"
|
158
|
-
v-model="model.f_plan_year" condition="f_plan_year = '{}'" />
|
159
|
-
</div>
|
160
|
-
</div>
|
161
|
-
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
162
|
-
<div class="col-xs-4">
|
163
|
-
<img src="../../assets/shijian.png" style="width: 20px;margin-bottom: 5px" alt="">
|
164
|
-
<label for="f_plan_month" class="font text-left">计划月份:</label>
|
165
|
-
</div>
|
166
|
-
<div class="col-xs-8" >
|
167
|
-
<input id="f_plan_month" class="search_input input-font"
|
168
|
-
v-model="model.f_plan_month" condition="f_plan_month = '{}'" />
|
169
|
-
</div>
|
170
|
-
</div>
|
171
|
-
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
172
|
-
<div class="col-xs-4">
|
173
|
-
<img src="../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
|
174
|
-
<label class="font text-left">用户地址:</label>
|
175
|
-
</div>
|
176
|
-
<div class="col-xs-8" >
|
177
|
-
<input class="search_input input-font"
|
178
|
-
v-model=model.f_address condition="ti.f_address like '%{}%'" />
|
179
|
-
</div>
|
180
|
-
|
181
|
-
</div>
|
182
|
-
|
183
|
-
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
184
|
-
<div class="col-xs-4">
|
185
|
-
<img src="../../assets/用户类型.png" style="width: 20px;margin-bottom: 5px" alt="">
|
186
|
-
<label for="f_user_type" class="font text-left">用户类型:</label>
|
187
|
-
</div>
|
188
|
-
<div class="col-xs-8" >
|
189
|
-
<v-select id="f_user_type" :value.sync="model.f_user_type" class="input-font"
|
190
|
-
:options='$parent.$parent.user_types' placeholder='请选择用户类型'
|
191
|
-
v-model="model.f_user_type" condition="ti.f_user_type='{}'" close-on-select clear-button></v-select>
|
192
|
-
</div>
|
193
|
-
</div>
|
194
|
-
<!--<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
195
|
-
<div class="col-xs-4">
|
196
|
-
<img src="../../assets/安检状态.png" style="width: 20px;margin-bottom: 5px" alt="">
|
197
|
-
<label class="font text-left">挂表方式:</label>
|
198
|
-
</div>
|
199
|
-
<div class="col-xs-8" >
|
200
|
-
<v-select :value.sync="model.f_flow_direction"
|
201
|
-
:value-single="true"
|
202
|
-
:options='$parent.$parent.flow_direction' placeholder='请选择挂表方式'
|
203
|
-
v-model="model.f_flow_direction" condition="tm.f_flow_direction='{}'" close-on-select clear-button></v-select>
|
204
|
-
</div>
|
205
|
-
</div>-->
|
206
|
-
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
207
|
-
<div class="col-xs-4">
|
208
|
-
<img src="../../assets/有无计划.png" style="width: 20px;margin-bottom: 5px" alt="">
|
209
|
-
<label for="f_no_checkplan" class="font text-left">有无计划:</label>
|
210
|
-
</div>
|
211
|
-
<div class="col-xs-8" >
|
212
|
-
<v-select id="f_no_checkplan" :value.sync="model.f_no_checkplan" class="input-font"
|
213
|
-
:options='$parent.$parent.planstates' placeholder='请选择有无计划'
|
214
|
-
v-model="model.f_no_checkplan" condition="ti.f_no_checkplan='{}'" close-on-select clear-button></v-select>
|
215
|
-
</div>
|
216
|
-
</div>
|
217
|
-
<!-- <div class="row app-row" v-show="false">-->
|
218
|
-
<!-- <div class="col-xs-4">-->
|
219
|
-
<!-- <img src="../../assets/是否已检.png" style="width: 20px;margin-bottom: 5px" alt="">-->
|
220
|
-
<!-- <label for="f_state" class="font text-left">是否已检:</label>-->
|
221
|
-
<!-- </div>-->
|
222
|
-
<!-- <div class="col-xs-8" >-->
|
223
|
-
<!-- <v-select id="f_state" :value.sync="model.f_state" class="input-font"-->
|
224
|
-
<!-- :options='$parent.$parent.check_states' placeholder='请选择是否已检'-->
|
225
|
-
<!-- v-model="model.f_state" condition="ti.f_state='{}'" close-on-select clear-button></v-select>-->
|
226
|
-
<!-- </div>-->
|
227
|
-
<!-- </div>-->
|
228
|
-
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
229
|
-
<div class="col-xs-4">
|
230
|
-
<img src="../../assets/安检状态.png" style="width: 20px;margin-bottom: 5px" alt="">
|
231
|
-
<label for="f_last_state" class="font text-left">安检状态:</label>
|
232
|
-
</div>
|
233
|
-
<div class="col-xs-8" >
|
234
|
-
<v-select id="f_last_state" :value.sync="model.f_last_state" class="input-font"
|
235
|
-
:options='$parent.$parent.last_check_states' placeholder='请选择安检状态'
|
236
|
-
v-model="model.f_last_state" condition="ti.f_last_check_state='{}'" close-on-select clear-button></v-select>
|
237
|
-
</div>
|
238
|
-
</div>
|
239
|
-
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
240
|
-
<div class="col-xs-4">
|
241
|
-
<img src="../../assets/上传状态.png" style="width: 20px;margin-bottom: 5px" alt="">
|
242
|
-
<label for="f_upload_state" class="font text-left">上传状态:</label>
|
243
|
-
</div>
|
244
|
-
<div class="col-xs-8" >
|
245
|
-
<v-select id="f_upload_state" :value.sync="model.f_upload_state" class="input-font"
|
246
|
-
:options='$parent.$parent.upload_states' placeholder='请选择上传状态'
|
247
|
-
v-model="model.f_upload_state" condition="ti.f_upload_state='{}'" close-on-select clear-button></v-select>
|
248
|
-
</div>
|
249
|
-
</div>
|
250
|
-
<div class="row text-center" style="margin-top: 20px;">
|
251
|
-
<button type="button" class="btn btn-lg btn-font btn-color" style="width: 45%;" @click="search">查询</button>
|
252
|
-
<div style="float: right;margin-right: 3% " class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}" @click="$parent.$parent.hidden()"></div>
|
253
|
-
</div>
|
254
|
-
<!--<div class="row app-btn">-->
|
255
|
-
<!--<button class="btn btn-primary col-xs-6" type="button" @click="search"><span class="glyphicon glyphicon-search" style="margin-right: 20px;">查询</span></button>-->
|
256
|
-
<!--</div>-->
|
257
|
-
<div style="height:30px;"></div>
|
258
|
-
</form>
|
259
|
-
</div>
|
260
|
-
</criteria>
|
261
|
-
<list :model="model" partial='list'>
|
262
|
-
<div partial>
|
263
|
-
<div @click="$parent.$parent.$parent.inspect(row)" class="auto app-text" style="margin-top: 5px;">
|
264
|
-
<div class="panel" style="padding: 10px 10px 5px 10px;">
|
265
|
-
<div class="panel-body panel-self">
|
266
|
-
<div class="col-xs-12">
|
267
|
-
<p class="panel-title col-xs-5 text-left font" style="width: 21% ;float: left"><b>用户编号:</b></p>
|
268
|
-
<p class="panel-title col-xs-7 text-left input-font" style="width: 79%">{{ row.f_userinfo_code }}</p>
|
269
|
-
</div>
|
270
|
-
<div class="col-xs-12">
|
271
|
-
<p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>用户名称:</b></p>
|
272
|
-
<p class="panel-title col-xs-7 text-left input-font" style="width: 79%">{{ row.f_user_name }}</p>
|
273
|
-
</div>
|
274
|
-
<div class="col-xs-6">
|
275
|
-
<p class="panel-title col-xs-5 text-left font"><b>用户类型:</b></p>
|
276
|
-
<p class="panel-title col-xs-7 text-left input-font">{{ row.f_user_type }}
|
277
|
-
</p>
|
278
|
-
</div>
|
279
|
-
<div class="col-xs-6">
|
280
|
-
<p class="panel-title col-xs-5 text-left font"><b>计划名称:</b></p>
|
281
|
-
<p class="panel-title col-xs-7 text-left input-font">{{ row.f_plan_name }}</p>
|
282
|
-
</div>
|
283
|
-
<div class="col-xs-12">
|
284
|
-
<p class="panel-title text-left font" style="width: 23%;float: left"><b>用户电话:</b></p>
|
285
|
-
<p class="panel-title text-left input-font" style="width: 77%">{{ row.f_user_phone2 ? row.f_user_phone2 : row.f_user_phone }}
|
286
|
-
<img src="../../assets/phone.png" style="width: 6%" v-on:click.stop.prevent='$parent.$parent.$parent.makeAPhoneCall(row.f_user_phone2 ? row.f_user_phone2 : row.f_user_phone)'></img>
|
287
|
-
</p>
|
288
|
-
</div>
|
289
|
-
<div class="col-xs-12">
|
290
|
-
<p class="panel-title text-left font" style="width: 21%;float: left"><b>用户地址:</b></p>
|
291
|
-
<p class="panel-title text-left input-font" style="width: 79%">{{ row.f_address }}</p>
|
292
|
-
</div>
|
293
|
-
<div class="col-xs-6">
|
294
|
-
<p class="panel-title col-xs-5 text-left font"><b>安检状态:</b></p>
|
295
|
-
<p class="panel-title col-xs-7 text-left input-font">{{ row.f_last_check_state }}</p>
|
296
|
-
</div>
|
297
|
-
<div class="col-xs-6">
|
298
|
-
<p class="panel-title col-xs-5 text-left font"><b>上传状态:</b></p>
|
299
|
-
<p class="panel-title col-xs-7 text-left input-font">{{ row.f_upload_state }}</p>
|
300
|
-
</div>
|
301
|
-
<div class="row">
|
302
|
-
<p class="panel-title col-xs-4 text-left font"><b>有无计划</b></p>
|
303
|
-
<p class="panel-title col-xs-8 text-left input-font">{{ row.f_no_checkplan }}</p>
|
304
|
-
</div>
|
305
|
-
<div class="row" v-if="row.f_check_version">
|
306
|
-
<p class="panel-title col-xs-4 text-left font"><b>到访次数</b></p>
|
307
|
-
<p class="panel-title col-xs-8 text-left input-font">{{ row.f_check_version }}</p>
|
308
|
-
</div>
|
309
|
-
<div class="row" v-if="!row.f_check_version">
|
310
|
-
<p class="panel-title col-xs-4 text-left font"><b>完成情况</b></p>
|
311
|
-
<p class="panel-title col-xs-8 text-left input-font">已完成</p>
|
312
|
-
</div>
|
313
|
-
<!-- <div class="row text-right" v-show="row.f_upload_state != '已传'" >-->
|
314
|
-
<!-- <button type="button" class="btn yybtn-color" v-on:click.stop.prevent='$parent.$parent.$parent.reserve($index)'>预约</button> -->
|
315
|
-
<!-- <button type="button" class="btn qxbtn-color" v-if ='row.f_prearranged_date'-->
|
316
|
-
<!-- v-on:click.stop.prevent='$parent.$parent.$parent.cancelReserve($index, row.id)'>取消预约</button>-->
|
317
|
-
<!-- </div>-->
|
318
|
-
</div>
|
319
|
-
</div>
|
320
|
-
|
321
|
-
</div>
|
322
|
-
</div>
|
323
|
-
</list>
|
324
|
-
</criteria-paged>
|
325
|
-
<modal :show.sync="showModal">
|
326
|
-
<div slot="modal-header" class="modal-header">
|
327
|
-
<h4 class="modal-title">
|
328
|
-
选择预约时间
|
329
|
-
</h4>
|
330
|
-
</div>
|
331
|
-
<div slot="modal-body" class="modal-body">
|
332
|
-
<input type="datetime-local" v-model="f_preset_dt">
|
333
|
-
</div>
|
334
|
-
<div slot="modal-footer" class="modal-footer">
|
335
|
-
<button type="button" class="btn btn-default" @click="genuineReserve">确认</button>
|
336
|
-
</div>
|
337
|
-
</modal>
|
338
|
-
<!--<back-page :need-back='true' @flag="$back()"></back-page>-->
|
339
|
-
</div>
|
340
|
-
</template>
|
341
|
-
|
342
|
-
<script>
|
343
|
-
import LocalPagedList from '../../plugins/LocalPagedList'
|
344
|
-
import Vue from 'vue'
|
345
|
-
import { PagedList } from 'vue-client'
|
346
|
-
import * as Util from '../Util'
|
347
|
-
|
348
|
-
export default {
|
349
|
-
title: '安检计划项',
|
350
|
-
data() {
|
351
|
-
return {
|
352
|
-
model:Vue.android? new LocalPagedList('androidGetHasDone',5): new PagedList( 'AndroidRest/rs/sql/androidGetHasDone',5),
|
353
|
-
showModal: false,
|
354
|
-
param: null,
|
355
|
-
froms:[{label: '本地', value: '本地'},
|
356
|
-
{label: '远程', value: '远程'}],
|
357
|
-
criteriaShow: false,
|
358
|
-
f_preset_dt : Util.to3339TimeString(),
|
359
|
-
flow_direction:[
|
360
|
-
{label: '全部', value: ''},
|
361
|
-
{label: '左表', value: '左表'},
|
362
|
-
{label: '右表', value: '右表'}
|
363
|
-
],
|
364
|
-
isends: [
|
365
|
-
{label: '请选择完成状态', value: ''},
|
366
|
-
{label: '未完成', value: 'f_check_version=1 or f_check_version=2'},
|
367
|
-
{label: '已完成', value: 'f_check_version is null'},
|
368
|
-
],
|
369
|
-
check_states: [
|
370
|
-
{label: '请选择安检状态', value: ''},
|
371
|
-
{label: '未检', value: '未检'},
|
372
|
-
{label: '已检', value: '已检'},
|
373
|
-
],
|
374
|
-
last_check_states: [
|
375
|
-
{label: '请选择上次安检状态', value: ''},
|
376
|
-
{label: '入户', value: '入户'},
|
377
|
-
{label: '拒检', value: '拒检'},
|
378
|
-
{label: '到访不遇', value: '到访不遇'},
|
379
|
-
{label: '未使用天然气', value: '未使用天然气'}
|
380
|
-
],
|
381
|
-
upload_states: [
|
382
|
-
{label: '请选择上传状态', value: ''},
|
383
|
-
{label: '未传', value: '未传'},
|
384
|
-
{label: '已传', value: '已传'}
|
385
|
-
],
|
386
|
-
user_types: [
|
387
|
-
{label: '请选择用户类型', value: ''},
|
388
|
-
{label: '民用', value: '民用'},
|
389
|
-
{label: '非民用', value: '非民用'},
|
390
|
-
],
|
391
|
-
verify_state: [
|
392
|
-
{label: '请选择审核状态', value: ''},
|
393
|
-
{label: '未审核', value: '未审核'},
|
394
|
-
{label: '打回', value: '打回'}
|
395
|
-
],
|
396
|
-
planstates:[
|
397
|
-
{label: '请选择有无安检计划', value: ''},
|
398
|
-
{label: '有计划安检', value: '有计划安检'},
|
399
|
-
{label: '无计划安检', value: '无计划安检'},
|
400
|
-
]
|
401
|
-
}
|
402
|
-
},
|
403
|
-
ready(){
|
404
|
-
this.$refs.paged.$refs.cri.model.f_state = '已检'
|
405
|
-
},
|
406
|
-
methods: {
|
407
|
-
refresh() {
|
408
|
-
console.log("refresh items state")
|
409
|
-
// hard code relationship
|
410
|
-
this.$refs.paged.$refs.cri.search()
|
411
|
-
},
|
412
|
-
reload(){
|
413
|
-
console.log('页面刷新 ')
|
414
|
-
this.$refs.paged.loadPage(this.$refs.paged.model.pageIndex)
|
415
|
-
},
|
416
|
-
inspect(row) {
|
417
|
-
this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/查询计划项表信息`, {data: {f_userid: row.f_userinfoid}},{resolveMsg: null,rejectMsg: null}).then((response) => {
|
418
|
-
console.log(JSON.stringify(response))
|
419
|
-
row['f_plan_meters'] = response.data
|
420
|
-
var pardate = {
|
421
|
-
_this:this,
|
422
|
-
tittle:'安检已办',
|
423
|
-
safe:true
|
424
|
-
}
|
425
|
-
this.$dispatch('gotoson',pardate)
|
426
|
-
this.$goto('safecheck-order-v', {f_plan_id: row.f_plan_id, item: row, role: 'inspect'}, 'self', this.reload)
|
427
|
-
/* if (row.f_user_type == '民用') {
|
428
|
-
this.$goto('paper-set', {f_plan_id: row.f_plan_id, item: row, role: 'inspect'}, 'self', this.reload)
|
429
|
-
} else {
|
430
|
-
this.$goto('paper-set-noncivil', {f_plan_id: row.f_plan_id, item: row, role: 'inspect'}, 'self', this.reload)
|
431
|
-
}*/
|
432
|
-
}).catch((err)=>{
|
433
|
-
//网络异常调用本地数据
|
434
|
-
let criteria = {
|
435
|
-
items: '*',
|
436
|
-
tablename: 't_plan_item_meter',
|
437
|
-
condition: `f_plan_item_id = '${row.id}'`,
|
438
|
-
groupitem: 'f_plan_item_id'
|
439
|
-
}
|
440
|
-
let result = HostApp._executeTask({'type':'sql', 'data':{'alias': 'safe_singleTable_GroupBy', 'criteria': criteria}})
|
441
|
-
console.log('网络环境异常 调取本地数据结果result ===> ' + JSON.stringify(result))
|
442
|
-
if(result.code == 200){
|
443
|
-
console.log('=== ===> ' + JSON.stringify(result.data))
|
444
|
-
row['f_plan_meters'] = result.data.rows
|
445
|
-
var pardate = {
|
446
|
-
_this:this,
|
447
|
-
tittle:'安检已办',
|
448
|
-
safe:true
|
449
|
-
}
|
450
|
-
this.$dispatch('gotoson',pardate)
|
451
|
-
this.$goto('safecheck-order-v', {f_plan_id: row.f_plan_id, item: row, role: 'inspect'}, 'self', this.reload)
|
452
|
-
}
|
453
|
-
})
|
454
|
-
|
455
|
-
},
|
456
|
-
makeAPhoneCall(phoneNumber) {
|
457
|
-
this.$androidUtil.makeAPhoneCall(phoneNumber)
|
458
|
-
},
|
459
|
-
reserve (idx) {
|
460
|
-
this.param = idx
|
461
|
-
this.showModal = true
|
462
|
-
},
|
463
|
-
cancelReserve (idx, id) {
|
464
|
-
if(Vue.android){
|
465
|
-
let res = this.$androidUtil.bzLogic('BookingCheck', {dt: '', id: id})
|
466
|
-
this.$set('model.rows[' + idx + '].f_prearranged_date', null)
|
467
|
-
if (res.code == 200) {
|
468
|
-
this.$showMessage("取消预约成功")
|
469
|
-
}
|
470
|
-
}else {
|
471
|
-
this.$androidUtil.bzLogic('PCbookingCheck', {dt: '', id: id}).then((repanse) => {
|
472
|
-
this.$set('model.rows[' + idx + '].f_prearranged_date', null)
|
473
|
-
if (repanse.data.code == 200) {
|
474
|
-
alert("取消预约成功!")
|
475
|
-
}
|
476
|
-
})
|
477
|
-
}},
|
478
|
-
genuineReserve () {
|
479
|
-
if(Vue.android){
|
480
|
-
if (!this.f_preset_dt) {
|
481
|
-
this.$showMessage('请选择一个日期')
|
482
|
-
return
|
483
|
-
}
|
484
|
-
let pdt = this.f_preset_dt.replace('T', ' ')
|
485
|
-
let respanse = this.$androidUtil.bzLogic('BookingCheck', {id: this.model.rows[this.param].id, dt: pdt})
|
486
|
-
this.$set('model.rows[' + this.param + '].f_prearranged_date', pdt)
|
487
|
-
if(respanse.code == 200) {
|
488
|
-
this.$showMessage("预约成功!")
|
489
|
-
}
|
490
|
-
this.showModal = false
|
491
|
-
}else {
|
492
|
-
if (!this.f_preset_dt) {
|
493
|
-
alert('请选择一个日期')
|
494
|
-
return
|
495
|
-
}
|
496
|
-
let pdt = this.f_preset_dt.replace('T', ' ')
|
497
|
-
this.$androidUtil.bzLogic('PCbookingCheck', {id: this.model.rows[this.param].id, dt: pdt}).then((res) => {
|
498
|
-
this.$set('model.rows[' + this.param + '].f_prearranged_date', pdt)
|
499
|
-
if(res.data.code == 200) {
|
500
|
-
alert("预约成功!")
|
501
|
-
}
|
502
|
-
this.showModal = false
|
503
|
-
})
|
504
|
-
}
|
505
|
-
},
|
506
|
-
selfSearch (args) {
|
507
|
-
args.condition += " and f_complete = '已完成' "
|
508
|
-
console.log('args ==>' + JSON.stringify(args))
|
509
|
-
if (args.model.is_from && args.model.is_from == '远程'){
|
510
|
-
this.model = new PagedList( `${this.$androidUtil.getProxyUrl()}/rs/sql/androidGetHasDone`,5)
|
511
|
-
args.condition += ` and cp.f_checker = '${Vue.user.name}' and ti.f_last_check_state != '入户'`
|
512
|
-
}else {
|
513
|
-
this.model = new LocalPagedList('androidGetHasDone',5)
|
514
|
-
}
|
515
|
-
this.model.search(args.condition,args.model)
|
516
|
-
},
|
517
|
-
hidden() {
|
518
|
-
this.criteriaShow = !this.criteriaShow
|
519
|
-
}
|
520
|
-
}
|
521
|
-
}
|
522
|
-
</script>
|
1
|
+
<style scoped>
|
2
|
+
.bg {
|
3
|
+
background-color: blue;
|
4
|
+
height: 1px;
|
5
|
+
border: 0;
|
6
|
+
}
|
7
|
+
.app-row {
|
8
|
+
background-color: white;
|
9
|
+
padding: 10px 10px 0 10px;
|
10
|
+
border-bottom: 1px solid rgba(235, 235, 235, 0.5);
|
11
|
+
}
|
12
|
+
.search_input {
|
13
|
+
border: 0;
|
14
|
+
outline: none;
|
15
|
+
}
|
16
|
+
.font{
|
17
|
+
font: 15px PingFang-SC-Medium;
|
18
|
+
color: #666666;
|
19
|
+
}
|
20
|
+
.input-font{
|
21
|
+
font: 15px PingFang-SC-Medium;
|
22
|
+
color: #333333;
|
23
|
+
}
|
24
|
+
.btn-font{
|
25
|
+
font:600 16px PingFang-SC-Bold;
|
26
|
+
color: #499EDF;
|
27
|
+
}
|
28
|
+
.btn-color{
|
29
|
+
background-color: #FFFFFF;
|
30
|
+
border-radius: 10px ;
|
31
|
+
border: 1px solid #499EDF;
|
32
|
+
}
|
33
|
+
.app-text {
|
34
|
+
font-size: 12px;
|
35
|
+
}
|
36
|
+
.panel-self{
|
37
|
+
border-radius: 10px;
|
38
|
+
border:1px solid #499EDF;
|
39
|
+
background-color: #F8F8F8;
|
40
|
+
}
|
41
|
+
.yybtn-color{
|
42
|
+
background-color:#499edf;
|
43
|
+
border-radius: 4px ;
|
44
|
+
border: 1px solid #499EDF;
|
45
|
+
color: #FFFFFF;
|
46
|
+
font: 14px PingFang-SC-Bold;
|
47
|
+
}
|
48
|
+
.qxbtn-color{
|
49
|
+
background-color: #FFFFFF;
|
50
|
+
border-radius: 4px ;
|
51
|
+
color: #499edf;
|
52
|
+
font: 14px PingFang-SC-Bold;
|
53
|
+
border: 1px solid #499EDF;
|
54
|
+
}
|
55
|
+
.button_shrink_top {width: 35px; height: 35px; background-size:100%;background-image: url("../../../static/newStyle/stretch_top.png")}
|
56
|
+
.button_shrink_bottom {width: 35px; height: 35px; background-size:100%;background-image: url("../../../static/newStyle/stretch_bottom.png")}
|
57
|
+
.button_shrink_left {width: 35px; height: 35px; background-size:100%;background-image: url("../../../static/newStyle/stretch_left.png")}
|
58
|
+
.button_shrink_right {width: 35px; height: 35px; background-size:100%;background-image: url("../../../static/newStyle/stretch_right.png")}
|
59
|
+
|
60
|
+
</style>
|
61
|
+
|
62
|
+
<template>
|
63
|
+
<div class="auto">
|
64
|
+
<criteria-paged :model="model" v-ref:paged>
|
65
|
+
<criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
|
66
|
+
<div partial>
|
67
|
+
<form>
|
68
|
+
<div class="row app-row">
|
69
|
+
<div class="col-xs-4">
|
70
|
+
<img src="../../assets/安检状态.png" style="width: 20px;margin-bottom: 5px" alt="">
|
71
|
+
<label for="f_user_type" class="font text-left">查询来源:</label>
|
72
|
+
</div>
|
73
|
+
<div class="col-xs-8" >
|
74
|
+
<v-select id="f_check_version" :value.sync="model.is_from" class="input-font"
|
75
|
+
:options='$parent.$parent.froms' placeholder='请选择数据查询来源'
|
76
|
+
v-model="model.is_from" close-on-select clear-button></v-select>
|
77
|
+
</div>
|
78
|
+
</div>
|
79
|
+
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
80
|
+
<div class="col-xs-4">
|
81
|
+
<img src="../../assets/安检状态.png" style="width: 20px;margin-bottom: 5px" alt="">
|
82
|
+
<label for="f_user_type" class="font text-left">完成情况:</label>
|
83
|
+
</div>
|
84
|
+
<div class="col-xs-8" >
|
85
|
+
<v-select id="f_check_version" :value.sync="model.f_is_end" class="input-font"
|
86
|
+
:options='$parent.$parent.isends' placeholder='请选择完成状态'
|
87
|
+
v-model="model.f_is_end" condition="{}" close-on-select clear-button></v-select>
|
88
|
+
</div>
|
89
|
+
</div>
|
90
|
+
<div class="row app-row">
|
91
|
+
<div class="col-xs-4">
|
92
|
+
<img src="../../assets/安检状态.png" style="width: 20px;margin-bottom: 5px" alt="">
|
93
|
+
<label for="f_plan_name" class="font text-left">计划名称:</label>
|
94
|
+
</div>
|
95
|
+
<div class="col-xs-8" >
|
96
|
+
<input id="f_plan_name" class="search_input input-font"
|
97
|
+
v-model=model.f_plan_name condition="f_plan_name like '%{}%'" />
|
98
|
+
</div>
|
99
|
+
</div>
|
100
|
+
<div class="row app-row">
|
101
|
+
<div class="col-xs-4">
|
102
|
+
<img src="../../assets/用户ID.png" style="width: 20px;margin-bottom: 5px" alt="">
|
103
|
+
<label for="f_userinfo_code" class="font text-left">用户编号:</label>
|
104
|
+
</div>
|
105
|
+
<div class="col-xs-8" >
|
106
|
+
<input id="f_userinfo_code" class="search_input input-font"
|
107
|
+
v-model=model.f_userinfo_code condition="ti.f_userinfo_code like '%{}%'" />
|
108
|
+
</div>
|
109
|
+
</div>
|
110
|
+
|
111
|
+
<div class="row app-row">
|
112
|
+
<div class="col-xs-4">
|
113
|
+
<img src="../../assets/用户姓名.png" style="width: 20px;margin-bottom: 5px" alt="">
|
114
|
+
<label for="f_user_name" class="font text-left">用户姓名:</label>
|
115
|
+
</div>
|
116
|
+
<div class="col-xs-8" >
|
117
|
+
<input id="f_user_name" class="search_input input-font"
|
118
|
+
v-model=model.f_user_name condition="ti.f_user_name like '%{}%'" />
|
119
|
+
</div>
|
120
|
+
</div>
|
121
|
+
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
122
|
+
<div class="col-xs-4">
|
123
|
+
<img src="../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
|
124
|
+
<label for="f_keyword" class="font text-left">小区名称:</label>
|
125
|
+
</div>
|
126
|
+
<div class="col-xs-8" >
|
127
|
+
<input id="f_keyword" class="search_input input-font"
|
128
|
+
v-model="model.f_residential_area" condition="ti.f_residential_area like '%{}%'" />
|
129
|
+
</div>
|
130
|
+
</div>
|
131
|
+
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
132
|
+
<div class="col-xs-4">
|
133
|
+
<img src="../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
|
134
|
+
<label for="f_building" class="font text-left">楼 号:</label>
|
135
|
+
</div>
|
136
|
+
<div class="col-xs-8" >
|
137
|
+
<input id="f_building" class="search_input input-font"
|
138
|
+
v-model="model.f_building" condition="ti.f_building like '%{}%'" />
|
139
|
+
</div>
|
140
|
+
</div>
|
141
|
+
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
142
|
+
<div class="col-xs-4">
|
143
|
+
<img src="../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
|
144
|
+
<label for="f_unit" class="font text-left">单 元:</label>
|
145
|
+
</div>
|
146
|
+
<div class="col-xs-8" >
|
147
|
+
<input id="f_unit" class="search_input input-font"
|
148
|
+
v-model="model.f_unit" condition="ti.f_unit like '%{}%'" />
|
149
|
+
</div>
|
150
|
+
</div>
|
151
|
+
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
152
|
+
<div class="col-xs-4">
|
153
|
+
<img src="../../assets/shijian.png" style="width: 20px;margin-bottom: 5px" alt="">
|
154
|
+
<label for="f_plan_year" class="font text-left">计划年份:</label>
|
155
|
+
</div>
|
156
|
+
<div class="col-xs-8" >
|
157
|
+
<input id="f_plan_year" class="search_input input-font"
|
158
|
+
v-model="model.f_plan_year" condition="f_plan_year = '{}'" />
|
159
|
+
</div>
|
160
|
+
</div>
|
161
|
+
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
162
|
+
<div class="col-xs-4">
|
163
|
+
<img src="../../assets/shijian.png" style="width: 20px;margin-bottom: 5px" alt="">
|
164
|
+
<label for="f_plan_month" class="font text-left">计划月份:</label>
|
165
|
+
</div>
|
166
|
+
<div class="col-xs-8" >
|
167
|
+
<input id="f_plan_month" class="search_input input-font"
|
168
|
+
v-model="model.f_plan_month" condition="f_plan_month = '{}'" />
|
169
|
+
</div>
|
170
|
+
</div>
|
171
|
+
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
172
|
+
<div class="col-xs-4">
|
173
|
+
<img src="../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
|
174
|
+
<label class="font text-left">用户地址:</label>
|
175
|
+
</div>
|
176
|
+
<div class="col-xs-8" >
|
177
|
+
<input class="search_input input-font"
|
178
|
+
v-model=model.f_address condition="ti.f_address like '%{}%'" />
|
179
|
+
</div>
|
180
|
+
|
181
|
+
</div>
|
182
|
+
|
183
|
+
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
184
|
+
<div class="col-xs-4">
|
185
|
+
<img src="../../assets/用户类型.png" style="width: 20px;margin-bottom: 5px" alt="">
|
186
|
+
<label for="f_user_type" class="font text-left">用户类型:</label>
|
187
|
+
</div>
|
188
|
+
<div class="col-xs-8" >
|
189
|
+
<v-select id="f_user_type" :value.sync="model.f_user_type" class="input-font"
|
190
|
+
:options='$parent.$parent.user_types' placeholder='请选择用户类型'
|
191
|
+
v-model="model.f_user_type" condition="ti.f_user_type='{}'" close-on-select clear-button></v-select>
|
192
|
+
</div>
|
193
|
+
</div>
|
194
|
+
<!--<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
195
|
+
<div class="col-xs-4">
|
196
|
+
<img src="../../assets/安检状态.png" style="width: 20px;margin-bottom: 5px" alt="">
|
197
|
+
<label class="font text-left">挂表方式:</label>
|
198
|
+
</div>
|
199
|
+
<div class="col-xs-8" >
|
200
|
+
<v-select :value.sync="model.f_flow_direction"
|
201
|
+
:value-single="true"
|
202
|
+
:options='$parent.$parent.flow_direction' placeholder='请选择挂表方式'
|
203
|
+
v-model="model.f_flow_direction" condition="tm.f_flow_direction='{}'" close-on-select clear-button></v-select>
|
204
|
+
</div>
|
205
|
+
</div>-->
|
206
|
+
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
207
|
+
<div class="col-xs-4">
|
208
|
+
<img src="../../assets/有无计划.png" style="width: 20px;margin-bottom: 5px" alt="">
|
209
|
+
<label for="f_no_checkplan" class="font text-left">有无计划:</label>
|
210
|
+
</div>
|
211
|
+
<div class="col-xs-8" >
|
212
|
+
<v-select id="f_no_checkplan" :value.sync="model.f_no_checkplan" class="input-font"
|
213
|
+
:options='$parent.$parent.planstates' placeholder='请选择有无计划'
|
214
|
+
v-model="model.f_no_checkplan" condition="ti.f_no_checkplan='{}'" close-on-select clear-button></v-select>
|
215
|
+
</div>
|
216
|
+
</div>
|
217
|
+
<!-- <div class="row app-row" v-show="false">-->
|
218
|
+
<!-- <div class="col-xs-4">-->
|
219
|
+
<!-- <img src="../../assets/是否已检.png" style="width: 20px;margin-bottom: 5px" alt="">-->
|
220
|
+
<!-- <label for="f_state" class="font text-left">是否已检:</label>-->
|
221
|
+
<!-- </div>-->
|
222
|
+
<!-- <div class="col-xs-8" >-->
|
223
|
+
<!-- <v-select id="f_state" :value.sync="model.f_state" class="input-font"-->
|
224
|
+
<!-- :options='$parent.$parent.check_states' placeholder='请选择是否已检'-->
|
225
|
+
<!-- v-model="model.f_state" condition="ti.f_state='{}'" close-on-select clear-button></v-select>-->
|
226
|
+
<!-- </div>-->
|
227
|
+
<!-- </div>-->
|
228
|
+
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
229
|
+
<div class="col-xs-4">
|
230
|
+
<img src="../../assets/安检状态.png" style="width: 20px;margin-bottom: 5px" alt="">
|
231
|
+
<label for="f_last_state" class="font text-left">安检状态:</label>
|
232
|
+
</div>
|
233
|
+
<div class="col-xs-8" >
|
234
|
+
<v-select id="f_last_state" :value.sync="model.f_last_state" class="input-font"
|
235
|
+
:options='$parent.$parent.last_check_states' placeholder='请选择安检状态'
|
236
|
+
v-model="model.f_last_state" condition="ti.f_last_check_state='{}'" close-on-select clear-button></v-select>
|
237
|
+
</div>
|
238
|
+
</div>
|
239
|
+
<div class="row app-row" v-show="$parent.$parent.criteriaShow">
|
240
|
+
<div class="col-xs-4">
|
241
|
+
<img src="../../assets/上传状态.png" style="width: 20px;margin-bottom: 5px" alt="">
|
242
|
+
<label for="f_upload_state" class="font text-left">上传状态:</label>
|
243
|
+
</div>
|
244
|
+
<div class="col-xs-8" >
|
245
|
+
<v-select id="f_upload_state" :value.sync="model.f_upload_state" class="input-font"
|
246
|
+
:options='$parent.$parent.upload_states' placeholder='请选择上传状态'
|
247
|
+
v-model="model.f_upload_state" condition="ti.f_upload_state='{}'" close-on-select clear-button></v-select>
|
248
|
+
</div>
|
249
|
+
</div>
|
250
|
+
<div class="row text-center" style="margin-top: 20px;">
|
251
|
+
<button type="button" class="btn btn-lg btn-font btn-color" style="width: 45%;" @click="search">查询</button>
|
252
|
+
<div style="float: right;margin-right: 3% " class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}" @click="$parent.$parent.hidden()"></div>
|
253
|
+
</div>
|
254
|
+
<!--<div class="row app-btn">-->
|
255
|
+
<!--<button class="btn btn-primary col-xs-6" type="button" @click="search"><span class="glyphicon glyphicon-search" style="margin-right: 20px;">查询</span></button>-->
|
256
|
+
<!--</div>-->
|
257
|
+
<div style="height:30px;"></div>
|
258
|
+
</form>
|
259
|
+
</div>
|
260
|
+
</criteria>
|
261
|
+
<list :model="model" partial='list'>
|
262
|
+
<div partial>
|
263
|
+
<div @click="$parent.$parent.$parent.inspect(row)" class="auto app-text" style="margin-top: 5px;">
|
264
|
+
<div class="panel" style="padding: 10px 10px 5px 10px;">
|
265
|
+
<div class="panel-body panel-self">
|
266
|
+
<div class="col-xs-12">
|
267
|
+
<p class="panel-title col-xs-5 text-left font" style="width: 21% ;float: left"><b>用户编号:</b></p>
|
268
|
+
<p class="panel-title col-xs-7 text-left input-font" style="width: 79%">{{ row.f_userinfo_code }}</p>
|
269
|
+
</div>
|
270
|
+
<div class="col-xs-12">
|
271
|
+
<p class="panel-title col-xs-5 text-left font" style="width: 21%;float: left"><b>用户名称:</b></p>
|
272
|
+
<p class="panel-title col-xs-7 text-left input-font" style="width: 79%">{{ row.f_user_name }}</p>
|
273
|
+
</div>
|
274
|
+
<div class="col-xs-6">
|
275
|
+
<p class="panel-title col-xs-5 text-left font"><b>用户类型:</b></p>
|
276
|
+
<p class="panel-title col-xs-7 text-left input-font">{{ row.f_user_type }}
|
277
|
+
</p>
|
278
|
+
</div>
|
279
|
+
<div class="col-xs-6">
|
280
|
+
<p class="panel-title col-xs-5 text-left font"><b>计划名称:</b></p>
|
281
|
+
<p class="panel-title col-xs-7 text-left input-font">{{ row.f_plan_name }}</p>
|
282
|
+
</div>
|
283
|
+
<div class="col-xs-12">
|
284
|
+
<p class="panel-title text-left font" style="width: 23%;float: left"><b>用户电话:</b></p>
|
285
|
+
<p class="panel-title text-left input-font" style="width: 77%">{{ row.f_user_phone2 ? row.f_user_phone2 : row.f_user_phone }}
|
286
|
+
<img src="../../assets/phone.png" style="width: 6%" v-on:click.stop.prevent='$parent.$parent.$parent.makeAPhoneCall(row.f_user_phone2 ? row.f_user_phone2 : row.f_user_phone)'></img>
|
287
|
+
</p>
|
288
|
+
</div>
|
289
|
+
<div class="col-xs-12">
|
290
|
+
<p class="panel-title text-left font" style="width: 21%;float: left"><b>用户地址:</b></p>
|
291
|
+
<p class="panel-title text-left input-font" style="width: 79%">{{ row.f_address }}</p>
|
292
|
+
</div>
|
293
|
+
<div class="col-xs-6">
|
294
|
+
<p class="panel-title col-xs-5 text-left font"><b>安检状态:</b></p>
|
295
|
+
<p class="panel-title col-xs-7 text-left input-font">{{ row.f_last_check_state }}</p>
|
296
|
+
</div>
|
297
|
+
<div class="col-xs-6">
|
298
|
+
<p class="panel-title col-xs-5 text-left font"><b>上传状态:</b></p>
|
299
|
+
<p class="panel-title col-xs-7 text-left input-font">{{ row.f_upload_state }}</p>
|
300
|
+
</div>
|
301
|
+
<div class="row">
|
302
|
+
<p class="panel-title col-xs-4 text-left font"><b>有无计划</b></p>
|
303
|
+
<p class="panel-title col-xs-8 text-left input-font">{{ row.f_no_checkplan }}</p>
|
304
|
+
</div>
|
305
|
+
<div class="row" v-if="row.f_check_version">
|
306
|
+
<p class="panel-title col-xs-4 text-left font"><b>到访次数</b></p>
|
307
|
+
<p class="panel-title col-xs-8 text-left input-font">{{ row.f_check_version }}</p>
|
308
|
+
</div>
|
309
|
+
<div class="row" v-if="!row.f_check_version">
|
310
|
+
<p class="panel-title col-xs-4 text-left font"><b>完成情况</b></p>
|
311
|
+
<p class="panel-title col-xs-8 text-left input-font">已完成</p>
|
312
|
+
</div>
|
313
|
+
<!-- <div class="row text-right" v-show="row.f_upload_state != '已传'" >-->
|
314
|
+
<!-- <button type="button" class="btn yybtn-color" v-on:click.stop.prevent='$parent.$parent.$parent.reserve($index)'>预约</button> -->
|
315
|
+
<!-- <button type="button" class="btn qxbtn-color" v-if ='row.f_prearranged_date'-->
|
316
|
+
<!-- v-on:click.stop.prevent='$parent.$parent.$parent.cancelReserve($index, row.id)'>取消预约</button>-->
|
317
|
+
<!-- </div>-->
|
318
|
+
</div>
|
319
|
+
</div>
|
320
|
+
|
321
|
+
</div>
|
322
|
+
</div>
|
323
|
+
</list>
|
324
|
+
</criteria-paged>
|
325
|
+
<modal :show.sync="showModal">
|
326
|
+
<div slot="modal-header" class="modal-header">
|
327
|
+
<h4 class="modal-title">
|
328
|
+
选择预约时间
|
329
|
+
</h4>
|
330
|
+
</div>
|
331
|
+
<div slot="modal-body" class="modal-body">
|
332
|
+
<input type="datetime-local" v-model="f_preset_dt">
|
333
|
+
</div>
|
334
|
+
<div slot="modal-footer" class="modal-footer">
|
335
|
+
<button type="button" class="btn btn-default" @click="genuineReserve">确认</button>
|
336
|
+
</div>
|
337
|
+
</modal>
|
338
|
+
<!--<back-page :need-back='true' @flag="$back()"></back-page>-->
|
339
|
+
</div>
|
340
|
+
</template>
|
341
|
+
|
342
|
+
<script>
|
343
|
+
import LocalPagedList from '../../plugins/LocalPagedList'
|
344
|
+
import Vue from 'vue'
|
345
|
+
import { PagedList } from 'vue-client'
|
346
|
+
import * as Util from '../Util'
|
347
|
+
|
348
|
+
export default {
|
349
|
+
title: '安检计划项',
|
350
|
+
data() {
|
351
|
+
return {
|
352
|
+
model:Vue.android? new LocalPagedList('androidGetHasDone',5): new PagedList( 'AndroidRest/rs/sql/androidGetHasDone',5),
|
353
|
+
showModal: false,
|
354
|
+
param: null,
|
355
|
+
froms:[{label: '本地', value: '本地'},
|
356
|
+
{label: '远程', value: '远程'}],
|
357
|
+
criteriaShow: false,
|
358
|
+
f_preset_dt : Util.to3339TimeString(),
|
359
|
+
flow_direction:[
|
360
|
+
{label: '全部', value: ''},
|
361
|
+
{label: '左表', value: '左表'},
|
362
|
+
{label: '右表', value: '右表'}
|
363
|
+
],
|
364
|
+
isends: [
|
365
|
+
{label: '请选择完成状态', value: ''},
|
366
|
+
{label: '未完成', value: 'f_check_version=1 or f_check_version=2'},
|
367
|
+
{label: '已完成', value: 'f_check_version is null'},
|
368
|
+
],
|
369
|
+
check_states: [
|
370
|
+
{label: '请选择安检状态', value: ''},
|
371
|
+
{label: '未检', value: '未检'},
|
372
|
+
{label: '已检', value: '已检'},
|
373
|
+
],
|
374
|
+
last_check_states: [
|
375
|
+
{label: '请选择上次安检状态', value: ''},
|
376
|
+
{label: '入户', value: '入户'},
|
377
|
+
{label: '拒检', value: '拒检'},
|
378
|
+
{label: '到访不遇', value: '到访不遇'},
|
379
|
+
{label: '未使用天然气', value: '未使用天然气'}
|
380
|
+
],
|
381
|
+
upload_states: [
|
382
|
+
{label: '请选择上传状态', value: ''},
|
383
|
+
{label: '未传', value: '未传'},
|
384
|
+
{label: '已传', value: '已传'}
|
385
|
+
],
|
386
|
+
user_types: [
|
387
|
+
{label: '请选择用户类型', value: ''},
|
388
|
+
{label: '民用', value: '民用'},
|
389
|
+
{label: '非民用', value: '非民用'},
|
390
|
+
],
|
391
|
+
verify_state: [
|
392
|
+
{label: '请选择审核状态', value: ''},
|
393
|
+
{label: '未审核', value: '未审核'},
|
394
|
+
{label: '打回', value: '打回'}
|
395
|
+
],
|
396
|
+
planstates:[
|
397
|
+
{label: '请选择有无安检计划', value: ''},
|
398
|
+
{label: '有计划安检', value: '有计划安检'},
|
399
|
+
{label: '无计划安检', value: '无计划安检'},
|
400
|
+
]
|
401
|
+
}
|
402
|
+
},
|
403
|
+
ready(){
|
404
|
+
this.$refs.paged.$refs.cri.model.f_state = '已检'
|
405
|
+
},
|
406
|
+
methods: {
|
407
|
+
refresh() {
|
408
|
+
console.log("refresh items state")
|
409
|
+
// hard code relationship
|
410
|
+
this.$refs.paged.$refs.cri.search()
|
411
|
+
},
|
412
|
+
reload(){
|
413
|
+
console.log('页面刷新 ')
|
414
|
+
this.$refs.paged.loadPage(this.$refs.paged.model.pageIndex)
|
415
|
+
},
|
416
|
+
inspect(row) {
|
417
|
+
this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/查询计划项表信息`, {data: {f_userid: row.f_userinfoid}},{resolveMsg: null,rejectMsg: null}).then((response) => {
|
418
|
+
console.log(JSON.stringify(response))
|
419
|
+
row['f_plan_meters'] = response.data
|
420
|
+
var pardate = {
|
421
|
+
_this:this,
|
422
|
+
tittle:'安检已办',
|
423
|
+
safe:true
|
424
|
+
}
|
425
|
+
this.$dispatch('gotoson',pardate)
|
426
|
+
this.$goto('safecheck-order-v', {f_plan_id: row.f_plan_id, item: row, role: 'inspect'}, 'self', this.reload)
|
427
|
+
/* if (row.f_user_type == '民用') {
|
428
|
+
this.$goto('paper-set', {f_plan_id: row.f_plan_id, item: row, role: 'inspect'}, 'self', this.reload)
|
429
|
+
} else {
|
430
|
+
this.$goto('paper-set-noncivil', {f_plan_id: row.f_plan_id, item: row, role: 'inspect'}, 'self', this.reload)
|
431
|
+
}*/
|
432
|
+
}).catch((err)=>{
|
433
|
+
//网络异常调用本地数据
|
434
|
+
let criteria = {
|
435
|
+
items: '*',
|
436
|
+
tablename: 't_plan_item_meter',
|
437
|
+
condition: `f_plan_item_id = '${row.id}'`,
|
438
|
+
groupitem: 'f_plan_item_id'
|
439
|
+
}
|
440
|
+
let result = HostApp._executeTask({'type':'sql', 'data':{'alias': 'safe_singleTable_GroupBy', 'criteria': criteria}})
|
441
|
+
console.log('网络环境异常 调取本地数据结果result ===> ' + JSON.stringify(result))
|
442
|
+
if(result.code == 200){
|
443
|
+
console.log('=== ===> ' + JSON.stringify(result.data))
|
444
|
+
row['f_plan_meters'] = result.data.rows
|
445
|
+
var pardate = {
|
446
|
+
_this:this,
|
447
|
+
tittle:'安检已办',
|
448
|
+
safe:true
|
449
|
+
}
|
450
|
+
this.$dispatch('gotoson',pardate)
|
451
|
+
this.$goto('safecheck-order-v', {f_plan_id: row.f_plan_id, item: row, role: 'inspect'}, 'self', this.reload)
|
452
|
+
}
|
453
|
+
})
|
454
|
+
|
455
|
+
},
|
456
|
+
makeAPhoneCall(phoneNumber) {
|
457
|
+
this.$androidUtil.makeAPhoneCall(phoneNumber)
|
458
|
+
},
|
459
|
+
reserve (idx) {
|
460
|
+
this.param = idx
|
461
|
+
this.showModal = true
|
462
|
+
},
|
463
|
+
cancelReserve (idx, id) {
|
464
|
+
if(Vue.android){
|
465
|
+
let res = this.$androidUtil.bzLogic('BookingCheck', {dt: '', id: id})
|
466
|
+
this.$set('model.rows[' + idx + '].f_prearranged_date', null)
|
467
|
+
if (res.code == 200) {
|
468
|
+
this.$showMessage("取消预约成功")
|
469
|
+
}
|
470
|
+
}else {
|
471
|
+
this.$androidUtil.bzLogic('PCbookingCheck', {dt: '', id: id}).then((repanse) => {
|
472
|
+
this.$set('model.rows[' + idx + '].f_prearranged_date', null)
|
473
|
+
if (repanse.data.code == 200) {
|
474
|
+
alert("取消预约成功!")
|
475
|
+
}
|
476
|
+
})
|
477
|
+
}},
|
478
|
+
genuineReserve () {
|
479
|
+
if(Vue.android){
|
480
|
+
if (!this.f_preset_dt) {
|
481
|
+
this.$showMessage('请选择一个日期')
|
482
|
+
return
|
483
|
+
}
|
484
|
+
let pdt = this.f_preset_dt.replace('T', ' ')
|
485
|
+
let respanse = this.$androidUtil.bzLogic('BookingCheck', {id: this.model.rows[this.param].id, dt: pdt})
|
486
|
+
this.$set('model.rows[' + this.param + '].f_prearranged_date', pdt)
|
487
|
+
if(respanse.code == 200) {
|
488
|
+
this.$showMessage("预约成功!")
|
489
|
+
}
|
490
|
+
this.showModal = false
|
491
|
+
}else {
|
492
|
+
if (!this.f_preset_dt) {
|
493
|
+
alert('请选择一个日期')
|
494
|
+
return
|
495
|
+
}
|
496
|
+
let pdt = this.f_preset_dt.replace('T', ' ')
|
497
|
+
this.$androidUtil.bzLogic('PCbookingCheck', {id: this.model.rows[this.param].id, dt: pdt}).then((res) => {
|
498
|
+
this.$set('model.rows[' + this.param + '].f_prearranged_date', pdt)
|
499
|
+
if(res.data.code == 200) {
|
500
|
+
alert("预约成功!")
|
501
|
+
}
|
502
|
+
this.showModal = false
|
503
|
+
})
|
504
|
+
}
|
505
|
+
},
|
506
|
+
selfSearch (args) {
|
507
|
+
args.condition += " and f_complete = '已完成' "
|
508
|
+
console.log('args ==>' + JSON.stringify(args))
|
509
|
+
if (args.model.is_from && args.model.is_from == '远程'){
|
510
|
+
this.model = new PagedList( `${this.$androidUtil.getProxyUrl()}/rs/sql/androidGetHasDone`,5)
|
511
|
+
args.condition += ` and cp.f_checker = '${Vue.user.name}' and ti.f_last_check_state != '入户'`
|
512
|
+
}else {
|
513
|
+
this.model = new LocalPagedList('androidGetHasDone',5)
|
514
|
+
}
|
515
|
+
this.model.search(args.condition,args.model)
|
516
|
+
},
|
517
|
+
hidden() {
|
518
|
+
this.criteriaShow = !this.criteriaShow
|
519
|
+
}
|
520
|
+
}
|
521
|
+
}
|
522
|
+
</script>
|