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

 <template xmlns:el-col="http://www.w3.org/1999/html">
   <div>
     <el-row style="margin-bottom: 15px; margin-top: 5px">
-      <el-col :span="8">
+      <el-col :span="6">
         <el-form ref="smsCode" :model="smsCode" label-width="0px">
           <el-card class="darkred" shadow="always">
             <div slot="header" class="clearfix">
-              <span>APP登录</span>
+              <span>APP登录(测试)</span>
             </div>
             <div class="text item">
               <el-form-item>
@@ -13,17 +13,17 @@
               </el-form-item>
               <div style="margin: 15px 0;"></div>
               <el-form-item>
-                <el-button round @click="smsCodeSubmit">设置验证码</el-button>
+                <el-button round @click="smsCodeSubmittest">设置验证码</el-button>
               </el-form-item>
             </div>
           </el-card>
         </el-form>
       </el-col>
-      <el-col :span="8">
+      <el-col :span="6">
         <el-form ref="smsCode" :model="smsCode" label-width="0px">
           <el-card class="darkred" shadow="always">
             <div slot="header" class="clearfix">
-              <span>统计平台登录</span>
+              <span>小程序登录(测试)</span>
             </div>
             <div class="text item">
               <el-form-item>
@@ -31,46 +31,30 @@
               </el-form-item>
               <div style="margin: 15px 0;"></div>
               <el-form-item>
-                <el-button round @click="smsCodeSubmitdata">设置验证码</el-button>
+                <el-button round @click="smsCodeSubmitxiaochengxutest">设置验证码</el-button>
               </el-form-item>
             </div>
           </el-card>
         </el-form>
       </el-col>
-      <el-col :span="8">
-        <el-form ref="smsCode" :model="smsCode" label-width="0px">
+      <el-col :span="6">
+        <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px">
           <el-card class="darkred" shadow="always">
             <div slot="header" class="clearfix">
-              <span>小程序登录</span>
+              <span>活动报名(测试)</span>
             </div>
             <div class="text item">
               <el-form-item>
                 <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input>
               </el-form-item>
-              <div style="margin: 15px 0;"></div>
-              <el-form-item>
-                <el-button round @click="smsCodeSubmitxiaochengxu">设置验证码</el-button>
-              </el-form-item>
-            </div>
-          </el-card>
-        </el-form>
-      </el-col>
-    </el-row>
-
-    <el-row style="margin-bottom: 15px; margin-top: 5px">
-      <el-col :span="8">
-        <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px">
-          <el-card class="darkred" shadow="always">
-            <div slot="header" class="clearfix">
-              <span>云激活</span>
-            </div>
-            <div class="text item">
+              <!--
               <el-form-item>
-                <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input>
+                <el-input placeholder="请输入活动id" v-model="queryPhoneCode222.actid" clearable></el-input>
               </el-form-item>
+             -->
               <div style="margin: 15px 0;"></div>
               <el-form-item>
-                <el-button round @click="smsCodeSubmityunjihuo">设置验证码</el-button>
+                <el-button round @click="queryPhoneCodeSubmitactaddtest">设置验证码</el-button>
               </el-form-item>
             </div>
           </el-card>
@@ -85,24 +69,19 @@
           </span>
         </el-dialog>
       </el-col>
-      <el-col :span="8">
+      <el-col :span="6">
         <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px">
           <el-card class="darkred" shadow="always">
             <div slot="header" class="clearfix">
-              <span>活动报名</span>
+              <span>云激活(测试)</span>
             </div>
             <div class="text item">
               <el-form-item>
                 <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input>
               </el-form-item>
-              <!--
-              <el-form-item>
-                <el-input placeholder="请输入活动id" v-model="queryPhoneCode222.actid" clearable></el-input>
-              </el-form-item>
-             -->
               <div style="margin: 15px 0;"></div>
               <el-form-item>
-                <el-button round @click="queryPhoneCodeSubmitactadd">设置验证码</el-button>
+                <el-button round @click="smsCodeSubmityunjihuotest">设置验证码</el-button>
               </el-form-item>
             </div>
           </el-card>
@@ -117,7 +96,10 @@
           </span>
         </el-dialog>
       </el-col>
-      <el-col :span="8">
+    </el-row>
+
+    <el-row style="margin-bottom: 15px; margin-top: 5px">
+      <el-col :span="6">
         <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px">
           <el-card class="darkred" shadow="always">
             <div slot="header" class="clearfix">
@@ -154,15 +136,32 @@
           </span>
         </el-dialog>
       </el-col>
+      <el-col :span="6">
+        <el-form ref="smsCode" :model="smsCode" label-width="0px">
+          <el-card class="darkred" shadow="always">
+            <div slot="header" class="clearfix">
+              <span>统计平台登录</span>
+            </div>
+            <div class="text item">
+              <el-form-item>
+                <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input>
+              </el-form-item>
+              <div style="margin: 15px 0;"></div>
+              <el-form-item>
+                <el-button round @click="smsCodeSubmitdata">设置验证码</el-button>
+              </el-form-item>
+            </div>
+          </el-card>
+        </el-form>
+      </el-col>
     </el-row>
 
-
     <el-row style="margin-bottom: 15px; margin-top: 5px">
-      <el-col :span="8">
+      <el-col :span="6">
         <el-form ref="smsCode" :model="smsCode" label-width="0px">
           <el-card class="darkred" shadow="always">
             <div slot="header" class="clearfix">
-              <span>小程序登录(测试)</span>
+              <span>APP登录</span>
             </div>
             <div class="text item">
               <el-form-item>
@@ -170,17 +169,35 @@
               </el-form-item>
               <div style="margin: 15px 0;"></div>
               <el-form-item>
-                <el-button round @click="smsCodeSubmitxiaochengxutest">设置验证码</el-button>
+                <el-button round @click="smsCodeSubmit">设置验证码</el-button>
               </el-form-item>
             </div>
           </el-card>
         </el-form>
       </el-col>
-      <el-col :span="8">
+      <el-col :span="6">
+        <el-form ref="smsCode" :model="smsCode" label-width="0px">
+          <el-card class="darkred" shadow="always">
+            <div slot="header" class="clearfix">
+              <span>小程序登录</span>
+            </div>
+            <div class="text item">
+              <el-form-item>
+                <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input>
+              </el-form-item>
+              <div style="margin: 15px 0;"></div>
+              <el-form-item>
+                <el-button round @click="smsCodeSubmitxiaochengxu">设置验证码</el-button>
+              </el-form-item>
+            </div>
+          </el-card>
+        </el-form>
+      </el-col>
+      <el-col :span="6">
         <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px">
           <el-card class="darkred" shadow="always">
             <div slot="header" class="clearfix">
-              <span>活动报名(测试)</span>
+              <span>活动报名</span>
             </div>
             <div class="text item">
               <el-form-item>
@@ -193,7 +210,34 @@
              -->
               <div style="margin: 15px 0;"></div>
               <el-form-item>
-                <el-button round @click="queryPhoneCodeSubmitactaddtest">设置验证码</el-button>
+                <el-button round @click="queryPhoneCodeSubmitactadd">设置验证码</el-button>
+              </el-form-item>
+            </div>
+          </el-card>
+        </el-form>
+        <el-dialog
+          title="短信验证码："
+          :visible.sync="dialogQueryPhoneCode"
+          width="30%">
+          <span>{{myQueryPhoneCode}}</span>
+          <span slot="footer" class="dialog-footer">
+            <el-button type="primary" v-clipboard:copy="JSON.stringify(myQueryPhoneCode)" v-clipboard:success="onCopy" @click="dialogQueryPhoneCode = false">点击复制</el-button>
+          </span>
+        </el-dialog>
+      </el-col>
+      <el-col :span="6">
+        <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px">
+          <el-card class="darkred" shadow="always">
+            <div slot="header" class="clearfix">
+              <span>云激活</span>
+            </div>
+            <div class="text item">
+              <el-form-item>
+                <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input>
+              </el-form-item>
+              <div style="margin: 15px 0;"></div>
+              <el-form-item>
+                <el-button round @click="smsCodeSubmityunjihuo">设置验证码</el-button>
               </el-form-item>
             </div>
           </el-card>
@@ -211,7 +255,8 @@
     </el-row>
 
     <el-row style="margin-bottom: 15px;">
-      <el-col :span="8">
+
+<!--      <el-col :span="8">
         <el-form ref="baomingWeijihuo" :model="baomingWeijihuo" label-width="0px">
           <el-card class="darkred" shadow="always">
             <div slot="header" class="clearfix">
@@ -314,7 +359,7 @@
             </div>
           </el-card>
         </el-form>
-      </el-col>
+      </el-col>-->
     </el-row>
   </div>
 </template>
@@ -526,6 +571,41 @@
           });
         })
       },
+      smsCodeSubmittest() {
+        let config = {
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded'
+          }
+        }
+        this.$http.get('/tool2/setAppSmsCodetest?'+this.$qs.stringify({
+          phone: this.smsCode.phone
+        }),config).then((res)=>{
+          console.log(res);
+          if(res.data.toString().length == 4) {
+            this.myQueryPhoneCode = res.data,
+              this.dialogQueryPhoneCode = true
+          } else if(res.data=='phoneError') {
+            this.$message({
+              showClose: true,
+              message: '手机号格式错误，必须是11位',
+              type: 'error'
+            });
+          } else {
+            this.$message({
+              showClose: true,
+              message: '设置短信验证码失败',
+              type: 'error'
+            });
+          }
+        }).catch(error=>{
+          console.log(error);
+          this.$message({
+            showClose: true,
+            message: '服务器处理失败，请查看运营平台是否正常！',
+            type: 'error'
+          });
+        })
+      },
       smsCodeSubmitdata() {
         let config = {
           headers: {
@@ -666,6 +746,41 @@
           });
         })
       },
+      smsCodeSubmityunjihuotest() {
+        let config = {
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded'
+          }
+        }
+        this.$http.get('/tool2/setYunSmsCodetest?'+this.$qs.stringify({
+          phone: this.smsCode.phone
+        }),config).then((res)=>{
+          console.log(res);
+          if(res.data.toString().length == 4) {
+            this.myQueryPhoneCode = res.data,
+              this.dialogQueryPhoneCode = true
+          } else if(res.data=='phoneError') {
+            this.$message({
+              showClose: true,
+              message: '手机号格式错误，必须是11位',
+              type: 'error'
+            });
+          } else {
+            this.$message({
+              showClose: true,
+              message: '设置短信验证码失败',
+              type: 'error'
+            });
+          }
+        }).catch(error=>{
+          console.log(error);
+          this.$message({
+            showClose: true,
+            message: '服务器处理失败，请查看运营平台是否正常！',
+            type: 'error'
+          });
+        })
+      },
       queryPhoneCodeSubmitactaddtest() {
         const loading = this.$loading({
           lock: true,