[WIP] Добавил состояние отсутсвующих данных

src/pages/clients/components/ClientDetailInfoSection.vue

@@ -41,35 +41,37 @@
             :save-additional="saveDocs"
           )
     .section-body.w-full.flex.flex-col.px-4.pt-3.pb-4.gap-y-4
-      .flex.flex-col(v-for="(item, key) in sectionInfo" class="gap-y-1.5")
+      .flex.flex-col(class="gap-y-1.5")
-        span.title-section.font-semibold.text-xs(v-if="settings[section].options") {{settings[section].options[key]}}
+        .flex.flex-col(v-for="(item, key) in sectionInfo" v-if="lackPass || lackAddress" class="gap-y-1.5")
-        span.title-section.font-semibold.text-xs(v-if="item.header") {{item.header}}
+          span.title-section.font-semibold.text-xs(v-if="settings[section].options") {{settings[section].options[key]}}
-        client-detail-input.text-sm.text-sm.w-max-fit(
+          span.title-section.font-semibold.text-xs(v-if="item.header") {{item.header}}
-          v-if="section!=='docs' && isChange",
+          client-detail-input.text-sm.text-sm.w-max-fit(
-          :style="{fontWeight:key === 'numba'&&600}",
+            v-if="section!=='docs' && isChange",
-          v-model:value="sectionInfo[key]",
+            :style="{fontWeight:key === 'numba'&&600}",
-          :width="settings[section].width"
+            v-model:value="sectionInfo[key]",
-          :sharp="settings[section].sharps[key]"
+            :width="settings[section].width"
-        )
-          .copy.icon-copy.cursor-pointer(
-            v-if="item.copy",
-            @click="() => copyValue(item)"
           )
-        .flex(v-if="settings[section].options && !isChange")
+            .copy.icon-copy.cursor-pointer(
-          span.text-sm.w-fit(:style="{fontWeight:key === 'numba'&&600}") {{item}}
+              v-if="item.copy",
-          .copy.icon-copy.cursor-pointer.pl-4(
+              @click="() => copyValue(item)"
-            v-if="key === 'numba'",
+            )
-            @click="() => copyValue(item)"
+          .flex(v-if="settings[section].options && !isChange")
-          )
+            span.text-sm.w-fit(:style="{fontWeight:key === 'numba'&&600}") {{item}}
-        .flex(v-if="item.name && !isChange")
+            .copy.icon-copy.cursor-pointer.pl-4(
-          span.text-sm.w-fit {{item.title}}
+              v-if="key === 'numba'",
-        .flex.items-center(v-if="item.title")
+              @click="() => copyValue(item)"
-          .icon-cancel.cancel.cursor-pointer.pr-3.text-xsm(
+            )
-            v-if="isChange",
+          .flex(v-if="item.name && !isChange")
-            :id="item.id",
+            span.text-sm.w-fit {{item.title}}
-            @click="(e) => deleteDoc(e)"
+          .flex.items-center(v-if="item.title")
-          )
+            .icon-cancel.cancel.cursor-pointer.pr-3.text-xsm(
-          span.text-sm {{item.title}}
+              v-if="isChange",
+              :id="item.id",
+              @click="(e) => deleteDoc(e)"
+            )
+            span.text-sm {{item.title}}
+        .flex.justify-center.items.center(v-else)
+          .flex(@click="!lackPass") Добавить данные
 </template>
 
 <script>
@@ -93,6 +95,8 @@ export default {
     deleteDoc: Function,
     updateDocument: Function,
     updateAddress: Function,
+    lackPass: Boolean,
+    lackAddress: Boolean,
   },
 
   data() {

src/pages/clients/components/ClientDetailInfoWrapper.vue

@@ -4,12 +4,14 @@
       v-model:section-info="dataDocument"
       section="pass"
       :update-document="updateDocument"
+      :lack-pass="lackPass"
     )
     .flex.flex-col
       client-detail-info-section(
         :section-info="dataAddress"
         section="addresses"
         :update-address="updateAddress"
+        :lack-address="lackAddress"
       )
     .flex.flex-col
       client-detail-info-section(
@@ -34,6 +36,8 @@ export default {
     dataDocument: Object,
     updateDocument: Function,
     updateAddress: Function,
+    lackPass: Boolean,
+    lackAddress: Boolean,
   },
 };
 </script>

src/pages/clients/components/ClientDetailInput.vue

@@ -1,10 +1,10 @@
 <template lang="pug">
   .input-wrapper.flex.gap-x-2.px-3.box-border.w-max-fit(class="py-2.5")
-    input.place-input.w-full.outline-0.text-sm.not-italic.resize-none(
+    textarea.place-input.w-full.outline-0.text-sm.not-italic.resize-none(
       :rows="Math.ceil(value.length/heightInput)"
       :value="value"
       @input="$emit('update:value', $event.target.value)"
-      v-mask="sharp"
+
     )
     slot
 </template>

src/pages/clients/components/ClientsTableRow.vue

@@ -24,6 +24,8 @@
       :delete-doc="deleteDoc"
       :update-document="postUpdateIdentityDocument"
       :update-address="postUpdateAddress"
+      :lack-pass="lackPass"
+      :lack-address="lackAddress"
     )
 </template>
 
@@ -73,6 +75,8 @@ export default {
       dataClient: {},
       docId: "",
       addressId: "",
+      lackPass: true,
+      lackAddress: true,
     };
   },
   props: {
@@ -215,17 +219,32 @@ export default {
       this.saveAddress(data.address[0]);
       this.saveAttachments([...data.attachments]);
     },
+    addDoc() {
+      this.lackPass = false;
+    },
+
     saveIdentityDocument(data) {
-      this.dataIdentityDocument = {
+      if (
-        numba:
+        data?.series ||
-          data?.series && data?.numba
+        data?.numba ||
-            ? data?.series + " " + data?.numba || ""
+        data?.issued_by_org ||
+        data?.issued_by_org_code ||
+        data?.issued_by_date
+      ) {
+        this.dataIdentityDocument = {
+          numba:
+            data.series && data.numba ? data?.series + " " + data?.numba : "",
+          issued_by_org: data.issued_by_org ? data?.issued_by_org : "",
+          issued_by_org_code: data.issued_by_org_code
+            ? data?.issued_by_org_code
             : "",
-        issued_by_org: data?.issued_by_org || "",
+          issued_by_date: data.issued_by_date
-        issued_by_org_code: data?.issued_by_org_code || "",
+            ? data?.issued_by_date.split("-").reverse().join(".")
-        issued_by_date:
+            : "",
-          data?.issued_by_date.split("-").reverse().join(".") || "",
+        };
-      };
+      } else {
+        this.lackPass = false;
+      }
       this.docId = data?.id;
     },
     postUpdateIdentityDocument() {
@@ -243,9 +262,16 @@ export default {
         .then(() => this.fetchClientDetail(this.id));
     },
     saveAddress(data) {
-      this.dataAddress = {
+      if (data?.join_adress) {
-        join_adress: data?.join_adress || "",
+        this.dataAddress = {
-      };
+          join_adress: data?.join_adress
+            ? data?.join_adress
+            : (this.lackAddress = false),
+        };
+      } else {
+        this.lackAddress = false;
+      }
+
       this.addressId = data?.id;
     },
     postUpdateAddress() {