emacroh5lib 1.0.0 → 1.0.3

package/src/views/ExcelExporter/index.less

@@ -0,0 +1,16 @@
+.app-container {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  background-color: aqua;
+}
+
+
+.click-button {
+  padding: 10px;
+  font-size: 16px;
+  color: white;
+  border-radius: 15px;
+  background-color: blue;
+}

package/src/views/ExcelExporter/index.vue

@@ -0,0 +1,74 @@
+<template>
+  <div class="app-container">
+
+     
+
+  </div>
+</template>
+
+<script lang="ts">
+
+
+
+import { Component, Prop, Vue } from "vue-property-decorator";
+
+import $ from "jquery";
+
+import { saveAs } from 'file-saver';
+import XLSX from "xlsx-style";
+
+import * as echarts from "echarts";
+ 
+
+@Component({
+  components: {}
+})
+@Component({ name: 'FileViewer' })
+export default class ExcelExporter extends Vue {
+  @Prop(Number) readonly msg!: number | undefined;
+  @Prop() private name!: string;
+
+  public static entryName = 'FileViewer';
+  private currentTime = "";
+
+  public data_0 = {
+    page_index: 0,
+    page_size: 3,
+    data: [
+      { a: "面料类", b: "16500", c: "12063", d: "45.5%" },
+      { a: "面料类", b: "26500", c: "12063", d: "45.5%" },
+      { a: "面料类", b: "36500", c: "12063", d: "45.5%" },
+      { a: "面料类", b: "46500", c: "12063", d: "45.5%" },
+      { a: "面料类", b: "56500", c: "12063", d: "45.5%" },
+    ],
+  };
+
+  // 计算属性
+  private get reversedMessage(): string {
+    return this.currentTime;
+  }
+
+  public test1(): void {
+    // EMacro.File.readLocalExcel((file, workbook) => {
+    //   console.log("file", file);
+    //   console.log("workbook", workbook);
+    //   console.log("数据", workbook.Sheets["工作表1"]["G32"].h);
+    // });
+  }
+
+  // 生命周期
+  private created(): void { }
+  private mounted(): void {
+    this.$nextTick(() => {
+      // console.log("调用", EMacro);
+    });
+  }
+  private updated(): void { }
+  private destroyed(): void { }
+
+}
+</script>
+
+<style lang="less" scoped>
+@import "index.less";
+</style>

package/src/views/FileViewer/index.less

@@ -0,0 +1,16 @@
+.app-container {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  background-color: aqua;
+}
+
+
+.click-button {
+  padding: 10px;
+  font-size: 16px;
+  color: white;
+  border-radius: 15px;
+  background-color: blue;
+}

package/src/views/FileViewer/index.vue

@@ -0,0 +1,78 @@
+<template>
+  <div class="app-container">
+
+    <div style="background-color: #42b983; color: red;">
+      zxcxzcxzcz
+      <span>测试</span>
+    </div>
+
+    <button @click="test2($event)" class="click-button">点击事件</button>
+
+  </div>
+</template>
+
+<script lang="ts">
+
+  import { Component, Prop, Vue } from "vue-property-decorator";
+
+  import $ from "jquery";
+
+  import * as echarts from "echarts"; 
+
+  @Component({
+    components: {}
+  })
+  @Component({ name: 'FileViewer' })
+  export default class FileViewer extends Vue {
+    @Prop(Number) readonly msg!: number | undefined;
+    @Prop() private name!: string;
+
+    public static entryName = 'FileViewer';
+    private currentTime = "";
+
+    public data_0 = {
+      page_index: 0,
+      page_size: 3,
+      data: [
+        { a: "面料类", b: "16500", c: "12063", d: "45.5%" },
+        { a: "面料类", b: "26500", c: "12063", d: "45.5%" },
+        { a: "面料类", b: "36500", c: "12063", d: "45.5%" },
+        { a: "面料类", b: "46500", c: "12063", d: "45.5%" },
+        { a: "面料类", b: "56500", c: "12063", d: "45.5%" },
+      ],
+    };
+
+    // 计算属性
+    private get reversedMessage(): string {
+      return this.currentTime;
+    }
+
+    private test2(e): void {
+      alert("你好")
+      console.log('event', e);
+    }
+
+    public test1(): void {
+      // EMacro.File.readLocalExcel((file, workbook) => {
+      //   console.log("file", file);
+      //   console.log("workbook", workbook);
+      //   console.log("数据", workbook.Sheets["工作表1"]["G32"].h);
+      // });
+    }
+
+    // 生命周期
+    private created(): void { }
+    private mounted(): void {
+      this.$nextTick(() => {
+        // console.log("调用", EMacro);
+      });
+    }
+    private updated(): void { }
+    private destroyed(): void { }
+
+  }
+</script>
+
+<style lang="less" scoped>
+  @import "index.less";
+</style>

package/src/views/HomeView.vue

@@ -8,12 +8,14 @@
 <script lang="ts">
   import { Component, Vue } from "vue-property-decorator";
   import HelloWorld from "@/components/HelloWorld.vue"; // @ is an alias to /src
+  import MessageBoxTest from "@/components/MessageBoxTest";  
   import axios from "axios";
   import $ from 'jquery'
 
   @Component({
     components: {
       HelloWorld,
+      MessageBoxTest
     },
     mounted() {
       // console.log("测试", axios.post);