hexiugang
/
iamberry-common-parent


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
							<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="/favicon.ico" >
<link rel="Shortcut Icon" href="/favicon.ico" />
<#include "/base/add_base.ftl">
    <link href="${path }/common/kingedit/themes/default/default.css" rel="stylesheet" type="text/css" />
<title>添加机器零件</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
    <span class="c-gray en">&gt;</span> 零件管理
    <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>
<article class="page-container" style="padding: 10px;width: 600px;margin: 0 auto;">
	<form action="" method="post" class="form form-horizontal" id="form-parts-add">

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>所属机器：</label>
            <div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
				<select class="select" size="1" name="produceId" id="produceId">
                <#if (produceList ?size > 0)>
                    <#list produceList as list>
                        <option value ="${list.produceId}">${list.produceName}</option>
                    </#list>
                <#else >
                    <option value ="">暂无产品，请到生产产品列表添加产品</option>
                </#if>
				</select>
				</span> </div>
        </div>

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>零件编号：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value=""  id="componentsNo" name="componentsNo" placeholder="请输入零件编号，支持数字、字母组合" onkeyup="this.value=this.value.replace(/[^\w]/g,'')" onpaste="this.value=this.value.replace(/[^\w]/g,'')">
			</div>
		</div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>零件名称：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value=""  id="componentsName" name="componentsName" placeholder="请输入1-30位的名称，支持中文、字母、数字">
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>供应商：</label>
            <div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
				<select class="select" size="1" name="supplierId" id="supplierId">
                <#if (listSupplier ?size > 0)>
                    <#list listSupplier as list>
                        <option value ="${list.supplierId}">${list.supplierName}</option>
                    </#list>
                <#else >
                    <option value ="">暂无供应商，请到供应商列表添加供应商</option>
                </#if>
				</select>
				</span> </div>
        </div>
        <#--<div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">零件图片：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <img alt="介绍图" src="/common/images/pts/addparts.jpg" id="partsImg" width="90" height="80">
                <input type="hidden" id="componentsImg" name="componentsImg" value=""/>
			</div>
        </div>-->

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>零件图片：</label>
            <div class="formControls col-xs-8 col-sm-9" id="fileDiv">
                <input type="file" name="file" id="fileid" style="opacity: 0; position: absolute; width: 90px;height: 80px;">
                <img alt="介绍图" src="${path}/common/images/pts/addparts.jpg" id="partsImg" width="90" height="80">
                <input type="hidden" id="componentsImg" name="componentsImg" value=""/>
                <#--<button type="button" class="btn" style="background: #32a3d8;color: #fff;-webkit-transform:translateY(-5%);" id="uploadSubmit"><i class="Hui-iconfont">&#xe665;</i> 上传</button>-->
            </div>
        </div>
        <#--<div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">缩略图：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div class="uploader-thum-container">
                    <div id="fileList" class="uploader-list"></div>
                    <div id="filePicker">选择图片</div>
                    <button id="btn-star" class="btn btn-default btn-uploadstar radius ml-10">开始上传</button>
                </div>
            </div>
        </div>-->

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>零件状态：</label>
			<div class="formControls col-xs-8 col-sm-9 skin-minimal">
                <div class="radio-box">
                    <input type="radio" id="sex-2" value="1" name="componentsStatus" checked>
                    <label for="sex-2">正常使用</label>
                </div>
				<div class="radio-box">
					<input name="componentsStatus" type="radio" value="0" id="sex-1" >
					<label for="sex-1">停止使用</label>
				</div>
			</div>
		</div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>零件成本：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value=""  id="componentsCost" name="componentsCost" placeholder="请输入零件成本，单位为元"  oninput= 'this.value = this.value.replace(/\D+/g, "")' onblur = 'this.value = this.value.replace(/\D+/g, "")'>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>零件重量：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="" id="componentsWeight" name="componentsWeight" placeholder="请输入零件重量，单位为克"  onkeyup="value=value.replace(/[^\d.]/g,'')" >
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>零件材料：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="" id="componentsMaterial" name="componentsMaterial" placeholder="请输入1-30位的材料，支持中文、字母、数字">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>材料类型：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <select class="select" size="1" name="componentsType" id="componentsType">
                    <option value ="1">塑胶件</option>
                    <option value ="2">五金件</option>
                    <option value ="3">其他</option>
                </select>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>MBSC：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value=""  id="componentsMbsc" name="componentsMbsc" placeholder="请输入MBSC">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">规格：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="" id="componentsSpecification" name="componentsSpecification" placeholder="请输入材料规格（允许为空）">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">备注：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <textarea name="componentsDesc" id="componentsDesc" cols="" rows="" class="textarea"  placeholder="请输入零件的备注（允许为空）" onKeyUp="$.Huitextarealength(this,100)"></textarea>
                <p class="textarea-numberbar"><em class="textarea-length">0</em>/100</p>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"></label>
        	<span class="c-red">*提示</span><span>：新增的零件，如果在机器生产有使用，请更新Bom单。</span>
        </div>
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
			</div>
		</div>
	</form>
</article>

<script type="text/javascript" src="${path}/common/kingedit/kindeditor.js"></script>
<script type="text/javascript" src="${path}/common/kingedit/lang/zh_CN.js"></script>

<script type="text/javascript" src="${path}/common/lib/webuploader/0.1.5/webuploader.min.js"></script>
<script type="text/javascript" src="${path}/common/lib/jquery/1.9.1/ajaxfileupload.js"></script>
<script type="text/javascript">

    /*KindEditor.ready(function(K) {
        var editor = K.editor({
            fileManagerJson : '${path}/common/kingedit/jsp/file_manager_json.jsp',
            uploadJson : '${path}/common/kingedit/jsp/upload_json.jsp',
            allowFileManager : true
        });
        K('#partsImg').click(function() {
            var imgid = $(this).attr("id");//获取当前ID
            editor.loadPlugin('image', function() {
                editor.plugin.imageDialog({
                    showRemote : false,
                    imageUrl : K('#componentsImg').val(),
                    clickFn : function(url, title, width, height, border, align) {
                        K('#partsImg').attr("src",url);
                        K('#componentsImg').val(url);
                        editor.hideDialog();
                        return false;
                    }
                });
            });
        });
    });*/
    $(function(){
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});
	
	$("#form-parts-add").validate({
		rules:{
            produceId:{
                required:true
            },
            componentsNo:{
				required:true,
				minlength:2,
				maxlength:11
			},
            componentsName:{
				required:true,
                minlength:2,
                maxlength:30
			},
            componentsCost:{
				required:true,
                minlength:1,
                maxlength:11
			},
            componentsWeight:{
                required:true,
                minlength:1,
                maxlength:11
            },
            componentsMaterial:{
                required:true,
                minlength:1,
                maxlength:30
            },
            componentsMbsc:{
                required:true,
                minlength:1,
                maxlength:1
            },
            componentsSpecification:{
                required:true,
                minlength:1,
                maxlength:50
            },
            componentsImg:{
                required:true,
                minlength:1,
                maxlength:100
            },
            componentsDesc:{
                minlength:1,
                maxlength:100
            }

		},
		onkeyup:false,
		focusCleanup:true,
		success:"valid",
		submitHandler:function(form){
            if($("#componentsImg").val() == null || $("#componentsImg").val() == ""){
                layer.msg('零件图片不能为空！', {icon: 2, time: 2000});
                return;
            }
			//$(form).ajaxSubmit();
            //var index = parent.layer.getFrameIndex(window.name);
			//parent.$('.btn-refresh').click();
            //parent.layer.close(index);
            $.ajax({
                cache: true,
                type: "POST",
                data: $("#form-parts-add").serialize(),
                url: "${path}/admin/machineParts/add_machineParts",
                async: false,
                success: function(data){
                    if (data.returnCode == 200) {
                        layer.msg('添加成功！', {icon: 1, time: 2000});
                        window.location.href = '${path}/admin/machineParts/_parts_list'
                    }else{
                        layer.msg('添加失败！', {icon: 2, time: 2000});
                    }
                },
                error: function(XmlHttpRequest, textStatus, errorThrown){
                    layer.msg('添加失败！', {icon: 2, time: 2000});
                }
            });

		}
	});
});


   /* $('#uploadSubmit').click(function() {*/
    $('#fileid').change(function() {
        fileUpload();
    });

    function fileUpload() {
        $.ajaxFileUpload({
            url:"${path}/admin/machineParts/fileUpload",
            secureuri:false,
            fileElementId:"fileid",//文件选择框的id属性
            dataType: 'json',   //json
            success: function (data) {
                if(data.returnCode == 200){
                    $('#componentsImg').val(data.returnMsg.imgUrl);
                    $('#partsImg').attr("src",root_path+data.returnMsg.imgUrl);
                    $("#fileid").remove();
                    /*<input type="file" name="file" id="fileid" style="opacity: 0; position: absolute; width: 90px;height: 80px;">*/
                    $("#fileDiv").prepend('<input type="file" name="file" id="fileid" style="opacity: 0; position: absolute; width: 90px;height: 80px;" onchange="fileUpload()">');
                }else{
                    layer.msg('上传失败，请重试!',{icon: 5,time:2000});
                }
            }
        });
    }
</script> 
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>