medical report implementation contd.
Haroon Amjad
2 months ago
parent
de717edfe8
commit
14725616c6
@ -0,0 +1,192 @@
|
|||||||
|
class PatientMedicalReportResponseModel {
|
||||||
|
int? status;
|
||||||
|
String? encounterDate;
|
||||||
|
int? projectID;
|
||||||
|
int? invoiceNo;
|
||||||
|
int? encounterNo;
|
||||||
|
String? procedureId;
|
||||||
|
int? requestType;
|
||||||
|
String? setupId;
|
||||||
|
int? patientID;
|
||||||
|
int? doctorID;
|
||||||
|
int? clinicID;
|
||||||
|
String? requestDate;
|
||||||
|
bool? isRead;
|
||||||
|
dynamic isReadOn;
|
||||||
|
num? actualDoctorRate;
|
||||||
|
String? admissionDate;
|
||||||
|
int? admissionNumber;
|
||||||
|
String? appointmentDate;
|
||||||
|
int? appointmentNO;
|
||||||
|
String? appointmentTime;
|
||||||
|
String? clinicDescription;
|
||||||
|
dynamic clinicDescriptionN;
|
||||||
|
num? decimalDoctorRate;
|
||||||
|
String? docName;
|
||||||
|
dynamic docNameN;
|
||||||
|
String? doctorImageURL;
|
||||||
|
String? doctorName;
|
||||||
|
dynamic doctorNameN;
|
||||||
|
num? doctorRate;
|
||||||
|
num? doctorStarsRate;
|
||||||
|
int? invoiceNoVP;
|
||||||
|
dynamic invoiceType;
|
||||||
|
bool? isDoctorAllowVedioCall;
|
||||||
|
bool? isExecludeDoctor;
|
||||||
|
bool? isInOutPatient;
|
||||||
|
String? isInOutPatientDescription;
|
||||||
|
String? isInOutPatientDescriptionN;
|
||||||
|
int? noOfPatientsRate;
|
||||||
|
String? projectName;
|
||||||
|
dynamic projectNameN;
|
||||||
|
int? sourceID;
|
||||||
|
dynamic sourceName;
|
||||||
|
dynamic sourceNameN;
|
||||||
|
String? statusDesc;
|
||||||
|
dynamic strAppointmentDate;
|
||||||
|
|
||||||
|
PatientMedicalReportResponseModel(
|
||||||
|
{this.status,
|
||||||
|
this.encounterDate,
|
||||||
|
this.projectID,
|
||||||
|
this.invoiceNo,
|
||||||
|
this.encounterNo,
|
||||||
|
this.procedureId,
|
||||||
|
this.requestType,
|
||||||
|
this.setupId,
|
||||||
|
this.patientID,
|
||||||
|
this.doctorID,
|
||||||
|
this.clinicID,
|
||||||
|
this.requestDate,
|
||||||
|
this.isRead,
|
||||||
|
this.isReadOn,
|
||||||
|
this.actualDoctorRate,
|
||||||
|
this.admissionDate,
|
||||||
|
this.admissionNumber,
|
||||||
|
this.appointmentDate,
|
||||||
|
this.appointmentNO,
|
||||||
|
this.appointmentTime,
|
||||||
|
this.clinicDescription,
|
||||||
|
this.clinicDescriptionN,
|
||||||
|
this.decimalDoctorRate,
|
||||||
|
this.docName,
|
||||||
|
this.docNameN,
|
||||||
|
this.doctorImageURL,
|
||||||
|
this.doctorName,
|
||||||
|
this.doctorNameN,
|
||||||
|
this.doctorRate,
|
||||||
|
this.doctorStarsRate,
|
||||||
|
this.invoiceNoVP,
|
||||||
|
this.invoiceType,
|
||||||
|
this.isDoctorAllowVedioCall,
|
||||||
|
this.isExecludeDoctor,
|
||||||
|
this.isInOutPatient,
|
||||||
|
this.isInOutPatientDescription,
|
||||||
|
this.isInOutPatientDescriptionN,
|
||||||
|
this.noOfPatientsRate,
|
||||||
|
this.projectName,
|
||||||
|
this.projectNameN,
|
||||||
|
this.sourceID,
|
||||||
|
this.sourceName,
|
||||||
|
this.sourceNameN,
|
||||||
|
this.statusDesc,
|
||||||
|
this.strAppointmentDate});
|
||||||
|
|
||||||
|
PatientMedicalReportResponseModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
status = json['Status'];
|
||||||
|
encounterDate = json['EncounterDate'];
|
||||||
|
projectID = json['ProjectID'];
|
||||||
|
invoiceNo = json['InvoiceNo'];
|
||||||
|
encounterNo = json['EncounterNo'];
|
||||||
|
procedureId = json['ProcedureId'];
|
||||||
|
requestType = json['RequestType'];
|
||||||
|
setupId = json['SetupId'];
|
||||||
|
patientID = json['PatientID'];
|
||||||
|
doctorID = json['DoctorID'];
|
||||||
|
clinicID = json['ClinicID'];
|
||||||
|
requestDate = json['RequestDate'];
|
||||||
|
isRead = json['IsRead'];
|
||||||
|
isReadOn = json['IsReadOn'];
|
||||||
|
actualDoctorRate = json['ActualDoctorRate'];
|
||||||
|
admissionDate = json['AdmissionDate'];
|
||||||
|
admissionNumber = json['AdmissionNumber'];
|
||||||
|
appointmentDate = json['AppointmentDate'];
|
||||||
|
appointmentNO = json['AppointmentNO'];
|
||||||
|
appointmentTime = json['AppointmentTime'];
|
||||||
|
clinicDescription = json['ClinicDescription'];
|
||||||
|
clinicDescriptionN = json['ClinicDescriptionN'];
|
||||||
|
decimalDoctorRate = json['DecimalDoctorRate'];
|
||||||
|
docName = json['DocName'];
|
||||||
|
docNameN = json['DocNameN'];
|
||||||
|
doctorImageURL = json['DoctorImageURL'];
|
||||||
|
doctorName = json['DoctorName'];
|
||||||
|
doctorNameN = json['DoctorNameN'];
|
||||||
|
doctorRate = json['DoctorRate'];
|
||||||
|
doctorStarsRate = json['DoctorStarsRate'];
|
||||||
|
invoiceNoVP = json['InvoiceNo_VP'];
|
||||||
|
invoiceType = json['InvoiceType'];
|
||||||
|
isDoctorAllowVedioCall = json['IsDoctorAllowVedioCall'];
|
||||||
|
isExecludeDoctor = json['IsExecludeDoctor'];
|
||||||
|
isInOutPatient = json['IsInOutPatient'];
|
||||||
|
isInOutPatientDescription = json['IsInOutPatientDescription'];
|
||||||
|
isInOutPatientDescriptionN = json['IsInOutPatientDescriptionN'];
|
||||||
|
noOfPatientsRate = json['NoOfPatientsRate'];
|
||||||
|
projectName = json['ProjectName'];
|
||||||
|
projectNameN = json['ProjectNameN'];
|
||||||
|
sourceID = json['SourceID'];
|
||||||
|
sourceName = json['SourceName'];
|
||||||
|
sourceNameN = json['SourceNameN'];
|
||||||
|
statusDesc = json['StatusDesc'];
|
||||||
|
strAppointmentDate = json['StrAppointmentDate'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
final Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['Status'] = this.status;
|
||||||
|
data['EncounterDate'] = this.encounterDate;
|
||||||
|
data['ProjectID'] = this.projectID;
|
||||||
|
data['InvoiceNo'] = this.invoiceNo;
|
||||||
|
data['EncounterNo'] = this.encounterNo;
|
||||||
|
data['ProcedureId'] = this.procedureId;
|
||||||
|
data['RequestType'] = this.requestType;
|
||||||
|
data['SetupId'] = this.setupId;
|
||||||
|
data['PatientID'] = this.patientID;
|
||||||
|
data['DoctorID'] = this.doctorID;
|
||||||
|
data['ClinicID'] = this.clinicID;
|
||||||
|
data['RequestDate'] = this.requestDate;
|
||||||
|
data['IsRead'] = this.isRead;
|
||||||
|
data['IsReadOn'] = this.isReadOn;
|
||||||
|
data['ActualDoctorRate'] = this.actualDoctorRate;
|
||||||
|
data['AdmissionDate'] = this.admissionDate;
|
||||||
|
data['AdmissionNumber'] = this.admissionNumber;
|
||||||
|
data['AppointmentDate'] = this.appointmentDate;
|
||||||
|
data['AppointmentNO'] = this.appointmentNO;
|
||||||
|
data['AppointmentTime'] = this.appointmentTime;
|
||||||
|
data['ClinicDescription'] = this.clinicDescription;
|
||||||
|
data['ClinicDescriptionN'] = this.clinicDescriptionN;
|
||||||
|
data['DecimalDoctorRate'] = this.decimalDoctorRate;
|
||||||
|
data['DocName'] = this.docName;
|
||||||
|
data['DocNameN'] = this.docNameN;
|
||||||
|
data['DoctorImageURL'] = this.doctorImageURL;
|
||||||
|
data['DoctorName'] = this.doctorName;
|
||||||
|
data['DoctorNameN'] = this.doctorNameN;
|
||||||
|
data['DoctorRate'] = this.doctorRate;
|
||||||
|
data['DoctorStarsRate'] = this.doctorStarsRate;
|
||||||
|
data['InvoiceNo_VP'] = this.invoiceNoVP;
|
||||||
|
data['InvoiceType'] = this.invoiceType;
|
||||||
|
data['IsDoctorAllowVedioCall'] = this.isDoctorAllowVedioCall;
|
||||||
|
data['IsExecludeDoctor'] = this.isExecludeDoctor;
|
||||||
|
data['IsInOutPatient'] = this.isInOutPatient;
|
||||||
|
data['IsInOutPatientDescription'] = this.isInOutPatientDescription;
|
||||||
|
data['IsInOutPatientDescriptionN'] = this.isInOutPatientDescriptionN;
|
||||||
|
data['NoOfPatientsRate'] = this.noOfPatientsRate;
|
||||||
|
data['ProjectName'] = this.projectName;
|
||||||
|
data['ProjectNameN'] = this.projectNameN;
|
||||||
|
data['SourceID'] = this.sourceID;
|
||||||
|
data['SourceName'] = this.sourceName;
|
||||||
|
data['SourceNameN'] = this.sourceNameN;
|
||||||
|
data['StatusDesc'] = this.statusDesc;
|
||||||
|
data['StrAppointmentDate'] = this.strAppointmentDate;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,91 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_staggered_animations/flutter_staggered_animations.dart';
|
||||||
|
import 'package:hmg_patient_app_new/core/utils/size_utils.dart';
|
||||||
|
import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
|
||||||
|
import 'package:hmg_patient_app_new/extensions/widget_extensions.dart';
|
||||||
|
import 'package:hmg_patient_app_new/features/medical_file/medical_file_view_model.dart';
|
||||||
|
import 'package:hmg_patient_app_new/features/medical_file/models/patient_medical_response_model.dart';
|
||||||
|
import 'package:hmg_patient_app_new/presentation/lab/collapsing_list_view.dart';
|
||||||
|
import 'package:hmg_patient_app_new/presentation/medical_file/widgets/patient_medical_report_card.dart';
|
||||||
|
import 'package:hmg_patient_app_new/theme/colors.dart';
|
||||||
|
import 'package:hmg_patient_app_new/widgets/custom_tab_bar.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
|
||||||
|
class MedicalReportsPage extends StatefulWidget {
|
||||||
|
const MedicalReportsPage({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<MedicalReportsPage> createState() => _MedicalReportsPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _MedicalReportsPageState extends State<MedicalReportsPage> {
|
||||||
|
late MedicalFileViewModel medicalFileViewModel;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
medicalFileViewModel = Provider.of<MedicalFileViewModel>(context, listen: false);
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: AppColors.bgScaffoldColor,
|
||||||
|
body: CollapsingListView(
|
||||||
|
title: "Medical Reports".needTranslation,
|
||||||
|
child: SingleChildScrollView(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
SizedBox(height: 16.h),
|
||||||
|
CustomTabBar(
|
||||||
|
activeTextColor: Color(0xffED1C2B),
|
||||||
|
activeBackgroundColor: Color(0xffED1C2B).withValues(alpha: .1),
|
||||||
|
tabs: [
|
||||||
|
CustomTabBarModel(null, "Requested".needTranslation),
|
||||||
|
CustomTabBarModel(null, "Ready".needTranslation),
|
||||||
|
CustomTabBarModel(null, "Cancelled".needTranslation),
|
||||||
|
],
|
||||||
|
onTabChange: (index) {
|
||||||
|
medicalFileViewModel.onMedicalReportTabChange(index);
|
||||||
|
},
|
||||||
|
).paddingSymmetrical(24.h, 0.h),
|
||||||
|
Consumer<MedicalFileViewModel>(builder: (context, medicalFileVM, child) {
|
||||||
|
return ListView.separated(
|
||||||
|
padding: EdgeInsets.only(top: 24.h),
|
||||||
|
shrinkWrap: true,
|
||||||
|
physics: NeverScrollableScrollPhysics(),
|
||||||
|
itemCount: medicalFileViewModel.isPatientMedicalReportsListLoading ? 3 : medicalFileViewModel.patientMedicalReportList.length,
|
||||||
|
// medicalFileViewModel.patientMedicalReportList.isNotEmpty
|
||||||
|
// ? medicalFileViewModel.patientMedicalReportList.length
|
||||||
|
// : 1,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
return medicalFileViewModel.isPatientMedicalReportsListLoading
|
||||||
|
? PatientMedicalReportCard(
|
||||||
|
patientMedicalReportResponseModel: PatientMedicalReportResponseModel(),
|
||||||
|
isLoading: true,
|
||||||
|
).paddingSymmetrical(24.h, 0.h)
|
||||||
|
: AnimationConfiguration.staggeredList(
|
||||||
|
position: index,
|
||||||
|
duration: const Duration(milliseconds: 500),
|
||||||
|
child: SlideAnimation(
|
||||||
|
verticalOffset: 100.0,
|
||||||
|
child: FadeInAnimation(
|
||||||
|
child: AnimatedContainer(
|
||||||
|
duration: Duration(milliseconds: 300),
|
||||||
|
curve: Curves.easeInOut,
|
||||||
|
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(color: AppColors.whiteColor, borderRadius: 24.h, hasShadow: true),
|
||||||
|
child: PatientMedicalReportCard(
|
||||||
|
patientMedicalReportResponseModel: medicalFileVM.patientMedicalReportList[index],
|
||||||
|
isLoading: false,
|
||||||
|
),
|
||||||
|
).paddingSymmetrical(24.h, 0.h),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
separatorBuilder: (BuildContext cxt, int index) => SizedBox(height: 16.h),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
SizedBox(height: 24.h),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,120 @@
|
|||||||
|
import 'package:easy_localization/easy_localization.dart';
|
||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:hmg_patient_app_new/core/app_assets.dart';
|
||||||
|
import 'package:hmg_patient_app_new/core/utils/date_util.dart';
|
||||||
|
import 'package:hmg_patient_app_new/core/utils/size_utils.dart';
|
||||||
|
import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
|
||||||
|
import 'package:hmg_patient_app_new/extensions/widget_extensions.dart';
|
||||||
|
import 'package:hmg_patient_app_new/features/medical_file/models/patient_medical_response_model.dart';
|
||||||
|
import 'package:hmg_patient_app_new/generated/locale_keys.g.dart';
|
||||||
|
import 'package:hmg_patient_app_new/theme/colors.dart';
|
||||||
|
import 'package:hmg_patient_app_new/widgets/buttons/custom_button.dart';
|
||||||
|
import 'package:hmg_patient_app_new/widgets/chip/app_custom_chip_widget.dart';
|
||||||
|
|
||||||
|
class PatientMedicalReportCard extends StatelessWidget {
|
||||||
|
PatientMedicalReportCard({super.key, required this.patientMedicalReportResponseModel, this.isLoading = false});
|
||||||
|
|
||||||
|
PatientMedicalReportResponseModel patientMedicalReportResponseModel;
|
||||||
|
|
||||||
|
bool isLoading = true;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(
|
||||||
|
color: AppColors.whiteColor,
|
||||||
|
borderRadius: 20.h,
|
||||||
|
hasShadow: true,
|
||||||
|
),
|
||||||
|
child: Padding(
|
||||||
|
padding: EdgeInsets.all(16.h),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Image.network(
|
||||||
|
isLoading ? "https://hmgwebservices.com/Images/MobileImages/DUBAI/unkown_female.png" : patientMedicalReportResponseModel.doctorImageURL!,
|
||||||
|
width: 63.h,
|
||||||
|
height: 63.h,
|
||||||
|
fit: BoxFit.fill,
|
||||||
|
).circle(100).toShimmer2(isShow: isLoading),
|
||||||
|
SizedBox(width: 16.h),
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
(isLoading ? "" : patientMedicalReportResponseModel.doctorName!).toText16(isBold: true).toShimmer2(isShow: isLoading),
|
||||||
|
SizedBox(height: 4.h),
|
||||||
|
Wrap(
|
||||||
|
direction: Axis.horizontal,
|
||||||
|
spacing: 3.h,
|
||||||
|
runSpacing: 4.h,
|
||||||
|
children: [
|
||||||
|
AppCustomChipWidget(labelText: isLoading ? "" : patientMedicalReportResponseModel.clinicDescription!).toShimmer2(isShow: isLoading),
|
||||||
|
AppCustomChipWidget(labelText: isLoading ? "" : patientMedicalReportResponseModel.projectName!).toShimmer2(isShow: isLoading),
|
||||||
|
AppCustomChipWidget(
|
||||||
|
icon: AppAssets.doctor_calendar_icon,
|
||||||
|
labelText: isLoading
|
||||||
|
? ""
|
||||||
|
: "${DateUtil.formatDateToDate(DateUtil.convertStringToDate(patientMedicalReportResponseModel.requestDate), false)}, ${DateUtil.formatDateToTimeLang(DateUtil.convertStringToDate(patientMedicalReportResponseModel.requestDate), false)}")
|
||||||
|
.toShimmer2(isShow: isLoading),
|
||||||
|
AppCustomChipWidget(
|
||||||
|
icon: AppAssets.rating_icon, iconColor: AppColors.ratingColorYellow, labelText: isLoading ? "" : "Rating: ${patientMedicalReportResponseModel.decimalDoctorRate}")
|
||||||
|
.toShimmer2(isShow: isLoading),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
patientMedicalReportResponseModel.status == 2
|
||||||
|
? Padding(
|
||||||
|
padding: EdgeInsets.only(top: 16.h),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: CustomButton(
|
||||||
|
text: "Share",
|
||||||
|
onPressed: () {},
|
||||||
|
backgroundColor: AppColors.secondaryLightRedColor,
|
||||||
|
borderColor: AppColors.secondaryLightRedColor,
|
||||||
|
textColor: AppColors.primaryRedColor,
|
||||||
|
fontSize: 14,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
borderRadius: 12.h,
|
||||||
|
height: 40.h,
|
||||||
|
icon: AppAssets.download_1,
|
||||||
|
iconColor: AppColors.primaryRedColor,
|
||||||
|
iconSize: 16.h,
|
||||||
|
).toShimmer2(isShow: isLoading),
|
||||||
|
),
|
||||||
|
SizedBox(width: 16.h),
|
||||||
|
Expanded(
|
||||||
|
child: CustomButton(
|
||||||
|
text: "Download",
|
||||||
|
onPressed: () {},
|
||||||
|
backgroundColor: AppColors.secondaryLightRedColor,
|
||||||
|
borderColor: AppColors.secondaryLightRedColor,
|
||||||
|
textColor: AppColors.primaryRedColor,
|
||||||
|
fontSize: 14,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
borderRadius: 12.h,
|
||||||
|
height: 40.h,
|
||||||
|
icon: AppAssets.download_1,
|
||||||
|
iconColor: AppColors.primaryRedColor,
|
||||||
|
iconSize: 16.h,
|
||||||
|
).toShimmer2(isShow: isLoading),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: SizedBox.shrink()
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue