Добавил форму Предварительного диагноза, фикс стилей

src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/ClinicalForm.vue

@@ -4,12 +4,13 @@
       :is-edit="change",
       :open-edit="openCard",
       :cancel="closeCard",
-      :tag="fillInspection || change"
+      :tag="fillInspection || change",
+      template
     )
       .protocol-body.flex.flex-col
         .flex.gap-x-4(:style="{height: change || fillInspection ? '300px' : ''}")
           .flex.flex-col.gap-y-1(:class="{'edit-form': change || fillInspection}")
-            .tag-wrap.flex.gap-x-1.gap-y-1(v-if="!fillInspection && selected")
+            .tag-wrap.flex.gap-x-1.gap-y-1
               .tag.flex.items-center.px-3.text-smm(
                 v-if="selected",
                 v-for="item in selected",
@@ -39,12 +40,7 @@
             .field.flex.flex-col.overflow-y-scroll.gap-y-1(v-if="data.results.diseases")
               .letter.flex.items-center.font-bold.text-base Некоторые инфекционные и паразитарные болезни
               .checkbox.flex.gap-x-2.items-center(v-for="disease in data.results.diseases")
-                q-checkbox(
-                  dense,
-                  v-model="selected",
-                  :val="disease",
-                  :style="{border: 'none', width: '16px', height: '16px'}"
-                )
+                q-checkbox(dense, v-model="selected", :val="disease")
                 .name.font-semibold.text-smm {{ disease.label }}
                 .name.font-medium.text-smm {{ disease.text }}
 </template>
@@ -72,6 +68,17 @@ export default {
       this.change = false;
     },
   },
+  watch: {
+    fillInspection: {
+      immediate: true,
+      handler(newVal) {
+        if (newVal) {
+          this.change = false;
+          this.selected = [];
+        }
+      },
+    },
+  },
 };
 </script>
 

src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/DiseaseForm.vue

@@ -9,7 +9,7 @@
   )
     .disease-body.flex
       .flex.flex-col.gap-y-17px.w-full(v-if="fillInspection || change")
-        .flex.-ml-2
+        .flex.-ml-2(v-if="data.key === 'disease'")
           q-checkbox.text-smm.font-medium(v-model="data.results.checked" label="Без особенностей" size="36px")
         .textarea.flex.w-full
           base-input.w-full(
@@ -78,10 +78,9 @@ export default {
       immediate: true,
       handler(newVal) {
         if (newVal) {
-          this.change = true;
+          this.change = false;
           this.modelValue = null;
         } else {
-          this.change = false;
           this.modelValue = this.state;
         }
       },