From f1d079f9c0b3d384090477ca54e0548373d62b57 Mon Sep 17 00:00:00 2001
From: zhongrj <646384940@qq.com>
Date: Thu, 16 Jan 2025 11:56:39 +0800
Subject: [PATCH] 配置修改
---
web_src/src/components/setting/Media.vue | 111 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 111 insertions(+), 0 deletions(-)
diff --git a/web_src/src/components/setting/Media.vue b/web_src/src/components/setting/Media.vue
new file mode 100644
index 0000000..6642601
--- /dev/null
+++ b/web_src/src/components/setting/Media.vue
@@ -0,0 +1,111 @@
+<template>
+ <div id="SettingForMedia" style="width: 100%">
+ <div class="page-header">
+ <div class="page-title">媒体服务</div>
+ </div>
+ <div
+ style="width: 60%; margin:0 auto; background-color: #FFFFFF; position: relative; padding: 5rem 6.5rem; text-align: left;font-size: 14px; max-width: 400px">
+ <el-form ref="form" :rules="rules" :model="form" label-width="140px">
+ <el-form-item label="IP" prop="IP">
+ <el-input v-model="form.IP" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="公网IP" prop="wanIp">
+ <el-input v-model="form.wanIp" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="HOOK IP" prop="hookIp">
+ <el-input v-model="form.hookIp" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="HTTP端口">
+ <el-input v-model.number="form.httpPort" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="HTTP SSL端口">
+ <el-input v-model.number="form.httpSSlPort" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="RTMP端口">
+ <el-input v-model.number="form.rtmpPort" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="RTMP SSL端口">
+ <el-input v-model.number="form.rtmpSSlPort" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="RTSP端口">
+ <el-input v-model.number="form.rtspPort" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="RTSP SSL端口">
+ <el-input v-model.number="form.rtspSSLPort" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="RTP端口">
+ <el-input v-model.number="form.rtpProxyPort" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="自动点播">
+ <el-switch v-model="form.autoApplyPlay"></el-switch>
+ </el-form-item>
+ <el-form-item label="接口密钥" prop="secret">
+ <el-input v-model="form.secret" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="自动配置">
+ <el-switch v-model="form.autoConfig"></el-switch>
+ </el-form-item>
+ <el-form-item label="使用多端口">
+ <el-switch v-model="form.rtp.enable"></el-switch>
+ </el-form-item>
+ <el-form-item label="端口范围">
+ <el-input v-model.number="form.rtp.portRange" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="DOCKER智能识别">
+ <el-input type="textarea" v-model="dockerStr"></el-input>
+ </el-form-item>
+
+ <el-form-item>
+ <div style="float: right;">
+ <el-button type="primary" @click="onSubmit">保存</el-button>
+ <!-- <el-button @click="close">取消</el-button>-->
+ </div>
+
+ </el-form-item>
+ </el-form>
+ </div>
+ </div>
+</template>
+
+<script>
+import uiHeader from '../../layout/UiHeader.vue'
+
+export default {
+ name: "SettingForMedia",
+ components: {
+ uiHeader
+ },
+ data() {
+ return {
+ dockerStr: null,
+ form: {
+ ip: null,
+ wanIp: null,
+ hookIp: null,
+ httpPort: null,
+ httpSSlPort: null,
+ rtmpPort: null,
+ rtpProxyPort: null,
+ rtspPort: null,
+ rtspSSLPort: null,
+ autoConfig: true,
+ secret: "035c73f7-bb6b-4889-a715-d9eb2d1925cc",
+ rtp: {
+ enable: false,
+ portRange: null
+ },
+ },
+
+ rules: {
+ IP: [{required: true, message: "请输入名称", trigger: "blur"}],
+ wanIp: [{required: false, message: "请输入应用名", trigger: "blur"}],
+ hookIp: [{required: false, message: "请输入流ID", trigger: "blur"}],
+ },
+ }
+ }
+}
+</script>
+
+<style scoped>
+
+</style>
--
Gitblit v1.9.3