htui-yllkbz 1.2.32 → 1.2.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,10 +4,13 @@
4
4
  * @Author: hutao
5
5
  * @Date: 2021-11-15 14:41:40
6
6
  * @LastEditors: hutao
7
- * @LastEditTime: 2021-12-15 15:46:44
7
+ * @LastEditTime: 2021-12-23 11:36:52
8
8
  -->
9
9
  <template>
10
10
  <div>
11
+
12
+ <ht-md v-model="state.content"
13
+ :subfield="true"></ht-md>
11
14
  <HtTable :data="state.data"
12
15
  @onchange="test"
13
16
  :height="200"
@@ -19,12 +22,8 @@
19
22
  <el-tag>{{row.age}}</el-tag>
20
23
  </div>
21
24
  <div slot="header_name">测试名字</div>
22
- <!-- <div slot="header_age"
23
- slot-scope="{column,$index}">
24
- <el-tag>年龄{{$index}}</el-tag>
25
- </div> -->
26
25
  </HtTable>
27
- <el-dropdown>
26
+ <!-- <el-dropdown>
28
27
  <el-select placeholder="请选择">
29
28
  </el-select>
30
29
 
@@ -37,17 +36,21 @@
37
36
  <el-dropdown-item>双皮奶</el-dropdown-item>
38
37
  <el-dropdown-item>蚵仔煎</el-dropdown-item>
39
38
  </el-dropdown-menu>
40
- </el-dropdown>
39
+ </el-dropdown> -->
41
40
  </div>
42
41
  </template>
43
42
  <script lang='ts'>
44
43
  import { Component, Vue } from "vue-property-decorator";
45
44
  import HtTable from "@/packages/HtTable/index.vue";
45
+ import HtUi from "htui-yllkbz";
46
+ import "htui-yllkbz/lib/htui.css";
47
+ Vue.use(HtUi);
46
48
  interface State {
47
49
  /** 数据状态 */
48
50
  loading: boolean;
49
51
  columns: any;
50
52
  data: any;
53
+ content: string;
51
54
  }
52
55
  @Component({
53
56
  components: {
@@ -58,11 +61,48 @@ export default class Index extends Vue {
58
61
  /** 数据 */
59
62
  state: State = {
60
63
  loading: false,
64
+ content: "",
61
65
  data: [
62
- { name: "胡涛", age: 12, sex: 0, id: 1, test: { title: "测试" } },
63
- { name: "胡涛", age: 12, sex: 1, id: 2, test: { title: "测试" } },
64
- { name: "胡涛", age: 12, sex: 1, id: 3, test: { title: "测试" } },
65
- { name: "胡涛", age: 12, sex: 0, id: 4, test: { title: "测试" } },
66
+ {
67
+ name: "胡涛",
68
+ age: 12,
69
+ sex: 0,
70
+ id: 1,
71
+ test: { title: "测试" },
72
+ time: "2022-01-20T00:00:00+08:00",
73
+ },
74
+ {
75
+ name: "胡涛",
76
+ age: 12,
77
+ sex: 1,
78
+ id: 2,
79
+ test: { title: "测试" },
80
+ time: "2022-01-20T00:00:00+08:00",
81
+ },
82
+ {
83
+ name: "胡涛",
84
+ age: 12,
85
+ sex: 1,
86
+ id: 3,
87
+ test: { title: "测试" },
88
+ time: "2022-01-20T00:00:00+08:00",
89
+ },
90
+ {
91
+ name: "胡涛",
92
+ age: 12,
93
+ sex: 0,
94
+ id: 4,
95
+ test: { title: "测试" },
96
+ time: "2022-01-20T00:00:00+08:00",
97
+ },
98
+ {
99
+ name: "胡涛",
100
+ age: 12,
101
+ sex: 0,
102
+ id: 41,
103
+ test: { title: "测试" },
104
+ time: "2022-01-20T00:00:00+08:00",
105
+ },
66
106
  ],
67
107
  columns: [
68
108
  {
@@ -78,6 +118,12 @@ export default class Index extends Vue {
78
118
  title: "age",
79
119
  key: "age",
80
120
  },
121
+ {
122
+ title: "time",
123
+ type: "time",
124
+ spread: true,
125
+ key: "time",
126
+ },
81
127
  {
82
128
  title: "性别",
83
129
  key: "sex",
@@ -89,6 +135,9 @@ export default class Index extends Vue {
89
135
  test() {
90
136
  //console.log("ee", e);
91
137
  }
138
+ save(e: string, f: string) {
139
+ console.log("e,f", e, f);
140
+ }
92
141
  /** 监听 */
93
142
  /** 计算属性 */
94
143
  }