fix:修改过滤器

src/pages/distributorSign/contract-details.vue

@@ -80,15 +80,15 @@
         </item>
         <item>
           <div slot="name" class="font-color">设备总价</div>
-          <span slot="content">{{ info.equip_price * info.product_num | NumFormat }}</span>
+          <span slot="content">{{ info.equip_price * info.product_num | currency }}</span>
         </item>
         <item>
           <div slot="name" class="font-color">融资金额</div>
-          <span slot="content">{{ info.finance_amount * info.product_num | NumFormat }}</span>
+          <span slot="content">{{ info.finance_amount * info.product_num | currency }}</span>
         </item>
         <item>
           <div slot="name" class="font-color">首付款</div>
-          <span slot="content">{{ info.down_payment * info.product_num | NumFormat }}</span>
+          <span slot="content">{{ info.down_payment * info.product_num | currency }}</span>
         </item>
         <item>
           <div slot="name" class="font-color">保证金比例</div>
@@ -96,7 +96,7 @@
         </item>
         <item>
           <div slot="name" class="font-color">保证金</div>
-          <span slot="content">{{ info.deposit * info.product_num | NumFormat }}</span>
+          <span slot="content">{{ info.deposit * info.product_num | currency }}</span>
         </item>
         <item>
           <div slot="name" class="font-color">手续费比例</div>
@@ -104,19 +104,19 @@
         </item>
         <item>
           <div slot="name" class="font-color">手续费</div>
-          <span slot="content">{{ info.lease_charge * info.product_num | NumFormat }}</span>
+          <span slot="content">{{ parseFloat(info.lease_charge * info.product_num).toFixed(2) | currency }}</span>
         </item>
         <item>
           <div slot="name" class="font-color">保险押金</div>
-          <span slot="content">{{ info.insurance_fee * info.product_num | NumFormat }}</span>
+          <span slot="content">{{ info.insurance_fee * info.product_num | currency }}</span>
         </item>
         <item>
           <div slot="name" class="font-color">GPS费用</div>
-          <span slot="content">{{ info.gps_fee * info.product_num | NumFormat }}</span>
+          <span slot="content">{{ info.gps_fee * info.product_num | currency }}</span>
         </item>
         <item>
           <div slot="name">首次付款合计</div>
-          <span slot="content">{{ info.first_pay | NumFormat }}</span>
+          <span slot="content">{{ parseFloat(info.first_pay).toFixed(2) | currency }}</span>
         </item>
         <item>
           <div slot="name" class="font-color">预计付款日</div>
@@ -244,28 +244,6 @@ export default {
     Personal,
     LegalPerson,
   },
-  filters: {
-    NumFormat: function (valueOrig) {
-      var value = parseFloat(valueOrig).toFixed(2)
-      if (!value) return '0.00'
-      var intPart = Number(value) | 0 // 获取整数部分
-      var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
-      var floatPart = '.00' // 预定义小数部分
-      var value2Array = value.split('.')
-      // =2表示数据有小数位
-      if (value2Array.length === 2) {
-        floatPart = value2Array[1].toString() // 拿到小数部分
-
-        if (floatPart.length === 1) { // 补0,实际上用不着
-          return intPartFormat + '.' + floatPart + '0'
-        } else {
-          return intPartFormat + '.' + floatPart
-        }
-      } else {
-        return intPartFormat + floatPart
-      }
-    },
-  },
   data () {
     return {
       hasButtomStorage: window.localStorage.getItem('hasButtom'),

src/pages/distributorSign/contract-list.vue

@@ -58,7 +58,7 @@
           </div>
           <div class="option">
             <p class="name">合同金额</p>
-            <p class="normal money">{{ item.total_price|NumFormat }}</p>
+            <p class="normal money">{{ parseFloat(item.total_price).toFixed(2)|currency }}</p>
             <img src="@/assets/distributorSign/goDetails.png" alt="">
           </div>
           <div class="option">
@@ -76,27 +76,6 @@
 import Tab from '@/pages/distributorSign/tab'
 export default {
   name: 'ContractList',
-  filters: {
-    NumFormat: function (value) {
-      if (!value) return '0.00'
-      var intPart = Number(value) | 0 // 获取整数部分
-      var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
-      var floatPart = '.00' // 预定义小数部分
-      var value2Array = value.split('.')
-      // =2表示数据有小数位
-      if (value2Array.length === 2) {
-        floatPart = value2Array[1].toString() // 拿到小数部分
-
-        if (floatPart.length === 1) { // 补0,实际上用不着
-          return intPartFormat + '.' + floatPart + '0'
-        } else {
-          return intPartFormat + '.' + floatPart
-        }
-      } else {
-        return intPartFormat + floatPart
-      }
-    },
-  },
   components: {
     Tab,
   },

src/pages/distributorSign/financ-details.vue

@@ -16,22 +16,22 @@
       </h-header>
       <div class="top-content">
         <span class="top-tittle">总租金</span>
-        <span class="num">{{ info.total_rental_sum|NumFormat }}</span>
+        <span class="num">{{ info.total_rental_sum|currency }}</span>
         <div class="top-detail">
           <div class="left">
             <span class="line">保证金</span>
-            <span>￥{{ info.deposit * product_num |NumFormat }}</span>
+            <span>￥{{ info.deposit * product_num |currency }}</span>
           </div>
           <div class="right">
             <span class="line">首付款</span>
-            <span>￥{{ info.down_payment * product_num |NumFormat }}</span>
+            <span>￥{{ info.down_payment * product_num |currency }}</span>
           </div>
         </div>
         <div class="clear" />
         <div class="top-detail">
           <div class="left">
             <span class="line">手续费</span>
-            <span>￥{{ info.lease_charge * product_num |NumFormat }}</span>
+            <span>￥{{ parseFloat(info.lease_charge * product_num).toFixed(2) |currency }}</span>
           </div>
           <div class="right">
             <span class="line">合同期数</span>
@@ -52,7 +52,7 @@
           <td>{{ index+1 }}</td>
           <td>{{ dateConverse(item.due_date) }}</td>
           <td>租金</td>
-          <td>{{ item.rental * product_num |NumFormat }}</td>
+          <td>{{ item.rental * product_num |currency }}</td>
         </tr>
       </table>
     </h-content>
@@ -61,28 +61,6 @@
 <script>
 export default {
   name: 'FinancDetails',
-  filters: {
-    NumFormat: function (valueOrig) {
-      var value = parseFloat(valueOrig).toFixed(2)
-      if (!value) return '0.00'
-      var intPart = Number(value) | 0 // 获取整数部分
-      var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
-      var floatPart = '.00' // 预定义小数部分
-      var value2Array = value.split('.')
-      // =2表示数据有小数位
-      if (value2Array.length === 2) {
-        floatPart = value2Array[1].toString() // 拿到小数部分
-
-        if (floatPart.length === 1) { // 补0,实际上用不着
-          return intPartFormat + '.' + floatPart + '0'
-        } else {
-          return intPartFormat + '.' + floatPart
-        }
-      } else {
-        return intPartFormat + floatPart
-      }
-    },
-  },
   data () {
     return {
       confirm_status: this.$route.params.confirm_status,

src/pages/intoApproval/intoApproval/refund.vue

@@ -17,22 +17,22 @@
       <img v-if="none" class="noData" src="@/assets/intoApproval/none.jpg" >
       <div v-if="dataNone" class="top-content">
         <span class="top-tittle">总租金</span>
-        <span class="num">{{ info.total_rental_sum|NumFormat }}</span>
+        <span class="num">{{ info.total_rental_sum|currency }}</span>
         <div class="top-detail">
           <div class="left">
             <span class="line">保证金</span>
-            <span>￥{{ info.deposit * product_num |NumFormat }}</span>
+            <span>￥{{ info.deposit * product_num |currency }}</span>
           </div>
           <div class="right">
             <span class="line">首付款</span>
-            <span>￥{{ info.down_payment * product_num |NumFormat }}</span>
+            <span>￥{{ info.down_payment * product_num |currency }}</span>
           </div>
         </div>
         <div class="clear" />
         <div class="top-detail">
           <div class="left">
             <span class="line">手续费</span>
-            <span>￥{{ info.lease_charge * product_num |NumFormat }}</span>
+            <span>￥{{ parseFloat(info.lease_charge * product_num).toFixed(2) |currency }}</span>
           </div>
           <div class="right">
             <span class="line date-sum">合同期数</span>
@@ -59,7 +59,7 @@
           <td>{{ index+1 }}</td>
           <td>{{ item.due_date|timeFormat }}</td>
           <td>租金</td>
-          <td>{{ item.rental * product_num |NumFormat }}</td>
+          <td>{{ item.rental * product_num |currency }}</td>
         </tr>
       </table>
     </h-content>
@@ -68,29 +68,6 @@
 <script>
 export default {
   filters: {
-    NumFormat: function (valueOrig) {
-      var value = parseFloat(valueOrig).toFixed(2)
-      if (!value) return '0.00'
-      var intPart = Number(value) | 0 // 获取整数部分
-      var intPartFormat = intPart
-        .toString()
-        .replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
-      var floatPart = '.00' // 预定义小数部分
-      var value2Array = value.split('.')
-      // =2表示数据有小数位
-      if (value2Array.length === 2) {
-        floatPart = value2Array[1].toString() // 拿到小数部分
-
-        if (floatPart.length === 1) {
-          // 补0,实际上用不着
-          return intPartFormat + '.' + floatPart + '0'
-        } else {
-          return intPartFormat + '.' + floatPart
-        }
-      } else {
-        return intPartFormat + floatPart
-      }
-    },
     timeFormat: function (time) {
       var date = new Date(time)
       var y = date.getFullYear()

src/pages/intoApproval/intoApproval/rentInfo.vue

@@ -14,15 +14,15 @@
       </item>
       <item>
         <div slot="name">设备总价</div>
-        <span slot="content">{{ rentInfo.equip_price * rentInfo.product_num |NumFormat }}</span>
+        <span slot="content">{{ rentInfo.equip_price * rentInfo.product_num |currency }}</span>
       </item>
       <item>
         <div slot="name">融资金额</div>
-        <span slot="content">{{ rentInfo.finance_amount * rentInfo.product_num |NumFormat }}</span>
+        <span slot="content">{{ rentInfo.finance_amount * rentInfo.product_num |currency }}</span>
       </item>
       <item>
         <div slot="name">首付款</div>
-        <span slot="content">{{ rentInfo.down_payment * rentInfo.product_num |NumFormat }}</span>
+        <span slot="content">{{ rentInfo.down_payment * rentInfo.product_num |currency }}</span>
       </item>
       <item>
         <div slot="name">保证金比例</div>
@@ -30,7 +30,7 @@
       </item>
       <item>
         <div slot="name">保证金</div>
-        <span slot="content">{{ rentInfo.deposit * rentInfo.product_num |NumFormat }}</span>
+        <span slot="content">{{ rentInfo.deposit * rentInfo.product_num |currency }}</span>
       </item>
       <item>
         <div slot="name">手续费比例</div>
@@ -38,19 +38,19 @@
       </item>
       <item>
         <div slot="name">手续费</div>
-        <span slot="content">{{ rentInfo.lease_charge * rentInfo.product_num |NumFormat }}</span>
+        <span slot="content">{{ parseFloat(rentInfo.lease_charge * rentInfo.product_num).toFixed(2) |currency }}</span>
       </item>
       <item>
         <div slot="name">保险押金</div>
-        <span slot="content">{{ rentInfo.insurance_fee * rentInfo.product_num | NumFormat }}</span>
+        <span slot="content">{{ rentInfo.insurance_fee * rentInfo.product_num | currency }}</span>
       </item>
       <item>
         <div slot="name">GPS费用</div>
-        <span slot="content">{{ rentInfo.gps_fee * rentInfo.product_num | NumFormat }}</span>
+        <span slot="content">{{ rentInfo.gps_fee * rentInfo.product_num | currency }}</span>
       </item>
       <item>
         <div slot="name">首次付款合计</div>
-        <span slot="content">{{ rentInfo.first_pay |NumFormat }}</span>
+        <span slot="content">{{ parseFloat(rentInfo.first_pay).toFixed(2) |currency }}</span>
       </item>
       <item>
         <div slot="name">预计付款日</div>
@@ -101,36 +101,20 @@
   </div>
 </template>
 <script>
-  export default {
+export default {
   filters: {
-      'NumFormat': function (valueOrig) {
-        // if (!value) return '0.00'
-        var value = parseFloat(valueOrig).toFixed(2)
-        var intPart = Number(value) | 0 // 获取整数部分
-        var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
-        var floatPart = '.00' // 预定义小数部分
-        var value2Array = value.split('.')
-        // =2表示数据有小数位
-        if (value2Array.length === 2) {
-          floatPart = value2Array[1].toString() // 拿到小数部分
-
-          if (floatPart.length === 1) { // 补0,实际上用不着
-            return intPartFormat + '.' + floatPart + '0'
-          } else {
-            return intPartFormat + '.' + floatPart
-          }
-        } else {
-          return intPartFormat + floatPart
-        }
-      },
-      'timeFormat': function (time) {
-        if (time !== '') {
+    timeFormat: function (time) {
       var date = new Date(time)
       var y = date.getFullYear()
       var m = date.getMonth() + 1
       var d = date.getDate()
-          return `${y}-${m}-${d}`
+      if (m < 10) {
+        m = `0${m}`
+      }
+      if (d < 10) {
+        d = `0${d}`
       }
+      return `${y}-${m}-${d}`
     },
   },
   props: {
@@ -139,7 +123,7 @@
       default: '',
     },
   },
-    data() {
+  data () {
     return {
       rentInfo: {
         finance_amount: '',
@@ -164,20 +148,20 @@
       },
     }
   },
-    created() {
+  created () {
     this.getRent()
   },
   methods: {
-      changeRefund() {
+    changeRefund () {
       this.$router.push({
         name: 'Refund',
         params: {
           confirm_status: this.confirm_status,
-            product_num: this.rentInfo.product_num
+          product_num: this.rentInfo.product_num,
         },
       })
     },
-      getRent() {
+    getRent () {
       let vm = this
       let url = process.env.basePath + 'prj_lease_query'
       let param = {
@@ -191,7 +175,7 @@
       })
     },
   },
-  }
+}
 
 </script>
 <style lang="less" scoped>