diff --git a/dist.zip b/dist.zip new file mode 100644 index 0000000..872a580 Binary files /dev/null and b/dist.zip differ diff --git a/src/view/analyze.vue b/src/view/analyze.vue index e89d85a..7eadcc1 100644 --- a/src/view/analyze.vue +++ b/src/view/analyze.vue @@ -178,6 +178,14 @@ + + @@ -240,6 +250,7 @@ import { onBeforeUnmount, computed, } from "vue"; +import personDetail from "./person/index.vue"; import Dialog from "./dialog/dialog.vue"; import DialogEnrol from "./dialog/dialogEnrol.vue"; import DialogElderly from "./dialog/diaLogElderlyData.vue"; @@ -268,6 +279,22 @@ import jypx1 from "@/assets/images/sjfx/pxrc.png"; import jypx2 from "@/assets/images/sjfx/gygws.png"; import tools from "@/utils/tools"; const showR = ref(false); //loading +const personnelDetails = ref(false); //集聚类型分布人员详情 +//是否打开人物详情 +const openD = ref(false); +const message = ref({}); +//打开人物详情页面 +const openMessage = (e) => { + // console.log("人物详情页面", e); + + message.value = e; + openD.value = true; +}; +//关闭人物详情页面 +const closeDetail = () => { + openD.value = false; +}; + // 入学分析数据 const dialogShowEnrol = ref(false); const dialogShowElderly = ref(false); @@ -621,6 +648,7 @@ const jsSj = (name, index) => { getzrzc(name, 1); } tableType.columns = columns["聚集数据"].column; + personnelDetails.value = true; dialogShow.value = true; }; const getzrzc = (name, bq) => { @@ -996,7 +1024,7 @@ const getData = async () => { }; onMounted(() => { - // tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d"); + tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d"); startAutoSwitching(); }); @@ -1546,4 +1574,7 @@ onBeforeUnmount(() => { :deep(.el-table .el-table__row) { border-bottom: none; } +.detail { + z-index: 99999; +} diff --git a/src/view/dialog/dialog.vue b/src/view/dialog/dialog.vue index d29948a..d907bd9 100644 --- a/src/view/dialog/dialog.vue +++ b/src/view/dialog/dialog.vue @@ -46,6 +46,7 @@ height="100%" :key="tableKey" :header-cell-style="{ background: '#008FCD' }" + @row-click="handleRowClick" >