H3BPM实例分享——金额规则大写

v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}

Normal
0

7.8 磅
0
2

false
false
false

EN-US
ZH-CN
X-NONE

/* Style Definitions */
table.MsoNormalTable
{mso-style-name:普通表格;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman",serif;}

　　在看这个的时候，我想初级小白会和我一样吧，老鸟勿喷，我是菜鸟。下面说我遇到的情况：

　　给小写金额添加onchange事件怎么添加我不会了。于是就改了原来的方法：

　　直接给小写控件加onchange="chineseNumber(this.value)";

　　然后把chineseNumber()中的return去掉改为 $.MvcSheetUI.SetControlValue("daxiejine", resAIW);

　　注意：在使用高级方法的时候，修改了js文件，所以要清除一下缓存，不然浏览器有缓存，会看不到效果。

官网的方法：

Ø  金额规则大写

在涉及金额的流程中经常会遇到需要大写金额数据与小写金额匹配，如何实现输入数字后自动转换呢？

初级用法：

1.在默认表单基本属性javascript 中增加如下金额转换方法

/** 数字金额大写转换(可以处理整数,小数,负数) */

function chineseNumber(dValue) {

var maxDec = 2;

// 验证输入金额数值或数值字符串：

dValue = dValue.toString().replace(/,/g, "");

dValue = dValue.replace(/^0+/, ""); // 金额数值转字符、移除逗号、移除前导零

if (dValue == "") {

return "零元整";

} // （错误：金额为空！）

else if (isNaN(dValue)) {

return "错误：金额不是合法的数值！";

}

var minus = ""; // 负数的符号“-”的大写：“负”字。可自定义字符，如“（负）”。

var CN_SYMBOL = ""; // 币种名称（如“人民币”，默认空）

if (dValue.length > 1) {

if (dValue.indexOf('-') == 0) {

dValue = dValue.replace("-", "");

minus = "负";

} // 处理负数符号“-”

if (dValue.indexOf('+') == 0) {

dValue = dValue.replace("+", "");

} // 处理前导正数符号“+”（无实际意义）

}

// 变量定义：

var vInt = "";

var vDec = ""; // 字符串：金额的整数部分、小数部分

var resAIW; // 字符串：要输出的结果

var parts; // 数组（整数部分.小数部分），length=1时则仅为整数。

var digits, radices, bigRadices, decimals; // 数组：数字（0~9——零~玖）；基（十进制记数系统中每个数字位的基是10——拾,佰,仟）；大基（万,亿,兆,京,垓,杼,穰,沟,涧,正）；辅币（元以下，角/分/厘/毫/丝）。

var zeroCount; // 零计数

var i, p, d; // 循环因子；前一位数字；当前位数字。

var quotient, modulus; // 整数部分计算用：商数、模数。

// 金额数值转换为字符，分割整数部分和小数部分：整数、小数分开来搞（小数部分有可能四舍五入后对整数部分有进位）。

var NoneDecLen = (typeof (maxDec) == "undefined" || maxDec == null || Number(maxDec) < 0 || Number(maxDec) > 5); // 是否未指定有效小数位（true/false）

parts = dValue.split('.'); // 数组赋值：（整数部分.小数部分），Array的length=1则仅为整数。

if (parts.length > 1) {

vInt = parts[0];

vDec = parts[1]; // 变量赋值：金额的整数部分、小数部分

if (NoneDecLen) {

maxDec = vDec.length > 5 ? 5 : vDec.length;

} // 未指定有效小数位参数值时，自动取实际小数位长但不超5。

var rDec = Number("0." + vDec);

rDec *= Math.pow(10, maxDec);

rDec = Math.round(Math.abs(rDec));

rDec /= Math.pow(10, maxDec); // 小数四舍五入

var aIntDec = rDec.toString().split('.');

if (Number(aIntDec[0]) == 1) {

vInt = (Number(vInt) + 1).toString();

} // 小数部分四舍五入后有可能向整数部分的个位进位（值1）

if (aIntDec.length > 1) {

vDec = aIntDec[1];

} else {

vDec = "";

}

} else {

vInt = dValue;

vDec = "";

if (NoneDecLen) {

maxDec = 0;

}

}

if (vInt.length > 44) {

return "错误：金额值太大了！整数位长【" + vInt.length.toString() + "】超过了上限——44位/千正/10^43（注：1正=1万涧=1亿亿亿亿亿，10^40）！";

}

// 准备各字符数组 Prepare the characters corresponding to the digits:

digits = new Array("零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"); // 零~玖

radices = new Array("", "拾", "佰", "仟"); // 拾,佰,仟

bigRadices = new Array("", "万", "亿", "兆", "京", "垓", "杼", "穰", "沟", "涧", "正"); // 万,亿,兆,京,垓,杼,穰,沟,涧,正

decimals = new Array("角", "分", "厘", "毫", "丝"); // 角/分/厘/毫/丝

resAIW = ""; // 开始处理

// 处理整数部分（如果有）

if (Number(vInt) > 0) {

zeroCount = 0;

for (i = 0; i < vInt.length; i++) {

p = vInt.length - i - 1;

d = vInt.substr(i, 1);

quotient = p / 4;

modulus = p % 4;

if (d == "0") {

zeroCount++;

} else {

if (zeroCount > 0) {

resAIW += digits[0];

}

zeroCount = 0;

resAIW += digits[Number(d)] + radices[modulus];

}

if (modulus == 0 && zeroCount < 4) {

resAIW += bigRadices[quotient];

}

}

resAIW += "元";

}

// 处理小数部分（如果有）

for (i = 0; i < vDec.length; i++) {

d = vDec.substr(i, 1);

if (d != "0") {

resAIW += digits[Number(d)] + decimals[i];

}

}

// 处理结果

if (resAIW == "") {

resAIW = "零" + "元";

} // 零元

if (vDec == "") {

resAIW += "整";

} // ...元整

resAIW = CN_SYMBOL + minus + resAIW; // 人民币/负......元角分/整

return resAIW;

}

2.在表单“小写金额”控件增加onchange事件

$.MvcSheetUI.MvcRuntime.setDataFieldControlValue($(this),'jinedaxie',chineseNumber($("input[data-datafield='jinexiaoxie']").val()));

金额（小写）数据项编码：jinexiaoxie

金额（大写）数据项编码：jinedaxie

高级用法：

表单文本控件“ComputationRule”属性增加大写计算函数。

1.在\Portal\WFRes\_Scripts\MVCRuntime\Sheet.Computation.js文件中添加初级中的chineseNumber方法，在计算函数CompuationFun增加SUMCAPITAL定义。

{

Name: "SUMCAPITAL",

Accept: function (express) {

return express.toLocaleLowerCase().indexOf("sumcapital(") == 0;

},

Compuator: function (obj, ctl, express, round) {

var field = this.Field(express);

express = this.Express(express);

var val = 0;

$("input[data-datafield='" + field + "'],span[data-datafield='" + field + "']").each(function (obj, express, round) {

var thisValue = 0;

if (express) {

thisValue = obj.executeCompute(this.id, round, express);

}

else {

if (this.tagName.toLocaleLowerCase() == "input" || this.tagName.toLocaleLowerCase() == "select")

thisValue = this.value;

else

thisValue = this.innerText;

}

if ($(this).attr("data-formatrule")) thisValue = thisValue.replace(/,/g, "").replace(/$/g, "").replace(/¥/g, "");

if (thisValue && !isNaN(thisValue)) {

val += parseFloat(thisValue);

}

}, [obj, express, round]);

return chineseNumber(val);

},

Field: function (express) {

var field = express.substring(express.indexOf("{") + 1);

field = field.substring(0, field.indexOf("}"));

return field;

},

Express: function (express) {

if (express.indexOf(",") == -1) return "";

var str = express.substring(express.indexOf(",") + 1);

return str.substring(0, str.length - 1);

},

IsFunc: true

},

2.执行计算主方法判断中文计算，修改后如下

computator: function (id, round, express) {

var v = this.executeCompute(id, round, express);

try {

eval(v); //判断是否中文数字

// 结果四舍五入取小数位

if (isFinite(v)) {

v = Math.round(v * Math.pow(10, round)) / Math.pow(10, round);

var target = $("#" + id);

if (target.is("input,textarea")) {

var oldV = target.val().replace(/,/g, "").replace(/$/g, "").replace(/¥/g, "");

if (oldV != v) {

target.val(v);

target.trigger("change"); // target.trigger("change.MobileMaskText");

target.blur();

}

}

else if (target.is("div,span")) {

var oldV = target.html().replace(/,/g, "").replace(/$/g, "").replace(/¥/g, "");

if (oldV != v) {

target.html(v);

target.trigger("change"); //target.trigger("change.MobileMaskText");

target.blur();

}

}

} // end if(isFinite(v))

}

catch (e) {

var target = $("#" + id);

if (target.is("input,textarea")) {

var oldV = target.val().replace(/,/g, "").replace(/$/g, "").replace(/¥/g, "");

if (oldV != v) {

target.val(v);

target.trigger("change"); // target.trigger("change.MobileMaskText");

target.blur();

}

}

else if (target.is("div,span")) {

var oldV = target.html().replace(/,/g, "").replace(/$/g, "").replace(/¥/g, "");

if (oldV != v) {

target.html(v);

target.trigger("change"); //target.trigger("change.MobileMaskText");

target.blur();

}

}

}

}

3.\Portal\WFRes\_Scripts\MVCRuntime\Sheet.js 文件计算结果值getResultValue定义修改如下

getResultValue: function (express) {

if (express.indexOf("return") == -1) {

try {

return eval(express);}

catch (e) {

return express;}

}

else {

return new Function(express).call(this);

}

},

4.\Portal\Admin\MvcDesigner\MvcDesigner.aspx表单中增加金额大写的按钮

<div style="margin-top: 10px;">

<input type="button" id="btnSum" value="SUM"

style="height: 28px; padding-left: 8px; padding-right: 8px;" />

<input type="button" id="btnSumCapital" value="SUMCAPITAL"

style="height: 28px; padding-left: 8px; padding-right: 8px;" />

<input type="button" id="btnAvg" value="AVG"

style="height: 28px; padding-left: 8px; padding-right: 8px;" />

<input type="button" id="btnMax" value="MAX"

style="height: 28px; padding-left: 8px; padding-right: 8px;" />

<input type="button" id="btnMin" value="MIN"

style="height: 28px; padding-left: 8px; padding-right: 8px;" />

<input type="button" id="btnCount" value="COUNT"

style="height: 28px; padding-left: 8px; padding-right: 8px;" />

</div>

5.\Portal\Admin\MvcDesigner\MvcDesigner.aspx表单中增加金额大写的按钮事件

$("#btnSum,#btnSumCapital,#btnAvg,#btnCount,#btnMax,#btnMin").click(function () {

var input = $("#txtComputationRule")[0];

var text = $(this).val() + "()";

var pos = getCaretPos(input);

insertAtCaret(input, text);

setCaretToPos(input, pos + text.length - 1);

接下来控件的ComputationRule属性就可以使用大写计算公式了，是不是很酷，赶紧试一试吧。

v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}

Ø  金额规则大写

在涉及金额的流程中经常会遇到需要大写金额数据与小写金额匹配，如何实现输入数字后自动转换呢？

初级用法：

1.在默认表单基本属性javascript 中增加如下金额转换方法

/** 数字金额大写转换(可以处理整数,小数,负数) */

function chineseNumber(dValue) {

var maxDec = 2;

// 验证输入金额数值或数值字符串：

dValue = dValue.toString().replace(/,/g, "");

dValue = dValue.replace(/^0+/, ""); // 金额数值转字符、移除逗号、移除前导零

if (dValue == "") {

return "零元整";

} // （错误：金额为空！）

else if (isNaN(dValue)) {

return "错误：金额不是合法的数值！";

}

var minus = ""; // 负数的符号“-”的大写：“负”字。可自定义字符，如“（负）”。

var CN_SYMBOL = ""; // 币种名称（如“人民币”，默认空）

if (dValue.length > 1) {

if (dValue.indexOf('-') == 0) {

dValue = dValue.replace("-", "");

minus = "负";

} // 处理负数符号“-”

if (dValue.indexOf('+') == 0) {

dValue = dValue.replace("+", "");

} // 处理前导正数符号“+”（无实际意义）

}

// 变量定义：

var vInt = "";

var vDec = ""; // 字符串：金额的整数部分、小数部分

var resAIW; // 字符串：要输出的结果

var parts; // 数组（整数部分.小数部分），length=1时则仅为整数。

var digits, radices, bigRadices, decimals; // 数组：数字（0~9——零~玖）；基（十进制记数系统中每个数字位的基是10——拾,佰,仟）；大基（万,亿,兆,京,垓,杼,穰,沟,涧,正）；辅币（元以下，角/分/厘/毫/丝）。

var zeroCount; // 零计数

var i, p, d; // 循环因子；前一位数字；当前位数字。

var quotient, modulus; // 整数部分计算用：商数、模数。

// 金额数值转换为字符，分割整数部分和小数部分：整数、小数分开来搞（小数部分有可能四舍五入后对整数部分有进位）。

var NoneDecLen = (typeof (maxDec) == "undefined" || maxDec == null || Number(maxDec) < 0 || Number(maxDec) > 5); // 是否未指定有效小数位（true/false）

parts = dValue.split('.'); // 数组赋值：（整数部分.小数部分），Array的length=1则仅为整数。

if (parts.length > 1) {

vInt = parts[0];

vDec = parts[1]; // 变量赋值：金额的整数部分、小数部分

if (NoneDecLen) {

maxDec = vDec.length > 5 ? 5 : vDec.length;

} // 未指定有效小数位参数值时，自动取实际小数位长但不超5。

var rDec = Number("0." + vDec);

rDec *= Math.pow(10, maxDec);

rDec = Math.round(Math.abs(rDec));

rDec /= Math.pow(10, maxDec); // 小数四舍五入

var aIntDec = rDec.toString().split('.');

if (Number(aIntDec[0]) == 1) {

vInt = (Number(vInt) + 1).toString();

} // 小数部分四舍五入后有可能向整数部分的个位进位（值1）

if (aIntDec.length > 1) {

vDec = aIntDec[1];

} else {

vDec = "";

}

} else {

vInt = dValue;

vDec = "";

if (NoneDecLen) {

maxDec = 0;

}

}

if (vInt.length > 44) {

return "错误：金额值太大了！整数位长【" + vInt.length.toString() + "】超过了上限——44位/千正/10^43（注：1正=1万涧=1亿亿亿亿亿，10^40）！";

}

// 准备各字符数组 Prepare the characters corresponding to the digits:

digits = new Array("零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"); // 零~玖

radices = new Array("", "拾", "佰", "仟"); // 拾,佰,仟

bigRadices = new Array("", "万", "亿", "兆", "京", "垓", "杼", "穰", "沟", "涧", "正"); // 万,亿,兆,京,垓,杼,穰,沟,涧,正

decimals = new Array("角", "分", "厘", "毫", "丝"); // 角/分/厘/毫/丝

resAIW = ""; // 开始处理

// 处理整数部分（如果有）

if (Number(vInt) > 0) {

zeroCount = 0;

for (i = 0; i < vInt.length; i++) {

p = vInt.length - i - 1;

d = vInt.substr(i, 1);

quotient = p / 4;

modulus = p % 4;

if (d == "0") {

zeroCount++;

} else {

if (zeroCount > 0) {

resAIW += digits[0];

}

zeroCount = 0;

resAIW += digits[Number(d)] + radices[modulus];

}

if (modulus == 0 && zeroCount < 4) {

resAIW += bigRadices[quotient];

}

}

resAIW += "元";

}

// 处理小数部分（如果有）

for (i = 0; i < vDec.length; i++) {

d = vDec.substr(i, 1);

if (d != "0") {

resAIW += digits[Number(d)] + decimals[i];

}

}

// 处理结果

if (resAIW == "") {

resAIW = "零" + "元";

} // 零元

if (vDec == "") {

resAIW += "整";

} // ...元整

resAIW = CN_SYMBOL + minus + resAIW; // 人民币/负......元角分/整

return resAIW;

}

2.在表单“小写金额”控件增加onchange事件

$.MvcSheetUI.MvcRuntime.setDataFieldControlValue($(this),'jinedaxie',chineseNumber($("input[data-datafield='jinexiaoxie']").val()));

金额（小写）数据项编码：jinexiaoxie

金额（大写）数据项编码：jinedaxie

高级用法：

表单文本控件“ComputationRule”属性增加大写计算函数。

1.在\Portal\WFRes\_Scripts\MVCRuntime\Sheet.Computation.js文件中添加初级中的chineseNumber方法，在计算函数CompuationFun增加SUMCAPITAL定义。

{

Name: "SUMCAPITAL",

Accept: function (express) {

return express.toLocaleLowerCase().indexOf("sumcapital(") == 0;

},

Compuator: function (obj, ctl, express, round) {

var field = this.Field(express);

express = this.Express(express);

var val = 0;

$("input[data-datafield='" + field + "'],span[data-datafield='" + field + "']").each(function (obj, express, round) {

var thisValue = 0;

if (express) {

thisValue = obj.executeCompute(this.id, round, express);

}

else {

if (this.tagName.toLocaleLowerCase() == "input" || this.tagName.toLocaleLowerCase() == "select")

thisValue = this.value;

else

thisValue = this.innerText;

}

if ($(this).attr("data-formatrule")) thisValue = thisValue.replace(/,/g, "").replace(/$/g, "").replace(/¥/g, "");

if (thisValue && !isNaN(thisValue)) {

val += parseFloat(thisValue);

}

}, [obj, express, round]);

return chineseNumber(val);

},

Field: function (express) {

var field = express.substring(express.indexOf("{") + 1);

field = field.substring(0, field.indexOf("}"));

return field;

},

Express: function (express) {

if (express.indexOf(",") == -1) return "";

var str = express.substring(express.indexOf(",") + 1);

return str.substring(0, str.length - 1);

},

IsFunc: true

},

2.执行计算主方法判断中文计算，修改后如下

computator: function (id, round, express) {

var v = this.executeCompute(id, round, express);

try {

eval(v); //判断是否中文数字

// 结果四舍五入取小数位

if (isFinite(v)) {

v = Math.round(v * Math.pow(10, round)) / Math.pow(10, round);

var target = $("#" + id);

if (target.is("input,textarea")) {

var oldV = target.val().replace(/,/g, "").replace(/$/g, "").replace(/¥/g, "");

if (oldV != v) {

target.val(v);

target.trigger("change"); // target.trigger("change.MobileMaskText");

target.blur();

}

}

else if (target.is("div,span")) {

var oldV = target.html().replace(/,/g, "").replace(/$/g, "").replace(/¥/g, "");

if (oldV != v) {

target.html(v);

target.trigger("change"); //target.trigger("change.MobileMaskText");

target.blur();

}

}

} // end if(isFinite(v))

}

catch (e) {

var target = $("#" + id);

if (target.is("input,textarea")) {

var oldV = target.val().replace(/,/g, "").replace(/$/g, "").replace(/¥/g, "");

if (oldV != v) {

target.val(v);

target.trigger("change"); // target.trigger("change.MobileMaskText");

target.blur();

}

}

else if (target.is("div,span")) {

var oldV = target.html().replace(/,/g, "").replace(/$/g, "").replace(/¥/g, "");

if (oldV != v) {

target.html(v);

target.trigger("change"); //target.trigger("change.MobileMaskText");

target.blur();

}

}

}

}

3.\Portal\WFRes\_Scripts\MVCRuntime\Sheet.js 文件计算结果值getResultValue定义修改如下

getResultValue: function (express) {

if (express.indexOf("return") == -1) {

try {

return eval(express);}

catch (e) {

return express;}

}

else {

return new Function(express).call(this);

}

},

4.\Portal\Admin\MvcDesigner\MvcDesigner.aspx表单中增加金额大写的按钮

<div style="margin-top: 10px;">

<input type="button" id="btnSum" value="SUM"

style="height: 28px; padding-left: 8px; padding-right: 8px;" />

<input type="button" id="btnSumCapital" value="SUMCAPITAL"

style="height: 28px; padding-left: 8px; padding-right: 8px;" />

<input type="button" id="btnAvg" value="AVG"

style="height: 28px; padding-left: 8px; padding-right: 8px;" />

<input type="button" id="btnMax" value="MAX"

style="height: 28px; padding-left: 8px; padding-right: 8px;" />

<input type="button" id="btnMin" value="MIN"

style="height: 28px; padding-left: 8px; padding-right: 8px;" />

<input type="button" id="btnCount" value="COUNT"

style="height: 28px; padding-left: 8px; padding-right: 8px;" />

</div>

5.\Portal\Admin\MvcDesigner\MvcDesigner.aspx表单中增加金额大写的按钮事件

$("#btnSum,#btnSumCapital,#btnAvg,#btnCount,#btnMax,#btnMin").click(function () {

var input = $("#txtComputationRule")[0];

var text = $(this).val() + "()";

var pos = getCaretPos(input);

insertAtCaret(input, text);

setCaretToPos(input, pos + text.length - 1)});

接下来控件的ComputationRule属性就可以使用大写计算公式了，是不是很酷，赶紧试一试吧。

Normal
0

7.8 磅
0
2

false
false
false

EN-US
ZH-CN
X-NONE

/* Style Definitions */
table.MsoNormalTable
{mso-style-name:普通表格;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman",serif;}