syncDialog.vue
2.97 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<template>
<div>
<!-- 添加相机 -->
<el-dialog title="设备详情" :visible.sync="cameraAddVisible" width="450px">
<div>
<el-form
label-position="left"
label-width="120px"
:model="initParam"
ref="cameraDialog"
inline-message
hide-required-asterisk
>
<el-form-item label="设备编号">
<el-input v-model="initParam.id" disabled></el-input>
</el-form-item>
<el-form-item label="设备名称">
<el-input v-model="initParam.label" disabled></el-input>
</el-form-item>
<el-form-item label="地点编号">
<el-input v-model="initParam.addr_unid" disabled></el-input>
</el-form-item>
<el-form-item label="地点名称">
<el-input v-model="initParam.addr_name" disabled></el-input>
</el-form-item>
<el-form-item label="IP地址">
<el-input v-model="initParam.ip"></el-input>
</el-form-item>
<el-form-item label="端口" prop="port">
<el-input v-model="initParam.port"></el-input>
</el-form-item>
<el-form-item label="协议">
<el-select
v-model="initParam.video_protocol_id"
placeholder="请选择协议"
:popper-append-to-body="false"
>
<el-option label="rtsp" value="rtsp"></el-option>
<el-option label="onvif" value="onvif"></el-option>
</el-select>
</el-form-item>
<el-form-item label="取流地址" prop="video_source_url">
<el-input v-model="initParam.video_source_url"></el-input>
</el-form-item>
<el-form-item label="用户名">
<el-input v-model="initParam.user_name"></el-input>
</el-form-item>
<el-form-item label="密码">
<el-input v-model="initParam.password"></el-input>
</el-form-item>
<el-form-item label="经度">
<el-input v-model="initParam.longitude"></el-input>
</el-form-item>
<el-form-item label="纬度">
<el-input v-model="initParam.latitude"></el-input>
</el-form-item>
<el-form-item label="扩展字段1">
<el-input v-model="initParam.extend_1"></el-input>
</el-form-item>
<el-form-item label="扩展字段2">
<el-input v-model="initParam.extend_2"></el-input>
</el-form-item>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="cameraAddVisible = false">取 消</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
initParam: {},
cameraAddVisible: false,
type: "",
devsId: ""
};
},
methods: {
initDialog(node, type, devsId) {
this.cameraAddVisible = true;
this.initParam = node;
}
}
};
</script>
<style></style>