|
@@ -191,11 +191,16 @@ watch(
|
|
|
{ immediate: true }
|
|
{ immediate: true }
|
|
|
)
|
|
)
|
|
|
|
|
|
|
|
-function selectType(type: string) {
|
|
|
|
|
|
|
+function selectType(type: string | undefined) {
|
|
|
query.value.type = type
|
|
query.value.type = type
|
|
|
query.value.pageNo = 1
|
|
query.value.pageNo = 1
|
|
|
loadList()
|
|
loadList()
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+function handleReset() {
|
|
|
|
|
+ handleTimeChange('year')
|
|
|
|
|
+ selectType(undefined)
|
|
|
|
|
+}
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
<template>
|
|
@@ -284,16 +289,19 @@ function selectType(type: string) {
|
|
|
</div>
|
|
</div>
|
|
|
</section>
|
|
</section>
|
|
|
</div>
|
|
</div>
|
|
|
- <el-button-group size="default">
|
|
|
|
|
- <el-button
|
|
|
|
|
- v-for="item in timeOptions"
|
|
|
|
|
- :key="item.value"
|
|
|
|
|
- :type="activeTimeType === item.value ? 'primary' : ''"
|
|
|
|
|
- @click="handleTimeChange(item.value)"
|
|
|
|
|
- >
|
|
|
|
|
- {{ item.label }}
|
|
|
|
|
- </el-button>
|
|
|
|
|
- </el-button-group>
|
|
|
|
|
|
|
+ <div class="flex justify-between gap-4">
|
|
|
|
|
+ <el-button-group size="default">
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ v-for="item in timeOptions"
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ :type="activeTimeType === item.value ? 'primary' : ''"
|
|
|
|
|
+ @click="handleTimeChange(item.value)"
|
|
|
|
|
+ >
|
|
|
|
|
+ {{ item.label }}
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ </el-button-group>
|
|
|
|
|
+ <el-button size="default" @click="handleReset">重置</el-button>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="bg-white dark:bg-[#1d1e1f] shadow rounded-lg p-4 flex flex-col mt-4">
|
|
<div class="bg-white dark:bg-[#1d1e1f] shadow rounded-lg p-4 flex flex-col mt-4">
|
|
|
<div class="flex-1 relative">
|
|
<div class="flex-1 relative">
|