BI大屏下钻和日期拆分

src/views/bigscreenDesigner/viewer/index.vue

@@ -14,24 +14,39 @@
         v-model="widget.value"
         :index="index"
         :type="widget.type"
+        @oepnTheDrillView="oepnTheDrillView"
       />
     </div>
+    <el-dialog 
+      :title="''"
+       class="dialogDrillDrown dialogDrillDrownView" :visible.sync="visiableDrillView">
+    <drill-drown-view :screenData="screenData"></drill-drown-view>
+  </el-dialog>
   </div>
+
 </template>
 
 <script>
 import widget from "../designer/widget/temp";
+import DrillDrownView from "./drillDrownView";
+
 import { detailDashboard } from "@/api/bigscreen";
 export default {
   name: "Login",
   components: {
-    widget
+    widget,
+    DrillDrownView
   },
   data() {
     return {
       bigScreenStyle: {},
       dashboard:{},
-      widgets: []
+      widgets: [],
+      screenData:{
+          dashboard: {  },
+          widgets: []
+      },
+      visiableDrillView:false
     };
   },
   mounted() {
@@ -39,6 +54,10 @@ export default {
     window.onresize=this.Debounce(this.setScale,500);
   },
   methods: {
+    oepnTheDrillView(val){
+      this.screenData=val
+      this.visiableDrillView=true
+    },
     async getData() {
       const reportCode = this.$route.query.reportCode;
       const { code, data } = await detailDashboard(reportCode);
@@ -117,6 +136,18 @@ export default {
   height: 100%;
   text-align: center;
 }
+.dialogDrillDrownView .el-dialog{
+  width:auto;
+  margin-top:0 !important;
+  .el-dialog__body{
+    padding:0;
+    height:calc(100vh - 60px);
+    overflow-y:auto;
+  }
+   .el-dialog__header .el-dialog__headerbtn{
+  top: 6px;
+}
+}
 .bottom-text {
   width: 100%;
   color: #a0a0a0;