<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
<head>
|
<title>纸价换算工具</title>
|
<!--框架必需start-->
|
<script type="text/javascript" src="../../libs/js/jquery.js"></script>
|
<script type="text/javascript" src="../../libs/js/framework.js"></script>
|
<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
|
<link rel="stylesheet" type="text/css" id="skin" prePath="../../"/>
|
<link rel="stylesheet" type="text/css" id="customSkin"/>
|
<!--引入弹窗组件start-->
|
<script type="text/javascript" src="../../libs/js/popup/drag.js"></script>
|
<script type="text/javascript" src="../../libs/js/popup/dialog.js"></script>
|
<!--引入弹窗组件end-->
|
|
<!--框架必需end-->
|
<!--基本选项卡start-->
|
<script type="text/javascript" src="../../libs/js/nav/basicTab.js"></script>
|
<!--基本选项卡end-->
|
<link href="../../css/Calculator.css" rel="stylesheet" type="text/css" />
|
<script src="../../js/Inquiry/Calculator.js" type="text/javascript"></script>
|
<script type="text/javascript">
|
//正数正则表达式
|
var reg1 = /^\d+(?=\.{0,1}\d+$|$)/;
|
//整数正则表达式
|
var reg2 = /^-?\d+$/;
|
|
var diag = new top.Dialog();
|
|
|
//纸价转换计算
|
function CalculatePaperPrice() {
|
//纸张尺寸
|
var paperSize = $("#ddlPagerSize").val();
|
//克重
|
var gramWeight = $("#txtGramOfWeight").val();
|
//吨价
|
var tonsPrice = $("#txtTonsOfPrice").val();
|
//令价
|
var reamPrice = $("#txtReamOfPrice").val();
|
|
if (paperSize == "自定义") {
|
var firstSize = $("#txtFirstSize").val();
|
var secondSize = $("#txtSecondSize").val();
|
if (!reg1.test(firstSize) || !reg1.test(secondSize)) {
|
top.Dialog.alert("纸张尺寸必须输入正整数", function () { })
|
return;
|
}
|
paperSize = firstSize + "×" + secondSize;
|
}
|
|
if ((!reg2.test(gramWeight) && !reg1.test(tonsPrice)) || (!reg2.test(gramWeight) && !reg1.test(reamPrice)) || (!reg1.test(tonsPrice) && !reg1.test(reamPrice))) {
|
top.Dialog.alert("必须填写克重、吨价、令价之二才能进行计算！", function () { })
|
return;
|
}
|
$.ajax({
|
url: 'CalculatePaperPriceHandler.ashx?tmp' + (new Date()).valueOf(),
|
type: "POST",
|
data: "paperSize=" + paperSize + "&gramWeight=" + gramWeight + "&tonsPrice=" + tonsPrice + "&reamPrice=" + reamPrice,
|
success: function (date) {
|
var dates = date.split('|');
|
$("#lblPagerSize").text(dates[0])
|
$("#lblGramOfWeight").text(dates[1]);
|
$("#lblReamOfWeight").text(dates[2]);
|
$("#lblReamOfNum").text(dates[3]);
|
$("#lblTonsOfPrice").text(dates[4]);
|
$("#lblReamOfPrice").text(dates[5]);
|
$("#lblUnitOfPrice").text(dates[6]);
|
}
|
});
|
}
|
|
function Open() {
|
diag.Title = "计算器";
|
diag.URL = "Demo/test.html";
|
diag.Modal = false;
|
diag.Top = "28%";
|
diag.Left = "100%";
|
diag.Width = 200;
|
diag.Height = 270;
|
diag.show();
|
}
|
|
$(
|
function () {
|
|
//刷新事件
|
$("#btnReset").click(
|
function () {
|
$("#txtGramOfWeight").val("");
|
$("#txtTonsOfPrice").val("");
|
$("#txtReamOfPrice").val("");
|
$("#lblPagerSize").text("")
|
$("#lblGramOfWeight").text("");
|
$("#lblReamOfWeight").text("");
|
$("#lblReamOfNum").text("");
|
$("#lblTonsOfPrice").text("");
|
$("#lblReamOfPrice").text("");
|
$("#lblUnitOfPrice").text("");
|
|
$("#tbSaveResult tr:gt(0)").remove();
|
$("#tbSaveResult").hide();
|
}
|
);
|
|
//尺寸改变
|
$("#ddlPagerSize").change(function () {
|
|
//所选尺寸
|
var paperSize = $("#ddlPagerSize").val();
|
//克重
|
var gramWeight = $("#txtGramOfWeight").val();
|
//吨价
|
var tonsPrice = $("#txtTonsOfPrice").val();
|
//令价
|
var reamPrice = $("#txtReamOfPrice").val();
|
|
if (paperSize != "自定义") {
|
$("#divSize").hide();
|
$("#txtFirstSize").val("");
|
$("#txtSecondSize").val("");
|
if ((!reg2.test(gramWeight) && !reg1.test(tonsPrice)) || (!reg2.test(gramWeight) && !reg1.test(reamPrice)) || (!reg1.test(tonsPrice) && !reg1.test(reamPrice))) {
|
return;
|
}
|
CalculatePaperPrice();
|
}
|
else {
|
$("#divSize").show();
|
}
|
});
|
|
|
//吨价失去焦点
|
$("#txtTonsOfPrice").blur(function () {
|
|
var tonsPrice = $("#txtTonsOfPrice").val();
|
if (tonsPrice != '') {
|
if (!reg1.test(tonsPrice)) {
|
top.Dialog.alert("请输入数字", function () { });
|
$(this).val('');
|
return;
|
}
|
}
|
|
var gramWeight = $("#txtGramOfWeight").val();
|
if (!reg2.test(gramWeight)) {
|
return;
|
}
|
|
var reamPrice = $("#txtReamOfPrice").val();
|
if (reg1.test(tonsPrice)) {
|
|
if (!reg2.test(gramWeight) && !reg1.test(reamPrice)) {
|
return;
|
} else if (reg1.test(gramWeight)) {
|
$("#txtReamOfPrice").val("");
|
}
|
|
CalculatePaperPrice();
|
}
|
});
|
//令价失去焦点
|
$("#txtReamOfPrice").blur(function () {
|
|
var reamPrice = $("#txtReamOfPrice").val();
|
if (reamPrice != '') {
|
if (!reg1.test(reamPrice)) {
|
top.Dialog.alert("请输入数字", function () { })
|
$(this).val('');
|
return;
|
}
|
}
|
var tonsPrice = $("#txtTonsOfPrice").val();
|
|
var gramWeight = $("#txtGramOfWeight").val();
|
|
if (reg2.test(gramWeight)) {
|
gramWeight = parseFloat($("#txtGramOfWeight").val());
|
}
|
|
if (reg1.test(reamPrice)) {
|
if (!reg2.test(gramWeight) && !reg1.test(tonsPrice)) {
|
return;
|
} else if (reg2.test(gramWeight)) {
|
$("#txtTonsOfPrice").val("");
|
}
|
CalculatePaperPrice();
|
}
|
|
});
|
|
//克重失去焦点
|
$("#txtGramOfWeight").blur(function () {
|
|
var gramWeight = $("#txtGramOfWeight").val();
|
if (!reg2.test(gramWeight)) {
|
top.Dialog.alert("请输入正数字", function () { })
|
$(this).val('');
|
return;
|
}
|
|
var reamPrice = $("#txtReamOfPrice").val();
|
|
var tonsPrice = $("#txtTonsOfPrice").val();
|
|
if (reg1.test(tonsPrice)) {
|
$("#txtReamOfPrice").val("");
|
CalculatePaperPrice();
|
} else if (reg1.test(reamPrice)) {
|
CalculatePaperPrice();
|
}
|
|
});
|
|
//保存事件
|
$("#btnSave").click(
|
function () {
|
if ($("#lblPagerSize").text() == "") {
|
top.Dialog.alert("请先计算再保存", function () { })
|
return;
|
}
|
var tr = $("#tbResult tr").eq(1).clone();
|
tr.appendTo("#tbSaveResult");
|
$("#tbSaveResult").show();
|
$("#tbSaveResult tr:gt(0)").each(function () { $("td:eq(7)", this).hide(); });
|
//parent.iframeHeight('frmrightChild')
|
}
|
);
|
|
$("[id*='img']").click(
|
function () {
|
var id = $(this).attr("id");
|
var index = id.substr(3);
|
var hidValue = $("#hid" + index).val();
|
if (hidValue > 7) {
|
top.Dialog.alert("不能新增超过7个", function () { })
|
return;
|
}
|
var txtId = "jxtxt" + id + hidValue;
|
$(this).parent('td').next('td').append("<input type='text' id='" + txtId + "'/>");
|
$("#" + txtId).render();
|
$("#hid" + index).val(parseInt(hidValue) + 1);
|
}
|
);
|
|
var objId = "jxtxt11";
|
$("[id*='jxtxt']").live("click",
|
function () {
|
objId = $(this).attr("id");
|
$(this).css("border", "Red 1px solid");
|
$("[id*='jxtxt'][id!='" + objId + "']").css("border", "#a2b3bd 1px solid");
|
}
|
)
|
|
$("#equal").live("click",
|
function () {
|
$("#" + objId).val($("#result").val());
|
}
|
);
|
|
$("#btnSubmit").live("click",
|
function () {
|
alert("222");
|
var len = $("[id*='jxtxt']").length;
|
var sum = 0.00;
|
for (var i = 0; i < len; i++) {
|
if ($("[id*='jxtxt']").eq(i).val() != '')
|
sum += parseFloat($("[id*='jxtxt']").eq(i).val());
|
|
}
|
var qtVal = $("#qt").val();
|
if (qtVal != '')
|
sum += parseFloat(qtVal);
|
var yfVal = $("#yf").val();
|
if (yfVal != '')
|
sum += parseFloat(yfVal);
|
var slVal = $("#sl").val();
|
if (slVal != '')
|
sum += sum + sum * (parseFloat(slVal) / 100);
|
$("#sphj").text(sum);
|
}
|
);
|
|
$("#btnRet").live("click",
|
function () {
|
$("[id*='jxtxt'][id!='jxtxt11'][id!='jxtxt21'][id!='jxtxt31'][id!='jxtxt41'][id!='jxtxt51'][id!='jxtxt61']").remove();
|
$("#jxtxt11").css("border", "Red 1px solid");
|
$("[id*='jxtxt'][id!='jxtxt11']").css("border", "#a2b3bd 1px solid");
|
$("[id*='jxtxt']").val('');
|
$("[id*='hid']").val('2');
|
$("#qt").val('');
|
$("#yf").val('');
|
$("#sl").val('');
|
$("#sphj").text('0.00');
|
}
|
);
|
|
$("[id*='jxtxt']").live("blur",
|
function () {
|
var dataValue = $(this).val();
|
if (dataValue != '') {
|
if (!reg1.test(dataValue)) {
|
top.Dialog.alert("请输入数字", function () { })
|
$(this).val('');
|
$(this).focus();
|
}
|
}
|
}
|
);
|
|
$("#qt").blur(
|
function () {
|
var dataValue = $(this).val();
|
if (dataValue != '') {
|
if (!reg1.test(dataValue)) {
|
top.Dialog.alert("请输入数字", function () { })
|
$(this).val('');
|
}
|
}
|
}
|
);
|
$("#yf").blur(
|
function () {
|
var dataValue = $(this).val();
|
if (dataValue != '') {
|
if (!reg1.test(dataValue)) {
|
top.Dialog.alert("请输入数字", function () { })
|
$(this).val('');
|
}
|
}
|
}
|
);
|
|
$("#sl").blur(
|
function () {
|
var dataValue = $(this).val();
|
if (dataValue != '') {
|
if (!reg1.test(dataValue)) {
|
top.Dialog.alert("请输入数字", function () { })
|
$(this).val('');
|
$(this).focus();
|
}
|
if (parseInt(dataValue) < -1 || parseInt(dataValue) > 100) {
|
top.Dialog.alert("税率应该是0--100之间的数字", function () { })
|
$(this).val('');
|
}
|
}
|
}
|
);
|
|
$("#qt").click(
|
function () {
|
objId = "";
|
$("[id*='jxtxt']").css("border", "#a2b3bd 1px solid");
|
}
|
);
|
|
$("#yf").click(
|
function () {
|
objId = "";
|
$("[id*='jxtxt']").css("border", "#a2b3bd 1px solid");
|
}
|
);
|
|
$("#sl").click(
|
function () {
|
objId = "";
|
$("[id*='jxtxt']").css("border", "#a2b3bd 1px solid");
|
}
|
);
|
}
|
)
|
</script>
|
</head>
|
<body>
|
<div class="box2" panelWidth="17%" panelTitle="计算器" style="float:left">
|
<div id="calculator" style="border:#0078b4 0px solid;">
|
<form name="calculator" action="" method="get">
|
<div id="calcu-screen">
|
<!--配置显示窗口，使用onfocus="this.blur();"避免键盘输入-->
|
<input type="text" name="numScreen" class="screen" value="0" onfocus="this.blur();" id="result"/>
|
</div>
|
<div id="calcu-btn">
|
<ul>
|
<!--配置按钮-->
|
<li onclick="command(7)">7</li>
|
<li onclick="command(8)">8</li>
|
<li onclick="command(9)">9</li>
|
<li class="tool" onclick="del()">←</li>
|
<li class="tool" onclick="clearscreen()">C</li>
|
<li onclick="command(4)">4</li>
|
<li onclick="command(5)">5</li>
|
<li onclick="command(6)">6</li>
|
<li class="tool" onclick="times()">×</li>
|
<li class="tool" onclick="divide()">÷</li>
|
<li onclick="command(1)">1</li>
|
<li onclick="command(2)">2</li>
|
<li onclick="command(3)">3</li>
|
<li class="tool" onclick="plus()">+</li>
|
<li class="tool" onclick="minus()">-</li>
|
<li onclick="command(0)">0</li>
|
<li onclick="dzero()">00</li>
|
<li onclick="dot()">.</li>
|
<li class="tool" onclick="persent()">%</li>
|
<li class="tool" onclick="equal()" id="equal">=</li>
|
</ul>
|
</div>
|
<div id="calcu-foot">
|
<span id="note"></span>
|
</div>
|
</form>
|
</div>
|
</div>
|
<div class="basicTab" style="float:left; width:80%">
|
<div name="纸价计算">
|
<fieldset>
|
<legend>参数条件</legend>
|
<table class="tableStyle" style="text-align:center">
|
<tr>
|
<td>纸张尺寸</td>
|
<td>克重</td>
|
<td>吨价</td>
|
<td>令价</td>
|
<td>操作</td>
|
</tr>
|
<tr>
|
<td><select id="ddlPagerSize"><option value="889×1194">889×1194</option>
|
<option value="789×1092">789×1092</option>
|
<option value="880×1230">880×1230</option>
|
<option value="850×1168">850×1168</option>
|
<option value="889×594">889×594</option>
|
<option value="自定义">自定义</option>
|
</select>
|
<div style="float:left; display:none" id="divSize">
|
<input id="txtFirstSize" type="text" title="请输入正整数" style="width:35px"/>×<input id="txtSecondSize" type="text" title="请输入正整数" style="width:35px"/>
|
</div>
|
</td>
|
<td>
|
<input id="txtGramOfWeight" type="text" title="请输入正整数"/></td>
|
<td>
|
<input id="txtTonsOfPrice" type="text" title="请输入数字"/></td>
|
<td>
|
<input id="txtReamOfPrice" type="text" title="请输入数字"/></td>
|
<td>
|
<input id="btnCalculate" type="button" value="计算" onclick="CalculatePaperPrice();"/> <input id="btnReset" type="button" value="刷新"/>
|
</td>
|
</tr>
|
</table>
|
</fieldset>
|
<br/>
|
<fieldset>
|
<legend>计算结果</legend>
|
<table class="tableStyle" style="text-align:center" id="tbResult">
|
<tr>
|
<td>纸张尺寸</td>
|
<td>克重</td>
|
<td>令重</td>
|
<td>令数</td>
|
<td>吨价</td>
|
<td>令价</td>
|
<td>单价</td>
|
<td>操作</td>
|
</tr>
|
<tr>
|
<td><span id="lblPagerSize"></span></td>
|
<td><span id="lblGramOfWeight"></span></td>
|
<td><span id="lblReamOfWeight"></span></td>
|
<td><span id="lblReamOfNum"></span></td>
|
<td><span id="lblTonsOfPrice"></span></td>
|
<td><span id="lblReamOfPrice"></span></td>
|
<td><span id="lblUnitOfPrice"></span></td>
|
<td><input type="button" value="保存" id="btnSave"/></td>
|
</tr>
|
</table>
|
</fieldset>
|
<br />
|
<fieldset>
|
<legend>保存结果</legend>
|
<table class="tableStyle" style="text-align:center; display:none" id="tbSaveResult">
|
<tr>
|
<td>纸张尺寸</td>
|
<td>克重</td>
|
<td>令重</td>
|
<td>令数</td>
|
<td>吨价</td>
|
<td>令价</td>
|
<td>单价</td>
|
<td style="width:20%"></td>
|
</tr>
|
</table>
|
</fieldset>
|
</div>
|
<div name="印刷计算">
|
<table>
|
<tr><td class="ali03">设计费：<img src="../../images/Common/insert_1.bmp" id="img1" alt="新增" title="新增"/></td><td><input type="text" id="jxtxt11" style="border:Red 1px solid"/><input type="hidden" id="hid1" value="2"/></td></tr>
|
<tr><td class="ali03">制版费：<img src="../../images/Common/insert_1.bmp" id="img2" alt="新增" title="新增"/></td><td><input type="text" id="jxtxt21"/><input type="hidden" id="hid2" value="2"/></td></tr>
|
<tr><td class="ali03">纸张价：<img src="../../images/Common/insert_1.bmp" id="img3" alt="新增" title="新增"/></td><td><input type="text" id="jxtxt31"/><input type="hidden" id="hid3" value="2"/></td></tr>
|
<tr><td class="ali03">印刷：<img src="../../images/Common/insert_1.bmp" id="img4" alt="新增" title="新增"/></td><td><input type="text" id="jxtxt41"/><input type="hidden" id="hid4" value="2"/></td></tr>
|
<tr><td class="ali03">后道：<img src="../../images/Common/insert_1.bmp" id="img5" alt="新增" title="新增"/></td><td><input type="text" id="jxtxt51"/><input type="hidden" id="hid5" value="2"/></td></tr>
|
<tr><td class="ali03">装订：<img src="../../images/Common/insert_1.bmp" id="img6" alt="新增" title="新增"/></td><td><input type="text" id="jxtxt61"/><input type="hidden" id="hid6" value="2"/></td></tr>
|
<tr><td class="ali03">其他：</td><td><input type="text" id="qt"/></td></tr>
|
<tr><td class="ali03">运费：</td><td><input type="text" id="yf"/></td></tr>
|
<tr><td class="ali03">税率：</td><td><input type="text" id="sl"/>%</td></tr>
|
</table>
|
<div><input type="button" value="计算" id="btnSubmit"/> <input type="button" value="刷新" id="btnRet"/></div>
|
<div><span style="color:Red">合计：</span><span id="sphj" style="color:Red">0.00</span></div>
|
</div>
|
</div>
|
</body>
|
</html>
|
