Commit 5d85a229 5d85a229591c080ff33803fb2ea07394dd1b337a by zhanghao

commit

1 parent 1b157aff
...@@ -18,12 +18,12 @@ ...@@ -18,12 +18,12 @@
18 <el-menu-item><a class="link" href="http://192.168.8.113:8070/ios/new/log.html" target="_blank">IOS UI自动化</a></el-menu-item> 18 <el-menu-item><a class="link" href="http://192.168.8.113:8070/ios/new/log.html" target="_blank">IOS UI自动化</a></el-menu-item>
19 </el-submenu> 19 </el-submenu>
20 <el-submenu index="2"> 20 <el-submenu index="2">
21 <template slot="title">数据分析</template> 21 <template slot="title">云活动平台</template>
22 <el-menu-item index="/toolData">测试工具</el-menu-item> 22 <el-menu-item index="/toolWaiBao">测试工具</el-menu-item>
23 </el-submenu> 23 </el-submenu>
24 <el-submenu index="3"> 24 <el-submenu index="3">
25 <template slot="title">AIME健康</template> 25 <template slot="title">数据分析</template>
26 <el-menu-item index="/toolAime">测试工具</el-menu-item> 26 <el-menu-item index="/toolData">测试工具</el-menu-item>
27 </el-submenu> 27 </el-submenu>
28 <el-submenu index="4"> 28 <el-submenu index="4">
29 <template slot="title">统计平台</template> 29 <template slot="title">统计平台</template>
......
1 <template xmlns:el-col="http://www.w3.org/1999/html">
2 <div>
3 <el-row style="margin-bottom: 15px; margin-top: 5px">
4 <el-col :span="8">
5 <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px">
6 <el-card class="darkred" shadow="always">
7 <div slot="header" class="clearfix">
8 <span>查询短信验证码</span>
9 </div>
10 <div class="text item">
11 <el-form-item>
12 <el-input placeholder="请输入手机号" v-model="queryPhoneCode.phone" clearable></el-input>
13 </el-form-item>
14 <el-form-item>
15 <el-select v-model="queryPhoneCode.huanjing" placeholder="请选择执行环境">
16 <el-option
17 v-for="item in queryPhoneCodeOptions"
18 :key="item.value"
19 :label="item.label"
20 :value="item.value">
21 </el-option>
22 </el-select>
23 </el-form-item>
24 <div style="margin: 15px 0;"></div>
25 <el-form-item>
26 <el-button round @click="queryPhoneCodeSubmit">查询验证码</el-button>
27 </el-form-item>
28 </div>
29 </el-card>
30 </el-form>
31 <el-dialog
32 title="短信验证码:"
33 :visible.sync="dialogQueryPhoneCode"
34 width="30%">
35 <span>{{myQueryPhoneCode}}</span>
36 <span slot="footer" class="dialog-footer">
37 <el-button type="primary" v-clipboard:copy="JSON.stringify(myQueryPhoneCode)" v-clipboard:success="onCopy" @click="dialogQueryPhoneCode = false">点击复制</el-button>
38 </span>
39 </el-dialog>
40 </el-col>
41 </el-row>
42 </div>
43 </template>
44
45 <style>
46 .text {
47 font-size: 14px;
48 }
49
50 .item {
51 margin-bottom: 18px;
52 }
53
54 .clearfix:before,
55 .clearfix:after {
56 display: table;
57 content: "";
58 }
59 .clearfix:after {
60 clear: both
61 }
62 .yellowgreen {
63 width: calc(100% - 20px);
64 padding: 0px;
65 background-color: yellowgreen;
66 }
67
68 .darkred {
69 width: calc(100% - 20px);
70 padding: 0px;
71 background-color: darkkhaki;
72 }
73
74 .blue {
75 width: calc(100% - 20px);
76 padding: 0px;
77 background-color: deepskyblue;
78 }
79
80 .Orange {
81 width: calc(100% - 20px);
82 padding: 0px;
83 background-color: Orange;
84 }
85
86 .chocolate {
87 width: calc(100% - 20px);
88 padding: 0px;
89 background-color: chocolate;
90 }
91
92 .CadetBlue {
93 width: calc(100% - 20px);
94 padding: 0px;
95 background-color: CadetBlue;
96 }
97 .LightPink {
98 width: calc(100% - 20px);
99 padding: 0px;
100 background-color: LightPink;
101 }
102 .LightSalmon {
103 width: calc(100% - 20px);
104 padding: 0px;
105 background-color: LightSalmon;
106 }
107 </style>
108
109 <script>
110 export default {
111 data() {
112 return {
113 queryPhoneCode: {
114 phone: '',
115 huanjing: []
116 },
117 queryPhoneCodeOptions: [{
118 value: '0',
119 label: '测试环境'
120 }],
121 dialogQueryPhoneCode: false,
122 myQueryPhoneCode: ''
123 }
124 },
125 mounted() {
126 this.openToolPage();
127 },
128 methods: {
129 openToolPage() {
130 let config = {
131 headers: {
132 'Content-Type': 'application/x-www-form-urlencoded'
133 }
134 }
135 this.$http.get('/tool2/openToolPage',config).then((res)=>{
136 console.log(res);
137 }).catch(error=>{
138 console.log(error);
139 })
140 },
141 onCopy (e) {
142 this.$message({
143 showClose: true,
144 message: '内容已复制到剪切板!',
145 type: 'success'
146 });
147 },
148 queryPhoneCodeSubmit() {
149 const loading = this.$loading({
150 lock: true,
151 text: '加载中...',
152 spinner: 'el-icon-loading',
153 background: 'rgba(0, 0, 0, 0.7)'
154 });
155 let config = {
156 headers: {
157 'Content-Type': 'application/x-www-form-urlencoded'
158 }
159 }
160 this.$http.get('/tool2/waibaoQueryPhoneCode?'+this.$qs.stringify({
161 phone: this.queryPhoneCode.phone,
162 type: this.queryPhoneCode.huanjing.toString()
163 }),config).then((res)=>{
164 console.log(res);
165 if(res.data=='codenull') {
166 this.$message({
167 showClose: true,
168 message: '该手机号验证码为空',
169 type: 'error'
170 });
171 } else if(res.data=='typeError') {
172 this.$message({
173 showClose: true,
174 message: '执行环境参数错误',
175 type: 'error'
176 });
177 } else {
178 this.myQueryPhoneCode = res.data
179 this.dialogQueryPhoneCode = true
180 }
181 loading.close();
182 }).catch(error=>{
183 console.log(error);
184 loading.close();
185 this.$message({
186 showClose: true,
187 message: '服务器处理失败,请核对参数!',
188 type: 'error'
189 });
190 })
191 }
192 }
193 }
194 </script>
...@@ -30,6 +30,7 @@ import bizDataResponse from '@/page/bizDataResponse' ...@@ -30,6 +30,7 @@ import bizDataResponse from '@/page/bizDataResponse'
30 import bigdataReport from '@/page/bigdataReport' 30 import bigdataReport from '@/page/bigdataReport'
31 import bizDataByUid from '@/page/bizDataByUid' 31 import bizDataByUid from '@/page/bizDataByUid'
32 import selectActOnline from '@/page/selectActOnline' 32 import selectActOnline from '@/page/selectActOnline'
33 import toolWaiBao from '@/page/toolWaiBao'
33 34
34 Vue.use(Router) 35 Vue.use(Router)
35 36
...@@ -64,6 +65,13 @@ export default new Router({ ...@@ -64,6 +65,13 @@ export default new Router({
64 } 65 }
65 }, 66 },
66 { 67 {
68 path: '/toolWaiBao',
69 component: toolWaiBao,
70 meta: {
71 title: '测试工具平台'
72 }
73 },
74 {
67 path: '/toolData', 75 path: '/toolData',
68 component: toolData, 76 component: toolData,
69 meta: { 77 meta: {
......