htui-yllkbz 1.4.20 → 1.4.22

package/src/packages/type.ts

@@ -126,6 +126,20 @@ export interface PageType {
   totalCount: number;
 
 }
+/** 二次封装面包屑的类型 */
+export interface BreadType {
+  /** 唯一值 */
+  key: string;
+  /** 名称 */
+  title: string;
+  /** vue的路由跳转 */
+  to?: string;
+  /** 完成的路由跳转 */
+  url?: string;
+  style?: string;
+  /** 跳转方式针对url */
+  target?: string;
+}
 /** cron表达式相关类型 */
 export enum TimeModes {
   Minute = 'Minute',

package/src/views/About.vue

@@ -4,11 +4,19 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2023-04-17 18:04:07
+ * @LastEditTime: 2023-04-24 09:23: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>
+    <HtMore>操作</HtMore>
     <!-- <HtSelectOrg :multiple="false"></HtSelectOrg> -->
     <!-- <el-button type=""
                @click="test">test</el-button> -->
@@ -60,6 +68,9 @@
         </template>
       </HtTable>
     </div>
+    <HtModel v-model="state.visible" :title="'买买买'">
+      考了多少会计数控了分手快乐
+    </HtModel>
   </div>
 </template>
 <script lang="ts">
@@ -68,12 +79,18 @@ 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 HtMore from '@/packages/HtMore';
 import { getSpanMethod } from '@/packages/HtTable/table-span-method';
 
 interface State {
   /** 数据状态 */
   loading: boolean;
+  visible: boolean;
   columns: Column[];
   data: any;
   content: string;
@@ -86,12 +103,18 @@ interface State {
     HtCountDown,
     HtSelectUser,
     HtSelectOrg,
+    HtRow,
+    HtCol,
+    HtBread,
+    HtModel,
+    HtMore,
   },
 })
 export default class Index extends Vue {
   /** 数据 */
   state: State = {
     loading: false,
+    visible: false,
     start: false,
     content: '',
     colData: [],