liujiankang
/
iamberry-common-parent
fork de hexiugang/iamberry-common-parent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
							<!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"/>
<#include "/base/add_base.ftl">
    <link href="${path}/common/lib/jquery.ui/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <style>
    </style>
    <title>添加Bom - Bom管理 - RST</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
    <span class="c-gray en">&gt;</span> Bom管理
    <span class="c-gray en">&gt;</span> 添加Bom
    <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-member-add">

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">修改基础：</label>
            <div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
				<select class="select" size="1" name="bomId">
                    <option value="0">不选择</option>
					<option value="1">净水机</option>
					<option value="2">冲奶机</option>
				</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"> <span class="select-box">
				<select class="select" size="1" name="produceId">
                <#if produceList?? &&  (produceList?size > 0) >
                    <#list produceList as produce>
                        <option value="${produce.produceId!}" <#if produceId??><#if produceId ==produce.produceId >selected="selected"</#if></#if>>${produce.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>Bom名称：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="" id="bomName" name="bomName"
                       placeholder="请输入1-30位的名称，支持中文、字母、数字">
            </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="bomRemarks" id="bomRemarks" cols="" rows="" class="textarea"
                          placeholder="Bom单备注，最多支持100字符" 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"><span class="c-red">*</span>Bom零件清单：</label>
            <div class="formControls col-xs-8 col-sm-9 components">
                <table class="table table-border table-bordered table-bg table-hover table-sort">
                    <thead>
                        <tr class="text-c">
                            <th width="150">选择零件</th>
                            <th width="60">零件数量</th>
                            <th width="20">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="text-c">
                            <td>
                                <select class="select" size="1" name="bomId" style="height: 30px;">
                                    <option value="">选择零件</option>
                                    <option value="1">净水机</option>
                                </select>
                            </td>
                            <td>
                                    <input type="text" class="input-text" value="" id="bomName" name="bomName" placeholder="零件数量">
                            </td>
                            <td>
                                <a style="" href="javascript:void(0);" title="编辑" onclick="">
                                    <i class="Hui-iconfont">&#xe609;</i>
                                </a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </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="button" value="&nbsp;&nbsp;新增零件&nbsp;&nbsp;" onclick="addComponents()">
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"></label>
            <span class="c-red">*提示</span><span>：新增的Bom，需要批次选中该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">

    $(function () {
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });

        $("#form-member-add").validate({
            rules: {
                bomId: {
                    required: true
                },
                produceId: {
                    required: true
                },
                bomName: {
                    required: true,
                    minlength:1,
                    maxlength:30
                },
                bomRemarks: {
                    required: true,
                    maxlength:30
                }
            },
            onkeyup: false,
            focusCleanup: true,
            success: "valid",
            submitHandler: function (form) {
                //$(form).ajaxSubmit();
                var index = parent.layer.getFrameIndex(window.name);
                //parent.$('.btn-refresh').click();
                parent.layer.close(index);
            }
        });
    });

    var allComponents;
    
    /* 添加零件 */
    function addComponents() {
        var tbody = $(".tbody");

        if(allComponents == null){ //获取
            allComponents = listComponent();
        }

        var html = '<tr class="text-c"> '
                +'<td> '
                +'<select class="select" size="1" name="" style="height: 30px;"> '
                +'<option value="">选择零件</option> '
                +' '
                +'</select> '
                +'</td> '
                +'<td> '
                +'<input type="text" class="input-text" value="" id="" name="" placeholder="零件数量"> '
                +'</td> '
                +'<td> '
                +'<a style="" href="javascript:void(0);" title="编辑" onclick=""> '
                +'<i class="Hui-iconfont">&#xe609;</i> '
                +'</a> '
                +'</td> '
                +'</tr>';
        
    }

    /*获取所有的零件*/
    function  listComponent() {
        $.ajax({
            type: "POST",
            data: data,
            url: "${path}/admin/employee/get_listComponents",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    window.location.href = '${path}//admin/employee/_employee_list'
                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
            }
        });
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>