增加新的数据统计样式

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,

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>

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'},