safecheck-client 4.0.0-63 → 4.0.0-65
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/AndroidDefectDetails.vue +725 -725
- package/src/components/android/Insurance/PhoneInsurancePurchaseDetail.vue +280 -280
- package/src/filiale/jinhong/android/PhoneInsurancePurchaseDetail.vue +437 -437
- package/src/filiale/jinhong/android/PhoneInsuranceRecordList.vue +346 -346
- package/src/filiale/meihekou/android/PhoneInsurancePurchaseDetail.vue +293 -0
- package/src/filiale/meihekou/android/SafecheckOrderV.vue +2400 -2400
- package/src/filiale/meihekou/android.js +20 -19
- package/src/filiale/qingjian/pc/NewCheckpaper.vue +5 -11
|
@@ -1,346 +1,346 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="auto">
|
|
3
|
-
<criteria-paged :model="model" v-ref:paged>
|
|
4
|
-
<criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
|
|
5
|
-
<div partial>
|
|
6
|
-
<form>
|
|
7
|
-
<div class="row app-row">
|
|
8
|
-
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
9
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
10
|
-
<span class="text-left font">客户编号</span>
|
|
11
|
-
</div>
|
|
12
|
-
<div class="col-xs-7">
|
|
13
|
-
<input class="form-control" v-model="model.f_userinfo_code" placeholder="请输入客户编号"
|
|
14
|
-
condition="f_userinfo_code like '%{}%'" />
|
|
15
|
-
</div>
|
|
16
|
-
</div>
|
|
17
|
-
<div class="row app-row">
|
|
18
|
-
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
19
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
20
|
-
<span class="text-left font">客户姓名</span>
|
|
21
|
-
</div>
|
|
22
|
-
<div class="col-xs-7">
|
|
23
|
-
<input type="text" class="form-control" v-model="model.f_user_name" placeholder="请输入客户姓名"
|
|
24
|
-
condition="f_user_name like '%{}%'" />
|
|
25
|
-
</div>
|
|
26
|
-
</div>
|
|
27
|
-
<div class="row app-row">
|
|
28
|
-
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
29
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
30
|
-
<span class="text-left font">客户电话</span>
|
|
31
|
-
</div>
|
|
32
|
-
<div class="col-xs-7">
|
|
33
|
-
<input type="text" class="form-control" v-model="model.f_user_phone" placeholder="请输入客户电话"
|
|
34
|
-
condition="f_user_phone like '%{}%'" />
|
|
35
|
-
</div>
|
|
36
|
-
</div>
|
|
37
|
-
<div class="row app-row">
|
|
38
|
-
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
39
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
40
|
-
<span class="text-left font">客户地址</span>
|
|
41
|
-
</div>
|
|
42
|
-
<div class="col-xs-7">
|
|
43
|
-
<input type="text" class="form-control" v-model="model.f_address" placeholder="请输入客户地址"
|
|
44
|
-
condition="f_address like '%{}%'" />
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
<div class="row app-row">
|
|
48
|
-
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
49
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
50
|
-
<span class="text-left font">操作日期开始</span>
|
|
51
|
-
</div>
|
|
52
|
-
<div class="col-xs-7">
|
|
53
|
-
<datepicker :value.sync="model.f_ins_start_date" v-model="model.f_ins_start_date" :format="'yyyy-MM-dd'"
|
|
54
|
-
placeholder="投保日期开始" style="width: 100%" condition="f_operate_date >= '{}'">
|
|
55
|
-
</datepicker>
|
|
56
|
-
</div>
|
|
57
|
-
</div>
|
|
58
|
-
<div class="row app-row">
|
|
59
|
-
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
60
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
61
|
-
<span class="text-left font">操作日期结束</span>
|
|
62
|
-
</div>
|
|
63
|
-
<div class="col-xs-7">
|
|
64
|
-
<datepicker :value.sync="model.f_ins_end_date" v-model="model.f_ins_end_date" :format="'yyyy-MM-dd'"
|
|
65
|
-
placeholder="投保日期结束" style="width: 100%" condition="f_operate_date <= '{}'">
|
|
66
|
-
</datepicker>
|
|
67
|
-
</div>
|
|
68
|
-
</div>
|
|
69
|
-
<div class="row app-row">
|
|
70
|
-
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
71
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
72
|
-
<span class="text-left font">操作人</span>
|
|
73
|
-
</div>
|
|
74
|
-
<div class="col-xs-7">
|
|
75
|
-
<v-select :value="model.f_operator" class="input-font" condition="f_operator = '{}'"
|
|
76
|
-
:options='$parent.$parent.operators' :width="'100%'"
|
|
77
|
-
v-model="model.f_operator" close-on-select clear-button></v-select>
|
|
78
|
-
</div>
|
|
79
|
-
</div>
|
|
80
|
-
<div class="row app-row">
|
|
81
|
-
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
82
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
83
|
-
<span class="text-left font">收费方式</span>
|
|
84
|
-
</div>
|
|
85
|
-
<div class="col-xs-7">
|
|
86
|
-
<v-select :value.sync="model.f_payment" class="input-font" condition="f_payment = '{}'"
|
|
87
|
-
:options='$parent.$parent.payTypes' :width="'100%'"
|
|
88
|
-
v-model="model.f_payment" close-on-select clear-button></v-select>
|
|
89
|
-
</div>
|
|
90
|
-
</div>
|
|
91
|
-
<div class="row app-row">
|
|
92
|
-
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
93
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
94
|
-
<span class="text-left font">保单号</span>
|
|
95
|
-
</div>
|
|
96
|
-
<div class="col-xs-7">
|
|
97
|
-
<input type="text" class="form-control" v-model="model.f_insurance_number" placeholder="请输入保单号"
|
|
98
|
-
condition="f_insurance_number like '%{}%'" />
|
|
99
|
-
</div>
|
|
100
|
-
</div>
|
|
101
|
-
<div class="row text-center app-row">
|
|
102
|
-
<button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;"
|
|
103
|
-
@click="$parent.$parent.search()">查询
|
|
104
|
-
</button>
|
|
105
|
-
<button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;"
|
|
106
|
-
@click="$parent.$parent.clearCondition">清空
|
|
107
|
-
</button>
|
|
108
|
-
</div>
|
|
109
|
-
</form>
|
|
110
|
-
</div>
|
|
111
|
-
|
|
112
|
-
</criteria>
|
|
113
|
-
<list :model="model" partial='list' v-ref:list>
|
|
114
|
-
<div partial>
|
|
115
|
-
<div class="panel" style="padding: 10px 10px 5px 10px;">
|
|
116
|
-
<div class="panel-body panel-self">
|
|
117
|
-
<div class="row">
|
|
118
|
-
<p class="panel-title col-xs-3 text-left font">客户编号:</p>
|
|
119
|
-
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_userinfo_code }}</p>
|
|
120
|
-
</div>
|
|
121
|
-
<div class="row">
|
|
122
|
-
<p class="panel-title col-xs-3 text-left font">客户名称:</p>
|
|
123
|
-
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_user_name }}</p>
|
|
124
|
-
</div>
|
|
125
|
-
<div class="row">
|
|
126
|
-
<p class="panel-title col-xs-3 text-left font">客户地址:</p>
|
|
127
|
-
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_address }}</p>
|
|
128
|
-
</div>
|
|
129
|
-
<div class="row">
|
|
130
|
-
<p class="panel-title col-xs-3 text-left font">客户电话:</p>
|
|
131
|
-
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_user_phone }}</p>
|
|
132
|
-
</div>
|
|
133
|
-
<div class="row">
|
|
134
|
-
<p class="panel-title col-xs-3 text-left font">缴险金额:</p>
|
|
135
|
-
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_money }}</p>
|
|
136
|
-
</div>
|
|
137
|
-
<div class="row">
|
|
138
|
-
<p class="panel-title col-xs-3 text-left font">保险险种:</p>
|
|
139
|
-
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_insurance_type }}</p>
|
|
140
|
-
</div>
|
|
141
|
-
<div class="row">
|
|
142
|
-
<p class="panel-title col-xs-3 text-left font">保险类型:</p>
|
|
143
|
-
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_fee_type }}</p>
|
|
144
|
-
</div>
|
|
145
|
-
<div class="row">
|
|
146
|
-
<p class="panel-title col-xs-3 text-left font">收费方式:</p>
|
|
147
|
-
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_payment }}</p>
|
|
148
|
-
</div>
|
|
149
|
-
<div class="row">
|
|
150
|
-
<p class="panel-title col-xs-3 text-left font">开始时间:</p>
|
|
151
|
-
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_ins_start_date }}</p>
|
|
152
|
-
</div>
|
|
153
|
-
<div class="row">
|
|
154
|
-
<p class="panel-title col-xs-3 text-left font">到期时间:</p>
|
|
155
|
-
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_expiration_date }}</p>
|
|
156
|
-
</div>
|
|
157
|
-
<div class="row">
|
|
158
|
-
<p class="panel-title col-xs-3 text-left font">保单号:</p>
|
|
159
|
-
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_insurance_number }}</p>
|
|
160
|
-
</div>
|
|
161
|
-
<div class="row">
|
|
162
|
-
<p class="panel-title col-xs-3 text-left font">操作人:</p>
|
|
163
|
-
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_operator }}</p>
|
|
164
|
-
</div>
|
|
165
|
-
<div class="row">
|
|
166
|
-
<p class="panel-title col-xs-3 text-left font">备注:</p>
|
|
167
|
-
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_comments }}</p>
|
|
168
|
-
</div>
|
|
169
|
-
</div>
|
|
170
|
-
</div>
|
|
171
|
-
</div>
|
|
172
|
-
</list>
|
|
173
|
-
</criteria-paged>
|
|
174
|
-
</div>
|
|
175
|
-
</template>
|
|
176
|
-
<script>
|
|
177
|
-
|
|
178
|
-
import { HttpResetClass, PagedList } from 'vue-client'
|
|
179
|
-
import Vue from 'vue'
|
|
180
|
-
export default {
|
|
181
|
-
title: '保险登记',
|
|
182
|
-
props: ['data', 'tabname'],
|
|
183
|
-
data() {
|
|
184
|
-
return {
|
|
185
|
-
operators:[{label:'全部',value:'全部'}],
|
|
186
|
-
payTypes: [{label: '请选择', value: ''}, ...this.$appdata.getParam('付款方式')],
|
|
187
|
-
model: new PagedList(`${this.$androidUtil.getProxyUrl()}/api/af-revenue/sql/getInsuranceChargesList`, 20,
|
|
188
|
-
{
|
|
189
|
-
sort: `'asc'`
|
|
190
|
-
}
|
|
191
|
-
)
|
|
192
|
-
}
|
|
193
|
-
},
|
|
194
|
-
async ready() {
|
|
195
|
-
let dt = new Date()
|
|
196
|
-
let year = dt.getFullYear()
|
|
197
|
-
let month = dt.getMonth()-2
|
|
198
|
-
if(month<=0){
|
|
199
|
-
year = year -1
|
|
200
|
-
month = dt.getMonth()+10
|
|
201
|
-
}
|
|
202
|
-
let date = dt.getDate()
|
|
203
|
-
this.$refs.paged.$refs.cri.model.f_ins_start_date = year + '-' + (month<10? '0'+ month : month) + '-' + (date<10? '0'+ date : date)
|
|
204
|
-
this.initOperators()
|
|
205
|
-
this.$refs.paged.$refs.cri.model.f_operator = Vue.user.name
|
|
206
|
-
},
|
|
207
|
-
methods: {
|
|
208
|
-
initOperators(){
|
|
209
|
-
new HttpResetClass().load('POST', `/api/af-safecheck/sql/safe_singleTable_GroupBy`, {
|
|
210
|
-
data: {
|
|
211
|
-
items: 'f_operator',
|
|
212
|
-
tablename: 't_userfees',
|
|
213
|
-
condition: `1=1`,
|
|
214
|
-
groupitem: 'f_operator'
|
|
215
|
-
}
|
|
216
|
-
}, {resolveMsg: null, rejectMsg: null}).then(res => {
|
|
217
|
-
res.data.forEach(ress => {
|
|
218
|
-
this.operators.push({
|
|
219
|
-
label: ress.f_operator,
|
|
220
|
-
value: ress.f_operator
|
|
221
|
-
})
|
|
222
|
-
})
|
|
223
|
-
})
|
|
224
|
-
},
|
|
225
|
-
clearCondition() {
|
|
226
|
-
Object.keys(this.$refs.paged.$refs.cri.model).forEach((key) => {
|
|
227
|
-
this.$refs.paged.$refs.cri.model[key] = []
|
|
228
|
-
})
|
|
229
|
-
},
|
|
230
|
-
selfSearch(args) {
|
|
231
|
-
args.condition += ` and f_state != '无效'`
|
|
232
|
-
this.model.search(args.condition, args.model)
|
|
233
|
-
},
|
|
234
|
-
search() {
|
|
235
|
-
this.$refs.paged.$refs.cri.search()
|
|
236
|
-
},
|
|
237
|
-
|
|
238
|
-
},
|
|
239
|
-
events: {
|
|
240
|
-
|
|
241
|
-
},
|
|
242
|
-
watch: {
|
|
243
|
-
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
</script>
|
|
247
|
-
<style>
|
|
248
|
-
.bg {
|
|
249
|
-
background-color: blue;
|
|
250
|
-
height: 1px;
|
|
251
|
-
border: 0;
|
|
252
|
-
}
|
|
253
|
-
|
|
254
|
-
.app-row {
|
|
255
|
-
background-color: white;
|
|
256
|
-
padding: 10px 10px 0 10px;
|
|
257
|
-
border-bottom: 1px solid rgba(235, 235, 235, 0.5);
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
.search_input {
|
|
261
|
-
border: 0;
|
|
262
|
-
outline: none;
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
.font {
|
|
266
|
-
font: 15px PingFang-SC-Medium;
|
|
267
|
-
color: #666666;
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
.input-font {
|
|
271
|
-
font: 15px PingFang-SC-Medium;
|
|
272
|
-
color: #333333;
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
.btn-font {
|
|
276
|
-
font: 600 16px PingFang-SC-Bold;
|
|
277
|
-
color: #499EDF;
|
|
278
|
-
}
|
|
279
|
-
|
|
280
|
-
.btn-color {
|
|
281
|
-
background-color: #FFFFFF;
|
|
282
|
-
border-radius: 10px;
|
|
283
|
-
border: 1px solid #499EDF;
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
.app-text {
|
|
287
|
-
font-size: 12px;
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
.panel-self {
|
|
291
|
-
border-radius: 10px;
|
|
292
|
-
border: 1px solid #499EDF;
|
|
293
|
-
background-color: #F8F8F8;
|
|
294
|
-
}
|
|
295
|
-
|
|
296
|
-
.yybtn-color {
|
|
297
|
-
background-color: #499edf;
|
|
298
|
-
border-radius: 4px;
|
|
299
|
-
border: 1px solid #499EDF;
|
|
300
|
-
color: #FFFFFF;
|
|
301
|
-
font: 14px PingFang-SC-Bold;
|
|
302
|
-
}
|
|
303
|
-
|
|
304
|
-
.qxbtn-color {
|
|
305
|
-
background-color: #FFFFFF;
|
|
306
|
-
border-radius: 4px;
|
|
307
|
-
color: #499edf;
|
|
308
|
-
font: 14px PingFang-SC-Bold;
|
|
309
|
-
border: 1px solid #499EDF;
|
|
310
|
-
}
|
|
311
|
-
|
|
312
|
-
.sort-caret {
|
|
313
|
-
display: inline-block;
|
|
314
|
-
width: 0;
|
|
315
|
-
height: 0;
|
|
316
|
-
border: 0;
|
|
317
|
-
content: "";
|
|
318
|
-
position: absolute;
|
|
319
|
-
left: 3px;
|
|
320
|
-
z-index: 2;
|
|
321
|
-
}
|
|
322
|
-
|
|
323
|
-
.descending {
|
|
324
|
-
bottom: -30px;
|
|
325
|
-
border-top: 5px solid #97a8be;
|
|
326
|
-
border-bottom: none;
|
|
327
|
-
border-right: 5px solid transparent;
|
|
328
|
-
border-left: 5px solid transparent;
|
|
329
|
-
}
|
|
330
|
-
|
|
331
|
-
.ascending {
|
|
332
|
-
border-right: 5px solid transparent;
|
|
333
|
-
border-left: 5px solid transparent;
|
|
334
|
-
top: 9px;
|
|
335
|
-
border-top: none;
|
|
336
|
-
border-bottom: 5px solid #97a8be;
|
|
337
|
-
}
|
|
338
|
-
|
|
339
|
-
.ascend .ascending {
|
|
340
|
-
border-bottom-color: #48576a;
|
|
341
|
-
}
|
|
342
|
-
|
|
343
|
-
.descend .descending {
|
|
344
|
-
border-top-color: #48576a;
|
|
345
|
-
}
|
|
346
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="auto">
|
|
3
|
+
<criteria-paged :model="model" v-ref:paged>
|
|
4
|
+
<criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
|
|
5
|
+
<div partial>
|
|
6
|
+
<form>
|
|
7
|
+
<div class="row app-row">
|
|
8
|
+
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
9
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
10
|
+
<span class="text-left font">客户编号</span>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="col-xs-7">
|
|
13
|
+
<input class="form-control" v-model="model.f_userinfo_code" placeholder="请输入客户编号"
|
|
14
|
+
condition="f_userinfo_code like '%{}%'" />
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
<div class="row app-row">
|
|
18
|
+
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
19
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
20
|
+
<span class="text-left font">客户姓名</span>
|
|
21
|
+
</div>
|
|
22
|
+
<div class="col-xs-7">
|
|
23
|
+
<input type="text" class="form-control" v-model="model.f_user_name" placeholder="请输入客户姓名"
|
|
24
|
+
condition="f_user_name like '%{}%'" />
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="row app-row">
|
|
28
|
+
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
29
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
30
|
+
<span class="text-left font">客户电话</span>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="col-xs-7">
|
|
33
|
+
<input type="text" class="form-control" v-model="model.f_user_phone" placeholder="请输入客户电话"
|
|
34
|
+
condition="f_user_phone like '%{}%'" />
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="row app-row">
|
|
38
|
+
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
39
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
40
|
+
<span class="text-left font">客户地址</span>
|
|
41
|
+
</div>
|
|
42
|
+
<div class="col-xs-7">
|
|
43
|
+
<input type="text" class="form-control" v-model="model.f_address" placeholder="请输入客户地址"
|
|
44
|
+
condition="f_address like '%{}%'" />
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
<div class="row app-row">
|
|
48
|
+
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
49
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
50
|
+
<span class="text-left font">操作日期开始</span>
|
|
51
|
+
</div>
|
|
52
|
+
<div class="col-xs-7">
|
|
53
|
+
<datepicker :value.sync="model.f_ins_start_date" v-model="model.f_ins_start_date" :format="'yyyy-MM-dd'"
|
|
54
|
+
placeholder="投保日期开始" style="width: 100%" condition="f_operate_date >= '{}'">
|
|
55
|
+
</datepicker>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
<div class="row app-row">
|
|
59
|
+
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
60
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
61
|
+
<span class="text-left font">操作日期结束</span>
|
|
62
|
+
</div>
|
|
63
|
+
<div class="col-xs-7">
|
|
64
|
+
<datepicker :value.sync="model.f_ins_end_date" v-model="model.f_ins_end_date" :format="'yyyy-MM-dd'"
|
|
65
|
+
placeholder="投保日期结束" style="width: 100%" condition="f_operate_date <= '{}'">
|
|
66
|
+
</datepicker>
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
<div class="row app-row">
|
|
70
|
+
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
71
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
72
|
+
<span class="text-left font">操作人</span>
|
|
73
|
+
</div>
|
|
74
|
+
<div class="col-xs-7">
|
|
75
|
+
<v-select :value="model.f_operator" class="input-font" condition="f_operator = '{}'"
|
|
76
|
+
:options='$parent.$parent.operators' :width="'100%'"
|
|
77
|
+
v-model="model.f_operator" close-on-select clear-button></v-select>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
<div class="row app-row">
|
|
81
|
+
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
82
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
83
|
+
<span class="text-left font">收费方式</span>
|
|
84
|
+
</div>
|
|
85
|
+
<div class="col-xs-7">
|
|
86
|
+
<v-select :value.sync="model.f_payment" class="input-font" condition="f_payment = '{}'"
|
|
87
|
+
:options='$parent.$parent.payTypes' :width="'100%'"
|
|
88
|
+
v-model="model.f_payment" close-on-select clear-button></v-select>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
<div class="row app-row">
|
|
92
|
+
<div class="col-xs-5" style="margin-bottom: 6px">
|
|
93
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
94
|
+
<span class="text-left font">保单号</span>
|
|
95
|
+
</div>
|
|
96
|
+
<div class="col-xs-7">
|
|
97
|
+
<input type="text" class="form-control" v-model="model.f_insurance_number" placeholder="请输入保单号"
|
|
98
|
+
condition="f_insurance_number like '%{}%'" />
|
|
99
|
+
</div>
|
|
100
|
+
</div>
|
|
101
|
+
<div class="row text-center app-row">
|
|
102
|
+
<button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;"
|
|
103
|
+
@click="$parent.$parent.search()">查询
|
|
104
|
+
</button>
|
|
105
|
+
<button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;"
|
|
106
|
+
@click="$parent.$parent.clearCondition">清空
|
|
107
|
+
</button>
|
|
108
|
+
</div>
|
|
109
|
+
</form>
|
|
110
|
+
</div>
|
|
111
|
+
|
|
112
|
+
</criteria>
|
|
113
|
+
<list :model="model" partial='list' v-ref:list>
|
|
114
|
+
<div partial>
|
|
115
|
+
<div class="panel" style="padding: 10px 10px 5px 10px;">
|
|
116
|
+
<div class="panel-body panel-self">
|
|
117
|
+
<div class="row">
|
|
118
|
+
<p class="panel-title col-xs-3 text-left font">客户编号:</p>
|
|
119
|
+
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_userinfo_code }}</p>
|
|
120
|
+
</div>
|
|
121
|
+
<div class="row">
|
|
122
|
+
<p class="panel-title col-xs-3 text-left font">客户名称:</p>
|
|
123
|
+
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_user_name }}</p>
|
|
124
|
+
</div>
|
|
125
|
+
<div class="row">
|
|
126
|
+
<p class="panel-title col-xs-3 text-left font">客户地址:</p>
|
|
127
|
+
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_address }}</p>
|
|
128
|
+
</div>
|
|
129
|
+
<div class="row">
|
|
130
|
+
<p class="panel-title col-xs-3 text-left font">客户电话:</p>
|
|
131
|
+
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_user_phone }}</p>
|
|
132
|
+
</div>
|
|
133
|
+
<div class="row">
|
|
134
|
+
<p class="panel-title col-xs-3 text-left font">缴险金额:</p>
|
|
135
|
+
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_money }}</p>
|
|
136
|
+
</div>
|
|
137
|
+
<div class="row">
|
|
138
|
+
<p class="panel-title col-xs-3 text-left font">保险险种:</p>
|
|
139
|
+
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_insurance_type }}</p>
|
|
140
|
+
</div>
|
|
141
|
+
<div class="row">
|
|
142
|
+
<p class="panel-title col-xs-3 text-left font">保险类型:</p>
|
|
143
|
+
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_fee_type }}</p>
|
|
144
|
+
</div>
|
|
145
|
+
<div class="row">
|
|
146
|
+
<p class="panel-title col-xs-3 text-left font">收费方式:</p>
|
|
147
|
+
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_payment }}</p>
|
|
148
|
+
</div>
|
|
149
|
+
<div class="row">
|
|
150
|
+
<p class="panel-title col-xs-3 text-left font">开始时间:</p>
|
|
151
|
+
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_ins_start_date }}</p>
|
|
152
|
+
</div>
|
|
153
|
+
<div class="row">
|
|
154
|
+
<p class="panel-title col-xs-3 text-left font">到期时间:</p>
|
|
155
|
+
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_expiration_date }}</p>
|
|
156
|
+
</div>
|
|
157
|
+
<div class="row">
|
|
158
|
+
<p class="panel-title col-xs-3 text-left font">保单号:</p>
|
|
159
|
+
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_insurance_number }}</p>
|
|
160
|
+
</div>
|
|
161
|
+
<div class="row">
|
|
162
|
+
<p class="panel-title col-xs-3 text-left font">操作人:</p>
|
|
163
|
+
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_operator }}</p>
|
|
164
|
+
</div>
|
|
165
|
+
<div class="row">
|
|
166
|
+
<p class="panel-title col-xs-3 text-left font">备注:</p>
|
|
167
|
+
<p class="panel-title col-xs-9 text-left input-font">{{ row.f_comments }}</p>
|
|
168
|
+
</div>
|
|
169
|
+
</div>
|
|
170
|
+
</div>
|
|
171
|
+
</div>
|
|
172
|
+
</list>
|
|
173
|
+
</criteria-paged>
|
|
174
|
+
</div>
|
|
175
|
+
</template>
|
|
176
|
+
<script>
|
|
177
|
+
|
|
178
|
+
import { HttpResetClass, PagedList } from 'vue-client'
|
|
179
|
+
import Vue from 'vue'
|
|
180
|
+
export default {
|
|
181
|
+
title: '保险登记',
|
|
182
|
+
props: ['data', 'tabname'],
|
|
183
|
+
data() {
|
|
184
|
+
return {
|
|
185
|
+
operators:[{label:'全部',value:'全部'}],
|
|
186
|
+
payTypes: [{label: '请选择', value: ''}, ...this.$appdata.getParam('付款方式')],
|
|
187
|
+
model: new PagedList(`${this.$androidUtil.getProxyUrl()}/api/af-revenue/sql/getInsuranceChargesList`, 20,
|
|
188
|
+
{
|
|
189
|
+
sort: `'asc'`
|
|
190
|
+
}
|
|
191
|
+
)
|
|
192
|
+
}
|
|
193
|
+
},
|
|
194
|
+
async ready() {
|
|
195
|
+
let dt = new Date()
|
|
196
|
+
let year = dt.getFullYear()
|
|
197
|
+
let month = dt.getMonth()-2
|
|
198
|
+
if(month<=0){
|
|
199
|
+
year = year -1
|
|
200
|
+
month = dt.getMonth()+10
|
|
201
|
+
}
|
|
202
|
+
let date = dt.getDate()
|
|
203
|
+
this.$refs.paged.$refs.cri.model.f_ins_start_date = year + '-' + (month<10? '0'+ month : month) + '-' + (date<10? '0'+ date : date)
|
|
204
|
+
this.initOperators()
|
|
205
|
+
this.$refs.paged.$refs.cri.model.f_operator = Vue.user.name
|
|
206
|
+
},
|
|
207
|
+
methods: {
|
|
208
|
+
initOperators(){
|
|
209
|
+
new HttpResetClass().load('POST', `/api/af-safecheck/sql/safe_singleTable_GroupBy`, {
|
|
210
|
+
data: {
|
|
211
|
+
items: 'f_operator',
|
|
212
|
+
tablename: 't_userfees',
|
|
213
|
+
condition: `1=1`,
|
|
214
|
+
groupitem: 'f_operator'
|
|
215
|
+
}
|
|
216
|
+
}, {resolveMsg: null, rejectMsg: null}).then(res => {
|
|
217
|
+
res.data.forEach(ress => {
|
|
218
|
+
this.operators.push({
|
|
219
|
+
label: ress.f_operator,
|
|
220
|
+
value: ress.f_operator
|
|
221
|
+
})
|
|
222
|
+
})
|
|
223
|
+
})
|
|
224
|
+
},
|
|
225
|
+
clearCondition() {
|
|
226
|
+
Object.keys(this.$refs.paged.$refs.cri.model).forEach((key) => {
|
|
227
|
+
this.$refs.paged.$refs.cri.model[key] = []
|
|
228
|
+
})
|
|
229
|
+
},
|
|
230
|
+
selfSearch(args) {
|
|
231
|
+
args.condition += ` and f_state != '无效'`
|
|
232
|
+
this.model.search(args.condition, args.model)
|
|
233
|
+
},
|
|
234
|
+
search() {
|
|
235
|
+
this.$refs.paged.$refs.cri.search()
|
|
236
|
+
},
|
|
237
|
+
|
|
238
|
+
},
|
|
239
|
+
events: {
|
|
240
|
+
|
|
241
|
+
},
|
|
242
|
+
watch: {
|
|
243
|
+
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
</script>
|
|
247
|
+
<style>
|
|
248
|
+
.bg {
|
|
249
|
+
background-color: blue;
|
|
250
|
+
height: 1px;
|
|
251
|
+
border: 0;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.app-row {
|
|
255
|
+
background-color: white;
|
|
256
|
+
padding: 10px 10px 0 10px;
|
|
257
|
+
border-bottom: 1px solid rgba(235, 235, 235, 0.5);
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
.search_input {
|
|
261
|
+
border: 0;
|
|
262
|
+
outline: none;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.font {
|
|
266
|
+
font: 15px PingFang-SC-Medium;
|
|
267
|
+
color: #666666;
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.input-font {
|
|
271
|
+
font: 15px PingFang-SC-Medium;
|
|
272
|
+
color: #333333;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
.btn-font {
|
|
276
|
+
font: 600 16px PingFang-SC-Bold;
|
|
277
|
+
color: #499EDF;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
.btn-color {
|
|
281
|
+
background-color: #FFFFFF;
|
|
282
|
+
border-radius: 10px;
|
|
283
|
+
border: 1px solid #499EDF;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
.app-text {
|
|
287
|
+
font-size: 12px;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
.panel-self {
|
|
291
|
+
border-radius: 10px;
|
|
292
|
+
border: 1px solid #499EDF;
|
|
293
|
+
background-color: #F8F8F8;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
.yybtn-color {
|
|
297
|
+
background-color: #499edf;
|
|
298
|
+
border-radius: 4px;
|
|
299
|
+
border: 1px solid #499EDF;
|
|
300
|
+
color: #FFFFFF;
|
|
301
|
+
font: 14px PingFang-SC-Bold;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
.qxbtn-color {
|
|
305
|
+
background-color: #FFFFFF;
|
|
306
|
+
border-radius: 4px;
|
|
307
|
+
color: #499edf;
|
|
308
|
+
font: 14px PingFang-SC-Bold;
|
|
309
|
+
border: 1px solid #499EDF;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
.sort-caret {
|
|
313
|
+
display: inline-block;
|
|
314
|
+
width: 0;
|
|
315
|
+
height: 0;
|
|
316
|
+
border: 0;
|
|
317
|
+
content: "";
|
|
318
|
+
position: absolute;
|
|
319
|
+
left: 3px;
|
|
320
|
+
z-index: 2;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
.descending {
|
|
324
|
+
bottom: -30px;
|
|
325
|
+
border-top: 5px solid #97a8be;
|
|
326
|
+
border-bottom: none;
|
|
327
|
+
border-right: 5px solid transparent;
|
|
328
|
+
border-left: 5px solid transparent;
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
.ascending {
|
|
332
|
+
border-right: 5px solid transparent;
|
|
333
|
+
border-left: 5px solid transparent;
|
|
334
|
+
top: 9px;
|
|
335
|
+
border-top: none;
|
|
336
|
+
border-bottom: 5px solid #97a8be;
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
.ascend .ascending {
|
|
340
|
+
border-bottom-color: #48576a;
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
.descend .descending {
|
|
344
|
+
border-top-color: #48576a;
|
|
345
|
+
}
|
|
346
|
+
</style>
|