changes

app/components/common/InputNumber.vue

@@ -1,24 +1,34 @@
 <template>
-  <div class="control has-icons-left">
-    <input
-      type="text"
-      v-model="value"
-      :class="['input', disabled && 'has-text-black']"
-      :placeholder="placeholder || ''"
-      @keyup="doCheck"
-      :disabled="disabled"
-    />
-    <span class="icon is-left">
-      <Icon
-        name="mdi:calculator"
-        :size="22"
+  <div class="field has-addons">
+    <p class="control has-icons-left has-icons-right is-expanded">
+      <input
+        type="text"
+        v-model="value"
+        @keyup="doCheck"
+        :class="['input', disabled && 'has-text-black']"
+        :placeholder="placeholder || ''"
+        :disabled="disabled"
       />
-    </span>
+      <span class="icon is-left">
+        <Icon
+          name="mdi:calculator"
+          :size="22"
+        />
+      </span>
+    </p>
+    <p
+      v-if="unit"
+      class="control"
+    >
+      <a class="button is-static fs-12 h-full">
+        {{ unit }}
+      </a>
+    </p>
   </div>
 </template>
 <script>
 export default {
-  props: ["record", "attr", "placeholder", "disabled", "defaultValue"],
+  props: ["record", "attr", "placeholder", "disabled", "defaultValue", "unit"],
   data() {
     return {
       value: this.getInitialValue(),