提交 7541c0d3 authored 作者: lidongxu's avatar lidongxu

feat(sycm_store): 生意参谋_竞店_添加工具箱

里面包含重置本页面数据功能
上级 332d2122
<template> <template>
<div v-if="!loading"> <div>
<el-form :model="queryParams" <el-form :model="queryParams"
inline> inline>
<el-form-item label="店铺"> <el-form-item label="店铺">
...@@ -41,6 +41,7 @@ ...@@ -41,6 +41,7 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="chart_wrap" <div class="chart_wrap"
v-if="!loading"
v-loading="loading"> v-loading="loading">
<template v-if="queryParams.brandList.length > 0 && queryParams.typeList.length > 0"> <template v-if="queryParams.brandList.length > 0 && queryParams.typeList.length > 0">
<group-legend :legendData="chartData.legend" <group-legend :legendData="chartData.legend"
...@@ -49,6 +50,10 @@ ...@@ -49,6 +50,10 @@
</template> </template>
<no-data v-else-if="!loading"></no-data> <no-data v-else-if="!loading"></no-data>
</div> </div>
<levitated-sphere>
<el-button type="danger"
@click="reset">重置本页</el-button>
</levitated-sphere>
</div> </div>
</template> </template>
...@@ -291,16 +296,20 @@ const legendChangeFn = () => { ...@@ -291,16 +296,20 @@ const legendChangeFn = () => {
// 查询条件改变 // 查询条件改变
const queryChangeFn = async (arg) => { const queryChangeFn = async (arg) => {
if (arg === 'date' && !queryParams.date) return
if (arg === 'date' && queryParams.date) {
// 时间变化,并且有值,需要重新请求
allChartData.xAxis = generatorDayList(queryParams.date[0], queryParams.date[1])
await getList() await getList()
}
// 数据筛选 // 数据筛选
filterData() filterData()
} }
// 重置
const reset = async () => {
// 重置查询参数
queryParams.brandList = []
queryParams.date = dateList
queryParams.typeList = [dataTypeList[0]]
init()
}
</script> </script>
<style scoped></style> <style scoped></style>
\ No newline at end of file
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论