| | |
| | | @close="close()" |
| | | > |
| | | <div id="shared" style="margin-top: 1rem;margin-right: 100px;"> |
| | | <el-form ref="streamProxy" :rules="rules" :model="proxyParam" label-width="140px"> |
| | | <el-form ref="streamProxy" :rules="rules" :model="proxyParam" label-width="140px" > |
| | | <el-form-item label="类型" prop="type"> |
| | | <el-select |
| | | v-model="proxyParam.type" |
| | |
| | | <el-form-item label="拉流地址" prop="src_url" v-if="proxyParam.type=='ffmpeg'"> |
| | | <el-input v-model="proxyParam.src_url" clearable></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="超时时间" prop="timeout_ms" v-if="proxyParam.type=='ffmpeg'"> |
| | | <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="FFmpeg命令模板" prop="ffmpeg_cmd_key" v-if="proxyParam.type=='ffmpeg'"> |
| | | <el-input v-model="proxyParam.ffmpeg_cmd_key" clearable></el-input> |
| | | <!-- <el-input v-model="proxyParam.ffmpeg_cmd_key" clearable></el-input>--> |
| | | <el-select |
| | | v-model="proxyParam.ffmpeg_cmd_key" |
| | | style="width: 100%" |
| | | placeholder="请选择FFmpeg命令模板" |
| | | > |
| | | <el-option |
| | | v-for="item in Object.keys(ffmpegCmdList)" |
| | | :key="item" |
| | | :label="ffmpegCmdList[item]" |
| | | :value="item"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="国标编码" prop="gbId"> |
| | | <el-input v-model="proxyParam.gbId" placeholder="设置国标编码可推送到国标" clearable></el-input> |
| | |
| | | <el-option label="组播" value="2"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="国标平台"> |
| | | <el-select |
| | | v-model="proxyParam.platformGbId" |
| | | style="width: 100%" |
| | | placeholder="请选择国标平台" |
| | | > |
| | | <el-option |
| | | v-for="item in platformList" |
| | | :key="item.name" |
| | | :label="item.name" |
| | | :value="item.serverGBId"> |
| | | <span style="float: left">{{ item.name }}</span> |
| | | <span style="float: right; color: #8492a6; font-size: 13px">{{ item.serverGBId }}</span> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="其他选项"> |
| | | <div style="float: left;"> |
| | | <el-checkbox label="启用" v-model="proxyParam.enable" ></el-checkbox> |
| | |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <div style="float: right;"> |
| | | <el-button type="primary" @click="onSubmit">{{onSubmit_text}}</el-button> |
| | | <el-button type="primary" @click="onSubmit" :loading="dialogLoading" >{{onSubmit_text}}</el-button> |
| | | <el-button @click="close">取消</el-button> |
| | | </div> |
| | | |
| | |
| | | listChangeCallback: null, |
| | | showDialog: false, |
| | | 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, |
| | | }], |
| | | proxyParam: { |
| | | name: null, |
| | | type: "default", |
| | |
| | | enable: true, |
| | | enable_hls: true, |
| | | enable_mp4: false, |
| | | platformGbId: null, |
| | | }, |
| | | ffmpegCmdList:{}, |
| | | |
| | | rules: { |
| | | name: [{ required: true, message: "请输入名称", trigger: "blur" }], |
| | |
| | | this.listChangeCallback = callback; |
| | | if (proxyParam != null) { |
| | | this.proxyParam = proxyParam; |
| | | this.onSubmit_text = "保存"; |
| | | } else { |
| | | this.onSubmit_text = "立即创建"; |
| | | } |
| | | |
| | | let that = this; |
| | | |
| | | this.$axios({ |
| | | method: 'get', |
| | | url:`/api/platform/query/10000/0` |
| | | }).then(function (res) { |
| | | that.platformList = res.data.list; |
| | | }).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); |
| | | }); |
| | | }, |
| | | onSubmit: function () { |
| | | console.log("onSubmit"); |
| | | this.dialogLoading = true; |
| | | var that = this; |
| | | that.$axios({ |
| | | method: 'post', |
| | | url:`/api/proxy/save`, |
| | | data: that.proxyParam |
| | | }).then(function (res) { |
| | | that.dialogLoading = false; |
| | | if (typeof (res.data.code) != "undefined" && res.data.code === 0) { |
| | | that.$message({ |
| | | showClose: true, |
| | |
| | | that.showDialog = false; |
| | | if (that.listChangeCallback != null) { |
| | | that.listChangeCallback(); |
| | | that.dialogLoading = false; |
| | | } |
| | | } |
| | | }).catch(function (error) { |
| | | console.log(error); |
| | | this.dialogLoading = false; |
| | | }); |
| | | }, |
| | | close: function () { |
| | | console.log("关闭添加视频平台"); |
| | | this.showDialog = false; |
| | | this.dialogLoading = false; |
| | | this.$refs.streamProxy.resetFields(); |
| | | }, |
| | | deviceGBIdExit: async function (deviceGbId) { |