openatc-components 0.5.9 → 0.5.11

package/src/views/home.vue

@@ -1,93 +1,93 @@
-<template>
-  <div id="test1">
-    <div>
-      <phase-marker :params="params"
-                  :dirshow="dirshow"
-                  :showLevel="showLevel"
-      ></phase-marker>
-    </div>
-    <div style="height: 100px;">
-      <xdr-dir-selector Width="300px"
-                      Height="300px"
-                      :showlist="dirshow"></xdr-dir-selector>
-    </div>
-    <div>
-      <phase-direction-text :phaseidArray="phaseidArray" agentid="12006_423" />
-    </div>
-    <div style="width: 200px;">
-      <phase-direction-select agentid="12006_423" @getSelectPhaseId="getSelectPhaseId" @getSelectPhaseInfo="getSelectPhaseInfo" />
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      params: {
-        countdown: 0,
-        split: 0,
-        control: 0,
-        cycle: 0,
-        offset: 0,
-        curpattern: 'NO PLAN'
-      },
-      showLevel: 3,
-      dirshow: [
-        {
-          id: 1,
-          color: '#77FB65'
-        }, {
-          id: 2,
-          color: '#E24B4B'
-        }
-      ],
-      datalist: [
-        {
-          value: 5,
-          name: '测试',
-          color: '#77FB65'
-        },
-        {
-          value: 1,
-          name: '吃饭'
-        }
-      ],
-      mainwidth1: '400px',
-      mainheight1: '25px',
-      mainwidth: '400px',
-      mainheight: '25px',
-      display: true,
-      name: ['曹操', '刘备', '孙权'],
-      list1: [{value: 39, maxNum: 50}],
-      list2: [{value: 55, maxNum: 50}],
-      list3: [{value: 7, maxNum: 10, color: 'red'}, {value: 80, maxNum: 100}],
-      progressPercentage: 0,
-      curseconds: 0,
-      totalseconds: 86400,
-      starttime: '2019-04-25 00:00:00',
-      endtime: '2019-04-26 00:00:00',
-      phaseidArray: [1, 3]
-    }
-  },
-  methods: {
-    getSelectPhaseId (phaseid) {
-      console.log(phaseid)
-    },
-    getSelectPhaseInfo (phaseinfo) {
-      console.log(phaseinfo)
-    }
-  },
-  watch: {
-  },
-  mounted () {
-  }
-}
-</script>
-<style scoped>
-.wrap {
-  /* background: #333333; */
-  width: 100%;
-  height: 100%;
-}
-</style>
+<template>
+  <div id="test1">
+    <div>
+      <phase-marker :params="params"
+                  :dirshow="dirshow"
+                  :showLevel="showLevel"
+      ></phase-marker>
+    </div>
+    <div style="height: 100px;">
+      <xdr-dir-selector Width="300px"
+                      Height="300px"
+                      :showlist="dirshow"></xdr-dir-selector>
+    </div>
+    <div>
+      <phase-direction-text :phaseidArray="phaseidArray" agentid="12006_423" />
+    </div>
+    <div style="width: 200px;">
+      <phase-direction-select agentid="12006_423" @getSelectPhaseId="getSelectPhaseId" @getSelectPhaseInfo="getSelectPhaseInfo" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      params: {
+        countdown: 0,
+        split: 0,
+        control: 0,
+        cycle: 0,
+        offset: 0,
+        curpattern: 'NO PLAN'
+      },
+      showLevel: 3,
+      dirshow: [
+        {
+          id: 1,
+          color: '#77FB65'
+        }, {
+          id: 2,
+          color: '#E24B4B'
+        }
+      ],
+      datalist: [
+        {
+          value: 5,
+          name: '测试',
+          color: '#77FB65'
+        },
+        {
+          value: 1,
+          name: '吃饭'
+        }
+      ],
+      mainwidth1: '400px',
+      mainheight1: '25px',
+      mainwidth: '400px',
+      mainheight: '25px',
+      display: true,
+      name: ['曹操', '刘备', '孙权'],
+      list1: [{value: 39, maxNum: 50}],
+      list2: [{value: 55, maxNum: 50}],
+      list3: [{value: 7, maxNum: 10, color: 'red'}, {value: 80, maxNum: 100}],
+      progressPercentage: 0,
+      curseconds: 0,
+      totalseconds: 86400,
+      starttime: '2019-04-25 00:00:00',
+      endtime: '2019-04-26 00:00:00',
+      phaseidArray: [1, 3]
+    }
+  },
+  methods: {
+    getSelectPhaseId (phaseid) {
+      console.log(phaseid)
+    },
+    getSelectPhaseInfo (phaseinfo) {
+      console.log(phaseinfo)
+    }
+  },
+  watch: {
+  },
+  mounted () {
+  }
+}
+</script>
+<style scoped>
+.wrap {
+  /* background: #333333; */
+  width: 100%;
+  height: 100%;
+}
+</style>