<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <script th:replace="common/head"></script>
        <style>
            .layui-form-item {
                margin-bottom: 0;
            }
            .layui-form-text{
                line-height: 38px;
            }
        </style>
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <button type="button" lay-submit="" lay-filter="refresh" class="layui-btn layui-btn-primary layui-btn-sm"
                                    style="display:block;margin:0 auto">
                                <i class="layui-icon layui-icon-refresh" style="font-size: 20px"></i>
                            </button>
                            <fieldset class="layui-elem-field">
                                <legend>视频云设备详情</legend>
                                <div class="layui-field-box">
                                    <div class="layui-form-item">
                                        <input type="hidden" name="id" th:value="${vdDevice.id}" />
                                        <label class="layui-form-label"><span>设备名称：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.deviceName}?${vdDevice.deviceName}:'未知'"></span></div>
                                        <label class="layui-form-label"><span>设备号：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.deviceNum}?${vdDevice.deviceNum}:'未知'"></span></div>
                                        <label class="layui-form-label"><span>设备型号：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.modelSequence}?${vdDevice.modelSequence}:'未知'"></span></div>
                                        <label class="layui-form-label"><span>设备类型：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.deviceType}">
                                            <span class="layui-form-text" th:case="132">IPC</span>
                                            <span class="layui-form-text" th:case="111">DVR</span>
                                            <span class="layui-form-text" th:case="118">NVR</span>
                                            <span class="layui-form-text" th:case="114">解码器</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label"><span>设备密码：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.password}?${vdDevice.password}:'未知'"></span></div>
                                        <label class="layui-form-label"><span>协议类型：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.protocolType}">
                                            <span class="layui-form-text" th:case="1">GB28181</span>
                                            <span class="layui-form-text" th:case="2">ONVIF</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                        <label class="layui-form-label"><span>是否在线：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.isOnline}">
                                            <span class="layui-badge layui-bg-black" style="margin-top: 10px;" th:case="0">不在线</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="1">在线</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                        <label class="layui-form-label"><span>所属NVR的编号：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.parentNvrNum}?${vdDevice.parentNvrNum}:'未知'"></span></div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label"><span>设备地址：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.address}?${vdDevice.address}:'未知'"></span></div>
                                        <label class="layui-form-label"><span>经度：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.longitude}?${vdDevice.longitude}:'未知'"></span></div>
                                        <label class="layui-form-label"><span>纬度：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.latitude}?${vdDevice.latitude}:'未知'"></span></div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label"><span>路由器id：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.routeId}?${vdDevice.routeId}:'未知'"></span></div>
                                        <label class="layui-form-label"><span>维护人员信息：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.maintainer}?${vdDevice.maintainer}:'未知'"></span></div>
                                        <label class="layui-form-label"><span>是否拥有者：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.isOwner}">
                                            <span class="layui-badge layui-bg-black" style="margin-top: 10px;" th:case="0">否</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="1">是</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label"><span>摄像头类型：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.equipType}">
                                            <span class="layui-badge layui-bg-black" style="margin-top: 10px;" th:case="G">枪机</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="D">球机</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                        <label class="layui-form-label"><span>视频流获取方式：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.streamType}">
                                            <span class="layui-badge layui-bg-black" style="margin-top: 10px;" th:case="0">主动推流</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="1">主动拉取流</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                        <label class="layui-form-label"><span>设备是否有反转倒置能力：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.isHaveInversion}">
                                            <span class="layui-badge layui-bg-black" style="margin-top: 10px;" th:case="0">否</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="1">是</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label"><span>是否支持云存储：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.isSupportCloudStorage}">
                                            <span class="layui-badge layui-bg-black" style="margin-top: 10px;" th:case="0">不支持</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="1">支持</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                        <label class="layui-form-label"><span>云存储类别：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.cloudStorageType}">
                                            <span class="layui-badge layui-bg-black" style="margin-top: 10px;" th:case="0">无云存储</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="1">电信分布式存储</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="2">21cn存储</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                        <label class="layui-form-label"><span>云存储配置ID：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.cloudStorageConfId}?${vdDevice.cloudStorageConfId}:'未知'"></span></div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label"><span>是否支持本地存储：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.isSupportLocalStorage}">
                                            <span class="layui-badge layui-bg-black" style="margin-top: 10px;" th:case="0">不支持</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="1">支持</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                        <label class="layui-form-label"><span>是否支持云台：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.isSupportPtz}">
                                            <span class="layui-badge layui-bg-black" style="margin-top: 10px;" th:case="0">不支持</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="1">支持</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                        <label class="layui-form-label"><span>是否支持移动侦测：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.isSupportMotionDetection}">
                                            <span class="layui-badge layui-bg-black" style="margin-top: 10px;" th:case="0">不支持</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="1">支持</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label"><span>是否支持手动报警：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.isSupportManualAlarm}">
                                            <span class="layui-badge layui-bg-black" style="margin-top: 10px;" th:case="0">不支持</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="1">支持</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                        <label class="layui-form-label"><span>是否支持外部开关报警：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.isSupportExternalAlarmSwitch}">
                                            <span class="layui-badge layui-bg-black" style="margin-top: 10px;" th:case="0">不支持</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="1">支持</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                        <label class="layui-form-label"><span>告警状态：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.alarmStatus}">
                                            <span class="layui-badge layui-bg-black" style="margin-top: 10px;" th:case="0">正常</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="1">告警</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label"><span>是否封存：</span></label>
                                        <div class="layui-input-inline" th:switch="${vdDevice.block}">
                                            <span class="layui-badge layui-bg-black" style="margin-top: 10px;" th:case="0">不封存</span>
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;" th:case="1">封存</span>
                                            <span class="layui-form-text" th:case="*">未知</span>
                                        </div>
                                        <label class="layui-form-label"><span>封存时间：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.blockTime}?${vdDevice.blockTime}:'未知'"></span></div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label"><span>设备最后状态更新时间：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.updateStateTimeString}?${vdDevice.updateStateTimeString}:'未知'"></span></div>
                                        <label class="layui-form-label"><span>记录创建时间：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.createDate}?${#dates.format(vdDevice.createDate, 'yyyy-MM-dd HH:mm:ss')}:'未知'"></span></div>
                                        <label class="layui-form-label"><span>记录更新时间：</span></label>
                                        <div class="layui-input-inline"><span class="layui-form-text" th:text="${vdDevice.updateDate}?${#dates.format(vdDevice.updateDate, 'yyyy-MM-dd HH:mm:ss')}:'未知'"></span></div>
                                    </div>
                                </div>
                            </fieldset>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <!-- javascript -->
    <script type="text/javascript" th:src="@{'/layui/layui.js'}" charset="utf-8"></script>
    <script type="text/javascript">
        layui.config({
            base: '/' //静态资源所在路径
        });
    </script>
    <script type="text/javascript" th:src="@{'/js/estate/detail-refresh.js'}" charset="utf-8"></script>

</html>
