WIP Интегрировал форму Основных данных с беком

src/components/base/BaseSelect.vue

@@ -8,13 +8,14 @@
         :hide-dropdown-icon="hideDropdownIcon"
         :borderless="borderless",
         :outlined="outlined",
-        bg-color="white",
+        :bg-color="bgColor",
+        :standout="standout",
         dense,
         emit-value,
         map-options
       )
         template(v-slot:selected)
-          span(v-if="!value.icon") {{ textSelect }}
+          span(v-if="!value?.icon") {{ textSelect }}
           q-icon(
             v-else,
             :name="iconSelect",
@@ -22,7 +23,7 @@
           )
         template(
           v-slot:option="scope",
-          v-if="value.icon"
+          v-if="value?.icon"
         )
           q-item(v-bind="scope.itemProps", style="justify-content: center")
             q-item-section(avatar, style="padding: 0px; min-width: 0px")
@@ -41,10 +42,18 @@ export default {
     hideDropdownIcon: Boolean,
     borderless: Boolean,
     modelValue: [Object, String],
+    bgColor: {
+      type: String,
+      default: "white",
+    },
     outlined: {
       type: Boolean,
       default: true,
     },
+    standout: {
+      type: [Boolean, String],
+      default: false,
+    },
     items: {
       type: Array,
       default: () => [],
@@ -80,7 +89,7 @@ export default {
       },
     },
     textSelect() {
-      return this.value.label ? this.value.label : this.placeholder;
+      return this.value?.label ? this.value.label : this.placeholder;
     },
     iconSelect() {
       return this.value?.icon ? this.value.icon : this.placeholder;