htui-yllkbz 1.4.19 → 1.4.21

package/src/views/About.vue

@@ -4,11 +4,18 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2023-04-14 10:38:46
+ * @LastEditTime: 2023-04-23 14:02:59
 -->
 <template>
   <div>
-    ...................
+    <el-button @click="state.visible = true">打开</el-button>
+    <ht-row :gutter="16" :copies="10" colMinHeight="56px">
+      <ht-col :span="2">iii</ht-col>
+      <ht-col style="height:30px;border:1px solid #ccc" :span="4">iii</ht-col>
+      <ht-col :span="2">iii</ht-col>
+      <ht-col style="height:30px;border:1px solid #ccc" :span="4">iii</ht-col>
+    </ht-row>
+    <HtBread></HtBread>
     <!-- <HtSelectOrg :multiple="false"></HtSelectOrg> -->
     <!-- <el-button type=""
                @click="test">test</el-button> -->
@@ -41,13 +48,14 @@
         :height="500"
         :columns="state.columns"
       >
-        jjjj
-        <template slot="name" slot-scope="{ row }">
-          ----{{ row.name }}----yy
-        </template>
-        <template slot="time1" slot-scope="{ row }">
-          ----{{ row.name }}----yy
+        <!-- <template slot="namey">
+          <template slot="times" slot-scope="{ row }">
+            {{ row.name }}----外面
+          </template>
         </template>
+        <template slot="times" slot-scope="{ row }">
+          {{ row.name }}----yy1
+        </template> -->
         <template slot="header_time1">
           次数
         </template>
@@ -59,6 +67,9 @@
         </template>
       </HtTable>
     </div>
+    <HtModel v-model="state.visible" :title="'买买买'">
+      考了多少会计数控了分手快乐
+    </HtModel>
   </div>
 </template>
 <script lang="ts">
@@ -67,12 +78,17 @@ import HtTable from '@/packages/HtTable/index.vue';
 import HtCountDown from '@/packages/HtCountDown/index.vue';
 import HtSelectUser from '@/packages/HtSelectUser/index.vue';
 import HtSelectOrg from '@/packages/HtSelectOrg/index.vue';
+import HtRow from '@/packages/HtRow/index.vue';
+import HtCol from '@/packages/HtCol/index.vue';
 import { Column } from '@/packages/type';
+import HtModel from '@/packages/HtModel';
+import HtBread from '@/packages/HtBread';
 import { getSpanMethod } from '@/packages/HtTable/table-span-method';
 
 interface State {
   /** 数据状态 */
   loading: boolean;
+  visible: boolean;
   columns: Column[];
   data: any;
   content: string;
@@ -85,12 +101,17 @@ interface State {
     HtCountDown,
     HtSelectUser,
     HtSelectOrg,
+    HtRow,
+    HtCol,
+    HtBread,
+    HtModel,
   },
 })
 export default class Index extends Vue {
   /** 数据 */
   state: State = {
     loading: false,
+    visible: false,
     start: false,
     content: '',
     colData: [],
@@ -98,6 +119,7 @@ export default class Index extends Vue {
       {
         name: '胡涛',
         selectable: true,
+        times: 1,
 
         age: 12,
         sex:
@@ -108,6 +130,7 @@ export default class Index extends Vue {
       },
       {
         name: '胡涛',
+        times: 1,
         age: 12,
         selectable: false,
         sex: 'e49961a4f385e5d341ce3a01ee674c90ea9e037b734228fe26753a01ee674c90',
@@ -118,6 +141,7 @@ export default class Index extends Vue {
       {
         name: '胡涛1',
         age: 13,
+        times: 1,
         sex: 'tt',
         id: 3,
         test: { title: '测试' },
@@ -126,6 +150,7 @@ export default class Index extends Vue {
       {
         name: '胡涛',
         age: 13,
+        times: 4,
         file: [],
         sex: 'tt',
         id: 4,
@@ -135,6 +160,7 @@ export default class Index extends Vue {
       {
         name: '胡涛',
         age: 12,
+        times: 8,
         sex: 'tt',
         id: 41,
         test: { title: '测试' },
@@ -167,8 +193,8 @@ export default class Index extends Vue {
           },
           {
             title: '名',
-            key: 'time1',
-            type: 'date',
+            key: 'times',
+
             align: 'center',
           },
         ],