From 4df2b1802373326c6d9451019e3538a9985a7744 Mon Sep 17 00:00:00 2001
From: megavrilinvv <vastre@rambler.ru>
Date: Mon, 24 Apr 2023 12:37:43 +0300
Subject: [PATCH] =?UTF-8?q?[WIP]=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=B8=D0=BA=D0=BE=D0=BD=D0=BA=D1=83=20=D1=83=D0=B4?=
 =?UTF-8?q?=D0=B0=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F=20=D1=84=D0=BE=D1=82=D0=BE?=
 =?UTF-8?q?=D0=B3=D1=80=D0=B0=D1=84=D0=B8=D0=B8=20=D0=BF=D0=BE=D0=BB=D0=B8?=
 =?UTF-8?q?=D1=81=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BasicDataForms/InsuranceForm.vue          | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue b/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue
index f194858..5976211 100644
--- a/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue
+++ b/src/pages/newMedicalCard/components/BasicDataForms/InsuranceForm.vue
@@ -18,11 +18,18 @@
         )
           .label-field.font-sm.text-sm.whitespace-nowrap {{`${field.label} :`}}
           .avatar-field.flex.gap-3.items-center.h-10.w-10(v-if="field.type === 'avatar'")
-            .flex.w-10.h-10(v-if="basic[insurance.insuranceKey][field.key]?.photo")
+            .flex.w-10.h-10.relative(v-if="basic[insurance.insuranceKey][field.key]?.photo")
               img.avatar.object-cover(
                 :src="basic[insurance.insuranceKey][field.key].photo",
                 alt="AV"
               )
+              q-badge.delete(
+                floating,
+                v-if="isEdit",
+                @click="removeImage(insurance?.insuranceKey, field?.key)",
+                rounded
+              )
+                q-icon(name="app:icon-cancel", size="8px")
             .replace-photo.font-medium.text-base.cursor-pointer(
               v-if="isEdit",
               @click="changeModal(insurance.insuranceKey)"
@@ -143,6 +150,10 @@ export default {
         localStorage.removeItem("searchBenefit", text);
       }
     },
+    removeImage(docKey, field) {
+      this.basic[docKey][field] = {};
+      this.isCheckChange = true;
+    },
     checkCopiedFields(key, item) {
       return (
         !this.isEdit &&
@@ -375,4 +386,10 @@ export default {
 
 .label-field
   color: var(--font-grey-color)
+
+.q-badge
+  padding: 4px
+  cursor: pointer
+.delete
+  background-color: var(--btn-red-color)
 </style>