From 4e145e8435b0b303a56676f80725a0960f9115d5 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Tue, 6 Feb 2024 17:08:29 +0800
Subject: [PATCH] bigscreen style fixed

---
 components/layout/AiDvPanel/AiDvPanel.vue     |  2 ++
 .../layout/AiDvPanel/borders/border13.vue     |  1 +
 .../layout/AiDvPanel/borders/border15.vue     | 33 +++++++++++++++++++
 .../AiDvSummary/components/Summary19.vue      |  3 +-
 .../designer/components/componentConfig.vue   |  2 +-
 5 files changed, 38 insertions(+), 3 deletions(-)
 create mode 100644 components/layout/AiDvPanel/borders/border15.vue

diff --git a/components/layout/AiDvPanel/AiDvPanel.vue b/components/layout/AiDvPanel/AiDvPanel.vue
index 62645528..f9cef485 100644
--- a/components/layout/AiDvPanel/AiDvPanel.vue
+++ b/components/layout/AiDvPanel/AiDvPanel.vue
@@ -26,10 +26,12 @@ import border11 from "./borders/border11";
 import border12 from "./borders/border12";
 import border13 from "./borders/border13";
 import Border14 from "./borders/border14.vue";
+import Border15 from "./borders/border15.vue";
 
 export default {
   name: "AiDvPanel",
   components: {
+    Border15,
     Border14,
     Border0,
     Border1,
diff --git a/components/layout/AiDvPanel/borders/border13.vue b/components/layout/AiDvPanel/borders/border13.vue
index a85cfee5..25dc4fe4 100644
--- a/components/layout/AiDvPanel/borders/border13.vue
+++ b/components/layout/AiDvPanel/borders/border13.vue
@@ -21,6 +21,7 @@ export default {
 <style lang="scss" scoped>
 .border13 {
   height: 100%;
+  background: #7583900f;
 
   .border13-title {
     display: flex;
diff --git a/components/layout/AiDvPanel/borders/border15.vue b/components/layout/AiDvPanel/borders/border15.vue
new file mode 100644
index 00000000..722fe161
--- /dev/null
+++ b/components/layout/AiDvPanel/borders/border15.vue
@@ -0,0 +1,33 @@
+<template>
+  <section class="border15">
+    <h2>{{ title }}</h2>
+    <div class="slot">
+      <slot/>
+    </div>
+  </section>
+</template>
+<script>
+export default {
+  name: 'border15',
+  props: ['title', 'theme']
+}
+</script>
+
+<style lang="scss" scoped>
+.border15 {
+  height: 100%;
+
+  h2 {
+    font-size: 14px;
+    height: 30px;
+    line-height: 30px;
+    padding: 0 10px;
+    background-image: linear-gradient(270deg, rgba(31, 67, 102, 0), rgba(31, 78, 102, 0.4));
+    margin-bottom: 12px;
+  }
+
+  .slot {
+    height: calc(100% - 68px);
+  }
+}
+</style>
diff --git a/components/layout/AiDvSummary/components/Summary19.vue b/components/layout/AiDvSummary/components/Summary19.vue
index e184471e..d4d2f793 100644
--- a/components/layout/AiDvSummary/components/Summary19.vue
+++ b/components/layout/AiDvSummary/components/Summary19.vue
@@ -34,8 +34,7 @@ export default {
 <style lang="scss" scoped>
 $theme-color: #23ECFD;
 .summary19 {
-  height: 100%;
-  padding: 18px 14px;
+  padding: 22px 14px;
   background: hsla(0, 0%, 100%, .04);
   margin: -16px 16px auto;
   display: grid;
diff --git a/packages/bigscreen/designer/components/componentConfig.vue b/packages/bigscreen/designer/components/componentConfig.vue
index dc781041..1ea38345 100644
--- a/packages/bigscreen/designer/components/componentConfig.vue
+++ b/packages/bigscreen/designer/components/componentConfig.vue
@@ -242,7 +242,7 @@ export default {
   data() {
     return {
       borderList: ['border0', 'border1', 'border2', 'border3', 'border4', 'border5', 'border6', 'border7', 'border8', 'border9', 'border10',
-        'border11', 'border12', 'border13'],//边框待选项
+        'border11', 'border12', 'border13','border14','border15'],//边框待选项
       summaryList: ['summary0', 'summary1', 'summary2', 'summary3', 'summary4', 'summary6', 'summary5',
         'summary7', 'summary8', 'summary9', 'summary10', 'summary11', 'summary12', 'summary13', 'summary14',
         'summary15', 'summary16', 'summary17', 'summary18', 'summary19'],//汇总待选项