frontend-uniapp / Civil-Affairs-Bureau-WeChar

Blame view

pages/home/home.vue 12.3 KB
Edit Raw Normal View History
1f3f2378   起风了   我的第一次 
1
2
 
  <template>

  	<view class="page">
53c27360   smile   1111 
3
4
5
 
  		<view class="bg">

  			<image src="/static/bg.jpg"></image>

  		</view>
1f3f2378   起风了   我的第一次 
6
7
8
 
  		<pyh-nv ref="nv" :config="nvConfig"></pyh-nv>

  		<view class="listBox" :style="{'padding-top':(pageTop+'px')}">

  			<view class="content">
53c27360   smile   1111 
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
  				<view class="banner">

  					<swiper class="screen-swiper" indicator-dots="true" circular="true" autoplay="true" interval="5000"

  						duration="500">

  						<swiper-item v-for="(item,index) in swiperList" :key="index">

  							<image :src="item.url" mode="aspectFill"></image>

  						</swiper-item>

  					</swiper>

  				</view>

  

  				<view class="menu-nav">

  					<view class="nav">

  						<view class="list" @click="tzyl">

  							<view>

  								<image src="/static/new/1.png" mode="heightFix"></image>

  							</view>

  							<view class="text">养老</view>

  						</view>

  						<view class="list" @click="minor">

  							<view>

  								<image src="/static/new/2.png" mode="heightFix"></image>

  							</view>

  							<view class="text">个案登记</view>

  						</view>
1f3f2378   起风了   我的第一次 
32
 
  						<view class="list" @click="map">
53c27360   smile   1111 
33
34
35
 
  							<view>

  								<image src="/static/new/3.png" mode="heightFix"></image>

  							</view>
1f3f2378   起风了   我的第一次 
36
37
38
 
  							<view class="text">区域申报</view>

  						</view>

  						<view class="list" @click="funeral">
53c27360   smile   1111 
39
40
41
 
  							<view>

  								<image src="/static/new/4.png" mode="heightFix"></image>

  							</view>
fe62b839   起风了   1 
42
 
  							<view class="text">殡葬</view>
1f3f2378   起风了   我的第一次 
43
 
  						</view>
fe62b839   起风了   1 
44
 
  						<!-- <view class="list" @click="toponym">
1f3f2378   起风了   我的第一次 
45
 
  							<view><image src="/static/new/image 1.png" mode="heightFix"></image></view>
d7d4c017   李宇   1 
46
 
  							<view class="text">地名申报</view>
1f3f2378   起风了   我的第一次 
47
 
  						</view>
d7d4c017   李宇   1 
48
 
  						<view class="list" @click="lmpsb">
1f3f2378   起风了   我的第一次 
49
 
  							<view><image src="/static/new/image 2.png" mode="heightFix"></image></view>
d7d4c017   李宇   1 
50
 
  							<view class="text">地名查询</view>
1f3f2378   起风了   我的第一次 
51
52
53
54
55
56
57
58
 
  						</view>

  						<view class="list" @click="gopath('/pages/policy/policy')">

  							<view><image src="/static/new/image 3.png" mode="heightFix"></image></view>

  							<view class="text">政策文件</view>

  						</view>

  						<view class="list" @click="journalism">

  							<view><image src="/static/new/image 4.png" mode="heightFix"></image></view>

  							<view class="text">新闻资讯</view>
fe62b839   起风了   1 
59
 
  						</view> -->
53c27360   smile   1111 
60
61
 
  					</view>

  				</view>
1f3f2378   起风了   我的第一次 
62
 
  			</view>
fe62b839   起风了   1 
63
64
 
  			<!-- 服务 -->

  			<view class="xw" style="padding-top: 20rpx;padding-left: 20rpx;">
1f3f2378   起风了   我的第一次 
65
66
67
 
  				<view class="title">

  					<view class="box1">

  						<image src="../../static/new/矩形 331.png" mode=""></image>
fe62b839   起风了   1 
68
 
  						<span>殡葬服务</span>
1f3f2378   起风了   我的第一次 
69
70
 
  					</view>

  				</view>
fe62b839   起风了   1 
71
72
 
  				<view class="content">

  					<view class="box_item" @click="funeralculture">
53c27360   smile   1111 
73
74
75
 
  						<view>

  							<image src="/static/nav/nav_ico5.png" style="width: 90%;" mode="widthFix"></image>

  						</view>
30c714a7   起风了   zh 
76
 
  						<view class="text">线上报丧</view>
53c27360   smile   1111 
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
 
  					</view>

  					<view class="box_item" @click="funerallaw">

  						<view>

  							<image src="/static/nav/nav_ico6.png" style="width: 90%;" mode="widthFix"></image>

  						</view>

  						<view class="text">线上预约</view>

  					</view>

  					<view class="box_item" @click="funeralguide">

  						<view>

  							<image src="/static/nav/nav_ico9.png" style="width: 90%;" mode="widthFix"></image>

  						</view>

  						<view class="text">办事指南</view>

  					</view>

  					<view class="box_item" @click="funeralproblem">

  						<view>

  							<image src="/static/nav/nav_ico10.png" style="width: 90%;" mode="widthFix"></image>

  						</view>

  						<view class="text">常见问题</view>

  					</view>

  				</view>

  			</view>

  

  			<view class="xw" style="padding-top: 20rpx;padding-left: 20rpx;">

  				<view class="title">

  					<view class="box1">

  						<image src="../../static/new/矩形 331.png" mode=""></image>

  						<span>区域服务</span>

  					</view>

  				</view>

  				<view class="content" style="margin-bottom:40rpx;">

  					<view class="box_item" @click="gopath('/pages/declaration/declaration?type=5')">

  						<view style="margin-bottom: 20rpx;">

  							<image src="/static/ly/image11.png" style="width: 60%;height: 90rpx;" mode=""></image>

  						</view>

  						<view class="text">门楼牌申报</view>

  					</view>

  					<view class="box_item" @click="gopath('/pages/mapdoorplate/mapdoorplate')">

  						<view style="margin-bottom: 20rpx;">

  							<image src="/static/ly/image8.png" style="width: 60%;height: 90rpx;" mode=""></image>

  						</view>

  						<view class="text">地名标志牌申报</view>

  					</view>

  					<view class="box_item" @click="gopath('/pages/declaration/declaration?type=3')">

  						<view style="margin-bottom: 20rpx;">

  							<image src="/static/ly/image5.png" style="width: 60%;height: 90rpx;" mode=""></image>

  						</view>

  						<view class="text">建筑物备案</view>

  					</view>

  					<view class="box_item" @click="gopath('/pages/declaration/newDeclaration')">

  						<view style="margin-bottom: 20rpx;">

  							<image src="/static/ly/image6.png" style="width: 60%;height: 90rpx;" mode=""></image>

  						</view>

  						<view class="text">地名备案</view>

  					</view>

  				</view>

  				<view class="content" style="margin-top: -70rpx;z-index: 10000;padding: 0 20rpx;">

  					<view class="box_item" @click="lmpsb">

  						<view style="margin-bottom: 20rpx;">

  							<image src="/static/new/image 2.png" style="width: 60%;height: 90rpx;" mode=""></image>

  						</view>

  						<view class="text">地名查询服务</view>

  					</view>

  					<view class="box_item" @click="gopath('/pages/maptask/maptask')">

  						<view style="margin-bottom: 20rpx;">

  							<image src="/static/new/image 1.png" style="width: 60%;height: 90rpx;" mode=""></image>

  						</view>

  						<view class="text">巡检任务</view>

  					</view>

  				</view>

  			</view>

  

  			<view class="xw" style="">

  				<view class="title">

  					<view class="box1">

  						<image src="../../static/new/矩形 331.png" mode=""></image>

  						<span>未保服务</span>

  					</view>

  				</view>

  				<view class="content">

  					<view class="box_item" @click="minor">

  						<view style="margin-bottom: 20rpx;">

  							<image src="/static/new/2.png" style="height: 100rpx;" mode="heightFix"></image>

  						</view>

  						<view class="text">个案登记</view>

  					</view>

  					<view class="box_item" @click="whisper">

  						<view style="margin-bottom: 20rpx;">

  							<image src="/static/new/whisper.png" style="height: 100rpx;" mode="heightFix"></image>

  						</view>

  						<view class="text">悄悄话</view>
1f3f2378   起风了   我的第一次 
167
168
 
  					</view>

  				</view>
1f3f2378   起风了   我的第一次 
169
 
  			</view>
fcc32898   smile   111 
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
 
  			

  			<view class="xw" style="padding-top: 20rpx;padding-left: 20rpx;">

  				<view class="title">

  					<view class="box1">

  						<image src="../../static/new/矩形 331.png" mode=""></image>

  						<span>区域划分</span>

  					</view>

  				</view>

  				<view class="content" style="margin-bottom:40rpx;">

  					<view class="box_item" @click="gopath('/pages/declaration/declaration?type=5')">

  						<view style="margin-bottom: 20rpx;">

  							<image src="/static/ly/image11.png" style="width: 60%;height: 90rpx;" mode=""></image>

  						</view>

  						<view class="text">门楼牌申报</view>

  					</view>

  					<view class="box_item" @click="gopath('/pages/mapdoorplate/mapdoorplate')">

  						<view style="margin-bottom: 20rpx;">

  							<image src="/static/ly/image8.png" style="width: 60%;height: 90rpx;" mode=""></image>

  						</view>

  						<view class="text">地名标志牌申报</view>

  					</view>

  					<view class="box_item" @click="gopath('/pages/declaration/declaration?type=3')">

  						<view style="margin-bottom: 20rpx;">

  							<image src="/static/ly/image5.png" style="width: 60%;height: 90rpx;" mode=""></image>

  						</view>

  						<view class="text">建筑物备案</view>

  					</view>

  					<view class="box_item" @click="gopath('/pages/declaration/newDeclaration')">

  						<view style="margin-bottom: 20rpx;">

  							<image src="/static/ly/image6.png" style="width: 60%;height: 90rpx;" mode=""></image>

  						</view>

  						<view class="text">地名备案</view>

  					</view>

  				</view>

  				<view class="content" style="margin-top: -70rpx;z-index: 10000;padding: 0 20rpx;">

  					<view class="box_item" @click="lmpsb">

  						<view style="margin-bottom: 20rpx;">

  							<image src="/static/new/image 2.png" style="width: 60%;height: 90rpx;" mode=""></image>

  						</view>

  						<view class="text">地名查询服务</view>

  					</view>

  					<view class="box_item" @click="gopath('/pages/maptask/maptask')">

  						<view style="margin-bottom: 20rpx;">

  							<image src="/static/new/image 1.png" style="width: 60%;height: 90rpx;" mode=""></image>

  						</view>

  						<view class="text">巡检任务</view>

  					</view>

  				</view>

  			</view>
53c27360   smile   1111 
219
1f3f2378   起风了   我的第一次 
220
221
 
  		</view>

  	</view>
53c27360   smile   1111 
222
1f3f2378   起风了   我的第一次 
223
224
225
226
227
228
229
 
  </template>

  

  <script>

  	import md5 from "../../common/md5.js";

  	export default {

  		data() {

  			return {
53c27360   smile   1111 
230
231
232
233
234
235
 
  				nvConfig: {

  					title: "数字民政服务平台",

  					bgColor: "#ffffff",

  					color: "#000000",

  					fixedAssist: {

  						hide: true,
1f3f2378   起风了   我的第一次 
236
 
  					},
53c27360   smile   1111 
237
238
 
  					transparent: {

  						initColor: "#000",
1f3f2378   起风了   我的第一次 
239
 
  					},
53c27360   smile   1111 
240
241
 
  					back: {

  						hide: true
1f3f2378   起风了   我的第一次 
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
 
  					},

  				},

  				swiperList: [{

  						id: 0,

  						type: 'image',

  						url: '/static/img/1.jpg'

  					},

  					{

  						id: 1,

  						type: 'image',

  						url: '/static/img/1.jpg'

  					},

  				],

  			}

  		},
53c27360   smile   1111 
257
258
259
260
261
262
263
 
  		onPageScroll(e) {

  			this.$refs.nv.pageScroll(e)

  		},

  		computed: {

  			pageTop() {

  				return parseInt(88 * uni.getSystemInfoSync().windowWidth / 750) + uni.getSystemInfoSync().statusBarHeight

  			}
1f3f2378   起风了   我的第一次 
264
265
266
267
 
  		},

  		onLoad() {

  			uni.hideTabBar();

  		},
53c27360   smile   1111 
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
 
  		methods: {

  			// 

  			funeralculture() {

  				uni.setStorageSync('dh', 1)

  				uni.navigateTo({

  					url: '/pages/funeralreport/funeralreport'

  				})

  			},

  			funerallaw() {

  				uni.navigateTo({

  					url: '/pages/funeralreservation/funeralreservation'

  				})

  			},

  			funeralguide() {

  				uni.navigateTo({

  					url: '/pages/funeralguide/funeralguide'

  				})

  			},

  			funeralproblem() {

  				uni.navigateTo({

  					url: '/pages/funeralproblem/funeralproblem'

  				})

  			},

  			// 

  			gopath(e) {

  				uni.navigateTo({

  					url: e

  				})

  			},
fe62b839   起风了   1 
297
 
  			//
1f3f2378   起风了   我的第一次 
298
299
300
301
302
303
304
 
  			gopath(e) {

  				uni.navigateTo({

  					url: e

  				})

  			},

  			toponym() {

  				uni.navigateTo({
53c27360   smile   1111 
305
 
  					url: "/pages/declaration/newDeclaration"
1f3f2378   起风了   我的第一次 
306
307
 
  				})

  			},
53c27360   smile   1111 
308
 
  			tzyl() {
1f3f2378   起风了   我的第一次 
309
310
 
  				// window.location.href = `http://show.rsxmzj.91xxt.com:81/2023/renshou/index.html?p=${t}&t=${time}&sign=${encryptedstr}`

  				uni.navigateTo({
53c27360   smile   1111 
311
 
  					url: "/pages/webview/webview"
1f3f2378   起风了   我的第一次 
312
313
 
  				})

  			},
53c27360   smile   1111 
314
 
  			lmpsb() {
1f3f2378   起风了   我的第一次 
315
 
  				uni.navigateTo({
d7d4c017   李宇   1 
316
 
  					// url:'/pages/mapdoorplate/mapdoorplate'
53c27360   smile   1111 
317
 
  					url: '/pages/map1/map'
0d8fdbbf   起风了   gps修改 
318
 
  					// url: '/pages/receiptRegistration/receiptRegistration'
1f3f2378   起风了   我的第一次 
319
320
 
  				})

  			},
53c27360   smile   1111 
321
322
323
324
325
326
327
328
 
  			minor() {

  				uni.navigateTo({

  					url: '/pages/receiptRegistration/receiptRegistration'

  				})

  			},

  			whisper() {

  				uni.navigateTo({

  					url: '/pages/whisper/index'
1f3f2378   起风了   我的第一次 
329
 
  				})
1f3f2378   起风了   我的第一次 
330
331
332
333
334
 
  			},

  			journalism() {

  				uni.navigateTo({

  					url: '/pages/journalism/journalism'

  				})
1f3f2378   起风了   我的第一次 
335
 
  			},
53c27360   smile   1111 
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
 
  			// 获取用户信息

  			hquserinfo() {

  				var info = {

  					userId: uni.getStorageSync("USERS_KEY").userId,

  				}

  				this.API.hquserinfo(info).then(res => {

  					console.log("获取用户信息", res);

  					this.user.nickName = res.data.nickName;

  					this.user.avatar = res.data.avatar

  					this.user.deptId = res.data.deptId

  					console.log("信息", this.user);

  				})

  			},

  			funeral() {

  				var info = {

  					userId: uni.getStorageSync("USERS_KEY").userId,

  				}

  				this.API.hquserinfo(info).then(res => {

  					console.log("获取用户信息", res);

  					console.log("信息1", res.data.roles[0].roleName, uni.getStorageSync('userjs'));

  					if (res.data.roles[0].roleName != uni.getStorageSync('userjs')) {

  						uni.reLaunch({

  							url: '/pages/login/login'

  						});

  						return

  					}

  					if (uni.getStorageSync('userjs') == null || uni.getStorageSync('userjs') == undefined) {

  						uni.reLaunch({

  							url: '/pages/login/login'

  						});

  						return

  					}

  

  					if (uni.getStorageSync('userjs') != '普通用户') {

  						uni.switchTab({

  							url: '/pages/my/my'

  						})

  					} else {

  						uni.switchTab({

  							url: '/pages/funeral/funeral'

  						})

  					}

  				})
1f3f2378   起风了   我的第一次 
380
381
382
383
384
385
386
387
388
389
390
391
392
393
 
  			},

  			map() {

  				uni.navigateTo({

  					url: '/pages/declaration/list'

  				})

  				// uni.navigateTo({

  				// 	url: '/pages/map/map'

  				// })

  			},

  			map1() {

  				uni.navigateTo({

  					url: '/pages/map1/map'

  				})

  			},
53c27360   smile   1111 
394
 
  			xwtz() {
1f3f2378   起风了   我的第一次 
395
 
  				uni.navigateTo({
53c27360   smile   1111 
396
 
  					url: "/pages/xw/xw"
1f3f2378   起风了   我的第一次 
397
398
399
400
401
402
403
 
  				})

  			}

  		}

  	};

  </script>

  <style scoped lang="scss">

  	@import 'home.scss';
53c27360   smile   1111 
404
 
  </style>