htui-yllkbz 1.2.55 → 1.2.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "htui-yllkbz",
-  "version": "1.2.55",
+  "version": "1.2.56",
   "typings": "types/index.d.ts",
   "main": "lib/htui.common.js",
   "style": "lib/htui.css",

package/src/packages/HtTable/index.vue

@@ -5,7 +5,7 @@
  * @Author: hutao
  * @Date: 2021-11-11 11:23:24
  * @LastEditors: hutao
- * @LastEditTime: 2022-02-11 14:34:01
+ * @LastEditTime: 2022-02-13 16:12:46
 -->
 <template>
   <div v-loading="state.loading"
@@ -207,8 +207,10 @@
                :close-on-click-modal="true"
                width="400px"
                :center="true">
-      <div style='overflow:hidden;height:500px'>
-        <el-scrollbar style='height: 517px'>
+               <p slot="title"
+         style="font-weight:700;font-size:18px;float:left;margin:0">自定义列展示</p>
+      <div style='overflow:hidden;height:40vh;margin-top:12px'>
+        <el-scrollbar style='height: calc(40vh + 17px)'>
           <el-tree :data="columns"
                    ref="tree"
                    show-checkbox
@@ -228,7 +230,7 @@
             <span class="custom-tree-node"
                   slot-scope="{ node, data }">
               <slot :name="'header_'+data.key"
-                    :column="data">{{data.title}}</slot>
+                    :column="data">{{data.title}}<span style="color:#C0C4CC">{{data.property?`(${data.property==='base'?'基础属性':'扩展属性'})`:''}}</span></slot>
             </span>
           </el-tree>
         </el-scrollbar>
@@ -242,8 +244,8 @@
                width="400px"
                :center="true">
       <p slot="title"
-         style="font-weight:700;font-size:18px;float:left">附件查看</p>
-      <el-divider></el-divider>
+         style="font-weight:700;font-size:18px;float:left;margin:0">附件查看</p>
+     
       <div style='overflow:hidden;height:calc(30vh)'>
         <el-scrollbar style='height: calc(100% + 17px)'>
           <HtUploadFiles :disabled="true"

package/src/packages/type.ts

@@ -76,6 +76,8 @@ export interface Column {
   showOverflowTooltip?: boolean;
   /** 筛选时候是否禁用 */
   disabled?: boolean;
+   /** 自定义列时候展示是否是基础属性还是扩展属性 */
+  property?: 'base'|'extend';
 }
 export interface PageInfoType {
   currentPage: number;

package/src/views/About.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2022-02-11 13:46:07
+ * @LastEditTime: 2022-02-13 16:11:09
 -->
 <template>
   <div>
@@ -30,6 +30,7 @@
     <div ref="ht-pdf">
       <HtTable :data="state.data"
                :height="200"
+               :showFilter="true"
                :columns="state.columns">
 
         <div slot="header_name">测试名字</div>
@@ -81,6 +82,7 @@ export default class Index extends Vue {
     data: [
       {
         name: "胡涛",
+        
         age: 12,
         sex: "e49961a4f385e5d341ce3a01ee674c90ea9e037b734228fe26753a01ee674c90,e49961a4f385e5d341ce3a01ee674c90ea9e037b734228fe26753a01ee674c90",
         id: 1,
@@ -125,6 +127,7 @@ export default class Index extends Vue {
         title: "姓名",
         key: "test.title",
         width: "300px",
+        property: "base",
         disabled: true,
       },
       {