[WIP] Добавил иконку удаления фотографии полиса

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>