数字处理

liuqimichale
1 parent f9b345a2
Showing 2 changed files with 27 additions and 6 deletions
src/components/base/AccountNum.vue
src/utils/formate.js
 <template>
     <div class="total-wrap">
         <span>总计</span>
-        <div class="total-main">
-            <div class="eleNumBg" v-for="item in total" :key="item">
+        <div class="total-main" >
+            <div  v-for="item in total" :key="item" :class="item !==',' ? 'eleNumBg':'noeleNumBg'" >
                 {{item}}
             </div>
         </div>
@@ -15,8 +15,7 @@ export default {
   name: 'AccountNum',
   data(){
     return {
-      total: formaterTotal('219706'),
-      msg:'123'
+      total: formaterTotal(219706)
     }
   }
 }
@@ -45,5 +44,15 @@ export default {
             background: url("../../images/content/numBg.svg") no-repeat;
             background-size: 100% 100%;
         }
+        .noeleNumBg{
+            width: 10px;
+            height: 30px;
+            display: inline-block;
+            margin-left: 5px;
+            line-height: 30px;
+            font-size: 22px;
+            font-weight: 600;
+            text-align: center;
+        }
     }
 </style>
@@ -3,7 +3,7 @@ function formateday() {
   let str = ''
   let year = date.getFullYear()
   let month = date.getMonth()+1<10? "0"+ (date.getMonth()+1) : date.getMonth()+1
-  let day = date.getDate()<10 ? "0"+date.getDate() : date.getDate
+  let day = date.getDate()<10 ? "0"+date.getDate() : date.getDate()
   str = year +"-"+ month +"-"+ day
   return str
 }
@@ -20,7 +20,19 @@ function formateTime() {
 }
  
 function formaterTotal(val) {
-  return val.split('')
+  // return val.split('')
+  let str = val.toString()
+  let newStr = ''
+  let count = 0
+  for(let i=str.length-1;i>=0;i--){
+    if(count % 3 == 0 && count!= 0){
+      newStr = str.charAt(i)+","+newStr
+    }else{
+      newStr = str.charAt(i)+newStr
+    }
+    count++
+  }
+  return newStr.split("")
 }
  
 export  { formateday, formateTime, formaterTotal }