safecheck-client 3.0.39-81 → 3.0.39-82
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/android/block/BlockUserDetails.vue +356 -0
- package/src/components/android/block/BlockUserManager.vue +226 -0
- package/src/filiale/dexin/android/SafecheckOrderVTemp.vue +1256 -1255
- package/src/filiale/dexin/pc/PaperList.vue +17 -0
- package/src/safecheck-android.js +318 -316
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "safecheck-client",
|
|
3
3
|
"//": "主分支版本别乱升，测试包的版本直接发包(建议使用1.XX.XX-XXX格式作为测试包，不要频繁升级第三位版本号)，别提交版本号。切了分支切记把主分支版本升了，保证主分支始终是最高版本！！！！！",
|
|
4
|
-
"version": "3.0.39-
|
|
4
|
+
"version": "3.0.39-82",
|
|
5
5
|
"description": "安检模块 前端组件",
|
|
6
6
|
"author": "丁新 <417755458@qq.com>",
|
|
7
7
|
"license": "ISC",
|
|
@@ -0,0 +1,356 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div style="height: 100%">
|
|
3
|
+
<work-busy :is-busy="busy"></work-busy>
|
|
4
|
+
<div class="panel auto" v-if="blackUser">
|
|
5
|
+
<div class="panel-body " id="upuserinfo_sel">
|
|
6
|
+
<div class="row auto" style="margin: 5px 0">
|
|
7
|
+
<label class="righttxt">用户编号:</label>
|
|
8
|
+
<input type="text" class="form-control rightipt" v-model="model.f_userinfo_code" disabled="true"/>
|
|
9
|
+
</div>
|
|
10
|
+
<div class="row auto" style="margin: 5px 0">
|
|
11
|
+
<label class="righttxt">用户名称:</label><input type="text" class="form-control rightipt"
|
|
12
|
+
v-model="model.f_user_name" disabled="true"/>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="row auto" style="margin: 5px 0">
|
|
15
|
+
<label class="righttxt">身份证号:</label><input type="text" class="form-control rightipt" disabled="true"
|
|
16
|
+
v-model="model.f_idnumber" />
|
|
17
|
+
</div>
|
|
18
|
+
<div class="row auto" style="margin: 5px 0">
|
|
19
|
+
<label class="righttxt">用户状态:</label><input type="text" class="form-control rightipt" disabled="true"
|
|
20
|
+
v-model="model.f_user_state"/>
|
|
21
|
+
</div>
|
|
22
|
+
<div class="row auto" style="margin: 5px 0">
|
|
23
|
+
<label class="righttxt">用户电话:</label><input type="text" class="form-control rightipt" disabled="true"
|
|
24
|
+
v-model="model.f_user_phone"/>
|
|
25
|
+
</div>
|
|
26
|
+
<div class="row auto" style="margin: 5px 0">
|
|
27
|
+
<label class="righttxt">表号:</label><input type="text" class="form-control rightipt" disabled="true"
|
|
28
|
+
v-model="model.f_meternumber"/>
|
|
29
|
+
</div>
|
|
30
|
+
<div class="row auto" style="margin: 5px 0">
|
|
31
|
+
<label class="righttxt">卡号:</label><input type="text" class="form-control rightipt" disabled="true"
|
|
32
|
+
v-model="model.f_card_id"/>
|
|
33
|
+
</div>
|
|
34
|
+
<div class="row auto" style="margin: 5px 0">
|
|
35
|
+
<label class="righttxt">拉黑原因:</label><textarea class="form-control rightipt"
|
|
36
|
+
style="height: 150px"
|
|
37
|
+
v-model="model.f_remark"></textarea>
|
|
38
|
+
</div>
|
|
39
|
+
<div class="row auto" style="margin-top: 20px">
|
|
40
|
+
<button type="button" class="btn btn-lg btn-font btn-color" style="width: 45%;" @click="black">拉黑</button>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
44
|
+
<div class="panel auto" v-if="liftUser">
|
|
45
|
+
<div partial>
|
|
46
|
+
<div class="auto app-text" style="margin-top: 5px;" v-for="row in list">
|
|
47
|
+
<div class="panel" style="padding: 10px 10px 5px 10px;">
|
|
48
|
+
<div class="panel-body panel-self">
|
|
49
|
+
<div class="row">
|
|
50
|
+
<p class="panel-title col-xs-4 text-left font">用户编号</p>
|
|
51
|
+
<p class="panel-title col-xs-8 text-left input-font">{{ model.f_userinfo_code }}</p>
|
|
52
|
+
</div>
|
|
53
|
+
<div class="row">
|
|
54
|
+
<p class="panel-title col-xs-4 text-left font">用户名称</p>
|
|
55
|
+
<p class="panel-title col-xs-8 text-left input-font">{{ model.f_user_name }}</p>
|
|
56
|
+
</div>
|
|
57
|
+
<div class="row">
|
|
58
|
+
<p class="panel-title col-xs-4 text-left font">表号</p>
|
|
59
|
+
<p class="panel-title col-xs-8 text-left input-font">{{ model.f_meternumber }}</p>
|
|
60
|
+
</div>
|
|
61
|
+
<div class="row">
|
|
62
|
+
<p class="panel-title col-xs-4 text-left font">用户类型</p>
|
|
63
|
+
<p class="panel-title col-xs-8 text-left input-font">{{ model.f_user_type }}</p>
|
|
64
|
+
</div>
|
|
65
|
+
<div class="row">
|
|
66
|
+
<p class="panel-title col-xs-4 text-left font">用户电话</p>
|
|
67
|
+
<p class="panel-title col-xs-8 text-left input-font">{{ model.f_user_phone }}</p>
|
|
68
|
+
</div>
|
|
69
|
+
<div class="row">
|
|
70
|
+
<p class="panel-title col-xs-4 text-left font">用户地址</p>
|
|
71
|
+
<p class="panel-title col-xs-8 text-left input-font">{{ model.f_address }}</p>
|
|
72
|
+
</div>
|
|
73
|
+
<div class="row">
|
|
74
|
+
<p class="panel-title col-xs-4 text-left font">操作时间</p>
|
|
75
|
+
<p class="panel-title col-xs-8 text-left input-font">{{ row.f_operate_date }}</p>
|
|
76
|
+
</div>
|
|
77
|
+
<div class="row">
|
|
78
|
+
<p class="panel-title col-xs-4 text-left font">操作人</p>
|
|
79
|
+
<p class="panel-title col-xs-8 text-left input-font">{{ row.f_operator }}</p>
|
|
80
|
+
</div>
|
|
81
|
+
<div class="row">
|
|
82
|
+
<p class="panel-title col-xs-4 text-left font">操作原因</p>
|
|
83
|
+
<p class="panel-title col-xs-8 text-left input-font">{{ row.f_comments }}</p>
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
</div>
|
|
89
|
+
<div class="row auto" style="margin-top: 20px">
|
|
90
|
+
<button type="button" class="btn btn-lg btn-font btn-color" style="width: 45%;" @click="modalShow = true">取消拉黑</button>
|
|
91
|
+
</div>
|
|
92
|
+
<modal :show.sync="modalShow" v-ref:modal>
|
|
93
|
+
<div slot="modal-header" class="modal-header">
|
|
94
|
+
<h4 class="modal-title">
|
|
95
|
+
取消限制用户购气
|
|
96
|
+
</h4>
|
|
97
|
+
</div>
|
|
98
|
+
<div slot="modal-body" class="modal-body">
|
|
99
|
+
<div class="row" style="margin-top: 6px">
|
|
100
|
+
<textarea id="el_ca_txt" v-model.trim="model.f_remark" style="border-radius:4px;width: 100%;" placeholder="请输入取消限制用户购气原因" >
|
|
101
|
+
</textarea>
|
|
102
|
+
</div>
|
|
103
|
+
</div>
|
|
104
|
+
<div slot="modal-footer" class="modal-footer">
|
|
105
|
+
<button type="button" name="button" class="col-sm-3 btn btn-primary" @click="cancleBlack()">确认</button>
|
|
106
|
+
<button type="button" name="button" class="col-sm-3 btn btn-primary" @click="cancle()">取消</button>
|
|
107
|
+
</div>
|
|
108
|
+
</modal>
|
|
109
|
+
</div>
|
|
110
|
+
</div>
|
|
111
|
+
</template>
|
|
112
|
+
|
|
113
|
+
<script>
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
import Vue from "vue";
|
|
117
|
+
import * as Util from "../../Util";
|
|
118
|
+
import {HttpResetClass} from "vue-client";
|
|
119
|
+
|
|
120
|
+
export default {
|
|
121
|
+
title: '拉黑',
|
|
122
|
+
data() {
|
|
123
|
+
return {
|
|
124
|
+
model:{},
|
|
125
|
+
list:[],
|
|
126
|
+
busy:false,
|
|
127
|
+
modalShow:false,
|
|
128
|
+
blackUser:false,
|
|
129
|
+
liftUser:false
|
|
130
|
+
}
|
|
131
|
+
},
|
|
132
|
+
props: {
|
|
133
|
+
item: {
|
|
134
|
+
type: Object
|
|
135
|
+
}
|
|
136
|
+
},
|
|
137
|
+
methods:{
|
|
138
|
+
cancle(){
|
|
139
|
+
this.modalShow = false
|
|
140
|
+
this.model.f_remark = ''
|
|
141
|
+
},
|
|
142
|
+
async cancleBlack(){
|
|
143
|
+
if (!this.model.f_remark) {
|
|
144
|
+
this.$showMessage("请填写取消拉黑原因！")
|
|
145
|
+
return
|
|
146
|
+
}
|
|
147
|
+
this.busy = true
|
|
148
|
+
setTimeout(() => {
|
|
149
|
+
this.busy = false
|
|
150
|
+
}, 5000)
|
|
151
|
+
let http = new HttpResetClass()
|
|
152
|
+
let res1 = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {
|
|
153
|
+
data: {
|
|
154
|
+
items: "version",
|
|
155
|
+
tablename: "t_userinfo",
|
|
156
|
+
condition: "f_userinfo_id=" + this.model.f_userinfo_id,
|
|
157
|
+
orderitem: "f_userinfo_id"
|
|
158
|
+
}
|
|
159
|
+
}, {resolveMsg: null, rejectMsg: null})
|
|
160
|
+
let res2 = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/backlistOperate`, {
|
|
161
|
+
data: {
|
|
162
|
+
"f_operat_type": "取消拉黑",
|
|
163
|
+
"f_state": "有效",
|
|
164
|
+
"f_user_name": this.model.f_user_name,
|
|
165
|
+
"f_comments": this.model.f_remark,
|
|
166
|
+
"f_operator": Vue.user.name,
|
|
167
|
+
"f_operatorid": Vue.user.id,
|
|
168
|
+
"f_orgid": Vue.user.orgid,
|
|
169
|
+
"f_orgname": Vue.user.orgs,
|
|
170
|
+
"f_depid": Vue.user.depids,
|
|
171
|
+
"f_depname": Vue.user.deps,
|
|
172
|
+
"f_describe": `${Vue.user.name}对用户${this.model.f_user_name}进行取消拉黑`,
|
|
173
|
+
"f_userinfo_id": {
|
|
174
|
+
"f_userinfo_id": this.model.f_userinfo_id,
|
|
175
|
+
"f_user_state": "正常",
|
|
176
|
+
"version": res1.data[0].version
|
|
177
|
+
},
|
|
178
|
+
"f_limit_times":"",
|
|
179
|
+
"f_limit_value":""
|
|
180
|
+
}
|
|
181
|
+
}, {resolveMsg: null, rejectMsg: null})
|
|
182
|
+
this.busy = false
|
|
183
|
+
if (res2.data.code == 200) {
|
|
184
|
+
this.$showMessage("取消该用户限制购气成功！")
|
|
185
|
+
} else {
|
|
186
|
+
this.$showMessage("网络异常，请稍后再试！")
|
|
187
|
+
}
|
|
188
|
+
this.cancle()
|
|
189
|
+
},
|
|
190
|
+
async black(){
|
|
191
|
+
if (!this.model.f_remark || this.model.f_remark.trim() === '') {
|
|
192
|
+
this.$showMessage("请填写拉黑原因");
|
|
193
|
+
return;
|
|
194
|
+
}
|
|
195
|
+
let limit_times=1
|
|
196
|
+
let limit_value=3
|
|
197
|
+
let limit_amount=3
|
|
198
|
+
if(Vue.config.safecheck && Vue.config.safecheck.ApproveConfig.limit_times && Vue.config.safecheck.ApproveConfig.limit_value && Vue.config.safecheck.ApproveConfig.limit_amount){
|
|
199
|
+
limit_times = Vue.config.safecheck.ApproveConfig.limit_times
|
|
200
|
+
limit_value = Vue.config.safecheck.ApproveConfig.limit_value
|
|
201
|
+
limit_amount = Vue.config.safecheck.ApproveConfig.limit_amount
|
|
202
|
+
}
|
|
203
|
+
this.busy = true
|
|
204
|
+
setTimeout(() => {
|
|
205
|
+
this.busy = false
|
|
206
|
+
}, 5000)
|
|
207
|
+
let res2 = await new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/backlistOperate`, {
|
|
208
|
+
data: {
|
|
209
|
+
"f_operat_type": "拉黑",
|
|
210
|
+
"f_state": "有效",
|
|
211
|
+
"f_user_name": this.model.f_user_name,
|
|
212
|
+
"f_comments": this.model.f_remark,
|
|
213
|
+
"f_operator": Vue.user.name,
|
|
214
|
+
"f_operate_date":Util.toStandardTimeString(),
|
|
215
|
+
"f_operatorid": Vue.user.id,
|
|
216
|
+
"f_orgid": Vue.user.orgid,
|
|
217
|
+
"f_orgname": Vue.user.orgs,
|
|
218
|
+
"f_depid": Vue.user.depids,
|
|
219
|
+
"f_depname": Vue.user.deps,
|
|
220
|
+
"f_describe": `${Vue.user.name}对用户${this.model.f_user_name}进行拉黑`,
|
|
221
|
+
"f_userinfo_id": {
|
|
222
|
+
"f_userinfo_id": this.model.f_userinfo_id
|
|
223
|
+
},
|
|
224
|
+
"f_limit_times":limit_times,
|
|
225
|
+
"f_limit_value":limit_value,
|
|
226
|
+
"f_limit_amount":limit_amount,
|
|
227
|
+
'f_limit_type':'气量'
|
|
228
|
+
}
|
|
229
|
+
}, {resolveMsg: null, rejectMsg: null})
|
|
230
|
+
this.busy = false
|
|
231
|
+
if (res2.data.code == 200) {
|
|
232
|
+
this.$showMessage("将该用户限制购气成功！")
|
|
233
|
+
} else if (res2.data.msg == '数据增加重复') {
|
|
234
|
+
this.$showMessage("该用户已被限制购气，请勿重复提交！")
|
|
235
|
+
} else {
|
|
236
|
+
this.$showMessage("网络异常，请稍后再试！")
|
|
237
|
+
}
|
|
238
|
+
},
|
|
239
|
+
async initList(){
|
|
240
|
+
const blackList = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {
|
|
241
|
+
data: {
|
|
242
|
+
items: "b.*",
|
|
243
|
+
tablename: "t_userproperties a left join t_record b on a.f_record_id = b.id",
|
|
244
|
+
orderitem: "a.id",
|
|
245
|
+
condition: `a.f_userinfo_id = '${this.model.f_userinfo_id}' and a.f_parameter_key = 'blackList'`
|
|
246
|
+
}
|
|
247
|
+
}, {resolveMsg: null, rejectMsg: null})
|
|
248
|
+
console.log(blackList)
|
|
249
|
+
this.list = blackList.data
|
|
250
|
+
}
|
|
251
|
+
},
|
|
252
|
+
async ready() {
|
|
253
|
+
this.model = JSON.parse(JSON.stringify(this.item))
|
|
254
|
+
const blackList = await new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/safe_singleTable_OrderBy`, {
|
|
255
|
+
data: {
|
|
256
|
+
items: "*",
|
|
257
|
+
tablename: "t_userproperties",
|
|
258
|
+
orderitem: "id",
|
|
259
|
+
condition: `f_userinfo_id = '${this.model.f_userinfo_id}' and f_state = '有效' and f_parameter_key = 'blackList'`
|
|
260
|
+
}
|
|
261
|
+
}, {resolveMsg: null, rejectMsg: null})
|
|
262
|
+
if (blackList.data.length > 0){
|
|
263
|
+
await this.initList()
|
|
264
|
+
this.liftUser = true
|
|
265
|
+
}else {
|
|
266
|
+
this.blackUser = true
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
},
|
|
270
|
+
}
|
|
271
|
+
</script>
|
|
272
|
+
<style lang="less" scoped>
|
|
273
|
+
|
|
274
|
+
.btn{
|
|
275
|
+
display: block;
|
|
276
|
+
margin: 0 auto;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
.btn-font{
|
|
280
|
+
font:600 16px PingFang-SC-Bold;
|
|
281
|
+
color: #499EDF;
|
|
282
|
+
}
|
|
283
|
+
.btn-color{
|
|
284
|
+
background-color: #FFFFFF;
|
|
285
|
+
border-radius: 10px ;
|
|
286
|
+
border: 1px solid #499EDF;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
.butt3 {
|
|
290
|
+
float: right;
|
|
291
|
+
width: 12px;
|
|
292
|
+
margin: 1% 2% 0 0;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
.rightipt {
|
|
296
|
+
width: 60%;
|
|
297
|
+
float: left;
|
|
298
|
+
margin-left: 5%;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
.righttxt {
|
|
302
|
+
border: none;
|
|
303
|
+
margin-left: 5px;
|
|
304
|
+
/*border-left: 5px solid #A2C2EB;*/
|
|
305
|
+
float: left;
|
|
306
|
+
width: 25%;
|
|
307
|
+
margin-bottom: 3px;
|
|
308
|
+
text-align: left;
|
|
309
|
+
word-wrap: break-word;
|
|
310
|
+
white-space: normal;
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
.tit1 {
|
|
314
|
+
background-repeat: no-repeat;
|
|
315
|
+
background-position: center;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
.spanboder {
|
|
319
|
+
border-bottom: 2px solid #499edf;
|
|
320
|
+
padding-bottom: 8px
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
#upuserinfo_sel /deep/ ul {
|
|
324
|
+
width: 100% !important;
|
|
325
|
+
left: 0 !important;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
.btn-photo {
|
|
329
|
+
border: 0;
|
|
330
|
+
border-radius: 7px;
|
|
331
|
+
background-color: #7dc1f4;
|
|
332
|
+
font: 15px PingFang-SC-Bold;
|
|
333
|
+
height: 20%;
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
.panel-self {
|
|
337
|
+
border-radius: 10px;
|
|
338
|
+
border: 1px solid #499EDF;
|
|
339
|
+
background-color: #F8F8F8;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
.div-photo {
|
|
343
|
+
width: auto;
|
|
344
|
+
height: auto;
|
|
345
|
+
/* margin-top: 10px; */
|
|
346
|
+
position: absolute;
|
|
347
|
+
bottom: 10px;
|
|
348
|
+
right: 10px;
|
|
349
|
+
}
|
|
350
|
+
</style>
|
|
351
|
+
<style lang="less">
|
|
352
|
+
#upuserinfo_sel ul {
|
|
353
|
+
width: 100% !important;
|
|
354
|
+
left: 0 !important;
|
|
355
|
+
}
|
|
356
|
+
</style>
|
|
@@ -0,0 +1,226 @@
|
|
|
1
|
+
<style scoped>
|
|
2
|
+
.app-row {
|
|
3
|
+
background-color: white;
|
|
4
|
+
padding: 10px 10px 0 10px;
|
|
5
|
+
border-bottom: 1px solid rgba(235, 235, 235, 0.5);
|
|
6
|
+
}
|
|
7
|
+
.search_input {
|
|
8
|
+
border: 0;
|
|
9
|
+
outline: none;
|
|
10
|
+
width: 100%;
|
|
11
|
+
}
|
|
12
|
+
.font{
|
|
13
|
+
font: 15px PingFang-SC-Medium;
|
|
14
|
+
color: #666666;
|
|
15
|
+
}
|
|
16
|
+
.input-font{
|
|
17
|
+
font: 15px PingFang-SC-Medium;
|
|
18
|
+
color: #333333;
|
|
19
|
+
}
|
|
20
|
+
.btn-font{
|
|
21
|
+
font:600 16px PingFang-SC-Bold;
|
|
22
|
+
color: #499EDF;
|
|
23
|
+
}
|
|
24
|
+
.btn-color{
|
|
25
|
+
background-color: #FFFFFF;
|
|
26
|
+
border-radius: 10px ;
|
|
27
|
+
border: 1px solid #499EDF;
|
|
28
|
+
}
|
|
29
|
+
.app-text {
|
|
30
|
+
font-size: 12px;
|
|
31
|
+
}
|
|
32
|
+
.panel-self{
|
|
33
|
+
border-radius: 10px;
|
|
34
|
+
border:1px solid #499EDF;
|
|
35
|
+
background-color: #F8F8F8;
|
|
36
|
+
}
|
|
37
|
+
.header-bar {
|
|
38
|
+
background-color: #499EDF;
|
|
39
|
+
color: white;
|
|
40
|
+
padding: 10px;
|
|
41
|
+
text-align: center;
|
|
42
|
+
position: relative;
|
|
43
|
+
}
|
|
44
|
+
.header-title {
|
|
45
|
+
font-size: 18px;
|
|
46
|
+
font-weight: bold;
|
|
47
|
+
}
|
|
48
|
+
.back-button {
|
|
49
|
+
position: absolute;
|
|
50
|
+
left: 10px;
|
|
51
|
+
top: 10px;
|
|
52
|
+
color: white;
|
|
53
|
+
}
|
|
54
|
+
.sound-button {
|
|
55
|
+
position: absolute;
|
|
56
|
+
right: 10px;
|
|
57
|
+
top: 10px;
|
|
58
|
+
color: white;
|
|
59
|
+
}
|
|
60
|
+
.btn-new {
|
|
61
|
+
background-color: #499EDF;
|
|
62
|
+
color: white;
|
|
63
|
+
border-radius: 10px;
|
|
64
|
+
border: none;
|
|
65
|
+
}
|
|
66
|
+
.user-info {
|
|
67
|
+
margin-top: 10px;
|
|
68
|
+
margin-bottom: 10px;
|
|
69
|
+
background-color: #f8f8f8;
|
|
70
|
+
padding: 10px;
|
|
71
|
+
border-radius: 5px;
|
|
72
|
+
}
|
|
73
|
+
</style>
|
|
74
|
+
|
|
75
|
+
<template>
|
|
76
|
+
<div class="auto">
|
|
77
|
+
<criteria-paged :model="model" v-ref:paged>
|
|
78
|
+
<criteria partial='criteria' @condition-changed='search' v-ref:cri>
|
|
79
|
+
<div partial>
|
|
80
|
+
<form>
|
|
81
|
+
<div class="row app-row">
|
|
82
|
+
<div class="col-xs-4">
|
|
83
|
+
<img src="../../../assets/表号.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
84
|
+
<label for="f_meternumber" class="font text-left">表 号：</label>
|
|
85
|
+
</div>
|
|
86
|
+
<div class="col-xs-8" >
|
|
87
|
+
<input id="f_meternumber" class="search_input input-font" v-model="model.f_meternumber" placeholder="请输入表号" condition="f_meternumber = '{}'"/>
|
|
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_userinfo_code" class="font text-left">用户名称：</label>
|
|
94
|
+
</div>
|
|
95
|
+
<div class="col-xs-8" >
|
|
96
|
+
<input id="f_user_name" class="search_input input-font" v-model="model.f_user_name" placeholder="请输入用户名称 (可模糊查询)" condition="f_user_name like '%{}%'"/>
|
|
97
|
+
</div>
|
|
98
|
+
</div>
|
|
99
|
+
<div class="row app-row">
|
|
100
|
+
<div class="col-xs-4">
|
|
101
|
+
<img src="../../../assets/表号.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
102
|
+
<label for="f_address" class="font text-left">用户地址：</label>
|
|
103
|
+
</div>
|
|
104
|
+
<div class="col-xs-8" >
|
|
105
|
+
<input id="f_address" class="search_input input-font" v-model="model.f_address" placeholder="请输入用户地址 (可模糊查询)" condition="f_address like '%{}%'"/>
|
|
106
|
+
</div>
|
|
107
|
+
</div>
|
|
108
|
+
<div class="row app-row">
|
|
109
|
+
<div class="col-xs-4">
|
|
110
|
+
<img src="../../../assets/表号.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
111
|
+
<label for="f_residential_area" class="font text-left">小区名称：</label>
|
|
112
|
+
</div>
|
|
113
|
+
<div class="col-xs-8" >
|
|
114
|
+
<input id="f_residential_area" class="search_input input-font" v-model="model.f_residential_area" placeholder="请输入小区名称 (可模糊查询)" condition="f_residential_area like '%{}%'"/>
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
<div class="row app-row">
|
|
118
|
+
<div class="col-xs-4">
|
|
119
|
+
<img src="../../../assets/表号.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
120
|
+
<label for="f_seal_number" class="font text-left">表 封 号：</label>
|
|
121
|
+
</div>
|
|
122
|
+
<div class="col-xs-8" >
|
|
123
|
+
<input id="f_seal_number" class="search_input input-font" v-model="model.f_seal_number" placeholder="请输入表封号" condition="f_seal_number = '{}'"/>
|
|
124
|
+
</div>
|
|
125
|
+
</div>
|
|
126
|
+
<div class="row app-row">
|
|
127
|
+
<div class="col-xs-4">
|
|
128
|
+
<img src="../../../assets/表号.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
129
|
+
<label for="f_user_phone" class="font text-left">电 话 号：</label>
|
|
130
|
+
</div>
|
|
131
|
+
<div class="col-xs-8" >
|
|
132
|
+
<input id="f_user_phone" class="search_input input-font" v-model="model.f_user_phone" placeholder="请输入电话号" condition="f_user_phone = '{}'"/>
|
|
133
|
+
</div>
|
|
134
|
+
</div>
|
|
135
|
+
<div class="row app-row">
|
|
136
|
+
<div class="col-xs-4">
|
|
137
|
+
<img src="../../../assets/表号.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
138
|
+
<label for="f_card_id" class="font text-left">卡 号：</label>
|
|
139
|
+
</div>
|
|
140
|
+
<div class="col-xs-8" >
|
|
141
|
+
<input id="f_card_id" class="search_input input-font" v-model="model.f_card_id" placeholder="请输入卡号" condition="f_card_id = '{}'"/>
|
|
142
|
+
</div>
|
|
143
|
+
</div>
|
|
144
|
+
|
|
145
|
+
<div class="row text-center" style="margin-top: 20px;">
|
|
146
|
+
<button type="button" class="btn btn-lg btn-font btn-color" style="width: 45%; margin-right: 10px;" @click="search">查询</button>
|
|
147
|
+
</div>
|
|
148
|
+
<div style="height:30px;"></div>
|
|
149
|
+
</form>
|
|
150
|
+
</div>
|
|
151
|
+
</criteria>
|
|
152
|
+
<list :model="model" partial='list'>
|
|
153
|
+
<div partial>
|
|
154
|
+
<div class="auto app-text" @click="$parent.$parent.$parent.inspect(row)" style="margin-top: 5px;">
|
|
155
|
+
<div class="panel" style="padding: 10px 10px 5px 10px;">
|
|
156
|
+
<div class="panel-body panel-self">
|
|
157
|
+
<div class="col-xs-12">
|
|
158
|
+
<p class="panel-title col-xs-5 text-left font" style="float: left"><b>用户编号:</b></p>
|
|
159
|
+
<p class="panel-title col-xs-7 text-left input-font" >{{ row.f_userinfo_code }}</p>
|
|
160
|
+
</div>
|
|
161
|
+
<div class="col-xs-12">
|
|
162
|
+
<p class="panel-title col-xs-5 text-left font" style="float: left"><b>用户名称:</b></p>
|
|
163
|
+
<p class="panel-title col-xs-7 text-left input-font" >{{ row.f_user_name }}</p>
|
|
164
|
+
</div>
|
|
165
|
+
<div class="col-xs-12">
|
|
166
|
+
<p class="panel-title col-xs-5 text-left font"><b>表号:</b></p>
|
|
167
|
+
<p class="panel-title col-xs-7 text-left input-font">{{ row.f_meternumber }}</p>
|
|
168
|
+
</div>
|
|
169
|
+
<div class="col-xs-12">
|
|
170
|
+
<p class="panel-title col-xs-5 text-left font"><b>用户类型:</b></p>
|
|
171
|
+
<p class="panel-title col-xs-7 text-left input-font">{{ row.f_user_type }}</p>
|
|
172
|
+
</div>
|
|
173
|
+
<div class="col-xs-12">
|
|
174
|
+
<p class="panel-title col-xs-5 text-left font"><b>用户电话:</b></p>
|
|
175
|
+
<p class="panel-title col-xs-7 text-left input-font" >{{ row.f_user_phone }}</p>
|
|
176
|
+
</div>
|
|
177
|
+
<div class="col-xs-12">
|
|
178
|
+
<p class="panel-title col-xs-5 text-left font"><b>小区名称:</b></p>
|
|
179
|
+
<p class="panel-title col-xs-7 text-left input-font" >{{ row.f_residential_area }}</p>
|
|
180
|
+
</div>
|
|
181
|
+
<div class="col-xs-12">
|
|
182
|
+
<p class="panel-title col-xs-5 text-left font" style="float: left"><b>用户地址:</b></p>
|
|
183
|
+
<p class="panel-title col-xs-7 text-left input-font" >{{ row.f_address }}</p>
|
|
184
|
+
</div>
|
|
185
|
+
</div>
|
|
186
|
+
</div>
|
|
187
|
+
</div>
|
|
188
|
+
</div>
|
|
189
|
+
</list>
|
|
190
|
+
</criteria-paged>
|
|
191
|
+
</div>
|
|
192
|
+
</template>
|
|
193
|
+
|
|
194
|
+
<script>
|
|
195
|
+
import Vue from 'vue'
|
|
196
|
+
import { PagedList } from 'vue-client'
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
export default {
|
|
200
|
+
title: '黑名单管理',
|
|
201
|
+
data () {
|
|
202
|
+
return {
|
|
203
|
+
model: new PagedList(`${this.$androidUtil.getProxyUrl()}/rs/sql/SwitchValveSeachUser`, 5),
|
|
204
|
+
}
|
|
205
|
+
},
|
|
206
|
+
ready () {
|
|
207
|
+
|
|
208
|
+
},
|
|
209
|
+
methods: {
|
|
210
|
+
inspect(row){
|
|
211
|
+
var pardate = {
|
|
212
|
+
_this:this,
|
|
213
|
+
tittle:'黑名单限制',
|
|
214
|
+
safe:true
|
|
215
|
+
}
|
|
216
|
+
this.$dispatch('gotoson',pardate)
|
|
217
|
+
this.$goto('block-user-details', {item: row}, 'self', this.reload)
|
|
218
|
+
},
|
|
219
|
+
reload(){
|
|
220
|
+
console.log('--')
|
|
221
|
+
}
|
|
222
|
+
},
|
|
223
|
+
components: {
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
</script>
|