提交 54a0ff50 编写于 作者: linjinyang's avatar linjinyang

app-span 支持表单格式化 更新

上级 47057f48
......@@ -6,7 +6,7 @@
<script lang="ts">
import { Vue, Component, Prop, Watch, Model } from 'vue-property-decorator';
import moment from "moment";
@Component({})
export default class AppSpan extends Vue {
......@@ -18,6 +18,30 @@ export default class AppSpan extends Vue {
*/
@Prop() public value?: any;
/**
* 数据类型
*
* @type {string}
* @memberof AppSpan
*/
@Prop() public dataType?: string;
/**
* 单位名称
*
* @type {string}
* @memberof AppSpan
*/
@Prop() public unitName?: string;
/**
* 日期值格式化
*
* @type {string}
* @memberof AppSpan
*/
@Prop() public valueFormat?: string;
/**
* 当前表单项名称
*
......@@ -158,9 +182,30 @@ export default class AppSpan extends Vue {
}else{
if(this.$util.isEmpty(this.value)){
this.text = '';
}else if(this.dataType){ //货币格式化
let result = "";
let number:any = this.value;
let decimal = number.split('.')[1];
number = Number(number);
let _unitName = this.unitName?this.unitName:'';
if (decimal){
let precision = decimal.length;
this.text = Number(number.toFixed((Object.is(precision,NaN) ? 2 : precision))).toLocaleString('en-US')+ ' '+ _unitName;
}else{
this.text = Number(number.toFixed(0)).toLocaleString('en-US')+ ' '+ _unitName;
}
}else if(this.valueFormat){// 日期格式化
if(this.valueFormat.indexOf('%1$t') !== -1){
this.text= moment(this.data).format("YYYY-MM-DD HH:mm:ss");
}else if(this.valueFormat.indexOf('%1$s') == -1){
this.text= moment(this.data).format(this.valueFormat);
}else{
this.text= this.value;
}
}else{
this.text = this.value;
}
}
}
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册