面包屑

src/xt_pages/dialysis/bulletinBoard.vue

@@ -1,26 +1,43 @@
 <template>
+ <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+    </div>
     <div class="app-container" id="dialysis-board-box" >
         <el-row>
             <el-button type="primary" @click="fullscreenboard"> 全屏投影</el-button>
         </el-row>
         <bulletinboard></bulletinboard>
     </div>
+ </div>
 </template>
 
 <script>
 import { getBoards } from "@/api/board";
 import bulletinboard from "./components/bulletinboard";
 import { parseTime } from "@/utils";
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
 
 export default {
-    components: { bulletinboard },
     name: 'bulletinBoard',
+    data() {
+        return {
+        crumbs:[
+            {path:false, name:'透析管理'},
+            {path:false, name:'数据看板'},
+        ],
+        }
+    },
     
     methods:{
         fullscreenboard:function(){
             let routeData = this.$router.resolve({ path: '/fullscreenboard'});
             window.open(routeData.href, '_blank');
         },
-    }
+    },
+  components: {
+      BreadCrumb,
+      bulletinboard
+  }
 }
 </script>