导出 execl

src/components/inpatient/WeiGuiFeiYongFenXi.vue

@@ -79,7 +79,7 @@
         </el-tab-pane>
       </el-tabs>
     </el-main>
-    <el-drawer title="费用修正" v-model="feiYongXiuZhenDrawer" size="50%" :before-close="shiFouBaoCun">
+    <el-drawer title="费用修正" v-model="feiYongXiuZhenDrawer" size="60%" :before-close="shiFouBaoCun">
       <div style="margin: auto 20px auto 20px">
         <el-descriptions title="费用信息" border>
           <el-descriptions-item label="项目名称">{{ fuShuFeiYongXinXi.chargeCodeName }}</el-descriptions-item>
@@ -87,7 +87,11 @@
           <el-descriptions-item label="数量">{{ fuShuFeiYongXinXi.chargeAmount }}</el-descriptions-item>
           <el-descriptions-item label="执行科室">{{ fuShuFeiYongXinXi.execUnitName }}</el-descriptions-item>
           <el-descriptions-item label="录入人">{{ fuShuFeiYongXinXi.opIdCode }}</el-descriptions-item>
-          <el-descriptions-item label="操作">
+          <el-descriptions-item label="项目编码">{{ fuShuFeiYongXinXi.chargeCodeMx }}</el-descriptions-item>
+          <el-descriptions-item label="操作" v-if="weiZhaoDaoDuiYingZhenShu">
+            请检查执行科室是否一致
+          </el-descriptions-item>
+          <el-descriptions-item label="操作" v-else>
             <el-button size="small" type="success" @click="PiPeiClick">保存</el-button>
           </el-descriptions-item>
         </el-descriptions>
@@ -119,15 +123,24 @@
             @selection-change="handleSelectionChange"
             class="eltable"
         >
-          <el-table-column type="selection"></el-table-column>
+          <el-table-column type="selection" v-if="!weiZhaoDaoDuiYingZhenShu"></el-table-column>
           <el-table-column label="排序" type="index"></el-table-column>
           <el-table-column label="医嘱号" prop="orderNo"></el-table-column>
-          <el-table-column label="流水号" prop="detailSn" width="70"></el-table-column>
+          <el-table-column label="流水号" prop="detailSn" width="70">
+            <template #default="scope">
+              <span v-if="weiZhaoDaoDuiYingZhenShu"
+                    v-html="tuiFeiTiShi(scope.row.detailSn,scope.row.oriDetailSn)"></span>
+              <span v-else>
+                {{ scope.row.detailSn }}
+              </span>
+            </template>
+          </el-table-column>
           <el-table-column label="时间" prop="chargeDate" width="70"></el-table-column>
-          <el-table-column label="项目编码" prop="chargeCodeMx"></el-table-column>
           <el-table-column label="金额" prop="chargeFee" sortable></el-table-column>
           <el-table-column label="数量" prop="chargeAmount" sortable></el-table-column>
-          <el-table-column label="余额" prop="yiTuiFei">
+          <el-table-column label="执行科室" prop="execUnitName" v-if="weiZhaoDaoDuiYingZhenShu"></el-table-column>
+          <el-table-column label="申请科室" prop="wardCode" v-if="weiZhaoDaoDuiYingZhenShu"></el-table-column>
+          <el-table-column label="余额" prop="yiTuiFei" v-else>
             <template #default="scope">
               <span style="color: red">{{ scope.row.yiTuiFei }}</span>
             </template>
@@ -189,6 +202,8 @@ export default {
 
     const feiYongXiuZhenDrawer = ref(false)
 
+    const weiZhaoDaoDuiYingZhenShu = ref(false)
+
     const weiGuiTabs = ref('未匹配')
 
     const dateRange = ref([])
@@ -217,7 +232,8 @@ export default {
       chargeFee: 0,
       chargeAmount: 0,
       execUnitName: '',
-      opIdCode: ''
+      opIdCode: '',
+      chargeCodeMX: ''
     })
 
     const weiPiPeiCurrentPage = (val) => {
@@ -241,27 +257,33 @@ export default {
       let startTime = dateS.startTime
       let endTime = dateS.endTime
       fuShuFeiYongXinXi.value = val
+      keYiPiPeiDeZhenShu.value.currentPage = 1
+      keYiPiPeiDeZhenShu.value.pageSize = 40
       huoQuZhenShuKePiPei(val.inpatientNo, val.admissTimes, val.ledgerSn, val.chargeCodeMx, val.execUnit, startTime, endTime, riQiPaiXu.value).then((res) => {
-        if (res.length === 0) {
-          ElMessageBox.alert(
-              `没有查询到对应的正数信息<br>
-                1、全部的正数（费用）可能已经全部都被匹配过了（被退了）。<br>
-                2、根本就没有收对应的正数。`,
-              '警告',
-              {
-                dangerouslyUseHTMLString: true,
-                type: 'error',
-              }
-          )
-        } else {
-          keYiPiPeiDeZhenShu.value.data = res
-          keYiPiPeiDeZhenShu.value.currentPage = 1
-          keYiPiPeiDeZhenShu.value.pageSize = 40
-          feiYongXiuZhenDrawer.value = true
+        keYiPiPeiDeZhenShu.value.data = res
+        feiYongXiuZhenDrawer.value = true
+        weiZhaoDaoDuiYingZhenShu.value = false
+      }).catch((e) => {
+        keYiPiPeiDeZhenShu.value.data = e.data
+        if (e.data.length === 0) {
+          ElMessageBox.alert('请检查时间范围或该患者没有对应的费用', '提示', {
+            type: 'warning'
+          })
+          return
         }
+        feiYongXiuZhenDrawer.value = true
+        weiZhaoDaoDuiYingZhenShu.value = true
       })
     }
 
+    watch(() =>
+            feiYongXiuZhenDrawer.value,
+        () => {
+          if (!feiYongXiuZhenDrawer.value) {
+            dateRange.value = []
+          }
+        })
+
     const linShiDuoXuan = ref([])
 
     const handleSelectionChange = (val) => {
@@ -365,6 +387,7 @@ export default {
         deptCode = huanZheXinXi.value.deptCode
       }
       weiGuiFeiYongFenXi(huanZheXinXi.value.inpatientNo, deptCode).then((res) => {
+        console.log(res)
         huanZheXinXi.value.inpatientNo = res.inpatientNo
         huanZheXinXi.value.admissTimes = res.admissTimes
         huanZheXinXi.value.name = res.name
@@ -377,7 +400,7 @@ export default {
         weiPiPei.value.pageSize = 15
         weiPiPei.value.data = res.weiPiPei
 
-        if ((weiPiPei.value.data.length > 0 && huanZheXinXi.value.default === '') || weiGuiFeiYong.value.data.length > 0) {
+        if ((weiPiPei.value.data.length > 0) || weiGuiFeiYong.value.data.length > 0) {
           ctx.emit('open', true)
         } else {
           qingKong()
@@ -389,12 +412,7 @@ export default {
             })
           }
         }
-
-        if (weiPiPei.value.data.length === 0 && weiGuiFeiYong.value.data.length > 0) {
-          weiGuiTabs.value = '违规退费'
-        } else {
-          weiGuiTabs.value = '未匹配'
-        }
+        weiPiPei.value.data.length > weiGuiFeiYong.value.data.length ? weiGuiTabs.value = '未匹配' : weiGuiTabs.value = '违规退费';
       })
     }
 
@@ -435,9 +453,20 @@ export default {
       keYiPiPeiDeZhenShuSizeChange,
       ziDongPiPeiTuiFei,
       chaXunWeiGuiClick,
+      weiZhaoDaoDuiYingZhenShu,
+      tuiFeiTiShi,
     }
   },
 }
+
+function tuiFeiTiShi(detailSn, oriDetailSn) {
+  switch (oriDetailSn) {
+    case -1:
+      return `<span >${detailSn}</span><br><span style="background-color: red;color: white">【已退】</span>`
+    default:
+      return `<span >${detailSn}</span><br><span style="background-color: #0f5e0f;color: white">【未退】</span>`
+  }
+}
 </script>
 
 <style></style>

src/store/modules/app.js

@@ -1,54 +1,54 @@
 const state = () => ({
-  isCollapse: false, // 侧边栏是否收缩展示
-  contentFullScreen: false, // 内容是否可全屏展示
-  showLogo: true, // 是否显示Logo
-  fixedTop: false, // 是否固定顶部, todo，暂未使用
-  showTabs: true, // 是否显示导航历史
-  expandOneMenu: true, // 一次是否只能展开一个菜单
-  elementSize: 'mini', // element默认尺寸，支持官网四个大小参数
-  loading: false,
-  windowSize: {},
-  currentPageName: null,
-  theme: {
-    state: {
-      style: 'default',
-      primaryColor: '#409eff',
-      menuType: 'side',
-    },
-  },
+    isCollapse: false, // 侧边栏是否收缩展示
+    contentFullScreen: false, // 内容是否可全屏展示
+    showLogo: true, // 是否显示Logo
+    fixedTop: false, // 是否固定顶部, todo，暂未使用
+    showTabs: true, // 是否显示导航历史
+    expandOneMenu: true, // 一次是否只能展开一个菜单
+    elementSize: 'mini', // element默认尺寸，支持官网四个大小参数
+    loading: false,
+    windowSize: {},
+    currentPageName: null,
+    theme: {
+        state: {
+            style: 'default',
+            primaryColor: '#409eff',
+            menuType: 'side',
+        },
+    },
 })
 
 // mutations
 const mutations = {
-  isCollapseChange(state, type) {
-    state.isCollapse = type
-  },
-  contentFullScreenChange(state, type) {
-    state.contentFullScreen = type
-  },
-  menuListChange(state, arr) {
-    state.menuList = arr
-  },
-  stateChange(state, option) {
-    state[option.name] = option.value
-  },
-  setLoading(state, val) {
-    state.loading = val
-  },
-  setWindowSize(state, windowSize) {
-    state.windowSize = windowSize
-  },
-  setCurrentPageName(state, val) {
-    state.currentPageName = val
-  },
+    isCollapseChange(state, type) {
+        state.isCollapse = type
+    },
+    contentFullScreenChange(state, type) {
+        state.contentFullScreen = type
+    },
+    menuListChange(state, arr) {
+        state.menuList = arr
+    },
+    stateChange(state, option) {
+        state[option.name] = option.value
+    },
+    setLoading(state, val) {
+        //state.loading = val
+    },
+    setWindowSize(state, windowSize) {
+        state.windowSize = windowSize
+    },
+    setCurrentPageName(state, val) {
+        state.currentPageName = val
+    },
 }
 
 // actions
 const actions = {}
 
 export default {
-  namespaced: true,
-  state,
-  actions,
-  mutations,
+    namespaced: true,
+    state,
+    actions,
+    mutations,
 }

src/utils/excel.js

@@ -1,50 +1,57 @@
 import axios from 'axios'
-import Cookies from 'js-cookie'
 import XLSX from 'xlsx'
 import store from '@/store'
+import {startLoading, endLoading} from "./loading";
+import {ElMessage} from "element-plus";
+
 const apiUrl = import.meta.env.VITE_BASE_URL
 
 export function writeExcelFile(workSheet, fileName) {
-  const workBook = XLSX.utils.book_new()
-  XLSX.utils.book_append_sheet(workBook, workSheet, 'sheet1')
-  XLSX.writeFile(workBook, fileName)
-  store.commit('app/setLoading', false)
+    const workBook = XLSX.utils.book_new()
+    XLSX.utils.book_append_sheet(workBook, workSheet, 'sheet1')
+    XLSX.writeFile(workBook, fileName)
+    store.commit('app/setLoading', false)
+    endLoading()
+
 }
 
 export function createWorkSheet(data, fields, titles) {
-  const workSheet = XLSX.utils.json_to_sheet(data, { header: fields })
-  const range = XLSX.utils.decode_range(workSheet['!ref'])
-  for (let c = range.s.c; c <= range.e.c; c++) {
-    const header = XLSX.utils.encode_col(c) + '1'
-    workSheet[header].v = titles[workSheet[header].v]
-  }
-  return workSheet
+    const workSheet = XLSX.utils.json_to_sheet(data, {header: fields})
+    const range = XLSX.utils.decode_range(workSheet['!ref'])
+    for (let c = range.s.c; c <= range.e.c; c++) {
+        const header = XLSX.utils.encode_col(c) + '1'
+        workSheet[header].v = titles[workSheet[header].v]
+    }
+    return workSheet
 }
 
 export function downloadExcel(data) {
-  axios({
-    method: 'post',
-    url: apiUrl + data.url,
-    data: data.param,
-    responseType: 'blob',
-    headers: {
-      token: Cookies.get('token'),
-    },
-  })
-    .then((res) => {
-      const link = document.createElement('a')
-      let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
-      link.style.display = 'none'
-      link.href = URL.createObjectURL(blob)
-      link.download = data.fileName //下载的文件名
-      document.body.appendChild(link)
-      link.click()
-      document.body.removeChild(link)
-      store.commit('app/setLoading', false)
-    })
-    .catch((error) => {
-      this.$message.error({ title: '错误', desc: '网络连接错误' })
-      console.log(error)
-      store.commit('app/setLoading', false)
+    startLoading()
+    axios({
+        method: 'post',
+        url: apiUrl + data.url,
+        data: data.param,
+        responseType: 'blob',
+        headers: {
+            token: store.state.user.token,
+        },
     })
+        .then((res) => {
+            const link = document.createElement('a')
+            let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'})
+            link.style.display = 'none'
+            link.href = URL.createObjectURL(blob)
+            link.download = data.fileName //下载的文件名
+            document.body.appendChild(link)
+            link.click()
+            document.body.removeChild(link)
+            endLoading()
+            store.commit('app/setLoading', false)
+        })
+        .catch((error) => {
+            ElMessage.error('网络连接错误', '错误')
+            console.error(error)
+            endLoading()
+            store.commit('app/setLoading', false)
+        })
 }

src/utils/request.js

@@ -3,7 +3,7 @@ import {ElMessage, ElMessageBox} from 'element-plus'
 import Cookies from 'js-cookie'
 import router from '@/router'
 import store from '@/store'
-import {endLoading, startLoading} from "./loading";
+import {startLoading, endLoading} from "./loading";
 
 const apiUrl = import.meta.env.VITE_BASE_URL
 
@@ -75,6 +75,7 @@ service.interceptors.response.use(
                 type: 'error',
                 confirmButtonText: '确定',
                 dangerouslyUseHTMLString: true,
+            }).then(() => {
             })
         } else if (response.data.code > 3000 && response.data.code < 4000) {
             ElMessageBox.alert(response.data.message, '提示', {

src/views/reports/ClockinData.vue

@@ -2,13 +2,13 @@
   <el-container>
     <el-header height="36px" style="margin-top: 8px">
       <el-date-picker
-        v-model="datePeriod"
-        type="daterange"
-        range-separator="至"
-        start-placeholder="开始日期"
-        end-placeholder="结束日期"
-        :shortcuts="clockinShortcuts"
-        style="width: 260px"
+          v-model="datePeriod"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          :shortcuts="clockinShortcuts"
+          style="width: 260px"
       ></el-date-picker>
       <span></span>
       <el-button type="primary" icon="el-icon-search" @click="fetchData">查询数据</el-button>
@@ -16,14 +16,14 @@
     </el-header>
     <el-main>
       <el-table :data="data.list" stripe :height="tableHeight">
-        <el-table-column prop="checkinDate" label="日期" width="110" sortable> </el-table-column>
-        <el-table-column prop="name" label="姓名" width="70"> </el-table-column>
-        <el-table-column prop="userid" label="工号" width="50"> </el-table-column>
-        <el-table-column prop="dept" label="科室"> </el-table-column>
-        <el-table-column prop="times" label="打卡次数"> </el-table-column>
-        <el-table-column prop="worktime" label="工作时长"> </el-table-column>
-        <el-table-column prop="checkinHourOn" label="上班打卡时间"> </el-table-column>
-        <el-table-column prop="checkinAddrOn" label="上班打卡地点"> </el-table-column>
+        <el-table-column prop="checkinDate" label="日期" width="110" sortable></el-table-column>
+        <el-table-column prop="name" label="姓名" width="70"></el-table-column>
+        <el-table-column prop="userid" label="工号" width="50"></el-table-column>
+        <el-table-column prop="dept" label="科室"></el-table-column>
+        <el-table-column prop="times" label="打卡次数"></el-table-column>
+        <el-table-column prop="worktime" label="工作时长"></el-table-column>
+        <el-table-column prop="checkinHourOn" label="上班打卡时间"></el-table-column>
+        <el-table-column prop="checkinAddrOn" label="上班打卡地点"></el-table-column>
         <el-table-column label="上班打卡状态">
           <template v-slot="scope">
             <span :style="textColor(scope.row.checkinStateOn)">
@@ -31,9 +31,9 @@
             </span>
           </template>
         </el-table-column>
-        <el-table-column prop="notesOn" label="上班打卡备注"> </el-table-column>
-        <el-table-column prop="checkinHourOff" label="下班打卡时间"> </el-table-column>
-        <el-table-column prop="checkinAddrOff" label="下班打卡地点"> </el-table-column>
+        <el-table-column prop="notesOn" label="上班打卡备注"></el-table-column>
+        <el-table-column prop="checkinHourOff" label="下班打卡时间"></el-table-column>
+        <el-table-column prop="checkinAddrOff" label="下班打卡地点"></el-table-column>
         <el-table-column label="下班打卡状态">
           <template v-slot="scope">
             <span :style="textColor(scope.row.checkinStateOff)">
@@ -41,16 +41,16 @@
             </span>
           </template>
         </el-table-column>
-        <el-table-column prop="notesOff" label="下班打卡备注"> </el-table-column>
+        <el-table-column prop="notesOff" label="下班打卡备注"></el-table-column>
       </el-table>
       <el-pagination
-        @current-change="handlePageChange"
-        :current-page="currentPage"
-        :page-size="30"
-        layout="total, prev, pager, next, jumper"
-        background
-        :total="data.totalSize"
-        style="margin: 5px 10px"
+          @current-change="handlePageChange"
+          :current-page="currentPage"
+          :page-size="30"
+          layout="total, prev, pager, next, jumper"
+          background
+          :total="data.totalSize"
+          style="margin: 5px 10px"
       >
       </el-pagination>
     </el-main>
@@ -58,13 +58,14 @@
 </template>
 
 <script>
-import { computed, reactive, ref } from 'vue'
-import { clockinShortcuts } from '@/data/shortcuts'
-import { getClockinDataFromDb } from '@/api/clockin'
-import { ElMessage } from 'element-plus'
+import {computed, reactive, ref} from 'vue'
+import {clockinShortcuts} from '@/data/shortcuts'
+import {getClockinDataFromDb} from '@/api/clockin'
+import {ElMessage} from 'element-plus'
 import store from '@/store'
-import { downloadExcel } from '@/utils/excel'
-import { formatDate } from '@/utils/date'
+import {downloadExcel} from '@/utils/excel'
+import {formatDate} from '@/utils/date'
+
 export default {
   setup() {
     const datePeriod = ref(null)
@@ -105,7 +106,6 @@ export default {
         data.totalSize = res.totalSize
       })
     }
-
     const exportExcel = () => {
       if (!datePeriod.value) {
         ElMessage({
@@ -116,7 +116,6 @@ export default {
         })
         return
       }
-      store.commit('app/setLoading', true)
       const data = {
         param: {
           start: datePeriod.value[0],
@@ -148,6 +147,6 @@ export default {
 }
 
 function textColor(val) {
-  if (val !== '正常') return { color: 'red' }
+  if (val !== '正常') return {color: 'red'}
 }
 </script>

src/views/reports/KeShiShouRuTongJi.vue

@@ -2,14 +2,14 @@
   <el-container>
     <el-header style="margin-top: 10px">
       <el-date-picker
-        type="daterange"
-        v-model="queryTerm.dateRange"
-        placeholder="选择日期"
-        style="width: 280px"
-        range-separator="至"
-        start-placeholder="开始日期"
-        end-placeholder="结束日期"
-        :shortcuts="clockinShortcuts"
+          type="daterange"
+          v-model="queryTerm.dateRange"
+          placeholder="选择日期"
+          style="width: 280px"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          :shortcuts="clockinShortcuts"
       ></el-date-picker>
       <el-select style="width: 70px" v-model="queryTerm.laiYuan">
         <el-option label="住院" :value="0"></el-option>
@@ -17,7 +17,8 @@
       </el-select>
       <span v-if="quanXian.indexOf(1) > -1 || quanXian.indexOf(34) > -1">
         录入人
-        <el-select v-model="queryTerm.opId" remote filterable clearable :remote-method="remoteMethodRenYuan" style="width: 100px">
+        <el-select v-model="queryTerm.opId" remote filterable clearable :remote-method="remoteMethodRenYuan"
+                   style="width: 100px">
           <el-option v-for="item in renYuanList" :key="item.code" :label="item.name" :value="item.code">
             <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>
             <el-divider direction="vertical"></el-divider>
@@ -34,7 +35,8 @@
         </el-option>
       </el-select>
       项目名称
-      <el-select v-model="queryTerm.chargeCodeMx" remote filterable clearable :remote-method="remoteMethodChargeCode" style="width: 150px">
+      <el-select v-model="queryTerm.chargeCodeMx" remote filterable clearable :remote-method="remoteMethodChargeCode"
+                 style="width: 150px">
         <el-option v-for="item in chargeCodeList" :key="item.code" :label="item.name" :value="item.code">
           <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>
           <el-divider direction="vertical"></el-divider>
@@ -47,8 +49,10 @@
           <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>
           <el-divider direction="vertical"></el-divider>
           <span>{{ item.name }}</span>
-        </el-option> </el-select
-      ><br />
+        </el-option>
+      </el-select
+      >
+      <br/>
       <span v-if="quanXian.indexOf(1) > -1">
         执行科室
         <el-select v-model="queryTerm.execUnitList" remote filterable multiple collapse-tags clearable>
@@ -68,41 +72,47 @@
         <el-table-column label="患者姓名" prop="patientName" v-if="queryTerm.fenLei === 3"></el-table-column>
         <el-table-column label="住院号" prop="patient" v-if="queryTerm.fenLei === 3"></el-table-column>
         <el-table-column label="次数" prop="times" v-if="queryTerm.fenLei === 3"></el-table-column>
-        <el-table-column label="项目编码" prop="chargeCodeMx" v-if="queryTerm.fenLei === 2 || queryTerm.fenLei === 3"></el-table-column>
-        <el-table-column label="项目名称" prop="chargeCodeName" v-if="queryTerm.fenLei === 2 || queryTerm.fenLei === 3"></el-table-column>
+        <el-table-column label="项目编码" prop="chargeCodeMx"
+                         v-if="queryTerm.fenLei === 2 || queryTerm.fenLei === 3"></el-table-column>
+        <el-table-column label="项目名称" prop="chargeCodeName"
+                         v-if="queryTerm.fenLei === 2 || queryTerm.fenLei === 3"></el-table-column>
         <el-table-column label="收费日期" prop="chargeDate" width="80" v-if="queryTerm.fenLei === 3"></el-table-column>
-        <el-table-column label="收费日期" prop="chargeDateString" width="80" v-if="queryTerm.fenLei === 0"></el-table-column>
-        <el-table-column label="录入人" prop="opName" v-if="queryTerm.fenLei === 3 || queryTerm.fenLei === 1"></el-table-column>
-        <el-table-column label="执行科室" prop="execUnitName" v-if="queryTerm.fenLei === 3"></el-table-column>【
+        <el-table-column label="收费日期" prop="chargeDateString" width="80"
+                         v-if="queryTerm.fenLei === 0"></el-table-column>
+        <el-table-column label="录入人" prop="opName"
+                         v-if="queryTerm.fenLei === 3 || queryTerm.fenLei === 1"></el-table-column>
+        <el-table-column label="执行科室" prop="execUnitName" v-if="queryTerm.fenLei === 3"></el-table-column>
+        【
         <el-table-column label="申请科室" prop="wardCodeName" v-if="queryTerm.fenLei === 3"></el-table-column>
         <el-table-column label="金额" prop="chargeFee"></el-table-column>
         <el-table-column label="数量" prop="chargeAmount"></el-table-column>
         <el-table-column label="来源" prop="source"></el-table-column>
       </el-table>
       <el-pagination
-        :page-sizes="[20, 30, 40, 50]"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="fenYeQueryTerm.total"
-        style="margin-top: 5px"
-        :current-page="fenYeQueryTerm.currentPage"
-        :page-size="fenYeQueryTerm.pageSize"
+          :page-sizes="[20, 30, 40, 50]"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="fenYeQueryTerm.total"
+          style="margin-top: 5px"
+          :current-page="fenYeQueryTerm.currentPage"
+          :page-size="fenYeQueryTerm.pageSize"
       ></el-pagination>
     </el-main>
   </el-container>
 </template>
 
 <script>
-import { clockinShortcuts } from '@/data/shortcuts'
-import { ref, onMounted } from 'vue'
-import { getKeShouFei } from '../../api/querydata/keshishourutongji.js'
-import { getChargeCode, getDept, getRenYuan } from '../../api/public-api.js'
-import { getDateRangeFormatDate } from '../../utils/date.js'
+import {clockinShortcuts} from '@/data/shortcuts'
+import {ref, onMounted} from 'vue'
+import {getKeShouFei} from '../../api/querydata/keshishourutongji.js'
+import {getChargeCode, getDept, getRenYuan} from '../../api/public-api.js'
+import {getDateRangeFormatDate} from '../../utils/date.js'
 import store from '@/store'
-import { clone } from '../../utils/clone.js'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { downloadExcel } from '../../utils/excel.js'
+import {clone} from '../../utils/clone.js'
+import {ElMessage, ElMessageBox} from 'element-plus'
+import {downloadExcel} from '../../utils/excel.js'
+
 export default {
   setup() {
     const windowSize = store.state.app.windowSize
@@ -177,7 +187,7 @@ export default {
 
     const exportExcel = () => {
       if (keShiFeiYongData.value.length <= 0) {
-        return ElMessage.warning({ message: '请先查询出数据' })
+        return ElMessage.warning({message: '请先查询出数据'})
       }
       ElMessageBox.prompt('导出文件名字', '提示', {
         confirmButtonText: '确定',
@@ -185,30 +195,30 @@ export default {
         inputPattern: /\S/,
         inputErrorMessage: '文件名不能为空 (∩•̀ω•́)⊃-*⋆',
       })
-        .then(({ value }) => {
-          store.commit('SET_LOADING', true)
-          const data = {
-            param: {
-              startTime: fenYeQueryTerm.value.startTime,
-              endTime: fenYeQueryTerm.value.endTime,
-              fenLei: fenYeQueryTerm.value.fenLei,
-              chargeCodeMx: fenYeQueryTerm.value.chargeCodeMx,
-              opId: fenYeQueryTerm.value.opId,
-              currentPage: 1,
-              pageSize: fenYeQueryTerm.value.total,
-              total: fenYeQueryTerm.value.total,
-              execUnitList: fenYeQueryTerm.value.execUnitList,
-              reqDeptCode: fenYeQueryTerm.value.reqDeptCode,
-              laiYuan: fenYeQueryTerm.value.laiYuan,
-            },
-            url: '/keShiTongJi/exportExcel',
-            fileName: value + '.xlsx',
-          }
-          setTimeout(() => {
-            downloadExcel(data)
-          }, 500)
-        })
-        .catch(() => {})
+          .then(({value}) => {
+            const data = {
+              param: {
+                startTime: fenYeQueryTerm.value.startTime,
+                endTime: fenYeQueryTerm.value.endTime,
+                fenLei: fenYeQueryTerm.value.fenLei,
+                chargeCodeMx: fenYeQueryTerm.value.chargeCodeMx,
+                opId: fenYeQueryTerm.value.opId,
+                currentPage: 1,
+                pageSize: fenYeQueryTerm.value.total,
+                total: fenYeQueryTerm.value.total,
+                execUnitList: fenYeQueryTerm.value.execUnitList,
+                reqDeptCode: fenYeQueryTerm.value.reqDeptCode,
+                laiYuan: fenYeQueryTerm.value.laiYuan,
+              },
+              url: '/keShiTongJi/exportExcel',
+              fileName: value + '.xlsx',
+            }
+            setTimeout(() => {
+              downloadExcel(data)
+            }, 500)
+          })
+          .catch(() => {
+          })
     }
 
     onMounted(() => {
@@ -229,10 +239,10 @@ export default {
       remoteMethodChargeCode,
       deptList,
       fenLeiDate: ref([
-        { code: 0, name: '日期' },
-        { code: 1, name: '录入人' },
-        { code: 2, name: '项目编码' },
-        { code: 3, name: '不分类' },
+        {code: 0, name: '日期'},
+        {code: 1, name: '录入人'},
+        {code: 2, name: '项目编码'},
+        {code: 3, name: '不分类'},
       ]),
       getKeShouFeiClick,
       windowHeigth,