JavaScript工作学习总结

1. 前端事件方法传值

  1. 每个实体都默认有一个id:buta.deceased_id as “id”,在xml查询出id,便可以到对应的前台获取到他的值
<a onclick="update('${bzDeceased.id}','${bzDeceased.id}')">修改
</a>,//function对应接就行

function update(id1,id2) {            top.$.jBox.open("iframe:${ctx}/bz/unclaimed/clearance/saveClearance?deceasedId="+id,
                "核算总金额", 650, 190, {
                    buttons: {"关闭": true}, submit: function (v, h, f) {
                        if (v == "ok") {
                        } else if (v == "clear") {
                        }

                    }, loaded: function (h) {
                        $(".jbox-content", top.document).css("overflow-y", "hidden");
                    }, opacity: 0.5, persistent: true, top: '5%',
                    closed: function () {
                        window.location.href = "${ctx}//bz/unclaimed/clearance/getclearanceTime";
                    }
                })
        }

2. input输入框默认值

value="${bzUnclaimedClearance.staffAmount}"

在这里插入图片描述
在这里插入图片描述

3. URL路径拼值

 var url = "${ctx}/bz/unclaimed/printAndExport?ids=" + arr +"&startCremationDate=" + startCremationDate + "&endCremationDate=" +endCremationDate + "&beginDeathDate=" + beginDeathDate + "&endDeathDate=" + endDeathDate + "&printExport=" + printExport`

4. 前端获取值得两种形式

let a = $("#staffAmount").val() //通过id获取,需要加val(),在后面写值的话就是更改值不写就是获取值
let b = ${deceasedId} // 后台直接model来的,可以直接获取不需要#获取,例如: model.addAttribute("deceasedId", bzUnclaimedClearance.getDeceasedId());

5.@ResponseBody

后台传值到前台需要解析字符串需要在类上加上@ResponseBody,不然前端无法接收解析

   /**
     * 保存清仓取灰核算总金额
     */
    @RequestMapping("/find")
    @ResponseBody
    public Msg find(BzUnclaimedClearance bzUnclaimedClearance, HttpServletResponse response, HttpServletRequest httpServletRequest, RedirectAttributes redirectAttributes){
        Msg msg = new Msg();
        bzUnclaimedClearanceService.saveClearance(bzUnclaimedClearance);
        msg.setFlag(1 + "");
        return msg;
    }

6.Ajax

  function saveAudit(closed){
            top.$.jBox.confirm('是否要保存?','系统提示',function(v,h,f){
                if(v=='ok') {
                    // alert("jinlaile")
                    var staffAmount = $("#staffAmount").val();
                    if ( staffAmount == null || staffAmount == '' ){
                        top.$.jBox.tip('核算总金额不能为空', 'error');
                        return false;
                    } else {
                        $.ajax({
                            type:"post",
                            url: "${ctx}/bz/unclaimed/clearance/find",
                            dataType:"JSON",
                            async:true,
                            data:{
                                'staffAmount':$("#staffAmount").val(),
                                'deceasedId':'${deceasedId}'//debugger是不进入这里的但是也会执行,要查看是否有值alert查看,这是ajax机制
                            },
                            success:function (data){
                                debugger
                                // console.log(data)
                                if(data.flag == '1'){ //后台的msg塞得值,来判断是否能执行成功
                                    $.jBox.tip("保存成功", 'success');
                                }else{
                                    $.jBox.tip(data.content, 'error');
                                }
                                setTimeout(function () {
                                    window.parent.window.jBox.close();
                                },1000);
                            }
                        })
                    }

                }
        },{buttonsFocus:1, closed:function(){
            if (typeof closed == 'function') {
                closed();
            }
        }});
        top.$('.jbox-body .jbox-icon').css('top','55px');
        return false;
        }

7.前端判空

  • 前端直接这样判空即可
objDece.deathNumber

8.数据遍历table,前端判断

<%@ taglib prefix="s" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<meta name="decorator" content="default" />
	<script src="${ctxStatic}/code/createQrcode.js"></script>
	<script src="${ctxStatic}/lodop/LodopFuncs.js" type="text/javascript"></script>
	<style>
		.fontSize {
			font-size: 16px;
		}
		/*到当前容器的下边的距离*/
		.row-inner{
			padding-bottom: 10px;
		}
		p{
			letter-spacing: 3px;
		}
	</style>
	<script src="${ctxStatic}/Calculation.js" type="text/javascript"></script>
	<script type="text/javascript">
		var currDate = "";

		$(document).ready(function() {
			$("#jedx").html(ToString($("#zje").html()));
			generateCode();
			generateTaxCode();
			generateBossCode();
			amount();
			sum();
			//去掉页面右上角的菜单栏图案
			$("#btnMenu").css("display", "none");
			$("#bossType").css("display", "none");
			$("#bossQrcode").css("display", "none");
			var bossType = $("#bossType").text().trim();
			if(bossType =='true'){
			    $("#bossQrcode").show();    
			}
			
		});



		//			var LODOP;
		function printTable() {
			// LODOP = getLodop();
			// LODOP.PRINT_INIT(name + "测试打印");
			// //LODOP.PRINT_DEFAULTSOURCE = 7;//选择打印机的纸盒
			// LODOP.PRINT_INITA(0, 0, '100%', '100%', "");
			// LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4"); //A4纸 1竖版 2横版
			// LODOP.ADD_PRINT_HTM(0, 0, '100%', '100%', document.getElementById("ngt").innerHTML);
			//LODOP.PRINT_DESIGN();
			//LODOP.PRINT();      //打印
			//	LODOP.PREVIEW(); //打印预览
			window.print();
		}

		//隐藏协议书打印
		var i = 1;
		function printTableData(obj){
			if(i == 1){
				$("#xys").css('display','none');
				$(obj).val('显示消费协议书');
				i = 2;
			}else if(i == 2){
				$("#xys").css('display','');
				$(obj).val('隐藏消费协议书');
				i =1;
			}



		}

		function ToString(str) {

			var num = parseFloat(str);
			var strOutput = "",
					strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分';
			num += "00";
			var intPos = num.indexOf('.');
			if (intPos >= 0){
				num = num.substring(0, intPos) + num.substr(intPos + 1, 2);
			}
			strUnit = strUnit.substr(strUnit.length - num.length);
			for (var i=0; i < num.length; i++){
				strOutput += '零壹贰叁肆伍陆柒捌玖'.substr(num.substr(i,1),1) + strUnit.substr(i,1);
			}
			return strOutput.replace(/零角零分$/, '整').replace(/[仟佰拾]/g, '零').replace(/{2,}/g, '零').replace(/([亿|])/g, '$1').replace(/+/, '元').replace(/亿零{0,3}/, '亿').replace(/^/, "零元")
		}
		
		//开财发票
		async function generateBossCode(){
			// var arr=new Array();
			// var negotiationConsumelist=new Object();
			// var documentsNo = $("#documentsNo").html();
			// negotiationConsumelist.documentsNo=documentsNo;
			// negotiationConsumelist.clazz="negotiationConsumelist";
			// arr.push(negotiationConsumelist);
			// var jsonString=jsonString=JSON.stringify(arr);
            var str = "${onlineWork}/gzbz/#/resfult/source/wirteIssueHead?type=1&personFlag=0&state=1005";
			var qrcode = new QRCode(document.getElementById("bossQrcode"), {
				text: str,
				width: 128,
				height: 128,
				colorDark : "#000000",
				colorLight : "#ffffff",
				correctLevel : QRCode.CorrectLevel.H
			});

			var canvas = $("#bossQrcode").find("canvas")[0];
			//S("#h5").html(canvas)
			//await addToPrint(canvas,serialNumber,name,position);

		}
		
		//开税发票
		async function generateTaxCode(){
			// var arr=new Array();
			// var negotiationConsumelist=new Object();
			// var documentsNo = $("#documentsNo").html();
			// negotiationConsumelist.documentsNo=documentsNo;
			// negotiationConsumelist.clazz="negotiationConsumelist";
			// arr.push(negotiationConsumelist);
			// var jsonString=jsonString=JSON.stringify(arr);
            var str = "${onlineWork}/gzbz/#/resfult/source/wirteIssueHead?type=2&personFlag=0&state=1005";
			var qrcode = new QRCode(document.getElementById("taxQrcode"), {
				text: str,
				width: 128,
				height: 128,
				colorDark : "#000000",
				colorLight : "#ffffff",
				correctLevel : QRCode.CorrectLevel.H
			});

			var canvas = $("#taxQrcode").find("canvas")[0];
			//S("#h5").html(canvas)
			//await addToPrint(canvas,serialNumber,name,position);

		}
		//收费
		async function generateCode(){
			// var arr=new Array();
			// var negotiationConsumelist=new Object();
			// var documentsNo = $("#documentsNo").html();
			// negotiationConsumelist.documentsNo=documentsNo;
			// negotiationConsumelist.clazz="negotiationConsumelist";
			// arr.push(negotiationConsumelist);
			// var jsonString=jsonString=JSON.stringify(arr);
        var str = "${onlineWork}/market-api/weChat/auth?source=${negotiationConsumelist.documentsNo }" + "&state=1003";
			var qrcode = new QRCode(document.getElementById("qrcode"), {
				text: str,
				width: 128,
				height: 128,
				colorDark : "#000000",
				colorLight : "#ffffff",
				correctLevel : QRCode.CorrectLevel.H
			});

			var canvas = $("#qrcode").find("canvas")[0];
			//S("#h5").html(canvas)
			//await addToPrint(canvas,serialNumber,name,position);

		}
		function amount(){
			var amount = accSub(${negotiationConsumelist.amount},${reductionM});
			var total = '合计:¥'+amount+'元';
			$(".total").text(total)
		}

		function sum(){
			//debugger
			var sum = Math.abs(${reductionM});
			var money ='上表中负数表示政府减免的分项,本单合计已享受政府减免'+sum+'元。';
			$(".money").text(money);
		}




	</script>
</head>
<body>
<br>
<div id="myTabContent" class="" style="overflow: hidden; float: left;width: 100%;height: 100%">
	<div id="ngt" style="display: flex; flex-direction: column;page-break-after: always;width: 730px">
		<div>
			<h3 style="margin-left: 310px">
				<font style="font-size: 35px;">收费清单</font>
			</h3>
			<div style="width:100%; margin: 10px 0px 0px 35px;height:160px;">
			 	<div id="qrcode"  style="float: left;margin-left:25px" class="${negotiationConsumelist.tag eq '2'?'':'hide'}">微信支付</div>
				<div id="taxQrcode" style="float: left;margin-left: 145px;">税票</div>
				
				<div id="bossQrcode" style="float: left;margin-left: 145px;">财票</div>
				
				</div>
			<span style="margin: 10px 0px 400px 475px;"><font style="font-size: 18px; ">单据号 No.</font><font id="documentsNo" style="font-size: 22px; color: red">${negotiationConsumelist.documentsNo }</font></span>
		</div>
		<div>
			<table border="1" style="width: 700px; text-align: center; border-collapse: collapse; margin-left: 35px; float: left;">
				<%--					<tr style="height: 40px;">--%>
				<%--						<td align="left" colspan="6">&nbsp;丧事办理人(单位):<span>${negotiationConsumelist.transactorName }</span></td>--%>
				<%--					</tr>--%>

				<tr style="height: 30px; align-content: center;font-weight: bolder">
					<td colspan="1">&nbsp;死者编号</td>
					<td colspan="2" >&nbsp;<span>${negotiationConsumelist.serialNumber}</span></td>
					<td colspan="1">&nbsp;死者姓名</td>
					<td colspan="2"><span>${negotiationConsumelist.actualName}</span></td>
				</tr>

				<tr style="height: 30px;font-weight: 900;font-size: 15px">
					<td colspan="3" align="left" >&nbsp;&nbsp;&nbsp;出殡日期:${bzYsgl.beginFuneralTime} 
					<%-- &nbsp;	${bzYsgl.bzCbbc.remarks} --%>
						房号:
						<c:if test="${bzYsgl.bzLfglName ne null}">
							${bzYsgl.bzLfglName}</c:if>
						</td>
					<td colspan="3" >&nbsp;请丧事办理人本人带身份证原件准时到达</td>
				</tr>

				<tr style="height: 30px; align-content: center">
					<td colspan="1">&nbsp;丧事办理人</td>
					<td colspan="2" >&nbsp;<span>${bzDeceased.bzUndertake.undertakeName}</span></td>
					<td colspan="1">&nbsp;承办单位</td>
					<td colspan="2"><span></span></td>
				</tr>





				<%--					<tr style="height: 40px;">--%>
				<%--						<td colspan="3" align="left" style="">&nbsp;本结算单包含死者数:<span>1</span></td>--%>
				<%--						<td colspan="3" align=left>&nbsp;结算日期:<span><fmt:formatDate value="${negotiationConsumelist.negotiationTime }" pattern="yyyy-MM-dd" /></span></td>--%>
				<%--					</tr>--%>

				<tr style="height: 30px;">
					<td style="width: 205px">项目名称</td>
					<td style="width: 70px">数量</td>
					<td style="width: 70px">金额</td>
					<td style="width: 205px">项目名称</td>
					<td style="width: 70px">数量</td>
					<td style="width: 70px">金额</td>
				</tr>

				<tr>
					<c:forEach items="${negotiationConsumelist.consumelistProjectRelationList }" var="cprlist" varStatus="status">
					<c:if test= "${not empty cprlist.doorForehead}">
						<c:set value="${cprlist.doorForehead}" var="doorForehead"/>
					</c:if>
					<c:if test= "${not empty cprlist.doorInsidehead}">
						<c:set value="${cprlist.doorInsidehead}" var="doorInsidehead"/>
					</c:if>
					
					<c:if test= "${not empty cprlist.paintedDoorForehead}">
						<c:set value="${cprlist.paintedDoorForehead}" var="paintedDoorForehead"/>
					</c:if>
					<c:if test= "${not empty cprlist.paintedDoorInsidehead}">
						<c:set value="${cprlist.paintedDoorInsidehead}" var="paintedDoorInsidehead"/>
					</c:if>
					
					<c:if test="${cprlist.chargeType eq '1'}">
						<c:if test="${((cprlist.totalPrice < 0) or (cprlist.totalPrice > 0))}">
							
							<span id="bossType" class="hide">true</span>
						</c:if>
					</c:if>
					<td style="width: 205px">${cprlist.name }<c:if test="${cprlist.chargeGoodsTaxable=='3'}"><span style="color: red">*</span></c:if></td>
					<td style="width: 70px">${cprlist.prodCount }</td>
					<td style="width: 70px">${cprlist.unitPrice=="0.00"?cprlist.totalPrice:cprlist.prodCount*cprlist.unitPrice }</td>
					<c:if test="${status.count==fn:length(negotiationConsumelist.consumelistProjectRelationList) && status.count%2==1 }">
						<td style="width: 205px"></td>
						<td style="width: 70px"></td>
						<td style="width: 70px"></td>
					</c:if>
					<c:if test="${status.count%2==0 }">
				</tr>
				<tr>
					</c:if>
					</c:forEach>

					<c:if test="${fn.length(listReduction)!=0 }">
				<tr>
					<td colspan="3">总金额</td>
					<td colspan="3" class="total"></td>
				</tr>
				<tr>
					</c:if>

					<c:forEach items="${listReduction}" var="cpr" varStatus="idx">
						
							<td style="width: 205px">${cpr.name }</td>
							<td style="width: 70px">${cpr.prodCount}</td>
							<td style="width: 70px">${cpr.reductionMoney}</td>
						


					<c:if test="${status.count==fn:length(listReduction) && idx.count%2==1 }">
						<td style="width: 205px"></td>
						<td style="width: 70px"></td>
						<td style="width: 70px"></td>
					</c:if>

					<c:if test="${idx.count%2==0 }">
				</tr>
				<tr>
					</c:if>
					</c:forEach>

					<%--						<c:if test="${fn.length(listReduction)!=0 }">--%>
					<%--							<tr>--%>
					<%--								<td colspan="3">减免项</td>--%>
					<%--								<td colspan="3">减免合计:¥${reductionM }</td>--%>
					<%--							</tr>--%>
					<%--						<tr>--%>
					<%--							</c:if>--%>
				
					<c:if test="${not empty paintedDoorForehead or not empty paintedDoorInsidehead}">
						<tr>
						<td colspan="3"align="left"><span style="font-weight: bolder">&nbsp;&nbsp;彩绘门额:${paintedDoorForehead}</span></td>
						<td colspan="3"align="left"><span style="font-weight: bolder">&nbsp;&nbsp;彩绘内额:${paintedDoorInsidehead}</span></td>
						</tr>
					</c:if>
				
				
					<c:if test="${not empty doorForehead or not empty doorInsidehead}">
						<tr>
						<td colspan="3"align="left"><span style="font-weight: bolder">&nbsp;&nbsp;门额:${doorForehead}</span></td>
					
						<td colspan="3"align="left"><span style="font-weight: bolder">&nbsp;&nbsp;内额:${doorInsidehead}</span></td>
						</tr>
					</c:if>
					
					
				


					<tr>
					<td colspan="6" align="left">&nbsp;&nbsp;显示屏信息:${bzYsgl.bzDisplayinfo}</td>
				</tr>

				<c:forEach items="${listWlxx}" var="wl">
					<tr>
						<td colspan="3"align="left">&nbsp;&nbsp;上联:${wl.sl}</td>
						<td colspan="3"align="left">&nbsp;&nbsp;下联:${wl.xl}</td>
					</tr>
				</c:forEach>

					<c:if test="${businessFlag.businessFlag eq '9' && businessFlag.status != '5'}">
						<tr>
							<td colspan="1">租车上车地点</td>
							<td colspan="5" style="">${bzRentVehicle.rentVehicleSite}</td>
						</tr>
						<tr>
							<td colspan="1">租车联系电话</td>
							<td colspan="2">A:${bzRentVehicle.userTelephone}</td>
							<td colspan="3">B:${bzRentVehicle.userOtherTelephone}</td>
						</tr>
						<tr>
							<td colspan="1">租车上车时间</td>
							<td colspan="5" style="text-align: left">&nbsp;&nbsp;&nbsp;&nbsp;<fmt:formatDate value="${bzRentVehicle.rentDate}" pattern="yyyy年MM月dd日  HH时mm分"/></td>
						</tr>
						<tr>
							<td colspan="1">租车备注</td>
							<td colspan="5"style="text-align: left">&nbsp;&nbsp;&nbsp;&nbsp;${bzRentVehicle.remarks}</td>
						</tr>
					</c:if>

				<tr style="height: 30px;">
					<td align="left" colspan="6">&nbsp;&nbsp;合计(大写)&nbsp;<span id="jedx" ></span>
						<span style="margin: 10px 0px 100px 250px;">
							<font>(小写)</font><font id="zje">${negotiationConsumelist.amount }</font></span></td>
				</tr>


				<tr style="height: 30px;">
					<td align="left" colspan="6">&nbsp;&nbsp;开单人:</font><font>${user.name }</font></span>
						<span style="margin: 10px 0px 100px 300px;">
		<font>开单日期:</font><font><fmt:formatDate value="${newdate }" pattern="yyyy-MM-dd" /></font></span></td>
				</tr>

				<tr style="height: 30px;">
					<td colspan="6" class="money" align="left"></td>
				</tr>
				<tr style="height: 30px;">
					<td align="left" colspan="6">&nbsp;&nbsp;<span style="color:red;">*</span>号表示甲方向乙方提供的选择性殡葬服务。合计费用 ${choiceMoney } 元,共 ${choiceCount } 项。双方签字。</td>
				</tr>
				<c:if test="${not empty negotiationConsumelist.details }">
				<tr style="height: 30px;">
					<td align="left" colspan="6">&nbsp;&nbsp;细则:${negotiationConsumelist.details }</td>
				</tr>
				</c:if>
				<c:forEach items="${bzTipsMessageList }" var="tipsMsg">
					<tr style="height: 30px;font-weight: bold;">
						<td align="left" colspan="6">&nbsp;&nbsp;${tipsMsg.content }</td>
					</tr>
				</c:forEach>
				
				<div>
					<div style="width: 120px; float: left; padding-left: 900px;padding-top: 300px; position: fixed">
						<input class="btn btn-primary" type="button" onclick="printTable()" value="打印" />
						<input style="margin-top: 5px" class="btn btn-primary" type="button" onclick="printTableData(this)" value="隐藏消费协议书" />
						<a class="btn btn-primary" href="javascript:window.opener=null;window.open('','_self');window.close();" style="margin-top: 5px;" >关闭当前窗口</a>
					</div>
				</div>

			</table>
		</div>

		<%--			<div style="margin: 10px 0px 0px 18px">--%>
		<%--				<span><span style="margin-left: 80px"><font style="font-size: 15px;">开单人:</font><font>${user.name }</font></span> <span style="margin-left: 320px"><font style="font-size: 15px;">开单日期:</font><font><fmt:formatDate value="${newdate }" pattern="yyyy-MM-dd" /></font></span></span>--%>
		<%--			</div>--%>
		<br>
		
	</div>

<c:if test="${businessFlag.businessFlag eq '9' && businessFlag.status != '5'}">
	<div class="fontSize" style="margin-top:20px;margin-left: 40px;width: 650px;line-height:22px;page-break-after: always" id="printContent">
		<div>
			<h1 style="margin-left: 225px"><font style="font-size: 25px;font-weight: bolder">代客租用客车服务协议书</font></h1>
			<br>
		</div>
		<span class="row-inner">甲方:广州市殡仪馆</span>
		<br>
		<br>
		<span class="row-inner">已方(委办人姓名)<u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u></span>
		<br>
		<br>
		<p>一、根据平等自愿原则,经双方协商同意,甲方代乙方租用客车。具体服务内容和收费标准如下表所列。双方签字,乙方缴费后此协议书生效。</p>
		<table class="row-inner" border="1"  style="width:700px;text-align:center;border-collapse:collapse;margin-left: 10px;" >
			<tr style="height: 50px;">
				<td style="width:95px;">客车用途</td>
				<td style="width:100px;">
					业务用车
				</td>
				<td style="width:80px;">客车座数</td>
				<td style="width:50px;">
						${bzRentVehicle.bzBus.busSeats}
				</td>
				<td style="width:50px;">车费(元)</td>
				<td style="width:50px">
						${bzRentVehicle.price}
				</td>
				<td style="width:80px;">租车单号</td>
				<td style="width:50px">
					Y${bzRentVehicle.bzPrintNumber.printNumber}
				</td>
			</tr>
		</table>
		<br>
		<p>二、业务信息(委办人填写)</p>
		<table class="row-inner" border="1" style="width:700px;height:150px;text-align:center;border-collapse:collapse;margin-left: 10px;" >

			<tr style=" height: 50px">
				<td style="width:140px;">联系电话</td>
				<td style="width:100px;text-align: left"colspan="2">
					A:${bzRentVehicle.userTelephone}
				</td>
				<td style="width:100px;text-align: left"colspan="2">
					B:${bzRentVehicle.userOtherTelephone}
				</td>
			</tr>
			<tr style="height: 50px">
				<td style="width:140px;">上车时间</td>
				<td style="width:100px;"colspan="2">
					<fmt:formatDate value="${bzRentVehicle.rentDate}" pattern="yyyy年MM月dd日  HH时mm分"/>
						<%--                月  日  时   分--%>
				</td>
				<td style="width:140px;">候车地点</td>
				<td style="width:100px;" colspan="2">
						${bzRentVehicle.rentVehicleSite}
				</td>
			</tr>
		</table>

		<table class="row-inner" border="1" style="width:700px;height:50px;text-align:center;border-collapse:collapse;margin-left: 10px;" >

			<tr style="height: 50px">
				<td style="width:140px;">逝者姓名</td>
				<td style="width:100px;"colspan="2">
						${bzRentVehicle.bzDeceased.actualName}
				</td>
				<td style="width:140px;">出殡时间</td>
				<td style="width:100px;text-align: right"colspan="2">
						${month}</td>
				<td style="width:100px;text-align: right"colspan="2">
						${day}</td>
				<td style="width:100px;text-align: right"colspan="2">
						${gbhapBdate}</td>
				<td style="width:100px;text-align: left"colspan="2">
					房号:${bzRentVehicle.bzLfgl.name}
				</td>
			</tr>
		</table>

		<div style="width: 800px;float: right;padding-left: 900px;position: fixed">
			<input class="btn btn-primary" type="button" onclick="printTable()" value="打印"/>&nbsp;&nbsp;&nbsp;
			<a class="btn btn-primary" id="printHhglClose" href="javascript:window.opener=null;window.open('','_self');window.close();">关闭当前窗口</a>
		</div>

		<br>
		<p class="row-inner">三、甲方代乙方租用客车。在服务过程中,所产生的服务质量问题及行车安全责任事故均由客运公司负责,与广州市殡仪馆无关。</p>
		<p class="row-inner">四、乙方理解并愿意遵守市政府有关规定,配合建设文明和谐广州的要求,办丧群众在送丧时严禁在殡仪馆、公墓及沿路抛撒冥币、纸钱。乙方若有抛撒冥币、纸钱等有损文明的行为所造成一切后果,由乙方负责。</p>
		<p class="row-inner">五、客车超出广州市城区所产生的路桥费由乙方支付。</p>
		<p class="row-inner">六、如果已办理留炉或平板炉业务,客车可等客户观看遗体入炉后即返回,但不等客户领骨灰;如未办理留炉或平板炉业务,告别仪式后即上车返回。</p>
		<p class="row-inner">七、咨询电话:136004877888171716387087506;投诉电话:8177520987087121</p>
		<p class="row-inner"><font>八、本协议一式两份,甲乙双方各执一份。</font></p>
		<p>

			<span class="row-inner">甲方代表:广州市殡仪馆</span>
			<span class="row-inner" style="padding-left: 300px">乙方代表:</span>
		</p>
		<br>
		<p>
			<span class="row-inner" style="	margin-top: 30px"> &#12288;&#12288;&#12288;&#12288;&#12288;&#12288;</span>
			<span class="row-inner" style="margin-left: 320px;margin-top: 50px">&#12288;&#12288;&#12288;&#12288;</span>
		</p>
	</div>

</c:if>


	<div id="xys" style="float: left;margin-top:1px;margin-left: 40px;width: 700px;line-height:21px;">
		 <span>
			 一、如所办的扶灵仪式遇雨天或其它极端天气,甲方有权取消服务,并退还乙方扶灵仪式款项。</br>
			 二、丧事办理人确认本协议所列各项服务,对服务内容清楚无异议。选择性服务项目由双方协商确定。丧事办理人自带花圈(篮)或挽联(帐)的,须按我馆规定支付自带殡仪用品处理费。各项服务缴费后生效。</br>
			 三、确定服务项目</br>
			 &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 本中心所收收费价格是公开的,客户可以自主选择服务项目和殡仪商品,《广州市殡葬服务中心殡葬收费清单》经丧事丧事办理人签字确认后视为正式服务合同。客户确认后需要变更服务项目的,应带好相关单据及签字确认人的身份证在出殡前一天到我中心办理变更手续,对于部分已经在制作中或已购入制作所需的原材料的服务项目,我中心将不能办理变更手续,不便之处敬请谅解。</br>
			 四、重要提示</br>1)由于电脑系统原因,所有繁体字和部分生僻字不能显示和使用,不便之处敬请原谅。</br>2)遗体火化后,骨灰可在火化部免费保管30天,超过30天的则由火化部收取临时保管费。</br>3)因各骨灰楼(堂)的骨灰存放格位尺寸不同,如需办理骨灰寄存的,选择骨灰箱盅前,敬请了解存放格位的尺寸。</br>
			 五、双方的权利和义务</br>
			 (一)乙方应在逝者遗体火化前向甲方全额支付本合同约定的服务费用。乙方更改服务项目或内容,由此产生的额外费用由乙方承担。</br>
			 (二)乙方应向甲方提供办理殡葬服务有关事项所需的真实有效证件,乙方使用虚假证件,一切损失和法律责任由乙方承担。</br>
			 (三)乙方必须在甲方指定的区域进行文明祭祀和举行殡仪仪式。</br>
			 (四)乙方应爱护公物,不得损坏,如有损坏照价赔偿。</br>
			 (五)乙方不能在甲方范围内燃放烟花爆竹,不准搭建封建迷信设施,搞封建迷信活动及抛洒纸钱。</br>
			 (六)甲方提供的殡葬用品不符合合同约定,给乙方造成损失的,双方协商解决,协商不成的甲方予以更换。</br>
			 (七)甲方不得泄露乙方逝者信息。</br>
			 六、其他约定</br>
			 (一)本合同生效后,乙方自愿将逝者遗体委托甲方火化,并承诺承担火化该遗体的法律责任,乙方确认逝者身上没有贵重物品及其他需要取出保留的物品。</br>
			 (二)乙方自带骨灰载体的,甲方不负责装骨灰,也不提供骨灰暂时保管服务,无骨灰载体的,甲方提供骨灰袋。</br>
			 (三)为确保收敛,防腐和火化工作的安全保障,甲方有权对棺木及遗体进行安全检查。检查的形式包括但不仅限于开馆检查、安检(安全检测机过机检测)等,乙方必须无条件同意并配合甲方的检查工作。</br>
			 (四)乙方不能在逝者遗体上或棺木内放置易燃易爆物品及其它危害安全的物品,否则责任自负。如果因此给甲方及其它群众造成生命和财产损失损害的,乙方应予以赔偿并承担一切法律责任。</br>
			 (五)其它补充内容:____________________________________________________________________</br>
			 ______________________________________________________________________________________
			 </br>
			 七、争议解决方式</br>
			 &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本合同在履行过程中发生的争议由双方协商解决,向广州市殡葬服务中心主管部门或消费者权益保护委员会申请调解。如协商或调解不成,依法向天河区人民法院起诉。</br>
			 八、附则</br>
			 &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;本合同一式二份,甲方一份,乙方一份,经双方签字后生效。</br>
			 <span style="margin-left: 35px;margin-top: 10px">甲方签字:广州市殡葬服务中心</span> <span style="margin-left: 295px">乙方签字:</span></br>
			 <span style="margin-left: 30px">日期:</span> <span style="margin-left: 460px">日期:</span></br>


		 </span>
	</div>

</div>

</body>
</html>

9.判断是否为空

    //判断是否为空
    function whetherNull(str) {
        if (str !=null && str !=undefined && str != ""){
            return true;
        }else {
            return false;
        }
    }
</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Java中的战斗机

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值