resources/js/pages/patients/PatientBioPanel.vue

@@ -1,6 +1,6 @@
 <script setup>
 const profile = ref(0)
-const color = ref(null)
+const color = ref(0)
 const props = defineProps({
   userData: {
     type: Object,

resources/js/pages/patients/PatientLabTest.vue

@@ -1,212 +0,0 @@
-<script setup>
-const props = defineProps({
-  userData: {
-    type: Object,
-    required: true,
-  },
-})
-import { onBeforeMount, onMounted, onUnmounted, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { useStore } from 'vuex';
-
-const store = useStore();
-const router = useRouter();
-const route = useRoute();
-const editDialog = ref(false);
-const deleteDialog = ref(false);
-const search = ref('');
-const appointmentId = ref('');
-const defaultItem = ref({
-  id: -1,
-  avatar: '',
-  name: '',
-  email: '',
-  dob: '',
-  phone_no: '',
-});
-
-const editedItem = ref({ ...defaultItem.value });
-const editedIndex = ref(-1);
-const patientMeetingList = ref([]);
-const isLoading = ref(false);
-
-// Status options
-const selectedOptions = [
-  { text: 'Active', value: 1 },
-  { text: 'InActive', value: 2 },
-];
-
-const refVForm = ref(null);
-
-// Headers
-const headers = [
-  // { title: 'Appointment Id', key: 'id' },
- 
-  { title: 'Lab Kit Name', key: 'name' },
-  { title: 'Phone', key: 'phone' },
-  // { key: 'appointment_date', sortable: false, title: 'Date' },
-  { key: 'address', title: 'Address' },
-  { key: 'amount', title: 'Amount' },
-  { key: 'status', title: 'Status' },
-//  { title: 'ACTIONS', key: 'actions' },
-];
-
-
-
-
-
-
-const formatDate = (date) => {
-  const messageDate = new Date(date);
-  const options = {
-    year: 'numeric',
-    month: 'numeric',
-    day: 'numeric',
-    hour: 'numeric', // Change from '2-digit' to 'numeric'
-    minute: '2-digit',
-    hour12: true, // Add hour12: true to get 12-hour format with AM/PM
-  };
-  const formattedDate = messageDate.toLocaleString('en-US', options).replace(/\//g, '-');
-  return `${formattedDate} `;
-};
-// Fetch and process the patient meeting list
-const getPatientMeetingList = async () => {
-  //store.dispatch('updateIsLoading', true);
-  //await store.dispatch('patientMeetingList', { id: route.params.id });
- // store.dispatch('updateIsLoading', false);
-
-  let list = props.userData.labkit;
- 
-  patientMeetingList.value = list
-  console.log(list);
-};
-
-// Lifecycle hooks
-onBeforeMount(() => {});
-onMounted(async () => {
-  await getPatientMeetingList();
-  
-});
-onUnmounted(() => {});
-const historyDetail = (item, value) => {
-    console.log('item',item.id ,value)
-    if(value == 'notes')
-    router.push('/admin/patient/meeting/notes/' + route.params.id + '/' + item.id);
-    if(value == 'prescription')
-    router.push('/admin/patient/meeting/prescription/' + route.params.id + '/' + item.id);
-}
-const menusVariant = [
-  'primary'
-];
-const options = [
-  {
-    title: 'Notes',
-    key: 'notes',
-  },
-  {
-    title: 'Prescription',
-    key: 'prescription',
-  },
-  
-]
-const getStatusColor = (status) => {
-    switch (status) {
-        case 'pending':
-            return 'warning'; // Use Vuetify's warning color (typically yellow)
-        case 'shipped':
-            return '#45B8AC'; // Use Vuetify's primary color (typically blue)
-        case 'delivered':
-            return 'success';
-        case 'returned':
-            return 'red';
-        case 'results':
-            return 'blue';
-        default:
-            return 'grey'; // Use Vuetify's grey color for any other status
-    }
-};
-</script>
-
-<template>
-
-  <v-row>
-    <v-col cols="12" md="12">
-      <v-card title="Lab Kits">
-        <v-card-text>
-          <v-row>
-            <v-col cols="12" offset-md="8" md="4">
-              <v-text-field
-                v-model="search"
-                label="Search"
-                placeholder="Search ..."
-                append-inner-icon="ri-search-line"
-                single-line
-                hide-details
-                dense
-                outlined
-              />
-            </v-col>
-          </v-row>
-        </v-card-text>
-        <v-data-table
-          :headers="headers"
-          :items="patientMeetingList"
-          :search="search"
-          :items-per-page="5"
-          class="text-no-wrap"
-        >
-          <template #item.id="{ item }">{{ item.id }}</template>
-          <template #item.provider_name="{ item }">
-            <div class="d-flex flex-column ms-3">
-                <router-link
-                  :to="{ name: 'admin-provider-profile', params: { id: item.provider_id } }"
-                  class="highlighted"
-                >
-              <span class="d-block font-weight-medium  text-truncate">{{ item.provider_name }}</span>
-               </router-link>
-            
-            </div>
-            </template>
-            <template #item.status="{ item }">
-          <VChip
-            :color="getStatusColor(item.status)"
-            density="comfortable"
-          >
-            {{ item.status}}
-          </VChip>
-        </template>
-          <template #item.address="{ item }">{{ item.shipping_address1 }} <br/>{{ item.shipping_city }} {{ item.shipping_state }} {{ item.shipping_zipcode }}</template>
-          <!-- Actions -->
-          <template #item.actions="{ item }">
-          <div class="demo-space-x">
-          <VMenu
-            v-for="menu in menusVariant"
-            :key="menu"
-          >
-            <template #activator="{ props }">
-              
-                <i class="ri-more-2-line cursor-pointer" style="font-size: 32px;" v-bind="props"></i>
-              
-            </template>
-
-            <v-list>
-            <v-list-item
-              v-for="opt in options"
-              :key="opt.value"
-              @click="historyDetail(item, opt.key)"
-            >
-              {{ opt.title }}
-            </v-list-item>
-          </v-list>
-          </VMenu>
-        </div>
-            <!-- <div class="d-flex gap-1">
-              <VBtn class="text-capitalize text-white" @click="historyDetail(item)"> Detail
-                            </VBtn>
-            </div> -->
-          </template>
-        </v-data-table>
-      </v-card>  
-    </v-col>
-  </v-row>
-</template>

resources/js/pages/patients/patient-profile.vue

@@ -2,7 +2,6 @@
 import NotesPanel from '@/pages/patients/NotesPanel.vue'
 import PatienTabOverview from '@/pages/patients/PatienTabOverview.vue'
 import PatientBioPanel from '@/pages/patients/PatientBioPanel.vue'
-import PatientLabTest from '@/pages/patients/PatientLabTest.vue'
 import PatientQuestionProfile from '@/pages/patients/PatientQuestionProfile.vue'
 import PrescriptionPanel from '@/pages/patients/PrescriptionPanel.vue'
 
@@ -25,10 +24,6 @@ const tabs = [
   {
     icon: 'ri-bookmark-line',
     title: 'Prescriptions',
-  },
-   {
-    icon: 'ri-flask-line',
-    title: 'Lab Test',
   },
   {
     icon: 'ri-survey-line',
@@ -103,10 +98,6 @@ onMounted(async () => {
           <PrescriptionPanel :prescription-data="patientDtail"/>
         </VWindowItem>
 
-       <VWindowItem>
-          <PatientLabTest :user-data="patientDtail"/>
-        </VWindowItem>
-
         <VWindowItem>
           <PatientQuestionProfile />
         </VWindowItem>

resources/js/plugins/i18n/locales/en.json

@@ -159,7 +159,6 @@
   "Patients": "Patients",
   "Lab Kites": "Lab Kites",
   "Providers": "Providers",
-  "Prodcuts": "Prodcuts",
   "Labs": "Labs",
   "Medicines": "Medicines",
   "Profile": "Profile",

typed-router.d.ts

@@ -161,7 +161,6 @@ declare module 'vue-router/auto/routes' {
     'patients-patient-profile': RouteRecordInfo<'patients-patient-profile', '/patients/patient-profile', Record<never, never>, Record<never, never>>,
     'patients-patien-tab-overview': RouteRecordInfo<'patients-patien-tab-overview', '/patients/PatienTabOverview', Record<never, never>, Record<never, never>>,
     'patients-patient-bio-panel': RouteRecordInfo<'patients-patient-bio-panel', '/patients/PatientBioPanel', Record<never, never>, Record<never, never>>,
-    'patients-patient-lab-test': RouteRecordInfo<'patients-patient-lab-test', '/patients/PatientLabTest', Record<never, never>, Record<never, never>>,
     'patients-patient-question-profile': RouteRecordInfo<'patients-patient-question-profile', '/patients/PatientQuestionProfile', Record<never, never>, Record<never, never>>,
     'patients-patients': RouteRecordInfo<'patients-patients', '/patients/patients', Record<never, never>, Record<never, never>>,
     'patients-prescription-panel': RouteRecordInfo<'patients-prescription-panel', '/patients/PrescriptionPanel', Record<never, never>, Record<never, never>>,