阅读:9240 回复:14
上善若水
17

帖子

1282

跟帖

12345

积分

管理员
管理员
  • 社区居民

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

楼主#
更多 发布于:2016-12-27 16:17
在涉及金额的流程中会经常遇到需要大写金额数据与小写金额匹配,如何实现输入数字后自动转换呢?

初级用法
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

最新喜欢:

大章鱼大章鱼
H3 BPM 让天下没有难用的流程。全国统一服务热线 :400-889-8625
huang
53

帖子

307

跟帖

715

积分

铂金榴莲
铂金榴莲
1楼#
发布于:2016-12-27 17:59
这货真干啊
咱们还是小孩呢!不必这么装模作样吧!
Mark哥
1

帖子

12

跟帖

612

积分

高级榴莲
高级榴莲
2楼#
发布于:2017-03-20 14:51
给楼主两条建议:
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
H3BPM
655

帖子

2504

跟帖

46406

积分

管理员
管理员
  • 社区居民
3楼#
发布于:2017-03-20 16:36
Mark哥:给楼主两条建议:
1.return 后面千万不要跟 换行(回车) 在Sheet.Computation.js里SUMCAPITAL的Accept方法你的return后面直接跟的换行;
2.executeCompute方法需要有else if...
回到原帖
感谢马克哥的建议,也欢迎马克哥来和我们分享干货哟!
10月签到活动奖励发放啦:http://bbs.h3bpm.com/read.php?tid=5377&fid=5
bpmh3
83

帖子

250

跟帖

2431

积分

铂金榴莲
铂金榴莲
  • 社区居民
4楼#
发布于:2017-05-04 11:46
使用高级方法后,大写函数无效?加号+也没有效果?
bpmh3
83

帖子

250

跟帖

2431

积分

铂金榴莲
铂金榴莲
  • 社区居民
5楼#
发布于:2017-05-04 16:46
在\Portal\WFRes\_Scripts\MVCRuntime\Sheet.Computation.js文件中添加初级中的chineseNumber方法
chineseNumber方法要添加在哪里?
tanw
1

帖子

35

跟帖

5872

积分

高级榴莲
高级榴莲
  • 社区居民
6楼#
发布于:2017-05-04 18:02
高级方法如有相加,先进行加运算最后再转大写如:  SUMCAPITAL({fulifei}+{jiaotongfei})
初级方法添加的chineseNumber 在 默认表单->属性->JavaScript

图片:QQ截图20170504180108.jpg

上善若水
17

帖子

1282

跟帖

12345

积分

管理员
管理员
  • 社区居民
7楼#
发布于:2017-05-05 15:19
tanw:高级方法如有相加,先进行加运算最后再转大写如:  SUMCAPITAL({fulifei}+{jiaotongfei})
初级方法添加的chineseNumber 在 默认表单->属性->JavaScript
回到原帖
H3 BPM 让天下没有难用的流程。全国统一服务热线 :400-889-8625
果冻栋吖
104

帖子

755

跟帖

2622

积分

论坛版主
论坛版主
  • 社区居民
  • 忠实会员
  • 优秀斑竹
8楼#
发布于:2017-05-27 08:43
好像少了点什么!
需要技术支持请添加QQ1772829123,提供H3产品定制开发,IT技术支持。
H3BPM
655

帖子

2504

跟帖

46406

积分

管理员
管理员
  • 社区居民
9楼#
发布于:2017-05-27 09:14
果冻栋吖:好像少了点什么!回到原帖
少了什么?你可以给大家分享一下嘛
10月签到活动奖励发放啦:http://bbs.h3bpm.com/read.php?tid=5377&fid=5
上一页
1 2  »|
游客

返回顶部