caimei365
/
caimei365-manager


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417
							<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>项目订单管理</title>
	<meta name="decorator" content="default"/>
	<script type="text/javascript">
        $(document).ready(function() {
            //$("#name").focus();
            $("#inputForm").validate({
                ignore:"",
                submitHandler: function(form){
                    loading('正在提交，请稍等...');
                    form.submit();
                },
                errorContainer: "#messageBox",
                errorPlacement: function(error, element) {
                    $("#messageBox").text("输入有误，请先更正。");
                    if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
                        error.appendTo(element.parent().parent());
                    } else {
                        error.insertAfter(element);
                    }
                }
            });
            var lenght=${fn:length(projectOrder.clubsubbranchList)};
            for (var i=0;i<lenght;i++){
                loadCity(i);
            }
        });

        //项目单选
        function showProjectSingleSelect(){
            top.$.jBox("iframe:${ctx}/project/project/projectList_singleselect?enabledStatus=1", {
                iframeScrolling:'yes',
                width: $(top.document).width()-400,
                height: $(top.document).height()-160,
                persistent: true,
                title:"选择项目",
                bottomText:'请从可供选择的项目中选择一个',
                buttons:{"确定":'1',"关闭":'-1'},
                submit:function(v, h, f){
                    //确定
                    var $jboxFrame = top.$('#jbox-iframe');
                    var $mainFrame = top.$('#mainFrame');
                    if('1'==v && 1==$jboxFrame.size() && 1==$mainFrame.size()){
                        var items = $jboxFrame[0].contentWindow.getCheckedItems();
                        if(items.length>0){
                            //$jboxFrame[0].contentWindow.setBinding(items);
                            setProjectSingleSelect(items);
                            return true;
                        }else{
                            top.$.jBox.tip("请选择...");
                            return false;
                        }
                    }
                    return true;
                }
            });
        }

        function setProjectSingleSelect(items){
            var info = eval('(' + items[0] + ')');
            $(".label-projectName").text(info.name);
            $(".label-projectID").text("["+info.id+"]");
            $("#project\\.id").val(info.id);
            $("#project\\.name").val(info.name);
            // $("#inputForm").find("[name*='project.id']").val(info.id);
            // $("#inputForm").find("[name*='project.name']").val(info.name);
        }

        //服务商单选
        function showServiceproviderSingleSelect(type){
            top.$.jBox("iframe:${ctx}/project/projectOrder/serviceproviderList_singleselect", {
                iframeScrolling:'yes',
                width: $(top.document).width()-400,
                height: $(top.document).height()-160,
                persistent: true,
                title:"选择服务商",
                bottomText:'请从可供选择的项目中选择一个',
                buttons:{"确定":'1',"关闭":'-1'},
                submit:function(v, h, f){
                    //确定
                    var $jboxFrame = top.$('#jbox-iframe');
                    var $mainFrame = top.$('#mainFrame');
                    if('1'==v && 1==$jboxFrame.size() && 1==$mainFrame.size()){
                        var items = $jboxFrame[0].contentWindow.getCheckedItems();
                        if(items.length>0){
                            //$jboxFrame[0].contentWindow.setBinding(items);
                            setServiceproviderSingleSelect(items,type);
                            return true;
                        }else{
                            top.$.jBox.tip("请选择...");
                            return false;
                        }
                    }
                    return true;
                }
            });
        }

        function setServiceproviderSingleSelect(items,type){
            var info = eval('(' + items[0] + ')');
            if('1'==type){
                $(".label-serverSpName").text(info.name);
                $(".label-serverSpID").text("["+info.id+"]");
                $("#serverSp\\.id").val(info.id);
                $("#serverSp\\.name").val(info.name);
            }else if('2'==type){
                $(".label-makerSpName").text(info.name);
                $(".label-makerSpID").text("["+info.id+"]");
                $("#makerSp\\.id").val(info.id);
                $("#makerSp\\.name").val(info.name);
            }
        }

        //会所单选
        function showClubSingleSelect(){
            top.$.jBox("iframe:${ctx}/project/projectOrder/clubList_singleselect", {
                iframeScrolling:'yes',
                width: $(top.document).width()-400,
                height: $(top.document).height()-160,
                persistent: true,
                title:"选择会所",
                bottomText:'请从可供选择的项目中选择一个',
                buttons:{"确定":'1',"关闭":'-1'},
                submit:function(v, h, f){
                    //确定
                    var $jboxFrame = top.$('#jbox-iframe');
                    var $mainFrame = top.$('#mainFrame');
                    if('1'==v && 1==$jboxFrame.size() && 1==$mainFrame.size()){
                        var items = $jboxFrame[0].contentWindow.getCheckedItems();
                        if(items.length>0){
                            //$jboxFrame[0].contentWindow.setBinding(items);
                            setClubSingleSelect(items);
                            return true;
                        }else{
                            top.$.jBox.tip("请选择...");
                            return false;
                        }
                    }
                    return true;
                }
            });
        }

        function setClubSingleSelect(items){
            var info = eval('(' + items[0] + ')');
            $(".label-clubName").text(info.name);
            $(".label-clubID").text("["+info.id+"]");
            $("#club\\.id").val(info.id);
            $("#club\\.name").val(info.name);
            $("#clubContactMobile").val(info.contractMobile);
        }


        //新增
        function addRow(list, idx, tpl, row){
            $(list).append(Mustache.render(tpl, {
                idx: idx, delBtn: true, row: row
            }));
            $(list+idx).find("select").each(function(){
                $(this).val($(this).attr("data-value"));
            });
            $(list+idx).find("input[type='checkbox'], input[type='radio']").each(function(){
                var ss = $(this).attr("data-value").split(',');
                for (var i=0; i<ss.length; i++){
                    if($(this).val() == ss[i]){
                        $(this).attr("checked","checked");
                    }
                }
            });
        }

        //删除
        function delRow(obj, prefix){
            var id = $(prefix+"\\.id");
            var delFlag = $(prefix+"\\.delFlag");
            if (id.val() == ""){
                $(obj).parent().parent().remove();
            }else if(delFlag.val() == "0"){
                delFlag.val("1");
                $(obj).html("&divide;").attr("title", "撤销删除");
                $(obj).parent().parent().addClass("error");
            }else if(delFlag.val() == "1"){
                delFlag.val("0");
                $(obj).html("&times;").attr("title", "删除");
                $(obj).parent().parent().removeClass("error");
            }
        }

        //加载省级城市
        function loadCity(index){
            var provinceId=$('#clubsubbranchList'+index+'\\.provinceId option:selected').val(); //取得下拉选单的选取值
            if(null!=provinceId && ''!=provinceId){
                $.post('/area/loadCity',{provinceId: provinceId},function(data){
                    if(null!=data && ''!=data){
                        var model = "<option value=''>请选择</option>";
                        var label="";
                        $('#clubsubbranchList'+index+'\\.cityId option').remove();//清除上次选择的
                        var cityId=$('#clubsubbranchList'+index+'city').val(); //取得下拉选单的选取值
                        for (var i = 0; i < data.length; i++) {
                            if(data[i].id==cityId){
                                model += "<option value='" + data[i].id + "' selected='selected'>" + data[i].name + "</option>";
                                label=data[i].id;
                            }else{
                                model += "<option value='" + data[i].id + "'>" + data[i].name + "</option>";
                            }
                        }
                        $('#clubsubbranchList'+index+'\\.cityId').append(model);
                        $('#clubsubbranchList'+index+'\\.cityId').select2("val",label);
                        if(''!=cityId && null!=cityId){
                            loadTown(index);
                        }
                    }
                });
            }else{
                var model="";
                $('#clubsubbranchList'+index+'\\.cityId option').remove();//清除上次选择的
                model="<option value='' label='市'/>";
                $('#clubsubbranchList'+index+'\\.cityId').append(model);
                $('#clubsubbranchList'+index+'\\.townId option').remove();//清除上次选择的
                model="<option value='' label='区'/>";
                $('#clubsubbranchList'+index+'\\.townId').append(model);
            }
        }

        //加载市级区
        function loadTown(index){
            var cityId=$('#clubsubbranchList'+index+'\\.cityId option:selected').val(); //取得下拉选单的选取值
            if(null!=cityId && ''!=cityId){
                $.post('/area/loadTown',{cityId: cityId},function(data){
                    if(null!=data && ''!=data){
                        var model = "<option value=''>请选择</option>";
                        var label="";
                        $('#clubsubbranchList'+index+'\\.townId option').remove();//清除上次选择的
                        var townId=$('#clubsubbranchList'+index+'town').val(); //取得下拉选单的选取值
                        for (var i = 0; i < data.length; i++) {
                            if(data[i].id==townId){
                                model += "<option value='" + data[i].id + "' selected='selected'>" + data[i].name + "</option>";
                                label=data[i].id;
                            }else{
                                model += "<option value='" + data[i].id + "'>" + data[i].name + "</option>";
                            }
                        }
                        $('#clubsubbranchList'+index+'\\.townId').append(model);
                        $('#clubsubbranchList'+index+'\\.townId').select2("val",label);
                    }
                });
            }else{
                var model="";
                $('#clubsubbranchList'+index+'\\.townId option').remove();//清除上次选择的
                model="<option value='' label='区'/>";
                $('#clubsubbranchList'+index+'\\.townId').append(model);
                $('#clubsubbranchList'+index+'\\.townId').select2("val"," ");
            }
        }
	</script>
</head>
<body>
<ul class="nav nav-tabs">
	<li><a href="${ctx}/project/projectOrder/">项目订单列表</a></li>
	<li class="active"><a href="${ctx}/project/projectOrder/form1?id=${projectOrder.id}">项目订单查看</a></li>
</ul><br/>
<form:form id="inputForm" modelAttribute="projectOrder" action="${ctx}/project/projectOrder/save" method="post" class="form-horizontal">
	<form:hidden path="id"/>
	<sys:message content="${message}"/>
	<div class="control-group">
		<label class="control-label"><span class="help-inline"><font color="red">*</font></span>项目：</label>
		<div class="controls">
			<label class="label-projectName">${projectOrder.project.name}</label>
			<label class="label-projectID">${empty projectOrder.project.id ? '' : '[' }${projectOrder.project.id}${empty projectOrder.project.id ? '' : ']' }</label>
		</div>
	</div>
	<div class="control-group">
		<label class="control-label"><span class="help-inline"><font color="red">*</font></span>项目业务员：</label>
		<div class="controls">
			<label class="label-serverSpName">${projectOrder.serverSp.name}</label>
			<label class="label-serverSpID">${empty projectOrder.serverSp.id ? '' : '[' }${projectOrder.serverSp.id}${empty projectOrder.serverSp.id ? '' : ']' }</label>
		</div>
	</div>
	<div class="control-group">
		<label class="control-label">创客：</label>
		<div class="controls">
			<label class="label-makerSpName">${projectOrder.makerSp.name}</label>
			<label class="label-makerSpID">${empty projectOrder.makerSp.id ? '' : '[' }${projectOrder.makerSp.id}${empty projectOrder.makerSp.id ? '' : ']' }</label>
		</div>
	</div>
	<div class="control-group">
		<label class="control-label">美导：</label>
		<div class="controls">
			<c:forEach items="${projectOrder.mentorSps}" var="item" varStatus="s">
				<c:if test="${s.index gt 0}">,</c:if>
				<label>${item.name}</label>
			</c:forEach>
		</div>
	</div>
	<div class="control-group">
		<label class="control-label">打款账号：</label>
		<div class="controls">
			<label>${projectOrder.remitAccount}</label>
		</div>
	</div>
	<div class="control-group">
		<label class="control-label"><span class="help-inline"><font color="red">*</font></span>会所：</label>
		<div class="controls">
			<label class="label-clubName">${projectOrder.club.name}</label>
			<label class="label-clubID">${empty projectOrder.club.id ? '' : '[' }${projectOrder.club.id}${empty projectOrder.club.id ? '' : ']' }</label>
		</div>
	</div>
	<div class="control-group">
		<label class="control-label"><span class="help-inline"><font color="red">*</font></span>会所联系电话：</label>
		<div class="controls">
			<label>${projectOrder.clubContactMobile}</label>
		</div>
	</div>
	<div class="control-group">
		<label class="control-label">门店：</label>
		<div class="controls">
			<table id="contentTable" class="table table-striped table-bordered table-condensed">
				<thead>
				<tr>
					<th class="hide"></th>
					<th>地址</th>
					<th>店名</th>
				</tr>
				</thead>
				<tbody id="clubsubbranchList">
				<c:forEach items="${projectOrder.clubsubbranchList}" var="item" varStatus="s">
					<tr>
						<td class="hide">
							<form:hidden path="clubsubbranchList[${s.index}].id"/>
							<form:hidden path="clubsubbranchList[${s.index}].delFlag" value="0"/>
						</td>
						<td><span class="help-inline"><font color="red">*</font></span>
							<form:select path="clubsubbranchList[${s.index}].provinceId"  class="input-small required" onchange="loadCity('${s.index}')" disabled="true">
								<form:option value="" label="省"/>
								<form:options items="${provinces}" itemLabel="name" itemValue="id" htmlEscape="false"/>
							</form:select>
							<input type="hidden" id="clubsubbranchList${s.index}province" value="${item.provinceId}">
							<form:select path="clubsubbranchList[${s.index}].cityId" class="input-small required" onchange="loadTown('${s.index}')" disabled="true">
								<form:option value="" label="市"/>
							</form:select>
							<input type="hidden" id="clubsubbranchList${s.index}city" value="${item.cityId}">
							<form:select path="clubsubbranchList[${s.index}].townId"  class="input-small required" disabled="true">
								<form:option value="" label="区"/>
							</form:select>
							<input type="hidden" id="clubsubbranchList${s.index}town" value="${item.townId}">
							<label>${item.addressDetails}</label>
						</td>
						<td style="width:40%;">
							<label>${item.name}</label>
						</td>
					</tr>
				</c:forEach>
				</tbody>
			</table>
			<script type="text/template" id="clubsubbranchTpl">//<!--
						<tr id="clubsubbranchList{{idx}}">
							<td class="hide">
								<input id="clubsubbranchList{{idx}}.id" name="clubsubbranchList[{{idx}}].id" type="hidden" value="{{row.id}}"/>
								<input id="clubsubbranchList{{idx}}.delFlag" name="clubsubbranchList[{{idx}}].delFlag" type="hidden" value="0"/>
							</td>
							<td><span class="help-inline"><font color="red">*</font></span>
								<select id="clubsubbranchList{{idx}}.provinceId" name="clubsubbranchList[{{idx}}].provinceId" value="{{row.provinceId}}" class="input-mini" onchange="loadCity('{{idx}}')">
									<option value="" label="省" provinceId=""/>
									<c:forEach items="${provinces}" var="province" varStatus="s">
										<option value="${province.id}" label="${province.name}"/>
									</c:forEach>
								</select>
								<input type="hidden" id="clubsubbranchList{{idx}}province" value="{{row.provinceId}}">
								<select id="clubsubbranchList{{idx}}.cityId" name="clubsubbranchList[{{idx}}].cityId" class="input-medium" onchange="loadTown('{{idx}}')">
									<option value="" label="市"/>
								</select>
								<select id="clubsubbranchList{{idx}}.townId" name="clubsubbranchList[{{idx}}].townId" class="input-medium">
									<option value="" label="区"/>
								</select>
								<input id="clubsubbranchList{{idx}}.addressDetails" name="clubsubbranchList[{{idx}}].addressDetails" type="text" value="{{row.addressDetails}}" maxlength="200" class="input-xxlarge required"/>
							</td>
							<td style="width:40%;">
								<input id="clubsubbranchList{{idx}}.name" name="clubsubbranchList[{{idx}}].name" type="text" value="{{row.name}}" maxlength="50" class="input-xlarge required" placeholder="填写地址对应店名"/>
							</td>
							<td class="text-center" width="10">
								{{#delBtn}}<span class="close" onclick="delRow(this, '#clubsubbranchList{{idx}}')" title="删除">&times;</span>{{/delBtn}}
							</td>
						</tr>//-->
			</script>
			<script type="text/javascript">
                var clubsubbranchRowIdx = ${fn:length(projectOrder.clubsubbranchList)}, clubsubbranchTpl = $("#clubsubbranchTpl").html().replace(/(\/\/\<!\-\-)|(\/\/\-\->)/g,"");
                $(document).ready(function() {
                    <%--var data = ${fns:toJson(projectOrder.clubsubbranchList)};--%>
                    <%--for (var i=0; i<data.length; i++){--%>
                    <%--addRow('#clubsubbranchList', clubsubbranchRowIdx, clubsubbranchTpl, data[i]);--%>
                    <%--clubsubbranchRowIdx = clubsubbranchRowIdx + 1;--%>
                    <%--}--%>
                });
			</script>
		</div>
	</div>
	<div class="control-group">
		<label class="control-label"><span class="help-inline"><font color="red">*</font></span>开始时间：</label>
		<div class="controls">
			<label><fmt:formatDate value="${projectOrder.startDate}" pattern="yyyy-MM-dd"/></label>
		</div>
	</div>
	<div class="control-group">
		<label class="control-label"><span class="help-inline"><font color="red">*</font></span>结束时间：</label>
		<div class="controls">
			<label><fmt:formatDate value="${projectOrder.endDate}" pattern="yyyy-MM-dd"/></label>
		</div>
	</div>
	<div class="form-actions">
		<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
	</div>
</form:form>
</body>
</html>