Merge pull request #3598 from mikhailprivalov/modifyModalSheduleStati…

…onar

Лист назначений - модальное окно расписания v2

l2-frontend/src/fields/AggregateAssignments.vue

@@ -16,6 +16,7 @@
       <VeTable
         :columns="columns"
         :table-data="assignmentPagination"
+        :cell-style-option="cellStyleOption"
       />
       <div
         v-show="assignments.length === 0"
@@ -40,6 +41,7 @@
       :service-number="currentResearchPk"
       :direction-id="currentDirectionPk"
       @hide="showSchedule = false"
+      @slotFilled="slotFilled"
     />
   </div>
 </template>
@@ -135,6 +137,16 @@ const pageNumberChange = (number: number) => {
 const pageSizeChange = (size: number) => {
   pageSize.value = size;
 };
+
+const cellStyleOption = {
+  bodyCellClass: ({ row }) => {
+    if (row.schedule_date) {
+      return 'table-body-cell-green';
+    }
+    return '';
+  },
+};
+
 const assignments = ref([]);
 
 const getAssignments = async () => {
@@ -149,6 +161,10 @@ const assignmentPagination = computed(() => assignments.value.slice(
   page.value * pageSize.value,
 ));
 
+const slotFilled = () => {
+  getAssignments();
+};
+
 const printForm = () => {
   window.open(`/forms/pdf?type=107.03&&hosp_pk=${props.direction}`);
 };
@@ -201,4 +217,7 @@ onMounted(getAssignments);
     color: #FFF;
   }
 }
+.table-body-cell-green {
+  background: #a9cfbb !important;
+}
 </style>

l2-frontend/src/modals/ScheduleModal.vue

@@ -3,9 +3,9 @@
     ref="modal"
     show-footer="true"
     white-bg="true"
-    max-width="600px"
+    max-width="800px"
     width="100%"
-    height="20%"
+    height="50%"
     margin-left-right="auto"
     margin-top
     class="an"
@@ -20,6 +20,7 @@
         :card-id="props.cardPk"
         :service-pk="props.serviceNumber"
         :direction-id="props.directionId"
+        @fill-slot-ok="slotFilled"
       />
     </div>
     <div slot="footer">
@@ -59,14 +60,13 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(['hide']);
+const emit = defineEmits(['hide', 'slotFilled']);
 
 const hide = () => {
   emit('hide');
 };
 
+const slotFilled = () => {
+  emit('slotFilled');
+};
 </script>
-
-<style scoped lang="scss">
-
-</style>