积分改成万显示

zhiyangdu
1 parent 94b1cb70
Showing 2 changed files with 69 additions and 54 deletions
src/components/goodsItem_7/goodsItem_7.vue
src/main.js
@@ -24,11 +24,11 @@
 				</div> -->
          <!-- 积分加现金 -->
         <div v-if="goodType == 1" class="price-title-box">
-        {{item.num}}<span>积分 <span v-show="parseInt(item.price)>0">+ {{item.price}}元</span></span> 
+        {{parseInt(item.num)>9999?this.formatDecimal((item.num / 10000), 0) +"万":item.num}}<span>积分 <span v-show="parseInt(item.price)>0">+ {{item.price}}元</span></span> 
         </div>
-          <!-- 积分 -->
+        <!-- 积分 -->
         <div v-else-if="company == 1 || company == 2" class="grade-box" >
-            <span class="num" :class="{'grey-box':company == 2}">{{item.num}}</span>
+            <span class="num" :class="{'grey-box':company == 2}">        {{parseInt(item.num)>9999?this.formatDecimal((item.num / 10000), 0) +"万":item.num}}</span>
             <span v-if="company==1">积分</span><span v-else>健康值</span>   
 				</div>                
           <!-- 价格 -->
@@ -49,59 +49,59 @@
  
 <script>
 export default {
-    data: function () {
-        return {
+  data: function () {
+    return {
  
-        }
+    }
+  },
+  props: ["item", "goodType", "company"],
+  computed: {
+
+    /**
+     * 获取输入数字的整数部分
+     */
+    getInteger () {
+      return (number) => {
+        return parseInt(number);
+      }
     },
-    props: ["item","goodType", "company"],
-    computed: {
  
-        /**
-         * 获取输入数字的整数部分
-         */
-        getInteger () {
-            return (number) => {
-                return parseInt(number);
-            }
-        },
+    /**
+     * 获取输入数字的小数部分
+     */
+    getDecimal () {
+      return (number) => {
+
+        // 拆分数字
+        let numberArr = number.toString().split(".");
  
-        /**
-         * 获取输入数字的小数部分
-         */
-        getDecimal () {
-            return (number) => {
-                
-                // 拆分数字
-                let numberArr = number.toString().split(".");
-                
-                // 判断是否有效数部分
-                if (numberArr.length === 2) {
-                    return numberArr[1];
-                } else {
-                    return "00";
-                }
-            }
+        // 判断是否有效数部分
+        if (numberArr.length === 2) {
+          return numberArr[1];
+        } else {
+          return "00";
         }
+      }
+    }
+  },
+  methods: {
+
+    /**
+     * 点击跳转
+     * @param {object} item [数据对象]
+     */
+    jump (item) {
+      this.$emit("jump", item);
     },
-    methods: {
  
-        /**
-         * 点击跳转
-         * @param {object} item [数据对象]
-         */
-        jump (item) {
-            this.$emit("jump", item);
-        },
-        
-        /**
-         * 主按钮点击事件
-         * @param {object} item [数据对象]
-         */
-        primary (item) {
-            this.$emit("primary", item);
-        }
+    /**
+     * 主按钮点击事件
+     * @param {object} item [数据对象]
+     */
+    primary (item) {
+      this.$emit("primary", item);
     }
+  }
 }
 </script>
  
@@ -598,13 +598,28 @@ Vue.filter(&quot;datetime&quot;, function(value, fmt) {
 });
 /* 过滤器 结束 */
  
-/* 修改页面标题指令 开始 */
-Vue.directive("title", {
-    inserted: function(el, binding) {
-        document.getElementsByTagName("title").innerHtml(binding.value);
-        el.remove();
+/*数据返回一斤万为单位处理
+ *  @param {int} num [数据]
+ * @returns {decimal} [保留小数点位数]
+ */
+(Vue.prototype.formatDecimal = function(num, decimal) {
+    num = num.toString();
+    let index = num.indexOf(".");
+    if (index !== -1) {
+        num = num.substring(0, decimal + index + 1);
+    } else {
+        num = num.substring(0);
     }
-});
+    return parseFloat(num).toFixed(decimal);
+}),
+    /*数据返回一斤万为单位结束*/
+    /* 修改页面标题指令 开始 */
+    Vue.directive("title", {
+        inserted: function(el, binding) {
+            document.getElementsByTagName("title").innerHtml(binding.value);
+            el.remove();
+        }
+    });
 /*
  *处理更改地址在安卓手机下选择地址后传过去的参数
  *不在url返回会存在localStorage的ext内,用该方法进行查询