hexiugang
/
iamberry-common-parent


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
							<!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="${path}/admin/bom/update_bom" method="post" class="form form-horizontal" id="form-bom-update">

        <input type="hidden" value="${ptsBom.bomId}" id="bomId" name="bomId">
        <input type="hidden" value="${ptsBom.produceId}" id="produceId" name="produceId">

        <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" disabled="disabled" style="background: #eee;">
                <#if produceList?? &&  (produceList?size > 0) >
                    <#list produceList as produce>
                        <option value="${produce.produceId}" <#if ptsBom.produceId??><#if ptsBom.produceId == produce.produceId >selected="selected" </#if></#if>>${produce.produceName}</option>
                    </#list>
                </#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="${ptsBom.bomName}" id="bomName" name="bomName" placeholder="请输入1-20位的名称，支持中文、字母、数字" datatype="/^[a-zA-Z0-9\u4e00-\u9fa5]{1,20}$/" errormsg="请输入1-20位的名称，支持中文、字母、数字！">
            </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)" >${ptsBom.bomRemarks ! ''}</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">
                <input type="hidden" id="bomComponentJson" name="bomComponentJson">
                <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 id="componentaAll">
                        <#if ptsBom.ptsBomComponentsList?? &&  (ptsBom.ptsBomComponentsList?size > 0) >
                            <#list ptsBom.ptsBomComponentsList  as bomComponents>
                            <tr class="text-c">
                                <td>
                                    <select class="select" size="1" name="comName" style="height: 30px;">
                                        <#list ptsComponentsList as ptsComponents>
                                            <option value="${ptsComponents.componentsId}" <#if bomComponents.componentsId == ptsComponents.componentsId >selected="selected"</#if>>${ptsComponents.componentsName}(${ptsComponents.componentsNo})</option>
                                        </#list>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="input-text" value="${bomComponents.bomComponentsQuantity}" id="" name="comNumber" placeholder="零件数量" datatype="n1-3" errormsg="零件数量不能超过999件！">
                                </td>
                                <td>
                                    <a style="" href="javascript:void(0);" title="删除" onclick="delComponent(this,1)"> <i class="Hui-iconfont"></i> </a>
                                </td>
                            </tr>
                            </#list>
                        </#if>
                    </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(){
        $("#form-bom-update").Validform({
            tiptype: function (msg, o, cssctl) {
                if (o.type == 3) {//失败
                    layer.msg(msg, {icon: 5, time: 3000});
                    $(window).scrollTop(o.obj.offset().top - 40);
                }
            },
            datatype: {//自定义验证类型
                "select": function (gets, obj, curform, regxp) {
                    if (gets == "") {
                        return false;
                    } else {
                        return true;
                    }
                }
            },
            ignoreHidden: true,
            tipSweep: true, //若为true，则只在表单提交时验证
            ajaxPost: true, //异步提交
            beforeCheck: function (curform) {  //验证通过之前执行的函数
            },
            beforeSubmit: function (curform) {  //验证通过之后执行的函数
                var ptsBomComponentsList =  new Array();
                $("#componentaAll").find("tr").each(function (){
                    var ptsBomComponents = {};
                    ptsBomComponents.componentsId = $(this).find("[name='comName']").eq(0).val();
                    ptsBomComponents.bomComponentsQuantity = $(this).find("[name='comNumber']").eq(0).val();
                    ptsBomComponentsList.push(ptsBomComponents);
                })
                $("#bomComponentJson").val(JSON.stringify(ptsBomComponentsList));
            },
            callback: function (data) {//异步回调函数
                if (data) {
                    var index = layer.alert(data.resultMsg, function () {
                        if (data.resultCode == 200 ) {
                            location.href = "${path}/admin/bom/_bom_list";
                        } else {
                            layer.close(index);
                        }
                    });
                }
            }
        });
    })


    var allComponents;  //所有零件的集合

    $(function () {
    })

    /* 添加零件 */
    function addComponents(componentsId,number) {
        var tbody = $("#componentaAll");

        if(allComponents == null){ //获取零件列表
            var produceId = $("[name='produceId']").val();
            allComponents = listComponent(produceId);
        }
        var opHtml = '';
        for(var i=0;i<allComponents.length;i++){
            var components = allComponents[i];
            var isSelect = '';
            if(componentsId == components.componentsId){
                isSelect = 'selected="selected"';
            }
            opHtml += '<option value="'+ components.componentsId +'" '+ isSelect +'>'+ components.componentsName +'('+ components.componentsNo + ')</option>';
        }
        var html = '<tr class="text-c"> '
                +'<td> '
                +'<select class="select" size="1" name="comName" style="height: 30px;"> '
                +''
                + opHtml
                +'</select> '
                +'</td> '
                +'<td> '
                +'<input type="text" class="input-text" value="'+ number +'" id="" name="comNumber" placeholder="零件数量" datatype="n1-3" errormsg="零件数量不能超过999件！"> '
                +'</td> '
                +'<td> '
                +'<a style="" href="javascript:void(0);" title="删除" onclick="delComponent(this,1)"> '
                +'<i class="Hui-iconfont">&#xe609;</i> '
                +'</a> '
                +'</td> '
                +'</tr>';
        tbody.append(html);
    }

    /*删除零件  type=all时删除所有的零件 */
    function delComponent(node,type) {
        if(type == "all"){
            $("#componentaAll").find("tr").each(function () {
                $(this).remove();
            })
        }else{
            $(node).parent().parent().remove();
        }
    }

    /*获取所有的零件*/
    function  listComponent(produceId) {
        var list = new Array();
        $.ajax({
            type: "POST",
            data: {
                produceId : produceId
            },
            url: "${path}/admin/bom/get_listComponents",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    list = data.returnMsg.ptsComponentsList;
                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
            }
        });
        return list;
    }

    /*获取bom信息，赋值在页面上*/
    function getBom(bomId){
        var bom = new Object();
        $.ajax({
            type: "POST",
            data: {
                bomId : bomId
            },
            url: "${path}/admin/bom/get_bom",
            async: false,
            success: function(data){
                if (data.returnCode == 200) {
                    bom = data.returnMsg.ptsBom;
                }
            },
            error: function(XmlHttpRequest, textStatus, errorThrown){
            }
        });

        if(bom != null && bom.bomId != null){
            $("#bomName").val(bom.bomName);
            $("#bomRemarks").val(bom.bomRemarks);
            delComponent(0,"all");
            var components = bom.ptsBomComponentsList;
            if(components != null && components.length > 0){
                for(var i=0;i<components.length;i++){
                    addComponents(components[i].componentsId,components[i].bomComponentsQuantity);
                }
            }
        }else{
            defaultAllInput();
        }
    }

    /*当选择产品或者bom不选择时，都需要重置所有的输入框和表格*/
    function defaultAllInput() {
        $("#bomName").val("");
        $("#bomRemarks").val("");
        delComponent(0,"all");
        addComponents("#","");
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>