订单查询

src/components/login.vue

@@ -2,8 +2,8 @@
     <div class="hp100">
 
 
-        <el-container class="hp100" v-show="loginShow">
-            <el-main class="main">
+        <el-container class="hp100" v-loading=loading>
+            <el-main class="main" v-show="loginShow">
                 <img src="../assets/logo.png"/>
                 <el-form :inline="true" :model="formInline" class="demo-form-inline">
                     <el-form-item label>
@@ -51,14 +51,19 @@
                 },
                 casualBacking:'',
                 loginShow:false,
+                loading:false,
             };
         },
         created(){
-            if ( this.getQueryString("casualBacking")){
-                this.casualBacking = this.getQueryString("casualBacking");
-                console.log(this.casualBacking)
+            var token = window.location.search.substr(1).split('=')[1];
+            if (token){
+                this.loading = true;
+                console.log(token)
+                this.casualBacking = token
                 this.secretLogin()
             }else {
+                this.loading = false;
+
                 this.loginShow = true;
             }
         },
@@ -68,6 +73,11 @@
                 var r = window.location.search.substr(1).match(reg);//search,查询？后面的参数，并匹配正则
                 if(r!=null)return  unescape(r[2]); return null;
             },
+            getFirstQueryString: function (name) {
+                var reg = new RegExp("(^|&)=([^&]*)(&|$)");
+                var r = window.location.search.substr(1).match(reg);//search,查询？后面的参数，并匹配正则
+                if(r!=null)return  unescape(r[2]); return null;
+            },
             secretLogin(){
                 let data = {
                     casualBacking : this.casualBacking
@@ -85,26 +95,29 @@
                                     );
                                     window.localStorage.setItem(
                                         "zptoken",
-                                        response.data.data.userName
+                                        response.data.data.name
                                     );
                                     window.localStorage.setItem(
                                         "personInfo",
                                         JSON.stringify(response.data.data)
                                     );
-                                        this.$router.replace({ path: "/home/fullPay"})
-                                    // this.$route.path.replace({ path: "/home/fullPay"})
-                                    // this.$router.push({
-                                    //     path: "/home/fullPay"
+                                        this.$router.replace({ path: "/home/order"})
+
                                     // });
                                 } else  {
                                     this.loginShow = true;
-                                    this.$message.error( response.data.error+"，请手动登录");
+                                    this.loading=false;
+                                    this.$message.error( "跳转失败，请手动登录");
                                 }
                             } else {
                                 this.loginShow = true;
+                                this.loading=false;
                                 this.$message.error("跳转失败，请手动登录");                        }
                         },
                         response => {
+                            this.loginShow = true;
+                            this.loading=false;
+                            this.$message.error( "跳转失败，请手动登录");
                         }
                     );
             },