标题组件正在开发

project/biaopin/dv/weiyang/AppDvWeiyang.vue

@@ -1,8 +1,10 @@
 <script>
 import {mapState} from "vuex"
+import SubHeader from "./comps/subHeader.vue";
 
 export default {
   name: "AppDvWeiyang",
+  components: {SubHeader},
   label: "未央最新定制大屏",
   props: {
     instance: Function,
@@ -58,12 +60,24 @@ export default {
         <div class="item" v-for="(e,i) in Array(4)" :key="i"></div>
       </div>
       <div class="d"></div>
-      <div class="e"></div>
+      <div class="e">
+        <sub-header title="五条工作链"/>
+      </div>
       <div class="f"></div>
-      <div class="g"></div>
-      <div class="h"></div>
-      <div class="i"></div>
-      <div class="j"></div>
+      <div class="g">
+        <sub-header title="工单分类"/>
+      </div>
+      <div class="h">
+        <sub-header title="全区积分排名(前10)"/>
+      </div>
+      <div class="i">
+        <sub-header title="居民统计">
+          <div class="info pad-r8" slot="right" v-text="`按街道进行汇总统计`"/>
+        </sub-header>
+      </div>
+      <div class="j">
+        <sub-header title="特殊人群数量统计"/>
+      </div>
     </template>
   </section>
 </template>
@@ -134,5 +148,10 @@ export default {
       grid-column: 1/3
     }
   }
+
+  .info {
+    font-size: 12px;
+    color: #BDCCDB;
+  }
 }
 </style>