项目录入添加导出的功能。

src/components/med-tec-mod/HuanZheFeiYong.vue

@@ -3,6 +3,7 @@
     <el-main>
       <el-button type="danger" @click="xiangMuTuiFeiClick" icon="el-icon-delete-solid">退费</el-button>
       <el-button type="primary" @click="weiGuiTuiFeiFenXiDialogOpen(true)">违规费用分析</el-button>
+      <el-button type="primary" @click="exportExecl" icon="el-icon-download">导出 Execl</el-button>
       <el-table :data="cptTableDataHuanZheFeiYong" :height="windowHeigth / 1.35"
                 @selection-change="handleSelectionChange" highlight-current-row stripe>
         <el-table-column type="selection"></el-table-column>
@@ -57,7 +58,7 @@
 
 <script>
 import {ref, watch} from 'vue'
-import {costState} from '@/utils/computed'
+import {costState} from '../../utils/computed'
 import store from '@/store'
 import {getChargeCode, xiangMuTuiFei} from '@/api/yibao/xiang-mu-lu-ru'
 import WeiGuiFeiYongFenXi from '@/components/inpatient/WeiGuiFeiYongFenXi.vue'
@@ -177,6 +178,10 @@ export default {
       weiGuiTuiFeiFenXiDialog.value = val
     }
 
+    const exportExecl = () => {
+      ctx.emit("execl")
+    }
+
     return {
       cptTableDataHuanZheFeiYong,
       costState,
@@ -193,6 +198,7 @@ export default {
       weiGuiJiBenXinXi,
       weiGuiTuiFeiInit,
       weiGuiTuiFeiOpenDialog,
+      exportExecl,
     }
   },
 }

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

@@ -134,7 +134,7 @@
         ></el-pagination>
       </div>
     </el-main>
-    <el-drawer v-model="xiangXiYiZhuXinXiDrawer" direction="ltr" size="700" title="患者医嘱的详细信息">
+    <el-drawer v-model="xiangXiYiZhuXinXiDrawer" direction="ltr" size="70%" title="患者医嘱的详细信息">
       <div style="margin: auto 20px auto 20px">
         <el-descriptions :title="lingShiQueFeiShuJu.name" border>
           <template #extra>
@@ -170,7 +170,7 @@
                 {{ (scope.row.chargeFee * scope.row.orderCount).toFixed(2) }}
               </template>
             </el-table-column>
-            <el-table-column label="操作">
+            <el-table-column label="操作" width="220">
               <template #default="scope">
                 <el-radio-group
                     v-model="scope.row.chargeStatus"
@@ -323,7 +323,7 @@ export default {
                   if (item.inpatientNo === patNo) {
                     item.color = color
                   } else {
-                    color = color === 'success' ? 'danger' : 'success'
+                    color = color === 'success' ? "warning" : 'success'
                     item.color = color
                     patNo = item.inpatientNo
                   }

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

@@ -83,6 +83,7 @@
                 @queryFeiYong="getHuanZheXinXiClick"
                 @size="handleSizeChange"
                 @current="handleCurrentChange"
+                @execl="exportExecl"
             ></huan-zhe-fei-yong>
           </el-tab-pane>
           <el-tab-pane label="费用录入" name="fylr">
@@ -97,7 +98,7 @@
 <script>
 import {ref} from 'vue'
 import store from '@/store'
-import {getHuanZheXinXi} from '@/api/zhu-yuan-yi-ji/yi-ji-fei-yong-lu-ru'
+import {getHuanZheXinXi} from '../../api/zhu-yuan-yi-ji/yi-ji-fei-yong-lu-ru'
 import {cptSex} from '@/utils/computed'
 import {getChargeCode} from '@/api/yibao/xiang-mu-lu-ru'
 import {getHuanZheFeiYong} from '@/api/yibao/xiang-mu-lu-ru'
@@ -106,6 +107,8 @@ import XiangMuLuRu from '@/components/med-tec-mod/YiJiXiangMuLuRu.vue'
 import {yiZhuTuiFeiLeiXing, feiYongLeiXing, tuiFeiLeiXin} from '@/data/index'
 import {shortcuts} from '@/data/shortcuts'
 import {getDateRangeFormatDate} from '@/utils/date'
+import {ElMessage, ElMessageBox} from "element-plus";
+import {downloadExcel} from "../../utils/excel";
 
 export default {
   components: {HuanZheFeiYong, XiangMuLuRu},
@@ -127,6 +130,7 @@ export default {
       dept: store.state.user.info.deptCode === '3100000' ? '' : store.state.user.info.deptCode,
       currentPage: 1,
       pageSize: 30,
+      total: 0,
       tuiFeiFlag: 0,
     })
 
@@ -218,6 +222,31 @@ export default {
       handleHuanZheFeiYong()
     }
 
+    // 导出excel 表格
+    const exportExecl = () => {
+      if (total.value > 0) {
+        ElMessageBox.prompt('导出文件名字', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          inputPattern: /\S/,
+          inputErrorMessage: '文件名不能为空 (∩•̀ω•́)⊃-*⋆',
+        }).then(({value}) => {
+          queryTerm.value.total = total.value
+          const data = {
+            param: queryTerm.value,
+            url: '/xmlr/exportExcel',
+            fileName: `${value}.xlsx`,
+          }
+          setTimeout(() => {
+            downloadExcel(data)
+          }, 500)
+        }).catch((e) => {
+        })
+      } else {
+        ElMessage.error('请先查询出数据')
+      }
+    }
+
     return {
       windowHeigth,
       queryTerm,
@@ -235,6 +264,7 @@ export default {
       feiYongLeiXing,
       handleSizeChange,
       handleCurrentChange,
+      exportExecl,
     }
   },
 }