总结统计表格处理

init
zhusiyu 3 years ago
parent f925ffeb97
commit d3f22c72dd

@ -457,6 +457,7 @@
} }
} }
this.getWorkSummaryDeptPersonOverview() this.getWorkSummaryDeptPersonOverview()
// this.getWorkSummaryPersonCycleStatistics()
}, },
removeTab: function (num) { removeTab: function (num) {
let index = this.centerIndex + num; let index = this.centerIndex + num;
@ -481,7 +482,7 @@
isTestLogin: interConfig.getWorkSummaryPersonCycleStatistics.isTestLogin, isTestLogin: interConfig.getWorkSummaryPersonCycleStatistics.isTestLogin,
}], (result) => { }], (result) => {
let resData = result[0].data; let resData = result[0].data;
// console.log('', resData) // console.log('-', resData)
if (resData.code === 2000) { if (resData.code === 2000) {
this.dayList = resData.data.day_list; this.dayList = resData.data.day_list;
this.weekList = resData.data.week_list; this.weekList = resData.data.week_list;
@ -514,7 +515,6 @@
this.dataSourceDept = dataSource this.dataSourceDept = dataSource
this.spinning2 = false this.spinning2 = false
this.changeType(); this.changeType();
//this.buildWeekEchart(personList);
} }
}) })
} }
@ -536,11 +536,11 @@
isTestLogin: interConfig.getWorkSummaryOrgDeptOverview.isTestLogin, isTestLogin: interConfig.getWorkSummaryOrgDeptOverview.isTestLogin,
}], (result) => { }], (result) => {
let resData = result[0].data; let resData = result[0].data;
//console.log('', resData)
if (resData.code === 2000) { if (resData.code === 2000) {
this.dataSourceOrg = resData.data.dept_list; this.dataSourceOrg = resData.data.dept_list;
this.spinning3 = false this.spinning3 = false
this.changeType(); this.changeType();
//this.buildWeekEchart(personList);
} }
}) })
} }
@ -561,9 +561,6 @@
if (this.selectType !== type) { if (this.selectType !== type) {
this.selectType = type; this.selectType = type;
this.paneKey = type; this.paneKey = type;
// this.$nextTick(function () {
// this.buildDayEchart();
// })
} }
} }
}, },

@ -1,7 +1,8 @@
<template> <template>
<div class="summary-record-div"> <div class="summary-record-div">
<TabComp :tabArr="tabArr" showName="title" @tabChange="tabChange" cbName="type"></TabComp> <TabComp :tabArr="tabArr" showName="title" @tabChange="tabChange" cbName="type"></TabComp>
<DateChoose @flushDate="flushDate" :begin_date="begin_date" :end_date="end_date"></DateChoose> <DateChoose @flushDate="flushDate" :deptSelect="deptSelect" :begin_date="begin_date"
:end_date="end_date"></DateChoose>
<TotalRecord :type="pageType" :searchTime="searchTime"/> <TotalRecord :type="pageType" :searchTime="searchTime"/>
<SubmitInfo :type="pageType" :searchTime="searchTime"/> <SubmitInfo :type="pageType" :searchTime="searchTime"/>
</div> </div>
@ -32,6 +33,7 @@
tabIndex: 0, tabIndex: 0,
totalRecordJson: {}, totalRecordJson: {},
searchTime: "", searchTime: "",
deptSelect: false,
} }
}, },
created() { created() {
@ -74,6 +76,11 @@
this.tabIndex = param.index; this.tabIndex = param.index;
this.pageType = param.cbName; this.pageType = param.cbName;
} }
if (param.index == 1) {
this.deptSelect = true
} else {
this.deptSelect = false
}
}, },
flushDate: function (param) { flushDate: function (param) {
this.begin_date = param.beginDate; this.begin_date = param.beginDate;

@ -57,12 +57,12 @@
</a-col> </a-col>
<a-col style="width: calc(33% - 10px) !important;" v-if="tabIndex==1"> <a-col style="width: calc(33% - 10px) !important;" v-if="tabIndex==1">
<bgBox :largeBgTitle="deptSummary"> <bgBox :largeBgTitle="deptSummary">
<LargeSummaryTable :dataSource="dataSourceDept" :columns="columnsDept"/> <LargeSummaryTable :dataSource="dataSourceDept" :columns="columnsDept"/>
</bgBox> </bgBox>
</a-col> </a-col>
<a-col style="width: calc(33% - 10px) !important;" v-if="tabIndex==2"> <a-col style="width: calc(33% - 10px) !important;" v-if="tabIndex==2">
<bgBox :largeBgTitle="memberSummary"> <bgBox :largeBgTitle="memberSummary">
<LargeSummaryTable :dataSource="dataSourceOrg" :columns="columnsDept"/> <LargeSummaryTable :dataSource="dataSourceOrg" :columns="columnsOrg"/>
</bgBox> </bgBox>
</a-col> </a-col>
<a-col style="width: calc(33% - 10px) !important;" v-if="tabIndex==1||tabIndex==2"> <a-col style="width: calc(33% - 10px) !important;" v-if="tabIndex==1||tabIndex==2">
@ -103,7 +103,147 @@
value1: 'jack', value1: 'jack',
tabIndexNum: false, tabIndexNum: false,
selectTabIndex: 1, selectTabIndex: 1,
columnsYear: [ columnsYearOrg: [
{
title: '姓名',
dataIndex: 'dept_name',
key: 'dept_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',
},
],
columnsTermOrg: [
{
title: '姓名',
dataIndex: 'dept_name',
key: 'dept_name',
align: 'center',
}, {
title: '应交',
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',
},
],
columnsMonthOrg: [
{
title: '姓名',
dataIndex: 'dept_name',
key: 'dept_name',
align: 'center',
}, {
title: '应交',
dataIndex: 'should_month_summary',
key: 'should_month_summary',
align: 'center',
}, {
title: '已交',
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',
},
],
columnsWeekOrg: [
{
title: '姓名',
dataIndex: 'dept_name',
key: 'dept_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_week_summary',
key: 'delay_week_summary',
align: 'center',
}, {
title: '空缺',
dataIndex: 'empty_week_summary',
key: 'empty_week_summary',
align: 'center',
},
],
columnsDayOrg: [
{
title: '姓名',
dataIndex: 'dept_name',
key: 'dept_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_day_summary',
key: 'empty_day_summary',
align: 'center',
},
],
columnsYearDept: [
{ {
title: '姓名', title: '姓名',
dataIndex: 'person_name', dataIndex: 'person_name',
@ -131,7 +271,7 @@
align: 'center', align: 'center',
}, },
], ],
columnsTerm: [ columnsTermDept: [
{ {
title: '姓名', title: '姓名',
dataIndex: 'person_name', dataIndex: 'person_name',
@ -159,7 +299,7 @@
align: 'center', align: 'center',
}, },
], ],
columnsMonth: [ columnsMonthDept: [
{ {
title: '姓名', title: '姓名',
dataIndex: 'person_name', dataIndex: 'person_name',
@ -187,7 +327,7 @@
align: 'center', align: 'center',
}, },
], ],
columnsWeek: [ columnsWeekDept: [
{ {
title: '姓名', title: '姓名',
dataIndex: 'person_name', dataIndex: 'person_name',
@ -215,7 +355,7 @@
align: 'center', align: 'center',
}, },
], ],
columnsDay: [ columnsDayDept: [
{ {
title: '姓名', title: '姓名',
dataIndex: 'person_name', dataIndex: 'person_name',
@ -263,7 +403,8 @@
} }
}, },
created() { created() {
this.columnsDept = this.columnsDay this.columnsOrg = this.columnsDayOrg
this.columnsDept = this.columnsDayDept
// //
this.depAdmin = OfficeMenuConfig.menuIsExist(["daliyOffice", "newPlanConclusion", "plan_summary_statistics", "dept"]); this.depAdmin = OfficeMenuConfig.menuIsExist(["daliyOffice", "newPlanConclusion", "plan_summary_statistics", "dept"]);
if (this.depAdmin) { if (this.depAdmin) {
@ -283,27 +424,32 @@
case 1: case 1:
this.selectedItemDay = true this.selectedItemDay = true
this.selectedItemWeek = this.selectedItemMon = this.selectedItemTerm = this.selectedItemYear = false this.selectedItemWeek = this.selectedItemMon = this.selectedItemTerm = this.selectedItemYear = false
this.columnsDept = this.columnsDay this.columnsOrg = this.columnsDayOrg
this.columnsDept = this.columnsDayDept
break; break;
case 2: case 2:
this.selectedItemWeek = true this.selectedItemWeek = true
this.selectedItemDay = this.selectedItemMon = this.selectedItemTerm = this.selectedItemYear = false this.selectedItemDay = this.selectedItemMon = this.selectedItemTerm = this.selectedItemYear = false
this.columnsDept = this.columnsWeek this.columnsOrg = this.columnsWeekOrg
this.columnsDept = this.columnsWeekDept
break; break;
case 3: case 3:
this.selectedItemMon = true this.selectedItemMon = true
this.selectedItemDay = this.selectedItemWeek = this.selectedItemTerm = this.selectedItemYear = false this.selectedItemDay = this.selectedItemWeek = this.selectedItemTerm = this.selectedItemYear = false
this.columnsDept = this.columnsMonth this.columnsOrg = this.columnsMonthOrg
this.columnsDept = this.columnsMonthDept
break; break;
case 4: case 4:
this.selectedItemTerm = true this.selectedItemTerm = true
this.selectedItemDay = this.selectedItemWeek = this.selectedItemMon = this.selectedItemYear = false this.selectedItemDay = this.selectedItemWeek = this.selectedItemMon = this.selectedItemYear = false
this.columnsDept = this.columnsTerm this.columnsOrg = this.columnsTermOrg
this.columnsDept = this.columnsTermDept
break; break;
case 5: case 5:
this.selectedItemYear = true this.selectedItemYear = true
this.selectedItemDay = this.selectedItemWeek = this.selectedItemMon = this.selectedItemTerm = false this.selectedItemDay = this.selectedItemWeek = this.selectedItemMon = this.selectedItemTerm = false
this.columnsDept = this.columnsYear this.columnsOrg = this.columnsYearOrg
this.columnsDept = this.columnsYearDept
break; break;
} }
this.getWorkSummaryDeptPersonOverview() this.getWorkSummaryDeptPersonOverview()
@ -397,7 +543,7 @@
if (result[0].data.code === 2000) { if (result[0].data.code === 2000) {
let resData = result[0].data; let resData = result[0].data;
this.dataSourceOrg = resData.data.dept_list; this.dataSourceOrg = resData.data.dept_list;
// console.log('', this.dataSourceOrg) // console.log('', result[0].data)
} }
}) })
} }

@ -50,12 +50,13 @@
import interConfig from './interConfig'; import interConfig from './interConfig';
import moment from 'moment'; import moment from 'moment';
import {Spin} from 'ant-design-vue'; import {Spin} from 'ant-design-vue';
export default{
export default {
props: { props: {
type: Number, type: Number,
searchTime: String, searchTime: String,
}, },
data(){ data() {
return { return {
title: "", title: "",
totalRecordJson: {}, totalRecordJson: {},
@ -64,7 +65,7 @@
}, },
watch: { watch: {
type: { type: {
handler (val) { handler(val) {
if (val === 1) { if (val === 1) {
this.title = "总结概览"; this.title = "总结概览";
} else if (val === 2) { } else if (val === 2) {
@ -78,7 +79,7 @@
immediate: true immediate: true
}, },
searchTime: { searchTime: {
handler(time){ handler(time) {
if (time !== "") { if (time !== "") {
this.searchTime = time; this.searchTime = time;
this.getRecordData(); this.getRecordData();
@ -125,6 +126,7 @@
}], (result) => { }], (result) => {
this.showLoading = false; this.showLoading = false;
let resData = result[0].data; let resData = result[0].data;
//console.log('-', resData.data)
if (result[0].status === 200) { if (result[0].status === 200) {
if (resData.code === 2000) { if (resData.code === 2000) {
this.spinning = false; this.spinning = false;

Loading…
Cancel
Save