发药

openhis-ui-vue3/src/views/pharmacymanagement/westernmedicine/index.vue

@@ -1,43 +1,80 @@
 <template>
   <div class="app-container">
     <div class="left">
-            <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form
+        :model="queryParams"
+        ref="queryRef"
+        :inline="true"
+        v-show="showSearch"
+      >
         <el-form-item label="姓名或证件号" prop="condition">
-                    <el-input v-model="queryParams.condition" placeholder="请输入姓名/证件号" clearable style="width: 150px"
+          <el-input
-                        @keyup.enter="handleQuery" />
+            v-model="queryParams.condition"
+            placeholder="请输入姓名/证件号"
+            clearable
+            style="width: 150px"
+            @keyup.enter="handleQuery"
+          />
         </el-form-item>
         <el-form-item label="就诊日期">
-                    <el-date-picker v-model="dateRange" type="daterange" start-placeholder="开始日期"
+          <el-date-picker
-                        end-placeholder="结束日期" style="width: auto" value-format="YYYY-MM-DD" />
+            v-model="dateRange"
+            type="daterange"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            style="width: auto"
+            value-format="YYYY-MM-DD"
+          />
         </el-form-item>
         <el-form-item label="科室" prop="departmentId">
-                    <el-select v-model="queryParams.departmentId" placeholder="请选择科室" clearable
+          <el-select
-                        @keyup.enter="handleQuery" style="width: 160px">
+            v-model="queryParams.departmentId"
-                        <el-option v-for="item in departmentList" :key="item.value" :label="item.label"
+            placeholder="请选择科室"
-                            :value="item.value" />
+            clearable
+            @keyup.enter="handleQuery"
+            style="width: 160px"
+          >
+            <el-option
+              v-for="item in departmentList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
           </el-select>
         </el-form-item>
         <el-form-item>
-                    <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+          <el-button type="primary" icon="Search" @click="handleQuery"
+            >搜索</el-button
+          >
           <el-button icon="Refresh" @click="resetQuery">重置</el-button>
         </el-form-item>
       </el-form>
 
-            <el-table :data="patientList" border style="width: 100%; height: 60vh" highlight-current-row
+      <el-table
-                @current-change="handleCurrentChange">
+        :data="patientList"
+        border
+        style="width: 100%; height: 60vh"
+        highlight-current-row
+        @current-change="handleCurrentChange"
+      >
         <el-table-column prop="departmentName" label="科室" width="120" />
         <el-table-column prop="patientName" label="姓名" width="100" />
         <el-table-column prop="genderEnum_enumText" label="性别" width="80" />
         <!-- <el-table-column prop="ageString" label="开单医生" width="80" /> -->
         <el-table-column prop="encounterDate" label="就诊日期" width="140" />
       </el-table>
-            <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNo"
+      <pagination
-                v-model:limit="queryParams.pageSize" @pagination="getList" />
+        v-show="total > 0"
+        :total="total"
+        v-model:page="queryParams.pageNo"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
+      />
     </div>
 
     <div class="right">
-            <div style="display: flex; align-items: center;">
+      <div style="display: flex; align-items: center">
-                <p style="margin-right: 60px;font-size: 19px;">患者基本信息</p>
+        <p style="margin-right: 60px; font-size: 19px">患者基本信息</p>
 
         <!-- <el-button type="success" plain @click="print" icon="Printer" style="margin-left: 30px;">打印</el-button> -->
       </div>
@@ -46,26 +83,55 @@
           <el-col :span="4">姓名：{{ personInfo.patientName }}</el-col>
           <el-col :span="3">性别：{{ personInfo.genderEnum_enumText }}</el-col>
           <el-col :span="3">年龄：{{ personInfo.age }}</el-col>
-                    <el-col :span="5">合同类型：{{ personInfo.categoryEnum_enumText }}</el-col>
+          <el-col :span="5"
-                </el-row><br>
+            >合同类型：{{ personInfo.categoryEnum_enumText }}</el-col
+          > </el-row
+        ><br />
         <el-row>
           <el-col :span="5">就诊科室：{{ personInfo.organizationName }}</el-col>
           <el-col :span="5">就诊日期：{{ personInfo.encounterDate }}</el-col>
           <el-col :span="7">证件号：{{ personInfo.idCard }}</el-col>
 
-                    <!-- <el-col :span="6">门诊诊断：{{ personInfo.patientName }}</el-col> -->
+          <!-- <el-col :span="6">门诊诊断：{{ personInfo.patientName }}</el-col> --> </el-row
-                </el-row><br>
+        ><br />
         <el-row>
-                    <el-col :span="4">总金额：{{ personInfo.totalPrice ? personInfo.totalPrice.toFixed(2) : '0.00' }}元</el-col>
+          <el-col :span="4"
+            >总金额：{{
+              personInfo.totalPrice ? personInfo.totalPrice.toFixed(2) : "0.00"
+            }}元</el-col
+          >
         </el-row>
       </div>
-            <el-table :data="medicineInfoList" border style="width: 100%; height: 65vh;margin-top: 10px;"
+      <el-table
-                :row-style="rowStyle" :span-method="spanMethod" @selection-change="handleSelectionChange"
+        :data="medicineInfoList"
-                ref="tableRef">
+        border
-                <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
+        style="width: 100%; height: 65vh; margin-top: 10px"
+        :row-style="rowStyle"
+        :span-method="spanMethod"
+        @selection-change="handleSelectionChange"
+        ref="tableRef"
+      >
+        <el-table-column
+          label="操作"
+          align="center"
+          width="160"
+          class-name="small-padding fixed-width"
+        >
           <template #default="scope">
-                        <el-button link type="primary" icon="SuccessFilled" @click="submitMedicine(scope.row)">发药</el-button>
+            <el-button
-                        <el-button link type="primary"  @click="backMedicine(scope.row)" icon="CircleClose">作废</el-button>
+              link
+              type="primary"
+              icon="SuccessFilled"
+              @click="submitMedicine(scope.row)"
+              >发药</el-button
+            >
+            <el-button
+              link
+              type="primary"
+              @click="backMedicine(scope.row)"
+              icon="CircleClose"
+              >作废</el-button
+            >
           </template>
         </el-table-column>
         <el-table-column prop="departmentName" label="科室" width="90" />
@@ -84,7 +150,11 @@
         <el-table-column prop="rateCode" label="频次" width="100" />
         <el-table-column prop="methodCode" label="用法" width="80" />
         <el-table-column prop="dispensePerDuration" label="天数" width="60" />
-                <el-table-column prop="dispensePerQuantity" label="单次发药数" width="80" />
+        <el-table-column
+          prop="dispensePerQuantity"
+          label="单次发药数"
+          width="80"
+        />
         <el-table-column prop="quantity" label="数量" width="80" />
         <!-- <el-table-column prop="performOrg_dictText" label="是否拆零" width="120">
                     <template #default="scope">
@@ -96,14 +166,29 @@
                     </template>
                 </el-table-column> -->
         <!-- <el-table-column prop="medicationStatusEnum_enumText" label="追溯码" width="100" /> -->
-                <el-table-column prop="unitPrice" label="单价" width="60" :formatter="formatPrice" />
+        <el-table-column
-                <el-table-column prop="totalPrice" label="金额" width="70" :formatter="formatPrice" />
+          prop="unitPrice"
+          label="单价"
+          width="60"
+          :formatter="formatPrice"
+        />
+        <el-table-column
+          prop="totalPrice"
+          label="金额"
+          width="70"
+          :formatter="formatPrice"
+        />
       </el-table>
     </div>
     <el-dialog title="选择作废原因" v-model="showDialog" width="30%">
       <!-- 下拉选择框 -->
       <el-select v-model="notPerformedReasonEnum" placeholder="请选择作废原因">
-                <el-option v-for="item in backReason" :key="item.value" :label="item.label" :value="item.value" />
+        <el-option
+          v-for="item in backReason"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        />
       </el-select>
 
       <!-- 弹窗底部按钮 -->
@@ -118,14 +203,14 @@
 </template>
 
 <script setup name="westernmedicine">
-import { ref, computed,onMounted,onBeforeMount  } from "vue";
+import { ref, computed, onMounted, onBeforeMount } from "vue";
-import { ElMessage } from 'element-plus';
+import { ElMessage } from "element-plus";
 import {
   listWesternmedicine,
   listPatient,
   updateMedicion,
   listInit,
-    backMedicion
+  backMedicion,
 } from "./components/api";
 
 const showSearch = ref(true);
@@ -136,9 +221,9 @@ const medicineInfoList = ref([]);
 const departmentList = ref([]);
 const dateRange = ref([]);
 const personInfo = ref([]);
-const diagnoses = ref('');
+const diagnoses = ref("");
 const backReason = ref([]);
-const selectedPrescriptionNo = ref('');
+const selectedPrescriptionNo = ref("");
 const showDialog = ref(false);
 const notPerformedReasonEnum = ref();
 const currentRow = ref(null);
@@ -154,7 +239,7 @@ const data = reactive({
     pageNo: 1,
     pageSize: 10,
     condition: null,
-        departmentId: null
+    departmentId: null,
   },
 });
 const { queryParams } = toRefs(data);
@@ -165,26 +250,23 @@ onMounted(() => {
   getList();
 });
 
-
 // 设置默认日期范围为当天
 function setDefaultDateRange() {
   const today = new Date();
   const year = today.getFullYear();
-  const month = String(today.getMonth() + 1).padStart(2, '0');
+  const month = String(today.getMonth() + 1).padStart(2, "0");
-  const day = String(today.getDate()).padStart(2, '0');
+  const day = String(today.getDate()).padStart(2, "0");
   const formattedDate = `${year}-${month}-${day}`;
   dateRange.value = [formattedDate, formattedDate];
-  console.log("222",dateRange.value)
+  console.log("222", dateRange.value);
-
 }
 
-
 function getList() {
-    console.log("224555552",dateRange.value)
+  console.log("224555552", dateRange.value);
   queryParams.value.startTimeSTime = dateRange.value[0] + " 00:00:00";
   queryParams.value.startTimeETime = dateRange.value[1] + " 23:59:59";
 
-    console.log("222",queryParams.value)
+  console.log("222", queryParams.value);
   listPatient(queryParams.value).then((response) => {
     console.log("Full response1:", response);
     patientList.value = response.data.records;
@@ -193,18 +275,18 @@ function getList() {
   listInit().then((response) => {
     console.log("Full response2:", response);
     departmentList.value = [
-            { value: null, label: '全部' },
+      { value: null, label: "全部" },
-            ...response.data.departmentOptions
+      ...response.data.departmentOptions,
     ];
-        backReason.value = response.data.notPerformedReasonOptions
+    backReason.value = response.data.notPerformedReasonOptions;
   });
 }
 
 /** 重置按钮操作 */
 function resetQuery() {
-setDefaultDateRange()
+  setDefaultDateRange();
-medicineInfoList.value = []
+  medicineInfoList.value = [];
-personInfo.value = []
+  personInfo.value = [];
   proxy.resetForm("queryRef");
   getList();
 }
@@ -218,9 +300,7 @@ function handleQuery() {
     queryParams.value.startTimeETime = null;
   }
   queryParams.value.pageNo = 1;
-    console.log("222",queryParams.value)
   listPatient(queryParams.value).then((response) => {
-        console.log("Full response1:", response);
     patientList.value = response.data.records;
     total.value = response.data.total;
   });
@@ -236,7 +316,6 @@ function countGroupRows(data) {
     groupInfo.count++;
     groupInfo.indices.push(index);
   });
-    console.log("F*******:", groupCounts);
   return groupCounts;
 }
 
@@ -261,7 +340,6 @@ function getRowMarkers(groupCounts, data) {
       markers[indices[indices.length - 1]] = "┗ ";
     }
   });
-    console.log("F*******:", markers);
   return markers;
 }
 
@@ -293,19 +371,23 @@ function handleSelectionChange(selection) {
 
 function spanMethod({ row, column, rowIndex, columnIndex }) {
   // 定义需要合并的列范围（前6列，包括selection列）
-    const columnsToMerge = [ 0,1, 2, 3, 4, 5]; // 假设selection列是第0列，其他列依次是1, 2, 3, 4, 5
+  const columnsToMerge = [0, 1, 2, 3, 4, 5]; // 假设selection列是第0列，其他列依次是1, 2, 3, 4, 5
 
   // 检查当前列是否在需要合并的列范围内
   if (columnsToMerge.includes(columnIndex)) {
     const prescriptionNo = row.prescriptionNo;
 
     // 查找当前处方号在列表中第一次出现的索引
-        const firstRowIndex = medicineInfoList.value.findIndex(item => item.prescriptionNo === prescriptionNo);
+    const firstRowIndex = medicineInfoList.value.findIndex(
+      (item) => item.prescriptionNo === prescriptionNo
+    );
 
     // 如果当前行是该处方号的首行，则合并count行
     if (rowIndex === firstRowIndex) {
       // 计算该处方号的总行数
-            const count = medicineInfoList.value.filter(item => item.prescriptionNo === prescriptionNo).length;
+      const count = medicineInfoList.value.filter(
+        (item) => item.prescriptionNo === prescriptionNo
+      ).length;
       return [count, 1]; // 合并count行，1列
     } else {
       return [0, 0]; // 其他行不显示
@@ -318,7 +400,7 @@ function spanMethod({ row, column, rowIndex, columnIndex }) {
 
 function formatPrice(row, column, cellValue) {
   if (cellValue === null || cellValue === undefined) {
-        return '0.00'; // 如果值为空，返回0.00
+    return "0.00"; // 如果值为空，返回0.00
   }
   return cellValue.toFixed(2); // 保留两位小数
 }
@@ -327,7 +409,7 @@ function handleCurrentChange(row) {
   currentRow.value = row; // 更新当前选中行的数据
   console.log("当前选中行的数据：", currentRow.value);
   listWesternmedicine(currentRow.value).then((response) => {
-        console.log("121212",response)
+    console.log("121212", response);
     personInfo.value = response.data.prescriptionPatientInfoDto;
     medicineInfoList.value = response.data.prescriptionMedicineInfoDtoList;
     // 统计每个 prescriptionNo 的行数
@@ -335,7 +417,9 @@ function handleCurrentChange(row) {
     // 设置每行的标记
     markers.value = getRowMarkers(groupCounts, medicineInfoList.value);
 
-        diagnoses.value = medicineInfoList.value.map(item => item.诊断 || '无').join(', ');
+    diagnoses.value = medicineInfoList.value
+      .map((item) => item.诊断 || "无")
+      .join(", ");
   });
 }
 
@@ -354,21 +438,20 @@ function submitMedicine(row) {
 
 function backMedicine(row) {
   showDialog.value = true;
-    selectedPrescriptionNo.value = row.prescriptionNo
+  selectedPrescriptionNo.value = row.prescriptionNo;
-  console.log('作废原因:', selectedPrescriptionNo.value,row.prescriptionNo);
+  console.log("作废原因:", selectedPrescriptionNo.value, row.prescriptionNo);
-
 }
 
 function handleConfirm() {
   if (!notPerformedReasonEnum.value) {
-    ElMessage.error('请选择作废原因');
+    ElMessage.error("请选择作废原因");
     return;
   }
-  // 在这里处理作废逻辑，比如调用 API
+  backMedicion(selectedPrescriptionNo.value, notPerformedReasonEnum.value).then(
-  console.log('作废原因:', selectedPrescriptionNo.value,notPerformedReasonEnum.value);
+    (response) => {
-  backMedicion(selectedPrescriptionNo.value,notPerformedReasonEnum.value).then((response) => {
       proxy.$modal.msgSuccess("作废成功");
-    });
+    }
+  );
   listWesternmedicine(currentRow.value).then((response) => {
     medicineInfoList.value = response.data;
     // 统计每个 prescriptionNo 的行数
@@ -377,16 +460,15 @@ function handleConfirm() {
     markers.value = getRowMarkers(groupCounts, medicineInfoList.value);
   });
   showDialog.value = false;
-  notPerformedReasonEnum.value = ''; // 清空选择
+  notPerformedReasonEnum.value = ""; // 清空选择
-};
+}
 
 function handleCancel() {
   showDialog.value = false;
-  notPerformedReasonEnum.value = ''; // 清空选择
+  notPerformedReasonEnum.value = ""; // 清空选择
-};
+}
 
 // getList();
-
 </script>
 
 <style scoped>