add price per count (#134)

Co-authored-by: AceDataCloud <[email protected]>

change/@acedatacloud-nexior-5d8ce26a-e2db-48ad-973f-685e7828e3e3.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "add price per count",
+  "packageName": "@acedatacloud/nexior",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

src/components/service/Estimation.vue

@@ -4,6 +4,14 @@
       <div v-for="(item, itemIndex) in api?.estimation" :key="itemIndex" class="items">
         <p v-if="package?.amount && item?.cost" class="item">
           ≈ {{ item.name }} {{ Math.round(package.amount / item.cost) }} {{ $t('api.unit.count') }}
+          <span v-if="package.price > 0">
+            -
+            {{
+              getPriceString({ value: package.price / (package.amount / item.cost), fractionDigits: 3 }) +
+              ' / ' +
+              $t(`api.unit.count`)
+            }}
+          </span>
           <span v-if="item.remark"> ({{ item.remark }}) </span>
           <span v-if="item?.comparisons?.length > 0"> - </span>
           <span v-for="(comparison, comparisonIndex) in item?.comparisons" :key="comparisonIndex" class="comparison">
@@ -25,6 +33,7 @@
 <script lang="ts">
 import { IService, IPackage } from '@/operators';
 import { defineComponent } from 'vue';
+import { getPriceString } from '@/utils';
 
 export default defineComponent({
   name: 'ServiceEstimation',
@@ -38,6 +47,9 @@ export default defineComponent({
       type: Object as () => IPackage | undefined,
       required: true
     }
+  },
+  methods: {
+    getPriceString
   }
 });
 </script>

src/utils/price.ts

@@ -28,8 +28,12 @@ export const getPrice = (payload: { value: number; currency?: string }) => {
   };
 };
 
-export const getPriceString = (payload: { value: number | undefined; defaultValue?: number | undefined }) => {
-  let { value, defaultValue } = payload;
+export const getPriceString = (payload: {
+  value: number | undefined;
+  defaultValue?: number | undefined;
+  fractionDigits?: number | undefined;
+}) => {
+  let { value, defaultValue, fractionDigits = 2 } = payload;
   if (value === undefined) {
     value = defaultValue;
   }
@@ -39,5 +43,5 @@ export const getPriceString = (payload: { value: number | undefined; defaultValu
   const price = getPrice({
     value
   });
-  return `${price.label}${price.value?.toFixed(2)}`;
+  return `${price.label}${price.value?.toFixed(fractionDigits)}`;
 };