hexiugang
/
iamberry-common-parent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
							<!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/update_device" id="form-admin-add">
        <div class="my-title">设备信息</div>
        <input class="my-input" type="hidden" value="${device.deviceId!}" name="deviceId" id="deviceId" placeholder="请输入设备编号"/>
        <div class="input-box"><span class="input-dic">设备编号</span><input class="my-input" type="text" value="${device.deviceNumber!}" name="deviceNumber" id="deviceNumber" placeholder="请输入设备编号"/> </div>
        <input type="hidden" id="hiddenDeviceId" value="${device.deviceNumber!}">
        <div class="input-box"><span class="input-dic">设备名称</span><input class="my-input" type="text" value="${device.deviceName!}" name="deviceName" id="deviceName" placeholder="请输入设备姓名"/> </div>
        <div class="input-box"><span class="input-dic">购买日期</span><input class="my-input-date" type="text" value="${(device.deviceDate?string("yyyy-MM-dd"))!''}" onClick="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})" name="device_date" id="device_date" placeholder="请选择购买日期" readonly="readonly"/> </div>
        <div class="input-box"><span class="input-dic">设备状态</span>
            <label for="radio-10"><input type="radio" id="radio-10" name="deviceStatus" <#if device.deviceStatus??><#if device.deviceStatus == 1>checked</#if></#if> value="1"/>正常使用</label>
            <label for="radio-11" style="margin-left: 50px;"><input type="radio" id="radio-11" name="deviceStatus" <#if device.deviceStatus??><#if device.deviceStatus == 0>checked</#if></#if> value="0"/>设备停用</label>
        </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">${device.deviceRemake!}</textarea>
        </div>
        <div>
            <#--<button type="reset" class="my-btn-reset">重置</button>--><button type="button" class="my-btn-submit" onclick="update_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 check_value() {
        var flag = true;
        var deviceNumber = $('#deviceNumber').val();
        var deviceName = $('#deviceName').val();
        var device_date = $('#device_date').val();
        var deviceRemake = $('#deviceRemake').val();
        var hiddenDeviceId = $('#hiddenDeviceId').val();
        if (deviceNumber == null || !check_number.test(deviceNumber)) {
            flag = false;
            layer.msg('设备编号格式不正确，请重新输入!',{icon: 5,time:1000});
            return flag;
        }
        if(hiddenDeviceId != deviceNumber){
            $.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 update_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 deviceId = $('#deviceId').val();
        var flag = check_value();
        if (flag) {
            var data = {
                "deviceNumber":deviceNumber,
                "deviceName":deviceName,
                "deviceDate":device_date,
                "deviceRemake":deviceRemake,
                "deviceStatus":deviceStatus,
                "deviceId":deviceId
            }
            $.ajax({
                cache: true,
                type: "POST",
                data: data,
                url: "${path}/admin/equipment/update_device",
                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>