|
@@ -143,7 +143,7 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup>
|
|
<script lang="ts" setup>
|
|
-import { ref, onMounted } from 'vue';
|
|
|
|
|
|
+import { ref, reactive, onMounted } from 'vue';
|
|
import { option8 } from './echartOptions';
|
|
import { option8 } from './echartOptions';
|
|
import { getTowerStatus, getTowerWarn, getTowerAbnormal } from '@/api/globalMap/TowerStatus';
|
|
import { getTowerStatus, getTowerWarn, getTowerAbnormal } from '@/api/globalMap/TowerStatus';
|
|
|
|
|
|
@@ -167,31 +167,40 @@ const fetchAbnormalRateData = async () => {
|
|
});
|
|
});
|
|
};
|
|
};
|
|
// 各区县告警类型分析
|
|
// 各区县告警类型分析
|
|
-// true 降序
|
|
|
|
const queryParams = reactive({
|
|
const queryParams = reactive({
|
|
- sortName: '',
|
|
|
|
- sort: ''
|
|
|
|
|
|
+ order_by: 'ffjr',
|
|
|
|
+ sort: 'asc'
|
|
});
|
|
});
|
|
const rangeData = ref([]);
|
|
const rangeData = ref([]);
|
|
|
|
+
|
|
|
|
+// 获取告警类型分析数据的方法
|
|
const townshipList = async () => {
|
|
const townshipList = async () => {
|
|
- getTowerWarn().then((res) => {
|
|
|
|
- rangeData.value = res.rows;
|
|
|
|
- });
|
|
|
|
-};
|
|
|
|
-const handleSort = (type: string) => {
|
|
|
|
- if (type === queryParams.sortName) {
|
|
|
|
- if (queryParams.sort === 'desc') {
|
|
|
|
- queryParams.sort = 'asc';
|
|
|
|
- } else if (queryParams.sort === 'asc') {
|
|
|
|
- queryParams.sort = '';
|
|
|
|
|
|
+ const data = {
|
|
|
|
+ query: {
|
|
|
|
+ order_by: queryParams.order_by,
|
|
|
|
+ sort: queryParams.sort
|
|
|
|
+ }
|
|
|
|
+ };
|
|
|
|
+ try {
|
|
|
|
+ const response = await getTowerWarn(data);
|
|
|
|
+ if (response.code === 0 && response.rows) {
|
|
|
|
+ rangeData.value = response.rows;
|
|
} else {
|
|
} else {
|
|
- queryParams.sort = 'desc';
|
|
|
|
|
|
+ console.error('获取告警类型分析数据失败:', response.msg);
|
|
}
|
|
}
|
|
|
|
+ } catch (error) {
|
|
|
|
+ console.error('请求告警类型分析数据失败:', error);
|
|
|
|
+ }
|
|
|
|
+};
|
|
|
|
+// 处理排序
|
|
|
|
+const handleSort = (type: string) => {
|
|
|
|
+ if (type === queryParams.order_by) {
|
|
|
|
+ queryParams.sort = queryParams.sort === 'asc' ? 'desc' : 'asc';
|
|
} else {
|
|
} else {
|
|
- queryParams.sortName = type;
|
|
|
|
- queryParams.sort = 'desc';
|
|
|
|
|
|
+ queryParams.order_by = type;
|
|
|
|
+ queryParams.sort = 'asc'; // 默认设置为升序
|
|
}
|
|
}
|
|
- townshipList();
|
|
|
|
|
|
+ townshipList(); // 重新获取数据
|
|
};
|
|
};
|
|
// 影响分析
|
|
// 影响分析
|
|
const analyzeData = ref([
|
|
const analyzeData = ref([
|