8eed5287
 “DataPlanet”
11
|
1
2
3
4
5
6
|
<template>
<!-- 机构 -->
<view class="page">
<view class="content">
<view class="top-box" @click="gopath('/pages/receiptRegistration/receiptRegistrationList')">
<view>上报历史</view>
|
e3296b98
 smile
111
|
7
8
9
10
11
12
|
<view class="top-box-img">
<image src="../../static/right2.png"></image>
</view>
</view>
<view class="titleall-left">
<view class="titleall-left-line"></view>我要上报
|
|
8eed5287
“DataPlanet”
11
|
13
|
</view>
|
|
8eed5287
“DataPlanet”
11
|
14
15
16
17
18
19
|
<view class="message-list">
<view class="info-box">
<view class="info-box-list">
<view class="serve">
<view class="serve-title">发生地点</view>
<view>
|
|
e3296b98
smile
111
|
20
21
|
<input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
v-model="form.incidentLocation" placeholder="请输入" style="text-align: right;" />
|
|
8eed5287
“DataPlanet”
11
|
22
23
24
25
26
27
28
29
30
|
</view>
</view>
</view>
</view>
<view class="info-box">
<view class="info-box-list">
<view class="serve">
<view class="serve-title">儿童姓名</view>
<view>
|
|
e3296b98
smile
111
|
31
32
|
<input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
v-model="form.childName" placeholder="请输入" style="text-align: right;" />
|
|
8eed5287
“DataPlanet”
11
|
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
</view>
</view>
</view>
</view>
<view class="info-box">
<view class="info-box-list">
<view class="serve">
<view class="serve-title">儿童性别</view>
<view class="serve-right">
<picker @change="bindPickerChangeSex" :value="index" :range="sexArray">
<view class="uni-input">{{form.sex?sexArray[form.sex]:'请选择'}}</view>
</picker>
<image src="../../static/down3.png"></image>
</view>
</view>
</view>
</view>
<view class="info-box">
<view class="info-box-list">
<view class="serve">
<view class="serve-title">儿童年龄</view>
<view>
|
|
e3296b98
smile
111
|
55
56
|
<input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
v-model="form.age" placeholder="请输入" style="text-align: right;" />
|
|
8eed5287
“DataPlanet”
11
|
57
58
59
60
61
62
63
64
65
|
</view>
</view>
</view>
</view>
<view class="info-box">
<view class="info-box-list">
<view class="serve">
<view class="serve-title">报告原因</view>
<view>
|
|
e3296b98
smile
111
|
66
67
|
<input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
v-model="form.reportReason" placeholder="请输入" style="text-align: right;" />
|
|
8eed5287
“DataPlanet”
11
|
68
69
70
71
72
73
|
</view>
</view>
</view>
</view>
<view class="info-box">
<view class="info-box-list">
|
|
e3296b98
smile
111
|
74
75
76
77
78
79
80
81
82
83
84
|
<view>
<view class="serve-title" style="font-size: 25rpx;color: #909090;">其他信息</view>
<textarea v-model="form.reportRecord" placeholder="请输入"
placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
style="margin-top: 20rpx;"></textarea>
<!-- <view>
<input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
v-model="form.reportRecord" placeholder="请输入" style="text-align: right;" />
</view> -->
</view>
<!-- <view class="serve">
|
|
8eed5287
“DataPlanet”
11
|
85
86
|
<view class="serve-title">其他信息</view>
<view>
|
|
e3296b98
smile
111
|
87
88
|
<input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
v-model="form.reportRecord" placeholder="请输入" style="text-align: right;" />
|
|
8eed5287
“DataPlanet”
11
|
89
|
</view>
|
|
e3296b98
smile
111
|
90
|
</view> -->
|
|
8eed5287
“DataPlanet”
11
|
91
92
93
|
</view>
</view>
</view>
|
|
e3296b98
smile
111
|
94
95
96
|
<view class="titleall-left">
<view class="titleall-left-line"></view>报告人信息
</view>
|
|
8eed5287
“DataPlanet”
11
|
97
98
99
100
101
102
|
<view class="message-list">
<view class="info-box">
<view class="info-box-list">
<view class="serve">
<view class="serve-title">姓名</view>
<view>
|
|
e3296b98
smile
111
|
103
104
|
<input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
v-model="form.reporterName" placeholder="请输入" style="text-align: right;" />
|
|
8eed5287
“DataPlanet”
11
|
105
106
107
108
109
110
111
112
113
|
</view>
</view>
</view>
</view>
<view class="info-box">
<view class="info-box-list">
<view class="serve">
<view class="serve-title">与儿童关系</view>
<view>
|
|
e3296b98
smile
111
|
114
115
|
<input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
v-model="form.relationshipWithChild" placeholder="请输入" style="text-align: right;" />
|
|
8eed5287
“DataPlanet”
11
|
116
117
118
119
120
121
122
123
124
|
</view>
</view>
</view>
</view>
<view class="info-box">
<view class="info-box-list">
<view class="serve">
<view class="serve-title">电话</view>
<view>
|
|
e3296b98
smile
111
|
125
126
|
<input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
v-model="form.phone" placeholder="请输入" style="text-align: right;" />
|
|
8eed5287
“DataPlanet”
11
|
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
|
</view>
</view>
</view>
</view>
<view class="info-box">
<view class="info-box-list">
<view class="serve">
<view class="serve-title">报告主体</view>
<view class="serve-right">
<picker @change="bindPickerChangeSubject" :value="index" :range="SubjectArray">
<view class="uni-input">{{form.reporterType?SubjectArray[index]:'请选择'}}</view>
</picker>
<image src="../../static/down3.png"></image>
</view>
</view>
</view>
</view>
<view class="info-box" v-if="form.reporterType == '群众'">
<view class="info-box-list">
<view class="serve">
<view class="serve-title">职业</view>
<view>
|
|
e3296b98
smile
111
|
149
150
|
<input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
v-model="form.reporterOccupation" placeholder="请输入" style="text-align: right;" />
|
|
8eed5287
“DataPlanet”
11
|
151
152
153
154
155
156
157
158
159
|
</view>
</view>
</view>
</view>
<view class="info-box" v-if="form.reporterType == '单位' || form.reporterType == '社会组织'">
<view class="info-box-list">
<view class="serve">
<view class="serve-title">单位名称</view>
<view>
|
|
e3296b98
smile
111
|
160
161
162
|
<input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
v-model="form.reporterOrganizationName" placeholder="请输入"
style="text-align: right;" />
|
|
8eed5287
“DataPlanet”
11
|
163
164
165
166
167
168
|
</view>
</view>
</view>
</view>
</view>
<view class="page-footer">
|
|
e3296b98
smile
111
|
169
170
171
172
173
174
|
<view class="footer-buy">
<view class="cart-add" @click="register">
<image src="../../static/btn5.png"></image>
<text>立即上报</text>
</view>
</view>
|
|
8eed5287
“DataPlanet”
11
|
175
|
</view>
|
|
e3296b98
smile
111
|
176
|
|
|
8eed5287
“DataPlanet”
11
|
177
178
|
</view>
</view>
|
|
e3296b98
smile
111
|
179
|
</view>
|
|
8eed5287
“DataPlanet”
11
|
180
181
182
183
184
185
|
</template>
<script>
export default {
data() {
return {
|
|
e3296b98
smile
111
|
186
|
form: {
|
|
8eed5287
“DataPlanet”
11
|
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
|
reportTime: "",
reportPlatform: "",
incidentLocation: "",
childName: "",
sex: "",
age: "",
reportReason: "",
reportRecord: "",
reporterName: "",
relationshipWithChild: "",
phone: "",
reporterType: "",
reporterOrganizationName: "",
reporterOccupation: "",
userId: uni.getStorageSync('USERS_KEY').userId,
reportPlatform: '个人上报'
},
// 性别下拉框
sexArray: ['男', '女'],
// 报告主体
SubjectArray: ['群众', '单位', '社会组织'],
index: 0
};
},
|
|
e3296b98
smile
111
|
211
|
methods: {
|
|
8eed5287
“DataPlanet”
11
|
212
213
|
gopath(e) {
uni.navigateTo({
|
|
e3296b98
smile
111
|
214
|
url: e
|
|
8eed5287
“DataPlanet”
11
|
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
|
})
},
// 选择性别
bindPickerChangeSex: function(e) {
console.log('picker发送选择改变，携带值为', e)
this.form.sex = e.detail.value;
},
// 选择主体
bindPickerChangeSubject: function(e) {
console.log('picker发送选择改变，携带值为', e)
this.index = e.detail.value;
this.form.reporterType = this.SubjectArray[this.index];
},
// 获取当前时间
getTime() {
var now = new Date();
var year = now.getFullYear(); //获取完整的年份(4位,1970-????)
var month = now.getMonth() + 1; //获取当前月份(0-11,0代表1月)
var day = now.getDate(); //获取当前日(1-31)
var hour = now.getHours(); //获取当前小时数(0-23)
var minute = now.getMinutes(); //获取当前分钟数(0-59)
var second = now.getSeconds(); //获取当前秒数(0-59)
|
|
e3296b98
smile
111
|
237
238
239
240
|
this.form.reportTime = year + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day :
day) + " " + (hour < 10 ? "0" + hour : hour) + ":" + (minute < 10 ? "0" + minute : minute) + ":" +
(
second < 10 ? "0" + second : second);
|
|
8eed5287
“DataPlanet”
11
|
241
|
},
|
|
e3296b98
smile
111
|
242
|
register() {
|
|
8eed5287
“DataPlanet”
11
|
243
244
245
246
247
|
this.getTime();
this.form.filingType = '个人';
this.form.reportType = '强制报告';
this.API.addRegistration(this.form).then(res => {
console.log(res)
|
|
e3296b98
smile
111
|
248
|
if (res.code == 200) {
|
|
8eed5287
“DataPlanet”
11
|
249
250
251
252
253
254
255
256
257
258
259
|
uni.showToast({
icon: 'success',
title: '上报成功'
})
setTimeout(() => {
uni.redirectTo({
url: '/pages/receiptRegistrationSuccess/receiptRegistrationSuccess',
})
}, 800)
}
})
|
|
e3296b98
smile
111
|
260
|
|
|
8eed5287
“DataPlanet”
11
|
261
262
263
264
265
266
267
|
}
}
}
</script>
<style scoped lang="scss">
@import 'receiptRegistration.scss';
|
|
e3296b98
smile
111
|
268
|
</style>
|
