测试http请求修改

resources/views/httpTest.blade.php

@@ -66,6 +66,7 @@
             params: {
                 key: "hengli001,'210414000153',0_52,2021\/04\/01_10:29:17,12,11,23",
             },
+            count:0,
             interval: null,
             isStart: false,
         },
@@ -96,54 +97,56 @@
             sendRequest() {
                 let requestDate = moment();
                 let url = this.url + '?' + this.params.key + '=';
+                let index= JSON.parse(JSON.stringify(this.count));
+                this.count++;
+                this._pushLogs(requestDate,null,null,null,index);
                 window.axios.get(url).then(res => {
-                    let resDate = moment();
-                    if (res) {
-                        this._pushLogs(requestDate, resDate, null, true);
+                    if (res.data) {
+                        console.log(res.data.data);
+                        this._pushLogs(requestDate, moment(), null, true,index);
                     }
                 }).catch(err => {
-                    let errData = moment();
-                    this._pushLogs(requestDate, errData, err, false);
+                    this._pushLogs(requestDate, moment(), err, false,index);
                 });
             },
-            _pushLogs(requestDate, date, isErr = null, isRes = null) {
+            _pushLogs(requestDate, date = null, isErr = null, isRes = null,index = null) {
+                let type = '';
                 let des = '';
-                if (isErr) {
-                    des = '请求异常';
-                    console.log(isErr);
-                    this.logs.push({
-                        type: 'isError',
-                        reqDate: requestDate.format('YY-MM-DD HH:mm:ss'),
-                        requestDate: requestDate,
-                        resDate: date.format('YYYY-MM-DD HH:mm:ss'),
-                        responseDate: date,
-                        des: isErr,
-                        status: des
-                    })
-                } else if (isRes) {
+                let status = '';
+                if(isErr){
+                    type='isError';
+                    des = isErr;
+                }else if(date!=null ) {
+                    type='isOk';
                     let minute = date.minute() - requestDate.minute();
                     let second = date.seconds() - requestDate.seconds();
-                    let des = '';
-                    if (minute === 0 && second > 10) des = '超时';
-                    else if (minute > 0 && second < 0) des = '超时';
-                    this.logs.push({
-                        type: 'isOk',
-                        reqDate: requestDate.format('YY-MM-DD HH:mm:ss'),
-                        requestDate: requestDate,
-                        resDate: date.format('YYYY-MM-DD HH:mm:ss'),
-                        responseDate: date,
-                        des: '请求' + des,
-                        status: des,
-                    })
+                    if ((minute === 0 && second > 10) || (minute > 0 && second > -50)){
+                        des = '超时';
+                        status = '超时';
+                    }else{
+                        des = '正常';
+                        status = '正常';
+                    }
+                }
+                let log = {
+                    type: type,
+                    reqDate: requestDate.format('YY-MM-DD HH:mm:ss'),
+                    requestDate: requestDate,
+                    resDate: date ?  date.format('YYYY-MM-DD HH:mm:ss') :'',
+                    responseDate: date,
+                    des: des,
+                    status: des
                 }
+                this.$set(this.logs,index,log);
                 this.$forceUpdate();
             },
             _getTrClass(log) {
                 if (log.type === 'isError') return 'table-danger';
                 if (log.type === 'isOk') {
-                    if (log.value === '超时') return 'table-warning';
-                    return 'table-success';
+                    if (log.status === '超时') return 'table-warning';
+                    else if(log.status === '正常') return 'table-success';
                 }
+                return 'table-primary';
             },
             writeFile() {
                 localStorage.setItem('RequestLogs',this.logs);