总结统计-整理代码,添加加载效果

init
zhusiyu 3 years ago
parent ad2ee72c6f
commit 8c14b714ac

@ -44,7 +44,7 @@
</div> </div>
</template> </template>
<script> <script>
import {Icon, Row, Col, Spin, Select} from 'ant-design-vue'; import {Spin,} from 'ant-design-vue';
import interConfig from './interConfig'; import interConfig from './interConfig';
import moment from 'moment'; import moment from 'moment';
export default{ export default{

@ -10,127 +10,13 @@
</div> </div>
</template> </template>
<script> <script>
import {Icon, Row, Col, Spin, Table} from 'ant-design-vue'; import {Spin, Table} from 'ant-design-vue';
export default{ export default{
data(){ data(){
return { return {
showPage: true, showPage: true,
listScroll: this.StaticParams.scrollOption, listScroll: this.StaticParams.scrollOption,
spinning: false, spinning: 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',
},
{
key: '9',
goodsName: '胡彦斌',
collectTimes: 32,
collectNum: '88',
delay: '11',
empty: '2',
},
{
key: '10',
goodsName: '胡彦斌',
collectTimes: 32,
collectNum: '88',
delay: '11',
empty: '2',
},
],
columns: [
{
title: '姓名',
dataIndex: 'goodsName',
key: 'goodsName',
align: 'center',
},
{
title: '应交',
dataIndex: 'collectTimes',
key: 'collectTimes',
align: 'center',
},
{
title: '已交',
dataIndex: 'collectNum',
key: 'collectNum',
align: 'center',
},
{
title: '延期',
dataIndex: 'delay',
key: 'delay',
align: 'center',
},
{
title: '空缺',
dataIndex: 'empty',
key: 'empty',
align: 'center',
},
],
} }
}, },
props: { props: {
@ -144,9 +30,6 @@
} }
}, },
components: { components: {
AIcon: Icon,
ARow: Row,
ACol: Col,
ASpin: Spin, ASpin: Spin,
ATable: Table, ATable: Table,

@ -1,5 +1,6 @@
<template> <template>
<div class="mySummaryRow"> <div class="mySummaryRow">
<a-spin class="brandCreat" :spinning="spinning">
<span class="mySummaryCol"> <span class="mySummaryCol">
<div class="mySummaryDiv"> <div class="mySummaryDiv">
<span class="mySummaryCol-title"></span> <span class="mySummaryCol-title"></span>
@ -17,7 +18,7 @@
</span> </span>
</div> </div>
</span> </span>
<span class="mySummaryCol"> <span class="mySummaryCol">
<div class="mySummaryDiv"> <div class="mySummaryDiv">
<span class="mySummaryCol-title"></span> <span class="mySummaryCol-title"></span>
<span class="mySummaryCol-default"> <span class="mySummaryCol-default">
@ -34,7 +35,7 @@
</span> </span>
</div> </div>
</span> </span>
<span class="mySummaryCol"> <span class="mySummaryCol">
<div class="mySummaryDiv"> <div class="mySummaryDiv">
<span class="mySummaryCol-title"></span> <span class="mySummaryCol-title"></span>
<span class="mySummaryCol-default"> <span class="mySummaryCol-default">
@ -50,7 +51,7 @@
<span class="mySummaryCol-warning-pink">空缺&nbsp;&nbsp;{{totalRecordJson.empty_month_summary}}</span> <span class="mySummaryCol-warning-pink">空缺&nbsp;&nbsp;{{totalRecordJson.empty_month_summary}}</span>
</span> </span>
</div></span> </div></span>
<span class="mySummaryCol"> <span class="mySummaryCol">
<div class="mySummaryDiv"> <div class="mySummaryDiv">
<span class="mySummaryCol-title"></span> <span class="mySummaryCol-title"></span>
<span class="mySummaryCol-default"> <span class="mySummaryCol-default">
@ -67,7 +68,7 @@
</span> </span>
</div> </div>
</span> </span>
<span class="mySummaryCol"> <span class="mySummaryCol">
<div class="mySummaryDiv"> <div class="mySummaryDiv">
<span class="mySummaryCol-title"></span> <span class="mySummaryCol-title"></span>
<span class="mySummaryCol-default"> <span class="mySummaryCol-default">
@ -84,9 +85,11 @@
</span> </span>
</div> </div>
</span> </span>
</a-spin>
</div> </div>
</template> </template>
<script> <script>
import {Spin} from 'ant-design-vue';
import interConfig from './interConfig'; import interConfig from './interConfig';
import moment from 'moment'; import moment from 'moment';
export default{ export default{
@ -96,6 +99,7 @@
end_date: "", end_date: "",
searchTime: "", searchTime: "",
totalRecordJson: {}, totalRecordJson: {},
spinning: true,
} }
}, },
mounted() { mounted() {
@ -158,13 +162,20 @@
} }
}) })
}, },
} },
components: {
ASpin: Spin,
},
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.mySummaryRow { .mySummaryRow {
width: 100%; width: 100%;
margin-top: -15px; margin-top: -15px;
.brandCreat {
width: 100%;
height: 100%;
}
.mySummaryCol { .mySummaryCol {
height: 3.95rem; height: 3.95rem;
background: #28338A; background: #28338A;

@ -73,17 +73,6 @@
} }
}) })
}, },
// tabChange: function (param) {
// if (this.tabIndex != param.index) {
// this.tabIndex = param.index;
// this.pageType = param.cbName;
// }
// if (param.index == 0 || param.index == 2) {
// this.deptSelect = false
// } else if (param.index == 1) {
// this.deptSelect = true
// }
// },
flushDate: function (param) { flushDate: function (param) {
this.begin_date = param.beginDate; this.begin_date = param.beginDate;
this.end_date = param.endDate; this.end_date = param.endDate;

@ -48,7 +48,6 @@
<a-col :span="13" v-if="tabIndex==1"> <a-col :span="13" v-if="tabIndex==1">
<bgBox :largeBgTitle="submit"> <bgBox :largeBgTitle="submit">
<submitInfo :type="tabIndex" :searchTime="searchTime" :largeSummary="true"></submitInfo> <submitInfo :type="tabIndex" :searchTime="searchTime" :largeSummary="true"></submitInfo>
<!--<org-dept-summary :pageType="pageType"></org-dept-summary>-->
</bgBox> </bgBox>
</a-col> </a-col>
<a-col style="width: calc(29% - 10px) !important;" v-if="tabIndex==2||tabIndex==3"> <a-col style="width: calc(29% - 10px) !important;" v-if="tabIndex==2||tabIndex==3">
@ -70,7 +69,7 @@
</div> </div>
</template> </template>
<script> <script>
import {Icon, Row, Col, Spin, Select} from 'ant-design-vue'; import {Row, Col, Select} from 'ant-design-vue';
import tabComponent from './tabComponent.vue' import tabComponent from './tabComponent.vue'
import bgBox from './bgBox.vue' import bgBox from './bgBox.vue'
import DateChoose from '../common/dateChoose.vue' import DateChoose from '../common/dateChoose.vue'
@ -80,12 +79,8 @@
import submitInfo from './submitInfo.vue'; import submitInfo from './submitInfo.vue';
import deptLargeSummary from './deptLargeSummary.vue'; import deptLargeSummary from './deptLargeSummary.vue';
import LargeSummaryTable from './largeSummaryTable.vue'; import LargeSummaryTable from './largeSummaryTable.vue';
import submitLargeInfo from './submitLargeInfo.vue';
import TabComp from '../common/tabComp.vue';
import OfficeMenuConfig from '../../../../../../../../src/utils/officeMenuConfig'; import OfficeMenuConfig from '../../../../../../../../src/utils/officeMenuConfig';
import MySummary from './mySummary.vue'; import MySummary from './mySummary.vue';
import OrgDeptSummary from './orgDeptSummary.vue';
export default{ export default{
data(){ data(){
return { return {
@ -224,7 +219,6 @@
tabArr: [ tabArr: [
{title: "我的总结", type: 1} {title: "我的总结", type: 1}
], ],
// tabIndex: 0,
pageType: 1, pageType: 1,
largeBgTitle: '总结概览', largeBgTitle: '总结概览',
} }
@ -308,15 +302,11 @@
}, },
}, },
components: { components: {
AIcon: Icon,
ARow: Row, ARow: Row,
ACol: Col, ACol: Col,
ASpin: Spin,
ASelect: Select, ASelect: Select,
ASelectOption: Select.Option, ASelectOption: Select.Option,
TabComp,
MySummary, MySummary,
OrgDeptSummary,
bgBox, bgBox,
tabComponent, tabComponent,
DateChoose, DateChoose,
@ -324,7 +314,6 @@
submitInfo, submitInfo,
deptLargeSummary, deptLargeSummary,
LargeSummaryTable, LargeSummaryTable,
submitLargeInfo,
} }
} }
</script> </script>
@ -333,8 +322,6 @@
width: 100%; width: 100%;
min-height: 30rem; min-height: 30rem;
padding: 0.5rem; padding: 0.5rem;
/*display: flex;*/
/*justify-content: space-between;*/
position: relative; position: relative;
.titleRow { .titleRow {
width: 100%; width: 100%;

@ -19,7 +19,7 @@
</div> </div>
</template> </template>
<script> <script>
import {Row, Col, Spin} from 'ant-design-vue'; import {Row, Col} from 'ant-design-vue';
export default{ export default{
props: ['largeBgTitle'], props: ['largeBgTitle'],
data(){ data(){
@ -51,7 +51,6 @@
components: { components: {
ARow: Row, ARow: Row,
ACol: Col, ACol: Col,
ASpin: Spin,
} }
} }
</script> </script>

Loading…
Cancel
Save