htui-yllkbz 1.2.36 → 1.2.40

package/src/views/About.vue

@@ -4,25 +4,44 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2021-12-23 11:36:52
+ * @LastEditTime: 2022-01-04 09:31:44
 -->
 <template>
   <div>
+    <HtExportPdf selector="f"
+                 ref="pdf"
+                 :title="'测试'"></HtExportPdf>
+    <el-button type=""
+               @click="test">test</el-button>
+    <!-- <ht-count-down :stopwatch="true"
+                     :frequency="200"
+                     :start="!state.start">
+        <template slot-scope="{timeStr}">
+          {{timeStr}}
+        </template>
+      </ht-count-down>
+      <ht-count-down :stopwatch="true"
+                     :start="!state.start">
+        <template slot-scope="{timeStr}">
+          {{timeStr}}
+        </template>
+      </ht-count-down> -->
 
     <ht-md v-model="state.content"
            :subfield="true"></ht-md>
-    <HtTable :data="state.data"
-             @onchange="test"
-             :height="200"
-             :columns="state.columns">
-      <div slot="sex"
-           slot-scope="{row}">{{row.sex?'男':'女'}}</div>
-      <div slot="age"
-           slot-scope="{row}">
-        <el-tag>{{row.age}}</el-tag>
-      </div>
-      <div slot="header_name">测试名字</div>
-    </HtTable>
+    <div ref="ht-pdf">
+      <HtTable :data="state.data"
+               :height="200"
+               :columns="state.columns">
+        <div slot="sex"
+             slot-scope="{row}">{{row.sex?'男':'女'}}</div>
+        <div slot="age"
+             slot-scope="{row}">
+          <el-tag>{{row.age}}</el-tag>
+        </div>
+        <div slot="header_name">测试名字</div>
+      </HtTable>
+    </div>
     <!-- <el-dropdown>
       <el-select placeholder="请选择">
       </el-select>
@@ -42,6 +61,8 @@
 <script lang='ts'>
 import { Component, Vue } from "vue-property-decorator";
 import HtTable from "@/packages/HtTable/index.vue";
+import HtCountDown from "@/packages/HtCountDown/index.vue";
+import HtExportPdf from "@/packages/HtExportPdf/index.vue";
 import HtUi from "htui-yllkbz";
 import "htui-yllkbz/lib/htui.css";
 Vue.use(HtUi);
@@ -51,16 +72,20 @@ interface State {
   columns: any;
   data: any;
   content: string;
+  start: boolean;
 }
 @Component({
   components: {
     HtTable,
+    HtCountDown,
+    HtExportPdf,
   },
 })
 export default class Index extends Vue {
   /** 数据 */
   state: State = {
     loading: false,
+    start: false,
     content: "",
     data: [
       {
@@ -131,10 +156,24 @@ export default class Index extends Vue {
     ],
   };
   /** 生命周期 */
+  created() {
+    //this.rewriteGetComputedStyle();
+  }
   /** 方法 */
   test() {
+    (this.$refs.pdf as any).exportPdf(this.$refs["ht-pdf"]);
     //console.log("ee", e);
   }
+  // rewriteGetComputedStyle() {
+  //   const getComputedStyle = window.getComputedStyle;
+  //   window.getComputedStyle = function (element: any, property) {
+  //     console.log("element", element, typeof element);
+  //     if (element != "localhost:8080") {
+  //       return getComputedStyle(element.host || element, property);
+  //     }
+  //     return "";
+  //   };
+  // }
   save(e: string, f: string) {
     console.log("e,f", e, f);
   }