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

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

pull/443/head
xiaoxie 2 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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 147
      web_src/src/components/setting/Media.vue
  2. 79
      web_src/src/components/setting/Sip.vue
  3. 15
      web_src/src/components/setting/Web.vue

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

@ -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 @@ export default {
},
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"}],
},
}
}

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

@ -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 @@ export default {
},
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"}],
},
}
}

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

@ -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>

Write Preview
Loading…
Cancel
Save