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 | 39 ++++++++++++++++++++++++++-------------
1 files changed, 26 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 f4a54d2..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 bg-white flex-col" style="display: flex">
- <div class=" bg-white rounded flex-0">
+ <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 min-h-[600px]">
- <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">
@@ -52,6 +60,8 @@
const emit = defineEmits(['close']);
const activeNames = ref(['1']);
const { disableTooltip, textMouseOver } = useTextOverflow();
+
+
const handleChange = (val) => {};
const closeClick = () => {
@@ -89,14 +99,14 @@
const otype = feature.get('otype');
const oname = feature.get('oname');
if (!otype) return;
-
+
const otypeProperty = props.propertyMap?.[otype] ?? {};
- console.log("馃殌 ~ otypeProperty:", otypeProperty)
- propertyTitle.value = otypeProperty.title;
+ console.log('馃殌 ~ otypeProperty:', otypeProperty);
+ propertyTitle.value = `${otypeProperty.title}: ${oname}`;
const vpropsMap = otypeProperty.vprops ?? {};
- console.log("馃殌 ~ vpropsMap:", vpropsMap)
+ console.log('馃殌 ~ vpropsMap:', vpropsMap);
const config = props.propertyConfigMap?.[otype] ?? {};
- console.log("馃殌 ~ config:", config)
+ console.log('馃殌 ~ config:', config);
const specialList = ['ONAME', 'OTYPE'];
const vpropsList: any[] = [];
@@ -145,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