[WIP] Добавил приоритет клиента, обработку ввода паспортных данных, фикс чекбокса выбора клиента

src/pages/clients/components/ClientDetailInfoSection.vue

@@ -68,15 +68,13 @@
             v-model:value="sectionInfo[key]",
             :width="settings[section].width",
             :placeholder="settings[section].placeholder[key]"
+            :sharp="settings[section].sharps[key] && section === 'pass' ? settings[section].sharps[key] : ''"
           )
-          base-input.max-h-10.py-2.pl-3(
+          base-input-date.input(
             v-else-if="isChange && section !== 'docs'",
-            type="date",
             v-model:value="sectionInfo.issued_by_date"
-            :max-date="`${currentYear}-12-31`",
-            dateInput
           )
-            .copy.icon-copy.cursor-pointer(
+             .copy.icon-copy.cursor-pointer(
               v-if="item.copy",
               @click="() => copyValue(item)"
             )
@@ -123,9 +121,9 @@ import TableAddingNewAdditional from "@/pages/clients/components/TableAddingNewA
 import TableCreatePackageDoc from "@/pages/clients/components/TableCreatePackageDoc";
 import ClientDetailSectionAddress from "@/pages/clients/components/ClientDetailSectionAddress";
 import TableChoiceAddingDoc from "@/pages/clients/components/TableChoiceAddingDoc";
-import BaseInput from "@/components/base/BaseInput";
 import BasePopup from "@/components/base/BasePopup";
 import BaseModal from "@/components/base/BaseModal";
+import BaseInputDate from "@/components/base/BaseInputDate";
 import { detail } from "@/pages/clients/utils/tableConfig";
 import pdfIcon from "@/assets/icons/pdf.svg";
 import wordIcon from "@/assets/icons/word.svg";
@@ -134,7 +132,7 @@ export default {
   name: "ClientDetailInfoSection",
   components: {
     BaseButton,
-    BaseInput,
+    BaseInputDate,
     BasePopup,
     BaseModal,
     ClientDetailInput,
@@ -367,4 +365,7 @@ export default {
   width: 38px
   z-index: 1
   background: var(--light-grey-bg-color)
+
+.input
+  border: 1.5px solid var(--border-light-grey-color)
 </style>

src/pages/clients/components/ClientDetailInput.vue

@@ -1,15 +1,25 @@
 <template lang="pug">
   .input-wrapper.flex.gap-x-2.px-3.box-border.w-max-fit(class="py-2.5")
     textarea.place-input.w-full.outline-0.text-sm.not-italic.resize-none.font-medium(
+      v-if="!sharp"
       :rows="Math.ceil(value.length/heightInput)",
       :value="value",
       @input="$emit('update:value', $event.target.value)",
       :placeholder="placeholder",
     )
+    input.place-input.w-full.outline-0.text-sm.not-italic.resize-none.font-medium(
+      v-else,
+      :rows="Math.ceil(value.length/heightInput)",
+      :value="value",
+      @input="$emit('update:value', $event.target.value)",
+      :placeholder="placeholder",
+      v-mask="sharp"
+    ) 
     slot
 </template>
 
 <script>
+import { mask } from "vue-the-mask";
 export default {
   name: "ClientDetailInput",
   props: {
@@ -20,7 +30,7 @@ export default {
       default: "Поиск",
     },
   },
-
+  directives: { mask },
   computed: {
     heightInput() {
       return ((this.width / 100) * 70) / 11;

src/pages/clients/components/ClientsTableCheckbox.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  input.checkbox.cursor-pointer(type="checkbox" :id="id" :checked="isCheck" @change="(e) => check(e)")
+  input.checkbox.cursor-pointer(type="checkbox" :id="id" :checked="isCheck" @click.stop @change="(e) => check(e)")
 </template>
 
 <script>

src/pages/clients/components/FormCreateBasicInfo.vue

@@ -22,6 +22,7 @@
         base-input.input-info(
           v-model:value="phone.username",
           placeholder="+7 (915) 644–92–23",
+          v-mask="'+7 (###) ###-##-##'",
           :width-input="277"
         )
       .flex.flex-col(class="gap-y-1.5")
@@ -56,6 +57,7 @@ import BaseInput from "@/components/base/BaseInput";
 import BaseAddingNetwork from "@/components/base/BaseAddingNetwork";
 import { column } from "@/pages/clients/utils/tableConfig";
 import BaseCustomSelect from "@/components/base/BaseCustomSelect";
+import { mask } from "vue-the-mask";
 export default {
   name: "FormCreateBasicInfo",
   components: {
@@ -76,6 +78,7 @@ export default {
     addNetwork: Function,
     currentYear: Number,
   },
+  directives: { mask },
   data() {
     return {
       networks: column.find((el) => el.name === "networks"),