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 11 // 获取历史记录和流程
12 12 getHistory(pages) {
13 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 20 \ No newline at end of file
... ...
pages.json
  View file @4f4dcb1
... ... @@ -361,6 +361,24 @@
361 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 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 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 11 </view>
73 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 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 19 </view>
139 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 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 33 gopath(e) {
185 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