|
|
|
@ -8,7 +8,7 @@ const route = useRoute() |
|
|
|
const loading =ref(false) |
|
|
|
const loading =ref(false) |
|
|
|
const total =ref(10) |
|
|
|
const total =ref(10) |
|
|
|
const tableData =ref([]) |
|
|
|
const tableData =ref([]) |
|
|
|
const activeTab = ref(route.query.specialArea === 'cwlnt' ? 'cwlnt' : route.query.warningState === '1' ? '1' : '0') |
|
|
|
const activeTab = ref(route.query.specialArea === 'cwlnt' ? 'cwlnt' : route.query.warningState === '1' ? '1' : 'all') |
|
|
|
const query = ref({ |
|
|
|
const query = ref({ |
|
|
|
size: Number(route.query.size) || 10, |
|
|
|
size: Number(route.query.size) || 10, |
|
|
|
current: Number(route.query.current) || 1, |
|
|
|
current: Number(route.query.current) || 1, |
|
|
|
@ -22,6 +22,9 @@ const handleClick = (tab)=>{ |
|
|
|
if (tab.props.name === 'cwlnt') { |
|
|
|
if (tab.props.name === 'cwlnt') { |
|
|
|
query.value.specialArea = 'cwlnt' |
|
|
|
query.value.specialArea = 'cwlnt' |
|
|
|
query.value.warningState = '' |
|
|
|
query.value.warningState = '' |
|
|
|
|
|
|
|
} else if (tab.props.name === 'all') { |
|
|
|
|
|
|
|
query.value.specialArea = '' |
|
|
|
|
|
|
|
query.value.warningState = '' |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
query.value.specialArea = '' |
|
|
|
query.value.specialArea = '' |
|
|
|
query.value.warningState = tab.props.name |
|
|
|
query.value.warningState = tab.props.name |
|
|
|
@ -33,13 +36,13 @@ const reset =()=>{ |
|
|
|
query.value={ |
|
|
|
query.value={ |
|
|
|
size:10, |
|
|
|
size:10, |
|
|
|
current:1, |
|
|
|
current:1, |
|
|
|
warningState: '0', |
|
|
|
warningState: '', |
|
|
|
specialArea: '' |
|
|
|
specialArea: '' |
|
|
|
} |
|
|
|
} |
|
|
|
activeTab.value = '0' |
|
|
|
activeTab.value = 'all' |
|
|
|
getList(); |
|
|
|
getList(); |
|
|
|
} |
|
|
|
} |
|
|
|
const warningStateDisabled = computed(() => activeTab.value !== 'cwlnt') |
|
|
|
const warningStateDisabled = computed(() => activeTab.value !== 'cwlnt' && activeTab.value !== 'all') |
|
|
|
const getList = async ()=>{ |
|
|
|
const getList = async ()=>{ |
|
|
|
loading.value=true |
|
|
|
loading.value=true |
|
|
|
const res = await warningPage(query.value) |
|
|
|
const res = await warningPage(query.value) |
|
|
|
@ -123,6 +126,7 @@ watch(()=>route.query.load,(val)=>{ |
|
|
|
<el-select v-model="query.warningState" :disabled="warningStateDisabled" clearable> |
|
|
|
<el-select v-model="query.warningState" :disabled="warningStateDisabled" clearable> |
|
|
|
<el-option label="已预警" value="1"></el-option> |
|
|
|
<el-option label="已预警" value="1"></el-option> |
|
|
|
<el-option label="待预警" value="0"></el-option> |
|
|
|
<el-option label="待预警" value="0"></el-option> |
|
|
|
|
|
|
|
<el-option label="全部" value=""></el-option> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
@ -143,6 +147,7 @@ watch(()=>route.query.load,(val)=>{ |
|
|
|
<el-main > |
|
|
|
<el-main > |
|
|
|
<div class="table-container" v-loading="loading" > |
|
|
|
<div class="table-container" v-loading="loading" > |
|
|
|
<el-tabs v-model="activeTab" @tab-click="handleClick"> |
|
|
|
<el-tabs v-model="activeTab" @tab-click="handleClick"> |
|
|
|
|
|
|
|
<el-tab-pane label="全部项目" name="all"></el-tab-pane> |
|
|
|
<el-tab-pane label="待预警" name="0"></el-tab-pane> |
|
|
|
<el-tab-pane label="待预警" name="0"></el-tab-pane> |
|
|
|
<el-tab-pane label="已预警" name="1"></el-tab-pane> |
|
|
|
<el-tab-pane label="已预警" name="1"></el-tab-pane> |
|
|
|
<el-tab-pane label="长望浏宁" name="cwlnt"></el-tab-pane> |
|
|
|
<el-tab-pane label="长望浏宁" name="cwlnt"></el-tab-pane> |
|
|
|
|