优化本院费用导出

src/views/reports/QueryPayService.vue

@@ -1,8 +1,7 @@
 <template>
   <el-container>
     <el-header height="35px" style="margin-top: 10px">
-      <el-date-picker v-model="dateRange" type="daterange" range-separator="至" start-placeholder="开始日期"
-                      end-placeholder="结束日期" :shortcuts="shortcuts"></el-date-picker>
+      <el-date-picker v-model="dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :shortcuts="shortcuts"></el-date-picker>
       <el-select style="width: 100px" v-model="queryTerm.classCode" filterable clearable placeholder="费用类型">
         <el-option v-for="item in classCode" :key="item.code" :label="item.name" :value="item.code"></el-option>
       </el-select>
@@ -10,8 +9,7 @@
         <el-option v-for="item in ward" :key="item.code" :label="item.name" :value="item.code"></el-option>
       </el-select>
       名称搜索：
-      <el-select filterable remote clearable :remote-method="remoteMethod" v-model="queryTerm.chargeCode"
-                 placeholder="拼音首字母搜索">
+      <el-select filterable remote clearable :remote-method="remoteMethod" v-model="queryTerm.chargeCode" placeholder="拼音首字母搜索">
         <el-option v-for="item in shouFeiBianMaData" :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>
@@ -19,12 +17,10 @@
         >
       </el-select>
       <el-button type="primary" icon="el-icon-search" @click="query" style="margin-left: 5px">查询</el-button>
-      <el-button type="primary" v-if="returnData.length > 0" icon="el-icon-download" @click="exportExcel">导出excel
-      </el-button>
+      <el-button type="primary" v-if="returnData.length > 0" icon="el-icon-download" @click="exportExcel">导出excel </el-button>
     </el-header>
     <el-main>
-      <el-table :data="returnData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" :height="tableHeight"
-                stripe highlight-current-row>
+      <el-table :data="returnData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" :height="tableHeight" stripe highlight-current-row>
         <el-table-column prop="chargeCode" label="院内编码"></el-table-column>
         <el-table-column prop="name" show-overflow-tooltip label="项目名称"></el-table-column>
         <el-table-column prop="classCode" label="费用类别"></el-table-column>
@@ -43,34 +39,33 @@
     </el-main>
     <el-footer style="height: 40px">
       <el-pagination
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :current-page="currentPage"
-          :page-sizes="[20, 30, 40, 50, 100]"
-          :page-size="pageSize"
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="returnData.length"
-          style="margin-top: 5px"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[20, 30, 40, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="returnData.length"
+        style="margin-top: 5px"
       ></el-pagination>
     </el-footer>
   </el-container>
 </template>
 
 <script>
-import {reactive, ref} from '@vue/reactivity'
-import {shortcuts} from '@/data/shortcuts'
-import {onMounted} from 'vue'
-import {clockinShortcuts} from '@/data/shortcuts'
-import {getSelect, queryProjects, chaKanXiangQing, yaoPinHuoXiangMuCode} from '@/api/querydata/query-pay-service'
-import {formatDate} from '@/utils/date'
-import {ElMessage} from 'element-plus'
+import { reactive, ref } from '@vue/reactivity'
+import { shortcuts } from '@/data/shortcuts'
+import { onMounted } from 'vue'
+import { clockinShortcuts } from '@/data/shortcuts'
+import { getSelect, queryProjects, chaKanXiangQing, yaoPinHuoXiangMuCode } from '@/api/querydata/query-pay-service'
+import { formatDate, getDateRangeFormatDate } from '@/utils/date'
+import { ElMessage } from 'element-plus'
 import store from '@/store'
-import {writeExcelFile, createWorkSheet} from '@/utils/excel'
 import yuanNeiTongJiCKXQ from './YuanNeiTongJiCKXQ.vue'
 import { ExcelName } from '@/utils/ExportExcel'
 
 export default {
-  components: {yuanNeiTongJiCKXQ},
+  components: { yuanNeiTongJiCKXQ },
   setup() {
     const windowSize = store.state.app.windowSize
     const tableHeight = windowSize.h / 1.2
@@ -104,8 +99,9 @@ export default {
 
     const query = () => {
       if (dateRange.value) {
-        queryTerm.startTime = formatDate(dateRange.value[0])
-        queryTerm.endTime = formatDate(dateRange.value[1])
+        let dateS = getDateRangeFormatDate(dateRange.value)
+        queryTerm.startTime = dateS.startTime
+        queryTerm.endTime = dateS.endTime
       } else if (queryTerm.chargeCode !== '') {
         queryTerm.startTime = ''
         queryTerm.endTime = ''
@@ -120,12 +116,12 @@ export default {
         })
       }
       queryProjects(queryTerm)
-          .then((res) => {
-            returnData.value = res
-          })
-          .catch(() => {
-            returnData.value = []
-          })
+        .then((res) => {
+          returnData.value = res
+        })
+        .catch(() => {
+          returnData.value = []
+        })
     }
 
     const returnData = ref([])
@@ -143,14 +139,14 @@ export default {
 
     const exportExcel = () => {
       let title = {
-          chargeCode: '收费编码',
-          name: '项目名称',
-          classCode: '费用类别',
-          source: '来源',
-          number: '数量',
-          amountOfMoney: '金额'
+        chargeCode: '收费编码',
+        name: '项目名称',
+        classCode: '费用类别',
+        source: '来源',
+        number: '数量',
+        amountOfMoney: '金额',
       }
-      ExcelName(returnData.value,title)
+      ExcelName(returnData.value, title)
     }
 
     /** 查询项目的详细信息  */
@@ -193,7 +189,7 @@ export default {
       bianMaXiangQingDialog,
       shouFeiBianMaData,
       remoteMethod,
-      xiangQingChouTi
+      xiangQingChouTi,
     }
   },
 }