金額規則大寫
在涉及金額的流程中經常會遇到需要大寫金額數據與小寫金額匹配，如何實現輸入數字後自動轉換呢？
初級用法：
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屬性就可以使用大寫計算公式了，是不是很酷，趕緊試一試吧。