【实例分享】——金额规则大写

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

初级用法：
1.在默认表单基本属性javascript 中增加如下金额转换方法      [table=100%][tr][td=1,1,553]    
/** 数字金额大写转换(可以处理整数,小数,负数) */
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;
       }
   }
   // 处理结果
   if (resAIW == "") {
       resAIW = "零" + "元";
   } // 零元
   if (vDec == "") {
       resAIW += "整";
   } // ...元整
   resAIW = CN_SYMBOL + minus + resAIW; // 人民币/负......元角分/整
   return resAIW;
}[/td][/tr][/table]      
2.在表单“小写金额”控件增加onchange事件 [table=100%][tr][td=1,1,525]    
$.MvcSheetUI.MvcRuntime.setDataFieldControlValue($(this),'jinedaxie',chineseNumber($("input[data-datafield='jinexiaoxie']").val()));[/td][/tr][/table]

金额（小写）数据项编码：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属性就可以使用大写计算公式了，是不是很酷，赶紧试一试吧。

图片：4.png

实例分享——金额规则大写.doc

类型：

售价：0

大小：93KB

下载：45次

描述：

[下载]

这货真干啊

给楼主两条建议：
1.return 后面千万不要跟 换行(回车) 在Sheet.Computation.js里SUMCAPITAL的Accept方法你的return后面直接跟的换行;
2.executeCompute方法需要有else if (express.toLocaleLowerCase().indexOf("sum") == 0
                || express.toLocaleLowerCase().indexOf("avg") == 0
                || express.toLocaleLowerCase().indexOf("count") == 0
                || express.toLocaleLowerCase().indexOf("min") == 0
                || express.toLocaleLowerCase().indexOf("max") == 0
                || express.toLocaleLowerCase().indexOf("sumcapital") == 0)，你忘了加express.toLocaleLowerCase().indexOf("sumcapital") == 0

Mark哥：给楼主两条建议：
1.return 后面千万不要跟 换行(回车) 在Sheet.Computation.js里SUMCAPITAL的Accept方法你的return后面直接跟的换行;
2.executeCompute方法需要有else if...回到原帖

感谢马克哥的建议，也欢迎马克哥来和我们分享干货哟！

使用高级方法后，大写函数无效？加号+也没有效果？

在\Portal\WFRes\_Scripts\MVCRuntime\Sheet.Computation.js文件中添加初级中的chineseNumber方法
chineseNumber方法要添加在哪里？

高级方法如有相加，先进行加运算最后再转大写如：  SUMCAPITAL({fulifei}+{jiaotongfei})
初级方法添加的chineseNumber 在 默认表单->属性->JavaScript

图片：QQ截图20170504180108.jpg

tanw：高级方法如有相加，先进行加运算最后再转大写如：  SUMCAPITAL({fulifei}+{jiaotongfei})
初级方法添加的chineseNumber 在 默认表单->属性->JavaScript回到原帖

好像少了点什么！

果冻栋吖：好像少了点什么！回到原帖

少了什么？你可以给大家分享一下嘛