修复算法配置的字段内容

zhangzengfei

2022-08-23 e37e45cfe1123928dba5d9c5a427b0ee497b7ad6

 src/components/Price.vue

@@ -1,17 +1,19 @@

<template>
  <div class="Price" v-if="priceNew">
    ￥<span class="newPrice">{{ priceN1 }}</span
  <div class="Price" style="height: 30px">
    <!--  ￥<span class="newPrice">{{ priceN1 }}</span
    >{{ priceN2 }}/年
    <span class="iconSave" v-if="showIcon">省</span>
    <span class="oldPrice">￥{{ priceO1 }}{{ priceO2 }}/年</span>
    <span class="oldPrice">￥{{ priceO1 }}{{ priceO2 }}/年</span> -->
  </div>
</template>

<script>
export default {
  props: {
    priceNew: {},
    priceNew: {
      default: 0,
    },
    showIcon: {
      default: false,
    },
@@ -42,6 +44,27 @@
      this.priceO2 = ".00";
    }
  },

  watch: {
    priceNew() {
      const priceO = (this.priceNew * 1.2 + "").split(".");
      const priceN = (this.priceNew + "").split(".");
      if (priceN.length > 1) {
        this.priceN1 = priceN[0];
        this.priceN2 = "." + priceN[1];
      } else {
        this.priceN1 = priceN[0];
        this.priceN2 = ".00";
      }
      if (priceO.length > 1) {
        this.priceO1 = priceO[0];
        this.priceO2 = "." + priceO[1];
      } else {
        this.priceO1 = priceO[0];
        this.priceO2 = ".00";
      }
    },
  },
};
</script>