Skip to content

薪
薪瑞通-前端
Commit 8aeef2a9 authored by 谢子梦's avatar 谢子梦
Browse files
Options

stage：发薪情况统计时间限制

parent 22ed45b6
Hide whitespace changes
Inline Side-by-side
Showing with 69 additions and 26 deletions
src/views/statistics/index.vue
View file @ 8aeef2a9
...@@ -6,19 +6,25 @@ ...@@ -6,19 +6,25 @@
<!-- 按月-查询条件框 --> <!-- 按月-查询条件框 -->
<el-form :model="paramsMonth" label-width="80px" label-position="left"> <el-form :model="paramsMonth" label-width="80px" label-position="left">
<el-row :gutter="22"> <el-row :gutter="22">
<el-col :span="8"> <el-col :span="6">
<el-form-item label="发薪主体">
<el-input v-model="paramsMonth.payerAccName" placeholder="请输入发薪主体"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="单位名称"> <el-form-item label="单位名称">
<el-input v-model="paramsMonth.companyName" placeholder="请输入单位名称"></el-input> <el-input v-model="paramsMonth.companyName" placeholder="请输入单位名称"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="6">
<el-form-item label="统计月份"> <el-form-item label="统计月份">
<el-date-picker style="width: 100%;" format="yyyy 年 MM 月" value-format="yyyy-MM" <el-date-picker style="width: 100%;" format="yyyy 年 MM 月" value-format="yyyy-MM"
v-model="paramsMonth.timeVal" type="month" placeholder="选择月"> v-model="paramsMonth.timeVal" type="month" placeholder="选择月"
:picker-options="pickerOptionsMonth">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="6">
<div> <div>
<el-button size="small" icon="el-icon-search" type="primary" <el-button size="small" icon="el-icon-search" type="primary"
@click="getStatisticsListMonth">搜索</el-button> @click="getStatisticsListMonth">搜索</el-button>
...@@ -32,17 +38,19 @@ ...@@ -32,17 +38,19 @@
<el-table :data="statisticsMothList" style="width: 100%" :key="statisticsMothKey" <el-table :data="statisticsMothList" style="width: 100%" :key="statisticsMothKey"
:header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }" :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"
height="calc(100vh - 300px)" show-summary :summary-method="getSummariesMonth"> height="calc(100vh - 300px)" show-summary :summary-method="getSummariesMonth">
<el-table-column label="序号" type="index" :index="indexMonthFN" width="50"> <!-- <el-table-column label="序号" type="index" :index="indexMonthFN" width="50">
</el-table-column> </el-table-column> -->
<el-table-column prop="companyName" label="单位名称">
</el-table-column>
<el-table-column prop="actualPayable" label="实发工资">
</el-table-column>
<el-table-column prop="timeVal" label="时间"> <el-table-column prop="timeVal" label="时间">
<template slot-scope="{row}"> <template slot-scope="{row}">
{{ statisticsMothTime(row.timeVal) }} {{ statisticsMothTime(row.timeVal) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="payerAccName" label="发薪主体">
</el-table-column>
<el-table-column prop="companyName" label="单位名称">
</el-table-column>
<el-table-column prop="actualPayable" label="实发工资">
</el-table-column>
<el-table-column label="公司承担部分"> <el-table-column label="公司承担部分">
<el-table-column prop="gsbxCompanyMoney" label="工商保险"> <el-table-column prop="gsbxCompanyMoney" label="工商保险">
</el-table-column> </el-table-column>
...@@ -70,19 +78,25 @@ ...@@ -70,19 +78,25 @@
<!-- 按年-查询条件框 --> <!-- 按年-查询条件框 -->
<el-form :model="paramsYear" label-width="80px" label-position="left"> <el-form :model="paramsYear" label-width="80px" label-position="left">
<el-row :gutter="22"> <el-row :gutter="22">
<el-col :span="8"> <el-col :span="6">
<el-form-item label="发薪主体">
<el-input v-model="paramsYear.payerAccName" placeholder="请输入发薪主体"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="单位名称"> <el-form-item label="单位名称">
<el-input v-model="paramsYear.companyName" placeholder="请输入单位名称"></el-input> <el-input v-model="paramsYear.companyName" placeholder="请输入单位名称"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="6">
<el-form-item label="统计年份"> <el-form-item label="统计年份">
<el-date-picker style="width: 100%;" format="yyyy 年" value-format="yyyy" <el-date-picker style="width: 100%;" format="yyyy 年" value-format="yyyy"
v-model="paramsYear.timeVal" type="year" placeholder="选择年"> v-model="paramsYear.timeVal" type="year" placeholder="选择年"
:picker-options="pickerOptionsYear">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="6">
<div> <div>
<el-button size="small" icon="el-icon-search" type="primary" <el-button size="small" icon="el-icon-search" type="primary"
@click="getStatisticsListYear">搜索</el-button> @click="getStatisticsListYear">搜索</el-button>
...@@ -96,17 +110,19 @@ ...@@ -96,17 +110,19 @@
<el-table :data="statisticsYearList" style="width: 100%" :key="statisticsYearKey" <el-table :data="statisticsYearList" style="width: 100%" :key="statisticsYearKey"
:header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }" :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"
height="calc(100vh - 300px)" show-summary :summary-method="getSummariesYear"> height="calc(100vh - 300px)" show-summary :summary-method="getSummariesYear">
<el-table-column label="序号" type="index" :index="indexYearFN" width="50"> <!-- <el-table-column label="序号" type="index" :index="indexYearFN" width="50">
</el-table-column> </el-table-column> -->
<el-table-column prop="companyName" label="单位名称">
</el-table-column>
<el-table-column prop="actualPayable" label="实发工资">
</el-table-column>
<el-table-column prop="timeVal" label="时间"> <el-table-column prop="timeVal" label="时间">
<template slot-scope="{row}"> <template slot-scope="{row}">
{{ statisticsYearTime(row.timeVal) }} {{ statisticsYearTime(row.timeVal) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="payerAccName" label="发薪主体">
</el-table-column>
<el-table-column prop="companyName" label="单位名称">
</el-table-column>
<el-table-column prop="actualPayable" label="实发工资">
</el-table-column>
<el-table-column label="公司承担部分"> <el-table-column label="公司承担部分">
<el-table-column prop="gsbxCompanyMoney" label="工商保险"> <el-table-column prop="gsbxCompanyMoney" label="工商保险">
</el-table-column> </el-table-column>
...@@ -146,6 +162,7 @@ export default { ...@@ -146,6 +162,7 @@ export default {
timeUnit: 'MONTH', timeUnit: 'MONTH',
timeVal: null, timeVal: null,
companyName: null, companyName: null,
payerAccName: null
}, },
totalMonth: 0, totalMonth: 0,
statisticsMothList: [], statisticsMothList: [],
...@@ -157,14 +174,38 @@ export default { ...@@ -157,14 +174,38 @@ export default {
timeUnit: 'YEAR', timeUnit: 'YEAR',
timeVal: null, timeVal: null,
companyName: null, companyName: null,
payerAccName: null
}, },
totalYear: 0, totalYear: 0,
statisticsYearList: [], statisticsYearList: [],
statisticsYearKey: 1, statisticsYearKey: 1,
activeName: 'first' activeName: 'first',
/** 月份禁用 */
pickerOptionsMonth: {
disabledDate(time) {
const currentMonth = new Date();
currentMonth.setDate(1);
currentMonth.setHours(0, 0, 0, 0);
return time.getTime() > currentMonth.getTime();
}
},
/** 年份禁用 */
pickerOptionsYear: {
disabledDate(time) {
const currentYear = new Date();
currentYear.setMonth(0);
currentYear.setDate(1);
currentYear.setHours(0, 0, 0, 0);
return time.getTime() > currentYear.getTime();
}
}
} }
}, },
created() { }, created() {
// 获取当前年、月份
this.paramsYear.timeVal = String(new Date().getFullYear());
this.paramsMonth.timeVal = String(new Date().getFullYear()) + '-' + String(new Date().getMonth() + 1).padStart(2, '0');
},
mounted() { mounted() {
this.getStatisticsListMonth() this.getStatisticsListMonth()
}, },
...@@ -273,8 +314,9 @@ export default { ...@@ -273,8 +314,9 @@ export default {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
timeUnit: 'YEAR', timeUnit: 'YEAR',
timeVal: null, timeVal: String(new Date().getFullYear()),
companyName: null, companyName: null,
payerAccName: null,
} }
this.getStatisticsListYear() this.getStatisticsListYear()
}, },
...@@ -284,8 +326,9 @@ export default { ...@@ -284,8 +326,9 @@ export default {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
timeUnit: 'MONTH', timeUnit: 'MONTH',
timeVal: null, timeVal: String(new Date().getFullYear()) + '-' + String(new Date().getMonth() + 1).padStart(2, '0'),
companyName: null, companyName: null,
payerAccName: null,
} }
this.getStatisticsListMonth() this.getStatisticsListMonth()
}, },
...@@ -332,7 +375,7 @@ export default { ...@@ -332,7 +375,7 @@ export default {
if (res.code == 200) { if (res.code == 200) {
this.statisticsMothList = res.rows this.statisticsMothList = res.rows
this.totalMonth = res.total this.totalMonth = res.total
this.statisticsMothKey += 12 this.statisticsMothKey += 1
} }
}).finally(() => { }).finally(() => {
this.$modal.closeLoading() this.$modal.closeLoading()
...@@ -345,7 +388,7 @@ export default { ...@@ -345,7 +388,7 @@ export default {
if (res.code == 200) { if (res.code == 200) {
this.statisticsYearList = res.rows this.statisticsYearList = res.rows
this.totalYear = res.total this.totalYear = res.total
this.statisticsYearKey += 12 this.statisticsYearKey += 1
} }
}).finally(() => { }).finally(() => {
this.$modal.closeLoading() this.$modal.closeLoading()
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment