Skip to content

张浩 / br-client

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 250007b7 250007b7eb8195e4cfa670826b2af6664cd6f24a by 牛先锋
Options

更改设置验证码工具2布局

1 parent 4be3a86b
Inline Side-by-side
Showing 1 changed file with 162 additions and 47 deletions
1 <template xmlns:el-col="http://www.w3.org/1999/html"> 1 <template xmlns:el-col="http://www.w3.org/1999/html">
2 <div> 2 <div>
3 <el-row style="margin-bottom: 15px; margin-top: 5px"> 3 <el-row style="margin-bottom: 15px; margin-top: 5px">
4 <el-col :span="8"> 4 <el-col :span="6">
5 <el-form ref="smsCode" :model="smsCode" label-width="0px"> 5 <el-form ref="smsCode" :model="smsCode" label-width="0px">
6 <el-card class="darkred" shadow="always"> 6 <el-card class="darkred" shadow="always">
7 <div slot="header" class="clearfix"> 7 <div slot="header" class="clearfix">
8 <span>APP登录</span> 8 <span>APP登录(测试)</span>
9 </div> 9 </div>
10 <div class="text item"> 10 <div class="text item">
11 <el-form-item> 11 <el-form-item>
...@@ -13,17 +13,17 @@ ...@@ -13,17 +13,17 @@
13 </el-form-item> 13 </el-form-item>
14 <div style="margin: 15px 0;"></div> 14 <div style="margin: 15px 0;"></div>
15 <el-form-item> 15 <el-form-item>
16 <el-button round @click="smsCodeSubmit">设置验证码</el-button> 16 <el-button round @click="smsCodeSubmittest">设置验证码</el-button>
17 </el-form-item> 17 </el-form-item>
18 </div> 18 </div>
19 </el-card> 19 </el-card>
20 </el-form> 20 </el-form>
21 </el-col> 21 </el-col>
22 <el-col :span="8"> 22 <el-col :span="6">
23 <el-form ref="smsCode" :model="smsCode" label-width="0px"> 23 <el-form ref="smsCode" :model="smsCode" label-width="0px">
24 <el-card class="darkred" shadow="always"> 24 <el-card class="darkred" shadow="always">
25 <div slot="header" class="clearfix"> 25 <div slot="header" class="clearfix">
26 <span>统计平台登录</span> 26 <span>小程序登录(测试)</span>
27 </div> 27 </div>
28 <div class="text item"> 28 <div class="text item">
29 <el-form-item> 29 <el-form-item>
...@@ -31,46 +31,30 @@ ...@@ -31,46 +31,30 @@
31 </el-form-item> 31 </el-form-item>
32 <div style="margin: 15px 0;"></div> 32 <div style="margin: 15px 0;"></div>
33 <el-form-item> 33 <el-form-item>
34 <el-button round @click="smsCodeSubmitdata">设置验证码</el-button> 34 <el-button round @click="smsCodeSubmitxiaochengxutest">设置验证码</el-button>
35 </el-form-item> 35 </el-form-item>
36 </div> 36 </div>
37 </el-card> 37 </el-card>
38 </el-form> 38 </el-form>
39 </el-col> 39 </el-col>
40 <el-col :span="8"> 40 <el-col :span="6">
41 <el-form ref="smsCode" :model="smsCode" label-width="0px"> 41 <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px">
42 <el-card class="darkred" shadow="always"> 42 <el-card class="darkred" shadow="always">
43 <div slot="header" class="clearfix"> 43 <div slot="header" class="clearfix">
44 <span>小程序登录</span> 44 <span>活动报名(测试)</span>
45 </div> 45 </div>
46 <div class="text item"> 46 <div class="text item">
47 <el-form-item> 47 <el-form-item>
48 <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input> 48 <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input>
49 </el-form-item> 49 </el-form-item>
50 <div style="margin: 15px 0;"></div> 50 <!--
51 <el-form-item>
52 <el-button round @click="smsCodeSubmitxiaochengxu">设置验证码</el-button>
53 </el-form-item>
54 </div>
55 </el-card>
56 </el-form>
57 </el-col>
58 </el-row>
59
60 <el-row style="margin-bottom: 15px; margin-top: 5px">
61 <el-col :span="8">
62 <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px">
63 <el-card class="darkred" shadow="always">
64 <div slot="header" class="clearfix">
65 <span>云激活</span>
66 </div>
67 <div class="text item">
68 <el-form-item> 51 <el-form-item>
69 <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input> 52 <el-input placeholder="请输入活动id" v-model="queryPhoneCode222.actid" clearable></el-input>
70 </el-form-item> 53 </el-form-item>
54 -->
71 <div style="margin: 15px 0;"></div> 55 <div style="margin: 15px 0;"></div>
72 <el-form-item> 56 <el-form-item>
73 <el-button round @click="smsCodeSubmityunjihuo">设置验证码</el-button> 57 <el-button round @click="queryPhoneCodeSubmitactaddtest">设置验证码</el-button>
74 </el-form-item> 58 </el-form-item>
75 </div> 59 </div>
76 </el-card> 60 </el-card>
...@@ -85,24 +69,19 @@ ...@@ -85,24 +69,19 @@
85 </span> 69 </span>
86 </el-dialog> 70 </el-dialog>
87 </el-col> 71 </el-col>
88 <el-col :span="8"> 72 <el-col :span="6">
89 <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px"> 73 <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px">
90 <el-card class="darkred" shadow="always"> 74 <el-card class="darkred" shadow="always">
91 <div slot="header" class="clearfix"> 75 <div slot="header" class="clearfix">
92 <span>活动报名</span> 76 <span>云激活(测试)</span>
93 </div> 77 </div>
94 <div class="text item"> 78 <div class="text item">
95 <el-form-item> 79 <el-form-item>
96 <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input> 80 <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input>
97 </el-form-item> 81 </el-form-item>
98 <!--
99 <el-form-item>
100 <el-input placeholder="请输入活动id" v-model="queryPhoneCode222.actid" clearable></el-input>
101 </el-form-item>
102 -->
103 <div style="margin: 15px 0;"></div> 82 <div style="margin: 15px 0;"></div>
104 <el-form-item> 83 <el-form-item>
105 <el-button round @click="queryPhoneCodeSubmitactadd">设置验证码</el-button> 84 <el-button round @click="smsCodeSubmityunjihuotest">设置验证码</el-button>
106 </el-form-item> 85 </el-form-item>
107 </div> 86 </div>
108 </el-card> 87 </el-card>
...@@ -117,7 +96,10 @@ ...@@ -117,7 +96,10 @@
117 </span> 96 </span>
118 </el-dialog> 97 </el-dialog>
119 </el-col> 98 </el-col>
120 <el-col :span="8"> 99 </el-row>
100
101 <el-row style="margin-bottom: 15px; margin-top: 5px">
102 <el-col :span="6">
121 <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px"> 103 <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px">
122 <el-card class="darkred" shadow="always"> 104 <el-card class="darkred" shadow="always">
123 <div slot="header" class="clearfix"> 105 <div slot="header" class="clearfix">
...@@ -154,15 +136,32 @@ ...@@ -154,15 +136,32 @@
154 </span> 136 </span>
155 </el-dialog> 137 </el-dialog>
156 </el-col> 138 </el-col>
139 <el-col :span="6">
140 <el-form ref="smsCode" :model="smsCode" label-width="0px">
141 <el-card class="darkred" shadow="always">
142 <div slot="header" class="clearfix">
143 <span>统计平台登录</span>
144 </div>
145 <div class="text item">
146 <el-form-item>
147 <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input>
148 </el-form-item>
149 <div style="margin: 15px 0;"></div>
150 <el-form-item>
151 <el-button round @click="smsCodeSubmitdata">设置验证码</el-button>
152 </el-form-item>
153 </div>
154 </el-card>
155 </el-form>
156 </el-col>
157 </el-row> 157 </el-row>
158 158
159
160 <el-row style="margin-bottom: 15px; margin-top: 5px"> 159 <el-row style="margin-bottom: 15px; margin-top: 5px">
161 <el-col :span="8"> 160 <el-col :span="6">
162 <el-form ref="smsCode" :model="smsCode" label-width="0px"> 161 <el-form ref="smsCode" :model="smsCode" label-width="0px">
163 <el-card class="darkred" shadow="always"> 162 <el-card class="darkred" shadow="always">
164 <div slot="header" class="clearfix"> 163 <div slot="header" class="clearfix">
165 <span>小程序登录(测试)</span> 164 <span>APP登录</span>
166 </div> 165 </div>
167 <div class="text item"> 166 <div class="text item">
168 <el-form-item> 167 <el-form-item>
...@@ -170,17 +169,35 @@ ...@@ -170,17 +169,35 @@
170 </el-form-item> 169 </el-form-item>
171 <div style="margin: 15px 0;"></div> 170 <div style="margin: 15px 0;"></div>
172 <el-form-item> 171 <el-form-item>
173 <el-button round @click="smsCodeSubmitxiaochengxutest">设置验证码</el-button> 172 <el-button round @click="smsCodeSubmit">设置验证码</el-button>
174 </el-form-item> 173 </el-form-item>
175 </div> 174 </div>
176 </el-card> 175 </el-card>
177 </el-form> 176 </el-form>
178 </el-col> 177 </el-col>
179 <el-col :span="8"> 178 <el-col :span="6">
179 <el-form ref="smsCode" :model="smsCode" label-width="0px">
180 <el-card class="darkred" shadow="always">
181 <div slot="header" class="clearfix">
182 <span>小程序登录</span>
183 </div>
184 <div class="text item">
185 <el-form-item>
186 <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input>
187 </el-form-item>
188 <div style="margin: 15px 0;"></div>
189 <el-form-item>
190 <el-button round @click="smsCodeSubmitxiaochengxu">设置验证码</el-button>
191 </el-form-item>
192 </div>
193 </el-card>
194 </el-form>
195 </el-col>
196 <el-col :span="6">
180 <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px"> 197 <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px">
181 <el-card class="darkred" shadow="always"> 198 <el-card class="darkred" shadow="always">
182 <div slot="header" class="clearfix"> 199 <div slot="header" class="clearfix">
183 <span>活动报名(测试)</span> 200 <span>活动报名</span>
184 </div> 201 </div>
185 <div class="text item"> 202 <div class="text item">
186 <el-form-item> 203 <el-form-item>
...@@ -193,7 +210,34 @@ ...@@ -193,7 +210,34 @@
193 --> 210 -->
194 <div style="margin: 15px 0;"></div> 211 <div style="margin: 15px 0;"></div>
195 <el-form-item> 212 <el-form-item>
196 <el-button round @click="queryPhoneCodeSubmitactaddtest">设置验证码</el-button> 213 <el-button round @click="queryPhoneCodeSubmitactadd">设置验证码</el-button>
214 </el-form-item>
215 </div>
216 </el-card>
217 </el-form>
218 <el-dialog
219 title="短信验证码："
220 :visible.sync="dialogQueryPhoneCode"
221 width="30%">
222 <span>{{myQueryPhoneCode}}</span>
223 <span slot="footer" class="dialog-footer">
224 <el-button type="primary" v-clipboard:copy="JSON.stringify(myQueryPhoneCode)" v-clipboard:success="onCopy" @click="dialogQueryPhoneCode = false">点击复制</el-button>
225 </span>
226 </el-dialog>
227 </el-col>
228 <el-col :span="6">
229 <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px">
230 <el-card class="darkred" shadow="always">
231 <div slot="header" class="clearfix">
232 <span>云激活</span>
233 </div>
234 <div class="text item">
235 <el-form-item>
236 <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input>
237 </el-form-item>
238 <div style="margin: 15px 0;"></div>
239 <el-form-item>
240 <el-button round @click="smsCodeSubmityunjihuo">设置验证码</el-button>
197 </el-form-item> 241 </el-form-item>
198 </div> 242 </div>
199 </el-card> 243 </el-card>
...@@ -211,7 +255,8 @@ ...@@ -211,7 +255,8 @@
211 </el-row> 255 </el-row>
212 256
213 <el-row style="margin-bottom: 15px;"> 257 <el-row style="margin-bottom: 15px;">
214 <el-col :span="8"> 258
259 <!-- <el-col :span="8">
215 <el-form ref="baomingWeijihuo" :model="baomingWeijihuo" label-width="0px"> 260 <el-form ref="baomingWeijihuo" :model="baomingWeijihuo" label-width="0px">
216 <el-card class="darkred" shadow="always"> 261 <el-card class="darkred" shadow="always">
217 <div slot="header" class="clearfix"> 262 <div slot="header" class="clearfix">
...@@ -314,7 +359,7 @@ ...@@ -314,7 +359,7 @@
314 </div> 359 </div>
315 </el-card> 360 </el-card>
316 </el-form> 361 </el-form>
317 </el-col> 362 </el-col>-->
318 </el-row> 363 </el-row>
319 </div> 364 </div>
320 </template> 365 </template>
...@@ -526,6 +571,41 @@ ...@@ -526,6 +571,41 @@
526 }); 571 });
527 }) 572 })
528 }, 573 },
574 smsCodeSubmittest() {
575 let config = {
576 headers: {
577 'Content-Type': 'application/x-www-form-urlencoded'
578 }
579 }
580 this.$http.get('/tool2/setAppSmsCodetest?'+this.$qs.stringify({
581 phone: this.smsCode.phone
582 }),config).then((res)=>{
583 console.log(res);
584 if(res.data.toString().length == 4) {
585 this.myQueryPhoneCode = res.data,
586 this.dialogQueryPhoneCode = true
587 } else if(res.data=='phoneError') {
588 this.$message({
589 showClose: true,
590 message: '手机号格式错误，必须是11位',
591 type: 'error'
592 });
593 } else {
594 this.$message({
595 showClose: true,
596 message: '设置短信验证码失败',
597 type: 'error'
598 });
599 }
600 }).catch(error=>{
601 console.log(error);
602 this.$message({
603 showClose: true,
604 message: '服务器处理失败，请查看运营平台是否正常！',
605 type: 'error'
606 });
607 })
608 },
529 smsCodeSubmitdata() { 609 smsCodeSubmitdata() {
530 let config = { 610 let config = {
531 headers: { 611 headers: {
...@@ -666,6 +746,41 @@ ...@@ -666,6 +746,41 @@
666 }); 746 });
667 }) 747 })
668 }, 748 },
749 smsCodeSubmityunjihuotest() {
750 let config = {
751 headers: {
752 'Content-Type': 'application/x-www-form-urlencoded'
753 }
754 }
755 this.$http.get('/tool2/setYunSmsCodetest?'+this.$qs.stringify({
756 phone: this.smsCode.phone
757 }),config).then((res)=>{
758 console.log(res);
759 if(res.data.toString().length == 4) {
760 this.myQueryPhoneCode = res.data,
761 this.dialogQueryPhoneCode = true
762 } else if(res.data=='phoneError') {
763 this.$message({
764 showClose: true,
765 message: '手机号格式错误，必须是11位',
766 type: 'error'
767 });
768 } else {
769 this.$message({
770 showClose: true,
771 message: '设置短信验证码失败',
772 type: 'error'
773 });
774 }
775 }).catch(error=>{
776 console.log(error);
777 this.$message({
778 showClose: true,
779 message: '服务器处理失败，请查看运营平台是否正常！',
780 type: 'error'
781 });
782 })
783 },
669 queryPhoneCodeSubmitactaddtest() { 784 queryPhoneCodeSubmitactaddtest() {
670 const loading = this.$loading({ 785 const loading = this.$loading({
671 lock: true, 786 lock: true,
......