場景描述：
涉及金額的場景下，直接顯示數值對使用者極不友好，特别是金額較大時，很難正确讀出。
這時候就需要使用千分位進行輔助。
實作環境：白碼低代碼開發平台；
準備工作：
準備訂單資料表，存儲訂單資料，包含一個金額字段(數字類型)，并準備幾條測試資料。
實作步驟：
1、使用“集合beta”模闆建立資料集
2、進入流程編輯頁，點選“設定”進入屬性編輯頁
3、選中“金額”屬性，在右側屬性頁籤的“自定義顯示”選擇“程式設計”
4、點開“編寫代碼”，class為“cell”的div即為顯示該屬性值div
{{value}}
5、将value改為formatValue。
{{formatValue}}
6、在下方js的 computed 中添加對應的formatValue()方法
formatValue(){
//将數值轉為string
let valueStr=this.value.toString();
//傳回包含千分位的數值
return valueStr.replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g,'$1,');
}
7、完整代碼：
{{formatValue}}
module.exports = {
computed:{
// value 原始值
// display 顯示的值
// data 目前行的資料
// field 目前屬性
formatValue(){
//将數值轉為string
let valueStr=this.value.toString();
//傳回包含千分位的數值
return valueStr.replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g,'$1,');
}
}
}
.cell {}
8、如果需要，也可在.cell中對單元格編寫CSS樣式，點選“确定”儲存并關閉編輯視窗。
9、到此已完成，可以将資料集釋出，根據需要添加到菜單中。
最終效果：