lion 2 years ago
parent 2f59d67a89
commit bc89e61669

@ -10,15 +10,13 @@
<el-date-picker style="margin-left:10px" v-model="dateRange" type="daterange" value-format="yyyy-MM-dd" <el-date-picker style="margin-left:10px" v-model="dateRange" type="daterange" value-format="yyyy-MM-dd"
range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="dateChange"> range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="dateChange">
</el-date-picker> </el-date-picker>
<el-cascader ref="typeCas" style="margin-left:10px" v-model="select.product_type_list" :options="options" <el-cascader ref="typeCas" style="margin-left:10px" v-model="typeCas" :options="options"
:props="props" collapse-tags @change="changeType" @remove-tag="removeType" clearable></el-cascader> :props="props" collapse-tags @change="changeType" @remove-tag="removeType" clearable></el-cascader>
<el-button style="margin-left:10px" type="primary" @click="getTotal"></el-button> <el-button style="margin-left:10px" type="primary" @click="getTotal"></el-button>
</div> </div>
<!-- <div class='typetitle'>
{{typeName}}
</div> -->
<div class="totals"> <div class="totals">
<p><span>下单人数</span><span>{{list.add_total_order}}</span></p> <p><span>下单人数</span><span>{{list.add_total_members}}</span></p>
<p><span>下单订单数</span><span>{{list.add_total_order}}</span></p>
<p><span>多板块下单人数</span><span>{{list.total_order_more_type_person}}</span></p> <p><span>多板块下单人数</span><span>{{list.total_order_more_type_person}}</span></p>
</div> </div>
@ -44,7 +42,7 @@
end_date: "", end_date: "",
product_type_list: [] product_type_list: []
}, },
typeName: '所有', typeCas:[],
dateRange: [], dateRange: [],
list: {}, list: {},
today: '', today: '',
@ -63,18 +61,13 @@
this.options = res this.options = res
}, },
changeType(e) { changeType(e) {
this.select.product_type_list = e let _arr = this.$refs.typeCas.getCheckedNodes()
if (this.select.product_type_list.length < 1) { let _data = []
this.typeName = '所有' for(var k of _arr){
} else { _data.push(k.value)
let obj = this.$refs['typeCas'].getCheckedNodes()
let names = ''
for (var k of obj) {
names += k.label + "、"
}
this.typeName = names
} }
const result = Array.from(new Set(_data))
this.select.product_type_list = result
}, },
removeType(e) {}, removeType(e) {},
async initTotal() { async initTotal() {
@ -82,16 +75,14 @@
start_date: '2000-01-01', start_date: '2000-01-01',
end_date: this.select.end_date end_date: this.select.end_date
}) })
// this.total = res.total
this.list = res.return_list.total this.list = res.return_list.total
}, },
async getTotal() { async getTotal() {
const res = await typeCount({ const res = await typeCount({
start_date: this.select.start_date, start_date: this.select.start_date,
end_date: this.select.end_date, end_date: this.select.end_date,
product_type_list: this.select.product_type_list product_type_list:this.select.product_type_list
}) })
// this.total = res.total
this.list = res.return_list.total this.list = res.return_list.total
}, },
dateChange(e) { dateChange(e) {
@ -109,7 +100,8 @@
mounted() { mounted() {
let date = new Date() let date = new Date()
let month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1 let month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
this.today = date.getFullYear() + '-' + month + '-' + date.getDate() let dateDay = date.getDate() + 1 < 10 ? '0' + (date.getDate()) : date.getDate()
this.today = date.getFullYear() + '-' + month + '-' + dateDay
this.select.end_date = this.today this.select.end_date = this.today
this.getTypes() this.getTypes()
this.initTotal() this.initTotal()

Loading…
Cancel
Save