From 89a9ab4534f10a224f70e546db838423e84a1965 Mon Sep 17 00:00:00 2001 From: 64850858 <648540858@qq.com> Date: 星期五, 16 七月 2021 16:34:51 +0800 Subject: [PATCH] 添加zlm集群支持 --- web_src/src/components/dialog/StreamProxyEdit.vue | 75 +++++++++++++++++++++---------------- 1 files changed, 43 insertions(+), 32 deletions(-) diff --git a/web_src/src/components/dialog/StreamProxyEdit.vue b/web_src/src/components/dialog/StreamProxyEdit.vue index e1d224a..3310d9c 100644 --- a/web_src/src/components/dialog/StreamProxyEdit.vue +++ b/web_src/src/components/dialog/StreamProxyEdit.vue @@ -39,6 +39,22 @@ <el-form-item label="瓒呮椂鏃堕棿:姣" prop="timeout_ms" v-if="proxyParam.type=='ffmpeg'"> <el-input v-model="proxyParam.timeout_ms" clearable></el-input> </el-form-item> + <el-form-item label="鑺傜偣閫夋嫨" prop="rtp_type"> + <el-select + v-model="proxyParam.mediaServerId" + @change="mediaServerIdChange" + style="width: 100%" + placeholder="璇烽�夋嫨鎷夋祦鑺傜偣" + > + <el-option label="鑷姩閫夋嫨" value="auto"></el-option> + <el-option + v-for="item in mediaServerList" + :key="item.id" + :label="item.id" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> <el-form-item label="FFmpeg鍛戒护妯℃澘" prop="ffmpeg_cmd_key" v-if="proxyParam.type=='ffmpeg'"> <!-- <el-input v-model="proxyParam.ffmpeg_cmd_key" clearable></el-input>--> <el-select @@ -68,6 +84,7 @@ <el-option label="缁勬挱" value="2"></el-option> </el-select> </el-form-item> + <el-form-item label="鍥芥爣骞冲彴"> <el-select v-model="proxyParam.platformGbId" @@ -106,6 +123,8 @@ </template> <script> +import MediaServer from './../service/MediaServer' + export default { name: "streamProxyEdit", props: {}, @@ -134,27 +153,8 @@ isLoging: false, dialogLoading: false, onSubmit_text: "绔嬪嵆鍒涘缓", - platformList: [{ - id: 1, - enable: true, - name: "141", - serverGBId: "34020000002000000001", - serverGBDomain: "3402000000", - serverIP: "192.168.1.141", - serverPort: 15060, - deviceGBId: "34020000002000000001", - deviceIp: "192.168.1.20", - devicePort: "5060", - username: "34020000002000000001", - password: "12345678", - expires: "300", - keepTimeout: "60", - transport: "UDP", - characterSet: "GB2312", - ptz: false, - rtcp: false, - status: true, - }], + platformList: [], + mediaServer: new MediaServer(), proxyParam: { name: null, type: "default", @@ -170,7 +170,9 @@ enable_hls: true, enable_mp4: false, platformGbId: null, + mediaServerId: "auto", }, + mediaServerList:{}, ffmpegCmdList:{}, rules: { @@ -193,7 +195,6 @@ } let that = this; - this.$axios({ method: 'get', url:`/api/platform/query/10000/0` @@ -202,17 +203,28 @@ }).catch(function (error) { console.log(error); }); - this.$axios({ - method: 'get', - url:`/api/proxy/ffmpeg_cmd/list` - }).then(function (res) { - that.ffmpegCmdList = res.data.data; - }).catch(function (error) { - console.log(error); - }); + this.mediaServer.getMediaServerList((data)=>{ + this.mediaServerList = data; + }) + }, + mediaServerIdChange:function (){ + let that = this; + if (that.proxyParam.mediaServerId !== "auto"){ + that.$axios({ + method: 'get', + url:`/api/proxy/ffmpeg_cmd/list`, + params: { + mediaServerId: that.proxyParam.mediaServerId + } + }).then(function (res) { + that.ffmpegCmdList = res.data.data; + }).catch(function (error) { + console.log(error); + }); + } + }, onSubmit: function () { - console.log("onSubmit"); this.dialogLoading = true; var that = this; that.$axios({ @@ -239,7 +251,6 @@ }); }, close: function () { - console.log("鍏抽棴娣诲姞瑙嗛骞冲彴"); this.showDialog = false; this.dialogLoading = false; this.$refs.streamProxy.resetFields(); -- Gitblit v1.8.0