listo select status

components/selects/SelectStatus.vue

@@ -3,15 +3,19 @@
     <b-select
       icon="store"
       :loading="isLoadingSelect"
-      v-model="status"
+      v-model="idStatus"
       expanded
       rounded
     >
-      <option :disabled="deshabilitarOptVacia" :value="objVacio">
+      <option :disabled="deshabilitarOptVacia" :value="0">
         Selecciona una opción
       </option>
 
-      <option v-for="(s, index) in catalogoStatus" :key="index" :value="s">
+      <option
+        v-for="(s, index) in catalogoStatus"
+        :key="index"
+        :value="s.id_status"
+      >
         {{ s.status }}
       </option>
     </b-select>
@@ -25,15 +29,14 @@ export default {
   props: {
     deshabilitarOptVacia: { typeof: Boolean, required: false, default: true },
     idInstitucion: { type: Number, required: true, default: 0 },
-    statusPadre: { type: Object, required: true, default: () => ({}) },
+    idStatusPadre: { type: Number, required: true, default: 0 },
     columnSize: { typeof: String, required: false, default: '' },
   },
   data: () => {
     return {
       catalogoStatus: [],
       isLoadingSelect: false,
-      status: {},
-      objVacio: {},
+      idStatus: 0,
     }
   },
   methods: {
@@ -53,16 +56,14 @@ export default {
     },
   },
   watch: {
-    status(statusSeleccionado) {
+    idStatus(statusSeleccionado) {
       this.$emit('status-seleccionado', statusSeleccionado)
     },
-    statusPadre(nuevoStatus) {
-      if (this.$funcionesGlobales.objIsEmpty(nuevoStatus))
-        this.status = this.objVacio
+    idStatusPadre(nuevoStatus) {
+      this.idStatus = nuevoStatus
     },
   },
   created() {
-    this.status = this.objVacio
     this.obtenerCatalogoStatus()
   },
 }