parent
e69847f99c
commit
537d0a0a33
@ -0,0 +1,181 @@
|
||||
<template>
|
||||
<div class="notice_right">
|
||||
<div class="notice_title">
|
||||
<div class="title_left">
|
||||
<span>今日采购数据</span>
|
||||
</div>
|
||||
<div class="title_right">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<el-table :data="list" style="width: 100%">
|
||||
<el-table-column prop="Number" width="50px" label="序号">
|
||||
</el-table-column>
|
||||
<el-table-column prop="FFullName" label="部门">
|
||||
</el-table-column>
|
||||
<el-table-column prop="bangdan" label="采购磅单数(张)">
|
||||
</el-table-column>
|
||||
<el-table-column prop="settlement" label="采购吨位(吨)">
|
||||
</el-table-column>
|
||||
<el-table-column prop="amout" label="采购总额">
|
||||
</el-table-column>
|
||||
<el-table-column prop="notPaypalAmounts" label="代付款总额">
|
||||
</el-table-column>
|
||||
<el-table-column prop="paypalamounts" label="已付款总额">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
import CountTo from 'vue-count-to'
|
||||
export default {
|
||||
components: { CountTo },
|
||||
data() {
|
||||
return {
|
||||
pageSize: 7,
|
||||
currentPage: 1,
|
||||
intervalID: undefined,
|
||||
list: []
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
this.PurchasingTodayList();
|
||||
this.intervalStrat();
|
||||
},
|
||||
// mounted() {
|
||||
// var date = new Date();
|
||||
// this.fnDateChg(date);
|
||||
// },
|
||||
beforeDestroy() {
|
||||
this.intervalDel();
|
||||
},
|
||||
methods: {
|
||||
PurchasingTodayList: function () {
|
||||
request({
|
||||
url: "/api/messageCenter/MessageCenter/getPurchaseorderdata",
|
||||
method: "get",
|
||||
data: {
|
||||
currentPage: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
json: "",
|
||||
keyword: "",
|
||||
sidx: ""
|
||||
},
|
||||
}).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.list = res.data;
|
||||
if (this.list.length === this.pageSize) {
|
||||
this.currentPage = this.currentPage + 1;
|
||||
} else {
|
||||
this.currentPage = 1;
|
||||
}
|
||||
}
|
||||
}).catch(() => {
|
||||
})
|
||||
},
|
||||
intervalStrat() {
|
||||
this.intervalDel();
|
||||
this.intervalID = setInterval(() => {
|
||||
this.PurchasingTodayList();
|
||||
}, 5000);
|
||||
|
||||
},
|
||||
intervalDel() {
|
||||
if (this.intervalID) {
|
||||
clearInterval(this.intervalID);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.notice_title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 60px;
|
||||
padding: 0 25px;
|
||||
|
||||
.title_left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
.title_right {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.notice_right {
|
||||
background: #fff;
|
||||
height: 400px;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
|
||||
.no_right_massage {
|
||||
li {
|
||||
display: flex;
|
||||
background: #fff;
|
||||
border: 1px;
|
||||
height: 170px;
|
||||
border-top: 1px solid #f2f2f5;
|
||||
|
||||
.right_item {
|
||||
width: 50%;
|
||||
padding: 16px 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
|
||||
.right-top {
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
padding: 20px 0;
|
||||
color: #999;
|
||||
display: -webkit-box;
|
||||
line-clamp: 3;
|
||||
-webkit-line-clamp: 3;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
/*! autoprefixer: off */
|
||||
-webkit-box-orient: vertical;
|
||||
/* autoprefixer: on */
|
||||
}
|
||||
|
||||
.bt {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
.linet {
|
||||
border-left: 1px solid #f2f2f5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
@ -0,0 +1,177 @@
|
||||
<template>
|
||||
<div class="notice_right">
|
||||
<div class="notice_title">
|
||||
<div class="title_left">
|
||||
<span>今日销售数据</span>
|
||||
</div>
|
||||
<div class="title_right">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<el-table :data="list" style="width: 100%">
|
||||
<el-table-column prop="Number" width="50px" label="序号">
|
||||
</el-table-column>
|
||||
<el-table-column prop="FFullName" label="部门">
|
||||
</el-table-column>
|
||||
<el-table-column prop="amout" label="销售总额">
|
||||
</el-table-column>
|
||||
<el-table-column prop="notCollectionAmounts" label="待回款总额">
|
||||
</el-table-column>
|
||||
<el-table-column prop="collectionamounts" label="进入回款额">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
import CountTo from 'vue-count-to'
|
||||
export default {
|
||||
components: { CountTo },
|
||||
data() {
|
||||
return {
|
||||
pageSize: 7,
|
||||
currentPage: 1,
|
||||
intervalID: undefined,
|
||||
list: []
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
this.SaleTodayList();
|
||||
this.intervalStrat();
|
||||
},
|
||||
// mounted() {
|
||||
// var date = new Date();
|
||||
// this.fnDateChg(date);
|
||||
// },
|
||||
beforeDestroy() {
|
||||
this.intervalDel();
|
||||
},
|
||||
methods: {
|
||||
SaleTodayList: function () {
|
||||
request({
|
||||
url: "/api/messageCenter/MessageCenter/getSalesorderData",
|
||||
method: "get",
|
||||
data: {
|
||||
currentPage: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
json: "",
|
||||
keyword: "",
|
||||
sidx: "",
|
||||
},
|
||||
}).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.list = res.data;
|
||||
if (this.list.length === this.pageSize) {
|
||||
this.currentPage = this.currentPage + 1;
|
||||
} else {
|
||||
this.currentPage = 1;
|
||||
}
|
||||
}
|
||||
}).catch(() => {
|
||||
})
|
||||
},
|
||||
intervalStrat() {
|
||||
this.intervalDel();
|
||||
this.intervalID = setInterval(() => {
|
||||
this.SaleTodayList();
|
||||
}, 5000);
|
||||
|
||||
},
|
||||
intervalDel() {
|
||||
if (this.intervalID) {
|
||||
clearInterval(this.intervalID);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.notice_title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 60px;
|
||||
padding: 0 25px;
|
||||
|
||||
.title_left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
.title_right {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.notice_right {
|
||||
background: #fff;
|
||||
height: 400px;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
|
||||
.no_right_massage {
|
||||
li {
|
||||
display: flex;
|
||||
background: #fff;
|
||||
border: 1px;
|
||||
height: 170px;
|
||||
border-top: 1px solid #f2f2f5;
|
||||
|
||||
.right_item {
|
||||
width: 50%;
|
||||
padding: 16px 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
|
||||
.right-top {
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
padding: 20px 0;
|
||||
color: #999;
|
||||
display: -webkit-box;
|
||||
line-clamp: 3;
|
||||
-webkit-line-clamp: 3;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
/*! autoprefixer: off */
|
||||
-webkit-box-orient: vertical;
|
||||
/* autoprefixer: on */
|
||||
}
|
||||
|
||||
.bt {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
.linet {
|
||||
border-left: 1px solid #f2f2f5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
Loading…
Reference in new issue