|
@@ -197,229 +197,229 @@
|
|
|
<script>
|
|
|
import { getAnalytics, getContractAlarmList, getCustomerRankList, getDamageList, getOutboundRecordList, getContractProdList, getSubmittedRecordList } from '@/api/home'
|
|
|
export default {
|
|
|
- name: 'home',
|
|
|
- components: {
|
|
|
- },
|
|
|
- data () {
|
|
|
- return {
|
|
|
- analytics: {
|
|
|
- clients:'',//客户数
|
|
|
- num:'',//合同数
|
|
|
- totalAmount:''//合同总金额
|
|
|
- },
|
|
|
- analyticsTimer: null,
|
|
|
- //合同预警列表
|
|
|
- contractAlarmList: [],
|
|
|
- contractAlarmListTimer: null,
|
|
|
- //客户排名列表
|
|
|
- customerRankList: [],
|
|
|
- customerRankListTimer: null,
|
|
|
- //报损记录列表
|
|
|
- damageList: [],
|
|
|
- damageListTimer: null,
|
|
|
- //出库记录列表
|
|
|
- outboundRecordList: [],
|
|
|
- outboundRecordListTimer: null,
|
|
|
- //合同生产记录列表
|
|
|
- contractProdList: [],
|
|
|
- contractProdListTimer: null,
|
|
|
- //报工列表
|
|
|
- submittedRecordList: [],
|
|
|
- submittedRecordListTimer: null
|
|
|
- }
|
|
|
- },
|
|
|
- created () {
|
|
|
- this.getAnalytics();
|
|
|
- this.analyticsTimer = setInterval(this.getAnalytics,1000 * 3600); //1小时刷新
|
|
|
-
|
|
|
- this.getContractAlarmList();
|
|
|
- this.contractAlarmListTimer = setInterval(this.getContractAlarmList, 1000 * 60 * 10); //10分钟刷新
|
|
|
-
|
|
|
- this.getCustomerRankList();
|
|
|
- this.damageListTimer = setInterval(this.getCustomerRankList, 1000 * 60 * 10); //10分钟刷新
|
|
|
-
|
|
|
- this.getDamageList();
|
|
|
- this.customerRankListTimer = setInterval(this.getDamageList, 1000 * 60 * 10); //10分钟刷新
|
|
|
-
|
|
|
- this.getOutboundRecordList();
|
|
|
- this.outboundRecordListTimer = setInterval(this.getOutboundRecordList, 1000 * 60 * 5); //5分钟刷新
|
|
|
-
|
|
|
- this.getContractProdList();
|
|
|
- this.contractProdListTimer = setInterval(this.getContractProdList, 1000 * 60 * 10); //10分钟刷新
|
|
|
-
|
|
|
- this.getSubmittedRecordList();
|
|
|
- this.submittedRecordListTimer = setInterval(this.getSubmittedRecordList, 1000 * 60 * 5); //5分钟刷新
|
|
|
- },
|
|
|
- mounted(){
|
|
|
- this.contractProdTableScroll();
|
|
|
- this.customerRankTableScroll();
|
|
|
- this.contractAlarmTableScroll();
|
|
|
- this.outboundRecordTableScroll();
|
|
|
- this.submittedRecordTableScroll();
|
|
|
- this.damageTableScroll();
|
|
|
- },
|
|
|
- beforeDestroy () {
|
|
|
- clearInterval(this.analyticsTimer);
|
|
|
- clearInterval(this.contractAlarmListTimer);
|
|
|
- clearInterval(this.damageListTimer);
|
|
|
- clearInterval(this.customerRankListTimer);
|
|
|
- clearInterval(this.outboundRecordListTimer);
|
|
|
- clearInterval(this.contractProdListTimer);
|
|
|
- clearInterval(this.submittedRecordListTimer);
|
|
|
- },
|
|
|
- methods: {
|
|
|
- //合同统计
|
|
|
- getAnalytics(){
|
|
|
- getAnalytics({}).then(({data}) => {
|
|
|
+ name: 'home',
|
|
|
+ components: {
|
|
|
+ },
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ analytics: {
|
|
|
+ clients: '', // 客户数
|
|
|
+ num: '', // 合同数
|
|
|
+ totalAmount: ''// 合同总金额
|
|
|
+ },
|
|
|
+ analyticsTimer: null,
|
|
|
+ // 合同预警列表
|
|
|
+ contractAlarmList: [],
|
|
|
+ contractAlarmListTimer: null,
|
|
|
+ // 客户排名列表
|
|
|
+ customerRankList: [],
|
|
|
+ customerRankListTimer: null,
|
|
|
+ // 报损记录列表
|
|
|
+ damageList: [],
|
|
|
+ damageListTimer: null,
|
|
|
+ // 出库记录列表
|
|
|
+ outboundRecordList: [],
|
|
|
+ outboundRecordListTimer: null,
|
|
|
+ // 合同生产记录列表
|
|
|
+ contractProdList: [],
|
|
|
+ contractProdListTimer: null,
|
|
|
+ // 报工列表
|
|
|
+ submittedRecordList: [],
|
|
|
+ submittedRecordListTimer: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created () {
|
|
|
+ this.getAnalytics()
|
|
|
+ this.analyticsTimer = setInterval(this.getAnalytics, 1000 * 3600) // 1小时刷新
|
|
|
+
|
|
|
+ this.getContractAlarmList()
|
|
|
+ this.contractAlarmListTimer = setInterval(this.getContractAlarmList, 1000 * 60 * 10) // 10分钟刷新
|
|
|
+
|
|
|
+ this.getCustomerRankList()
|
|
|
+ this.damageListTimer = setInterval(this.getCustomerRankList, 1000 * 60 * 10) // 10分钟刷新
|
|
|
+
|
|
|
+ this.getDamageList()
|
|
|
+ this.customerRankListTimer = setInterval(this.getDamageList, 1000 * 60 * 10) // 10分钟刷新
|
|
|
+
|
|
|
+ this.getOutboundRecordList()
|
|
|
+ this.outboundRecordListTimer = setInterval(this.getOutboundRecordList, 1000 * 60 * 5) // 5分钟刷新
|
|
|
+
|
|
|
+ this.getContractProdList()
|
|
|
+ this.contractProdListTimer = setInterval(this.getContractProdList, 1000 * 60 * 10) // 10分钟刷新
|
|
|
+
|
|
|
+ this.getSubmittedRecordList()
|
|
|
+ this.submittedRecordListTimer = setInterval(this.getSubmittedRecordList, 1000 * 60 * 5) // 5分钟刷新
|
|
|
+ },
|
|
|
+ mounted () {
|
|
|
+ this.contractProdTableScroll()
|
|
|
+ this.customerRankTableScroll()
|
|
|
+ this.contractAlarmTableScroll()
|
|
|
+ this.outboundRecordTableScroll()
|
|
|
+ this.submittedRecordTableScroll()
|
|
|
+ this.damageTableScroll()
|
|
|
+ },
|
|
|
+ beforeDestroy () {
|
|
|
+ clearInterval(this.analyticsTimer)
|
|
|
+ clearInterval(this.contractAlarmListTimer)
|
|
|
+ clearInterval(this.damageListTimer)
|
|
|
+ clearInterval(this.customerRankListTimer)
|
|
|
+ clearInterval(this.outboundRecordListTimer)
|
|
|
+ clearInterval(this.contractProdListTimer)
|
|
|
+ clearInterval(this.submittedRecordListTimer)
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 合同统计
|
|
|
+ getAnalytics () {
|
|
|
+ getAnalytics({}).then(({data}) => {
|
|
|
if (data && data.code === '200') {
|
|
|
- this.analytics = {...data.data};
|
|
|
+ this.analytics = {...data.data}
|
|
|
}
|
|
|
- })
|
|
|
- },
|
|
|
- //合同预警列表
|
|
|
- getContractAlarmList(){
|
|
|
- let params = {
|
|
|
- 'current': 1,
|
|
|
- 'size': 20
|
|
|
- }
|
|
|
- getContractAlarmList(params).then(({data}) => {
|
|
|
- if(data && data.code === '200') {
|
|
|
- this.contractAlarmList = data.data.records;
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //客户排名列表
|
|
|
- getCustomerRankList(){
|
|
|
- let params = {
|
|
|
- 'current': 1,
|
|
|
- 'size': 20
|
|
|
- }
|
|
|
- getCustomerRankList(params).then(({data}) => {
|
|
|
- if(data && data.code === '200') {
|
|
|
- this.customerRankList = data.data;
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //报损记录列表
|
|
|
- getDamageList (){
|
|
|
- let params = {
|
|
|
- 'current': 1,
|
|
|
- 'size': 20
|
|
|
- }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 合同预警列表
|
|
|
+ getContractAlarmList () {
|
|
|
+ let params = {
|
|
|
+ 'current': 1,
|
|
|
+ 'size': 20
|
|
|
+ }
|
|
|
+ getContractAlarmList(params).then(({data}) => {
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.contractAlarmList = data.data.records
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 客户排名列表
|
|
|
+ getCustomerRankList () {
|
|
|
+ let params = {
|
|
|
+ 'current': 1,
|
|
|
+ 'size': 20
|
|
|
+ }
|
|
|
+ getCustomerRankList(params).then(({data}) => {
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.customerRankList = data.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 报损记录列表
|
|
|
+ getDamageList () {
|
|
|
+ let params = {
|
|
|
+ 'current': 1,
|
|
|
+ 'size': 20
|
|
|
+ }
|
|
|
getDamageList(params).then(({data}) => {
|
|
|
- if(data && data.code === '200') {
|
|
|
- this.damageList = data.data.records;
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //出库记录列表
|
|
|
- getOutboundRecordList (){
|
|
|
- let params = {
|
|
|
- 'current': 1,
|
|
|
- 'size': 20
|
|
|
- }
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.damageList = data.data.records
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 出库记录列表
|
|
|
+ getOutboundRecordList () {
|
|
|
+ let params = {
|
|
|
+ 'current': 1,
|
|
|
+ 'size': 20
|
|
|
+ }
|
|
|
getOutboundRecordList(params).then(({data}) => {
|
|
|
- if(data && data.code === '200') {
|
|
|
- this.outboundRecordList = data.data.records;
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //合同生产记录列表
|
|
|
- getContractProdList(){
|
|
|
- let params = {
|
|
|
- 'current': 1,
|
|
|
- 'size': 20
|
|
|
- }
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.outboundRecordList = data.data.records
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 合同生产记录列表
|
|
|
+ getContractProdList () {
|
|
|
+ let params = {
|
|
|
+ 'current': 1,
|
|
|
+ 'size': 20
|
|
|
+ }
|
|
|
getContractProdList(params).then(({data}) => {
|
|
|
- if(data && data.code === '200') {
|
|
|
- this.contractProdList = data.data.records;
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //报工列表
|
|
|
- getSubmittedRecordList(){
|
|
|
- let params = {
|
|
|
- 'current': 1,
|
|
|
- 'size': 20
|
|
|
- }
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.contractProdList = data.data.records
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 报工列表
|
|
|
+ getSubmittedRecordList () {
|
|
|
+ let params = {
|
|
|
+ 'current': 1,
|
|
|
+ 'size': 20
|
|
|
+ }
|
|
|
getSubmittedRecordList(params).then(({data}) => {
|
|
|
- if(data && data.code === '200') {
|
|
|
- this.submittedRecordList = data.data.records;
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- contractProdTableScroll() {
|
|
|
- this.$nextTick(() => {
|
|
|
- const divData =this.$refs.contractProdTable.bodyWrapper
|
|
|
- setInterval(() => {
|
|
|
- divData.scrollTop += 1
|
|
|
- if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
|
|
|
- divData.scrollTop =0
|
|
|
- }
|
|
|
- }, 50)
|
|
|
- })
|
|
|
- },
|
|
|
- customerRankTableScroll(){
|
|
|
- this.$nextTick(() => {
|
|
|
- const divData =this.$refs.customerRankTable.bodyWrapper
|
|
|
- setInterval(() => {
|
|
|
- divData.scrollTop += 1
|
|
|
- if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
|
|
|
- divData.scrollTop =0
|
|
|
- }
|
|
|
- }, 50)
|
|
|
- })
|
|
|
- },
|
|
|
- contractAlarmTableScroll(){
|
|
|
- this.$nextTick(() => {
|
|
|
- const divData =this.$refs.contractAlarmTable.bodyWrapper
|
|
|
- setInterval(() => {
|
|
|
- divData.scrollTop += 1
|
|
|
- if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
|
|
|
- divData.scrollTop =0
|
|
|
- }
|
|
|
- }, 50)
|
|
|
- })
|
|
|
- },
|
|
|
- outboundRecordTableScroll(){
|
|
|
- this.$nextTick(() => {
|
|
|
- const divData =this.$refs.outboundRecordTable.bodyWrapper
|
|
|
- setInterval(() => {
|
|
|
- divData.scrollTop += 1
|
|
|
- if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
|
|
|
- divData.scrollTop =0
|
|
|
- }
|
|
|
- }, 50)
|
|
|
- })
|
|
|
- },
|
|
|
- submittedRecordTableScroll(){
|
|
|
- this.$nextTick(() => {
|
|
|
- const divData =this.$refs.submittedRecordTable.bodyWrapper
|
|
|
- setInterval(() => {
|
|
|
- divData.scrollTop += 1
|
|
|
- if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
|
|
|
- divData.scrollTop =0
|
|
|
- }
|
|
|
- }, 50)
|
|
|
- })
|
|
|
- },
|
|
|
- damageTableScroll(){
|
|
|
- this.$nextTick(() => {
|
|
|
- const divData =this.$refs.damageTable.bodyWrapper
|
|
|
- setInterval(() => {
|
|
|
- divData.scrollTop += 1
|
|
|
- if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
|
|
|
- divData.scrollTop =0
|
|
|
- }
|
|
|
- }, 50)
|
|
|
- })
|
|
|
- },
|
|
|
- //全屏显示
|
|
|
- fullScreen(){
|
|
|
- const element = document.getElementById('content');
|
|
|
- element.requestFullscreen();
|
|
|
- }
|
|
|
- }
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.submittedRecordList = data.data.records
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ contractProdTableScroll () {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ const divData = this.$refs.contractProdTable.bodyWrapper
|
|
|
+ setInterval(() => {
|
|
|
+ divData.scrollTop += 1
|
|
|
+ if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
|
|
|
+ divData.scrollTop = 0
|
|
|
+ }
|
|
|
+ }, 50)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ customerRankTableScroll () {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ const divData = this.$refs.customerRankTable.bodyWrapper
|
|
|
+ setInterval(() => {
|
|
|
+ divData.scrollTop += 1
|
|
|
+ if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
|
|
|
+ divData.scrollTop = 0
|
|
|
+ }
|
|
|
+ }, 50)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ contractAlarmTableScroll () {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ const divData = this.$refs.contractAlarmTable.bodyWrapper
|
|
|
+ setInterval(() => {
|
|
|
+ divData.scrollTop += 1
|
|
|
+ if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
|
|
|
+ divData.scrollTop = 0
|
|
|
+ }
|
|
|
+ }, 50)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ outboundRecordTableScroll () {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ const divData = this.$refs.outboundRecordTable.bodyWrapper
|
|
|
+ setInterval(() => {
|
|
|
+ divData.scrollTop += 1
|
|
|
+ if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
|
|
|
+ divData.scrollTop = 0
|
|
|
+ }
|
|
|
+ }, 50)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ submittedRecordTableScroll () {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ const divData = this.$refs.submittedRecordTable.bodyWrapper
|
|
|
+ setInterval(() => {
|
|
|
+ divData.scrollTop += 1
|
|
|
+ if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
|
|
|
+ divData.scrollTop = 0
|
|
|
+ }
|
|
|
+ }, 50)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ damageTableScroll () {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ const divData = this.$refs.damageTable.bodyWrapper
|
|
|
+ setInterval(() => {
|
|
|
+ divData.scrollTop += 1
|
|
|
+ if (divData.clientHeight + divData.scrollTop + 1 > divData.scrollHeight) {
|
|
|
+ divData.scrollTop = 0
|
|
|
+ }
|
|
|
+ }, 50)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 全屏显示
|
|
|
+ fullScreen () {
|
|
|
+ const element = document.getElementById('content')
|
|
|
+ element.requestFullscreen()
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
|