From 194c9e59dfecd8c50c00790f657798aa63dba97c Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Mon, 15 Jan 2024 19:56:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=96=B0=E7=9A=84=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E7=BB=9F=E8=AE=A1=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/layout/AiDvSummary/AiDvSummary.vue |  2 +
 .../AiDvSummary/components/Summary19.vue      | 75 +++++++++++++++++++
 .../designer/components/componentConfig.vue   |  2 +-
 3 files changed, 78 insertions(+), 1 deletion(-)
 create mode 100644 components/layout/AiDvSummary/components/Summary19.vue

diff --git a/components/layout/AiDvSummary/AiDvSummary.vue b/components/layout/AiDvSummary/AiDvSummary.vue
index eb4c8026..63de4002 100644
--- a/components/layout/AiDvSummary/AiDvSummary.vue
+++ b/components/layout/AiDvSummary/AiDvSummary.vue
@@ -25,11 +25,13 @@ import Summary15 from './components/Summary15'
 import Summary16 from './components/Summary16'
 import Summary17 from './components/Summary17'
 import Summary18 from './components/Summary18'
+import Summary19 from "./components/Summary19";
 
 export default {
   name: 'AiDvSummary',
 
   components: {
+    Summary19,
     Summary0,
     Summary1,
     Summary2,
diff --git a/components/layout/AiDvSummary/components/Summary19.vue b/components/layout/AiDvSummary/components/Summary19.vue
new file mode 100644
index 00000000..a43efc5f
--- /dev/null
+++ b/components/layout/AiDvSummary/components/Summary19.vue
@@ -0,0 +1,75 @@
+<template>
+  <div class="summary19">
+    <div class="summary19-item" v-for="(item, index) in data" :key="index" v-if="index < 4">
+      <div v-text="item[keys]"/>
+      <span v-text="item[value]"/>
+      <p v-if="item.unit" v-text="item.unit"/>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'summary19',
+
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+
+    keys: {
+      type: String,
+      default: 'key'
+    },
+
+    value: {
+      type: String,
+      default: 'value'
+    }
+  },
+
+  data() {
+    return {}
+  },
+
+  methods: {}
+}
+</script>
+
+<style lang="scss" scoped>
+$theme-color: #23ECFD;
+.summary19 {
+  height: 100%;
+  padding: 18px 14px;
+  background: hsla(0, 0%, 100%, .04);
+  margin: -16px 16px auto;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+
+  div {
+    box-sizing: border-box;
+  }
+
+  .summary19-item {
+    display: flex;
+    align-items: baseline;
+    gap: 4px;
+    font-size: 12px;
+
+    span {
+      font-family: D-DIN;
+      font-size: 18px;
+      color: $theme-color;
+    }
+
+    p {
+      color: $theme-color;
+    }
+
+    &:nth-of-type(2n) {
+      justify-self: flex-end;
+    }
+  }
+}
+</style>
diff --git a/packages/bigscreen/designer/components/componentConfig.vue b/packages/bigscreen/designer/components/componentConfig.vue
index 73619a5b..304d5fe5 100644
--- a/packages/bigscreen/designer/components/componentConfig.vue
+++ b/packages/bigscreen/designer/components/componentConfig.vue
@@ -226,7 +226,7 @@ export default {
         'border11', 'border12', 'border13'],//边框待选项
       summaryList: ['summary0', 'summary1', 'summary2', 'summary3', 'summary4', 'summary6', 'summary5',
         'summary7', 'summary8', 'summary9', 'summary10', 'summary11', 'summary12', 'summary13', 'summary14',
-        'summary15', 'summary16', 'summary17', 'summary18'],//汇总待选项
+        'summary15', 'summary16', 'summary17', 'summary18','summary19'],//汇总待选项
       //是否显示排名
       tableStatus: [
         {label: '是', value: '1'},