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

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

上级 47057f48
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<script lang="ts"> <script lang="ts">
import { Vue, Component, Prop, Watch, Model } from 'vue-property-decorator'; import { Vue, Component, Prop, Watch, Model } from 'vue-property-decorator';
import moment from "moment";
@Component({}) @Component({})
export default class AppSpan extends Vue { export default class AppSpan extends Vue {
...@@ -18,6 +18,30 @@ export default class AppSpan extends Vue { ...@@ -18,6 +18,30 @@ export default class AppSpan extends Vue {
*/ */
@Prop() public value?: any; @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,11 +182,32 @@ export default class AppSpan extends Vue { ...@@ -158,11 +182,32 @@ export default class AppSpan extends Vue {
}else{ }else{
if(this.$util.isEmpty(this.value)){ if(this.$util.isEmpty(this.value)){
this.text = ''; 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{ }else{
this.text = this.value; this.text = this.value;
} }
}
} }
}
} }
</script> </script>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册