register-template.php
15.3 KB
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
162
163
164
165
166
167
168
169
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
<?php
use yii\helpers\Url;
$baseUrl = Url::base(true);
?>
<style>
body,div,p,span,input{padding: 0;margin: 0}
input{-webkit-appearance: none;}
#register{}
#register .head-wrapper{display:block;padding: 2.5rem 2rem;box-sizing: border-box;padding-bottom: 1.25rem; }
#register .input-list{padding:1rem 2rem;box-sizing: border-box}
#register .input-row-cls{width:100%;margin:0.65rem 0; }
#register .input-row-cls:after{content:''; width:100%;height:1px;background:#DDDDDD;display: block; }
#register .input-list .input-div{line-height: 1.25rem;font-size: 1rem;padding-bottom:0.65rem;}
#register .input-list .input-cls{width:100%;line-height: inherit;font-size: inherit;border:0;padding:0.3rem;box-sizing: border-box}
#register .input-list .validation-code{display:flex;align-items: center}
#register .input-list .get-code-cls{width: 10rem;font-size: 1rem;display: flex;align-items: center;justify-content:center;color:#FF8728;padding:0.302rem 0.3rem;box-sizing: border-box;border-left:0;}
#register .upload-box{padding:0 2rem 1rem 2rem;box-sizing: border-box;overflow: hidden}
#register .upload-box .upload-section{width:50%;margin-bottom:0.5rem;float:left;display: flex;justify-content: center;flex-direction: column;align-items: center}
#register .upload-box .upload-title{line-height: 1.5rem;color:#BCBCBC;margin-bottom:0;}
#register .upload-box .upload-img-box{display: block;width: 50%;}
#register .upload-box .upload-item{width:100%;height:0;padding-bottom: 100%;overflow:hidden;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;background-size:cover;position: relative}
#register .upload-box .upload-item{background-image:url('<?=$baseUrl?>/i/user/upload-convert.png');background-repeat: no-repeat;background-position: 0 0}
#register .upload-box .upload-input-cls{width: 100%;display: block;background: rgba(0,0,0,0);opacity: 0;height: 0;padding-bottom: 100%;}
#register .action-box{padding:1rem;box-sizing:border-box;}
#register .register-btn-cls{width:80%;border-radius: 2rem; padding:0.8rem 1rem;text-align:center;box-sizing: border-box;color:#fff;background:#FF8728;margin: 0 auto;font-size:1.13rem}
#register .count-down-cls{font-size:0.7rem;color:#999}
#register .login-btn-cls{color:#4C4C4C;font-size:1rem;margin-top: 1rem; text-align: center}
#register input::-webkit-input-placeholder{
color:#BCBCBC
}
#register input::input-placeholder{
color:#BCBCBC
}
#register .legal-agreement{padding:0.2rem 2rem;width: 100%;box-sizing: border-box;display:flex;align-items: center;justify-content: center}
#register .check-agreement{width:1rem;height: 1rem;display: block;border:1px solid #ccc;border-radius: 1rem;}
#register .legal-agreement .checked-active{border:1px solid #FF8728;background: #FF8728;position: relative}
#register .legal-agreement .checked-active:after{content: '';position: absolute;top: 4px;left: 3px;width: 0.50rem;height: 0.2rem;border-top: 0.125rem solid #fff;border-right: 0.125rem solid #fff;transform: rotate(135deg);}
#register .agreement-cls,
#register .agreement-cls:hover,
#register .agreement-cls:active,
#register .agreement-cls:visited{color:#FF8728;font-size:0.8rem;}
#register #agreement-wrapper{position: absolute;top: 0;bottom: 0;width: 100%;z-index: 2;padding:3rem 1rem;box-sizing: border-box;background: rgba(0,0,0,0.3);}
#register #agreement-wrapper .agreement-wrapper-inner{width:100%;background: #fff;height:100%;position: relative}
#register #agreement-wrapper .paragraph-cls{width:100%;padding:0.5rem 1rem;box-sizing: border-box;margin:0.25rem 0 ;}
#register #agreement-wrapper .agree-btn{position: absolute;bottom:0;right:0;width:100%;color:#FF8728;background: #fff;padding:0.8rem 0.5rem;box-sizing: border-box;text-align: center}
#register #agreement-wrapper h2{font-size: 0.9rem;font-weight: bol;color:#000}
#register #agreement-wrapper p{line-height: 1.5rem;padding:0;margin: 0;color:#000}
</style>
<script id="register-template" type="text/template">
<div class="pages">
<div class="page" id="register" style="background: #fff">
<div class="page-content">
<div class="head-wrapper">
<h2 style="color:#2E2E2E;margin-bottom: 0.3rem;">注册</h2>
<p style="font-size: 0.65rem;color:#2E2E2E">欢迎来到GK车管家，请先注册</p>
</div>
<div class="input-list">
<div class="input-row-cls"><label class="input-label-cls"></label>
<div class="input-div"><input class="input-cls name" type="text" placeholder="输入维修厂名" /></div>
</div>
<div class="input-row-cls">
<label class="input-label-cls"></label><div class="input-div"><input class="input-cls mobile" type="number" placeholder="输入手机号码" /></div>
</div>
<div class="input-row-cls">
<label class="input-label-cls"></label>
<div class="input-div validation-code">
<input class="input-cls code" type="text" placeholder="输入验证码" style="border-right: 0;"/>
<div class="get-code-cls">获取验证码</div>
</div>
</div>
<div class="input-row-cls">
<label class="input-label-cls"></label><div class="input-div"><input class="input-cls emergency_person" type="text" placeholder="紧急联系人" /></div>
</div>
<div class="input-row-cls">
<label class="input-label-cls"></label><div class="input-div"><input class="input-cls emergency_contact" type="number" placeholder="紧急联系电话" /></div>
</div>
<div class="input-row-cls">
<label class="input-label-cls"></label><div class="input-div"><input class="input-cls address" type="text" placeholder="维修厂地址" /></div>
</div>
</div>
<div class="upload-box">
<div class="upload-section">
<div class="upload-title">上传营业执照</div>
<div class="upload-img-box">
<div class="upload-item upload-btn-cls licensePic">
<input type="file" id="upload-btn" class="upload-input-cls" name="file" accept="image/*"/>
</div>
</div>
</div>
<div class="upload-section">
<div class="upload-title">维修厂门头照</div>
<div class="upload-img-box">
<div class="upload-item upload-btn-cls headPic">
<input type="file" id="upload-head-btn" class="upload-input-cls" name="file" accept="image/*"/>
</div>
</div>
</div>
</div>
<div class="upload-box">
<div class="upload-section">
<div class="upload-title">维修技术负责人证书</div>
<div class="upload-img-box">
<div class="upload-item upload-btn-cls techChargePic">
<input type="file" id="upload-charge-btn" class="upload-input-cls" name="file" accept="image/*"/>
</div>
</div>
</div>
<div class="upload-section">
<div class="upload-title">质检负责人证书</div>
<div class="upload-img-box">
<div class="upload-item upload-btn-cls QAChargePic">
<input type="file" id="upload-qa-btn" class="upload-input-cls" name="file" accept="image/*"/>
</div>
</div>
</div>
</div>
<div class="legal-agreement">
<span class="check-agreement"></span> <a href="javascript:void(0)" class="agreement-cls">《GK车管家服务条款》</a>
</div>
<div class="action-box">
<div class="register-btn-cls register-btn">注册</div>
<div class="login-btn login-btn-cls">登录</div>
</div>
</div>
</div>
</div>
</script>
<script id="agreement-template" type="text/template">
<div class="agreement-wrapper" id="agreement-wrapper">
<div class="agreement-wrapper-inner">
<div class="agree-btn">我同意</div>
<div class="agreement-list-div" style="width:100%;height:calc(100% - 50px);;overflow-y: scroll">
<div style="padding:0 1rem;box-sizing: border-box">
<h1 style="color:#f85a5a;font-size:1.25rem;text-align: center">平安车主服务维修流程标准</h1>
<div style="width: 100%;text-align: center;font-size: 0.65rem;margin-bottom: 0.5rem;">GK车管家发[2020] 001号</div>
<div style="width: 100%;display: block;background: #f85a5a;height: 0.125rem;"></div>
</div>
<div class="paragraph-cls">
<h2>平安车主服务中心合作维修厂钣金工艺标准流程</h2>
<p>1.轻微钣金整形要求，板面平整，无明显坑洼，手感光滑，无高凸点，筋线流畅，车身左右对称标准无差异，板金件工作面需要作羽状边处理，裸露铁皮需要作磷化底漆处理。</p>
<p>2.中度钣金整形件要求缝隙均称，灯缝均称，钣金部位车身密封性完好，无漏水，漏风，筋线流畅，车身左右对称线标准无差异，车体密封胶平整光滑，所有带铰链部件如:（发动机盖，车门，行李盖，油箱盖）等的缝隙，段差，间隙以及开启与关闭状态完好，螺钉无缺失。</p>
<p>3.重度事故整形要求各重要指数标准对称无误差，左右，上下无偏差，大梁左右准确对称无偏差，(大梁更换须增加百分之三十塞焊点，焊接处平整光滑)，发动机仓，后备厢仓左右标准对称，所有对角线在正常误差范围内。车身隔音，防腐工艺完成。全车内饰，玻璃无烫伤，无划痕。路试车辆无异常振动，噪声，异响，及过大风噪声。</p>
</div>
<div class="paragraph-cls">
<h2>平安车主服务中心合作维修厂烤漆工艺标准流程</h2>
<p>1、烤漆工艺前不得接受钣金不良品。</p>
<p>2、修补腻子之前，对钣金部位或钣金件作好除油，羽状边修整，打磨光滑。</p>
<p>3、工艺中，修䃼腻子要求平整(腻子厚度不超3毫米)，无波浪，无沙眼，筋线左右车身对比无差异，线条标准流畅。</p>
<p>4、严格按照汽车喷漆工艺流程作业，严禁偷漏工序。</p>
<p>5、遮蔽纸粘贴合整齐，防止喷涂工艺中有飞漆，保护作业面周围及车身其它部位漆面无损。</p>
<p>6、喷漆工艺完成后，漆面要求调漆颜色一致，无尘点，无流痕，无沙纸痕，无油点，色泽丰满，无桔皮纹等。</p>
<p>7、作业完成漆面部位，需要进行外表抛光处理，漆面抛光完成后无露漆，无尘点，亮度光泽如新。</p>
</div>
<div class="paragraph-cls">
<h2>平安车主服务中心合作维修厂质检负责人承诺书</h2>
<p>一、必须对该厂对接的平安车主服务中心推送的维修车辆技术质量负责，严格把好质量关，对每道工序严格检查，并作好记录，防止返修产生，客户投诉。</p>
<p>二、对该厂各维修班组不定期检查，掌握自检、互检情况，并作好记录。</p>
<p>三、负责判断该厂对接平安车主服务中心推送维修车辆，维修过程中质量是否合格，提出明确结论，并对结论负责。</p>
<p>四、负责该厂对接平安车主服务中心推送客户车辆维修过程，处理质量纠纷要准确，是非明确，态度明确。</p>
<p>五、负责统计好平安车主服务中心车辆维修质量检验的一次合格率、返修率。</p>
<p>六、修竣后总检（试车调试，眼观，起动、路试，复查，验车完成）交车</p>
<p>七、负责解答平安车主服务中心客户的技术咨询。</p>
</div>
<div class="paragraph-cls">
<h2>平安车主服务中心合作维修厂质量保修承诺书</h2>
<p>一、汽车维修更换的配件质量保证期为6个月（自维修出厂之日起）或一万公里（超出其中一项即为超出保证期）国家质保标准；</p>
<p>二、在保证期内，凡属于更换的配件质量，维修工艺，装配调整等技术或质量缺陷而引起车辆（或零部件）损坏，维修厂应予以免费保修。</p>
<p>三、特殊零部件的保修承诺：<br/>
<p>1、玻璃及外观装饰件的质量问题，自客户维修出厂之日起三个月内予以保修；<br/>
2、蓄电池、喇叭自客户维修出厂之日起，保修半年；<br/>
3、橡胶件、密封条、塑料配件、外观装饰件，内饰板等零件，自出厂之日起，正常使用范围内，保修一年；<br/>
4、正常损耗和易损件不于保修，灯泡（大灯、雾灯除外）、保险丝、制动蹄、雨刷片等；<br/>
5、机油，机油滤清器、汽油滤清器、空气滤芯、火花塞、辅料等，只对其第一更换周期内的质量予以保修；<br/>
6、发动机，变速箱等核心零部件按照保修法规定标准予以保修（一年或两万公里）；<br/>
7、喷漆质量保证期终身，正常情况下，如腻子开裂，失光，变色，自然脱落等，保修期内予以免费维修。</p>
</div>
<div class="paragraph-cls">
<h2>平安车主服务中心合作维修厂钣喷维修时效标准</h2>
<p>1、轻微钣喷(1件一3件)要求时效为24小时内完成所有作业工艺，并交车给客户。</p>
<p>2、中度，重度钣喷（3件以上），需要更换零部件，外部釆购零部件，添加机电维修项目等，根椐维修厂车间生产情况和客户要求协商确认交车时间，征得客户同意。</p>
<p>3、超过时效未能完工交车的，需主动联系客户，征求客户意见和谅解，维修厂应免费提供客户代步车辆。</p>
</div>
<div style="color:#000;text-align: right;padding:0 1rem;box-sizing: border-box"> 2020年1月</div>
</div>
</div>
</div>
</script>