统一axios写法

panlinlin
1 parent 27df8bd8
Showing 28 changed files with 243 additions and 218 deletions
pom.xml
src/main/java/com/genersoft/iot/vmp/conf/Swagger3Config.java
src/main/java/com/genersoft/iot/vmp/service/impl/PlayServiceImpl.java
src/main/java/com/genersoft/iot/vmp/service/impl/StreamProxyServiceImpl.java
src/main/java/com/genersoft/iot/vmp/storager/dao/GbStreamMapper.java
src/main/java/com/genersoft/iot/vmp/storager/impl/VideoManagerStoragerImpl.java
src/main/java/com/genersoft/iot/vmp/vmanager/gb28181/SseController/SseController.java
src/main/java/com/genersoft/iot/vmp/vmanager/gb28181/media/MediaController.java
src/main/java/com/genersoft/iot/vmp/vmanager/gb28181/platformGbStream/PlatformGbStreamController.java
src/main/java/com/genersoft/iot/vmp/vmanager/gb28181/play/PlayController.java
src/main/java/com/genersoft/iot/vmp/vmanager/gb28181/playback/PlaybackController.java
src/main/java/com/genersoft/iot/vmp/vmanager/server/ServerController.java
src/main/java/com/genersoft/iot/vmp/vmanager/streamProxy/StreamProxyController.java
src/main/java/com/genersoft/iot/vmp/vmanager/streamPush/StreamPushController.java
src/main/java/com/genersoft/iot/vmp/vmanager/user/UserController.java
web_src/src/components/DeviceList.vue
web_src/src/components/Login.vue
web_src/src/components/ParentPlatformList.vue
web_src/src/components/PushVideoList.vue
web_src/src/components/StreamProxyList.vue
@@ -109,6 +109,12 @@
 			<artifactId>springfox-boot-starter</artifactId>
 			<version>3.0.0</version>
 		</dependency>
+		<dependency>
+			<groupId>com.github.xiaoymin</groupId>
+			<artifactId>knife4j-spring-boot-starter</artifactId>
+			<version>3.0.2</version>
+		</dependency>
+
 		<!--参数校验 -->
 		<dependency>
@@ -165,7 +171,7 @@
     </dependencies>
 	<build>
-		<finalName>wvp-2.5.8</finalName>
+		<finalName>wvp-2.0</finalName>
 		<plugins>
 			<plugin>
 				<groupId>org.springframework.boot</groupId>
@@ -92,8 +92,8 @@ public class Swagger3Config {
         return new ApiInfoBuilder()
                 .title("WVP-PRO 接口文档")
                 .description("更多请咨询服务开发者(18010473990@@163.com)。")
-                .contact(new Contact("Ray。", "http://www.ruiyeclub.cn", "ruiyeclub@foxmail.com"))
-                .version("1.0")
+                .contact(new Contact("panlinlin", "http://www.ruiyeclub.cn", "ruiyeclub@foxmail.com"))
+                .version("2.0")
                 .build();
     }
 }
@@ -84,7 +84,7 @@ public class PlayServiceImpl implements IPlayService {
         } else {
             String streamId = streamInfo.getStreamId();
             JSONObject rtpInfo = zlmresTfulUtils.getRtpInfo(streamId);
-            if (rtpInfo.getBoolean("exist")) {
+            if (rtpInfo != null && rtpInfo.getBoolean("exist")) {
                 RequestMessage msg = new RequestMessage();
                 msg.setId(DeferredResultHolder.CALLBACK_CMD_PlAY + uuid);
                 msg.setData(JSON.toJSONString(streamInfo));
@@ -118,12 +118,11 @@ public class StreamProxyServiceImpl implements IStreamProxyService {
     public boolean stop(String app, String stream) {
         boolean result = false;
         StreamProxyItem streamProxyDto = videoManagerStorager.queryStreamProxy(app, stream);
-        if (streamProxyDto.isEnable() &&  streamProxyDto != null) {
+        if (streamProxyDto != null && streamProxyDto.isEnable()) {
             JSONObject jsonObject = removeStreamProxyFromZlm(streamProxyDto);
             if (jsonObject.getInteger("code") == 0) {
-                result = true;
                 streamProxyDto.setEnable(false);
-                videoManagerStorager.updateStreamProxy(streamProxyDto);
+                result = videoManagerStorager.updateStreamProxy(streamProxyDto);
             }
         }
         return result;
@@ -24,7 +24,7 @@ public interface GbStreamMapper {
             "name=#{name}," +
             "streamType=#{streamType}," +
             "longitude=#{longitude}, " +
-            "latitude=#{latitude} " +
+            "latitude=#{latitude}," +
             "status=${status} " +
             "WHERE app=#{app} AND stream=#{stream} AND gbId=#{gbId}")
     int update(GbStream gbStream);
@@ -440,6 +440,7 @@ public class VideoManagerStoragerImpl implements IVideoManagerStorager {
 			dataSourceTransactionManager.commit(transactionStatus);     //手动提交
 			result = true;
 		}catch (Exception e) {
+			e.printStackTrace();
 			dataSourceTransactionManager.rollback(transactionStatus);
 		}
 		return result;
@@ -8,6 +8,7 @@ import io.swagger.annotations.ApiOperation;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.CrossOrigin;
+import org.springframework.web.bind.annotation.PostMapping;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.servlet.mvc.method.annotation.SseEmitter;
@@ -25,11 +26,11 @@ public class SseController {
     @Autowired
     AlarmEventListener alarmEventListener;
-    @ApiOperation("设置响应")
+    @ApiOperation("浏览器推送")
     @ApiImplicitParams({
             @ApiImplicitParam(name = "browserId", value = "浏览器ID", dataTypeClass = String.class),
     })
-    @RequestMapping("/emit")
+    @PostMapping("/emit")
     public SseEmitter emit(@RequestParam String browserId) {
         final SseEmitter sseEmitter = new SseEmitter(0L);
         try {
@@ -44,7 +44,7 @@ public class MediaController {
             @ApiImplicitParam(name = "app", value = "应用名", dataTypeClass = String.class),
             @ApiImplicitParam(name = "stream", value = "流id", dataTypeClass = String.class),
     })
-    @RequestMapping(value = "/getStreamInfoByAppAndStream")
+    @GetMapping(value = "/stream_info_by_app_and_stream")
     @ResponseBody
     public StreamInfo getStreamInfoByAppAndStream(String app, String stream){
         return mediaService.getStreamInfoByAppAndStreamWithCheck(app, stream);
@@ -32,7 +32,7 @@ public class PlatformGbStreamController {
             @ApiImplicitParam(name = "page", value = "当前页", dataTypeClass = Integer.class),
             @ApiImplicitParam(name = "count", value = "每页条数", dataTypeClass = Integer.class),
     })
-    @RequestMapping(value = "/list")
+    @GetMapping(value = "/list")
     @ResponseBody
     public PageInfo<GbStream> list(@RequestParam(required = false)Integer page,
                                    @RequestParam(required = false)Integer count){
@@ -93,7 +93,7 @@ public class PlayController {
 	@ApiImplicitParams({
 			@ApiImplicitParam(name = "streamId", value = "视频流ID", dataTypeClass = String.class),
 	})
-	@PostMapping("/stop/{streamId}")
+	@GetMapping("/stop/{streamId}")
 	public DeferredResult<ResponseEntity<String>> playStop(@PathVariable String streamId) {
 		logger.debug(String.format("设备预览/回放停止API调用，streamId：%s", streamId));
@@ -105,7 +105,7 @@ public class PlaybackController {
 	@ApiImplicitParams({
 			@ApiImplicitParam(name = "ssrc", value = "视频流标识", dataTypeClass = String.class),
 	})
-	@RequestMapping("/stop/{ssrc}")
+	@GetMapping("/stop/{ssrc}")
 	public ResponseEntity<String> playStop(@PathVariable String ssrc) {
 		cmder.streamByeCmd(ssrc);
@@ -25,7 +25,7 @@ public class ServerController {
     @ApiOperation("重启服务")
-    @RequestMapping(value = "/restart")
+    @GetMapping(value = "/restart")
     @ResponseBody
     public Object restart(){
         Thread restartThread = new Thread(new Runnable() {
@@ -41,7 +41,7 @@ public class StreamProxyController {
             @ApiImplicitParam(name="query", value = "查询内容", dataTypeClass = String.class),
             @ApiImplicitParam(name="online", value = "是否在线", dataTypeClass = Boolean.class),
     })
-    @RequestMapping(value = "/list")
+    @GetMapping(value = "/list")
     @ResponseBody
     public PageInfo<StreamProxyItem> list(@RequestParam(required = false)Integer page,
                                           @RequestParam(required = false)Integer count,
@@ -55,7 +55,7 @@ public class StreamProxyController {
     @ApiImplicitParams({
             @ApiImplicitParam(name = "param", value = "代理参数", dataTypeClass = StreamProxyItem.class),
     })
-    @RequestMapping(value = "/save")
+    @PostMapping(value = "/save")
     @ResponseBody
     public Object save(@RequestBody StreamProxyItem param){
         logger.info("添加代理： " + JSONObject.toJSONString(param));
@@ -68,7 +68,7 @@ public class StreamProxyController {
             @ApiImplicitParam(name = "app", value = "应用名", dataTypeClass = String.class),
             @ApiImplicitParam(name = "stream", value = "流ID", dataTypeClass = String.class),
     })
-    @RequestMapping(value = "/del")
+    @DeleteMapping(value = "/del")
     @ResponseBody
     public Object del(String app, String stream){
         logger.info("移除代理： " + app + "/" + stream);
@@ -81,7 +81,7 @@ public class StreamProxyController {
             @ApiImplicitParam(name = "app", value = "应用名", dataTypeClass = String.class),
             @ApiImplicitParam(name = "stream", value = "流ID", dataTypeClass = String.class),
     })
-    @RequestMapping(value = "/start")
+    @GetMapping(value = "/start")
     @ResponseBody
     public Object start(String app, String stream){
         logger.info("启用代理： " + app + "/" + stream);
@@ -94,11 +94,11 @@ public class StreamProxyController {
             @ApiImplicitParam(name = "app", value = "应用名", dataTypeClass = String.class),
             @ApiImplicitParam(name = "stream", value = "流ID", dataTypeClass = String.class),
     })
-    @RequestMapping(value = "/stop")
+    @GetMapping(value = "/stop")
     @ResponseBody
     public Object stop(String app, String stream){
         logger.info("停用代理： " + app + "/" + stream);
         boolean result = streamProxyService.stop(app, stream);
-        return "success";
+        return result?"success":"fail";
     }
 }
@@ -32,7 +32,7 @@ public class StreamPushController {
             @ApiImplicitParam(name="query", value = "查询内容", dataTypeClass = String.class),
             @ApiImplicitParam(name="online", value = "是否在线", dataTypeClass = Boolean.class),
     })
-    @RequestMapping(value = "/list")
+    @GetMapping(value = "/list")
     @ResponseBody
     public PageInfo<StreamPushItem> list(@RequestParam(required = false)Integer page,
                                          @RequestParam(required = false)Integer count,
@@ -47,7 +47,7 @@ public class StreamPushController {
     @ApiImplicitParams({
             @ApiImplicitParam(name = "stream", value = "直播流关联国标平台", dataTypeClass = GbStream.class),
     })
-    @RequestMapping(value = "/save_to_gb")
+    @PostMapping(value = "/save_to_gb")
     @ResponseBody
     public Object saveToGB(@RequestBody GbStream stream){
         if (streamPushService.saveToGB(stream)){
@@ -62,7 +62,7 @@ public class StreamPushController {
     @ApiImplicitParams({
             @ApiImplicitParam(name = "stream", value = "直播流关联国标平台", dataTypeClass = GbStream.class),
     })
-    @RequestMapping(value = "/remove_form_gb")
+    @DeleteMapping(value = "/remove_form_gb")
     @ResponseBody
     public Object removeFormGB(@RequestBody GbStream stream){
         if (streamPushService.removeFromGB(stream)){
@@ -8,6 +8,7 @@ import io.swagger.annotations.ApiOperation;
 import org.springframework.beans.factory.annotation.Value;
 import org.springframework.util.StringUtils;
 import org.springframework.web.bind.annotation.CrossOrigin;
+import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.RestController;
@@ -28,7 +29,7 @@ public class UserController {
             @ApiImplicitParam(name = "username", value = "用户名", dataTypeClass = String.class),
             @ApiImplicitParam(name = "password", value = "密码（32未md5加密）", dataTypeClass = String.class),
     })
-    @RequestMapping("/login")
+    @GetMapping("/login")
     public String login(String username, String password){
         if (!StringUtils.isEmpty(username) && username.equals(usernameConfig)
                 && !StringUtils.isEmpty(password) && password.equals(passwordConfig)) {
@@ -136,20 +136,20 @@
 			getDeviceList: function() {
 				let that = this;
 				this.getDeviceListLoading = true;
-				this.$axios.get(`/api/device/query/devices`,{
+				this.$axios({
+					method: 'get',
+					url:`/api/device/query/devices`,
 					params: {
 						page: that.currentPage,
 						count: that.count
 					}
-				} )
-				.then(function (res) {
+				}).then(function (res) {
 					console.log(res);
 					console.log(res.data.list);
 					that.total = res.data.total;
 					that.deviceList = res.data.list;
 					that.getDeviceListLoading = false;
-				})
-				.catch(function (error) {
+				}).catch(function (error) {
 					console.log(error);
 					that.getDeviceListLoading = false;
 				});
@@ -61,10 +61,11 @@ export default {
       //设置在登录状态
       this.isLoging = true;
-      this.$axios.get("/api/user/login",{
-        params: loginParam
-      } )
-      .then(function (res) {
+      this.$axios({
+					method: 'get',
+					url:"/api/user/login",
+          params: loginParam
+      }).then(function (res) {
         console.log(JSON.stringify(res));
           if (res.data == "success") {
             that.$cookies.set("session", {"username": that.username}) ;
@@ -79,8 +80,7 @@ export default {
                   type: 'error'
               });
           }
-      })
-      .catch(function (error) {
+      }).catch(function (error) {
         that.$message.error(error.response.statusText);
         that.isLoging = false;
       });
@@ -121,20 +121,21 @@ export default {
     },
     deletePlatformCommit: function(platform) {
         var that = this;
-        that.$axios.delete(`/api/platform/delete/${platform.serverGBId}`)
-            .then(function (res) {
-                if (res.data == "success") {
-                    that.$message({
-                        showClose: true,
-                        message: '删除成功',
-                        type: 'success'
-                    });
-                    that.initData()
-                }
-            })
-            .catch(function (error) {
-                console.log(error);
-            });
+        that.$axios({
+					method: 'delete',
+					url:`/api/platform/delete/${platform.serverGBId}`
+        }).then(function (res) {
+            if (res.data == "success") {
+                that.$message({
+                    showClose: true,
+                    message: '删除成功',
+                    type: 'success'
+                });
+                that.initData()
+            }
+        }).catch(function (error) {
+            console.log(error);
+        });
     },
     chooseChannel: function(platform) {
        this.$refs.chooseChannelDialog.openDialog(platform.serverGBId, ()=>{
@@ -155,14 +156,15 @@ export default {
     getPlatformList: function() {
       let that = this;
-      this.$axios.get(`/api/platform/query/${that.count}/${that.currentPage}`)
-        .then(function (res) {
-          that.total = res.data.total;
-          that.platformList = res.data.list;
-        })
-        .catch(function (error) {
-          console.log(error);
-        });
+      this.$axios({
+					method: 'get',
+					url:`/api/platform/query/${that.count}/${that.currentPage}`
+      }).then(function (res) {
+        that.total = res.data.total;
+        that.platformList = res.data.list;
+      }).catch(function (error) {
+        console.log(error);
+      });
     }
@@ -107,20 +107,20 @@
 			getPushList: function() {
 				let that = this;
 				this.getDeviceListLoading = true;
-				this.$axios.get(`/api/push/list`,{
+				this.$axios({
+					method: 'get',
+					url:`/api/push/list`,
 					params: {
 						page: that.currentPage,
 						count: that.count
 					}
-				} )
-				.then(function (res) {
+				}).then(function (res) {
 					console.log(res);
 					console.log(res.data.list);
 					that.total = res.data.total;
 					that.pushList = res.data.list;
 					that.getDeviceListLoading = false;
-				})
-				.catch(function (error) {
+				}).catch(function (error) {
 					console.log(error);
 					that.getDeviceListLoading = false;
 				});
@@ -129,20 +129,20 @@
 			playPuhsh: function(row){
 				let that = this;
 				this.getListLoading = true;
-				this.$axios.get(`/api/media/getStreamInfoByAppAndStream`,{
+				this.$axios({
+					method: 'get',
+					url:`/api/media/stream_info_by_app_and_stream`,
 					params: {
 						app: row.app,
 						stream: row.stream
 					}
-				})
-				.then(function (res) {
+				}).then(function (res) {
 					that.getListLoading = false;
 					that.$refs.devicePlayer.openDialog("streamPlay", null, null, {
                         streamInfo: res.data,
                         hasAudio: true
                     });
-				})
-				.catch(function (error) {
+				}).catch(function (error) {
 					console.log(error);
 					that.getListLoading = false;
 				});
@@ -155,17 +155,17 @@
 			},
 			removeFromGB: function(row){
 				var that = this;
-				that.$axios.post(`/api/push/remove_form_gb`, row)
-					.then(function (res) {
-						console.log(res);
-						console.log(res.data == "success");
-						if (res.data == "success") {
+				that.$axios({
+                    method:"delete",
+                    url:"/api/push/remove_form_gb",
+                    data:row
+                }).then((res)=>{
+                    if (res.data == "success") {
 							that.initData()
 						}
-					})
-					.catch(function (error) {
-						console.log(error);
-					});
+                }).catch(function (error) {
+                    console.log(error);
+                });
 			},
 			dateFormat: function(/** timestamp=0 **/) {
 				var ts = arguments[0] || 0;
@@ -62,7 +62,7 @@
 							<el-button-group>
 								<el-button size="mini" icon="el-icon-video-play" v-if="scope.row.enable" @click="play(scope.row)">播放</el-button>
 								<el-button size="mini" icon="el-icon-close" type="success" v-if="scope.row.enable" @click="stop(scope.row)">停用</el-button>
-								<el-button size="mini" icon="el-icon-check" type="primary" v-if="!scope.row.enable" @click="start(scope.row)">启用</el-button>
+								<el-button size="mini" icon="el-icon-check" type="primary" :loading="startBtnLaoding" v-if="!scope.row.enable" @click="start(scope.row)">启用</el-button>
 								<el-button size="mini" icon="el-icon-delete" type="danger"  @click="deleteStreamProxy(scope.row)">删除</el-button>
 							</el-button-group>
 							</template>
@@ -105,7 +105,8 @@
 				currentPage:1,
 				count:15,
 				total:0,
-				getListLoading: false
+				getListLoading: false,
+				startBtnLaoding: false
 			};
 		},
 		computed: {
@@ -133,20 +134,20 @@
 			getStreamProxyList: function() {
 				let that = this;
 				this.getListLoading = true;
-				this.$axios.get(`/api/proxy/list`,{
+				this.$axios({
+					method: 'get',
+					url:`/api/proxy/list`,
 					params: {
 						page: that.currentPage,
 						count: that.count
 					}
-				} )
-				.then(function (res) {
+				}).then(function (res) {
 					console.log(res);
 					console.log(res.data.list);
 					that.total = res.data.total;
 					that.streamProxyList = res.data.list;
 					that.getListLoading = false;
-				})
-				.catch(function (error) {
+				}).catch(function (error) {
 					console.log(error);
 					that.getListLoading = false;
 				});
@@ -159,20 +160,20 @@
 			play: function(row){
 				let that = this;
 				this.getListLoading = true;
-				this.$axios.get(`/api/media/getStreamInfoByAppAndStream`,{
+				this.$axios({
+					method: 'get',
+					url:`/api/media/stream_info_by_app_and_stream`,
 					params: {
 						app: row.app,
 						stream: row.stream
 					}
-				})
-				.then(function (res) {
+				}).then(function (res) {
 					that.getListLoading = false;
 					that.$refs.devicePlayer.openDialog("streamPlay", null, null, {
                         streamInfo: res.data,
                         hasAudio: true
                     });
-				})
-				.catch(function (error) {
+				}).catch(function (error) {
 					console.log(error);
 					that.getListLoading = false;
 				});
@@ -182,53 +183,56 @@
 				console.log(1111)
 				let that = this;
 				this.getListLoading = true;
-				this.$axios.get(`/api/proxy/del`,{
-					params: {
+				that.$axios({
+                    method:"delete",
+                    url:"/api/proxy/del",
+                    params:{
 						app: row.app,
 						stream: row.stream
 					}
-				})
-				.then(function (res) {
-					that.getListLoading = false;
+                }).then((res)=>{
+                    that.getListLoading = false;
 					that.initData()
-				})
-				.catch(function (error) {
-					console.log(error);
+                }).catch(function (error) {
+                    console.log(error);
 					that.getListLoading = false;
-				});
+                });
 			},
 			start: function(row){
 				let that = this;
 				this.getListLoading = true;
-				this.$axios.get(`/api/proxy/start`,{
+				this.startBtnLaoding = true;
+				this.$axios({
+					method: 'get',
+					url:`/api/proxy/start`,
 					params: {
 						app: row.app,
 						stream: row.stream
 					}
-				})
-				.then(function (res) {
+				}).then(function (res) {
 					that.getListLoading = false;
+					that.startBtnLaoding = false;
 					that.initData()
-				})
-				.catch(function (error) {
+				}).catch(function (error) {
 					console.log(error);
 					that.getListLoading = false;
+					that.startBtnLaoding = false;
 				});
 			},
 			stop: function(row){
 				let that = this;
 				this.getListLoading = true;
-				this.$axios.get(`/api/proxy/stop`,{
+				this.$axios({
+					method: 'get',
+					url:`/api/proxy/stop`,
 					params: {
 						app: row.app,
 						stream: row.stream
 					}
-				})
-				.then(function (res) {
+				}).then(function (res) {
 					that.getListLoading = false;
 					that.initData()
-				})
-				.catch(function (error) {
+				}).catch(function (error) {
 					console.log(error);
 					that.getListLoading = false;
 				});
@@ -153,17 +153,17 @@ export default {
         },
         getDeviceChannelList: function () {
             let that = this;
-
-            this.$axios.get(`/api/device/query/devices/${this.$route.params.deviceId}/channels`, {
-                    params: {
-                        page: that.currentPage,
+            this.$axios({
+                method: 'get',
+                url: `/api/device/query/devices/${this.$route.params.deviceId}/channels`,
+                params:{
+						page: that.currentPage,
                         count: that.count,
                         query: that.searchSrt,
                         online: that.online,
                         channelType: that.channelType
-                    }
-                })
-                .then(function (res) {
+					}
+            }).then(function (res) {
                     console.log(res);
                     that.total = res.data.total;
                     that.deviceChannelList = res.data.list;
@@ -171,10 +171,10 @@ export default {
                     that.$nextTick(() => {
                         that.$refs.channelListTable.doLayout();
                     })
-                })
-                .catch(function (error) {
-                    console.log(error);
-                });
+            }).catch(function (error) {
+                console.log(error);
+            });
+
         },
@@ -215,7 +215,7 @@ export default {
             console.log(itemData)
             var that = this;
             this.$axios({
-                method: 'post',
+                method: 'get',
                 url: '/api/play/stop/' + itemData.streamId 
             }).then(function (res) {
                 console.log(JSON.stringify(res));
@@ -251,26 +251,26 @@ export default {
         showSubchannels: function (channelId) {
             let that = this;
-            this.$axios.get(`/api/device/query/sub_channels/${this.deviceId}/${this.parentChannelId}/channels`, {
-                    params: {
-                        page: that.currentPage,
-                        count: that.count,
-                        query: that.searchSrt,
-                        online: that.online,
-                        channelType: that.channelType
-                    }
-                })
-                .then(function (res) {
-                    that.total = res.data.total;
-                    that.deviceChannelList = res.data.list;
-                    // 防止出现表格错位
-                    that.$nextTick(() => {
-                        that.$refs.channelListTable.doLayout();
-                    })
+            this.$axios({
+                method: 'get',
+                url:`/api/device/query/sub_channels/${this.deviceId}/${this.parentChannelId}/channels`, 
+                params: {
+                    page: that.currentPage,
+                    count: that.count,
+                    query: that.searchSrt,
+                    online: that.online,
+                    channelType: that.channelType
+                }
+            }).then(function (res) {
+                that.total = res.data.total;
+                that.deviceChannelList = res.data.list;
+                // 防止出现表格错位
+                that.$nextTick(() => {
+                    that.$refs.channelListTable.doLayout();
                 })
-                .catch(function (error) {
-                    console.log(error);
-                });
+            }).catch(function (error) {
+                console.log(error);
+            });
         },
         search: function () {
             console.log(this.searchSrt)
@@ -171,13 +171,14 @@ export default {
                 this.endTime = null;
             }
             let self = this;
-            this.$axios.get(`/api/position/history/${this.deviceId}`, {
+            this.$axios({
+                method: 'get',
+                url:`/api/position/history/${this.deviceId}`, 
                 params: {
                     start: self.startTime,
                     end: self.endTime,
                 },
-            })
-            .then(function (res) {
+            }).then(function (res) {
                 self.total = res.data.length;
                 self.mobilePositionList = res.data;
                 console.log(self.mobilePositionList);
@@ -192,8 +193,7 @@ export default {
                         self.showMarkPoints(self);
                     });
                 }
-            })
-            .catch(function (error) {
+            }).catch(function (error) {
                 console.log(error);
             });
         },
@@ -202,8 +202,10 @@ export default {
             this.mapPointList = [];
             this.mobilePositionList = [];
             let self = this;
-            this.$axios.get(`/api/position/latest/${this.deviceId}`)
-            .then(function (res) {
+            this.$axios({
+                method: 'get',
+                url:`/api/position/latest/${this.deviceId}`
+            }).then(function (res) {
                 console.log(res.data);
                 self.total = res.data.length;
                 self.mobilePositionList.push(res.data);
@@ -219,20 +221,20 @@ export default {
                         self.showMarkPoints(self);
                     });
                 }
-            })
-            .catch(function (error) {
+            }).catch(function (error) {
                 console.log(error);
             });
         },
         subscribeMobilePosition: function() {
             let self = this;
-            this.$axios.get(`/api/position/subscribe/${this.deviceId}`, {
-                params: {
-                    expires: self.expired,
-                    interval: self.interval,
-                },
-            })
-            .then(function (res) {
+            this.$axios({
+					method: 'get',
+					url:`/api/position/subscribe/${this.deviceId}`,
+                    params: {
+                        expires: self.expired,
+                        interval: self.interval,
+                    },
+            }).then(function (res) {
                 console.log(res.data);
             })
             .catch(function (error) {
@@ -241,16 +243,17 @@ export default {
         },
         unSubscribeMobilePosition: function() {
             let self = this;
-            this.$axios.get(`/api/position/subscribe/${this.deviceId}`, {
-                params: {
-                    expires: 0,
-                    interval: self.interval,
-                },
+            this.$axios({
+					method: 'get',
+					url:`/api/position/subscribe/${this.deviceId}`,
+                    params: {
+                        expires: 0,
+                        interval: self.interval,
+                    },
             })
             .then(function (res) {
                 console.log(res.data);
-            })
-            .catch(function (error) {
+            }).catch(function (error) {
                 console.log(error);
             });
         },
@@ -146,9 +146,11 @@ export default {
     onSubmit: function () {
       console.log("onSubmit");
       var that = this;
-      that.$axios
-        .post(`/api/proxy/save`, that.proxyParam)
-        .then(function (res) {
+      that.$axios({
+        method: 'post',
+        url:`/api/proxy/save`, 
+        data: that.proxyParam
+      }).then(function (res) {
           console.log(res);
           console.log(res.data == "success");
           if (res.data == "success") {
@@ -162,8 +164,7 @@ export default {
               that.listChangeCallback();
             }
           }
-        })
-        .catch(function (error) {
+        }).catch(function (error) {
           console.log(error);
         });
     },
@@ -175,14 +176,14 @@ export default {
     deviceGBIdExit: async function (deviceGbId) {
       var result = false;
       var that = this;
-      await that.$axios
-        .post(`/api/platform/exit/${deviceGbId}`)
-        .then(function (res) {
-          result = res.data;
-        })
-        .catch(function (error) {
-          console.log(error);
-        });
+      await that.$axios({
+        method: 'post',
+        url:`/api/platform/exit/${deviceGbId}`
+      }).then(function (res) {
+        result = res.data;
+      }).catch(function (error) {
+        console.log(error);
+      });
       return result;
     },
     checkExpires: function() {
@@ -89,11 +89,11 @@ export default {
     onSubmit: function () {
       console.log("onSubmit");
       var that = this;
-      that.$axios
-        .post(`/api/push/save_to_gb`, that.proxyParam)
-        .then(function (res) {
-          console.log(res);
-          console.log(res.data == "success");
+      that.$axios({
+        method:"post",
+        url:`/api/push/save_to_gb`, 
+        data: that.proxyParam
+      }).then(function (res) {
           if (res.data == "success") {
             that.$message({
               showClose: true,
@@ -105,10 +105,9 @@ export default {
               that.listChangeCallback();
             }
           }
-        })
-        .catch(function (error) {
+      }).catch(function (error) {
           console.log(error);
-        });
+      });
     },
     close: function () {
       console.log("关闭加入GB");
@@ -118,14 +117,14 @@ export default {
     deviceGBIdExit: async function (deviceGbId) {
       var result = false;
       var that = this;
-      await that.$axios
-        .post(`/api/platform/exit/${deviceGbId}`)
-        .then(function (res) {
-          result = res.data;
-        })
-        .catch(function (error) {
-          console.log(error);
-        });
+      await that.$axios({
+        method:"post",
+        url:`/api/platform/exit/${deviceGbId}`
+      }).then(function (res) {
+        result = res.data;
+      }).catch(function (error) {
+        console.log(error);
+      });
       return result;
     },
     checkExpires: function() {
@@ -182,7 +182,9 @@ export default {
         getChannelList: function () {
             let that = this;
-            this.$axios.get(`/api/platform/channel_list`, {
+            this.$axios({
+                    method:"get",
+                    url:`/api/platform/channel_list`, 
                     params: {
                         page: that.currentPage,
                         count: that.count,
@@ -162,16 +162,18 @@ export default {
         getChannelList: function () {
             let that = this;
-            this.$axios.get(`/api/gbStream/list`, {
-                    params: {
-                        page: that.currentPage,
-                        count: that.count,
-                        query: that.searchSrt,
-                        online: that.online,
-                        choosed: that.choosed,
-                        platformId: that.platformId,
-                        channelType: that.channelType
-                    }
+            this.$axios({
+                method: 'get',
+                url:`/api/gbStream/list`,
+                params: {
+                    page: that.currentPage,
+                    count: that.count,
+                    query: that.searchSrt,
+                    online: that.online,
+                    choosed: that.choosed,
+                    platformId: that.platformId,
+                    channelType: that.channelType
+                }
                 })
                 .then(function (res) {
                     that.total = res.data.total;
@@ -163,17 +163,17 @@ export default {
   methods: {
     openDialog: function (platform, callback) {
       var that = this;
-      this.$axios
-        .get(`/api/platform/server_config`)
-        .then(function (res) {
+      this.$axios({
+                method: 'get',
+                url:`/api/platform/server_config`
+      }).then(function (res) {
           console.log(res);
           that.platform.deviceGBId = res.data.username;
           that.platform.deviceIp = res.data.deviceIp;
           that.platform.devicePort = res.data.devicePort;
           that.platform.username = res.data.username;
           that.platform.password = res.data.password;
-        })
-        .catch(function (error) {
+      }).catch(function (error) {
           console.log(error);
         });
       this.showDialog = true;
@@ -188,11 +188,11 @@ export default {
     onSubmit: function () {
       console.log("onSubmit");
       var that = this;
-      that.$axios
-        .post(`/api/platform/save`, that.platform)
-        .then(function (res) {
-          console.log(res);
-          console.log(res.data == "success");
+      that.$axios({
+        method: 'post',
+        url:`/api/platform/save`,
+        data: that.platform
+      }).then(function (res) {
           if (res.data == "success") {
             that.$message({
               showClose: true,
@@ -204,8 +204,7 @@ export default {
               that.listChangeCallback();
             }
           }
-        })
-        .catch(function (error) {
+        }).catch(function (error) {
           console.log(error);
         });
     },
@@ -218,8 +217,9 @@ export default {
     deviceGBIdExit: async function (deviceGbId) {
       var result = false;
       var that = this;
-      await that.$axios
-        .post(`/api/platform/exit/${deviceGbId}`)
+      await that.$axios({
+                method: 'post',
+                url:`/api/platform/exit/${deviceGbId}`})
         .then(function (res) {
           result = res.data;
         })
@@ -11,7 +11,8 @@ export default {
     name: 'rtcPlayer',
     data() {
         return {
-            webrtcPlayer: null
+            webrtcPlayer: null,
+            timer: null
         };
     },
     props: ['videoUrl', 'error', 'hasaudio'],
@@ -55,7 +56,7 @@ export default {
                 this.eventcallbacK("OFFER ANSWER ERROR ", "offer anwser 交换失败")
                 if (e.code ==-400 && e.msg=="流不存在"){
                     console.log("111111")
-                    setTimeout(()=>{
+                    this.timer = setTimeout(()=>{
                         this.webrtcPlayer.close();
                         this.play(url)
                     }, 100)
@@ -83,6 +84,9 @@ export default {
             console.log(message)
         }
     },
+    destroyed() {
+        clearTimeout(this.timer);
+    },
 }
 </script>