apply-clients 3.5.5-39 → 3.5.5-40
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
CHANGED
|
@@ -1,521 +1,521 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
|
|
3
|
-
<div>
|
|
4
|
-
<list :model="model" partial='list'>
|
|
5
|
-
<div partial class="auto app-text panel">
|
|
6
|
-
<div class="panel-body panel-self">
|
|
7
|
-
<div class="row">
|
|
8
|
-
<p class="col-xs-3 text-left font"><b>设备品牌</b></p>
|
|
9
|
-
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_brand }}</p>
|
|
10
|
-
</div>
|
|
11
|
-
<div class="row">
|
|
12
|
-
<p class="col-xs-3 text-left font"><b>设备类型</b></p>
|
|
13
|
-
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_devices_type }}</p>
|
|
14
|
-
</div>
|
|
15
|
-
<div class="row">
|
|
16
|
-
<p class="col-xs-3 text-left font"><b>生产日期</b></p>
|
|
17
|
-
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_make_date }}</p>
|
|
18
|
-
</div>
|
|
19
|
-
<div class="row">
|
|
20
|
-
<p class="col-xs-3 text-left font"><b>设备数量</b></p>
|
|
21
|
-
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_devices_num }}</p>
|
|
22
|
-
</div>
|
|
23
|
-
<div class="row">
|
|
24
|
-
<p class="col-xs-3 text-left font"><b>安 装 人</b></p>
|
|
25
|
-
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_devices_input_person }}</p>
|
|
26
|
-
</div>
|
|
27
|
-
<div class="row">
|
|
28
|
-
<p class="col-xs-3 text-left font"><b>安装时间</b></p>
|
|
29
|
-
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_devices_input_date }}</p>
|
|
30
|
-
</div>
|
|
31
|
-
<div class="row">
|
|
32
|
-
<p class="col-xs-3 text-left font"><b>设 备 数</b></p>
|
|
33
|
-
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.amount }}</p>
|
|
34
|
-
</div>
|
|
35
|
-
<div class="row text-right">
|
|
36
|
-
<button
|
|
37
|
-
type="button"
|
|
38
|
-
class="btn btn-info"
|
|
39
|
-
@click="$parent.$parent.openDevicesModal(row)"
|
|
40
|
-
>
|
|
41
|
-
{{$parent.$parent.mark === 1 ? '查看' : '添加设备'}}
|
|
42
|
-
</button>
|
|
43
|
-
</div>
|
|
44
|
-
</div>
|
|
45
|
-
</div>
|
|
46
|
-
</list>
|
|
47
|
-
|
|
48
|
-
<modal v-if="showDevices" :show.sync="showDevices" v-ref:modal :large="true" :backdrop="false" title="表具设备信息">
|
|
49
|
-
<header slot="modal-header" class="modal-header">
|
|
50
|
-
<button type="button" class="close" @click="closeDevices"><span>×</span></button>
|
|
51
|
-
<h4 class="modal-title">表具设备信息</h4>
|
|
52
|
-
</header>
|
|
53
|
-
<article slot="modal-body" class="modal-body clearfix">
|
|
54
|
-
<div v-for="(i, item) in userfile.devicesinfo" class="form-group col-xs-12 panel panel-info">
|
|
55
|
-
<div class="panel-heading head row" style="background-color: #e8f4ff;margin-bottom: 10px">
|
|
56
|
-
<div class="col-xs-6 text-left">设备{{$index+1}}信息</div>
|
|
57
|
-
<div class="col-xs-6 text-right"><button
|
|
58
|
-
class="btn btn-danger"
|
|
59
|
-
v-if="!item.id"
|
|
60
|
-
@click.prevent="deleteDevicesinfo(i)"
|
|
61
|
-
>删除</button></div>
|
|
62
|
-
</div>
|
|
63
|
-
<div class="form-group row vertical-center">
|
|
64
|
-
<label class="col-xs-4 control-label">设备品牌：</label>
|
|
65
|
-
<div class="col-xs-8">
|
|
66
|
-
<input-select
|
|
67
|
-
class="select select_list"
|
|
68
|
-
:value.sync="item.f_brand"
|
|
69
|
-
v-model="item.f_brand"
|
|
70
|
-
:options="brandList"
|
|
71
|
-
:disable="mark === 1"
|
|
72
|
-
:valueSingle="true"></input-select>
|
|
73
|
-
</div>
|
|
74
|
-
</div>
|
|
75
|
-
<div class="form-group row vertical-center">
|
|
76
|
-
<label class="col-xs-4 control-label">设备类型：</label>
|
|
77
|
-
<div class="col-xs-8">
|
|
78
|
-
<input-select
|
|
79
|
-
class="select select_list"
|
|
80
|
-
:value.sync="item.f_devices_type"
|
|
81
|
-
v-model="item.f_devices_type"
|
|
82
|
-
:options="devicesType"
|
|
83
|
-
:disable="mark === 1"
|
|
84
|
-
:valueSingle="true"></input-select>
|
|
85
|
-
</div>
|
|
86
|
-
</div>
|
|
87
|
-
<div class="form-group row vertical-center">
|
|
88
|
-
<label class="col-xs-4 control-label">生产日期：</label>
|
|
89
|
-
<div class="col-xs-8">
|
|
90
|
-
<datepicker
|
|
91
|
-
placeholder="生产日期"
|
|
92
|
-
:value.sync="item.f_make_date"
|
|
93
|
-
v-model="item.f_make_date"
|
|
94
|
-
format="yyyy-MM-dd HH:mm:ss"
|
|
95
|
-
@change="expireDate($index)"
|
|
96
|
-
:disabled="mark === 1">
|
|
97
|
-
</datepicker>
|
|
98
|
-
</div>
|
|
99
|
-
</div>
|
|
100
|
-
<div class="form-group row vertical-center">
|
|
101
|
-
<label class="col-xs-4 control-label">设备数量：</label>
|
|
102
|
-
<div class="col-xs-8">
|
|
103
|
-
<input class="form-control input_view" style="" type="number"
|
|
104
|
-
placeholder="设备数量"
|
|
105
|
-
v-model="item.f_devices_num"
|
|
106
|
-
:value="item.f_devices_num"
|
|
107
|
-
:readonly="mark === 1"/>
|
|
108
|
-
</div>
|
|
109
|
-
</div>
|
|
110
|
-
<div class="form-group row vertical-center">
|
|
111
|
-
<label class="col-xs-4 control-label">安 装 人：</label>
|
|
112
|
-
<div class="col-xs-8">
|
|
113
|
-
<input class="form-control input_view" style=""
|
|
114
|
-
placeholder="安装人"
|
|
115
|
-
v-model="item.f_input_person"
|
|
116
|
-
:value.sync="installperson(item.f_input_person)"
|
|
117
|
-
readonly/>
|
|
118
|
-
</div>
|
|
119
|
-
</div>
|
|
120
|
-
<div class="form-group row vertical-center">
|
|
121
|
-
<label class="col-xs-4 control-label">安装日期：</label>
|
|
122
|
-
<div class="col-xs-8">
|
|
123
|
-
<input class="form-control input_view" style=""
|
|
124
|
-
placeholder="安装日期"
|
|
125
|
-
v-model="item.f_input_date"
|
|
126
|
-
:value="installdate(item.f_input_date)"
|
|
127
|
-
readonly/>
|
|
128
|
-
<!-- <datepicker-->
|
|
129
|
-
<!-- placeholder="安装日期"-->
|
|
130
|
-
<!-- :value.sync="item.f_input_date"-->
|
|
131
|
-
<!-- v-model="item.f_input_date"-->
|
|
132
|
-
<!-- format="yyyy-MM-dd HH:mm:ss"-->
|
|
133
|
-
<!-- :disabled="mark === 1">-->
|
|
134
|
-
<!-- </datepicker>-->
|
|
135
|
-
</div>
|
|
136
|
-
</div>
|
|
137
|
-
|
|
138
|
-
<!--
|
|
139
|
-
<div class="form-group row vertical-center">
|
|
140
|
-
<label class="col-xs-4 control-label">设备类型：</label>
|
|
141
|
-
<div class="col-xs-8">
|
|
142
|
-
<input-select
|
|
143
|
-
class="select select_list"
|
|
144
|
-
:value.sync="item.f_devices_type"
|
|
145
|
-
v-model="item.f_devices_type"
|
|
146
|
-
:options="devicesType"
|
|
147
|
-
:disable="mark === 1"
|
|
148
|
-
:valueSingle="true"></input-select>
|
|
149
|
-
</div>
|
|
150
|
-
</div>
|
|
151
|
-
<div class="form-group row vertical-center">
|
|
152
|
-
<label class="col-xs-4 control-label">设备编号：</label>
|
|
153
|
-
<div class="col-xs-8">
|
|
154
|
-
<input class="form-control input_view" style=""
|
|
155
|
-
placeholder="设备编号"
|
|
156
|
-
v-model="item.f_devices_no"
|
|
157
|
-
:value="item.f_devices_no"
|
|
158
|
-
:readonly="mark === 1"/>
|
|
159
|
-
</div>
|
|
160
|
-
</div>
|
|
161
|
-
<div class="form-group row vertical-center">
|
|
162
|
-
<label class="col-xs-4 control-label">设备品牌：</label>
|
|
163
|
-
<div class="col-xs-8">
|
|
164
|
-
<input class="form-control input_view" style=""
|
|
165
|
-
placeholder="设备品牌"
|
|
166
|
-
v-model="item.f_brand"
|
|
167
|
-
:value="item.f_brand"
|
|
168
|
-
:readonly="mark === 1"/>
|
|
169
|
-
</div>
|
|
170
|
-
</div>
|
|
171
|
-
<div class="form-group row vertical-center">
|
|
172
|
-
<label class="col-xs-4 control-label">安 装 人：</label>
|
|
173
|
-
<div class="col-xs-8">
|
|
174
|
-
<input class="form-control input_view" style=""
|
|
175
|
-
placeholder="安装人"
|
|
176
|
-
v-model="item.f_input_person"
|
|
177
|
-
:value="item.f_input_person"
|
|
178
|
-
:readonly="mark === 1"/>
|
|
179
|
-
</div>
|
|
180
|
-
</div>
|
|
181
|
-
<div class="form-group row vertical-center">
|
|
182
|
-
<label class="col-xs-4 control-label">设备型号：</label>
|
|
183
|
-
<div class="col-xs-8">
|
|
184
|
-
<input class="form-control input_view" style=""
|
|
185
|
-
placeholder="设备型号"
|
|
186
|
-
v-model="item.f_devices_model"
|
|
187
|
-
:value="item.f_devices_model"
|
|
188
|
-
:readonly="mark === 1"/>
|
|
189
|
-
</div>
|
|
190
|
-
</div>
|
|
191
|
-
<div class="form-group row vertical-center">
|
|
192
|
-
<label class="col-xs-4 control-label">安装日期：</label>
|
|
193
|
-
<div class="col-xs-8">
|
|
194
|
-
<datepicker
|
|
195
|
-
placeholder="安装日期"
|
|
196
|
-
:value.sync="item.f_input_date"
|
|
197
|
-
v-model="item.f_input_date"
|
|
198
|
-
format="yyyy-MM-dd HH:mm:ss"
|
|
199
|
-
:disabled="mark === 1">
|
|
200
|
-
</datepicker>
|
|
201
|
-
</div>
|
|
202
|
-
</div>
|
|
203
|
-
<div class="form-group row vertical-center">
|
|
204
|
-
<label class="col-xs-4 control-label">生产日期：</label>
|
|
205
|
-
<div class="col-xs-8">
|
|
206
|
-
<datepicker
|
|
207
|
-
placeholder="生产日期"
|
|
208
|
-
:value.sync="item.f_make_date"
|
|
209
|
-
v-model="item.f_make_date"
|
|
210
|
-
format="yyyy-MM-dd HH:mm:ss"
|
|
211
|
-
@change="expireDate($index)"
|
|
212
|
-
:disabled="mark === 1">
|
|
213
|
-
</datepicker>
|
|
214
|
-
</div>
|
|
215
|
-
</div>
|
|
216
|
-
<div class="form-group row vertical-center">
|
|
217
|
-
<label class="col-xs-4 control-label">使用年限：</label>
|
|
218
|
-
<div class="col-xs-8">
|
|
219
|
-
<input class="form-control input_view" style="" type="number"
|
|
220
|
-
placeholder="使用年限"
|
|
221
|
-
v-model="item.f_service_life"
|
|
222
|
-
:value="item.f_service_life"
|
|
223
|
-
@change="expireDate($index)"
|
|
224
|
-
:readonly="mark === 1"/>
|
|
225
|
-
</div>
|
|
226
|
-
</div>
|
|
227
|
-
<div class="form-group row vertical-center">
|
|
228
|
-
<label class="col-xs-4 control-label">到期日期：</label>
|
|
229
|
-
<div class="col-xs-8">
|
|
230
|
-
<datepicker
|
|
231
|
-
placeholder="到期日期"
|
|
232
|
-
:value.sync="item.f_expire_date"
|
|
233
|
-
v-model="item.f_expire_date"
|
|
234
|
-
format="yyyy-MM-dd HH:mm:ss"
|
|
235
|
-
disabled>
|
|
236
|
-
</datepicker>
|
|
237
|
-
</div>
|
|
238
|
-
</div>
|
|
239
|
-
<div class="form-group row vertical-center">
|
|
240
|
-
<label class="col-xs-4 control-label">设备数量：</label>
|
|
241
|
-
<div class="col-xs-8">
|
|
242
|
-
<input class="form-control input_view" style="" type="number"
|
|
243
|
-
placeholder="设备数量"
|
|
244
|
-
v-model="item.f_devices_num"
|
|
245
|
-
:value="item.f_devices_num"
|
|
246
|
-
:readonly="mark === 1"/>
|
|
247
|
-
</div>
|
|
248
|
-
</div>
|
|
249
|
-
<div class="form-group row vertical-center">
|
|
250
|
-
<label class="col-xs-4 control-label">安装日期：</label>
|
|
251
|
-
<div class="col-xs-8">
|
|
252
|
-
<datepicker
|
|
253
|
-
placeholder="连接管安装日期"
|
|
254
|
-
:value.sync="item.f_pipeinstall_date"
|
|
255
|
-
v-model="item.f_pipeinstall_date"
|
|
256
|
-
format="yyyy-MM-dd HH:mm:ss"
|
|
257
|
-
:disabled="mark === 1">
|
|
258
|
-
</datepicker>
|
|
259
|
-
</div>
|
|
260
|
-
</div>
|
|
261
|
-
<div class="form-group row vertical-center">
|
|
262
|
-
<label class="col-xs-4 control-label">到期日期：</label>
|
|
263
|
-
<div class="col-xs-8">
|
|
264
|
-
<datepicker
|
|
265
|
-
placeholder="连接管到期日期"
|
|
266
|
-
:value.sync="item.f_pipeexpire_date"
|
|
267
|
-
v-model="item.f_pipeexpire_date"
|
|
268
|
-
format="yyyy-MM-dd HH:mm:ss"
|
|
269
|
-
:disabled="mark === 1">
|
|
270
|
-
</datepicker>
|
|
271
|
-
</div>
|
|
272
|
-
</div>
|
|
273
|
-
<div class="form-group row vertical-center">
|
|
274
|
-
<label class="col-xs-4 control-label">管道类型：</label>
|
|
275
|
-
<div class="col-xs-8">
|
|
276
|
-
<input-select
|
|
277
|
-
class="select select_list"
|
|
278
|
-
:value.sync="item.f_pipe_type"
|
|
279
|
-
v-model="item.f_pipe_type"
|
|
280
|
-
:options="pipeType"
|
|
281
|
-
:disable="mark === 1"
|
|
282
|
-
:valueSingle="true">
|
|
283
|
-
</input-select>
|
|
284
|
-
</div>
|
|
285
|
-
</div>
|
|
286
|
-
<div class="form-group row vertical-center">
|
|
287
|
-
<label class="col-xs-4 control-label">设备状态：</label>
|
|
288
|
-
<div class="col-xs-8">
|
|
289
|
-
<input-select
|
|
290
|
-
class="select select_list"
|
|
291
|
-
:value.sync="item.f_userinfodevices_state"
|
|
292
|
-
v-model="item.f_userinfodevices_state"
|
|
293
|
-
:options="userdevicestate"
|
|
294
|
-
:disable="mark === 1"
|
|
295
|
-
:valueSingle="true"></input-select>
|
|
296
|
-
</div>
|
|
297
|
-
</div>
|
|
298
|
-
<div class="form-group row vertical-center">
|
|
299
|
-
<label class="col-xs-4 control-label">购买方式：</label>
|
|
300
|
-
<div class="col-xs-8">
|
|
301
|
-
<input-select
|
|
302
|
-
class="select select_list"
|
|
303
|
-
:value.sync="item.WatchPurchase"
|
|
304
|
-
v-model="item.WatchPurchase"
|
|
305
|
-
:options="WatchPurchases"
|
|
306
|
-
:disable="mark === 1"
|
|
307
|
-
:valueSingle="true"></input-select>
|
|
308
|
-
</div>
|
|
309
|
-
</div>
|
|
310
|
-
<div class="form-group row vertical-center">
|
|
311
|
-
<label class="col-xs-4 control-label">安装方式：</label>
|
|
312
|
-
<div class="col-xs-8">
|
|
313
|
-
<input-select
|
|
314
|
-
class="select select_list"
|
|
315
|
-
:value.sync="item.f_install_type"
|
|
316
|
-
v-model="item.f_install_type"
|
|
317
|
-
:options="installType"
|
|
318
|
-
:disable="mark === 1"
|
|
319
|
-
:valueSingle="true"></input-select>
|
|
320
|
-
</div>
|
|
321
|
-
</div>
|
|
322
|
-
<div class="form-group row vertical-center">
|
|
323
|
-
<label class="col-xs-4 control-label">备  注：</label>
|
|
324
|
-
<div class="col-xs-8">
|
|
325
|
-
<textarea
|
|
326
|
-
class="form-control input_view" rows="2" style="width: 100%;height: 100%"
|
|
327
|
-
v-model="item.f_comments" :value="item.f_comments"
|
|
328
|
-
:disabled="mark === 1"
|
|
329
|
-
></textarea>
|
|
330
|
-
</div>
|
|
331
|
-
</div>
|
|
332
|
-
-->
|
|
333
|
-
</div>
|
|
334
|
-
|
|
335
|
-
</article>
|
|
336
|
-
<footer slot="modal-footer" class="modal-footer">
|
|
337
|
-
<button type="button" class="btn btn-primary" @click="pushDevice()">添加设备</button>
|
|
338
|
-
<button type="button" class="btn btn-primary" @click="addDevice()">确认</button>
|
|
339
|
-
</footer>
|
|
340
|
-
</modal>
|
|
341
|
-
</div>
|
|
342
|
-
|
|
343
|
-
</template>
|
|
344
|
-
<script>
|
|
345
|
-
import {getNowDate,isEmpty} from '../../../components/Util'
|
|
346
|
-
import {PagedList} from 'vue-client'
|
|
347
|
-
import Vue from 'vue'
|
|
348
|
-
import {HttpResetClass} from 'vue-client'
|
|
349
|
-
// Date格式化
|
|
350
|
-
Date.prototype.Format = function (fmt) {
|
|
351
|
-
var o = {
|
|
352
|
-
'M+': this.getMonth() + 1, // 月份
|
|
353
|
-
'd+': this.getDate(), // 日
|
|
354
|
-
'H+': this.getHours(), // 小时
|
|
355
|
-
'm+': this.getMinutes(), // 分
|
|
356
|
-
's+': this.getSeconds(), // 秒
|
|
357
|
-
'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
|
|
358
|
-
'S': this.getMilliseconds() // 毫秒
|
|
359
|
-
}
|
|
360
|
-
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length))
|
|
361
|
-
for (var k in o) {
|
|
362
|
-
if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
|
|
363
|
-
}
|
|
364
|
-
return fmt
|
|
365
|
-
}
|
|
366
|
-
|
|
367
|
-
export default {
|
|
368
|
-
title: '设备管理',
|
|
369
|
-
props: {
|
|
370
|
-
selectdata: {
|
|
371
|
-
type: Object
|
|
372
|
-
},
|
|
373
|
-
mark: {
|
|
374
|
-
type: Number,
|
|
375
|
-
default: 0
|
|
376
|
-
}
|
|
377
|
-
},
|
|
378
|
-
data () {
|
|
379
|
-
return {
|
|
380
|
-
model: {
|
|
381
|
-
rows: null
|
|
382
|
-
},
|
|
383
|
-
userfile: null,
|
|
384
|
-
showDevices: false
|
|
385
|
-
}
|
|
386
|
-
},
|
|
387
|
-
ready () {
|
|
388
|
-
this.search()
|
|
389
|
-
},
|
|
390
|
-
methods: {
|
|
391
|
-
deleteDevicesinfo (index) {
|
|
392
|
-
this.userfile.devicesinfo.splice(index, 1)
|
|
393
|
-
},
|
|
394
|
-
async addDevice () {
|
|
395
|
-
let data = {
|
|
396
|
-
selectdata: this.selectdata,
|
|
397
|
-
userfile: this.userfile,
|
|
398
|
-
user: Vue.user
|
|
399
|
-
// user: {"f_show_department_name":"","parentname":"营业厅","functions":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"客服系统","icon":"/images/lefticon/档案管理.png","hasright":false,"resourcetype":"function","parentid":"27","children":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"档案管理","link":"address-manage","hasright":true,"resourcetype":"function","parentid":"212","children":[],"selfid":"33664","name":"地址管理","templatename":"functionedit","id":"33663","position":"5","fullname":"资源管理.功能模块.客服系统.档案管理.地址管理","fullid":"3.21.27.212.33663","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"档案管理","link":"file-user-files","hasright":true,"resourcetype":"function","parentid":"212","children":[],"selfid":"237","name":"用户档案","templatename":"functionedit","id":"236","position":"8","fullname":"资源管理.功能模块.客服系统.档案管理.用户档案","fullid":"3.21.27.212.236","tablename":"t_function"}],"selfid":"213","name":"档案管理","templatename":"functionedit","id":"212","position":"2","fullname":"资源管理.功能模块.客服系统.档案管理","fullid":"3.21.27.212","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"客服系统","icon":"/images/lefticon/综合业务.png","hasright":false,"resourcetype":"function","parentid":"27","children":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"综合业务","link":"param-manage","hasright":true,"resourcetype":"function","parentid":"284","children":[],"selfid":"303","name":"参数管理","templatename":"functionedit","id":"302","position":"3","fullname":"资源管理.功能模块.客服系统.综合业务.参数管理","fullid":"3.21.27.284.302","tablename":"t_function"}],"selfid":"285","name":"综合业务","templatename":"functionedit","id":"284","position":"5","fullname":"资源管理.功能模块.客服系统.综合业务","fullid":"3.21.27.284","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"客服系统","icon":"/images/lefticon/报建系统.png","hasright":true,"resourcetype":"function","parentid":"27","f_parentname":"客服系统","children":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"install-function","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34680","name":"功能业务","templatename":"functionedit","id":"34679","position":"1","fullname":"资源管理.功能模块.客服系统.报建业务.功能业务","fullid":"3.21.27.34673.34679","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"exploration-user","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34686","name":"流程业务","templatename":"functionedit","id":"34685","position":"2","fullname":"资源管理.功能模块.客服系统.报建业务.流程业务","fullid":"3.21.27.34673.34685","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"supervisory-control","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34692","name":"流程监控","templatename":"functionedit","id":"34691","position":"3","fullname":"资源管理.功能模块.客服系统.报建业务.流程监控","fullid":"3.21.27.34673.34691","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"apply-charge-search","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34698","name":"收费明细","templatename":"functionedit","id":"34697","position":"4","fullname":"资源管理.功能模块.客服系统.报建业务.收费明细","fullid":"3.21.27.34673.34697","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"order-apply","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34704","name":"预约申请","templatename":"functionedit","id":"34703","position":"5","fullname":"资源管理.功能模块.客服系统.报建业务.预约申请","fullid":"3.21.27.34673.34703","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"stop-apply","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34710","name":"终止报建","templatename":"functionedit","id":"34709","position":"6","fullname":"资源管理.功能模块.客服系统.报建业务.终止报建","fullid":"3.21.27.34673.34709","tablename":"t_function"}],"selfid":"34674","name":"报建业务","templatename":"functionedit","id":"34673","position":"11","fullname":"资源管理.功能模块.客服系统.报建业务","fullid":"3.21.27.34673","tablename":"t_function"}],"qrcode":"/rs/user/getQRcode?QRCODE=406b-1630284429661-03197","rolesnames":"营业厅报装,设计部报装,市场部报装,工程部报装,运营部报装,财务部报装","roles":"34751,34757,34763,34769,34775,35326","f_sex":"男","f_icon":"tree_user","fullnames":"河南亿星集团实业有限公司.周口市天然气有限公司.营业厅.报建测试","dir":"zhoukou","userid":"406b-1630284429661-03197","accesstime":"1630409418399","parentid":"34715","f_show_rolestr":"","fullids":"30463.10101.34715.34781.","number":"10101","f_idnumber":{},"selfid":"34782","templatename":"useredit","logindate":"2021-08-30 16:36:39","id":"34781","state":"在职","tablename":"t_user","deptype":"部门","depids":"34715","loginid":"15","imgid":{},"f_user_telephone":{},"rolestr":"营业厅报装,设计部报装,市场部报装,工程部报装,运营部报装,财务部报装","deps":"营业厅","loginnum":"0","f_age":{},"resourcetype":"user","orgid":"10101","f_department_name":"营业厅","ename":"bjcs","deleted":"false","entitytype":"t_user","f_description":{},"loginip":"192.168.66.138","name":"报建测试","position":"1","orgs":"周口市天然气有限公司","f_role_name":"营业厅报装 设计部报装 市场部报装 工程部报装 运营部报装 财务部报装 ","f_allArea":[],"f_gasman":[],"lics":[]}
|
|
400
|
-
}
|
|
401
|
-
let res = await this.$resetpost(
|
|
402
|
-
`${this.$androidUtil.getProxyUrl()}/rs/logic/applyAddDevice`,
|
|
403
|
-
{data: data},
|
|
404
|
-
{resolveMsg: null, rejectMsg: '设备添加失败！！！'}
|
|
405
|
-
)
|
|
406
|
-
|
|
407
|
-
this.closeDevices()
|
|
408
|
-
this.search()
|
|
409
|
-
//去掉控制层刷新，避免将没有保存的数据刷新掉
|
|
410
|
-
|
|
411
|
-
},
|
|
412
|
-
pushDevice () {
|
|
413
|
-
this.userfile.devicesinfo.push({})
|
|
414
|
-
},
|
|
415
|
-
expireDate (index) {
|
|
416
|
-
|
|
417
|
-
if (isEmpty(this.userfile.devicesinfo[index].f_make_date) || isEmpty(this.userfile.devicesinfo[index].f_service_life)) {
|
|
418
|
-
return
|
|
419
|
-
}
|
|
420
|
-
let f_make_date = new Date(this.userfile.devicesinfo[index].f_make_date)
|
|
421
|
-
let year = (f_make_date.getFullYear() - 0) + (this.userfile.devicesinfo[index].f_service_life - 0)
|
|
422
|
-
let month = (f_make_date.getMonth() - 0) + 1
|
|
423
|
-
let day = f_make_date.getDate()
|
|
424
|
-
|
|
425
|
-
Vue.set(this.userfile.devicesinfo[index], 'f_expire_date', year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day))
|
|
426
|
-
},
|
|
427
|
-
async openDevicesModal (row) {
|
|
428
|
-
this.userfile = row
|
|
429
|
-
|
|
430
|
-
let data = {
|
|
431
|
-
tablename: 't_devices',
|
|
432
|
-
condition: `f_userfiles_id = '${this.userfile.f_userfiles_id}'`
|
|
433
|
-
}
|
|
434
|
-
// let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/apply_singleTable`, {data:data}, {
|
|
435
|
-
// resolveMsg: null,
|
|
436
|
-
// rejectMsg: '设备查询失败！！！'
|
|
437
|
-
// })
|
|
438
|
-
let res = await this.$resetpost(
|
|
439
|
-
`${this.$androidUtil.getProxyUrl()}/rs/sql/apply_singleTable`,
|
|
440
|
-
{data: data},
|
|
441
|
-
{resolveMsg: null, rejectMsg: '设备查询失败！！！'}
|
|
442
|
-
)
|
|
443
|
-
|
|
444
|
-
Vue.set(this.userfile, 'devicesinfo', res.data)
|
|
445
|
-
|
|
446
|
-
this.showDevices = true
|
|
447
|
-
},
|
|
448
|
-
async search () {
|
|
449
|
-
var condition1=''
|
|
450
|
-
if(this.selectdata.f_sub_state ==='完工'){
|
|
451
|
-
condition1=`uf.f_userinfo_id = '${this.selectdata.f_userinfo_id}' and f_table_state='正常'`
|
|
452
|
-
}else{
|
|
453
|
-
condition1=`uf.f_userinfo_id = '${this.selectdata.f_userinfo_id}' and f_table_state='待开通'`
|
|
454
|
-
}
|
|
455
|
-
let http = new HttpResetClass()
|
|
456
|
-
let data = {
|
|
457
|
-
condition: condition1
|
|
458
|
-
}
|
|
459
|
-
let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/getUserFilesAndDevicesAmount`, {data:data}, {
|
|
460
|
-
resolveMsg: null,
|
|
461
|
-
rejectMsg: '获取表具失败！！！'
|
|
462
|
-
})
|
|
463
|
-
this.model.rows = res.data
|
|
464
|
-
},
|
|
465
|
-
// 关闭对话框
|
|
466
|
-
closeDevices() {
|
|
467
|
-
this.showDevices = false
|
|
468
|
-
this.userfile = null
|
|
469
|
-
|
|
470
|
-
this.search()
|
|
471
|
-
}
|
|
472
|
-
},
|
|
473
|
-
events: {
|
|
474
|
-
},
|
|
475
|
-
computed: {
|
|
476
|
-
installperson() {
|
|
477
|
-
return function (f_input_person) {
|
|
478
|
-
if (isEmpty(f_input_person)) {
|
|
479
|
-
return Vue.user.name
|
|
480
|
-
}
|
|
481
|
-
return f_input_person
|
|
482
|
-
}
|
|
483
|
-
},
|
|
484
|
-
installdate() {
|
|
485
|
-
return function (f_install_date) {
|
|
486
|
-
if (isEmpty(f_install_date)) {
|
|
487
|
-
return new Date().Format('yyyy-MM-dd HH:mm:ss')
|
|
488
|
-
}
|
|
489
|
-
return f_install_date
|
|
490
|
-
}
|
|
491
|
-
},
|
|
492
|
-
installType() {
|
|
493
|
-
return this.$appdata.getParam("安装方式")
|
|
494
|
-
},
|
|
495
|
-
WatchPurchases() {
|
|
496
|
-
return this.$appdata.getParam("购买方式")
|
|
497
|
-
},
|
|
498
|
-
userdevicestate() {
|
|
499
|
-
return this.$appdata.getParam("用户设备状态")
|
|
500
|
-
},
|
|
501
|
-
pipeType() {
|
|
502
|
-
return this.$appdata.getParam("管道类型")
|
|
503
|
-
},
|
|
504
|
-
devicesType() {
|
|
505
|
-
return this.$appdata.getParam("设备类型")
|
|
506
|
-
},
|
|
507
|
-
brandList() {
|
|
508
|
-
return this.$appdata.getParam("设备品牌")
|
|
509
|
-
}
|
|
510
|
-
},
|
|
511
|
-
watch: {
|
|
512
|
-
}
|
|
513
|
-
}
|
|
514
|
-
</script>
|
|
515
|
-
<style scoped>
|
|
516
|
-
.vertical-center {
|
|
517
|
-
display: flex;
|
|
518
|
-
align-items: center;
|
|
519
|
-
text-align: center;
|
|
520
|
-
}
|
|
521
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
|
|
3
|
+
<div>
|
|
4
|
+
<list :model="model" partial='list'>
|
|
5
|
+
<div partial class="auto app-text panel">
|
|
6
|
+
<div class="panel-body panel-self">
|
|
7
|
+
<div class="row">
|
|
8
|
+
<p class="col-xs-3 text-left font"><b>设备品牌</b></p>
|
|
9
|
+
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_brand }}</p>
|
|
10
|
+
</div>
|
|
11
|
+
<div class="row">
|
|
12
|
+
<p class="col-xs-3 text-left font"><b>设备类型</b></p>
|
|
13
|
+
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_devices_type }}</p>
|
|
14
|
+
</div>
|
|
15
|
+
<div class="row">
|
|
16
|
+
<p class="col-xs-3 text-left font"><b>生产日期</b></p>
|
|
17
|
+
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_make_date }}</p>
|
|
18
|
+
</div>
|
|
19
|
+
<div class="row">
|
|
20
|
+
<p class="col-xs-3 text-left font"><b>设备数量</b></p>
|
|
21
|
+
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_devices_num }}</p>
|
|
22
|
+
</div>
|
|
23
|
+
<div class="row">
|
|
24
|
+
<p class="col-xs-3 text-left font"><b>安 装 人</b></p>
|
|
25
|
+
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_devices_input_person }}</p>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="row">
|
|
28
|
+
<p class="col-xs-3 text-left font"><b>安装时间</b></p>
|
|
29
|
+
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_devices_input_date }}</p>
|
|
30
|
+
</div>
|
|
31
|
+
<div class="row">
|
|
32
|
+
<p class="col-xs-3 text-left font"><b>设 备 数</b></p>
|
|
33
|
+
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.amount }}</p>
|
|
34
|
+
</div>
|
|
35
|
+
<div class="row text-right">
|
|
36
|
+
<button
|
|
37
|
+
type="button"
|
|
38
|
+
class="btn btn-info"
|
|
39
|
+
@click="$parent.$parent.openDevicesModal(row)"
|
|
40
|
+
>
|
|
41
|
+
{{$parent.$parent.mark === 1 ? '查看' : '添加设备'}}
|
|
42
|
+
</button>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</list>
|
|
47
|
+
|
|
48
|
+
<modal v-if="showDevices" :show.sync="showDevices" v-ref:modal :large="true" :backdrop="false" title="表具设备信息">
|
|
49
|
+
<header slot="modal-header" class="modal-header">
|
|
50
|
+
<button type="button" class="close" @click="closeDevices"><span>×</span></button>
|
|
51
|
+
<h4 class="modal-title">表具设备信息</h4>
|
|
52
|
+
</header>
|
|
53
|
+
<article slot="modal-body" class="modal-body clearfix">
|
|
54
|
+
<div v-for="(i, item) in userfile.devicesinfo" class="form-group col-xs-12 panel panel-info">
|
|
55
|
+
<div class="panel-heading head row" style="background-color: #e8f4ff;margin-bottom: 10px">
|
|
56
|
+
<div class="col-xs-6 text-left">设备{{$index+1}}信息</div>
|
|
57
|
+
<div class="col-xs-6 text-right"><button
|
|
58
|
+
class="btn btn-danger"
|
|
59
|
+
v-if="!item.id"
|
|
60
|
+
@click.prevent="deleteDevicesinfo(i)"
|
|
61
|
+
>删除</button></div>
|
|
62
|
+
</div>
|
|
63
|
+
<div class="form-group row vertical-center">
|
|
64
|
+
<label class="col-xs-4 control-label">设备品牌：</label>
|
|
65
|
+
<div class="col-xs-8">
|
|
66
|
+
<input-select
|
|
67
|
+
class="select select_list"
|
|
68
|
+
:value.sync="item.f_brand"
|
|
69
|
+
v-model="item.f_brand"
|
|
70
|
+
:options="brandList"
|
|
71
|
+
:disable="mark === 1"
|
|
72
|
+
:valueSingle="true"></input-select>
|
|
73
|
+
</div>
|
|
74
|
+
</div>
|
|
75
|
+
<div class="form-group row vertical-center">
|
|
76
|
+
<label class="col-xs-4 control-label">设备类型：</label>
|
|
77
|
+
<div class="col-xs-8">
|
|
78
|
+
<input-select
|
|
79
|
+
class="select select_list"
|
|
80
|
+
:value.sync="item.f_devices_type"
|
|
81
|
+
v-model="item.f_devices_type"
|
|
82
|
+
:options="devicesType"
|
|
83
|
+
:disable="mark === 1"
|
|
84
|
+
:valueSingle="true"></input-select>
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
87
|
+
<div class="form-group row vertical-center">
|
|
88
|
+
<label class="col-xs-4 control-label">生产日期：</label>
|
|
89
|
+
<div class="col-xs-8">
|
|
90
|
+
<datepicker
|
|
91
|
+
placeholder="生产日期"
|
|
92
|
+
:value.sync="item.f_make_date"
|
|
93
|
+
v-model="item.f_make_date"
|
|
94
|
+
format="yyyy-MM-dd HH:mm:ss"
|
|
95
|
+
@change="expireDate($index)"
|
|
96
|
+
:disabled="mark === 1">
|
|
97
|
+
</datepicker>
|
|
98
|
+
</div>
|
|
99
|
+
</div>
|
|
100
|
+
<div class="form-group row vertical-center">
|
|
101
|
+
<label class="col-xs-4 control-label">设备数量：</label>
|
|
102
|
+
<div class="col-xs-8">
|
|
103
|
+
<input class="form-control input_view" style="" type="number"
|
|
104
|
+
placeholder="设备数量"
|
|
105
|
+
v-model="item.f_devices_num"
|
|
106
|
+
:value="item.f_devices_num"
|
|
107
|
+
:readonly="mark === 1"/>
|
|
108
|
+
</div>
|
|
109
|
+
</div>
|
|
110
|
+
<div class="form-group row vertical-center">
|
|
111
|
+
<label class="col-xs-4 control-label">安 装 人：</label>
|
|
112
|
+
<div class="col-xs-8">
|
|
113
|
+
<input class="form-control input_view" style=""
|
|
114
|
+
placeholder="安装人"
|
|
115
|
+
v-model="item.f_input_person"
|
|
116
|
+
:value.sync="installperson(item.f_input_person)"
|
|
117
|
+
readonly/>
|
|
118
|
+
</div>
|
|
119
|
+
</div>
|
|
120
|
+
<div class="form-group row vertical-center">
|
|
121
|
+
<label class="col-xs-4 control-label">安装日期：</label>
|
|
122
|
+
<div class="col-xs-8">
|
|
123
|
+
<input class="form-control input_view" style=""
|
|
124
|
+
placeholder="安装日期"
|
|
125
|
+
v-model="item.f_input_date"
|
|
126
|
+
:value="installdate(item.f_input_date)"
|
|
127
|
+
readonly/>
|
|
128
|
+
<!-- <datepicker-->
|
|
129
|
+
<!-- placeholder="安装日期"-->
|
|
130
|
+
<!-- :value.sync="item.f_input_date"-->
|
|
131
|
+
<!-- v-model="item.f_input_date"-->
|
|
132
|
+
<!-- format="yyyy-MM-dd HH:mm:ss"-->
|
|
133
|
+
<!-- :disabled="mark === 1">-->
|
|
134
|
+
<!-- </datepicker>-->
|
|
135
|
+
</div>
|
|
136
|
+
</div>
|
|
137
|
+
|
|
138
|
+
<!--
|
|
139
|
+
<div class="form-group row vertical-center">
|
|
140
|
+
<label class="col-xs-4 control-label">设备类型：</label>
|
|
141
|
+
<div class="col-xs-8">
|
|
142
|
+
<input-select
|
|
143
|
+
class="select select_list"
|
|
144
|
+
:value.sync="item.f_devices_type"
|
|
145
|
+
v-model="item.f_devices_type"
|
|
146
|
+
:options="devicesType"
|
|
147
|
+
:disable="mark === 1"
|
|
148
|
+
:valueSingle="true"></input-select>
|
|
149
|
+
</div>
|
|
150
|
+
</div>
|
|
151
|
+
<div class="form-group row vertical-center">
|
|
152
|
+
<label class="col-xs-4 control-label">设备编号：</label>
|
|
153
|
+
<div class="col-xs-8">
|
|
154
|
+
<input class="form-control input_view" style=""
|
|
155
|
+
placeholder="设备编号"
|
|
156
|
+
v-model="item.f_devices_no"
|
|
157
|
+
:value="item.f_devices_no"
|
|
158
|
+
:readonly="mark === 1"/>
|
|
159
|
+
</div>
|
|
160
|
+
</div>
|
|
161
|
+
<div class="form-group row vertical-center">
|
|
162
|
+
<label class="col-xs-4 control-label">设备品牌：</label>
|
|
163
|
+
<div class="col-xs-8">
|
|
164
|
+
<input class="form-control input_view" style=""
|
|
165
|
+
placeholder="设备品牌"
|
|
166
|
+
v-model="item.f_brand"
|
|
167
|
+
:value="item.f_brand"
|
|
168
|
+
:readonly="mark === 1"/>
|
|
169
|
+
</div>
|
|
170
|
+
</div>
|
|
171
|
+
<div class="form-group row vertical-center">
|
|
172
|
+
<label class="col-xs-4 control-label">安 装 人：</label>
|
|
173
|
+
<div class="col-xs-8">
|
|
174
|
+
<input class="form-control input_view" style=""
|
|
175
|
+
placeholder="安装人"
|
|
176
|
+
v-model="item.f_input_person"
|
|
177
|
+
:value="item.f_input_person"
|
|
178
|
+
:readonly="mark === 1"/>
|
|
179
|
+
</div>
|
|
180
|
+
</div>
|
|
181
|
+
<div class="form-group row vertical-center">
|
|
182
|
+
<label class="col-xs-4 control-label">设备型号：</label>
|
|
183
|
+
<div class="col-xs-8">
|
|
184
|
+
<input class="form-control input_view" style=""
|
|
185
|
+
placeholder="设备型号"
|
|
186
|
+
v-model="item.f_devices_model"
|
|
187
|
+
:value="item.f_devices_model"
|
|
188
|
+
:readonly="mark === 1"/>
|
|
189
|
+
</div>
|
|
190
|
+
</div>
|
|
191
|
+
<div class="form-group row vertical-center">
|
|
192
|
+
<label class="col-xs-4 control-label">安装日期：</label>
|
|
193
|
+
<div class="col-xs-8">
|
|
194
|
+
<datepicker
|
|
195
|
+
placeholder="安装日期"
|
|
196
|
+
:value.sync="item.f_input_date"
|
|
197
|
+
v-model="item.f_input_date"
|
|
198
|
+
format="yyyy-MM-dd HH:mm:ss"
|
|
199
|
+
:disabled="mark === 1">
|
|
200
|
+
</datepicker>
|
|
201
|
+
</div>
|
|
202
|
+
</div>
|
|
203
|
+
<div class="form-group row vertical-center">
|
|
204
|
+
<label class="col-xs-4 control-label">生产日期：</label>
|
|
205
|
+
<div class="col-xs-8">
|
|
206
|
+
<datepicker
|
|
207
|
+
placeholder="生产日期"
|
|
208
|
+
:value.sync="item.f_make_date"
|
|
209
|
+
v-model="item.f_make_date"
|
|
210
|
+
format="yyyy-MM-dd HH:mm:ss"
|
|
211
|
+
@change="expireDate($index)"
|
|
212
|
+
:disabled="mark === 1">
|
|
213
|
+
</datepicker>
|
|
214
|
+
</div>
|
|
215
|
+
</div>
|
|
216
|
+
<div class="form-group row vertical-center">
|
|
217
|
+
<label class="col-xs-4 control-label">使用年限：</label>
|
|
218
|
+
<div class="col-xs-8">
|
|
219
|
+
<input class="form-control input_view" style="" type="number"
|
|
220
|
+
placeholder="使用年限"
|
|
221
|
+
v-model="item.f_service_life"
|
|
222
|
+
:value="item.f_service_life"
|
|
223
|
+
@change="expireDate($index)"
|
|
224
|
+
:readonly="mark === 1"/>
|
|
225
|
+
</div>
|
|
226
|
+
</div>
|
|
227
|
+
<div class="form-group row vertical-center">
|
|
228
|
+
<label class="col-xs-4 control-label">到期日期：</label>
|
|
229
|
+
<div class="col-xs-8">
|
|
230
|
+
<datepicker
|
|
231
|
+
placeholder="到期日期"
|
|
232
|
+
:value.sync="item.f_expire_date"
|
|
233
|
+
v-model="item.f_expire_date"
|
|
234
|
+
format="yyyy-MM-dd HH:mm:ss"
|
|
235
|
+
disabled>
|
|
236
|
+
</datepicker>
|
|
237
|
+
</div>
|
|
238
|
+
</div>
|
|
239
|
+
<div class="form-group row vertical-center">
|
|
240
|
+
<label class="col-xs-4 control-label">设备数量：</label>
|
|
241
|
+
<div class="col-xs-8">
|
|
242
|
+
<input class="form-control input_view" style="" type="number"
|
|
243
|
+
placeholder="设备数量"
|
|
244
|
+
v-model="item.f_devices_num"
|
|
245
|
+
:value="item.f_devices_num"
|
|
246
|
+
:readonly="mark === 1"/>
|
|
247
|
+
</div>
|
|
248
|
+
</div>
|
|
249
|
+
<div class="form-group row vertical-center">
|
|
250
|
+
<label class="col-xs-4 control-label">安装日期：</label>
|
|
251
|
+
<div class="col-xs-8">
|
|
252
|
+
<datepicker
|
|
253
|
+
placeholder="连接管安装日期"
|
|
254
|
+
:value.sync="item.f_pipeinstall_date"
|
|
255
|
+
v-model="item.f_pipeinstall_date"
|
|
256
|
+
format="yyyy-MM-dd HH:mm:ss"
|
|
257
|
+
:disabled="mark === 1">
|
|
258
|
+
</datepicker>
|
|
259
|
+
</div>
|
|
260
|
+
</div>
|
|
261
|
+
<div class="form-group row vertical-center">
|
|
262
|
+
<label class="col-xs-4 control-label">到期日期：</label>
|
|
263
|
+
<div class="col-xs-8">
|
|
264
|
+
<datepicker
|
|
265
|
+
placeholder="连接管到期日期"
|
|
266
|
+
:value.sync="item.f_pipeexpire_date"
|
|
267
|
+
v-model="item.f_pipeexpire_date"
|
|
268
|
+
format="yyyy-MM-dd HH:mm:ss"
|
|
269
|
+
:disabled="mark === 1">
|
|
270
|
+
</datepicker>
|
|
271
|
+
</div>
|
|
272
|
+
</div>
|
|
273
|
+
<div class="form-group row vertical-center">
|
|
274
|
+
<label class="col-xs-4 control-label">管道类型：</label>
|
|
275
|
+
<div class="col-xs-8">
|
|
276
|
+
<input-select
|
|
277
|
+
class="select select_list"
|
|
278
|
+
:value.sync="item.f_pipe_type"
|
|
279
|
+
v-model="item.f_pipe_type"
|
|
280
|
+
:options="pipeType"
|
|
281
|
+
:disable="mark === 1"
|
|
282
|
+
:valueSingle="true">
|
|
283
|
+
</input-select>
|
|
284
|
+
</div>
|
|
285
|
+
</div>
|
|
286
|
+
<div class="form-group row vertical-center">
|
|
287
|
+
<label class="col-xs-4 control-label">设备状态：</label>
|
|
288
|
+
<div class="col-xs-8">
|
|
289
|
+
<input-select
|
|
290
|
+
class="select select_list"
|
|
291
|
+
:value.sync="item.f_userinfodevices_state"
|
|
292
|
+
v-model="item.f_userinfodevices_state"
|
|
293
|
+
:options="userdevicestate"
|
|
294
|
+
:disable="mark === 1"
|
|
295
|
+
:valueSingle="true"></input-select>
|
|
296
|
+
</div>
|
|
297
|
+
</div>
|
|
298
|
+
<div class="form-group row vertical-center">
|
|
299
|
+
<label class="col-xs-4 control-label">购买方式：</label>
|
|
300
|
+
<div class="col-xs-8">
|
|
301
|
+
<input-select
|
|
302
|
+
class="select select_list"
|
|
303
|
+
:value.sync="item.WatchPurchase"
|
|
304
|
+
v-model="item.WatchPurchase"
|
|
305
|
+
:options="WatchPurchases"
|
|
306
|
+
:disable="mark === 1"
|
|
307
|
+
:valueSingle="true"></input-select>
|
|
308
|
+
</div>
|
|
309
|
+
</div>
|
|
310
|
+
<div class="form-group row vertical-center">
|
|
311
|
+
<label class="col-xs-4 control-label">安装方式：</label>
|
|
312
|
+
<div class="col-xs-8">
|
|
313
|
+
<input-select
|
|
314
|
+
class="select select_list"
|
|
315
|
+
:value.sync="item.f_install_type"
|
|
316
|
+
v-model="item.f_install_type"
|
|
317
|
+
:options="installType"
|
|
318
|
+
:disable="mark === 1"
|
|
319
|
+
:valueSingle="true"></input-select>
|
|
320
|
+
</div>
|
|
321
|
+
</div>
|
|
322
|
+
<div class="form-group row vertical-center">
|
|
323
|
+
<label class="col-xs-4 control-label">备  注：</label>
|
|
324
|
+
<div class="col-xs-8">
|
|
325
|
+
<textarea
|
|
326
|
+
class="form-control input_view" rows="2" style="width: 100%;height: 100%"
|
|
327
|
+
v-model="item.f_comments" :value="item.f_comments"
|
|
328
|
+
:disabled="mark === 1"
|
|
329
|
+
></textarea>
|
|
330
|
+
</div>
|
|
331
|
+
</div>
|
|
332
|
+
-->
|
|
333
|
+
</div>
|
|
334
|
+
|
|
335
|
+
</article>
|
|
336
|
+
<footer slot="modal-footer" class="modal-footer">
|
|
337
|
+
<button type="button" class="btn btn-primary" @click="pushDevice()">添加设备</button>
|
|
338
|
+
<button type="button" class="btn btn-primary" @click="addDevice()">确认</button>
|
|
339
|
+
</footer>
|
|
340
|
+
</modal>
|
|
341
|
+
</div>
|
|
342
|
+
|
|
343
|
+
</template>
|
|
344
|
+
<script>
|
|
345
|
+
import {getNowDate,isEmpty} from '../../../components/Util'
|
|
346
|
+
import {PagedList} from 'vue-client'
|
|
347
|
+
import Vue from 'vue'
|
|
348
|
+
import {HttpResetClass} from 'vue-client'
|
|
349
|
+
// Date格式化
|
|
350
|
+
Date.prototype.Format = function (fmt) {
|
|
351
|
+
var o = {
|
|
352
|
+
'M+': this.getMonth() + 1, // 月份
|
|
353
|
+
'd+': this.getDate(), // 日
|
|
354
|
+
'H+': this.getHours(), // 小时
|
|
355
|
+
'm+': this.getMinutes(), // 分
|
|
356
|
+
's+': this.getSeconds(), // 秒
|
|
357
|
+
'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
|
|
358
|
+
'S': this.getMilliseconds() // 毫秒
|
|
359
|
+
}
|
|
360
|
+
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length))
|
|
361
|
+
for (var k in o) {
|
|
362
|
+
if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
|
|
363
|
+
}
|
|
364
|
+
return fmt
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
export default {
|
|
368
|
+
title: '设备管理',
|
|
369
|
+
props: {
|
|
370
|
+
selectdata: {
|
|
371
|
+
type: Object
|
|
372
|
+
},
|
|
373
|
+
mark: {
|
|
374
|
+
type: Number,
|
|
375
|
+
default: 0
|
|
376
|
+
}
|
|
377
|
+
},
|
|
378
|
+
data () {
|
|
379
|
+
return {
|
|
380
|
+
model: {
|
|
381
|
+
rows: null
|
|
382
|
+
},
|
|
383
|
+
userfile: null,
|
|
384
|
+
showDevices: false
|
|
385
|
+
}
|
|
386
|
+
},
|
|
387
|
+
ready () {
|
|
388
|
+
this.search()
|
|
389
|
+
},
|
|
390
|
+
methods: {
|
|
391
|
+
deleteDevicesinfo (index) {
|
|
392
|
+
this.userfile.devicesinfo.splice(index, 1)
|
|
393
|
+
},
|
|
394
|
+
async addDevice () {
|
|
395
|
+
let data = {
|
|
396
|
+
selectdata: this.selectdata,
|
|
397
|
+
userfile: this.userfile,
|
|
398
|
+
user: Vue.user
|
|
399
|
+
// user: {"f_show_department_name":"","parentname":"营业厅","functions":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"客服系统","icon":"/images/lefticon/档案管理.png","hasright":false,"resourcetype":"function","parentid":"27","children":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"档案管理","link":"address-manage","hasright":true,"resourcetype":"function","parentid":"212","children":[],"selfid":"33664","name":"地址管理","templatename":"functionedit","id":"33663","position":"5","fullname":"资源管理.功能模块.客服系统.档案管理.地址管理","fullid":"3.21.27.212.33663","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"档案管理","link":"file-user-files","hasright":true,"resourcetype":"function","parentid":"212","children":[],"selfid":"237","name":"用户档案","templatename":"functionedit","id":"236","position":"8","fullname":"资源管理.功能模块.客服系统.档案管理.用户档案","fullid":"3.21.27.212.236","tablename":"t_function"}],"selfid":"213","name":"档案管理","templatename":"functionedit","id":"212","position":"2","fullname":"资源管理.功能模块.客服系统.档案管理","fullid":"3.21.27.212","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"客服系统","icon":"/images/lefticon/综合业务.png","hasright":false,"resourcetype":"function","parentid":"27","children":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","parentname":"综合业务","link":"param-manage","hasright":true,"resourcetype":"function","parentid":"284","children":[],"selfid":"303","name":"参数管理","templatename":"functionedit","id":"302","position":"3","fullname":"资源管理.功能模块.客服系统.综合业务.参数管理","fullid":"3.21.27.284.302","tablename":"t_function"}],"selfid":"285","name":"综合业务","templatename":"functionedit","id":"284","position":"5","fullname":"资源管理.功能模块.客服系统.综合业务","fullid":"3.21.27.284","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"客服系统","icon":"/images/lefticon/报建系统.png","hasright":true,"resourcetype":"function","parentid":"27","f_parentname":"客服系统","children":[{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"install-function","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34680","name":"功能业务","templatename":"functionedit","id":"34679","position":"1","fullname":"资源管理.功能模块.客服系统.报建业务.功能业务","fullid":"3.21.27.34673.34679","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"exploration-user","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34686","name":"流程业务","templatename":"functionedit","id":"34685","position":"2","fullname":"资源管理.功能模块.客服系统.报建业务.流程业务","fullid":"3.21.27.34673.34685","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"supervisory-control","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34692","name":"流程监控","templatename":"functionedit","id":"34691","position":"3","fullname":"资源管理.功能模块.客服系统.报建业务.流程监控","fullid":"3.21.27.34673.34691","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"apply-charge-search","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34698","name":"收费明细","templatename":"functionedit","id":"34697","position":"4","fullname":"资源管理.功能模块.客服系统.报建业务.收费明细","fullid":"3.21.27.34673.34697","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"order-apply","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34704","name":"预约申请","templatename":"functionedit","id":"34703","position":"5","fullname":"资源管理.功能模块.客服系统.报建业务.预约申请","fullid":"3.21.27.34673.34703","tablename":"t_function"},{"pagenames":"公共通讯录维护模板","processnames":"发邮件流程","loginid":"15","parentname":"报建业务","link":"stop-apply","hasright":true,"resourcetype":"function","parentid":"34673","f_parentname":"报建业务","children":[],"selfid":"34710","name":"终止报建","templatename":"functionedit","id":"34709","position":"6","fullname":"资源管理.功能模块.客服系统.报建业务.终止报建","fullid":"3.21.27.34673.34709","tablename":"t_function"}],"selfid":"34674","name":"报建业务","templatename":"functionedit","id":"34673","position":"11","fullname":"资源管理.功能模块.客服系统.报建业务","fullid":"3.21.27.34673","tablename":"t_function"}],"qrcode":"/rs/user/getQRcode?QRCODE=406b-1630284429661-03197","rolesnames":"营业厅报装,设计部报装,市场部报装,工程部报装,运营部报装,财务部报装","roles":"34751,34757,34763,34769,34775,35326","f_sex":"男","f_icon":"tree_user","fullnames":"河南亿星集团实业有限公司.周口市天然气有限公司.营业厅.报建测试","dir":"zhoukou","userid":"406b-1630284429661-03197","accesstime":"1630409418399","parentid":"34715","f_show_rolestr":"","fullids":"30463.10101.34715.34781.","number":"10101","f_idnumber":{},"selfid":"34782","templatename":"useredit","logindate":"2021-08-30 16:36:39","id":"34781","state":"在职","tablename":"t_user","deptype":"部门","depids":"34715","loginid":"15","imgid":{},"f_user_telephone":{},"rolestr":"营业厅报装,设计部报装,市场部报装,工程部报装,运营部报装,财务部报装","deps":"营业厅","loginnum":"0","f_age":{},"resourcetype":"user","orgid":"10101","f_department_name":"营业厅","ename":"bjcs","deleted":"false","entitytype":"t_user","f_description":{},"loginip":"192.168.66.138","name":"报建测试","position":"1","orgs":"周口市天然气有限公司","f_role_name":"营业厅报装 设计部报装 市场部报装 工程部报装 运营部报装 财务部报装 ","f_allArea":[],"f_gasman":[],"lics":[]}
|
|
400
|
+
}
|
|
401
|
+
let res = await this.$resetpost(
|
|
402
|
+
`${this.$androidUtil.getProxyUrl()}/rs/logic/applyAddDevice`,
|
|
403
|
+
{data: data},
|
|
404
|
+
{resolveMsg: null, rejectMsg: '设备添加失败！！！'}
|
|
405
|
+
)
|
|
406
|
+
|
|
407
|
+
this.closeDevices()
|
|
408
|
+
this.search()
|
|
409
|
+
//去掉控制层刷新，避免将没有保存的数据刷新掉
|
|
410
|
+
this.$dispatch('breakControl', this.selectdata)
|
|
411
|
+
},
|
|
412
|
+
pushDevice () {
|
|
413
|
+
this.userfile.devicesinfo.push({})
|
|
414
|
+
},
|
|
415
|
+
expireDate (index) {
|
|
416
|
+
|
|
417
|
+
if (isEmpty(this.userfile.devicesinfo[index].f_make_date) || isEmpty(this.userfile.devicesinfo[index].f_service_life)) {
|
|
418
|
+
return
|
|
419
|
+
}
|
|
420
|
+
let f_make_date = new Date(this.userfile.devicesinfo[index].f_make_date)
|
|
421
|
+
let year = (f_make_date.getFullYear() - 0) + (this.userfile.devicesinfo[index].f_service_life - 0)
|
|
422
|
+
let month = (f_make_date.getMonth() - 0) + 1
|
|
423
|
+
let day = f_make_date.getDate()
|
|
424
|
+
|
|
425
|
+
Vue.set(this.userfile.devicesinfo[index], 'f_expire_date', year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day))
|
|
426
|
+
},
|
|
427
|
+
async openDevicesModal (row) {
|
|
428
|
+
this.userfile = row
|
|
429
|
+
|
|
430
|
+
let data = {
|
|
431
|
+
tablename: 't_devices',
|
|
432
|
+
condition: `f_userfiles_id = '${this.userfile.f_userfiles_id}'`
|
|
433
|
+
}
|
|
434
|
+
// let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/apply_singleTable`, {data:data}, {
|
|
435
|
+
// resolveMsg: null,
|
|
436
|
+
// rejectMsg: '设备查询失败！！！'
|
|
437
|
+
// })
|
|
438
|
+
let res = await this.$resetpost(
|
|
439
|
+
`${this.$androidUtil.getProxyUrl()}/rs/sql/apply_singleTable`,
|
|
440
|
+
{data: data},
|
|
441
|
+
{resolveMsg: null, rejectMsg: '设备查询失败！！！'}
|
|
442
|
+
)
|
|
443
|
+
|
|
444
|
+
Vue.set(this.userfile, 'devicesinfo', res.data)
|
|
445
|
+
|
|
446
|
+
this.showDevices = true
|
|
447
|
+
},
|
|
448
|
+
async search () {
|
|
449
|
+
var condition1=''
|
|
450
|
+
if(this.selectdata.f_sub_state ==='完工'){
|
|
451
|
+
condition1=`uf.f_userinfo_id = '${this.selectdata.f_userinfo_id}' and f_table_state='正常'`
|
|
452
|
+
}else{
|
|
453
|
+
condition1=`uf.f_userinfo_id = '${this.selectdata.f_userinfo_id}' and f_table_state='待开通'`
|
|
454
|
+
}
|
|
455
|
+
let http = new HttpResetClass()
|
|
456
|
+
let data = {
|
|
457
|
+
condition: condition1
|
|
458
|
+
}
|
|
459
|
+
let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/getUserFilesAndDevicesAmount`, {data:data}, {
|
|
460
|
+
resolveMsg: null,
|
|
461
|
+
rejectMsg: '获取表具失败！！！'
|
|
462
|
+
})
|
|
463
|
+
this.model.rows = res.data
|
|
464
|
+
},
|
|
465
|
+
// 关闭对话框
|
|
466
|
+
closeDevices() {
|
|
467
|
+
this.showDevices = false
|
|
468
|
+
this.userfile = null
|
|
469
|
+
|
|
470
|
+
this.search()
|
|
471
|
+
}
|
|
472
|
+
},
|
|
473
|
+
events: {
|
|
474
|
+
},
|
|
475
|
+
computed: {
|
|
476
|
+
installperson() {
|
|
477
|
+
return function (f_input_person) {
|
|
478
|
+
if (isEmpty(f_input_person)) {
|
|
479
|
+
return Vue.user.name
|
|
480
|
+
}
|
|
481
|
+
return f_input_person
|
|
482
|
+
}
|
|
483
|
+
},
|
|
484
|
+
installdate() {
|
|
485
|
+
return function (f_install_date) {
|
|
486
|
+
if (isEmpty(f_install_date)) {
|
|
487
|
+
return new Date().Format('yyyy-MM-dd HH:mm:ss')
|
|
488
|
+
}
|
|
489
|
+
return f_install_date
|
|
490
|
+
}
|
|
491
|
+
},
|
|
492
|
+
installType() {
|
|
493
|
+
return this.$appdata.getParam("安装方式")
|
|
494
|
+
},
|
|
495
|
+
WatchPurchases() {
|
|
496
|
+
return this.$appdata.getParam("购买方式")
|
|
497
|
+
},
|
|
498
|
+
userdevicestate() {
|
|
499
|
+
return this.$appdata.getParam("用户设备状态")
|
|
500
|
+
},
|
|
501
|
+
pipeType() {
|
|
502
|
+
return this.$appdata.getParam("管道类型")
|
|
503
|
+
},
|
|
504
|
+
devicesType() {
|
|
505
|
+
return this.$appdata.getParam("设备类型")
|
|
506
|
+
},
|
|
507
|
+
brandList() {
|
|
508
|
+
return this.$appdata.getParam("设备品牌")
|
|
509
|
+
}
|
|
510
|
+
},
|
|
511
|
+
watch: {
|
|
512
|
+
}
|
|
513
|
+
}
|
|
514
|
+
</script>
|
|
515
|
+
<style scoped>
|
|
516
|
+
.vertical-center {
|
|
517
|
+
display: flex;
|
|
518
|
+
align-items: center;
|
|
519
|
+
text-align: center;
|
|
520
|
+
}
|
|
521
|
+
</style>
|