From 7cf85ad3023d84ac6f80cb535f629f37703bd5d6 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期二, 23 四月 2024 10:36:42 +0800 Subject: [PATCH] 添加数据统计 --- src/components/Home/Team.vue | 97 +++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 79 insertions(+), 18 deletions(-) diff --git a/src/components/Home/Team.vue b/src/components/Home/Team.vue index 381357c..285d73b 100644 --- a/src/components/Home/Team.vue +++ b/src/components/Home/Team.vue @@ -1,17 +1,14 @@ <template> <a-card title="各地区统计数据"> <div class="item" v-for="(item, index) in lists" :key="'team' + index"> - <a-tooltip overlayClassName="tip"> - <template #title> - 数据统计模块待呈现 - </template> - <a style="border: 1px solid #1890ff;padding: 5px 8px;border-radius: 5px;">{{ item.title }}</a> - </a-tooltip> + <a style="border: 1px solid #1890ff;padding: 5px 8px;border-radius: 5px;" @click="toDetails(item.name)">{{ item.title }}</a> </div> </a-card> </template> <script> +import dataStatistic from "@/views/Admin/dataStatistic"; + export default { name: 'Team', data () { @@ -19,35 +16,99 @@ lists: [ { title: '全疆汇总', - url:'' + name: '新疆维吾尔自治区', + url:'' }, { title: '乌鲁木齐市', - url:'' + name: '乌鲁木齐市', + url:'' + }, + { + title: '克拉玛依市', + name: '克拉玛依市', + url:'' }, { title: '吐鲁番市', - url:'' + name: '吐鲁番市', + url:'' }, { - title: '昌吉市', - url:'' + title: '哈密市', + name: '哈密市', + url:'' + }, + { + title: '昌吉回族自治州', + name: '昌吉回族自治州', + url:'' + }, + { + title: '博尔塔拉蒙古自治州', + name: '博尔塔拉蒙古自治州', + url:'' }, { title: '巴音郭楞蒙古自治州', - url:'' - }, - { - title: '伊犁哈萨克自治州', - url:'' + name: '巴音郭楞蒙古自治州', + url:'' }, { title: '阿克苏地区', - url:'' + name: '阿克苏地区', + url:'' }, + { + title: '克孜勒苏柯尔克孜自治州', + name: '克孜勒苏柯尔克孜自治州', + url:'' + }, + { + title: '喀什地区', + name: '喀什地区', + url:'' + }, + { + title: '和田地区', + name: '和田地区', + url:'' + }, + { + title: '伊犁哈萨克自治州', + name: '伊犁哈萨克自治州', + url:'' + }, + { + title: '塔城地区', + name: '塔城地区', + url:'' + }, + { + title: '阿勒泰地区', + name: '阿勒泰地区', + url:'' + }, + { + title: '自治区直辖县级行政区划', + name: '自治区直辖县级行政区划', + url:'' + } ] } - } + }, + methods: { + toDetails(name){ + this.$router.push( + { + name: 'dataStatistic', + query: { + name: name + } + } + ) + } + }, } </script> -- Gitblit v1.9.2