From 82bd4af60528c3021aa1295d074dd22568118015 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Wed, 18 Oct 2023 15:22:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=B9=B3=E6=98=8C=E5=9C=B0?=
 =?UTF-8?q?=E5=9B=BE=E5=9B=BE=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/AiDvRender.vue                            | 12 ++++++++++++
 .../designer/components/componentConfig.vue          |  6 ++++++
 2 files changed, 18 insertions(+)

diff --git a/components/AiDvRender.vue b/components/AiDvRender.vue
index 78c5958d..0b344a0a 100644
--- a/components/AiDvRender.vue
+++ b/components/AiDvRender.vue
@@ -52,6 +52,7 @@
           <div class="corn" v-for="i in 4" :key="i"/>
           <div ref="mapInfoWin"/>
         </div>
+        <div v-if="data.showPingchangMapLegend" class="pingchangMapLegend"/>
       </ai-map>
       <ai-monitor :src="data.src" v-else-if="currentType === 'monitor'" :type="data.monitorType"/>
       <video style="width: 100%; height: 100%; object-fit: fill;" loop :src="data.src" autoplay
@@ -345,5 +346,16 @@ export default {
       }
     }
   }
+
+  .pingchangMapLegend {
+    width: 429px;
+    height: 45px;
+    background: url("https://cdn.cunwuyun.cn/pingchang/pingchangMapLegend.png");
+    position: absolute;
+    bottom: 32px;
+    left: 50%;
+    transform: translateX(-50%);
+    backdrop-filter: blur(10px);
+  }
 }
 </style>
diff --git a/packages/bigscreen/designer/components/componentConfig.vue b/packages/bigscreen/designer/components/componentConfig.vue
index ea328e70..73619a5b 100644
--- a/packages/bigscreen/designer/components/componentConfig.vue
+++ b/packages/bigscreen/designer/components/componentConfig.vue
@@ -185,6 +185,12 @@
               <ai-select v-model="config.is3dAround" :selectList="dict.getDict('yesOrNo')"/>
             </div>
           </div>
+          <div class="layout-config__item layout-config__item--input">
+            <label>显示图例</label>
+            <div class="layout-config__item--right">
+              <ai-select v-model="config.showPingchangMapLegend" :selectList="dict.getDict('yesOrNo')"/>
+            </div>
+          </div>
         </template>
         <div class="layout-config__item" v-if="config.type === 'summary'">
           <label>数据汇总</label>