mirror of https://github.com/EasyDarwin/EasyDarwin
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
2.6 KiB
78 lines
2.6 KiB
6 years ago
|
<template>
|
||
|
|
<FormDlg title="编辑拉流" @hide="onHide" @show="onShow" @submit="onSubmit" ref="dlg" :disabled="errors.any() || bLoading">
|
||
|
|
<div :class="['form-group', { 'has-error': errors.has('url')}]">
|
||
|
|
<label for="input-url" class="col-sm-3 control-label"><span class="text-red">*</span> RTSP地址</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input type="text" id="input-url" class="form-control" name="url" data-vv-as="RTSP地址" v-validate="'required'" v-model.trim="form.url">
|
||
|
|
<span class="help-block">{{errors.first('url')}}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div :class="['form-group', { 'has-error': errors.has('idleTimeout')}]">
|
||
|
|
<label for="input-url" class="col-sm-3 control-label">空闲超时(秒)</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input type="text" id="input-idle-timeout" class="form-control" name="idleTimeout" data-vv-as="空闲超时" v-model.trim="form.idleTimeout">
|
||
|
|
<span class="help-block">{{errors.first('idleTimeout')}}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</FormDlg>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import Vue from 'vue'
|
||
|
|
import FormDlg from 'components/FormDlg.vue'
|
||
|
|
import $ from 'jquery'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
bLoading: false,
|
||
|
|
form: this.defForm()
|
||
|
|
}
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
FormDlg
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
defForm() {
|
||
|
|
return {
|
||
|
|
url: '',
|
||
|
|
idleTimeout: ''
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onHide() {
|
||
|
|
this.errors.clear();
|
||
|
|
this.form = this.defForm();
|
||
|
|
},
|
||
|
|
onShow() {
|
||
|
|
document.querySelector(`[name=url]`).focus();
|
||
|
|
},
|
||
|
|
async onSubmit() {
|
||
|
|
var ok = await this.$validator.validateAll();
|
||
|
|
if(!ok) {
|
||
|
|
var e = this.errors.items[0];
|
||
|
|
this.$message({
|
||
|
|
type: 'error',
|
||
|
|
message: e.msg
|
||
|
|
});
|
||
|
|
document.querySelector(`[name=${e.field}]`).focus();
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
this.bLoading = true;
|
||
|
|
$.get('/stream/start', this.form).then(data => {
|
||
|
|
this.$refs['dlg'].hide();
|
||
|
|
this.$emit('submit');
|
||
|
|
}).always(() => {
|
||
|
|
this.bLoading = false;
|
||
|
|
})
|
||
|
|
},
|
||
|
|
show(data) {
|
||
|
|
this.errors.clear();
|
||
|
|
if(data) {
|
||
|
|
Object.assign(this.form, data);
|
||
|
|
}
|
||
|
|
this.$refs['dlg'].show();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|