|
|
@ -150,16 +150,7 @@ |
|
|
<div v-show="activeTab === 'regionalData'" class="tab-content" v-loading="loadingRegion"> |
|
|
<div v-show="activeTab === 'regionalData'" class="tab-content" v-loading="loadingRegion"> |
|
|
<!-- 搜索栏 --> |
|
|
<!-- 搜索栏 --> |
|
|
<div class="search-bar"> |
|
|
<div class="search-bar"> |
|
|
<div class="search-label">地区查询</div> |
|
|
|
|
|
<el-select v-model="searchRegion" placeholder="请选择所属地区" style="width: 200px; margin-right: 20px;"> |
|
|
|
|
|
<el-option label="全部" value="" /> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in regionOptions" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
|
|
|
<!-- 移除地区查询 --> |
|
|
|
|
|
|
|
|
<div class="search-label">时间段查询</div> |
|
|
<div class="search-label">时间段查询</div> |
|
|
<el-date-picker |
|
|
<el-date-picker |
|
|
@ -294,7 +285,7 @@ const fetchRegionOptions = async () => { |
|
|
|
|
|
|
|
|
// 初始化查询参数 |
|
|
// 初始化查询参数 |
|
|
const initQueryParams = () => { |
|
|
const initQueryParams = () => { |
|
|
const { start_time, end_time, region, r_start_time, r_end_time, r_region } = route.query; |
|
|
|
|
|
|
|
|
const { start_time, end_time, region, r_start_time, r_end_time } = route.query; |
|
|
|
|
|
|
|
|
// Tab 1 Params |
|
|
// Tab 1 Params |
|
|
if (start_time && end_time) { |
|
|
if (start_time && end_time) { |
|
|
@ -308,9 +299,6 @@ const initQueryParams = () => { |
|
|
if (r_start_time && r_end_time) { |
|
|
if (r_start_time && r_end_time) { |
|
|
dateRangeRegion.value = [new Date(r_start_time), new Date(r_end_time)]; |
|
|
dateRangeRegion.value = [new Date(r_start_time), new Date(r_end_time)]; |
|
|
} |
|
|
} |
|
|
if (r_region) { |
|
|
|
|
|
searchRegion.value = r_region; |
|
|
|
|
|
} |
|
|
|
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
initQueryParams(); |
|
|
initQueryParams(); |
|
|
@ -911,11 +899,7 @@ const handleSearchRegion = () => { |
|
|
delete query.r_end_time; |
|
|
delete query.r_end_time; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
if (searchRegion.value) { |
|
|
|
|
|
query.r_region = searchRegion.value; |
|
|
|
|
|
} else { |
|
|
|
|
|
delete query.r_region; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
// 移除 region 参数处理 |
|
|
|
|
|
|
|
|
router.replace({ query }); |
|
|
router.replace({ query }); |
|
|
|
|
|
|
|
|
@ -924,13 +908,13 @@ const handleSearchRegion = () => { |
|
|
|
|
|
|
|
|
const handleResetRegion = () => { |
|
|
const handleResetRegion = () => { |
|
|
dateRangeRegion.value = ''; |
|
|
dateRangeRegion.value = ''; |
|
|
searchRegion.value = ''; |
|
|
|
|
|
|
|
|
searchRegion.value = ''; // 保持变量重置,但不影响UI |
|
|
|
|
|
|
|
|
// 清除 URL 参数 |
|
|
// 清除 URL 参数 |
|
|
const query = { ...route.query }; |
|
|
const query = { ...route.query }; |
|
|
delete query.r_start_time; |
|
|
delete query.r_start_time; |
|
|
delete query.r_end_time; |
|
|
delete query.r_end_time; |
|
|
delete query.r_region; |
|
|
|
|
|
|
|
|
// delete query.r_region; // 已移除参数 |
|
|
router.replace({ query }); |
|
|
router.replace({ query }); |
|
|
|
|
|
|
|
|
fetchAllRegionData(); |
|
|
fetchAllRegionData(); |
|
|
|