fajiao
/
wvp-GB28181-pro
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

全局样式适配三个隐藏页面

pull/443/head
xiaoxie 3 years ago
parent
5623b5ee0f
commit
2735a7a98b
3 changed files with 109 additions and 132 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 51
      web_src/src/components/setting/Media.vue
  2. 31
      web_src/src/components/setting/Sip.vue
  3. 15
      web_src/src/components/setting/Web.vue

51
web_src/src/components/setting/Media.vue
View File

@ -1,14 +1,10 @@
<template> <template>
<div id="SettingForMedia"> <div id="SettingForMedia" style="width: 100%">
<el-container> <div class="page-header">
<el-header> <div class="page-title">媒体服务</div>
<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>
<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"> <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 ref="form" :rules="rules" :model="form" label-width="140px">
<el-form-item label="IP" prop="IP"> <el-form-item label="IP" prop="IP">
<el-input v-model="form.IP" clearable></el-input> <el-input v-model="form.IP" clearable></el-input>
@ -19,43 +15,43 @@
<el-form-item label="HOOK IP" prop="hookIp"> <el-form-item label="HOOK IP" prop="hookIp">
<el-input v-model="form.hookIp" clearable></el-input> <el-input v-model="form.hookIp" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="HTTP端口" > <el-form-item label="HTTP端口">
<el-input v-model.number="form.httpPort" clearable></el-input> <el-input v-model.number="form.httpPort" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="HTTP SSL端口" > <el-form-item label="HTTP SSL端口">
<el-input v-model.number="form.httpSSlPort" clearable></el-input> <el-input v-model.number="form.httpSSlPort" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="RTMP端口" > <el-form-item label="RTMP端口">
<el-input v-model.number="form.rtmpPort" clearable></el-input> <el-input v-model.number="form.rtmpPort" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="RTMP SSL端口" > <el-form-item label="RTMP SSL端口">
<el-input v-model.number="form.rtmpSSlPort" clearable></el-input> <el-input v-model.number="form.rtmpSSlPort" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="RTSP端口" > <el-form-item label="RTSP端口">
<el-input v-model.number="form.rtspPort" clearable></el-input> <el-input v-model.number="form.rtspPort" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="RTSP SSL端口" > <el-form-item label="RTSP SSL端口">
<el-input v-model.number="form.rtspSSLPort" clearable></el-input> <el-input v-model.number="form.rtspSSLPort" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="RTP端口" > <el-form-item label="RTP端口">
<el-input v-model.number="form.rtpProxyPort" clearable></el-input> <el-input v-model.number="form.rtpProxyPort" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="自动点播" > <el-form-item label="自动点播">
<el-switch v-model="form.autoApplyPlay"></el-switch> <el-switch v-model="form.autoApplyPlay"></el-switch>
</el-form-item> </el-form-item>
<el-form-item label="接口密钥" prop="secret"> <el-form-item label="接口密钥" prop="secret">
<el-input v-model="form.secret" clearable></el-input> <el-input v-model="form.secret" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="无人观看触发时长" > <el-form-item label="无人观看触发时长">
<el-input v-model.number="form.streamNoneReaderDelayMS" clearable></el-input> <el-input v-model.number="form.streamNoneReaderDelayMS" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="自动配置" > <el-form-item label="自动配置">
<el-switch v-model="form.autoConfig"></el-switch> <el-switch v-model="form.autoConfig"></el-switch>
</el-form-item> </el-form-item>
<el-form-item label="使用多端口" > <el-form-item label="使用多端口">
<el-switch v-model="form.rtp.enable"></el-switch> <el-switch v-model="form.rtp.enable"></el-switch>
</el-form-item> </el-form-item>
<el-form-item label="端口范围" > <el-form-item label="端口范围">
<el-input v-model.number="form.rtp.portRange" clearable></el-input> <el-input v-model.number="form.rtp.portRange" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="DOCKER智能识别"> <el-form-item label="DOCKER智能识别">
@ -65,21 +61,18 @@
<el-form-item> <el-form-item>
<div style="float: right;"> <div style="float: right;">
<el-button type="primary" @click="onSubmit">保存</el-button> <el-button type="primary" @click="onSubmit">保存</el-button>
<!-- <el-button @click="close">取消</el-button>--> <!-- <el-button @click="close">取消</el-button>-->
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</el-main>
</el-container>
</div> </div>
</template> </template>
<script> <script>
import uiHeader from '../../layout/UiHeader.vue' import uiHeader from '../../layout/UiHeader.vue'
export default { export default {
name: "SettingForMedia", name: "SettingForMedia",
components: { components: {
@ -107,9 +100,9 @@ export default {
}, },
rules: { rules: {
IP: [{ required: true, message: "请输入名称", trigger: "blur" }], IP: [{required: true, message: "请输入名称", trigger: "blur"}],
wanIp: [{ required: false, message: "请输入应用名", trigger: "blur" }], wanIp: [{required: false, message: "请输入应用名", trigger: "blur"}],
hookIp: [{ required: false, message: "请输入流ID", trigger: "blur" }], hookIp: [{required: false, message: "请输入流ID", trigger: "blur"}],
}, },
} }
} }

31
web_src/src/components/setting/Sip.vue
View File

@ -1,14 +1,10 @@
<template> <template>
<div id="SettingForSip"> <div id="SettingForSip" style="width: 100%">
<el-container> <div class="page-header">
<el-header> <div class="page-title">国标服务</div>
<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>
<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"> <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 ref="form" :rules="rules" :model="form" label-width="140px">
<el-form-item label="ip" prop="ip"> <el-form-item label="ip" prop="ip">
<el-input v-model="form.ip" clearable></el-input> <el-input v-model="form.ip" clearable></el-input>
@ -30,21 +26,18 @@
<el-form-item> <el-form-item>
<div style="float: right;"> <div style="float: right;">
<el-button type="primary" @click="onSubmit">保存</el-button> <el-button type="primary" @click="onSubmit">保存</el-button>
<!-- <el-button @click="close">取消</el-button>--> <!-- <el-button @click="close">取消</el-button>-->
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</el-main>
</el-container>
</div> </div>
</template> </template>
<script> <script>
import uiHeader from '../../layout/UiHeader.vue' import uiHeader from '../../layout/UiHeader.vue'
export default { export default {
name: "SettingForSip", name: "SettingForSip",
components: { components: {
@ -61,11 +54,11 @@ export default {
}, },
rules: { rules: {
ip: [{ required: true, message: "请输入名称", trigger: "blur" }], ip: [{required: true, message: "请输入名称", trigger: "blur"}],
port: [{ required: true, message: "请输入应用名", trigger: "blur" }], port: [{required: true, message: "请输入应用名", trigger: "blur"}],
domain: [{ required: true, message: "请输入流ID", trigger: "blur" }], domain: [{required: true, message: "请输入流ID", trigger: "blur"}],
id: [{ required: true, message: "请输入国标编码", trigger: "blur" }], id: [{required: true, message: "请输入国标编码", trigger: "blur"}],
password: [{ required: true, message: "请输入国标编码", trigger: "blur" }], password: [{required: true, message: "请输入国标编码", trigger: "blur"}],
}, },
} }
} }

15
web_src/src/components/setting/Web.vue
View File

@ -1,12 +1,7 @@
<template> <template>
<div id="SettingForWeb"> <div id="SettingForWeb" style="width: 100%">
<el-container> <div class="page-header">
<el-header> <div class="page-title">WEB服务</div>
<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> </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"> <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 ref="form" :rules="rules" :model="form" label-width="140px">
@ -41,10 +36,6 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</el-main>
</el-container>
</div> </div>
</template> </template>

Write Preview
Loading…
Cancel
Save