safecheck-client 4.0.0-6 → 4.0.0-8

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/filiale/jinhong/android/PhoneInsurancePurchaseDetail.vue +363 -366
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "safecheck-client",
3
3
  "//": "主分支版本别乱升，测试包的版本直接发包(建议使用1.XX.XX-XXX格式作为测试包，不要频繁升级第三位版本号)，别提交版本号。切了分支切记把主分支版本升了，保证主分支始终是最高版本！！！！！",
4
- "version": "4.0.0-6",
4
+ "version": "4.0.0-8",
5
5
  "description": "安检模块 前端组件",
6
6
  "author": "丁新 <417755458@qq.com>",
7
7
  "license": "ISC",
package/src/filiale/jinhong/android/PhoneInsurancePurchaseDetail.vue CHANGED
@@ -1,366 +1,363 @@
1
- <template>
2
- <div class="auto clearfix">
3
- <div class="row app-row col-xs-12 col-sm-6 col-md-6">
4
- <div class="col-xs-4 col-sm-4 col-md-4">
5
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
6
- <span class="text-left font">客户编号</span>
7
- </div>
8
- <div class="col-xs-8 col-sm-8 col-md-8">
9
- <p class="text-left show-font">{{ model.f_userinfo_code }}</p>
10
- </div>
11
- </div>
12
- <div class="row app-row col-xs-12 col-sm-6 col-md-6">
13
- <div class="col-xs-4 col-sm-4 col-md-4">
14
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
15
- <span class="text-left font">客户姓名</span>
16
- </div>
17
- <div class="col-xs-8 col-sm-8 col-md-8">
18
- <input type="text" class="form-control show-font" v-model="model.f_user_name" placeholder="请输入客户姓名">
19
- </div>
20
- </div>
21
- <div class="row app-row col-xs-12 col-sm-12 col-md-12">
22
- <div class="col-xs-4 col-sm-2 col-md-2">
23
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
24
- <span class="text-left font">客户地址</span>
25
- </div>
26
- <div class="col-xs-8 col-sm-10 col-md-10">
27
- <input type="text" class="form-control show-font" v-model="model.f_address" placeholder="请输入客户地址">
28
- </div>
29
- </div>
30
- <div class="row app-row col-xs-12 col-sm-6 col-md-6">
31
- <div class="col-xs-4 col-sm-4 col-md-4">
32
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
33
- <span class="text-left font">客户电话</span>
34
- </div>
35
- <div class="col-xs-8 col-sm-8 col-md-8">
36
- <input type="number" class="form-control show-font" v-model="model.f_user_phone" placeholder="请输入电话号码">
37
- </div>
38
- </div>
39
- <div class="row app-row col-xs-12 col-sm-6 col-md-6">
40
- <div class="col-xs-4 col-sm-4 col-md-4">
41
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
42
- <span class="text-left font">证件类型</span>
43
- </div>
44
- <div class="col-xs-8 col-sm-8 col-md-8">
45
- <v-select :value.sync="model.f_id_type" v-model="model.f_id_type"
46
- :options="idTypeOptions" placeholder="请选择证件类型"
47
- :value-single="true" style="width: 100%"
48
- close-on-select>
49
- </v-select>
50
- </div>
51
- </div>
52
- <div class="row app-row col-xs-12 col-sm-6 col-md-6">
53
- <div class="col-xs-4 col-sm-4 col-md-4">
54
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
55
- <span class="text-left font">证件号码</span>
56
- </div>
57
- <div class="col-xs-8 col-sm-8 col-md-8">
58
- <input type="text" class="form-control show-font" v-model="model.f_idnumber" placeholder="请输入证件号码">
59
- </div>
60
- </div>
61
- <div class="row app-row col-xs-12 col-sm-6 col-md-6">
62
- <div class="col-xs-4 col-sm-4 col-md-4">
63
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
64
- <span class="text-left font">保单号</span>
65
- </div>
66
- <div class="col-xs-8 col-sm-8 col-md-8">
67
- <input type="number" class="form-control show-font" v-model="model.f_ins_number" placeholder="请输入保单号">
68
- </div>
69
- </div>
70
- <div class="row app-row col-xs-12 col-sm-6 col-md-6">
71
- <div class="col-xs-4 col-sm-4 col-md-4">
72
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
73
- <span class="text-left font">上期保费截至日期</span>
74
- </div>
75
- <div class="col-xs-8 col-sm-8 col-md-8">
76
- <p class="text-left show-font">{{ model.f_last_insexpiration_date }}</p>
77
- </div>
78
- </div>
79
- <div class="row app-row col-xs-12 col-sm-6 col-md-6">
80
- <div class="col-xs-4 col-sm-4 col-md-4">
81
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
82
- <span class="text-left font">投保日期</span>
83
- </div>
84
- <div class="col-xs-8 col-sm-8 col-md-8">
85
- <datepicker :value.sync="model.f_ins_start_date" v-model="model.f_ins_start_date" :format="'yyyy-MM-dd'"
86
- placeholder="请选择投保日期" style="width: 60%" @change="changeExpirationDate">
87
- </datepicker>
88
- </div>
89
- </div>
90
- <div class="row app-row col-xs-12 col-sm-6 col-md-6">
91
- <div class="col-xs-4 col-sm-4 col-md-4">
92
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
93
- <span class="text-left font">购买年限</span>
94
- </div>
95
- <div class="col-xs-8 col-sm-8 col-md-8">
96
- <input type="number" placeholder="购买年限" style="width: 60%" class="form-control show-font" v-model="model.f_salecount" @change="changeExpirationDate">
97
- </div>
98
- </div>
99
- <div class="row app-row col-xs-12 col-sm-6 col-md-6">
100
- <div class="col-xs-4 col-sm-4 col-md-4">
101
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
102
- <span class="text-left font">购买日期</span>
103
- </div>
104
- <div class="col-xs-8 col-sm-8 col-md-8">
105
- <datepicker :value.sync="create_date" v-model="create_date" :format="'yyyy-MM-dd'"
106
- placeholder="购买日期" style="width: 60%">
107
- </datepicker>
108
- </div>
109
- </div>
110
- <div class="row app-row col-xs-12 col-sm-6 col-md-6">
111
- <div class="col-xs-4 col-sm-4 col-md-4">
112
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
113
- <span class="text-left font">到期日期</span>
114
- </div>
115
- <div class="col-xs-8 col-sm-8 col-md-8">
116
- <datepicker :value.sync="model.f_expiration_date" v-model="model.f_expiration_date" :format="'yyyy-MM-dd'"
117
- placeholder="到期日期" style="width: 60%">
118
- </datepicker>
119
- </div>
120
- </div>
121
- <div class="row app-row col-xs-12 col-sm-6 col-md-6">
122
- <div class="col-xs-4 col-sm-4 col-md-4">
123
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
124
- <span class="text-left font">金额</span>
125
- </div>
126
- <div class="col-xs-8 col-sm-8 col-md-8">
127
- <input type="number" class="form-control show-font" v-model="model.f_money" placeholder="请输入金额">
128
- </div>
129
- </div>
130
- <div class="row app-row col-xs-12 col-sm-6 col-md-6">
131
- <div class="col-xs-4 col-sm-4 col-md-4">
132
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
133
- <span class="text-left font">保险险种</span>
134
- </div>
135
- <div class="col-xs-8 col-sm-8 col-md-8">
136
- <input type="text" class="form-control show-font" v-model="model.f_insurance_type" placeholder="请输入保险险种">
137
- </div>
138
- </div>
139
- <div class="row app-row col-xs-12 col-sm-6 col-md-6">
140
- <div class="col-xs-4 col-sm-4 col-md-4">
141
- <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
142
- <span class="text-left font">与投保人关系</span>
143
- </div>
144
- <div class="col-xs-8 col-sm-8 col-md-8">
145
- <v-select :value.sync="model.f_relationship" v-model="model.f_relationship"
146
- :options="relationshipOptions" placeholder="请选择关系"
147
- :value-single="true" style="width: 100%"
148
- close-on-select>
149
- </v-select>
150
- </div>
151
- </div>
152
- <div class="row app-row col-xs-12">
153
- <div class="col-xs-4 col-sm-4 col-md-4">
154
- <img src="../../../assets/add.png" style="width: 20px;" alt="">
155
- <span class="text-left font">备注</span>
156
- </div>
157
- <div class="col-xs-8 col-sm-8 col-md-8">
158
- <input class="form-control show-font" v-model="model.f_comments" placeholder="备注">
159
- </div>
160
- </div>
161
- <div class="col-xs-12 text-center app-row">
162
- <button type="button" class="btn btn-lg btn-font btn-color" style="width: 22%;" @click="commit()">提交</button>
163
- </div>
164
- </div>
165
- </template>
166
- <script>
167
- import { HttpResetClass } from 'vue-client'
168
- import * as Util from '../../../components/Util'
169
- import Vue from 'vue'
170
- export default {
171
- title: '手机单户抄表',
172
- data() {
173
- return {
174
- create_date:Util.getNowDate(),
175
- isCommit:false,
176
- idTypeOptions: [
177
- { label: '身份证', value: '身份证' },
178
- { label: '军官证', value: '军官证' },
179
- { label: '统一社会信用代码', value: '统一社会信用代码' },
180
- { label: '港澳居民通行证', value: '港澳居民通行证' },
181
- { label: '外国人永久居留证', value: '外国人永久居留证' },
182
- { label: '户口本', value: '户口本' }
183
- ],
184
- relationshipOptions: [
185
- { label: '本人', value: '0' },
186
- { label: '配偶', value: '1' },
187
- { label: '父母', value: '2' },
188
- { label: '子女', value: '3' },
189
- { label: '其他', value: '9' }
190
- ]
191
- }
192
- },
193
- props: {
194
- model: {
195
- type: Object,
196
- default: {}
197
- }
198
- },
199
- ready() {
200
- new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-safecheck/sql/safe_singleTable_OrderBy`, {
201
- data: {
202
- items: 'ui.*,p.f_province,p.f_city,p.f_district,tu.f_user_type',
203
- tablename: 't_userinfo ui left join t_user_address ua on ui.f_userinfo_id = ua.f_userinfo_id left join t_pcd p on ua.f_pcd_id = p.id left join t_userfiles tu on tu.f_userinfo_id = ui.f_userinfo_id',
204
- condition: `ui.f_userinfo_id = '${this.model.f_userinfo_id}'`,
205
- orderitem: '1'
206
- }
207
- }).then(response => {
208
- this.model = Object.assign({}, this.model, response.data[0])
209
- this.model.f_last_insexpiration_date = response.data[0].f_ins_stop_date
210
- if (response.data[0].f_user_type.includes('非民用')) {
211
- this.model.f_relationship = '9'
212
- }else {
213
- this.model.f_relationship = '0'
214
- }
215
- if (!response.data[0].f_province || !response.data[0].f_city || !response.data[0].f_district){
216
- this.$showMessage('该户档案异常,缺少省市区数据,核对数据后重新进入')
217
- }
218
- })
219
- this.model.f_money = ''
220
- this.model.f_fee_type = ''
221
- this.model.f_insurance_type = '燃气险'
222
- this.model.f_comments = ''
223
- this.model.f_salecount = 1
224
- this.model.f_ins_number = ''
225
- this.model.f_ins_start_date = Util.toStandardDateString()
226
- this.model.f_id_type = '身份证'
227
- },
228
- methods: {
229
- commit() {
230
- if (!this.model.f_money){
231
- this.$showMessage('金额未填写，请填写后重新尝试。')
232
- return
233
- }
234
- if (!this.model.f_ins_start_date){
235
- this.$showMessage('投保日期未选择，请选择后重新尝试。')
236
- return
237
- }
238
- if (!this.model.f_expiration_date){
239
- this.$showMessage('到期日期未选择，请选择后重新尝试。')
240
- return
241
- }
242
- if (!this.model.f_insurance_type){
243
- this.$showMessage('保险险种未填写，请填写后重新尝试。')
244
- return
245
- }
246
- if (!this.model.f_id_type){
247
- this.$showMessage('证件类型未选择，请选择后重新尝试。')
248
- return
249
- }
250
- if (!this.model.f_idnumber){
251
- this.$showMessage('证件号码未填写，请填写后重新尝试。')
252
- return
253
- }
254
- if (!this.model.f_relationship){
255
- this.$showMessage('与投保人关系未选择，请选择后重新尝试。')
256
- return
257
- }
258
- let data = {
259
- "begin_date" : this.model.f_ins_start_date,// 保单开始日期 yyyy-mm-dd
260
- "insure_period_display" : `${this.model.f_salecount}年`,// 保期
261
- "user_name" : this.model.f_user_name,// 投保人姓名
262
- "id_type" : this.model.f_id_type,//证件类型
263
- "id_number" : this.model.f_idnumber,// 证件号码
264
- "user_phone" : this.model.f_user_phone,// 投保人电话
265
- "user_address": this.model.f_address,// 投保人地址
266
- "province":this.model.f_province,//省
267
- "city":this.model.f_city,//市
268
- "county":this.model.f_district,//区
269
- "insuredList" : [ //被保人信息
270
- {
271
- "user_name" : this.model.f_user_name,// 被保人姓名
272
- "id_type" : this.model.f_id_type,//证件类型
273
- "id_number" : this.model.f_idnumber,// 证件号码
274
- "relationship": this.model.f_relationship//与投保人关系: 0 本人 1 配偶 2 父母 3 子女 9 其他 若投保人是企业，默认传9
275
- }
276
- ]
277
- }
278
- new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-revenue/jingSuanShi/specialToPolicy`, { data: data }).then(response => {
279
- let commit_data = this.model
280
- if (response.data.message.includes('成功')) {
281
- commit_data.f_serial_id = response.data.orderNo
282
- }else {
283
- this.$showMessage(response.data.message)
284
- return
285
- }
286
- commit_data.f_buy_date = this.create_date
287
- commit_data.f_total_ins_charge = 0
288
- commit_data.f_operatorid = Vue.user.id
289
- commit_data.f_operator = Vue.user.name
290
- commit_data.f_operate_date = Util.toStandardDateString()
291
- commit_data.f_state = '有效'
292
- commit_data.f_orgid = Vue.user.orgid
293
- commit_data.f_orgname = Vue.user.orgs
294
- commit_data.f_depid = Vue.user.depids
295
- commit_data.f_depname = Vue.user.deps
296
- new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/saveInsInfo`, { data: commit_data }).then(response => {
297
- this.$showMessage('提交成功')
298
- this.$back()
299
- }).catch(error => {
300
- this.$showMessage('提交失败')
301
- this.isCommit = false
302
- })
303
- }).catch(error => {
304
- this.$showMessage('提交失败')
305
- this.isCommit = false
306
- })
307
- },
308
- changeExpirationDate(){
309
- if (this.model.f_ins_start_date && this.model.f_salecount){
310
- let factoryDate = new Date(this.model.f_ins_start_date);
311
- let scrapDate = new Date(factoryDate);
312
- scrapDate.setFullYear(factoryDate.getFullYear() + parseInt(this.model.f_salecount));
313
- let year = scrapDate.getFullYear();
314
- let month = (scrapDate.getMonth() + 1).toString().padStart(2, '0');
315
- let day = scrapDate.getDate().toString().padStart(2, '0');
316
- this.model.f_expiration_date = `${year}-${month}-${day}`
317
- }
318
- }
319
- }
320
- }
321
- </script>
322
- <style scoped>
323
- .mt-5 {
324
- margin-top: 5px;
325
- }
326
-
327
- .mt-10 {
328
- margin-top: 10px;
329
- }
330
-
331
- .mt-20 {
332
- margin-top: 20px;
333
- }
334
-
335
- .app-row {
336
- background-color: white;
337
- padding: 10px 10px 0 10px;
338
- border-bottom: 1px solid rgba(235, 235, 235, 0.5);
339
- }
340
-
341
- .app-row-none-border {
342
- background-color: white;
343
- padding: 10px 10px 0 10px;
344
- }
345
-
346
- .font {
347
- font: 15px PingFang-SC-Medium;
348
- color: #666666;
349
- }
350
-
351
- .show-font {
352
- font: 15px PingFang-SC-Medium;
353
- color: #333333
354
- }
355
-
356
- .btn-font {
357
- font: 600 16px PingFang-SC-Bold;
358
- color: #499EDF;
359
- }
360
-
361
- .btn-color {
362
- background-color: #FFFFFF;
363
- border-radius: 10px;
364
- border: 1px solid #499EDF;
365
- }
366
- </style>
1
+ <template>
2
+ <div class="auto clearfix">
3
+ <div class="row app-row col-xs-12 col-sm-6 col-md-6">
4
+ <div class="col-xs-4 col-sm-4 col-md-4">
5
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
6
+ <span class="text-left font">客户编号</span>
7
+ </div>
8
+ <div class="col-xs-8 col-sm-8 col-md-8">
9
+ <p class="text-left show-font">{{ model.f_userinfo_code }}</p>
10
+ </div>
11
+ </div>
12
+ <div class="row app-row col-xs-12 col-sm-6 col-md-6">
13
+ <div class="col-xs-4 col-sm-4 col-md-4">
14
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
15
+ <span class="text-left font">客户姓名</span>
16
+ </div>
17
+ <div class="col-xs-8 col-sm-8 col-md-8">
18
+ <input type="text" class="form-control show-font" v-model="model.f_user_name" placeholder="请输入客户姓名">
19
+ </div>
20
+ </div>
21
+ <div class="row app-row col-xs-12 col-sm-12 col-md-12">
22
+ <div class="col-xs-4 col-sm-2 col-md-2">
23
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
24
+ <span class="text-left font">客户地址</span>
25
+ </div>
26
+ <div class="col-xs-8 col-sm-10 col-md-10">
27
+ <input type="text" class="form-control show-font" v-model="model.f_address" placeholder="请输入客户地址">
28
+ </div>
29
+ </div>
30
+ <div class="row app-row col-xs-12 col-sm-6 col-md-6">
31
+ <div class="col-xs-4 col-sm-4 col-md-4">
32
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
33
+ <span class="text-left font">客户电话</span>
34
+ </div>
35
+ <div class="col-xs-8 col-sm-8 col-md-8">
36
+ <input type="number" class="form-control show-font" v-model="model.f_user_phone" placeholder="请输入电话号码">
37
+ </div>
38
+ </div>
39
+ <div class="row app-row col-xs-12 col-sm-6 col-md-6">
40
+ <div class="col-xs-4 col-sm-4 col-md-4">
41
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
42
+ <span class="text-left font">证件类型</span>
43
+ </div>
44
+ <div class="col-xs-8 col-sm-8 col-md-8">
45
+ <v-select :value.sync="model.f_id_type" v-model="model.f_id_type"
46
+ :options="idTypeOptions" placeholder="请选择证件类型"
47
+ :value-single="true" style="width: 100%"
48
+ close-on-select>
49
+ </v-select>
50
+ </div>
51
+ </div>
52
+ <div class="row app-row col-xs-12 col-sm-6 col-md-6">
53
+ <div class="col-xs-4 col-sm-4 col-md-4">
54
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
55
+ <span class="text-left font">证件号码</span>
56
+ </div>
57
+ <div class="col-xs-8 col-sm-8 col-md-8">
58
+ <input type="text" class="form-control show-font" v-model="model.f_idnumber" placeholder="请输入证件号码">
59
+ </div>
60
+ </div>
61
+ <div class="row app-row col-xs-12 col-sm-6 col-md-6">
62
+ <div class="col-xs-4 col-sm-4 col-md-4">
63
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
64
+ <span class="text-left font">保单号</span>
65
+ </div>
66
+ <div class="col-xs-8 col-sm-8 col-md-8">
67
+ <input type="number" class="form-control show-font" v-model="model.f_ins_number" placeholder="请输入保单号">
68
+ </div>
69
+ </div>
70
+ <div class="row app-row col-xs-12 col-sm-6 col-md-6">
71
+ <div class="col-xs-4 col-sm-4 col-md-4">
72
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
73
+ <span class="text-left font">上期保费截至日期</span>
74
+ </div>
75
+ <div class="col-xs-8 col-sm-8 col-md-8">
76
+ <p class="text-left show-font">{{ model.f_last_insexpiration_date }}</p>
77
+ </div>
78
+ </div>
79
+ <div class="row app-row col-xs-12 col-sm-6 col-md-6">
80
+ <div class="col-xs-4 col-sm-4 col-md-4">
81
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
82
+ <span class="text-left font">投保日期</span>
83
+ </div>
84
+ <div class="col-xs-8 col-sm-8 col-md-8">
85
+ <datepicker :value.sync="model.f_ins_start_date" v-model="model.f_ins_start_date" :format="'yyyy-MM-dd'"
86
+ placeholder="请选择投保日期" style="width: 60%" @change="changeExpirationDate">
87
+ </datepicker>
88
+ </div>
89
+ </div>
90
+ <div class="row app-row col-xs-12 col-sm-6 col-md-6">
91
+ <div class="col-xs-4 col-sm-4 col-md-4">
92
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
93
+ <span class="text-left font">购买年限</span>
94
+ </div>
95
+ <div class="col-xs-8 col-sm-8 col-md-8">
96
+ <input type="number" placeholder="购买年限" style="width: 60%" class="form-control show-font" v-model="model.f_salecount" @change="changeExpirationDate">
97
+ </div>
98
+ </div>
99
+ <div class="row app-row col-xs-12 col-sm-6 col-md-6">
100
+ <div class="col-xs-4 col-sm-4 col-md-4">
101
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
102
+ <span class="text-left font">购买日期</span>
103
+ </div>
104
+ <div class="col-xs-8 col-sm-8 col-md-8">
105
+ <datepicker :value.sync="create_date" v-model="create_date" :format="'yyyy-MM-dd'"
106
+ placeholder="购买日期" style="width: 60%">
107
+ </datepicker>
108
+ </div>
109
+ </div>
110
+ <div class="row app-row col-xs-12 col-sm-6 col-md-6">
111
+ <div class="col-xs-4 col-sm-4 col-md-4">
112
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
113
+ <span class="text-left font">到期日期</span>
114
+ </div>
115
+ <div class="col-xs-8 col-sm-8 col-md-8">
116
+ <datepicker :value.sync="model.f_expiration_date" v-model="model.f_expiration_date" :format="'yyyy-MM-dd'"
117
+ placeholder="到期日期" style="width: 60%">
118
+ </datepicker>
119
+ </div>
120
+ </div>
121
+ <div class="row app-row col-xs-12 col-sm-6 col-md-6">
122
+ <div class="col-xs-4 col-sm-4 col-md-4">
123
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
124
+ <span class="text-left font">金额</span>
125
+ </div>
126
+ <div class="col-xs-8 col-sm-8 col-md-8">
127
+ <input type="number" class="form-control show-font" v-model="model.f_money" placeholder="请输入金额">
128
+ </div>
129
+ </div>
130
+ <div class="row app-row col-xs-12 col-sm-6 col-md-6">
131
+ <div class="col-xs-4 col-sm-4 col-md-4">
132
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
133
+ <span class="text-left font">保险险种</span>
134
+ </div>
135
+ <div class="col-xs-8 col-sm-8 col-md-8">
136
+ <input type="text" class="form-control show-font" v-model="model.f_insurance_type" placeholder="请输入保险险种">
137
+ </div>
138
+ </div>
139
+ <div class="row app-row col-xs-12 col-sm-6 col-md-6">
140
+ <div class="col-xs-4 col-sm-4 col-md-4">
141
+ <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
142
+ <span class="text-left font">与投保人关系</span>
143
+ </div>
144
+ <div class="col-xs-8 col-sm-8 col-md-8">
145
+ <v-select :value.sync="model.f_relationship" v-model="model.f_relationship"
146
+ :options="relationshipOptions" placeholder="请选择关系"
147
+ :value-single="true" style="width: 100%"
148
+ close-on-select>
149
+ </v-select>
150
+ </div>
151
+ </div>
152
+ <div class="row app-row col-xs-12">
153
+ <div class="col-xs-4 col-sm-4 col-md-4">
154
+ <img src="../../../assets/add.png" style="width: 20px;" alt="">
155
+ <span class="text-left font">备注</span>
156
+ </div>
157
+ <div class="col-xs-8 col-sm-8 col-md-8">
158
+ <input class="form-control show-font" v-model="model.f_comments" placeholder="备注">
159
+ </div>
160
+ </div>
161
+ <div class="col-xs-12 text-center app-row">
162
+ <button type="button" class="btn btn-lg btn-font btn-color" style="width: 22%;" @click="commit()">提交</button>
163
+ </div>
164
+ </div>
165
+ </template>
166
+ <script>
167
+ import { HttpResetClass } from 'vue-client'
168
+ import * as Util from '../../../components/Util'
169
+ import Vue from 'vue'
170
+ export default {
171
+ title: '手机单户抄表',
172
+ data() {
173
+ return {
174
+ create_date:Util.getNowDate(),
175
+ isCommit:false,
176
+ idTypeOptions: [
177
+ { label: '身份证', value: '身份证' },
178
+ { label: '军官证', value: '军官证' },
179
+ { label: '统一社会信用代码', value: '统一社会信用代码' },
180
+ { label: '港澳居民通行证', value: '港澳居民通行证' },
181
+ { label: '外国人永久居留证', value: '外国人永久居留证' },
182
+ { label: '户口本', value: '户口本' }
183
+ ],
184
+ relationshipOptions: [
185
+ { label: '本人', value: '0' },
186
+ { label: '配偶', value: '1' },
187
+ { label: '父母', value: '2' },
188
+ { label: '子女', value: '3' },
189
+ { label: '其他', value: '9' }
190
+ ]
191
+ }
192
+ },
193
+ props: {
194
+ model: {
195
+ type: Object,
196
+ default: {}
197
+ }
198
+ },
199
+ ready() {
200
+ new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-safecheck/sql/safe_singleTable_OrderBy`, {
201
+ data: {
202
+ items: 'ui.*,p.f_province,p.f_city,p.f_district,tu.f_user_type',
203
+ tablename: 't_userinfo ui left join t_user_address ua on ui.f_userinfo_id = ua.f_userinfo_id left join t_pcd p on ua.f_pcd_id = p.id left join t_userfiles tu on tu.f_userinfo_id = ui.f_userinfo_id',
204
+ condition: `ui.f_userinfo_id = '${this.model.f_userinfo_id}'`,
205
+ orderitem: '1'
206
+ }
207
+ }).then(response => {
208
+ this.model = Object.assign({}, this.model, response.data[0])
209
+ this.model.f_last_insexpiration_date = response.data[0].f_ins_stop_date
210
+ if (response.data[0].f_user_type.includes('非民用')) {
211
+ this.model.f_relationship = '9'
212
+ }else {
213
+ this.model.f_relationship = '0'
214
+ }
215
+ })
216
+ this.model.f_money = ''
217
+ this.model.f_fee_type = ''
218
+ this.model.f_insurance_type = '燃气险'
219
+ this.model.f_comments = ''
220
+ this.model.f_salecount = 1
221
+ this.model.f_ins_number = ''
222
+ this.model.f_ins_start_date = Util.toStandardDateString()
223
+ this.model.f_id_type = '身份证'
224
+ },
225
+ methods: {
226
+ commit() {
227
+ if (!this.model.f_money){
228
+ this.$showMessage('金额未填写，请填写后重新尝试。')
229
+ return
230
+ }
231
+ if (!this.model.f_ins_start_date){
232
+ this.$showMessage('投保日期未选择，请选择后重新尝试。')
233
+ return
234
+ }
235
+ if (!this.model.f_expiration_date){
236
+ this.$showMessage('到期日期未选择，请选择后重新尝试。')
237
+ return
238
+ }
239
+ if (!this.model.f_insurance_type){
240
+ this.$showMessage('保险险种未填写，请填写后重新尝试。')
241
+ return
242
+ }
243
+ if (!this.model.f_id_type){
244
+ this.$showMessage('证件类型未选择，请选择后重新尝试。')
245
+ return
246
+ }
247
+ if (!this.model.f_idnumber){
248
+ this.$showMessage('证件号码未填写，请填写后重新尝试。')
249
+ return
250
+ }
251
+ if (!this.model.f_relationship){
252
+ this.$showMessage('与投保人关系未选择，请选择后重新尝试。')
253
+ return
254
+ }
255
+ let data = {
256
+ "begin_date" : this.model.f_ins_start_date,// 保单开始日期 yyyy-mm-dd
257
+ "insure_period_display" : `${this.model.f_salecount}年`,// 保期
258
+ "user_name" : this.model.f_user_name,// 投保人姓名
259
+ "id_type" : this.model.f_id_type,//证件类型
260
+ "id_number" : this.model.f_idnumber,// 证件号码
261
+ "user_phone" : this.model.f_user_phone,// 投保人电话
262
+ "user_address": this.model.f_address,// 投保人地址
263
+ "province":this.model.f_province,//省
264
+ "city":this.model.f_city,//市
265
+ "county":this.model.f_district,//区
266
+ "insuredList" : [ //被保人信息
267
+ {
268
+ "user_name" : this.model.f_user_name,// 被保人姓名
269
+ "id_type" : this.model.f_id_type,//证件类型
270
+ "id_number" : this.model.f_idnumber,// 证件号码
271
+ "relationship": this.model.f_relationship//与投保人关系: 0 本人 1 配偶 2 父母 3 子女 9 其他 若投保人是企业，默认传9
272
+ }
273
+ ]
274
+ }
275
+ new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-revenue/jingSuanShi/specialToPolicy`, { data: data }).then(response => {
276
+ let commit_data = this.model
277
+ if (response.data.message.includes('成功')) {
278
+ commit_data.f_serial_id = response.data.orderNo
279
+ }else {
280
+ this.$showMessage(response.data.message)
281
+ return
282
+ }
283
+ commit_data.f_buy_date = this.create_date
284
+ commit_data.f_total_ins_charge = 0
285
+ commit_data.f_operatorid = Vue.user.id
286
+ commit_data.f_operator = Vue.user.name
287
+ commit_data.f_operate_date = Util.toStandardDateString()
288
+ commit_data.f_state = '有效'
289
+ commit_data.f_orgid = Vue.user.orgid
290
+ commit_data.f_orgname = Vue.user.orgs
291
+ commit_data.f_depid = Vue.user.depids
292
+ commit_data.f_depname = Vue.user.deps
293
+ new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/saveInsInfo`, { data: commit_data }).then(response => {
294
+ this.$showMessage('提交成功')
295
+ this.$back()
296
+ }).catch(error => {
297
+ this.$showMessage('提交失败')
298
+ this.isCommit = false
299
+ })
300
+ }).catch(error => {
301
+ this.$showMessage('提交失败')
302
+ this.isCommit = false
303
+ })
304
+ },
305
+ changeExpirationDate(){
306
+ if (this.model.f_ins_start_date && this.model.f_salecount){
307
+ let factoryDate = new Date(this.model.f_ins_start_date);
308
+ let scrapDate = new Date(factoryDate);
309
+ scrapDate.setFullYear(factoryDate.getFullYear() + parseInt(this.model.f_salecount));
310
+ let year = scrapDate.getFullYear();
311
+ let month = (scrapDate.getMonth() + 1).toString().padStart(2, '0');
312
+ let day = scrapDate.getDate().toString().padStart(2, '0');
313
+ this.model.f_expiration_date = `${year}-${month}-${day}`
314
+ }
315
+ }
316
+ }
317
+ }
318
+ </script>
319
+ <style scoped>
320
+ .mt-5 {
321
+ margin-top: 5px;
322
+ }
323
+
324
+ .mt-10 {
325
+ margin-top: 10px;
326
+ }
327
+
328
+ .mt-20 {
329
+ margin-top: 20px;
330
+ }
331
+
332
+ .app-row {
333
+ background-color: white;
334
+ padding: 10px 10px 0 10px;
335
+ border-bottom: 1px solid rgba(235, 235, 235, 0.5);
336
+ }
337
+
338
+ .app-row-none-border {
339
+ background-color: white;
340
+ padding: 10px 10px 0 10px;
341
+ }
342
+
343
+ .font {
344
+ font: 15px PingFang-SC-Medium;
345
+ color: #666666;
346
+ }
347
+
348
+ .show-font {
349
+ font: 15px PingFang-SC-Medium;
350
+ color: #333333
351
+ }
352
+
353
+ .btn-font {
354
+ font: 600 16px PingFang-SC-Bold;
355
+ color: #499EDF;
356
+ }
357
+
358
+ .btn-color {
359
+ background-color: #FFFFFF;
360
+ border-radius: 10px;
361
+ border: 1px solid #499EDF;
362
+ }
363
+ </style>