frontend-uniapp / Civil-Affairs-Bureau-WeChar

Commit 4f4dcb1f0f517fffa867739f1cd3fdece04eea7b

Authored by 李宇
2 parents 883d6197 97589b52

Merge branch 'master' of http://39.98.150.180/frontend-uniapp/Civil-Affairs-Bureau-WeChar

Inline Side-by-side
Showing 7 changed files with 677 additions and 222 deletions
apis/modules/ryy.js
  View file @4f4dcb1
@@ -11,5 +11,9 @@ export default { @@ -11,5 +11,9 @@ export default {
11 // 获取历史记录和流程 11 // 获取历史记录和流程
12 getHistory(pages) { 12 getHistory(pages) {
13 return request.get('/childAdopt/registration/caseHistory',pages) 13 return request.get('/childAdopt/registration/caseHistory',pages)
  14 + },
  15 + // 获取机构
  16 + getListRoles(pages) {
  17 + return request.get('/system/user/listRoles',pages)
14 } 18 }
15 } 19 }
16 \ No newline at end of file 20 \ No newline at end of file
pages.json
  View file @4f4dcb1
@@ -361,6 +361,24 @@ @@ -361,6 +361,24 @@
361 "enablePullDownRefresh": false 361 "enablePullDownRefresh": false
362 } 362 }
363 363
  364 + },
  365 + {
  366 + "path" : "pages/receiptRegistration/organization",
  367 + "style" :
  368 + {
  369 + "navigationBarTitleText": "机构上报",
  370 + "enablePullDownRefresh": false
  371 + }
  372 +
  373 + },
  374 + {
  375 + "path" : "pages/receiptRegistration/townShip",
  376 + "style" :
  377 + {
  378 + "navigationBarTitleText": "乡镇上报",
  379 + "enablePullDownRefresh": false
  380 + }
  381 +
364 } 382 }
365 ,{ 383 ,{
366 384
pages/receiptRegistration/organization.vue 0 → 100644
  View file @4f4dcb1
  1 +<template>
  2 + <!-- 机构 -->
  3 + <view class="page">
  4 + <view class="content">
  5 + <view class="top-box" @click="gopath('/pages/receiptRegistration/receiptRegistrationList')">
  6 + <view>上报历史</view>
  7 + <view class="top-box-img">
  8 + <image src="../../static/right2.png"></image>
  9 + </view>
  10 + </view>
  11 + <view class="titleall-left">
  12 + <view class="titleall-left-line"></view>我要上报
  13 + </view>
  14 + <view class="message-list">
  15 + <view class="info-box">
  16 + <view class="info-box-list">
  17 + <view class="serve">
  18 + <view class="serve-title">发生地点</view>
  19 + <view>
  20 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
  21 + v-model="form.incidentLocation" placeholder="请输入" style="text-align: right;" />
  22 + </view>
  23 + </view>
  24 + </view>
  25 + </view>
  26 + <view class="info-box">
  27 + <view class="info-box-list">
  28 + <view class="serve">
  29 + <view class="serve-title">儿童姓名</view>
  30 + <view>
  31 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
  32 + v-model="form.childName" placeholder="请输入" style="text-align: right;" />
  33 + </view>
  34 + </view>
  35 + </view>
  36 + </view>
  37 + <view class="info-box">
  38 + <view class="info-box-list">
  39 + <view class="serve">
  40 + <view class="serve-title">儿童性别</view>
  41 + <view class="serve-right">
  42 + <picker @change="bindPickerChangeSex" :value="index" :range="sexArray">
  43 + <view class="uni-input">{{form.sex?sexArray[form.sex]:'请选择'}}</view>
  44 + </picker>
  45 + <image src="../../static/down3.png"></image>
  46 + </view>
  47 + </view>
  48 + </view>
  49 + </view>
  50 + <view class="info-box">
  51 + <view class="info-box-list">
  52 + <view class="serve">
  53 + <view class="serve-title">儿童年龄</view>
  54 + <view>
  55 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
  56 + v-model="form.age" placeholder="请输入" style="text-align: right;" />
  57 + </view>
  58 + </view>
  59 + </view>
  60 + </view>
  61 + <view class="info-box">
  62 + <view class="info-box-list">
  63 + <view class="serve">
  64 + <view class="serve-title">报告原因</view>
  65 + <view>
  66 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
  67 + v-model="form.reportReason" placeholder="请输入" style="text-align: right;" />
  68 + </view>
  69 + </view>
  70 + </view>
  71 + </view>
  72 + <view class="info-box">
  73 + <view class="info-box-list">
  74 + <view class="serve">
  75 + <view class="serve-title">其他信息</view>
  76 + <view>
  77 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
  78 + v-model="form.reportRecord" placeholder="请输入" style="text-align: right;" />
  79 + </view>
  80 + </view>
  81 + </view>
  82 + </view>
  83 + </view>
  84 + <view class="titleall-left">
  85 + <view class="titleall-left-line"></view>报告人信息
  86 + </view>
  87 + <view class="message-list">
  88 + <view class="info-box">
  89 + <view class="info-box-list">
  90 + <view class="serve">
  91 + <view class="serve-title">所属机构</view>
  92 + <view class="serve-right">
  93 + <picker @change="organization" :value="index2" :range="organizationArray">
  94 + <view class="uni-input">{{form.filingAgencyName?organizationArray[index2]:'请选择'}}
  95 + </view>
  96 + </picker>
  97 + <image src="../../static/down3.png"></image>
  98 + </view>
  99 + </view>
  100 + </view>
  101 + </view>
  102 + <view class="info-box">
  103 + <view class="info-box-list">
  104 + <view class="serve">
  105 + <view class="serve-title">报告类型</view>
  106 + <view class="serve-right">
  107 + <picker @change="report" :value="index1" :range="reportArray">
  108 + <view class="uni-input">{{form.reportType?reportArray[index1]:'请选择'}}</view>
  109 + </picker>
  110 + <image src="../../static/down3.png"></image>
  111 + </view>
  112 + </view>
  113 + </view>
  114 + </view>
  115 + <view class="info-box">
  116 + <view class="info-box-list">
  117 + <view class="serve">
  118 + <view class="serve-title">姓名</view>
  119 + <view>
  120 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
  121 + v-model="form.reporterName" placeholder="请输入" style="text-align: right;" />
  122 + </view>
  123 + </view>
  124 + </view>
  125 + </view>
  126 + <view class="info-box">
  127 + <view class="info-box-list">
  128 + <view class="serve">
  129 + <view class="serve-title">与儿童关系</view>
  130 + <view>
  131 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
  132 + v-model="form.relationshipWithChild" placeholder="请输入" style="text-align: right;" />
  133 + </view>
  134 + </view>
  135 + </view>
  136 + </view>
  137 + <view class="info-box">
  138 + <view class="info-box-list">
  139 + <view class="serve">
  140 + <view class="serve-title">电话</view>
  141 + <view>
  142 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
  143 + v-model="form.phone" placeholder="请输入" style="text-align: right;" />
  144 + </view>
  145 + </view>
  146 + </view>
  147 + </view>
  148 + <view class="info-box">
  149 + <view class="info-box-list">
  150 + <view class="serve">
  151 + <view class="serve-title">报告主体</view>
  152 + <view class="serve-right">
  153 + <picker @change="bindPickerChangeSubject" :value="index" :range="SubjectArray">
  154 + <view class="uni-input">{{form.reporterType?SubjectArray[index]:'请选择'}}</view>
  155 + </picker>
  156 + <image src="../../static/down3.png"></image>
  157 + </view>
  158 + </view>
  159 + </view>
  160 + </view>
  161 + <view class="info-box" v-if="form.reporterType == '群众'">
  162 + <view class="info-box-list">
  163 + <view class="serve">
  164 + <view class="serve-title">职业</view>
  165 + <view>
  166 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
  167 + v-model="form.reporterOccupation" placeholder="请输入" style="text-align: right;" />
  168 + </view>
  169 + </view>
  170 + </view>
  171 + </view>
  172 + <view class="info-box" v-if="form.reporterType == '单位' || form.reporterType == '社会组织'">
  173 + <view class="info-box-list">
  174 + <view class="serve">
  175 + <view class="serve-title">单位名称</view>
  176 + <view>
  177 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;"
  178 + v-model="form.reporterOrganizationName" placeholder="请输入"
  179 + style="text-align: right;" />
  180 + </view>
  181 + </view>
  182 + </view>
  183 + </view>
  184 + </view>
  185 + <view class="page-footer">
  186 + <view class="footer-buy">
  187 + <view class="cart-add" @click="register">
  188 + <image src="../../static/btn5.png"></image>
  189 + <text>立即上报</text>
  190 + </view>
  191 + </view>
  192 + </view>
  193 +
  194 + </view>
  195 + </view>
  196 + </view>
  197 +</template>
  198 +
  199 +<script>
  200 + export default {
  201 + data() {
  202 + return {
  203 + form: {
  204 + reportTime: "",
  205 + reportPlatform: "",
  206 + incidentLocation: "",
  207 + childName: "",
  208 + sex: "",
  209 + age: "",
  210 + reportReason: "",
  211 + reportRecord: "",
  212 + reporterName: "",
  213 + relationshipWithChild: "",
  214 + phone: "",
  215 + reporterType: "",
  216 + reporterOrganizationName: "",
  217 + reporterOccupation: "",
  218 + userId: uni.getStorageSync('USERS_KEY').userId,
  219 + reportPlatform: ''
  220 + },
  221 + pages: {
  222 + roleName: '机构用户'
  223 + },
  224 + // 性别下拉框
  225 + sexArray: ['男', '女'],
  226 + // 报告主体
  227 + SubjectArray: ['群众', '单位', '社会组织'],
  228 + reportArray: ['强制报告', '机构项目'],
  229 + organizationArray: [],
  230 + organization1: [],
  231 + index: 0,
  232 + index1: 0,
  233 + index2: 0,
  234 + };
  235 + },
  236 + created() {
  237 + this.getListRoles();
  238 + },
  239 + methods: {
  240 + gopath(e) {
  241 + uni.navigateTo({
  242 + url: e
  243 + })
  244 + },
  245 + // 选择性别
  246 + bindPickerChangeSex: function(e) {
  247 + console.log('picker发送选择改变，携带值为', e)
  248 + this.form.sex = e.detail.value;
  249 + },
  250 + // 选择主体
  251 + bindPickerChangeSubject: function(e) {
  252 + console.log('picker发送选择改变，携带值为', e)
  253 + this.index = e.detail.value;
  254 + this.form.reporterType = this.SubjectArray[this.index];
  255 + },
  256 + // 选择报告类型
  257 + report: function(e) {
  258 + console.log('picker发送选择改变，携带值为', e)
  259 + this.index1 = e.detail.value;
  260 + this.form.reportType = this.reportArray[this.index1];
  261 + },
  262 + // 选择机构
  263 + organization: function(e) {
  264 + console.log('picker发送选择改变，携带值为', e)
  265 + this.index2 = e.detail.value;
  266 + this.form.filingAgencyName = this.organizationArray[this.index2];
  267 + },
  268 + // 获取当前时间
  269 + getTime() {
  270 + var now = new Date();
  271 + var year = now.getFullYear(); //获取完整的年份(4位,1970-????)
  272 + var month = now.getMonth() + 1; //获取当前月份(0-11,0代表1月)
  273 + var day = now.getDate(); //获取当前日(1-31)
  274 + var hour = now.getHours(); //获取当前小时数(0-23)
  275 + var minute = now.getMinutes(); //获取当前分钟数(0-59)
  276 + var second = now.getSeconds(); //获取当前秒数(0-59)
  277 + this.form.reportTime = year + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day :
  278 + day) + " " + (hour < 10 ? "0" + hour : hour) + ":" + (minute < 10 ? "0" + minute : minute) + ":" + (
  279 + second < 10 ? "0" + second : second);
  280 + },
  281 + register() {
  282 + this.getTime();
  283 + this.form.filingType = '机构';
  284 + this.form.reportPlatform = this.form.filingAgencyName;
  285 + this.organization1.forEach(item => {
  286 + if (this.form.filingAgencyName == item.userName) {
  287 + this.form.filingAgencyId = item.userId
  288 + }
  289 + })
  290 + console.log(this.form)
  291 + this.API.addRegistration(this.form).then(res => {
  292 + console.log(res)
  293 + if (res.code == 200) {
  294 + uni.showToast({
  295 + icon: 'success',
  296 + title: '上报成功'
  297 + })
  298 + setTimeout(() => {
  299 + uni.redirectTo({
  300 + url: '/pages/receiptRegistrationSuccess/receiptRegistrationSuccess',
  301 + })
  302 + }, 800)
  303 + }
  304 + })
  305 + },
  306 + // 获得机构
  307 + getListRoles() {
  308 + this.API.getListRoles(this.pages).then(res => {
  309 + console.log(res)
  310 + if (res.code == 200) {
  311 + this.organization1 = res.data;
  312 + res.data.forEach(item => {
  313 + this.organizationArray.push(item.userName)
  314 + })
  315 + }
  316 + })
  317 +
  318 + }
  319 + }
  320 + }
  321 +</script>
  322 +
  323 +<style scoped lang="scss">
  324 + @import 'receiptRegistration.scss';
  325 +</style>
0 \ No newline at end of file 326 \ No newline at end of file
pages/receiptRegistration/receiptRegistration.vue
  View file @4f4dcb1
1 -<template>  
2 - <view class="page">  
3 - <view class="content">  
4 - <view class="top-box" @click="gopath('/pages/receiptRegistration/receiptRegistrationList')">  
5 - <view>上报历史</view>  
6 - <view class="top-box-img"><image src="../../static/right2.png"></image></view>  
7 - </view>  
8 - <view class="titleall-left"><view class="titleall-left-line"></view>我要上报</view>  
9 - <view class="message-list">  
10 - <view class="info-box">  
11 - <view class="info-box-list">  
12 - <view class="serve">  
13 - <view class="serve-title">发生地点</view>  
14 - <view>  
15 - <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.incidentLocation" placeholder="请输入" style="text-align: right;"/>  
16 - </view>  
17 - </view>  
18 - </view>  
19 - </view>  
20 - <view class="info-box">  
21 - <view class="info-box-list">  
22 - <view class="serve">  
23 - <view class="serve-title">儿童姓名</view>  
24 - <view>  
25 - <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.childName" placeholder="请输入" style="text-align: right;"/>  
26 - </view>  
27 - </view>  
28 - </view>  
29 - </view>  
30 - <view class="info-box">  
31 - <view class="info-box-list">  
32 - <view class="serve">  
33 - <view class="serve-title">儿童性别</view>  
34 - <view class="serve-right">  
35 - <picker @change="bindPickerChangeSex" :value="index" :range="sexArray">  
36 - <view class="uni-input">{{form.sex?sexArray[form.sex]:'请选择'}}</view>  
37 - </picker>  
38 - <image src="../../static/down3.png"></image>  
39 - </view>  
40 - </view>  
41 - </view>  
42 - </view>  
43 - <view class="info-box">  
44 - <view class="info-box-list">  
45 - <view class="serve">  
46 - <view class="serve-title">儿童年龄</view>  
47 - <view>  
48 - <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.age" placeholder="请输入" style="text-align: right;"/>  
49 - </view>  
50 - </view>  
51 - </view>  
52 - </view>  
53 - <view class="info-box">  
54 - <view class="info-box-list">  
55 - <view class="serve">  
56 - <view class="serve-title">报告原因</view>  
57 - <view>  
58 - <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.reportReason" placeholder="请输入" style="text-align: right;"/>  
59 - </view>  
60 - </view>  
61 - </view> 1 +<template>
  2 + <view>
  3 + <view class="bg"><image src="../../static/bg.jpg" mode="widthFix"></image></view>
  4 + <view style="display: flex;padding: 30rpx;width: 100%;box-sizing: border-box;flex-wrap: wrap;justify-content: space-between;">
  5 + <view @click="gopath('/pages/receiptRegistration/organization')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;">
  6 + <view style="width: 50%;margin: 0 auto;">
  7 + <image style="height: 120rpx;width: 100%;" src="../../static/ly/image17.png" mode="aspectFit"></image>
62 </view> 8 </view>
63 - <view class="info-box">  
64 - <view class="info-box-list">  
65 - <view class="serve">  
66 - <view class="serve-title">其他信息</view>  
67 - <view>  
68 - <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.reportRecord" placeholder="请输入" style="text-align: right;"/>  
69 - </view>  
70 - </view>  
71 - </view> 9 + <view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;">
  10 + 机构上报
72 </view> 11 </view>
73 </view> 12 </view>
74 - <view class="titleall-left"><view class="titleall-left-line"></view>报告人信息</view>  
75 - <view class="message-list">  
76 - <view class="info-box">  
77 - <view class="info-box-list">  
78 - <view class="serve">  
79 - <view class="serve-title">姓名</view>  
80 - <view>  
81 - <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.reporterName" placeholder="请输入" style="text-align: right;"/>  
82 - </view>  
83 - </view>  
84 - </view>  
85 - </view>  
86 - <view class="info-box">  
87 - <view class="info-box-list">  
88 - <view class="serve">  
89 - <view class="serve-title">与儿童关系</view>  
90 - <view>  
91 - <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.relationshipWithChild" placeholder="请输入" style="text-align: right;"/>  
92 - </view>  
93 - </view>  
94 - </view>  
95 - </view>  
96 - <view class="info-box">  
97 - <view class="info-box-list">  
98 - <view class="serve">  
99 - <view class="serve-title">电话</view>  
100 - <view>  
101 - <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.phone" placeholder="请输入" style="text-align: right;"/>  
102 - </view>  
103 - </view>  
104 - </view>  
105 - </view>  
106 - <view class="info-box">  
107 - <view class="info-box-list">  
108 - <view class="serve">  
109 - <view class="serve-title">报告主体</view>  
110 - <view class="serve-right">  
111 - <picker @change="bindPickerChangeSubject" :value="index" :range="SubjectArray">  
112 - <view class="uni-input">{{form.reporterType?SubjectArray[index]:'请选择'}}</view>  
113 - </picker>  
114 - <image src="../../static/down3.png"></image>  
115 - </view>  
116 - </view>  
117 - </view>  
118 - </view>  
119 - <view class="info-box" v-if="form.reporterType == '群众'">  
120 - <view class="info-box-list">  
121 - <view class="serve">  
122 - <view class="serve-title">职业</view>  
123 - <view>  
124 - <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.reporterOccupation" placeholder="请输入" style="text-align: right;"/>  
125 - </view>  
126 - </view>  
127 - </view> 13 + <view @click="gopath('/pages/receiptRegistration/townShip')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;">
  14 + <view style="width: 50%;margin: 0 auto;">
  15 + <image style="height: 120rpx;width: 100%;" src="../../static/ly/image18.png" mode="aspectFit"></image>
128 </view> 16 </view>
129 - <view class="info-box" v-if="form.reporterType == '单位' || form.reporterType == '社会组织'">  
130 - <view class="info-box-list">  
131 - <view class="serve">  
132 - <view class="serve-title">单位名称</view>  
133 - <view>  
134 - <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.reporterOrganizationName" placeholder="请输入" style="text-align: right;"/>  
135 - </view>  
136 - </view>  
137 - </view> 17 + <view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;">
  18 + 乡镇上报
138 </view> 19 </view>
139 </view> 20 </view>
140 - <view class="page-footer">  
141 - <view class="footer-buy">  
142 - <view class="cart-add" @click="register">  
143 - <image src="../../static/btn5.png"></image>  
144 - <text>立即上报</text>  
145 - </view>  
146 - </view>  
147 - </view>  
148 -  
149 - </view>  
150 </view> 21 </view>
151 - </view>  
152 -</template>  
153 -  
154 -<script>  
155 - export default {  
156 - data() {  
157 - return {  
158 - form:{  
159 - reportTime: "",  
160 - reportPlatform: "",  
161 - incidentLocation: "",  
162 - childName: "",  
163 - sex: "",  
164 - age: "",  
165 - reportReason: "",  
166 - reportRecord: "",  
167 - reporterName: "",  
168 - relationshipWithChild: "",  
169 - phone: "",  
170 - reporterType: "",  
171 - reporterOrganizationName: "",  
172 - reporterOccupation: "",  
173 - userId: uni.getStorageSync('USERS_KEY').userId,  
174 - reportPlatform: '数字民政服务平台小程序'  
175 - },  
176 - // 性别下拉框  
177 - sexArray: ['男', '女'],  
178 - // 报告主体  
179 - SubjectArray: ['群众', '单位', '社会组织'],  
180 - index: 0  
181 - };  
182 - },  
183 - methods:{ 22 + </view>
  23 +</template>
  24 +
  25 +<script>
  26 + export default {
  27 + data() {
  28 + return {
  29 +
  30 + }
  31 + },
  32 + methods: {
184 gopath(e) { 33 gopath(e) {
185 uni.navigateTo({ 34 uni.navigateTo({
186 - url:e  
187 - })  
188 - },  
189 - // 选择性别  
190 - bindPickerChangeSex: function(e) {  
191 - console.log('picker发送选择改变，携带值为', e)  
192 - this.form.sex = e.detail.value;  
193 - },  
194 - // 选择主体  
195 - bindPickerChangeSubject: function(e) {  
196 - console.log('picker发送选择改变，携带值为', e)  
197 - this.index = e.detail.value;  
198 - this.form.reporterType = this.SubjectArray[this.index];  
199 - },  
200 - // 获取当前时间  
201 - getTime() {  
202 - var now = new Date();  
203 - var year = now.getFullYear(); //获取完整的年份(4位,1970-????)  
204 - var month = now.getMonth() + 1; //获取当前月份(0-11,0代表1月)  
205 - var day = now.getDate(); //获取当前日(1-31)  
206 - var hour = now.getHours(); //获取当前小时数(0-23)  
207 - var minute = now.getMinutes(); //获取当前分钟数(0-59)  
208 - var second = now.getSeconds(); //获取当前秒数(0-59)  
209 - 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);  
210 - },  
211 - register(){  
212 - this.getTime();  
213 - this.API.addRegistration(this.form).then(res => {  
214 - console.log(res)  
215 - if (res.code == 200 ) {  
216 - uni.showToast({  
217 - icon: 'success',  
218 - title: '上报成功'  
219 - })  
220 - setTimeout(() => {  
221 - uni.redirectTo({  
222 - url: '/pages/receiptRegistrationSuccess/receiptRegistrationSuccess',  
223 - })  
224 - }, 800)  
225 - } 35 + url: e
226 }) 36 })
227 - 37 + },
  38 + }
  39 + }
  40 +</script>
  41 +
  42 +<style scoped lang="scss">
  43 +.bg {
  44 + width: 100%;
  45 + height: 100vh;
  46 + position: fixed;
  47 + z-index: -1;
  48 + image {
  49 + width: 100%;
  50 + height: 100vh;
  51 + }
  52 +}
  53 +.bottom {
  54 + padding: 20rpx 20rpx;
  55 + margin: 20rpx 30rpx;
  56 + width: 94%;
  57 + position: fixed;
  58 + bottom: 30rpx;
  59 + background: rgba(255,255,255,0.63);
  60 + border-radius: 30rpx;
  61 + .bottom-two {
  62 + display: flex;
  63 + justify-content: space-between;
  64 +
  65 + .bottom-two-list {
  66 + position: relative;
  67 + .bottom-two-list-img {
  68 + image {
  69 + width: 320rpx;
  70 + height: 69rpx;
  71 + box-shadow: 5rpx 10rpx 20rpx 0 #b7c8ff;
  72 + border-radius: 100rpx;
  73 + }
  74 + }
  75 + .bottom-two-list-text {
  76 + position: absolute;
  77 + top: 33%;
  78 + left: 25%;
  79 + transform: translate(-33%, -25%);
  80 + color: #fff;
  81 + font-size: 28rpx;
228 } 82 }
229 } 83 }
230 } 84 }
231 -</script>  
232 -  
233 -<style scoped lang="scss">  
234 - @import 'receiptRegistration.scss';  
235 -</style> 85 + .bottom-my {
  86 + position: relative;
  87 + .bottom-my-img {
  88 + image {
  89 + width: 710rpx;
  90 + height: 69rpx;
  91 + box-shadow: 5rpx 10rpx 20rpx 0 #b5f4d5;
  92 + border-radius: 100rpx;
  93 + }
  94 + }
  95 + .bottom-my-text {
  96 + position: absolute;
  97 + top: 25%;
  98 + left: 8%;
  99 + transform: translate(-25%, -8%);
  100 + color: #fff;
  101 + font-size: 28rpx;
  102 + }
  103 + }
  104 +}
  105 +</style>
pages/receiptRegistration/townShip.vue 0 → 100644
  View file @4f4dcb1
  1 +<template>
  2 + <!-- 机构 -->
  3 + <view class="page">
  4 + <view class="content">
  5 + <view class="top-box" @click="gopath('/pages/receiptRegistration/receiptRegistrationList')">
  6 + <view>上报历史</view>
  7 + <view class="top-box-img"><image src="../../static/right2.png"></image></view>
  8 + </view>
  9 + <view class="titleall-left"><view class="titleall-left-line"></view>我要上报</view>
  10 + <view class="message-list">
  11 + <view class="info-box">
  12 + <view class="info-box-list">
  13 + <view class="serve">
  14 + <view class="serve-title">发生地点</view>
  15 + <view>
  16 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.incidentLocation" placeholder="请输入" style="text-align: right;"/>
  17 + </view>
  18 + </view>
  19 + </view>
  20 + </view>
  21 + <view class="info-box">
  22 + <view class="info-box-list">
  23 + <view class="serve">
  24 + <view class="serve-title">儿童姓名</view>
  25 + <view>
  26 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.childName" placeholder="请输入" style="text-align: right;"/>
  27 + </view>
  28 + </view>
  29 + </view>
  30 + </view>
  31 + <view class="info-box">
  32 + <view class="info-box-list">
  33 + <view class="serve">
  34 + <view class="serve-title">儿童性别</view>
  35 + <view class="serve-right">
  36 + <picker @change="bindPickerChangeSex" :value="index" :range="sexArray">
  37 + <view class="uni-input">{{form.sex?sexArray[form.sex]:'请选择'}}</view>
  38 + </picker>
  39 + <image src="../../static/down3.png"></image>
  40 + </view>
  41 + </view>
  42 + </view>
  43 + </view>
  44 + <view class="info-box">
  45 + <view class="info-box-list">
  46 + <view class="serve">
  47 + <view class="serve-title">儿童年龄</view>
  48 + <view>
  49 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.age" placeholder="请输入" style="text-align: right;"/>
  50 + </view>
  51 + </view>
  52 + </view>
  53 + </view>
  54 + <view class="info-box">
  55 + <view class="info-box-list">
  56 + <view class="serve">
  57 + <view class="serve-title">报告原因</view>
  58 + <view>
  59 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.reportReason" placeholder="请输入" style="text-align: right;"/>
  60 + </view>
  61 + </view>
  62 + </view>
  63 + </view>
  64 + <view class="info-box">
  65 + <view class="info-box-list">
  66 + <view class="serve">
  67 + <view class="serve-title">其他信息</view>
  68 + <view>
  69 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.reportRecord" placeholder="请输入" style="text-align: right;"/>
  70 + </view>
  71 + </view>
  72 + </view>
  73 + </view>
  74 + </view>
  75 + <view class="titleall-left"><view class="titleall-left-line"></view>报告人信息</view>
  76 + <view class="message-list">
  77 + <view class="info-box">
  78 + <view class="info-box-list">
  79 + <view class="serve">
  80 + <view class="serve-title">姓名</view>
  81 + <view>
  82 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.reporterName" placeholder="请输入" style="text-align: right;"/>
  83 + </view>
  84 + </view>
  85 + </view>
  86 + </view>
  87 + <view class="info-box">
  88 + <view class="info-box-list">
  89 + <view class="serve">
  90 + <view class="serve-title">与儿童关系</view>
  91 + <view>
  92 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.relationshipWithChild" placeholder="请输入" style="text-align: right;"/>
  93 + </view>
  94 + </view>
  95 + </view>
  96 + </view>
  97 + <view class="info-box">
  98 + <view class="info-box-list">
  99 + <view class="serve">
  100 + <view class="serve-title">电话</view>
  101 + <view>
  102 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.phone" placeholder="请输入" style="text-align: right;"/>
  103 + </view>
  104 + </view>
  105 + </view>
  106 + </view>
  107 + <view class="info-box">
  108 + <view class="info-box-list">
  109 + <view class="serve">
  110 + <view class="serve-title">报告主体</view>
  111 + <view class="serve-right">
  112 + <picker @change="bindPickerChangeSubject" :value="index" :range="SubjectArray">
  113 + <view class="uni-input">{{form.reporterType?SubjectArray[index]:'请选择'}}</view>
  114 + </picker>
  115 + <image src="../../static/down3.png"></image>
  116 + </view>
  117 + </view>
  118 + </view>
  119 + </view>
  120 + <view class="info-box" v-if="form.reporterType == '群众'">
  121 + <view class="info-box-list">
  122 + <view class="serve">
  123 + <view class="serve-title">职业</view>
  124 + <view>
  125 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.reporterOccupation" placeholder="请输入" style="text-align: right;"/>
  126 + </view>
  127 + </view>
  128 + </view>
  129 + </view>
  130 + <view class="info-box" v-if="form.reporterType == '单位' || form.reporterType == '社会组织'">
  131 + <view class="info-box-list">
  132 + <view class="serve">
  133 + <view class="serve-title">单位名称</view>
  134 + <view>
  135 + <input placeholder-style="color:#3d3d3d;font-weight: bold;font-size: 25rpx;" v-model="form.reporterOrganizationName" placeholder="请输入" style="text-align: right;"/>
  136 + </view>
  137 + </view>
  138 + </view>
  139 + </view>
  140 + </view>
  141 + <view class="page-footer">
  142 + <view class="footer-buy">
  143 + <view class="cart-add" @click="register">
  144 + <image src="../../static/btn5.png"></image>
  145 + <text>立即上报</text>
  146 + </view>
  147 + </view>
  148 + </view>
  149 +
  150 + </view>
  151 + </view>
  152 + </view>
  153 +</template>
  154 +
  155 +<script>
  156 + export default {
  157 + data() {
  158 + return {
  159 + form:{
  160 + reportTime: "",
  161 + reportPlatform: "",
  162 + incidentLocation: "",
  163 + childName: "",
  164 + sex: "",
  165 + age: "",
  166 + reportReason: "",
  167 + reportRecord: "",
  168 + reporterName: "",
  169 + relationshipWithChild: "",
  170 + phone: "",
  171 + reporterType: "",
  172 + reporterOrganizationName: "",
  173 + reporterOccupation: "",
  174 + userId: uni.getStorageSync('USERS_KEY').userId,
  175 + reportPlatform: '个人上报'
  176 + },
  177 + // 性别下拉框
  178 + sexArray: ['男', '女'],
  179 + // 报告主体
  180 + SubjectArray: ['群众', '单位', '社会组织'],
  181 + index: 0
  182 + };
  183 + },
  184 + methods:{
  185 + gopath(e) {
  186 + uni.navigateTo({
  187 + url:e
  188 + })
  189 + },
  190 + // 选择性别
  191 + bindPickerChangeSex: function(e) {
  192 + console.log('picker发送选择改变，携带值为', e)
  193 + this.form.sex = e.detail.value;
  194 + },
  195 + // 选择主体
  196 + bindPickerChangeSubject: function(e) {
  197 + console.log('picker发送选择改变，携带值为', e)
  198 + this.index = e.detail.value;
  199 + this.form.reporterType = this.SubjectArray[this.index];
  200 + },
  201 + // 获取当前时间
  202 + getTime() {
  203 + var now = new Date();
  204 + var year = now.getFullYear(); //获取完整的年份(4位,1970-????)
  205 + var month = now.getMonth() + 1; //获取当前月份(0-11,0代表1月)
  206 + var day = now.getDate(); //获取当前日(1-31)
  207 + var hour = now.getHours(); //获取当前小时数(0-23)
  208 + var minute = now.getMinutes(); //获取当前分钟数(0-59)
  209 + var second = now.getSeconds(); //获取当前秒数(0-59)
  210 + 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);
  211 + },
  212 + register(){
  213 + this.getTime();
  214 + this.form.filingType = '个人';
  215 + this.form.reportType = '强制报告';
  216 + this.API.addRegistration(this.form).then(res => {
  217 + console.log(res)
  218 + if (res.code == 200 ) {
  219 + uni.showToast({
  220 + icon: 'success',
  221 + title: '上报成功'
  222 + })
  223 + setTimeout(() => {
  224 + uni.redirectTo({
  225 + url: '/pages/receiptRegistrationSuccess/receiptRegistrationSuccess',
  226 + })
  227 + }, 800)
  228 + }
  229 + })
  230 +
  231 + }
  232 + }
  233 + }
  234 +</script>
  235 +
  236 +<style scoped lang="scss">
  237 + @import 'receiptRegistration.scss';
  238 +</style>
static/ly/image17.png 0 → 100644
View file @4f4dcb1

27.9 KB
static/ly/image18.png 0 → 100644
View file @4f4dcb1

28.6 KB