作者 mxd

入学登记

1 <template> 1 <template>
2 <view class="wrap_box"> 2 <view class="wrap_box">
3 - <!-- <uParse v-if="datas" :content="datas"></uParse> -->  
4 - <view class="tel_index_bg"></view>  
5 -  
6 3
7 <view class="vio_list"> 4 <view class="vio_list">
8 5
9 - <view class=" dis_flex reg_tip">  
10 - <text class="icon icon-icon-tianxiegenjin"></text>  
11 - <view v-if="datas.is_register!=1" class=""> 6 + <view class="reg_tip">
  7 + <view v-if="datas.is_register!=1" class="reg_tip_cell edit">
  8 + <text class="icon icon-icon-tianxiegenjin"></text>
12 以下每一项都为必填项,请如实填写信息! 如有疑问请咨询接待老师 9 以下每一项都为必填项,请如实填写信息! 如有疑问请咨询接待老师
13 </view> 10 </view>
14 - <view v-else class=""> 11 + <view v-else class="reg_tip_cell">
  12 + <view class="icon">
  13 + <image src="/static/imagesV2/stu_register/icon1.png"></image>
  14 + </view>
15 你已填写,如有疑问请咨询接待老师 15 你已填写,如有疑问请咨询接待老师
16 </view> 16 </view>
17 </view> 17 </view>
18 <view class="main_list"> 18 <view class="main_list">
19 <view class="vio_sx dis_flex aic ju_b"> 19 <view class="vio_sx dis_flex aic ju_b">
20 - <view class="flex_1 vio_time"> 20 + <view class="flex_1 vio_time label">
21 姓名: 21 姓名:
22 </view> 22 </view>
23 <view v-if="datas.is_register==1" class="vio_time" > 23 <view v-if="datas.is_register==1" class="vio_time" >
@@ -26,7 +26,7 @@ @@ -26,7 +26,7 @@
26 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" maxlength="10" placeholder="请填写姓名" v-model="stu_name"> 26 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" maxlength="10" placeholder="请填写姓名" v-model="stu_name">
27 </view> 27 </view>
28 <view v-if="datas.is_register==1" class="vio_sx dis_flex aic ju_b"> 28 <view v-if="datas.is_register==1" class="vio_sx dis_flex aic ju_b">
29 - <view class=" vio_time"> 29 + <view class=" vio_time label">
30 性别: 30 性别:
31 </view> 31 </view>
32 <view class="vio_time"> 32 <view class="vio_time">
@@ -36,7 +36,7 @@ @@ -36,7 +36,7 @@
36 </view> 36 </view>
37 <picker v-else mode="selector" @change="sexChange" :range="sexList"> 37 <picker v-else mode="selector" @change="sexChange" :range="sexList">
38 <view class="vio_sx dis_flex aic ju_b"> 38 <view class="vio_sx dis_flex aic ju_b">
39 - <view class=" vio_time"> 39 + <view class=" vio_time label">
40 性别: 40 性别:
41 </view> 41 </view>
42 42
@@ -47,7 +47,7 @@ @@ -47,7 +47,7 @@
47 </view> 47 </view>
48 </picker> 48 </picker>
49 <view v-if="datas.is_register==1" class="vio_sx dis_flex aic ju_b"> 49 <view v-if="datas.is_register==1" class="vio_sx dis_flex aic ju_b">
50 - <view class="flex_1 vio_time"> 50 + <view class="flex_1 vio_time label">
51 出生年月: 51 出生年月:
52 </view> 52 </view>
53 <view class="vio_time"> 53 <view class="vio_time">
@@ -56,7 +56,7 @@ @@ -56,7 +56,7 @@
56 </view> 56 </view>
57 <picker v-else mode="date" :value="birth" @change="birthChange"> 57 <picker v-else mode="date" :value="birth" @change="birthChange">
58 <view class="vio_sx dis_flex aic ju_b"> 58 <view class="vio_sx dis_flex aic ju_b">
59 - <view class="flex_1 vio_time"> 59 + <view class="flex_1 vio_time label">
60 出生年月: 60 出生年月:
61 </view> 61 </view>
62 <view class="vio_time"> 62 <view class="vio_time">
@@ -66,7 +66,7 @@ @@ -66,7 +66,7 @@
66 </picker> 66 </picker>
67 67
68 <view class="vio_sx dis_flex aic ju_b"> 68 <view class="vio_sx dis_flex aic ju_b">
69 - <view class="flex_1 vio_time"> 69 + <view class="flex_1 vio_time label">
70 学历: 70 学历:
71 </view> 71 </view>
72 <view v-if="datas.is_register==1" class="vio_time"> 72 <view v-if="datas.is_register==1" class="vio_time">
@@ -76,7 +76,7 @@ @@ -76,7 +76,7 @@
76 </view> 76 </view>
77 77
78 <view class="vio_sx dis_flex aic ju_b"> 78 <view class="vio_sx dis_flex aic ju_b">
79 - <view class="flex_1 vio_time"> 79 + <view class="flex_1 vio_time label">
80 学位: 80 学位:
81 </view> 81 </view>
82 <view v-if="datas.is_register==1" class="vio_time"> 82 <view v-if="datas.is_register==1" class="vio_time">
@@ -85,7 +85,7 @@ @@ -85,7 +85,7 @@
85 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写学位" v-model="xuewei"> 85 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写学位" v-model="xuewei">
86 </view> 86 </view>
87 <view class="vio_sx dis_flex aic ju_b"> 87 <view class="vio_sx dis_flex aic ju_b">
88 - <view class="flex_1 vio_time"> 88 + <view class="flex_1 vio_time label">
89 籍贯: 89 籍贯:
90 </view> 90 </view>
91 <view class="vio_time" v-if="datas.is_register==1"> 91 <view class="vio_time" v-if="datas.is_register==1">
@@ -94,7 +94,7 @@ @@ -94,7 +94,7 @@
94 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写籍贯" v-model="native"> 94 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写籍贯" v-model="native">
95 </view> 95 </view>
96 <view class="vio_sx dis_flex aic ju_b"> 96 <view class="vio_sx dis_flex aic ju_b">
97 - <view class="flex_1 vio_time"> 97 + <view class="flex_1 vio_time label">
98 身份证号: 98 身份证号:
99 </view> 99 </view>
100 <view class="vio_time" v-if="datas.is_register==1"> 100 <view class="vio_time" v-if="datas.is_register==1">
@@ -103,7 +103,7 @@ @@ -103,7 +103,7 @@
103 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写身份证号" v-model="id_card"> 103 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写身份证号" v-model="id_card">
104 </view> 104 </view>
105 <view class="vio_sx dis_flex aic ju_b"> 105 <view class="vio_sx dis_flex aic ju_b">
106 - <view class="flex_1 vio_time"> 106 + <view class="flex_1 vio_time label">
107 家庭住址: 107 家庭住址:
108 </view> 108 </view>
109 <view v-if="datas.is_register==1" class="vio_time"> 109 <view v-if="datas.is_register==1" class="vio_time">
@@ -112,7 +112,7 @@ @@ -112,7 +112,7 @@
112 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写家庭住址" v-model="jtzz"> 112 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写家庭住址" v-model="jtzz">
113 </view> 113 </view>
114 <view class="vio_sx dis_flex aic ju_b"> 114 <view class="vio_sx dis_flex aic ju_b">
115 - <view class="flex_1 vio_time"> 115 + <view class="flex_1 vio_time label">
116 招生联系人: 116 招生联系人:
117 </view> 117 </view>
118 <view v-if="datas.is_register==1" class="vio_time"> 118 <view v-if="datas.is_register==1" class="vio_time">
@@ -121,7 +121,7 @@ @@ -121,7 +121,7 @@
121 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写招生联系人" v-model="zslxr"> 121 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写招生联系人" v-model="zslxr">
122 </view> 122 </view>
123 <view class="vio_sx dis_flex aic ju_b"> 123 <view class="vio_sx dis_flex aic ju_b">
124 - <view class="flex_1 vio_time"> 124 + <view class="flex_1 vio_time label">
125 是否脱产备考: 125 是否脱产备考:
126 </view> 126 </view>
127 <!-- <view v-if="datas.is_register==1" class="vio_time"> 127 <!-- <view v-if="datas.is_register==1" class="vio_time">
@@ -145,7 +145,7 @@ @@ -145,7 +145,7 @@
145 </view> 145 </view>
146 </view> 146 </view>
147 <view class="vio_sx dis_flex aic ju_b"> 147 <view class="vio_sx dis_flex aic ju_b">
148 - <view class="flex_1 vio_time"> 148 + <view class="flex_1 vio_time label">
149 毕业/在读学校: 149 毕业/在读学校:
150 </view> 150 </view>
151 <view v-if="datas.is_register==1" class="vio_time"> 151 <view v-if="datas.is_register==1" class="vio_time">
@@ -154,7 +154,7 @@ @@ -154,7 +154,7 @@
154 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写毕业/在读学校" v-model="byxx"> 154 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写毕业/在读学校" v-model="byxx">
155 </view> 155 </view>
156 <view v-if="datas.is_register==1" class="vio_sx dis_flex aic ju_b"> 156 <view v-if="datas.is_register==1" class="vio_sx dis_flex aic ju_b">
157 - <view class="flex_1 vio_time"> 157 + <view class="flex_1 vio_time label">
158 毕业时间: 158 毕业时间:
159 </view> 159 </view>
160 <view class="vio_time"> 160 <view class="vio_time">
@@ -163,7 +163,7 @@ @@ -163,7 +163,7 @@
163 </view> 163 </view>
164 <picker v-else mode="date" :value="by_time" @change="byChange"> 164 <picker v-else mode="date" :value="by_time" @change="byChange">
165 <view class="vio_sx dis_flex aic ju_b"> 165 <view class="vio_sx dis_flex aic ju_b">
166 - <view class="flex_1 vio_time"> 166 + <view class="flex_1 vio_time label">
167 毕业时间: 167 毕业时间:
168 </view> 168 </view>
169 <view class="vio_time"> 169 <view class="vio_time">
@@ -172,7 +172,7 @@ @@ -172,7 +172,7 @@
172 </view> 172 </view>
173 </picker> 173 </picker>
174 <view class="vio_sx dis_flex aic ju_b"> 174 <view class="vio_sx dis_flex aic ju_b">
175 - <view class="flex_1 vio_time"> 175 + <view class="flex_1 vio_time label">
176 所学专业: 176 所学专业:
177 </view> 177 </view>
178 <view v-if="datas.is_register==1" class="vio_time"> 178 <view v-if="datas.is_register==1" class="vio_time">
@@ -181,7 +181,7 @@ @@ -181,7 +181,7 @@
181 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写所学专业" v-model="sxzy"> 181 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写所学专业" v-model="sxzy">
182 </view> 182 </view>
183 <view class="vio_sx dis_flex aic ju_b"> 183 <view class="vio_sx dis_flex aic ju_b">
184 - <view class="flex_1 vio_time"> 184 + <view class="flex_1 vio_time label">
185 民族: 185 民族:
186 </view> 186 </view>
187 <view class="vio_time" v-if="datas.is_register==1"> 187 <view class="vio_time" v-if="datas.is_register==1">
@@ -190,7 +190,7 @@ @@ -190,7 +190,7 @@
190 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写民族" v-model="nation"> 190 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写民族" v-model="nation">
191 </view> 191 </view>
192 <view class="vio_sx dis_flex aic ju_b"> 192 <view class="vio_sx dis_flex aic ju_b">
193 - <view class="flex_1 vio_time"> 193 + <view class="flex_1 vio_time label">
194 联系方式: 194 联系方式:
195 </view> 195 </view>
196 <view v-if="datas.is_register==1" class="vio_time"> 196 <view v-if="datas.is_register==1" class="vio_time">
@@ -199,7 +199,7 @@ @@ -199,7 +199,7 @@
199 <input v-else class="vio_int" placeholder-class="vip_intpl" type="number" placeholder="请填写联系方式" v-model="lxfs"> 199 <input v-else class="vio_int" placeholder-class="vip_intpl" type="number" placeholder="请填写联系方式" v-model="lxfs">
200 </view> 200 </view>
201 <view class="vio_sx dis_flex aic ju_b"> 201 <view class="vio_sx dis_flex aic ju_b">
202 - <view class="flex_1 vio_time"> 202 + <view class="flex_1 vio_time label">
203 家长姓名: 203 家长姓名:
204 </view> 204 </view>
205 <view v-if="datas.is_register==1" class="vio_time"> 205 <view v-if="datas.is_register==1" class="vio_time">
@@ -208,7 +208,7 @@ @@ -208,7 +208,7 @@
208 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写家长姓名" v-model="parent_name"> 208 <input v-else class="vio_int" placeholder-class="vip_intpl" type="text" placeholder="请填写家长姓名" v-model="parent_name">
209 </view> 209 </view>
210 <view class="vio_sx dis_flex aic ju_b"> 210 <view class="vio_sx dis_flex aic ju_b">
211 - <view class="flex_1 vio_time"> 211 + <view class="flex_1 vio_time label">
212 家长手机号: 212 家长手机号:
213 </view> 213 </view>
214 <view v-if="datas.is_register==1" class="vio_time"> 214 <view v-if="datas.is_register==1" class="vio_time">
@@ -219,7 +219,7 @@ @@ -219,7 +219,7 @@
219 219
220 220
221 <view v-if="datas.is_register==1" class="vio_sx dis_flex aic ju_b" style="border-bottom: 0;"> 221 <view v-if="datas.is_register==1" class="vio_sx dis_flex aic ju_b" style="border-bottom: 0;">
222 - <view class=" vio_time"> 222 + <view class=" vio_time label">
223 学历性质: 223 学历性质:
224 </view> 224 </view>
225 <view class="vio_time"> 225 <view class="vio_time">
@@ -229,7 +229,7 @@ @@ -229,7 +229,7 @@
229 </view> 229 </view>
230 <picker v-else mode="selector" @change="xzChange" :range="xzList" range-key="title"> 230 <picker v-else mode="selector" @change="xzChange" :range="xzList" range-key="title">
231 <view class="vio_sx dis_flex aic ju_b" style="border-bottom: 0;"> 231 <view class="vio_sx dis_flex aic ju_b" style="border-bottom: 0;">
232 - <view class=" vio_time"> 232 + <view class=" vio_time label">
233 学历性质: 233 学历性质:
234 </view> 234 </view>
235 235
@@ -433,7 +433,6 @@ @@ -433,7 +433,6 @@
433 } 433 }
434 } 434 }
435 } 435 }
436 -  
437 } else { 436 } else {
438 437
439 if (res.msg) { 438 if (res.msg) {
@@ -782,22 +781,6 @@ @@ -782,22 +781,6 @@
782 position: relative; 781 position: relative;
783 } 782 }
784 783
785 - .tel_index_bg {  
786 - position: absolute;  
787 - top: 0;  
788 - z-index: 1;  
789 - width: 100%;  
790 - min-height: 220rpx;  
791 - background: linear-gradient(0deg, #f8f8f8 0%, #5D9DFD 60%, #428EFE 70%, #2D81FF 100%);  
792 - }  
793 -  
794 - .top_tabs {  
795 - width: 100%;  
796 - }  
797 -  
798 - .vip_tab_list {  
799 - // padding: 0 30rpx;  
800 - }  
801 784
802 .vip_tab_li { 785 .vip_tab_li {
803 height: 90rpx; 786 height: 90rpx;
@@ -831,20 +814,24 @@ @@ -831,20 +814,24 @@
831 } 814 }
832 815
833 .vio_sx { 816 .vio_sx {
834 - height: 100rpx; 817 + padding: 30rpx 0;
835 justify-content: space-between; 818 justify-content: space-between;
836 - border-bottom: 1px solid #eee; 819 + border-bottom: 1px solid #F3F3F7;
  820 + align-items: baseline;
837 } 821 }
838 822
839 .vio_time { 823 .vio_time {
840 824
841 - // padding: 0 24rpx;  
842 - font-size: 30rpx;  
843 - color: #7D8087; 825 + flex: 1;
  826 + font-size: 28rpx;
  827 + font-family: PingFang SC;
  828 + font-weight: 400;
  829 + color: #646464;
844 letter-spacing: 0; 830 letter-spacing: 0;
845 display: flex; 831 display: flex;
846 align-items: center; 832 align-items: center;
847 - 833 + text-align: right;
  834 + justify-content: flex-end;
848 .icon { 835 .icon {
849 font-size: 20rpx; 836 font-size: 20rpx;
850 margin-left: 5rpx; 837 margin-left: 5rpx;
@@ -883,6 +870,16 @@ @@ -883,6 +870,16 @@
883 background: #FFFFFF; 870 background: #FFFFFF;
884 border-radius: 10rpx; 871 border-radius: 10rpx;
885 padding: 0 30rpx; 872 padding: 0 30rpx;
  873 + .label {
  874 + font-size: 30rpx;
  875 + font-family: PingFang SC;
  876 + font-weight: 500;
  877 + color: #000000;
  878 + width: 240rpx;
  879 + flex: none;
  880 + text-align: left;
  881 + justify-content: unset;
  882 + }
886 } 883 }
887 884
888 } 885 }
@@ -897,12 +894,14 @@ @@ -897,12 +894,14 @@
897 padding: 50rpx 0; 894 padding: 50rpx 0;
898 895
899 view { 896 view {
900 - font-size: 32rpx;  
901 - color: #FFFFFF;  
902 width: 100%; 897 width: 100%;
903 height: 90rpx; 898 height: 90rpx;
904 background: #2D81FF; 899 background: #2D81FF;
905 - border-radius: 10rpx; 900 + border-radius: 44rpx;
  901 + font-size: 34rpx;
  902 + font-family: PingFang SC;
  903 + font-weight: 500;
  904 + color: #FFFFFF;
906 display: flex; 905 display: flex;
907 align-items: center; 906 align-items: center;
908 justify-content: center; 907 justify-content: center;
@@ -937,15 +936,21 @@ @@ -937,15 +936,21 @@
937 } 936 }
938 937
939 .reg_tip { 938 .reg_tip {
940 - font-size: 30rpx;  
941 - font-weight: 500;  
942 - color: #fff;  
943 -  
944 - text {  
945 - font-size: 30rpx;  
946 - margin-right: 20rpx;  
947 - position: relative;  
948 - top: 8rpx; 939 + .reg_tip_cell {
  940 + font-size: 26rpx;
  941 + font-family: PingFang SC;
  942 + font-weight: 400;
  943 + color: #EF5D22;
  944 + background: #F2E9E6;
  945 + border-radius: 20rpx;
  946 + display: flex;
  947 + align-items: center;
  948 + padding: 15rpx 30rpx;
  949 + .icon {
  950 + width: 34rpx;
  951 + height: 34rpx;
  952 + margin-right: 20rpx;
  953 + }
949 } 954 }
950 } 955 }
951 956