薪资统计-导出

src/views/oa/salary_management/personnelSalary/SalarysStatistics.vue

@@ -5,7 +5,7 @@
       <div class="table-page-search-wrapper">
         <a-form layout="inline" @keyup.enter.native="searchQuery">
           <a-row :gutter="24">
-            <a-col :xl="5" :lg="7" :md="8" :sm="24">
+            <a-col :xl="4" :lg="7" :md="8" :sm="24">
               <a-form-item label="时间">
                 <a-range-picker
                     style="width: 100% !important"
@@ -21,7 +21,7 @@
                 />
               </a-form-item>
             </a-col>
-            <a-col :xl="5" :lg="7" :md="8" :sm="24">
+            <a-col :xl="4" :lg="7" :md="8" :sm="24">
               <a-form-item label="公司">
                 <a-select  v-model="queryParam.orgName">
                     <a-select-option value="">所有</a-select-option>
@@ -31,13 +31,13 @@
                   </a-select>
               </a-form-item>
             </a-col>
-            <a-col :xl="5" :lg="7" :md="8" :sm="24">
+            <a-col :xl="4" :lg="7" :md="8" :sm="24">
               <a-form-item label="部门">
                 <j-search-select-tag v-model="queryParam.sysOrgCode" placeholder="请选择部门" 
                      dict="sys_depart,depart_name,depart_name,org_type='3' or org_code='TBD' order by org_code"/>
               </a-form-item>
             </a-col>
-            <a-col :xl="5" :lg="7" :md="8" :sm="24">
+            <a-col :xl="3" :lg="7" :md="8" :sm="24">
             <a-form-item label="姓名">
                 <j-search-select-tag v-model="queryParam.name" placeholder="请选择名称" 
                      dict="sys_user,realname,realname" allowClear/>
@@ -66,7 +66,9 @@
       </div>
   
       <!-- 操作按钮区域 -->
-
+        <div class="table-operator">
+          <a-button type="primary" @click="exportList" icon="plus">导出</a-button>
+        </div>
   
         <a-table
           ref="tableRef"
@@ -91,7 +93,7 @@
   <script>
   
     import { JeecgListMixin } from '@/mixins/JeecgListMixin'
-    import { getAction } from '@/api/manage'
+    import { getAction,downFile } from '@/api/manage'
     import moment from 'moment'
     import JSearchSelectTag from '@/components/dict/JSearchSelectTag'
     export default {
@@ -325,6 +327,29 @@
             this.queryParam.pageSize = pagination.pageSize
             this.getTableList()
         },
+        exportList(){
+          var param1 = Object.assign({}, this.queryParam)
+          param1.syHireType = (param1.syHireType).toString()
+          downFile('/salary/salaryManagement/exportXls3',param1).then(data => {
+            if (!data) {
+              this.$message.warning('文件下载失败')
+              return
+            }
+            if (typeof window.navigator.msSaveBlob !== 'undefined') {
+                window.navigator.msSaveBlob(new Blob([data], { type: 'application/vnd.ms-excel' }),  '薪资统计' + '.xlsx')
+            } else {
+              let url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.ms-excel' }))
+              let link = document.createElement('a')
+              link.style.display = 'none'
+              link.href = url
+              link.setAttribute('download', '薪资统计'+'.xlsx')
+              document.body.appendChild(link)
+              link.click()
+              document.body.removeChild(link) // 下载完成移除元素
+              window.URL.revokeObjectURL(url) // 释放掉blob对象
+            }
+          })
+        },
         showTotal(data) {
                 return (
                     <a-table