hexiugang
/
iamberry-common-parent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<#include "/base/add_base.ftl">
    <title></title>
    <style>
        .my-title{font-weight: 500;padding-left: 15px;position: relative;}
        .my-title:after{content: '';position: absolute;left: 0;top:12%;width: 3px;height: 80%;background: #32a3d8;}
        .my-input{padding: 8px 10px;width: 80%;border:1px solid rgba(0,0,0,.1);}
        .my-input-date{padding: 8px 10px;border:1px solid rgba(0,0,0,.1);width: 80%;background: url(http://s.iamberry.com/images/rili-1.png) 98.5% center no-repeat; background-size:auto 50%;}
        .input-box{margin: 18px 0;}
        .input-dic{float: left;margin:5px 10px 0 0;font-size: 12px;}
        .add-list{list-style-type: none;padding: 10px;background-color: #f5f5f5;width: 60%;float: left;margin: 0;}
        .add-list>li{margin: 10px 0;}
        .my-textarea{padding: 5px 10px;width: 80%;border:1px solid rgba(0,0,0,.1);}
        .my-btn-reset{padding: 10px 20px;width: 150px; background-color: #fff;color: #32a3d8;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
        .my-btn-submit{padding: 10px 20px;width: 150px; background-color: #32a3d8;color: #fff;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
        .my-select{border: 1px solid rgba(0,0,0,.1);padding:6px 50px 6px 15px;width: 60%; height: 34px;margin: 0 10px; -webkit-appearance:none;appearance:none;background: url(http://s.iamberry.com/images/select-1.png) right center no-repeat #fff;background-size:auto 100%;}
        input[type=radio]{-webkit-appearance:none;appearance:none;background: url(/common/images/pts/radio-1.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
        input[type=radio]:checked{-webkit-appearance:none;appearance:none;background: url(/common/images/pts/radio-2.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
    </style>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
    <span class="c-gray en">&gt;</span> PST管理
    <span class="c-gray en">&gt;</span> 添加设备
    <a class="btn radius r" style="line-height:1.6em;margin-top:3px;background: #32a3d8;color: #fff;border:1px solid #32a3d8;" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<div style="padding: 10px; width: 600px;margin: 0 auto;">
    <form class="form-horizontal" action="${path}/admin/equipment/add_equpment" id="form-admin-add">
        <div class="my-title">设备信息</div>
        <div class="input-box">
            <span class="input-dic">设备编号</span>
            <input class="my-input" type="text" value="" maxlength="10" minlength="2" name="deviceNumber" id="deviceNumber" placeholder="请输入设备编号，请输入英文、数字，2-10位"/>
        </div>
        <div class="input-box"><span class="input-dic">设备名称</span><input class="my-input" type="text" value="" name="deviceName" id="deviceName" placeholder="请输入设备名称，中文和英文"/> </div>
        <div class="input-box"><span class="input-dic">购买日期</span><input class="my-input-date" type="text" value="" name="device_date" id="device_date" placeholder="请选择购买日期" onClick="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})" readonly="readonly"/> </div>
        <div class="input-box"><span class="input-dic" style="margin-top: 0">设备状态</span><label for="radio-10"><input type="radio" id="radio-10" name="deviceStatus" value="1" checked/>正常使用</label><label for="radio-11" style="margin-left: 50px;"><input type="radio" id="radio-11" name="deviceStatus" value="0"/>设备停用</label> </div>
        <#--<div class="input-box"><span class="input-dic">作用流程</span>
            <ul class="add-list">

            </ul>
        </div>-->
        <div style="clear: both;"></div>
        <div class="input-box"><span class="input-dic">设备备注</span>
            <textarea rows="3" cols="20" name="deviceRemake" id="deviceRemake" class="my-textarea"></textarea>
        </div>
        <div>
            <button type="reset" class="my-btn-reset">重置</button><button type="button" class="my-btn-submit" onclick="submit_value();">确认提交</button>
        </div>
    </form>
</div>
<script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript">
    var check_number = /^[A-Za-z0-9]+$/;
    var check_name = /^[a-zA-Z\u4e00-\u9fa5]+$/;

    $(function(){
        /*$.ajax({
            cache: true,
            type: "POST",
            url: "${path}/admin/equipment/select_produce_list",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    var data_produce = data.returnMsg.produceList;
                    var table = document.body.querySelector('.add-list');
                    $.each(data_produce, function(i,item){
                        var this_produce = this;
                        var li = document.createElement('li');
                        var process = '';
                        var data_process = this_produce.process;
                        $.each(data_process, function(j,obj){
                            var this_process = this;
                            process += '<option value="' + this_process.processId + '"> ' + this_process.processName + ' </option>';
                        });
                        li.innerHTML = this_produce.produceName + '<select class="my-select">' + process + '</select>';
                        table.appendChild(li);
                    });
                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){

            }
        });*/
    });

    function check_value() {
        var flag = true;
        var deviceNumber = $('#deviceNumber').val();
        var deviceName = $('#deviceName').val();
        var device_date = $('#device_date').val();
        var deviceRemake = $('#deviceRemake').val();

        if (deviceNumber == null || !check_number.test(deviceNumber)) {
            flag = false;
            layer.msg('设备编号格式不正确，请重新输入!',{icon: 5,time:1000});
            return flag;
        }
        $.ajax({
            cache: true,
            type: "POST",
            data: {
                deviceNumber:deviceNumber
            },
            url: "${path}/admin/equipment/is_equipment",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    flag = false;
                    layer.msg('该设备编号已存在',{icon: 5,time:1000});

                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){

            }
        });
        if(flag == false){
            return flag;
        }
        if (deviceName == null || !check_name.test(deviceName)) {
            flag = false;
            layer.msg('设备名称格式不正确，请重新输入!',{icon: 5,time:1000});
            return flag;
        }
        if (device_date == null || device_date == "" ) {
            flag = false;
            layer.msg('购买日期不能为空!',{icon: 5,time:1000});
            return flag;
        }
        if(deviceRemake != null){
            if(deviceRemake.length > 50){
                layer.msg('备注长度为0-50个字符!',{icon: 5,time:1000});
            }
        }
        return flag;
    }

    /*验证编号*/
    function ptsValiDataNo(thVal) {
        $.ajax({
            cache: true,
            type: "POST",
            data: {
                deviceNumber:thVal
            },
            url: "${path}/admin/equipment/is_equipment",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    layer.msg('该设备编号已存在',{icon: 5,time:1000});
                    return false;
                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){

            }
        });
    }

    function submit_value() {
        var deviceNumber = $('#deviceNumber').val();
        var deviceName = $('#deviceName').val();
        var device_date = $('#device_date').val();
        var deviceRemake = $('#deviceRemake').val();
        var deviceStatus = $('input[name="deviceStatus"]:checked').val();
        var flag = check_value();
        if (flag) {
            //var selProcess = '';
            //循环获取所有流程节点
            /*$.each($('.add-list>li>select option:selected'), function(i,item){
                selProcess += $(this).val() + ',';
            });*/
            var data = {
                "deviceNumber":deviceNumber,
                "deviceName":deviceName,
                "deviceDate":device_date,
                "deviceRemake":deviceRemake,
                "deviceStatus":deviceStatus
                //"selProcess":selProcess
            }

            $.ajax({
                cache: true,
                type: "POST",
                data: data,
                url: "${path}/admin/equipment/add_equpment",
                async: false,
                success: function(data){
                    if (data.returnCode == 200) {
                        window.location.href = '${path}/admin/equipment/select_device_list'
                    }
                },
                error: function(XmlHttpRequest, textStatus, errorThrown){

                }
            });
        }
    }
</script>
</body>
</html>