Исправил редактирование приоритета, возраста, телефона клиента

src/pages/clients/components/cells/TableCellBodyPhone.vue

@@ -1,11 +1,20 @@
 <template lang="pug">
   .flex.box-border.px-4.items-center.w-full.text-sm(:style="{ minWidth : width + 'px' }")
-    span.text-sm(v-if="!isOpenChange") {{value.phone.username.replace(/\+7(\d{3})(\d{3})(\d{2})(\d{2})/, '+7 ($1) $2-$3-$4')}}
-    base-input(v-if="isOpenChange" :width-input="154" v-model:value="value.phone.username" :placeholder="value.phone.username")
+    span.text-sm(
+      v-if="!isOpenChange"
+    ) {{value.phone.username.replace(/\+7(\d{3})(\d{3})(\d{2})(\d{2})/, '+7 ($1) $2-$3-$4')}}
+    base-input(
+      v-if="isOpenChange",
+      :width-input="154",
+      v-model:value="value.phone.username",
+      :placeholder="value.phone.username",
+      v-mask="'+7 (###) ###-##-##'"
+    )
 </template>
 
 <script>
 import BaseInput from "@/components/base/BaseInput";
+import { mask } from "vue-the-mask";
 export default {
   name: "TableCellBodyPhone",
   components: { BaseInput },
@@ -14,5 +23,6 @@ export default {
     width: Number,
     isOpenChange: Boolean,
   },
+  directives: { mask },
 };
 </script>