yunxi
/
SC-MOM
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页添加采购销售数据

Browse Source
product
mhsnet 1 year ago
parent e69847f99c
commit 537d0a0a33
3 changed files with 371 additions and 1 deletions
Show Stats Download Patch File Download Diff File

181
SC-web/src/views/dashboard/admin/components/PurchasingTodayList.vue
Unescape View File

@ -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>

177
SC-web/src/views/dashboard/admin/components/SaleTodayList.vue
Unescape View File

@ -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>

14
SC-web/src/views/dashboard/admin/index.vue
Unescape View File

@ -42,6 +42,14 @@
</ul>
</div>
<panel-group />
<el-row :gutter="10" class="notice">
<el-col :span="12">
<PurchasingTodayList />
</el-col>
<el-col :span="12">
<SaleTodayList />
</el-col>
</el-row>
<el-row :gutter="12">
<el-col :span="12">
<line-chart-a />
@ -92,6 +100,8 @@ import LineChartA from './components/LineChartA'
import LineChartB from './components/LineChartB'
import CountTo from 'vue-count-to'
import ContractList from './components/ContractList'
import PurchasingTodayList from './components/PurchasingTodayList'
import SaleTodayList from './components/SaleTodayList'
export default {
name: 'DashboardAdmin',
components: {
@ -101,7 +111,9 @@ export default {
CountTo,
PortalLayoutB,
PortalLayoutC,
ContractList
ContractList,
PurchasingTodayList,
SaleTodayList
},
data() {
return {

Write Preview
Loading…
Cancel
Save