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

src/components/app-span/app-span.vue

@@ -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,11 +182,32 @@ 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;
             }
+                
+            }
         }
-    }
     
 }
 </script>