update

src/views/enterpriseTopic/components/colWrap.vue

@@ -0,0 +1,49 @@
+<template>
+  <div class="screenCol">
+    <div class="screenName">
+      <div class="screenIcon"></div>
+      <div class="screenNameText">{{ title }}</div>
+    </div>
+    <div class="screenChart">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: () => {
+        return "";
+      },
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+<style lang="less">
+.screenCol {
+}
+</style>
+<style lang="scss">
+@import "@/loveflow/assets/index.scss";
+.screenCol {
+  height: vh(36);
+  .screenIcon {
+    width: vw(24);
+    height: vh(24);
+    background: url("~@/assets/images/screen/riskIcon.png") no-repeat center
+      center;
+    background-size: 100% 100%;
+  }
+  .screenNameText {
+    font-size: vh(16);
+  }
+
+  .screenChart {
+  }
+}
+</style>

src/views/enterpriseTopic/screen.vue

@@ -19,17 +19,17 @@
         </div>
       </div>
       <div class="riskRow btmRow">
-        <div class="riskCol mr18"></div>
-        <div class="riskCol"></div>
+        <colWrap class="mr18"></colWrap>
+        <colWrap></colWrap>
       </div>
     </div>
   </div>
 </template>
 <script>
 import headWrap from "@/views/home/head.vue";
-
+import colWrap from "@/views/enterpriseTopic/components/colWrap.vue";
 export default {
-  components: { headWrap },
+  components: { headWrap, colWrap },
   data() {
     return {};
   },