|
@@ -63,7 +63,7 @@
|
|
<span class="box-title2">销售订单信息</span>
|
|
<span class="box-title2">销售订单信息</span>
|
|
<div class="cr-b2">
|
|
<div class="cr-b2">
|
|
<div class="crb2-sort">
|
|
<div class="crb2-sort">
|
|
- <el-select v-model="sort_xsdd.year" @change="getMonthArr" placeholder="请选择年" class="select-default" popper-class="select-default-popper">
|
|
|
|
|
|
+ <el-select v-model="sort_xsdd.year" @change="getChange" placeholder="请选择年" class="select-default" popper-class="select-default-popper">
|
|
<el-option v-for="item in yearArr" :key="item" :label="item+'年'" :value="item"></el-option>
|
|
<el-option v-for="item in yearArr" :key="item" :label="item+'年'" :value="item"></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
<el-select v-model="sort_xsdd.month" placeholder="请选择月" class="select-default" popper-class="select-default-popper">
|
|
<el-select v-model="sort_xsdd.month" placeholder="请选择月" class="select-default" popper-class="select-default-popper">
|
|
@@ -160,8 +160,8 @@ export default {
|
|
monthArr: [],
|
|
monthArr: [],
|
|
data_xsdd: {
|
|
data_xsdd: {
|
|
overview: [
|
|
overview: [
|
|
- { title: '购买主体', value: 1634, unit: '个' },
|
|
|
|
- { title: '订单数量', value: 2467, unit: '单' }
|
|
|
|
|
|
+ { title: '购买主体', value: '', unit: '个', key: 'saleUserCount' },
|
|
|
|
+ { title: '订单数量', value: '', unit: '单', key: 'saleOrderCount' }
|
|
],
|
|
],
|
|
tableData: [
|
|
tableData: [
|
|
{ shop: 'XXXXXX', purchaser:'张三', goodsName:'甲氰菊酯', count:'3', price:'25', time:'2023-06-06' },
|
|
{ shop: 'XXXXXX', purchaser:'张三', goodsName:'甲氰菊酯', count:'3', price:'25', time:'2023-06-06' },
|
|
@@ -180,16 +180,16 @@ export default {
|
|
},
|
|
},
|
|
data_xsqs: {
|
|
data_xsqs: {
|
|
overview: [
|
|
overview: [
|
|
- { title: '上年补贴总额', value: 143, unit: '万' },
|
|
|
|
- { title: '当年已补贴金额', value: 53, unit: '万' }
|
|
|
|
|
|
+ { title: '上年补贴总额', value: 143, unit: '万',key: 'lastYearSubsidyTotal' },
|
|
|
|
+ { title: '当年已补贴金额', value: 53, unit: '万',key: 'currentYearSubsidyAmount' }
|
|
],
|
|
],
|
|
chart: [
|
|
chart: [
|
|
- { time: '22-12', sales: 3900, pay: 3000, subsidy: 3350 },
|
|
|
|
- { time: '23-01', sales: 2400, pay: 1600, subsidy: 1900 },
|
|
|
|
- { time: '23-02', sales: 3100, pay: 2300, subsidy: 2700 },
|
|
|
|
- { time: '23-03', sales: 3000, pay: 2100, subsidy: 2500 },
|
|
|
|
- { time: '23-04', sales: 2700, pay: 1900, subsidy: 2200 },
|
|
|
|
- { time: '23-05', sales: 3900, pay: 3000, subsidy: 3350 },
|
|
|
|
|
|
+ // { saleTime: '22年12月', totalSalePrice: 3900, totalZfPrice: 3000, totalBtPrice: 3350 },
|
|
|
|
+ // { saleTime: '23-01', totalSalePrice: 2400, totalZfPrice: 1600, totalBtPrice: 1900 },
|
|
|
|
+ // { saleTime: '23-02', totalSalePrice: 3100, totalZfPrice: 2300, totalBtPrice: 2700 },
|
|
|
|
+ // { saleTime: '23-03', totalSalePrice: 3000, totalZfPrice: 2100, totalBtPrice: 2500 },
|
|
|
|
+ // { saleTime: '23-04', totalSalePrice: 2700, totalZfPrice: 1900, totalBtPrice: 2200 },
|
|
|
|
+ // { saleTime: '23-05', totalSalePrice: 3900, totalZfPrice: 3000, totalBtPrice: 3350 },
|
|
]
|
|
]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -197,20 +197,13 @@ export default {
|
|
mounted() {
|
|
mounted() {
|
|
this.getRecentYears()
|
|
this.getRecentYears()
|
|
this.sort_xsdd.year = new Date().getFullYear()
|
|
this.sort_xsdd.year = new Date().getFullYear()
|
|
- this.getMonthArr()
|
|
|
|
|
|
+ // this.getMonthArr()
|
|
this.sort_xsdd.month = new Date().getMonth()+1
|
|
this.sort_xsdd.month = new Date().getMonth()+1
|
|
setYyqdfx(document.getElementById('chart-clb3'), this.data_yyqd.chart)
|
|
setYyqdfx(document.getElementById('chart-clb3'), this.data_yyqd.chart)
|
|
setXsqs(document.getElementById('chart-crb3'), this.data_xsqs.chart)
|
|
setXsqs(document.getElementById('chart-crb3'), this.data_xsqs.chart)
|
|
- //todo 拿到地址后参数对应上
|
|
|
|
- GetSalesOrder(this.sort_xsdd).then(res => {
|
|
|
|
- this.data_xsdd.tableData = res.data
|
|
|
|
- })
|
|
|
|
- GetSalesOrderSummary(this.sort_xsdd).then(res => {
|
|
|
|
- this.data_xsdd.overview = res.data
|
|
|
|
- })
|
|
|
|
- GetBubsidyAndSaleTrend().then(res => {
|
|
|
|
- console.log(res.data)
|
|
|
|
- })
|
|
|
|
|
|
+ this.getSaleOrder()
|
|
|
|
+ this.getSaleSummary()
|
|
|
|
+ this.getSaleTrend()
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
getRecentYears() {
|
|
getRecentYears() {
|
|
@@ -219,14 +212,39 @@ export default {
|
|
this.yearArr.push(thisYear+i)
|
|
this.yearArr.push(thisYear+i)
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- getMonthArr() {
|
|
|
|
- this.sort_xsdd.month = ''
|
|
|
|
- this.monthArr = []
|
|
|
|
- const d = new Date()
|
|
|
|
- const maxMonth = d.getFullYear()===this.sort_xsdd.year? d.getMonth()+1: 12
|
|
|
|
- for(let i=1; i<=maxMonth; i++) {
|
|
|
|
- this.monthArr.push(i)
|
|
|
|
- }
|
|
|
|
|
|
+ // getMonthArr() {
|
|
|
|
+ // this.sort_xsdd.month = ''
|
|
|
|
+ // this.monthArr = []
|
|
|
|
+ // const d = new Date()
|
|
|
|
+ // const maxMonth = d.getFullYear()===this.sort_xsdd.year? d.getMonth()+1: 12
|
|
|
|
+ // for(let i=1; i<=maxMonth; i++) {
|
|
|
|
+ // this.monthArr.push(i)
|
|
|
|
+ // }
|
|
|
|
+ // },
|
|
|
|
+ getChange(){
|
|
|
|
+ this.getSaleOrder()
|
|
|
|
+ this.getSaleSummary()
|
|
|
|
+ },
|
|
|
|
+ getSaleOrder(){
|
|
|
|
+ GetSalesOrder(this.sort_xsdd).then(res => {
|
|
|
|
+ this.data_xsdd.tableData = res.data.list
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ getSaleSummary(){
|
|
|
|
+ GetSalesOrderSummary(this.sort_xsdd).then(res => {
|
|
|
|
+ this.data_xsdd.overview.forEach(i => {
|
|
|
|
+ i.value = res.data[i.key]
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ getSaleTrend(){
|
|
|
|
+ GetBubsidyAndSaleTrend().then(res => {
|
|
|
|
+ this.data_xsqs.overview.forEach(i => {
|
|
|
|
+ i.value = res.data[i.key]
|
|
|
|
+ })
|
|
|
|
+ this.data_xsqs.chart = res.data.saleTrendVOS
|
|
|
|
+ setXsqs(document.getElementById('chart-crb3'), this.data_xsqs.chart)
|
|
|
|
+ })
|
|
}
|
|
}
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|