From e792d4d46e406da8d0a4ae8ad97db34a95f1c66a Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期一, 10 二月 2025 17:31:08 +0800
Subject: [PATCH] 高亮问题
---
src/components/chat/chatComponents/summaryCom/components/recordSetTable/map/panelTool/PropertyPanel.vue | 47 ++++++++++++++++++++++++++++++++++-------------
1 files changed, 34 insertions(+), 13 deletions(-)
diff --git a/src/components/chat/chatComponents/summaryCom/components/recordSetTable/map/panelTool/PropertyPanel.vue b/src/components/chat/chatComponents/summaryCom/components/recordSetTable/map/panelTool/PropertyPanel.vue
index 6d7fbe6..272cbdc 100644
--- a/src/components/chat/chatComponents/summaryCom/components/recordSetTable/map/panelTool/PropertyPanel.vue
+++ b/src/components/chat/chatComponents/summaryCom/components/recordSetTable/map/panelTool/PropertyPanel.vue
@@ -1,14 +1,14 @@
<template>
- <div class="property-panel">
- <div class="w-[370px] bg-white p-3 rounded">
+ <div class="property-panel bg-white flex-col w-[340px]" style="display: flex">
+ <div class="bg-white rounded flex-0 h-full flex flex-col">
<div class="header flex-items-center pb-1.5" style="border-bottom: 1px solid black">
- <div class="flex-items-center">
- <span class="ywifont ywicon-guanbi cursor-pointer mr-1.5" @click="closeClick"></span>
- <span class="text-lg font-bold">{{ propertyTitle }}</span>
+ <div class="flex-items-center w-full">
+ <span class="ywifont ywicon-guanbi cursor-pointer mr-1.5 flex-0" @click="closeClick"></span>
+ <span class="text-lg font-bold over-ellipsis flex-auto">{{ propertyTitle }}</span>
</div>
</div>
- <div class="content rounded-lg max-h-[700px] overflow-y-auto">
- <el-collapse v-model="activeNames" @change="handleChange" class="mt-2 h-full">
+ <div class="content rounded-lg overflow-y-auto mt-2">
+ <el-collapse v-model="activeNames" @change="handleChange" class="h-full">
<el-collapse-item v-for="group in propertyGroupList" :key="group.type" :title="group.title" :name="group.type" class="">
<el-table
class="collapse-table"
@@ -20,7 +20,15 @@
>
<el-table-column prop="date" label="Date" min-width="40%" show-overflow-tooltip>
<template #default="scope">
- {{ scope.row.info.title }}
+
+ <div v-if="scope.row.info.unit" class="flex-items-center">
+ <el-tooltip :disabled="disableTooltip" effect="dark" :content="scope.row.info.title" placement="top-start">
+ <span class="over-ellipsis " @mouseover="textMouseOver($event)"> {{ scope.row.info.title }}</span>
+ </el-tooltip>
+
+ <span> {{`锛�${scope.row.info.unit}锛塦}}</span>
+ </div>
+ <span v-else>{{ scope.row.info.title }}</span>
</template>
</el-table-column>
<el-table-column prop="name" label="Name">
@@ -53,6 +61,8 @@
const activeNames = ref(['1']);
const { disableTooltip, textMouseOver } = useTextOverflow();
+
+
const handleChange = (val) => {};
const closeClick = () => {
emit('close');
@@ -81,14 +91,22 @@
}
};
const featureClick = (feature: Feature) => {
+ if (!feature) {
+ propertyGroupList.value = [];
+ propertyTitle.value = '鏃犻�変腑瀵硅薄';
+ return;
+ }
const otype = feature.get('otype');
const oname = feature.get('oname');
- console.log("馃殌 ~ feature:", feature)
if (!otype) return;
+
const otypeProperty = props.propertyMap?.[otype] ?? {};
- propertyTitle.value = otypeProperty.title;
+ console.log('馃殌 ~ otypeProperty:', otypeProperty);
+ propertyTitle.value = `${otypeProperty.title}: ${oname}`;
const vpropsMap = otypeProperty.vprops ?? {};
+ console.log('馃殌 ~ vpropsMap:', vpropsMap);
const config = props.propertyConfigMap?.[otype] ?? {};
+ console.log('馃殌 ~ config:', config);
const specialList = ['ONAME', 'OTYPE'];
const vpropsList: any[] = [];
@@ -108,12 +126,12 @@
vpropsList.push(item.vprop);
info = {
...info,
- value:null
- }
+ value: null,
+ };
}
return {
...item,
- info
+ info,
};
});
return group;
@@ -137,6 +155,9 @@
border-top: unset;
border-bottom: unset;
.el-collapse-item {
+ :deep(.el-collapse-item__wrap) {
+ border: none;
+ }
:deep(.el-collapse-item__header) {
background-color: #e5e5e5;
padding-left: 4px;
--
Gitblit v1.9.3