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/Web.vue | 15 --
web_src/src/components/setting/Media.vue | 147 ++++++++++++++---------------
web_src/src/components/setting/Sip.vue | 79 +++++++--------
3 files changed, 109 insertions(+), 132 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"}],
},
}
}
diff --git a/web_src/src/components/setting/Sip.vue b/web_src/src/components/setting/Sip.vue
index 4955e14..f74e1f8 100644
--- a/web_src/src/components/setting/Sip.vue
+++ b/web_src/src/components/setting/Sip.vue
@@ -1,50 +1,43 @@
<template>
- <div id="SettingForSip">
- <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="绔彛" prop="port">
- <el-input v-model.number="form.port" clearable></el-input>
- </el-form-item>
- <el-form-item label="鍩�" prop="domain">
- <el-input v-model="form.domain" clearable></el-input>
- </el-form-item>
- <el-form-item label="id" prop="id">
- <el-input v-model="form.id" clearable></el-input>
- </el-form-item>
- <el-form-item label="瀵嗙爜" prop="password">
- <el-input v-model="form.password" clearable></el-input>
- </el-form-item>
+ <div id="SettingForSip" 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="绔彛" prop="port">
+ <el-input v-model.number="form.port" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="鍩�" prop="domain">
+ <el-input v-model="form.domain" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="id" prop="id">
+ <el-input v-model="form.id" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="瀵嗙爜" prop="password">
+ <el-input v-model="form.password" clearable></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: "SettingForSip",
components: {
@@ -61,11 +54,11 @@
},
rules: {
- ip: [{ required: true, message: "璇疯緭鍏ュ悕绉�", trigger: "blur" }],
- port: [{ required: true, message: "璇疯緭鍏ュ簲鐢ㄥ悕", trigger: "blur" }],
- domain: [{ required: true, message: "璇疯緭鍏ユ祦ID", trigger: "blur" }],
- id: [{ required: true, message: "璇疯緭鍏ュ浗鏍囩紪鐮�", trigger: "blur" }],
- password: [{ required: true, message: "璇疯緭鍏ュ浗鏍囩紪鐮�", trigger: "blur" }],
+ ip: [{required: true, message: "璇疯緭鍏ュ悕绉�", trigger: "blur"}],
+ port: [{required: true, message: "璇疯緭鍏ュ簲鐢ㄥ悕", trigger: "blur"}],
+ domain: [{required: true, message: "璇疯緭鍏ユ祦ID", trigger: "blur"}],
+ id: [{required: true, message: "璇疯緭鍏ュ浗鏍囩紪鐮�", trigger: "blur"}],
+ password: [{required: true, message: "璇疯緭鍏ュ浗鏍囩紪鐮�", trigger: "blur"}],
},
}
}
diff --git a/web_src/src/components/setting/Web.vue b/web_src/src/components/setting/Web.vue
index 309d3b1..591e503 100644
--- a/web_src/src/components/setting/Web.vue
+++ b/web_src/src/components/setting/Web.vue
@@ -1,12 +1,7 @@
<template>
- <div id="SettingForWeb">
- <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;">WEB鏈嶅姟</span>
+ <div id="SettingForWeb" style="width: 100%">
+ <div class="page-header">
+ <div class="page-title">WEB鏈嶅姟</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">
@@ -41,10 +36,6 @@
</el-form-item>
</el-form>
</div>
-
-
- </el-main>
- </el-container>
</div>
</template>
--
Gitblit v1.8.0