review:【IoT 物联网】场景联动的部分 review

This commit is contained in:
YunaiV
2025-07-18 23:55:51 +08:00
parent a72c297e86
commit bbd38e026b
23 changed files with 383 additions and 397 deletions

View File

@ -15,19 +15,10 @@
<!-- 描述模板 -->
<teleport to="body">
<div
v-if="showTemplates"
ref="templateDropdownRef"
class="templates"
:style="dropdownStyle"
>
<div v-if="showTemplates" ref="templateDropdownRef" class="templates" :style="dropdownStyle">
<div class="templates-header">
<span class="templates-title">描述模板</span>
<el-button
type="text"
size="small"
@click="showTemplates = false"
>
<el-button type="text" size="small" @click="showTemplates = false">
<Icon icon="ep:close" />
</el-button>
</div>
@ -45,13 +36,10 @@
</div>
</teleport>
<!-- TODO @puhui999不用模版哈简单点 -->
<!-- 模板按钮 -->
<div v-if="!localValue && !showTemplates" class="template-trigger">
<el-button
type="text"
size="small"
@click="toggleTemplates"
>
<el-button type="text" size="small" @click="toggleTemplates">
<Icon icon="ep:document" class="mr-1" />
使用模板
</el-button>
@ -163,8 +151,12 @@ const toggleTemplates = () => {
// 点击外部关闭下拉框
const handleClickOutside = (event: Event) => {
if (templateDropdownRef.value && !templateDropdownRef.value.contains(event.target as Node) &&
inputRef.value && !inputRef.value.$el.contains(event.target as Node)) {
if (
templateDropdownRef.value &&
!templateDropdownRef.value.contains(event.target as Node) &&
inputRef.value &&
!inputRef.value.$el.contains(event.target as Node)
) {
showTemplates.value = false
}
}