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 | 146 ++++++++++++++++++++++--------------------------
1 files changed, 68 insertions(+), 78 deletions(-)
diff --git a/web_src/src/components/setting/Media.vue b/web_src/src/components/setting/Media.vue
index cfc4e12..6642601 100644
--- a/web_src/src/components/setting/Media.vue
+++ b/web_src/src/components/setting/Media.vue
@@ -1,85 +1,75 @@
<template>
- <div id="SettingForMedia">
- <el-container>
- <el-header>
- <uiHeader></uiHeader>
- </el-header>
- <el-main>
- <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
- <span style="font-size: 1rem; font-weight: bold;">媒体服务</span>
- </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-input v-model.number="form.streamNoneReaderDelayMS" 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>
+ <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>
+ <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>
-
-
- </el-main>
- </el-container>
+ </el-form-item>
+ </el-form>
+ </div>
</div>
</template>
<script>
-import uiHeader from '../UiHeader.vue'
+import uiHeader from '../../layout/UiHeader.vue'
+
export default {
name: "SettingForMedia",
components: {
@@ -107,9 +97,9 @@
},
rules: {
- IP: [{ required: true, message: "请输入名称", trigger: "blur" }],
- wanIp: [{ required: false, message: "请输入应用名", trigger: "blur" }],
- hookIp: [{ required: false, message: "请输入流ID", trigger: "blur" }],
+ IP: [{required: true, message: "请输入名称", trigger: "blur"}],
+ wanIp: [{required: false, message: "请输入应用名", trigger: "blur"}],
+ hookIp: [{required: false, message: "请输入流ID", trigger: "blur"}],
},
}
}
--
Gitblit v1.9.3