|
|
|
@ -52,24 +52,29 @@
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col style="width: calc(29% - 10px) !important;" v-if="tabIndex==1||tabIndex==2">
|
|
|
|
|
<bgBox :largeBgTitle="summary">
|
|
|
|
|
<deptLargeSummary :tabIndexNum="tabIndexNum"></deptLargeSummary>
|
|
|
|
|
<deptLargeSummary :tabIndexNum="tabIndexNum" :selectTabIndex="selectTabIndex"></deptLargeSummary>
|
|
|
|
|
</bgBox>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col style="width: calc(33% - 10px) !important;" v-if="tabIndex==1||tabIndex==2">
|
|
|
|
|
<bgBox :largeBgTitle="tabIndex==2?deptSummary:orgSummary">
|
|
|
|
|
<LargeSummaryTable :dataSource="dataSource" :columns="columns"/>
|
|
|
|
|
<a-col style="width: calc(33% - 10px) !important;" v-if="tabIndex==1">
|
|
|
|
|
<bgBox :largeBgTitle="deptSummary">
|
|
|
|
|
<LargeSummaryTable :dataSource="dataSourceDept" :columns="columnsDept"/>
|
|
|
|
|
</bgBox>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col style="width: calc(33% - 10px) !important;" v-if="tabIndex==2">
|
|
|
|
|
<bgBox :largeBgTitle="memberSummary">
|
|
|
|
|
<LargeSummaryTable :dataSource="dataSourceOrg" :columns="columnsDept"/>
|
|
|
|
|
</bgBox>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col style="width: calc(33% - 10px) !important;" v-if="tabIndex==1||tabIndex==2">
|
|
|
|
|
<bgBox :largeBgTitle="submitSummary">
|
|
|
|
|
<LargeSummaryTable :dataSource="dataSource" :columns="columns"/>
|
|
|
|
|
<LargeSummaryTable :dataSource="dataSource" :columns="columnsOrg"/>
|
|
|
|
|
</bgBox>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import {Row, Col, Select} from 'ant-design-vue';
|
|
|
|
|
import {Row, Col, Select, Spin,} from 'ant-design-vue';
|
|
|
|
|
import TabComp from '../common/tabComp.vue';
|
|
|
|
|
import bgBox from './bgBox.vue'
|
|
|
|
|
import DateChoose from '../common/dateChoose.vue'
|
|
|
|
@ -85,10 +90,11 @@
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
spinning: true,
|
|
|
|
|
summary: '总结概览',
|
|
|
|
|
submit: '提交情况',
|
|
|
|
|
orgSummary: '部门总结统计',
|
|
|
|
|
deptSummary: '成员总结统计',
|
|
|
|
|
deptSummary: '部门总结统计',
|
|
|
|
|
memberSummary: '成员总结统计',
|
|
|
|
|
submitSummary: '提交统计',
|
|
|
|
|
begin_date: "",
|
|
|
|
|
end_date: "",
|
|
|
|
@ -96,120 +102,152 @@
|
|
|
|
|
tabIndex: 0,
|
|
|
|
|
value1: 'jack',
|
|
|
|
|
tabIndexNum: false,
|
|
|
|
|
dataSource: [
|
|
|
|
|
{
|
|
|
|
|
key: '1',
|
|
|
|
|
goodsName: '胡彦斌',
|
|
|
|
|
collectTimes: 32,
|
|
|
|
|
collectNum: '88',
|
|
|
|
|
delay: '11',
|
|
|
|
|
empty: '2',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: '2',
|
|
|
|
|
goodsName: '胡彦斌',
|
|
|
|
|
collectTimes: 32,
|
|
|
|
|
collectNum: '88',
|
|
|
|
|
delay: '11',
|
|
|
|
|
empty: '2',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: '3',
|
|
|
|
|
goodsName: '胡彦斌',
|
|
|
|
|
collectTimes: 32,
|
|
|
|
|
collectNum: '88',
|
|
|
|
|
delay: '11',
|
|
|
|
|
empty: '2',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: '4',
|
|
|
|
|
goodsName: '胡彦斌',
|
|
|
|
|
collectTimes: 32,
|
|
|
|
|
collectNum: '88',
|
|
|
|
|
delay: '11',
|
|
|
|
|
empty: '2',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: '5',
|
|
|
|
|
goodsName: '胡彦斌',
|
|
|
|
|
collectTimes: 32,
|
|
|
|
|
collectNum: '88',
|
|
|
|
|
delay: '11',
|
|
|
|
|
empty: '2',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: '6',
|
|
|
|
|
goodsName: '胡彦斌',
|
|
|
|
|
collectTimes: 32,
|
|
|
|
|
collectNum: '88',
|
|
|
|
|
delay: '11',
|
|
|
|
|
empty: '2',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: '7',
|
|
|
|
|
goodsName: '胡彦斌',
|
|
|
|
|
collectTimes: 32,
|
|
|
|
|
collectNum: '88',
|
|
|
|
|
delay: '11',
|
|
|
|
|
empty: '2',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: '8',
|
|
|
|
|
goodsName: '胡彦斌',
|
|
|
|
|
collectTimes: 32,
|
|
|
|
|
collectNum: '88',
|
|
|
|
|
delay: '11',
|
|
|
|
|
empty: '2',
|
|
|
|
|
},
|
|
|
|
|
selectTabIndex: 1,
|
|
|
|
|
columnsYear: [
|
|
|
|
|
{
|
|
|
|
|
key: '9',
|
|
|
|
|
goodsName: '胡彦斌',
|
|
|
|
|
collectTimes: 32,
|
|
|
|
|
collectNum: '88',
|
|
|
|
|
delay: '11',
|
|
|
|
|
empty: '2',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
key: '10',
|
|
|
|
|
goodsName: '胡彦斌',
|
|
|
|
|
collectTimes: 32,
|
|
|
|
|
collectNum: '88',
|
|
|
|
|
delay: '11',
|
|
|
|
|
empty: '2',
|
|
|
|
|
title: '姓名',
|
|
|
|
|
dataIndex: 'person_name',
|
|
|
|
|
key: 'person_name',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '应交',
|
|
|
|
|
dataIndex: 'should_year_summary',
|
|
|
|
|
key: 'should_year_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '已交',
|
|
|
|
|
dataIndex: 'total_year_summary',
|
|
|
|
|
key: 'total_year_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '延期',
|
|
|
|
|
dataIndex: 'delay_year_summary',
|
|
|
|
|
key: 'delay_year_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '空缺',
|
|
|
|
|
dataIndex: 'empty_year_summary',
|
|
|
|
|
key: 'empty_year_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
columns: [
|
|
|
|
|
columnsTerm: [
|
|
|
|
|
{
|
|
|
|
|
title: '姓名',
|
|
|
|
|
dataIndex: 'goodsName',
|
|
|
|
|
key: 'goodsName',
|
|
|
|
|
dataIndex: 'person_name',
|
|
|
|
|
key: 'person_name',
|
|
|
|
|
align: 'center',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
}, {
|
|
|
|
|
title: '应交',
|
|
|
|
|
dataIndex: 'collectTimes',
|
|
|
|
|
key: 'collectTimes',
|
|
|
|
|
dataIndex: 'should_term_summary',
|
|
|
|
|
key: 'should_term_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '已交',
|
|
|
|
|
dataIndex: 'total_term_summary',
|
|
|
|
|
key: 'total_term_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '延期',
|
|
|
|
|
dataIndex: 'delay_term_summary',
|
|
|
|
|
key: 'delay_term_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '空缺',
|
|
|
|
|
dataIndex: 'empty_term_summary',
|
|
|
|
|
key: 'empty_term_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
columnsMonth: [
|
|
|
|
|
{
|
|
|
|
|
title: '姓名',
|
|
|
|
|
dataIndex: 'person_name',
|
|
|
|
|
key: 'person_name',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '应交',
|
|
|
|
|
dataIndex: 'should_month_summary',
|
|
|
|
|
key: 'should_month_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '已交',
|
|
|
|
|
dataIndex: 'collectNum',
|
|
|
|
|
key: 'collectNum',
|
|
|
|
|
dataIndex: 'total_month_summary',
|
|
|
|
|
key: 'total_month_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '延期',
|
|
|
|
|
dataIndex: 'delay_month_summary',
|
|
|
|
|
key: 'delay_month_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '空缺',
|
|
|
|
|
dataIndex: 'empty_month_summary',
|
|
|
|
|
key: 'empty_month_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
columnsWeek: [
|
|
|
|
|
{
|
|
|
|
|
title: '姓名',
|
|
|
|
|
dataIndex: 'person_name',
|
|
|
|
|
key: 'person_name',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '应交',
|
|
|
|
|
dataIndex: 'should_week_summary',
|
|
|
|
|
key: 'should_week_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '已交',
|
|
|
|
|
dataIndex: 'total_week_summary',
|
|
|
|
|
key: 'total_week_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '延期',
|
|
|
|
|
dataIndex: 'delay',
|
|
|
|
|
key: 'delay',
|
|
|
|
|
dataIndex: 'delay_week_summary',
|
|
|
|
|
key: 'delay_week_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '空缺',
|
|
|
|
|
dataIndex: 'empty_week_summary',
|
|
|
|
|
key: 'empty_week_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
columnsDay: [
|
|
|
|
|
{
|
|
|
|
|
title: '姓名',
|
|
|
|
|
dataIndex: 'person_name',
|
|
|
|
|
key: 'person_name',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '应交',
|
|
|
|
|
dataIndex: 'should_day_summary',
|
|
|
|
|
key: 'should_day_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '已交',
|
|
|
|
|
dataIndex: 'total_day_summary',
|
|
|
|
|
key: 'total_day_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '延期',
|
|
|
|
|
dataIndex: 'delay_day_summary',
|
|
|
|
|
key: 'delay_day_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
}, {
|
|
|
|
|
title: '空缺',
|
|
|
|
|
dataIndex: 'empty',
|
|
|
|
|
key: 'empty',
|
|
|
|
|
dataIndex: 'empty_day_summary',
|
|
|
|
|
key: 'empty_day_summary',
|
|
|
|
|
align: 'center',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
columnsDept: [],
|
|
|
|
|
columnsOrg: [],
|
|
|
|
|
dataSourceDept: [],
|
|
|
|
|
dataSourceOrg: [],
|
|
|
|
|
dataSource: [],
|
|
|
|
|
selectedItemDay: true,
|
|
|
|
|
selectedItemWeek: false,
|
|
|
|
|
selectedItemMon: false,
|
|
|
|
@ -225,6 +263,7 @@
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.columnsDept = this.columnsDay
|
|
|
|
|
//部门权限
|
|
|
|
|
this.depAdmin = OfficeMenuConfig.menuIsExist(["daliyOffice", "newPlanConclusion", "plan_summary_statistics", "dept"]);
|
|
|
|
|
if (this.depAdmin) {
|
|
|
|
@ -238,44 +277,47 @@
|
|
|
|
|
this.getNowTime();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
// mySummaryFn(index) {
|
|
|
|
|
// this.tabIndex = index
|
|
|
|
|
// if (this.tabIndex == 2) {
|
|
|
|
|
// this.tabIndexNum = true
|
|
|
|
|
// } else {
|
|
|
|
|
// this.tabIndexNum = false
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
chooseItem(index) {
|
|
|
|
|
this.selectTabIndex = index
|
|
|
|
|
switch (index) {
|
|
|
|
|
case 1:
|
|
|
|
|
this.selectedItemDay = true
|
|
|
|
|
this.selectedItemWeek = this.selectedItemMon = this.selectedItemTerm = this.selectedItemYear = false
|
|
|
|
|
this.columnsDept = this.columnsDay
|
|
|
|
|
break;
|
|
|
|
|
case 2:
|
|
|
|
|
this.selectedItemWeek = true
|
|
|
|
|
this.selectedItemDay = this.selectedItemMon = this.selectedItemTerm = this.selectedItemYear = false
|
|
|
|
|
this.columnsDept = this.columnsWeek
|
|
|
|
|
break;
|
|
|
|
|
case 3:
|
|
|
|
|
this.selectedItemMon = true
|
|
|
|
|
this.selectedItemDay = this.selectedItemWeek = this.selectedItemTerm = this.selectedItemYear = false
|
|
|
|
|
this.columnsDept = this.columnsMonth
|
|
|
|
|
break;
|
|
|
|
|
case 4:
|
|
|
|
|
this.selectedItemTerm = true
|
|
|
|
|
this.selectedItemDay = this.selectedItemWeek = this.selectedItemMon = this.selectedItemYear = false
|
|
|
|
|
this.columnsDept = this.columnsTerm
|
|
|
|
|
break;
|
|
|
|
|
case 5:
|
|
|
|
|
this.selectedItemYear = true
|
|
|
|
|
this.selectedItemDay = this.selectedItemWeek = this.selectedItemMon = this.selectedItemTerm = false
|
|
|
|
|
this.columnsDept = this.columnsYear
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
this.getWorkSummaryDeptPersonOverview()
|
|
|
|
|
this.getWorkSummaryOrgDeptOverview()
|
|
|
|
|
},
|
|
|
|
|
tabChange: function (param) {
|
|
|
|
|
if (this.tabIndex != param.index) {
|
|
|
|
|
this.tabIndex = param.index;
|
|
|
|
|
this.pageType = param.cbName;
|
|
|
|
|
}
|
|
|
|
|
if (param.index == 2) {
|
|
|
|
|
if (param.index == 1) {
|
|
|
|
|
this.getWorkSummaryDeptPersonOverview()
|
|
|
|
|
this.tabIndexNum = false
|
|
|
|
|
} else if (param.index == 2) {
|
|
|
|
|
this.tabIndexNum = true
|
|
|
|
|
} else {
|
|
|
|
|
this.tabIndexNum = false
|
|
|
|
@ -302,15 +344,70 @@
|
|
|
|
|
this.begin_date = moment(year + "-" + month + "-01");
|
|
|
|
|
this.end_date = moment(year + "-" + month + "-" + day);
|
|
|
|
|
this.searchTime = this.begin_date + "|" + this.end_date;
|
|
|
|
|
this.getWorkSummaryDeptPersonOverview()
|
|
|
|
|
this.getWorkSummaryOrgDeptOverview()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
getWorkSummaryDeptPersonOverview() {
|
|
|
|
|
let timeStr = this.searchTime;
|
|
|
|
|
if (timeStr !== "") {
|
|
|
|
|
let startDate = timeStr.split("|")[0];
|
|
|
|
|
let endDate = timeStr.split("|")[1];
|
|
|
|
|
let param = {
|
|
|
|
|
begin_date: moment(parseInt(startDate)).format("YYYY-MM-DD"),
|
|
|
|
|
end_date: moment(parseInt(endDate)).format("YYYY-MM-DD"),
|
|
|
|
|
org_id: this.BaseConfig.person_info_my.bureau_id,
|
|
|
|
|
dept_id: this.BaseConfig.person_info_my.dep_id,
|
|
|
|
|
};
|
|
|
|
|
this.InterfaceConfig.callInterface([{
|
|
|
|
|
url: interConfig.getWorkSummaryDeptPersonOverview.url,
|
|
|
|
|
params: param,
|
|
|
|
|
method: interConfig.getWorkSummaryDeptPersonOverview.method,
|
|
|
|
|
isTestLogin: interConfig.getWorkSummaryDeptPersonOverview.isTestLogin,
|
|
|
|
|
}], (result) => {
|
|
|
|
|
// console.log('部门总结提交情况', result)
|
|
|
|
|
if (result[0].data.code === 2000) {
|
|
|
|
|
this.spinning = false
|
|
|
|
|
let resData = result[0].data;
|
|
|
|
|
let dataSource = resData.data.person_list;//1学年2学期3月报4周报5日报
|
|
|
|
|
this.dataSourceDept = dataSource
|
|
|
|
|
// console.log('部门表格数据', this.dataSourceDept)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
getWorkSummaryOrgDeptOverview: function () {
|
|
|
|
|
let timeStr = this.searchTime;
|
|
|
|
|
if (timeStr !== "") {
|
|
|
|
|
let startDate = timeStr.split("|")[0];
|
|
|
|
|
let endDate = timeStr.split("|")[1];
|
|
|
|
|
let param = {
|
|
|
|
|
begin_date: moment(parseInt(startDate)).format("YYYY-MM-DD"),
|
|
|
|
|
end_date: moment(parseInt(endDate)).format("YYYY-MM-DD"),
|
|
|
|
|
org_id: this.BaseConfig.person_info_my.bureau_id,
|
|
|
|
|
};
|
|
|
|
|
this.InterfaceConfig.callInterface([{
|
|
|
|
|
url: interConfig.getWorkSummaryOrgDeptOverview.url,
|
|
|
|
|
params: param,
|
|
|
|
|
method: interConfig.getWorkSummaryOrgDeptOverview.method,
|
|
|
|
|
isTestLogin: interConfig.getWorkSummaryOrgDeptOverview.isTestLogin,
|
|
|
|
|
}], (result) => {
|
|
|
|
|
if (result[0].data.code === 2000) {
|
|
|
|
|
let resData = result[0].data;
|
|
|
|
|
this.dataSourceOrg = resData.data.dept_list;
|
|
|
|
|
// console.log('机构成员总结统计', this.dataSourceOrg)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
handleChange() {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
components: {
|
|
|
|
|
ASpin: Spin,
|
|
|
|
|
ARow: Row,
|
|
|
|
|
ACol: Col,
|
|
|
|
|
ASelect: Select,
|
|
|
|
|