feat: scheduling timeline

src/router/index.js

@@ -121,7 +121,6 @@ export const asyncRoutes = [
     ]
   },
   {
-    dev: !__PREVIEW__,
     path: '/dm',
     component: Layout,
     meta: { title: '大屏设备', icon: 'el-icon-monitor' },

src/views/schedule/timeline/index.vue

@@ -8,7 +8,9 @@
     <div class="l-flex__none l-flex c-device-detail has-bottom-padding">
       <div
         class="l-flex__none c-device-detail__screen o-program"
+        :class="{ 'u-pointer': program }"
         :style="programStyle"
+        @click="toView"
       />
       <div class="l-flex__auto l-flex--col">
         <div class="l-flex__none c-device-detail__name u-ellipsis">{{ deivceName }}</div>
@@ -493,19 +495,21 @@ export default {
       }
     },
     toView () {
-      switch (this.program.origin.type) {
-        case ScheduleType.CALENDAR:
-          window.open(this.$router.resolve({
-            name: 'view',
-            params: { id: this.program.origin.id }
-          }).href, '_blank')
-          break
-        case ScheduleType.RECUR:
-          this.scheduleId = this.program.origin.id
-          this.isPreview = true
-          break
-        default:
-          break
+      if (this.program) {
+        switch (this.program.origin.type) {
+          case ScheduleType.CALENDAR:
+            window.open(this.$router.resolve({
+              name: 'view',
+              params: { id: this.program.origin.id }
+            }).href, '_blank')
+            break
+          case ScheduleType.RECUR:
+            this.scheduleId = this.program.origin.id
+            this.isPreview = true
+            break
+          default:
+            break
+        }
       }
     },
     handleCloseScheduleDialog () {