|
|
@@ -4,6 +4,7 @@
|
|
|
import {getIncomeChartData} from '@/api/financialStatistics'
|
|
|
import chart from '@/components/echart/index.vue'
|
|
|
import {baseOptions} from '@/components/echart/baseOptions'
|
|
|
+ import {getSimpleServiceList} from '@/api/financialMana'
|
|
|
|
|
|
const basicOptions=baseOptions()
|
|
|
|
|
|
@@ -18,6 +19,7 @@
|
|
|
end_date:'',
|
|
|
seller_ids:'',
|
|
|
is_export:0,
|
|
|
+ service_types:'',
|
|
|
// 不是后端所需要的值，用于axios的请求拦截器，具体请看@/utils/request.js文件
|
|
|
takeLastRequestResult:true
|
|
|
})
|
|
|
@@ -176,9 +178,23 @@
|
|
|
})
|
|
|
}
|
|
|
|
|
|
+ const serviceTypeArray=ref([])
|
|
|
+ //获取套餐列表
|
|
|
+ const getServiceListFun=()=>{
|
|
|
+ getSimpleServiceList().then(res=>{
|
|
|
+ serviceTypeArray.value=res.data || []
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // 选择套餐改变
|
|
|
+ const serviceTypeChange=(value)=>{
|
|
|
+ searchParams.service_types=value.join(',')
|
|
|
+ getList()
|
|
|
+ }
|
|
|
+
|
|
|
initOptions()
|
|
|
getSellerData()
|
|
|
getList()
|
|
|
+ getServiceListFun()
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
@@ -199,6 +215,9 @@
|
|
|
collapse-tags :show-all-levels="false" collapse-tags-tooltip key="seller" filterable
|
|
|
style="max-width: 238px;margin:0 30px 8px 0;"
|
|
|
:props="{multiple:true,label:'seller_name',value:'seller_id',children:'child',emitPath:false}" ></el-cascader>
|
|
|
+ <el-cascader :options="serviceTypeArray" style="width: 240px;margin-bottom: 8px;margin-right: 30px;"
|
|
|
+ @change="serviceTypeChange" placeholder="请选择套餐" clearable collapse-tags :show-all-levels="false"
|
|
|
+ :props="{multiple:true,label:'title',value:'service_template_id',children:'children',emitPath:false}"></el-cascader>
|
|
|
<el-date-picker v-model="invoiceTime" type="monthrange"
|
|
|
start-placeholder="开始日期" end-placeholder="结束日期" style="max-width: 238px;margin:0 30px 8px 0;"
|
|
|
value-format="YYYY-MM"></el-date-picker>
|
hbchen