金额大写
需求:用luckysheet做发票时需要显示金额的中文大写。
1、在zh.js(CTRL+P快捷键找)中的defaultFmt中加入一行金额大写的数据。实现国际化时同级的其他几个语言文件也要加。
// nby 增加数字中文大写格式
{ "text": '金额中文大写', "value": "拾元", "example": "拾元" },
2、找到format.js文件的format方法,入参fmt就是前面添加的对象的value,判断一下是否是金额大写格式,之后执行转换的方法,返回结果。ps:我转换方法找的网上的,链接如下:
js前端将金额数字格式化成大写金额(代码)_进步中的程序猿的博客-CSDN博客_前端金额大写
代码如下:
// nby 新增金额中文大写
if(fmt === '拾元'){
if( v === null){
return null
}else{
return cnMoneyFormat(v)
}
function cnMoneyFormat(money) {
var cnMoney = "零元整";
var strOutput = "";
var strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分';
money += "00";
var intPos = money.indexOf('.');
if (intPos >= 0) {
money = money.substring(0, intPos) + money.substr(intPos + 1, 2);
}
strUnit = strUnit.substr(strUnit.length - money.length);
for (var i = 0; i < money.length; i++) {
strOutput += '零壹贰叁肆伍陆柒捌玖'.substr(money.substr(i, 1), 1) + strUnit.substr(i, 1);
}
cnMoney = strOutput.replace(/零角零分$/, '整').replace(/零[仟佰拾]/g, '零').replace(/零{2,}/g, '零').replace(/零([亿|万])/g, '$1').replace(/零+元/, '元').replace(/亿零{0,3}万/, '亿').replace(/^元/, "零元");
return cnMoney;
}
}
// nby 新增金额中文大写 END
文本后缀
需求:产品经理说需要加一个能在数字后面显示单位的单元格格式。
1、同样,在zh,js文件中format对象中加一行数据,,同级的几个语言文件也加上
moreText:'更多文本后缀',
2、由于需要用户输入文本后缀,所以需要创建dom弹出一个input框来。 找到moreFormat.js文件的createDIalog方法,在里面加一个是文本后缀的判断处理。
代码如下:
// nby 新增文本后缀
else if(type === 'moreText'){//文本后缀
title = '自定义文本后缀'
content = '<input type="text" id="suffixText" style="width:100%">'
// 后缀回填,这里选取选中的第一个单元格作为标准。
const r = Store.luckysheet_select_save[0].row[0]
const c = Store.luckysheet_select_save[0].column[0]
const cellData = Store.flowdata[r][c]
if(cellData?.ct?.t === '^'){
// 已经是文本后缀格式了,需要回填
content = `<input type="text" id="suffixText" style="width:100%" value = '${cellData?.ct?.fa.slice(1)}'>`
}
}
效果如下:
3、接下来就要获取input的值,然后对点击“确定”进行处理。
代码如下:取到input值后,调用menuButton.updateFormat方法修改单元格的ct属性
let inputDom = document.getElementById('suffixText')
if(inputDom){
let input = inputDom.value ?? '' //这里可以不让空字符串通过,看业务逻辑
// "\"€\" 0.00"
menuButton.updateFormat(d, "ct", `^${input}`); //修改单元格对象的ct属性
}
4、完善单元格对象。(非必要)
由于luckysheet的完整单元格格式属性如下:
ct: {fa: 'General', t: 'n'}
官方单元格属性介绍:
文本后缀单元格对象的ct属性:
ct : { fa : '^文本后缀' , t : '^' }
前面只把fa给改变了,t还没变,所以需要在menuButton.js文件的updateFormatCell方法中对t进行处理。
// nby 新增自定义文本后缀
if(foucsStatus.slice(0,1) === '^'){
type = '^'
}
// nby 新增自定义文本后缀 END
5、更新单元格对象
format.js的format方法添加判断,是文本后缀类型就返回真正的值加上后缀。
代码如下:
// nby 新增自定义文本后缀
if(fmt.slice(0,1) === '^'){
debugger
if( v === null){
return null
}else{
return v+fmt.slice(1,fmt.length)
}
}
// nby 新增自定义文本后缀 END