yuanMM
/
zhxf-add


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=750, initial-scale=1, maximum-scale=1, user-scalable=0" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <title>功能报备新增</title>
    <!-- FAVICON AND APPLE TOUCH -->
    <link href="favicon.ico" rel="shortcut icon" />
    <link rel="apple-touch-icon-precomposed" sizes="180x180" />
    <meta name="msapplication-TileImage" content="mstile.png" />

    <!-- 日期组件 -->
    <link href="plugins/datePicker/css/foundation.min.css" rel="stylesheet" type="text/css">
    <link href="plugins/datePicker/css/foundation-datepicker.css" rel="stylesheet" type="text/css">
    <style>
        form input[type="text"] {
            display: inline-block;
            margin-bottom: 0
        }
    </style>
    <!-- 日期组件end -->

    <link rel="stylesheet" href="css/common.css" />
    <meta name="viewport" content="width=375, user-scalable=no" />

</head>

<body>
    <div class="page-wrapper">
        <div class="fixed-section">
            <div class="nav-tit">
                <a class="goBack" onclick="history.back()"></a>
                功能报备新增
            </div>

        </div>
        <form action="__MODULE__/DeviceManagement/add" style="margin-top:40px">
            <div>
                <span><i>*</i>报备类型:</span>
                <select name="repType" id="">
                    <option value="">请选择</option>
                    <option value="1">单位</option>
                    <option value="2">类型</option>
                    <option value="3">设备</option>
                </select>
            </div>

            <div class="retype2And3">
                <span><i>*</i>设备类型:</span>
                <select name="deviceType" id="">
                        <option value="">请选择</option>
                        <option value="1">火系统</option>
                        <option value="2">水系统</option>
                        <option value="3">烟感系统</option>
                        <option value="4">消防栓</option>
                        <option value="5">液位</option>
                        <option value="6">RTU</option>
                        <option value="7">电气火灾</option>
                        <option value="16">视频监控</option>
                        <option value="128">井盖</option>
                        <option value="131">可燃气体</option>
                        <option value="130">门禁监测</option>
                        <option value="129">地磁监测</option>
                        <option value="17">电梯监测</option>
                    </select>
            </div>

            <div class="retypeAll">
                <span><i>*</i>开始时间:</span>
                <input type="text" class="span2" value="" id="checkIn" placeHolder="请选择开始时间" readonly="readonly">
            </div>
            <div class="retypeAll">
                <span><i>*</i>结束时间:</span>
                <input type="text" class="span2" value="" id="dpd2" placeHolder="请选择结束时间" readonly="readonly">
            </div>

            <div class="deviceTypeIs6">
                <span><i>*</i>端口号:</span>
                <input type="text" name="portId">
            </div>

            <div class="deviceTypeIs6">
                <span><i>*</i>端口类型:</span>
                <select name="portType">
                        <option value="">请选择</option>
                        <option value="1">数字量</option>
                        <option value="2">模拟量</option>
                    </select>
            </div>

            <div class="deviceTypeAll">
                <span><i>*</i>设备编号:</span>
                <select name="deviceType" id="">
                        <option value="">请选择</option>
                        <option value="1">数字量</option>
                        <option value="2">模拟量</option>
                    </select>
            </div>
            <div class="retypeAll">
                <span><i> </i>备注:</span>
                <input type="text" name="remarks">
            </div>


            <a class="submit-btn">提交</a>

        </form>
    </div>
    <script src="js/layout.js"></script>
    <script src="js/jquery-2.2.2.min.js"></script>

    <!-- 日期组件 -->
    <script src="plugins/datePicker/js/foundation-datepicker.js"></script>
    <script src="plugins/datePicker/js/locales/foundation-datepicker.zh-CN.js"></script>
    <script>
        var nowTemp = new Date();
        var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

        var checkin = $('#checkIn').fdatepicker({
            format: 'yyyy-mm-dd hh:ii:ss',
            pickTime: true,
            onRender: function(date) {
                return date.valueOf() < now.valueOf() ? 'disabled' : '';
            }
        }).data('datepicker');

        var checkout = $('#dpd2').fdatepicker({
            format: 'yyyy-mm-dd hh:ii:ss',
            pickTime: true,
            onRender: function(date) {
                return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
            }
        }).data('datepicker');
    </script>
    <!-- 日期组件end -->


    <script>
        // 下拉逻辑联动start
        $('.retypeAll,.retype2And3,.deviceTypeIs6,.deviceTypeAll').css('display', 'none')
        $('select[name=repType]').change(function() {
            if ($('select[name=repType]').val() == 1) {
                $('.retypeAll').show()
                $('.retype2And3,.deviceTypeIs6,.deviceTypeAll').hide()
            } else if ($('select[name=repType]').val() == 2) {
                $('.retypeAll,.retype2And3').css('display', 'block')
                $('.deviceTypeIs6,.deviceTypeAll').hide()
            } else if ($('select[name=repType]').val() == 3) {
                $('.retypeAll,.retype2And3').css('display', 'block')
                if ($('select[name=deviceType]').val()) {
                    if ($('select[name=deviceType]').val() == 6) {
                        $('.deviceTypeIs6,.deviceTypeAll').show()
                    } else {
                        $('.deviceTypeAll').show()
                        $('.deviceTypeIs6').hide()
                    }
                } else {
                    $('.deviceTypeIs6,.deviceTypeAll').hide()
                }
            } else {
                $('.retypeAll,.retype2And3,.deviceTypeIs6,.deviceTypeAll').css('display', 'none')
            }
        })

        $('select[name=deviceType]').change(function() {
                if ($('select[name=deviceType]').val()) {
                    if ($('select[name=repType]').val() == 3) {
                        if ($('select[name=deviceType]').val()) {
                            if ($('select[name=deviceType]').val() == 6) {
                                $('.deviceTypeIs6,.deviceTypeAll').show()
                            } else {
                                $('.deviceTypeAll').show()
                                $('.deviceTypeIs6').hide()
                            }
                        } else {
                            $('.deviceTypeIs6,.deviceTypeAll').hide()
                        }
                    }
                } else {
                    $('.deviceTypeIs6,.deviceTypeAll').css('display', 'none')
                }
            })
            // 下拉逻辑联动end


        // 表单提交start
        $('.submit-btn').click(function() {
                alert('请求接口，提交表单')
            })
            // 表单提交end
    </script>
</body>

</html>