[update] -增加确认月份的统计

This commit is contained in:
fengchenchen
2022-07-12 15:59:21 +08:00
parent 8ed0e73791
commit 59107b5669
10 changed files with 234 additions and 16 deletions
@@ -73,7 +73,21 @@
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="确认年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-year-date style="width:100%" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
<j-year-date style="width:100%" @change="paymentYearChange" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="确认月份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
style="width:100%"
placeholder="请选择确认月份"
:disabled="!queryParam.paymentYear"
v-model="queryParam.paymentMonth"
show-search
allowClear
>
<a-select-option v-for="item in MonthData" :key="item.value" :value="item.value">{{item.name}}</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
@@ -218,6 +232,7 @@ import ProjectDetailModal from '../../components/ProjectDetailModal'
import {downloadFile} from '../../api/manage'
import StatusSlot from '../../components/tools/StatusSlot'
import {formatMoney} from '@/utils/formatMoney'
import { MonthData } from './statisticData'
const defaultTableColumns = [
{
@@ -319,6 +334,7 @@ export default {
mixins: [JeroListMixin],
data() {
return {
MonthData,
IconImg,
labelCol: {
xs: {span: 24},
@@ -552,6 +568,12 @@ export default {
return (
option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
)
},
// 确认年份 年份选择器改变的事件
paymentYearChange() {
if(!this.queryParam.paymentYear) {
this.queryParam.paymentMonth = undefined
}
}
}
}
@@ -16,7 +16,21 @@
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="确认年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-year-date style="width:100%" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
<j-year-date style="width:100%" @change="paymentYearChange" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="确认月份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
style="width:100%"
placeholder="请选择确认月份"
:disabled="!queryParam.paymentYear"
v-model="queryParam.paymentMonth"
show-search
allowClear
>
<a-select-option v-for="item in MonthData" :key="item.value" :value="item.value">{{item.name}}</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
@@ -103,6 +117,7 @@ import JYearDate from '../../../components/jero/JYearDate'
import { JeroListMixin } from '../../../mixins/JeroListMixin'
import { getAction } from '../../../api/manage'
import {formatMoney} from '@/utils/formatMoney'
import {MonthData} from "../statisticData";
const defaultTableColumns = [
{
@@ -176,6 +191,7 @@ export default {
mixins: [JeroListMixin],
data() {
return {
MonthData,
IconImg,
labelCol: {
xs: {span: 24},
@@ -280,6 +296,12 @@ export default {
}
this.loadData(1)
},
// 确认年份 年份选择器改变的事件
paymentYearChange() {
if(!this.queryParam.paymentYear) {
this.queryParam.paymentMonth = undefined
}
}
}
}
</script>
@@ -31,7 +31,21 @@
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="确认年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-year-date style="width:100%" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
<j-year-date style="width:100%" @change="paymentYearChange" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="确认月份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
style="width:100%"
placeholder="请选择确认月份"
:disabled="!queryParam.paymentYear"
v-model="queryParam.paymentMonth"
show-search
allowClear
>
<a-select-option v-for="item in MonthData" :key="item.value" :value="item.value">{{item.name}}</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :xl="10" :lg="11" :md="12" :sm="24">
@@ -151,6 +165,7 @@ import { getAction } from '@api/manage'
import ProjectDetailModal from '../../../components/ProjectDetailModal'
import StatusSlot from '../../../components/tools/StatusSlot'
import {formatMoney} from '@/utils/formatMoney'
import { MonthData } from '../statisticData'
const defaultTableColumns = [
{
@@ -238,6 +253,7 @@ export default {
mixins: [JeroListMixin],
data() {
return {
MonthData,
labelCol: {
xs: { span: 24 },
sm: { span: 5 }
@@ -388,6 +404,12 @@ export default {
}
return
}
},
// 确认年份 年份选择器改变的事件
paymentYearChange() {
if(!this.queryParam.paymentYear) {
this.queryParam.paymentMonth = undefined
}
}
}
}
@@ -47,7 +47,21 @@
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="确认年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-year-date style="width:100%" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
<j-year-date style="width:100%" @change="paymentYearChange" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="确认月份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
style="width:100%"
placeholder="请选择确认月份"
:disabled="!queryParam.paymentYear"
v-model="queryParam.paymentMonth"
show-search
allowClear
>
<a-select-option v-for="item in MonthData" :key="item.value" :value="item.value">{{item.name}}</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :xl="4" :lg="7" :md="8" :sm="24">
@@ -146,6 +160,8 @@ import SelectPrincipal from '../../../components/company/SelectPrincipal'
import { getAllDepartTreeList } from '../../../api/incomePaymentsApi'
import { getAction } from '@api/manage'
import {formatMoney} from '@/utils/formatMoney'
import { MonthData } from '../statisticData'
const defaultTableColumns = [
{
title: '项目负责人',
@@ -219,6 +235,7 @@ export default {
mixins: [JeroListMixin],
data() {
return {
MonthData,
IconImg,
labelCol: {
xs: { span: 24 },
@@ -398,6 +415,12 @@ export default {
}
return
}
},
// 确认年份 年份选择器改变的事件
paymentYearChange() {
if(!this.queryParam.paymentYear) {
this.queryParam.paymentMonth = undefined
}
}
}
}
@@ -49,7 +49,21 @@
</a-col>
<a-col :xxl="4" :xl="8" :lg="8" :md="8" :sm="24">
<a-form-item label="确认年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-year-date style="width:100%" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
<j-year-date style="width:100%" @change="paymentYearChange" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
</a-form-item>
</a-col>
<a-col :xxl="4" :xl="8" :lg="8" :md="8" :sm="24">
<a-form-item label="确认月份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
style="width:100%"
placeholder="请选择确认月份"
:disabled="!queryParam.paymentYear"
v-model="queryParam.paymentMonth"
show-search
allowClear
>
<a-select-option v-for="item in MonthData" :key="item.value" :value="item.value">{{item.name}}</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- <a-col :xxl="4" :xl="8" :lg="8" :md="8" :sm="24">-->
@@ -173,6 +187,8 @@ import { getAllDepartTreeList } from '../../../api/incomePaymentsApi'
import ProjectDetailModal from '../../../components/ProjectDetailModal'
import StatusSlot from '../../../components/tools/StatusSlot'
import {formatMoney} from '@/utils/formatMoney'
import { MonthData } from '../statisticData'
const defaultTableColumns = [
{
title: '项目负责人',
@@ -268,6 +284,7 @@ export default {
mixins: [JeroListMixin],
data() {
return {
MonthData,
IconImg,
labelCol: {
xs: { span: 24 },
@@ -441,6 +458,12 @@ export default {
}
return
}
},
// 确认年份 年份选择器改变的事件
paymentYearChange() {
if(!this.queryParam.paymentYear) {
this.queryParam.paymentMonth = undefined
}
}
}
}
@@ -31,10 +31,24 @@
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="确认年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-year-date style="width:100%" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
<j-year-date style="width:100%" @change="paymentYearChange" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
</a-form-item>
</a-col>
<a-col :xl="10" :lg="11" :md="12" :sm="24">
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="确认月份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
style="width:100%"
placeholder="请选择确认月份"
:disabled="!queryParam.paymentYear"
v-model="queryParam.paymentMonth"
show-search
allowClear
>
<a-select-option v-for="item in MonthData" :key="item.value" :value="item.value">{{item.name}}</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :xl="8" :lg="11" :md="12" :sm="24">
<a-form-item label="应收款项" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input
placeholder="请输入应收款项"
@@ -154,6 +168,8 @@ import { getAction } from '@api/manage'
import ProjectDetailModal from '../../../components/ProjectDetailModal'
import StatusSlot from '../../../components/tools/StatusSlot'
import {formatMoney} from '@/utils/formatMoney'
import {MonthData} from '../statisticData'
const defaultTableColumns = [
{
title: '来款项目',
@@ -242,6 +258,7 @@ export default {
mixins: [JeroListMixin],
data() {
return {
MonthData,
labelCol: {
xs: { span: 24 },
sm: { span: 5 }
@@ -393,6 +410,12 @@ export default {
}
return
}
},
// 确认年份 年份选择器改变的事件
paymentYearChange() {
if(!this.queryParam.paymentYear) {
this.queryParam.paymentMonth = undefined
}
}
}
}
@@ -20,7 +20,21 @@
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="确认年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-year-date style="width:100%" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
<j-year-date style="width:100%" @change="paymentYearChange" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="确认月份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
style="width:100%"
placeholder="请选择确认月份"
:disabled="!queryParam.paymentYear"
v-model="queryParam.paymentMonth"
show-search
allowClear
>
<a-select-option v-for="item in MonthData" :key="item.value" :value="item.value">{{item.name}}</a-select-option>
</a-select>
</a-form-item>
</a-col>
@@ -148,6 +162,8 @@ import { getAction } from '@api/manage'
import CompanySelect from '@comp/company/CompanySelect'
import { filterObj } from '../../../utils/util'
import {formatMoney} from '@/utils/formatMoney'
import { MonthData } from '../statisticData'
const defaultTableColumns = [
{
title: '来款企业',
@@ -227,6 +243,7 @@ export default {
mixins: [JeroListMixin],
data() {
return {
MonthData,
IconImg,
labelCol: {
xs: { span: 24 },
@@ -407,6 +424,12 @@ export default {
}
return
}
},
// 确认年份 年份选择器改变的事件
paymentYearChange() {
if(!this.queryParam.paymentYear) {
this.queryParam.paymentMonth = undefined
}
}
}
}
@@ -0,0 +1,14 @@
export const MonthData = [
{name: '1月', value: '01'},
{name: '2月', value: '02'},
{name: '3月', value: '03'},
{name: '4月', value: '04'},
{name: '5月', value: '05'},
{name: '6月', value: '06'},
{name: '7月', value: '07'},
{name: '8月', value: '08'},
{name: '9月', value: '09'},
{name: '10月', value: '10'},
{name: '11月', value: '11'},
{name: '12月', value: '12'},
]
@@ -37,10 +37,28 @@
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="确认年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-year-date style="width:100%" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
<j-year-date style="width:100%" @change="paymentYearChange" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="确认月份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
style="width:100%"
placeholder="请选择确认月份"
:disabled="!queryParam.paymentYear"
v-model="queryParam.paymentMonth"
show-search
allowClear
>
<a-select-option v-for="item in MonthData" :key="item.value" :value="item.value">{{item.name}}</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="项目负责人" :labelCol="labelCol" :wrapperCol="wrapperCol">
<select-principal placeholder="请选择项目负责人" v-model="queryParam.principalNameId"></select-principal>
</a-form-item>
</a-col>
<a-col :xl="10" :lg="11" :md="12" :sm="24">
<a-form-item label="应收款项" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input
@@ -56,11 +74,7 @@
@change="checkMoney('end')"></a-input>
</a-form-item>
</a-col>
<a-col :xxl="5" :xl="8" :lg="7" :md="8" :sm="24">
<a-form-item label="项目负责人" :labelCol="labelCol" :wrapperCol="wrapperCol">
<select-principal placeholder="请选择项目负责人" v-model="queryParam.principalNameId"></select-principal>
</a-form-item>
</a-col>
<a-col :xl="4" :lg="7" :md="8" :sm="24">
<span class="table-page-search-submitButtons">
<a-button type="primary" icon="search" @click="searchQuery">查询</a-button>
@@ -170,6 +184,8 @@ import JYearDate from '../../../components/jero/JYearDate'
import { getAction } from '../../../api/manage'
import StatusSlot from '../../../components/tools/StatusSlot'
import {formatMoney} from '@/utils/formatMoney'
import { MonthData } from '../statisticData'
const defaultTableColumns = [
{
title: '来款单位',
@@ -257,6 +273,7 @@ export default {
mixins: [JeroListMixin],
data() {
return {
MonthData,
IconImg,
labelCol: {
xs: { span: 24 },
@@ -409,6 +426,12 @@ export default {
}
return
}
},
// 确认年份 年份选择器改变的事件
paymentYearChange() {
if(!this.queryParam.paymentYear) {
this.queryParam.paymentMonth = undefined
}
}
}
}
@@ -19,7 +19,21 @@
</a-col>
<a-col :xxl="4" :xl="10" :lg="12" :md="12" :sm="24">
<a-form-item label="确认年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-year-date style="width:100%" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
<j-year-date style="width:100%" @change="paymentYearChange" placeholder="请选择确认年份" v-model="queryParam.paymentYear"></j-year-date>
</a-form-item>
</a-col>
<a-col :xxl="4" :xl="10" :lg="12" :md="12" :sm="24">
<a-form-item label="确认月份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
style="width:100%"
placeholder="请选择确认月份"
:disabled="!queryParam.paymentYear"
v-model="queryParam.paymentMonth"
show-search
allowClear
>
<a-select-option v-for="item in MonthData" :key="item.value" :value="item.value">{{item.name}}</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :xl="10" :lg="11" :md="12" :sm="24">
@@ -155,6 +169,8 @@ import { JeroListMixin } from '../../../mixins/JeroListMixin'
import JYearDate from '../../../components/jero/JYearDate'
import { getAction } from '../../../api/manage'
import {formatMoney} from '@/utils/formatMoney'
import { MonthData } from '../statisticData'
const defaultTableColumns = [
{
title: '工作组',
@@ -237,6 +253,7 @@ export default {
mixins: [JeroListMixin],
data() {
return {
MonthData,
IconImg,
labelCol: {
xs: { span: 24 },
@@ -388,6 +405,12 @@ export default {
}
return
}
},
// 确认年份 年份选择器改变的事件
paymentYearChange() {
if(!this.queryParam.paymentYear) {
this.queryParam.paymentMonth = undefined
}
}
}
}