门诊确费新增申请单详情

src/api/zhu-yuan-yi-ji/men-zhen-xiang-mu.js

@@ -39,3 +39,12 @@ export function menZhenXiangMuQuXiaoHuoQueRen(data) {
         data,
     })
 }
+
+
+export function getReqDetailsByNo(reqNo, patientId) {
+    return request({
+        url: '/menZhenXiangMu/getReqDetailsByNo',
+        method: 'get',
+        params: {reqNo, patientId}
+    })
+}

src/views/med-tec-mod/MenZhenXiangMu.vue

@@ -94,18 +94,7 @@
             <el-table-column label="执行科室" prop="execDeptName"></el-table-column>
             <el-table-column label="申请号" prop="reqNo">
               <template #default="scope">
-                <el-popover :width="800" placement="left" trigger="click">
-                  <template #reference>
-                    <el-button type="success" @click="getMingXiClick(scope.row)">{{ scope.row.reqNo }}</el-button>
-                  </template>
-                  <el-table :data="danGeXingXi" highlight-current-row stripe>
-                    <el-table-column label="明细">
-                      <el-table-column label="项目编码" prop="chargeItemCode"></el-table-column>
-                      <el-table-column label="项目" prop="chargeName"></el-table-column>
-                      <el-table-column label="金额" prop="chargeFee"></el-table-column>
-                    </el-table-column>
-                  </el-table>
-                </el-popover>
+                <el-button type="success" @click="getMingXiClick(scope.row)">{{ scope.row.reqNo }}</el-button>
               </template>
             </el-table-column>
           </el-table-column>
@@ -147,6 +136,46 @@
     三、保存<br/><br/>
     1、在选择完数据后点击保存即可。 <br/>
   </el-dialog>
+
+  <el-dialog v-model="detailsDialog.dialog"
+             class="mz_que-fei_detailsDialog"
+             title="明细">
+    <div class="detail">
+      申请单明细：
+      <el-form label-width="80">
+        <el-form-item label="症状:">
+          {{ detailsDialog.details.req_comment }}
+        </el-form-item>
+        <el-form-item label="病史:">
+          {{ detailsDialog.details.emr_hpi }}
+        </el-form-item>
+        <el-form-item label="体征:">
+          {{ detailsDialog.details.emr_pe }}
+        </el-form-item>
+        <el-form-item label="申请医生:">
+          <img :src="`http://172.16.32.167:8077/doctorSignatureImage/${detailsDialog.details.req_doctor}.png`"
+               :alt="detailsDialog.details.req_doctor_name"
+          />
+        </el-form-item>
+        <el-form-item label="申请科室:">
+          {{ detailsDialog.details.req_ward_name }}
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <div class="detail">
+      费用明细：
+      <el-table :data="detailsDialog.tableData"
+                highlight-current-row
+                stripe>
+        <el-table-column label="项目编码" prop="chargeItemCode"></el-table-column>
+        <el-table-column label="项目" prop="chargeName"></el-table-column>
+        <el-table-column label="金额" prop="chargeFee"></el-table-column>
+      </el-table>
+    </div>
+
+  </el-dialog>
+
 </template>
 <script setup>
 import {shortcuts} from '@/data/shortcuts'
@@ -154,20 +183,20 @@ import {ref} from 'vue'
 import {cptSex} from '@/utils/computed'
 import {
   getFeiYongXinXi,
-  getMzPatient,
+  getMzPatient, getReqDetailsByNo,
   kuaiSuChaZhao,
   menZhenXiangMuQuXiaoHuoQueRen
 } from '@/api/zhu-yuan-yi-ji/men-zhen-xiang-mu'
 import {getDateRangeFormatDate} from '@/utils/date'
 import {ElMessage, ElMessageBox} from 'element-plus'
 import {listIsBlank, stringIsBlank} from '@/utils/blank-utils'
-import {needRule} from "@/utils/public";
+import {isDev, needRule} from "@/utils/public";
 import XEUtils from 'xe-utils'
 import {useUserStore} from "@/pinia/user-store";
 
 const userInfo = useUserStore().userInfo
 const dateRange = ref(shortcuts[0].value)
-const patientId = ref('') //12117-4
+const patientId = ref(isDev ? '339138-4' : '')
 const xiangMuZhuangTai = ref(0)
 const chargeDate = ref('')
 const patient = ref({})
@@ -176,6 +205,12 @@ const feiYongData = ref([])
 const keQueRenData = ref([])
 const danGeXingXi = ref([])
 
+const detailsDialog = reactive({
+  dialog: false,
+  tableData: [],
+  details: {}
+})
+
 const xiangMuZhuangTaiData = [
   {code: 0, name: '未确认'},
   {code: 1, name: '已确认'},
@@ -222,16 +257,20 @@ const getFeiYongXinXiClick = (val) => {
   })
 }
 
-const lingShiHuoQuMingXi = ref({})
 
 const getMingXiClick = (val) => {
-  lingShiHuoQuMingXi.value = val
   if (typeof val.list !== 'undefined') {
-    danGeXingXi.value = val.list
     val.list.forEach((item) => {
       item.chargeFee = item.drugWin * item.quantity * item.unitPrice
     })
   }
+
+  getReqDetailsByNo(val.patientId, val.reqNo).then((res) => {
+    detailsDialog.dialog = true
+    detailsDialog.details = res
+  })
+
+  detailsDialog.tableData = val.list || []
 }
 
 const baoCunClick = () => {
@@ -297,4 +336,15 @@ function confirmFlag(val) {
 }
 </script>
 
-<style></style>
+<style lang="scss">
+.mz_que-fei_detailsDialog {
+
+  .detail {
+    color: black;
+    margin-bottom: 10px;
+    padding: 20px;
+    box-shadow: var(--el-box-shadow);
+  }
+}
+
+</style>

src/views/med-tec-mod/QueRenYiZhuShouFei.vue

@@ -10,8 +10,7 @@
             range-separator="至"
             start-placeholder="开始日期"
             end-placeholder="结束日期"
-            :shortcuts="shortcuts"
-        ></el-date-picker>
+            :shortcuts="shortcuts"/>
         <el-input style="width: 160px" placeholder="请输入住院号" clearable v-model.trim="queryTerm.inpatientNo"
                   @keyup.enter="getHuanZheXinXiClick"></el-input>
         <el-select v-model="queryTerm.wardCode" style="width: 150px" filterable clearable placeholder="请选择病区">
@@ -101,7 +100,7 @@
     </div>
     <div
         class="layout_main layout_el-table"
-         v-show="queryTerm.liShi === 1"
+        v-show="queryTerm.liShi === 1"
     >
       <el-table
           :data="liShiShuJu.list.slice((liShiShuJu.currentPage - 1) * liShiShuJu.pageSize, liShiShuJu.currentPage * liShiShuJu.pageSize)"
@@ -215,7 +214,7 @@
       </div>
     </div>
   </el-drawer>
-  <el-dialog v-model="chaoZuoZhiNan" title="操作指南(*^▽^*)" width="1000px">
+  <el-dialog v-model="chaoZuoZhiNan" title="操作指南" width="1000px">
     <div id="jinRiShuJuTuXin" style="width: 100%; height: 300px"></div>
     1、输入住院号，点击查询即可查询出该住院患者的信息，同理病区也是一样选择的病区就只会查询该病区的患者，住院号和病区二选一。
     <br/>
@@ -288,18 +287,11 @@ const liShiShuJu = ref({
 
 const xiangXiYiZhuXinXiDrawer = ref(false)
 
-// 患者信息
-const patient = ref({})
+
 // 病房信息
 const wardData = ref([])
 // 需要确费的信息
 const huanZheYiZhuFeiYongData = ref([])
-// 操作
-const chargeStatusData = ref([
-  {code: '1', name: '确认'},
-  {code: '2', name: '取消'},
-  {code: '3', name: '不操作'},
-])
 
 const dateRange = ref([new Date(), new Date()])