1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
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
<template>
<div class="receiveDetail">
<div class="header_block">
<div class="header_top">
<img src="../../assets/images/close.png" alt="" @click="goBack" />
<span>领取详情</span>
<div></div>
</div>
<div class="header_center">
<img src="../../assets/images/star.png" alt="" />
<div>叶酸领取<br>申请提交成功！</div>
</div>
<div class="header_bottom"></div>
</div>
<div class="body_block">
<div class="body_top"></div>
<div class="title">请前往单位领取叶酸</div>
<div class="body_bottom">
<div class="body_bottom_first">
<div>领取单位：</div>
<div>{{applyUnitInfo.unitName}}</div>
</div>
<div class="body_bottom_last">
<div>领取地址：</div>
<div>{{applyUnitInfo.unitAddress}}</div>
</div>
</div>
</div>
<div class="btn_block">
<van-button @click="goIndex">返回首页</van-button>
</div>
</div>
</template>
<script>
import {callMobile} from '@/utils/common'
export default {
data() {
return {
applyUnitInfo: {},
}
},
created() {
this.applyUnitInfo = JSON.parse(sessionStorage.getItem('applyUnitInfo'));
},
methods: {
goBack() {
this.$router.push('provideUnit');
//this.$router.go(-1);
},
goIndex() {
// this.$router.push('provideUnit');
callMobile('goIndex', {});
},
}
}
</script>
<style lang="less" scoped>
.header_block {
height: 195px;
background: linear-gradient(292.1deg, rgba(255, 121, 54, 0.65) 1.9%, rgba(253, 41, 34, 0.65) 94.3%), linear-gradient(180deg, #FF9B82 0%, #FD2922 100%);
.header_top {
height: 44px;
display: flex;
align-items: center;
justify-content: space-between;
img {
margin-left: 21px;
}
span {
margin-left: -35px;
color: #F8FAFC;
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
}
}
.header_center {
height: 130px;
display: flex;
align-items: center;
justify-content: center;
div {
margin-left: 7px;
color: #fff;
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
}
}
.header_bottom {
height: 10px;
background: rgba(218, 50, 27, 0.8);
border-radius: 18px;
margin: 0 10px;
}
}
.body_block {
height: 205px;
background: #fff;
box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.06);
margin: -16px 16px 0 16px;
display: flex;
flex-direction: column;
.body_top {
height: 26px;
background: linear-gradient(180deg, rgba(234, 59, 35, 0.67) 0%, rgba(255, 255, 255, 0) 100%);
}
.title {
height: 48px;
color: #262626;
font-size: 18px;
font-weight: 600;
text-align: center;
border-bottom: 1px dashed #8C8C8C;
}
.body_bottom {
font-size: 14px;
padding: 0 16px;
box-sizing: border-box;
.body_bottom_first {
margin-top: 24px;
display: flex;
:first-child {
color: #595959;
}
:last-child {
flex: 1;
color: #262626;
}
}
.body_bottom_last {
margin-top: 13px;
display: flex;
:first-child {
color: #595959;
}
:last-child {
flex: 1;
color: #262626;
}
}
}
}
.btn_block {
padding: 64px 118px 0 118px;
.van-button {
height: 40px;
width: 100%;
}
.van-button--default {
border: none;
background: linear-gradient(180deg, #FF9D83 0%, #FE3129 100%);
border-radius: 27px;
color: #fff;
font-size: 16px;
}
}
</style>