104 lines
3.0 KiB
Vue
104 lines
3.0 KiB
Vue
<template>
|
||
<!-- 绑定安全生产监控相机 -->
|
||
<view>
|
||
<view class="pagepaddings">
|
||
<view class="page_name font14">绑定安全生产监控相机</view>
|
||
<view class="page_content contentboxsty font13">
|
||
<view class="content_row">
|
||
<view class="name">串流推流Url</view>
|
||
<view class="">
|
||
<input placeholder="请输入串流推流Url"/>
|
||
</view>
|
||
</view>
|
||
<view class="content_row">
|
||
<view class="name">AppName</view>
|
||
<view class="">
|
||
<input placeholder="请输入APP名称"/>
|
||
</view>
|
||
</view>
|
||
<view class="content_row noborbot">
|
||
<view class="name"></view>
|
||
<view class="tip">
|
||
不超过256字符，支持数字、大小写字母、短划线（-）、下划线（_）、等号（=）。
|
||
</view>
|
||
</view>
|
||
<view class="content_row">
|
||
<view class="name">StreamName</view>
|
||
<view class="">
|
||
<input placeholder="请输入StreamName"/>
|
||
</view>
|
||
</view>
|
||
<view class="content_row noborbot">
|
||
<view class="name"></view>
|
||
<view class="tip">
|
||
不超过256字符，支持数字、大小写字母、短划线（-）、下划线（_）、等号（=）。
|
||
</view>
|
||
</view>
|
||
<view class="content_row">
|
||
<view class="name">设备IP</view>
|
||
<view class="">
|
||
<input placeholder="请输入设备IP"/>
|
||
</view>
|
||
</view>
|
||
<view class="content_row">
|
||
<view class="name">端口</view>
|
||
<view class="">
|
||
<input placeholder="请输入设备端口"/>
|
||
</view>
|
||
</view>
|
||
<view class="content_row">
|
||
<view class="name">用户名</view>
|
||
<view class="">
|
||
<input placeholder="请输入您的用户名"/>
|
||
</view>
|
||
</view>
|
||
<view class="content_row">
|
||
<view class="name">密码</view>
|
||
<view class="">
|
||
<input placeholder="请输入密码"/>
|
||
</view>
|
||
</view>
|
||
<view class="content_row">
|
||
<view class="name">监控推流权限</view>
|
||
<view class="flex_layout">
|
||
<view class="t-icon t-icon-qiyong1 contenticon"></view><text class="text">Token验证</text>
|
||
<view class="t-icon t-icon-jinyong2 contenticon"></view><text class="text">禁用</text>
|
||
<!-- <label class="radio"><radio value="r1" checked="true" />Token验证</label>
|
||
<label class="radio"><radio value="r2" />禁用</label> -->
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="bottom_but flex_layout">
|
||
<view class="font13">保存</view>
|
||
<view class="font13">取消</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
|
||
}
|
||
},
|
||
methods: {
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.page_name{margin-bottom: 10px;}
|
||
.page_content{padding: 0 12px;}
|
||
.content_row{display: flex;border-bottom: 1px solid #2D3A6F;height: 44px;align-items: center;
|
||
.name{width: 30%;}
|
||
.tip{width: 70%;font-size: 10px;color: #666;}
|
||
.flex_layout{
|
||
.contenticon{width: 20px;height: 20px;}
|
||
.text{padding: 0 20px 0 5px;}
|
||
}
|
||
}
|
||
</style>
|