From 2735a7a98b8d0779b166c6e18970109499b1cb87 Mon Sep 17 00:00:00 2001
From: xiaoxie <hotcoffie@163.com>
Date: 星期四, 21 四月 2022 12:45:27 +0800
Subject: [PATCH] 全局样式适配三个隐藏页面
---
web_src/src/components/setting/Media.vue | 147 +++++++++++++++++++++++-------------------------
1 files changed, 70 insertions(+), 77 deletions(-)
diff --git a/web_src/src/components/setting/Media.vue b/web_src/src/components/setting/Media.vue
index 0dc6c76..19465b9 100644
--- a/web_src/src/components/setting/Media.vue
+++ b/web_src/src/components/setting/Media.vue
@@ -1,85 +1,78 @@
<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-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>
- <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 '../../layout/UiHeader.vue'
+
export default {
name: "SettingForMedia",
components: {
@@ -107,9 +100,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.8.0