feat: 充值订单管理 - 分成后订单金额调整

project/src/assets/js/common.js

@@ -137,6 +137,47 @@ export function formatNum (str) {
   return str
 }
 
+export function formatNumV2 (str, options = { toFixed: 2 }) {
+  if (typeof parseFloat(str) === 'number' && !isNaN(str) && str != null) {
+    //判断是否是数值类型
+    var newStr = "";
+    var count = 0;
+
+    // S options配置选项
+    // toFixed 默认保留小数点后两位，不处理传false
+    if (options && (options.toFixed || options.toFixed !== false)) {
+      console.log('options => ', options)
+      str = Number(str).toFixed(options.toFixed)
+    }
+    // E options配置选项
+
+    str = parseFloat(str)
+    str = str.toString();
+    if (str.indexOf(".") == -1) {
+      for (var i = str.length - 1; i >= 0; i--) {
+        if (count % 3 == 0 && count != 0 && str.charAt(i) != '-') {
+          newStr = str.charAt(i) + "," + newStr;
+        } else {
+          newStr = str.charAt(i) + newStr;
+        }
+        count++;
+      }
+      str = newStr; //自动补小数点后两位
+    } else {
+      for (var i = str.indexOf(".") - 1; i >= 0; i--) {
+        if (count % 3 == 0 && count != 0 && str.charAt(i) != '-') {
+          newStr = str.charAt(i) + "," + newStr;
+        } else {
+          newStr = str.charAt(i) + newStr; //逐个字符相接起来
+        }
+        count++;
+      }
+      str = newStr + str.substring(str.indexOf("."), str.length);
+    }
+  }
+  return str
+}
+
 //秒转化为时
 export function formateHours (endTime) {
   if (endTime) {

project/src/components/dataBoard/orderData.vue

@@ -53,8 +53,7 @@
           <img src="@/assets/img/icon/总毛利润额@2x.png" style="height:14px" class="titleIcon" alt="">
           <span>分成后订单金额</span>
         </div>
-        <div class="dataItem-data">{{ dataInfo_stat && dataInfo_stat.pay_money ? $formatNum(dataInfo_stat.pay_money) : '-' }}
-        </div>
+        <div class="dataItem-data">{{ dataInfo_stat && dataInfo_stat.pay_money ? $formatNumV2(dataInfo_stat.pay_money, { toFixed: false }) : '-' }}</div>
       </div>
       <div class="dataInfoItem">
         <div class="dataItemTitle">
@@ -114,6 +113,9 @@
             <span v-else-if="item.prop == 'login_account'">
               {{ row[item.prop] || row[item.prop] == 0 ? row[item.prop] : '-' }}
             </span>
+            <span v-else-if="item.prop == 'pay_money'">
+              {{ row[item.prop] || row[item.prop] === 0 ? $formatNumV2(row[item.prop], { toFixed: false }) : '-' }}
+            </span>
             <!-- 收入来源 -->
             <!-- <span v-else-if="item.prop == 'is_ad_user'">
               {{ getIncomeSourceDesc(row[item.prop]) }}

project/src/components/orderManage/charge.vue

@@ -49,10 +49,7 @@
           <img src="@/assets/img/icon/总毛利润额@2x.png" style="height:14px" class="titleIcon" alt="">
           <span>分成后订单金额</span>
         </div>
-        <div class="dataItem-data">{{ dataInfo_stat && dataInfo_stat.pay_money ? $formatNum(dataInfo_stat.pay_money) :
-            '-'
-        }}
-        </div>
+        <div class="dataItem-data">{{ dataInfo_stat && dataInfo_stat.pay_money ? $formatNumV2(dataInfo_stat.pay_money, { toFixed: false }) : '-' }}</div>
       </div>
       <div class="dataInfoItem">
         <div class="dataItemTitle">
@@ -124,6 +121,9 @@
             <span v-else-if="item.prop == 'pay_status'">
               {{ row[item.prop] ? (row[item.prop] == 1 ? '已付款' : '未付款') : '-' }}
             </span>
+            <span v-else-if="item.prop == 'pay_money'">
+              {{ row[item.prop] || row[item.prop] === 0 ? $formatNumV2(row[item.prop], { toFixed: false }) : '-' }}
+            </span>
             <!-- 投放类型 -->
             <span v-else-if="item.prop == 'order_type'">
               {{ getLaunchTypeDesc(row[item.prop]) }}

project/src/main.js

@@ -24,7 +24,7 @@ import "@/assets/iconfont/iconfont.css"; // 阿里图标
 
 import { setLocal, getLocal, delLocal, delAllLocal } from '@/assets/js/storage.js'
 import { setCookie, getCookie, delCookie, delAllCookie } from '@/assets/js/cookie.js'
-import { getStrBytes, copy, getDay, NumberHandle, isChn, formatNum, formateHours, formateMinute, day_format, date_compatible, timeStamp_to_date, judgePhone } from '@/assets/js/common.js'
+import { getStrBytes, copy, getDay, NumberHandle, isChn, formatNum, formatNumV2, formateHours, formateMinute, day_format, date_compatible, timeStamp_to_date, judgePhone } from '@/assets/js/common.js'
 import exportToPdf from '@/assets/js/exportToPdf.js'
 Vue.use(exportToPdf)
 
@@ -48,6 +48,7 @@ Vue.prototype.$NumberHandle = NumberHandle;
 Vue.prototype.$formateHours = formateHours;
 Vue.prototype.$formateMinute = formateMinute;
 Vue.prototype.$formatNum = formatNum;
+Vue.prototype.$formatNumV2 = formatNumV2;
 Vue.prototype.$isChn = isChn;
 Vue.prototype.$date_compatible = date_compatible;
 Vue.prototype.$day_format = day_format;