safecheck-client 4.0.0-64 → 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
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "safecheck-client",
|
|
3
3
|
"//": "主分支版本别乱升，测试包的版本直接发包(建议使用1.XX.XX-XXX格式作为测试包，不要频繁升级第三位版本号)，别提交版本号。切了分支切记把主分支版本升了，保证主分支始终是最高版本！！！！！",
|
|
4
|
-
"version": "4.0.0-
|
|
4
|
+
"version": "4.0.0-65",
|
|
5
5
|
"description": "安检模块 前端组件",
|
|
6
6
|
"author": "丁新 <417755458@qq.com>",
|
|
7
7
|
"license": "ISC",
|
|
@@ -1,280 +1,280 @@
|
|
|
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
|
-
<input type="text" class="form-control show-font" v-model="model.f_idnumber" placeholder="请输入身份证号">
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
48
|
-
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
49
|
-
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
50
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
51
|
-
<span class="text-left font">保单号</span>
|
|
52
|
-
</div>
|
|
53
|
-
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
54
|
-
<input type="number" class="form-control show-font" v-model="model.f_ins_number" placeholder="请输入保单号">
|
|
55
|
-
</div>
|
|
56
|
-
</div>
|
|
57
|
-
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
58
|
-
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
59
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
60
|
-
<span class="text-left font">上期保费截至日期</span>
|
|
61
|
-
</div>
|
|
62
|
-
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
63
|
-
<p class="text-left show-font">{{ model.f_last_insexpiration_date }}</p>
|
|
64
|
-
</div>
|
|
65
|
-
</div>
|
|
66
|
-
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
67
|
-
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
68
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
69
|
-
<span class="text-left font">投保日期</span>
|
|
70
|
-
</div>
|
|
71
|
-
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
72
|
-
<datepicker :value.sync="model.f_ins_start_date" v-model="model.f_ins_start_date" :format="'yyyy-MM-dd'"
|
|
73
|
-
placeholder="请选择投保日期" style="width: 60%" @change="changeExpirationDate">
|
|
74
|
-
</datepicker>
|
|
75
|
-
</div>
|
|
76
|
-
</div>
|
|
77
|
-
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
78
|
-
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
79
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
80
|
-
<span class="text-left font">购买年限</span>
|
|
81
|
-
</div>
|
|
82
|
-
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
83
|
-
<input type="number" placeholder="购买年限" style="width: 60%" class="form-control show-font" v-model="model.f_salecount" @change="changeExpirationDate">
|
|
84
|
-
</div>
|
|
85
|
-
</div>
|
|
86
|
-
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
87
|
-
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
88
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
89
|
-
<span class="text-left font">购买日期</span>
|
|
90
|
-
</div>
|
|
91
|
-
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
92
|
-
<datepicker :value.sync="create_date" v-model="create_date" :format="'yyyy-MM-dd'"
|
|
93
|
-
placeholder="购买日期" style="width: 60%">
|
|
94
|
-
</datepicker>
|
|
95
|
-
</div>
|
|
96
|
-
</div>
|
|
97
|
-
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
98
|
-
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
99
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
100
|
-
<span class="text-left font">到期日期</span>
|
|
101
|
-
</div>
|
|
102
|
-
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
103
|
-
<datepicker :value.sync="model.f_expiration_date" v-model="model.f_expiration_date" :format="'yyyy-MM-dd'"
|
|
104
|
-
placeholder="到期日期" style="width: 60%">
|
|
105
|
-
</datepicker>
|
|
106
|
-
</div>
|
|
107
|
-
</div>
|
|
108
|
-
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
109
|
-
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
110
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
111
|
-
<span class="text-left font">金额</span>
|
|
112
|
-
</div>
|
|
113
|
-
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
114
|
-
<input type="number" class="form-control show-font" v-model="model.f_money" placeholder="请输入金额">
|
|
115
|
-
</div>
|
|
116
|
-
</div>
|
|
117
|
-
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
118
|
-
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
119
|
-
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
120
|
-
<span class="text-left font">保险险种</span>
|
|
121
|
-
</div>
|
|
122
|
-
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
123
|
-
<input type="text" class="form-control show-font" v-model="model.f_insurance_type" placeholder="请输入保险险种">
|
|
124
|
-
</div>
|
|
125
|
-
</div>
|
|
126
|
-
<div class="row app-row col-xs-12">
|
|
127
|
-
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
128
|
-
<img src="../../../assets/add.png" style="width: 20px;" alt="">
|
|
129
|
-
<span class="text-left font">备注</span>
|
|
130
|
-
</div>
|
|
131
|
-
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
132
|
-
<input class="form-control show-font" v-model="model.f_comments" placeholder="备注">
|
|
133
|
-
</div>
|
|
134
|
-
</div>
|
|
135
|
-
<div class="col-xs-12 text-center app-row">
|
|
136
|
-
<button type="button" class="btn btn-lg btn-font btn-color" style="width: 22%;" @click="commit()">提交</button>
|
|
137
|
-
</div>
|
|
138
|
-
</div>
|
|
139
|
-
</template>
|
|
140
|
-
<script>
|
|
141
|
-
import { HttpResetClass } from 'vue-client'
|
|
142
|
-
import * as Util from '../../../components/Util'
|
|
143
|
-
import Vue from 'vue'
|
|
144
|
-
export default {
|
|
145
|
-
title: '手机单户抄表',
|
|
146
|
-
data() {
|
|
147
|
-
return {
|
|
148
|
-
create_date:Util.getNowDate(),
|
|
149
|
-
isCommit:false
|
|
150
|
-
}
|
|
151
|
-
},
|
|
152
|
-
props: {
|
|
153
|
-
data: {
|
|
154
|
-
type: Object,
|
|
155
|
-
default: function () {
|
|
156
|
-
return {
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
},
|
|
160
|
-
model: {
|
|
161
|
-
type: Object,
|
|
162
|
-
default: {}
|
|
163
|
-
}
|
|
164
|
-
},
|
|
165
|
-
ready() {
|
|
166
|
-
new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-safecheck/sql/safe_singleTable_OrderBy`, {
|
|
167
|
-
data: {
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
orderitem: '1'
|
|
172
|
-
}
|
|
173
|
-
}).then(response => {
|
|
174
|
-
this.model = Object.assign({}, this.model, response.data[0])
|
|
175
|
-
this.model.f_last_insexpiration_date = response.data[0].f_ins_stop_date
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
this.model.
|
|
179
|
-
this.model.
|
|
180
|
-
this.model.
|
|
181
|
-
this.model.
|
|
182
|
-
this.model.
|
|
183
|
-
this.model.
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
commit_data
|
|
205
|
-
commit_data.
|
|
206
|
-
commit_data.f_operatorid = Vue.user.id
|
|
207
|
-
commit_data.f_operator = Vue.user.name
|
|
208
|
-
commit_data.f_operate_date = Util.toStandardDateString()
|
|
209
|
-
commit_data.f_state = '有效'
|
|
210
|
-
commit_data.f_orgid = Vue.user.orgid
|
|
211
|
-
commit_data.f_orgname = Vue.user.orgs
|
|
212
|
-
commit_data.f_depid = Vue.user.depids
|
|
213
|
-
commit_data.f_depname = Vue.user.deps
|
|
214
|
-
new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/saveInsInfo`, { data: commit_data }).then(response => {
|
|
215
|
-
this.$showMessage('提交成功')
|
|
216
|
-
this.$back()
|
|
217
|
-
}).catch(error => {
|
|
218
|
-
this.$showMessage('提交失败')
|
|
219
|
-
this.isCommit = false
|
|
220
|
-
})
|
|
221
|
-
},
|
|
222
|
-
changeExpirationDate(){
|
|
223
|
-
if (this.model.f_ins_start_date && this.model.f_salecount){
|
|
224
|
-
let factoryDate = new Date(this.model.f_ins_start_date)
|
|
225
|
-
let scrapDate = new Date(factoryDate)
|
|
226
|
-
scrapDate.setFullYear(factoryDate.getFullYear() + parseInt(this.model.f_salecount))
|
|
227
|
-
let year = scrapDate.getFullYear()
|
|
228
|
-
let month = (scrapDate.getMonth() + 1).toString().padStart(2, '0')
|
|
229
|
-
let day = scrapDate.getDate().toString().padStart(2, '0')
|
|
230
|
-
this.model.f_expiration_date = `${year}-${month}-${day}`
|
|
231
|
-
}
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
}
|
|
235
|
-
</script>
|
|
236
|
-
<style scoped>
|
|
237
|
-
.mt-5 {
|
|
238
|
-
margin-top: 5px;
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
.mt-10 {
|
|
242
|
-
margin-top: 10px;
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
.mt-20 {
|
|
246
|
-
margin-top: 20px;
|
|
247
|
-
}
|
|
248
|
-
|
|
249
|
-
.app-row {
|
|
250
|
-
background-color: white;
|
|
251
|
-
padding: 10px 10px 0 10px;
|
|
252
|
-
border-bottom: 1px solid rgba(235, 235, 235, 0.5);
|
|
253
|
-
}
|
|
254
|
-
|
|
255
|
-
.app-row-none-border {
|
|
256
|
-
background-color: white;
|
|
257
|
-
padding: 10px 10px 0 10px;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
.font {
|
|
261
|
-
font: 15px PingFang-SC-Medium;
|
|
262
|
-
color: #666666;
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
.show-font {
|
|
266
|
-
font: 15px PingFang-SC-Medium;
|
|
267
|
-
color: #333333
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
.btn-font {
|
|
271
|
-
font: 600 16px PingFang-SC-Bold;
|
|
272
|
-
color: #499EDF;
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
.btn-color {
|
|
276
|
-
background-color: #FFFFFF;
|
|
277
|
-
border-radius: 10px;
|
|
278
|
-
border: 1px solid #499EDF;
|
|
279
|
-
}
|
|
280
|
-
</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
|
+
<input type="text" class="form-control show-font" v-model="model.f_idnumber" placeholder="请输入身份证号">
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
49
|
+
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
50
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
51
|
+
<span class="text-left font">保单号</span>
|
|
52
|
+
</div>
|
|
53
|
+
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
54
|
+
<input type="number" class="form-control show-font" v-model="model.f_ins_number" placeholder="请输入保单号">
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
58
|
+
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
59
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
60
|
+
<span class="text-left font">上期保费截至日期</span>
|
|
61
|
+
</div>
|
|
62
|
+
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
63
|
+
<p class="text-left show-font">{{ model.f_last_insexpiration_date }}</p>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
67
|
+
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
68
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
69
|
+
<span class="text-left font">投保日期</span>
|
|
70
|
+
</div>
|
|
71
|
+
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
72
|
+
<datepicker :value.sync="model.f_ins_start_date" v-model="model.f_ins_start_date" :format="'yyyy-MM-dd'"
|
|
73
|
+
placeholder="请选择投保日期" style="width: 60%" @change="changeExpirationDate">
|
|
74
|
+
</datepicker>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
78
|
+
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
79
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
80
|
+
<span class="text-left font">购买年限</span>
|
|
81
|
+
</div>
|
|
82
|
+
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
83
|
+
<input type="number" placeholder="购买年限" style="width: 60%" class="form-control show-font" v-model="model.f_salecount" @change="changeExpirationDate">
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
87
|
+
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
88
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
89
|
+
<span class="text-left font">购买日期</span>
|
|
90
|
+
</div>
|
|
91
|
+
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
92
|
+
<datepicker :value.sync="create_date" v-model="create_date" :format="'yyyy-MM-dd'"
|
|
93
|
+
placeholder="购买日期" style="width: 60%">
|
|
94
|
+
</datepicker>
|
|
95
|
+
</div>
|
|
96
|
+
</div>
|
|
97
|
+
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
98
|
+
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
99
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
100
|
+
<span class="text-left font">到期日期</span>
|
|
101
|
+
</div>
|
|
102
|
+
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
103
|
+
<datepicker :value.sync="model.f_expiration_date" v-model="model.f_expiration_date" :format="'yyyy-MM-dd'"
|
|
104
|
+
placeholder="到期日期" style="width: 60%">
|
|
105
|
+
</datepicker>
|
|
106
|
+
</div>
|
|
107
|
+
</div>
|
|
108
|
+
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
109
|
+
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
110
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
111
|
+
<span class="text-left font">金额</span>
|
|
112
|
+
</div>
|
|
113
|
+
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
114
|
+
<input type="number" class="form-control show-font" v-model="model.f_money" placeholder="请输入金额">
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
<div class="row app-row col-xs-12 col-sm-6 col-md-6">
|
|
118
|
+
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
119
|
+
<img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
|
|
120
|
+
<span class="text-left font">保险险种</span>
|
|
121
|
+
</div>
|
|
122
|
+
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
123
|
+
<input type="text" class="form-control show-font" v-model="model.f_insurance_type" placeholder="请输入保险险种">
|
|
124
|
+
</div>
|
|
125
|
+
</div>
|
|
126
|
+
<div class="row app-row col-xs-12">
|
|
127
|
+
<div class="col-xs-4 col-sm-4 col-md-4">
|
|
128
|
+
<img src="../../../assets/add.png" style="width: 20px;" alt="">
|
|
129
|
+
<span class="text-left font">备注</span>
|
|
130
|
+
</div>
|
|
131
|
+
<div class="col-xs-8 col-sm-8 col-md-8">
|
|
132
|
+
<input class="form-control show-font" v-model="model.f_comments" placeholder="备注">
|
|
133
|
+
</div>
|
|
134
|
+
</div>
|
|
135
|
+
<div class="col-xs-12 text-center app-row">
|
|
136
|
+
<button type="button" class="btn btn-lg btn-font btn-color" style="width: 22%;" @click="commit()">提交</button>
|
|
137
|
+
</div>
|
|
138
|
+
</div>
|
|
139
|
+
</template>
|
|
140
|
+
<script>
|
|
141
|
+
import { HttpResetClass } from 'vue-client'
|
|
142
|
+
import * as Util from '../../../components/Util'
|
|
143
|
+
import Vue from 'vue'
|
|
144
|
+
export default {
|
|
145
|
+
title: '手机单户抄表',
|
|
146
|
+
data() {
|
|
147
|
+
return {
|
|
148
|
+
create_date:Util.getNowDate(),
|
|
149
|
+
isCommit:false
|
|
150
|
+
}
|
|
151
|
+
},
|
|
152
|
+
props: {
|
|
153
|
+
data: {
|
|
154
|
+
type: Object,
|
|
155
|
+
default: function () {
|
|
156
|
+
return {
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
},
|
|
160
|
+
model: {
|
|
161
|
+
type: Object,
|
|
162
|
+
default: {}
|
|
163
|
+
}
|
|
164
|
+
},
|
|
165
|
+
ready() {
|
|
166
|
+
new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-safecheck/sql/safe_singleTable_OrderBy`, {
|
|
167
|
+
data: {
|
|
168
|
+
items: 'tu.*,uf.f_userfiles_id',
|
|
169
|
+
tablename: 't_userinfo tu left join t_userfiles uf on tu.f_userinfo_id = uf.f_userinfo_id',
|
|
170
|
+
condition: `tu.f_userinfo_id = '${this.model.f_userinfo_id}' and uf.f_table_state in ('停用','正常')`,
|
|
171
|
+
orderitem: '1'
|
|
172
|
+
}
|
|
173
|
+
}).then(response => {
|
|
174
|
+
this.model = Object.assign({}, this.model, response.data[0])
|
|
175
|
+
this.model.f_last_insexpiration_date = response.data[0].f_ins_stop_date
|
|
176
|
+
this.model.f_total_ins_charge = response.data[0].f_total_ins_charge || 0
|
|
177
|
+
})
|
|
178
|
+
this.model.f_money = ''
|
|
179
|
+
this.model.f_fee_type = ''
|
|
180
|
+
this.model.f_insurance_type = '燃气险'
|
|
181
|
+
this.model.f_comments = ''
|
|
182
|
+
this.model.f_salecount = 1
|
|
183
|
+
this.model.f_ins_number = ''
|
|
184
|
+
this.model.f_ins_start_date = Util.toStandardDateString()
|
|
185
|
+
},
|
|
186
|
+
methods: {
|
|
187
|
+
commit() {
|
|
188
|
+
if (!this.model.f_money){
|
|
189
|
+
this.$showMessage('金额未填写，请填写后重新尝试。')
|
|
190
|
+
return
|
|
191
|
+
}
|
|
192
|
+
if (!this.model.f_ins_start_date){
|
|
193
|
+
this.$showMessage('投保日期未选择，请选择后重新尝试。')
|
|
194
|
+
return
|
|
195
|
+
}
|
|
196
|
+
if (!this.model.f_expiration_date){
|
|
197
|
+
this.$showMessage('到期日期未选择，请选择后重新尝试。')
|
|
198
|
+
return
|
|
199
|
+
}
|
|
200
|
+
if (!this.model.f_insurance_type){
|
|
201
|
+
this.$showMessage('保险险种未填写，请填写后重新尝试。')
|
|
202
|
+
return
|
|
203
|
+
}
|
|
204
|
+
let commit_data = this.model
|
|
205
|
+
commit_data.f_buy_date = this.create_date
|
|
206
|
+
commit_data.f_operatorid = Vue.user.id
|
|
207
|
+
commit_data.f_operator = Vue.user.name
|
|
208
|
+
commit_data.f_operate_date = Util.toStandardDateString()
|
|
209
|
+
commit_data.f_state = '有效'
|
|
210
|
+
commit_data.f_orgid = Vue.user.orgid
|
|
211
|
+
commit_data.f_orgname = Vue.user.orgs
|
|
212
|
+
commit_data.f_depid = Vue.user.depids
|
|
213
|
+
commit_data.f_depname = Vue.user.deps
|
|
214
|
+
new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/saveInsInfo`, { data: commit_data }).then(response => {
|
|
215
|
+
this.$showMessage('提交成功')
|
|
216
|
+
this.$back()
|
|
217
|
+
}).catch(error => {
|
|
218
|
+
this.$showMessage('提交失败')
|
|
219
|
+
this.isCommit = false
|
|
220
|
+
})
|
|
221
|
+
},
|
|
222
|
+
changeExpirationDate(){
|
|
223
|
+
if (this.model.f_ins_start_date && this.model.f_salecount){
|
|
224
|
+
let factoryDate = new Date(this.model.f_ins_start_date)
|
|
225
|
+
let scrapDate = new Date(factoryDate)
|
|
226
|
+
scrapDate.setFullYear(factoryDate.getFullYear() + parseInt(this.model.f_salecount))
|
|
227
|
+
let year = scrapDate.getFullYear()
|
|
228
|
+
let month = (scrapDate.getMonth() + 1).toString().padStart(2, '0')
|
|
229
|
+
let day = scrapDate.getDate().toString().padStart(2, '0')
|
|
230
|
+
this.model.f_expiration_date = `${year}-${month}-${day}`
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
</script>
|
|
236
|
+
<style scoped>
|
|
237
|
+
.mt-5 {
|
|
238
|
+
margin-top: 5px;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
.mt-10 {
|
|
242
|
+
margin-top: 10px;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
.mt-20 {
|
|
246
|
+
margin-top: 20px;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
.app-row {
|
|
250
|
+
background-color: white;
|
|
251
|
+
padding: 10px 10px 0 10px;
|
|
252
|
+
border-bottom: 1px solid rgba(235, 235, 235, 0.5);
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
.app-row-none-border {
|
|
256
|
+
background-color: white;
|
|
257
|
+
padding: 10px 10px 0 10px;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
.font {
|
|
261
|
+
font: 15px PingFang-SC-Medium;
|
|
262
|
+
color: #666666;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.show-font {
|
|
266
|
+
font: 15px PingFang-SC-Medium;
|
|
267
|
+
color: #333333
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.btn-font {
|
|
271
|
+
font: 600 16px PingFang-SC-Bold;
|
|
272
|
+
color: #499EDF;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
.btn-color {
|
|
276
|
+
background-color: #FFFFFF;
|
|
277
|
+
border-radius: 10px;
|
|
278
|
+
border: 1px solid #499EDF;
|
|
279
|
+
}
|
|
280
|
+
</style>
|