htui-yllkbz 1.3.6 → 1.3.9

package/package.json

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

package/src/packages/HtSelectBaseData/index.ts

@@ -0,0 +1,14 @@
+/*
+ * @Descripttion:
+ * @version:
+ * @Author: hutao
+ * @Date: 2021-11-15 15:00:57
+ * @LastEditors: hutao
+ * @LastEditTime: 2022-03-08 14:41:55
+ */
+import HtSelectBaseData from "./index.vue";
+(HtSelectBaseData as any).install = function (Vue: any) {
+
+  Vue.component("HtSelectBaseData", HtSelectBaseData);
+};
+export default HtSelectBaseData;

package/src/packages/HtSelectBaseData/index.vue

@@ -0,0 +1,109 @@
+<!--
+ * @Descripttion: 选择基础信息内容
+ * @version: 
+ * @Author: hutao
+ * @Date: 2021-12-30 15:47:47
+ * @LastEditors: hutao
+ * @LastEditTime: 2022-03-08 14:47:24
+-->
+
+<template>
+  <div>
+    <template v-if="!readonly">
+      <el-select value=""
+                 v-if="!dataTypeId"
+                 :disabled="disabled"
+                 style="width:100%"
+                 placeholder="请选择"></el-select>
+      <div v-else
+           :disabled="disabled"
+           is="common-datas-info"
+           com-style="background:#fff"
+           :config-json="configJson"
+           @change="getCommonData"></div>
+
+    </template>
+    <div v-else>
+      <div is='common-datas-info-id'
+           com-style="font-size:12px"
+           v-if="this.value"
+           :hide-code="hideCode"
+           :base-data-id='this.value'
+           :base-data-info='true'></div>
+    </div>
+
+  </div>
+
+</template>
+<script lang='ts'>
+import { Component, Prop, Vue, Watch } from "vue-property-decorator";
+interface State {
+  /** 数据状态 */
+  loading: boolean;
+  value?: string;
+}
+@Component({
+  name: "HtSelectBaseData",
+})
+export default class HtSelectBaseData extends Vue {
+  @Prop() value!: string;
+  /** 是否禁用 */
+  @Prop({ default: false }) disabled?: boolean;
+  /* 是否只读 */
+  @Prop({ default: false }) readonly?: boolean;
+  /**  级联id */
+  @Prop() dataTypeId!: string;
+  /** 展示时候是否隐藏value */
+  @Prop() hideCode!: boolean;
+  @Prop({ default: false }) clearable!: boolean;
+  /** 是否多选 */
+  @Prop({ default: false }) multiple!: boolean;
+  @Prop({ default: false }) checkStrictly!: boolean;
+  @Prop({ default: true }) showAllLevels!: boolean;
+  /** 数据 */
+  state: State = {
+    loading: false,
+    value: "",
+  };
+  /** 生命周期 */
+  created() {
+    this.state.value = this.value;
+  }
+  /** 方法 */
+
+  /** 基础数据返回 */
+  getCommonData(res: CustomEvent) {
+    const data = res.detail[0];
+    const id = data[this.dataTypeId][0]["id"];
+    this.$emit("input", id);
+    this.$emit("change", id, data[this.dataTypeId][0]);
+  }
+  /** 监听 */
+  @Watch("value")
+  onValue(val: string) {
+    this.state.value = val;
+  }
+  /** 计算属性 */
+  /** 选项列表 */
+  /** 基础组件应用json */
+  get configJson() {
+    const { dataTypeId = "", value } = this;
+    const body: { [key: string]: any } = {};
+    body[dataTypeId] = {
+      name: "cece",
+      show: true,
+      clearable: this.clearable,
+      disabled: this.disabled,
+      showAllLevels: this.showAllLevels,
+      multiple: this.multiple,
+      code: dataTypeId,
+      data: {},
+      checkStrictly: this.checkStrictly,
+      panel: false,
+      key: value,
+    };
+    return JSON.stringify(body);
+  }
+}
+</script>
+<style lang='scss' scoped></style>

package/src/packages/HtSelectOrg/index.ts

@@ -0,0 +1,14 @@
+/*
+ * @Descripttion:选择部门
+ * @version:
+ * @Author: hutao
+ * @Date: 2021-11-15 15:00:57
+ * @LastEditors: hutao
+ * @LastEditTime: 2022-03-08 14:50:29
+ */
+import HtSelectOrg from "./index.vue";
+(HtSelectOrg as any).install = function (Vue: any) {
+
+  Vue.component("HtSelectOrg", HtSelectOrg);
+};
+export default HtSelectOrg;

package/src/packages/HtSelectOrg/index.vue

@@ -0,0 +1,85 @@
+<!--
+ * @Descripttion:部门选择 
+ * @version: 
+ * @Author: hutao
+ * @Date: 2021-12-30 14:29:14
+ * @LastEditors: hutao
+ * @LastEditTime: 2022-03-08 14:53:19
+-->
+<template>
+  <span v-if="readonly">
+
+    <div is='common-datas-info-id'
+         v-if="value"
+         :department-id="JSON.stringify([value])"></div>
+    <span v-else> </span>
+  </span>
+  <div v-else
+       :disabled="disabled"
+       is="common-datas-info"
+       com-style="background:#fff"
+       :config-json="configJson"
+       com-class='ht-item-common'
+       @change="searchCommonData"></div>
+
+</template>
+<script lang='ts'>
+import { Component, Prop, Vue } from "vue-property-decorator";
+interface State {
+  /** 数据状态 */
+  loading: boolean;
+}
+@Component({
+  name: "HtSelectOrg",
+})
+export default class HtSelectOrg extends Vue {
+  @Prop() value!: string;
+  /** 是否禁用 */
+  @Prop() disabled?: boolean;
+  /** 是否可以清除 */
+  @Prop() clearable?: boolean;
+  @Prop({ default: true }) show?: boolean;
+  @Prop({ default: false }) multiple?: boolean;
+  @Prop({ default: true }) showAllLevels?: boolean;
+  @Prop({ default: true }) checkStrictly?: boolean;
+  /* 是否只读 */
+  @Prop({ default: false }) readonly?: boolean;
+  @Prop({ default: false }) panel?: boolean;
+  /** 数据 */
+  state: State = {
+    loading: false,
+  };
+  /** 生命周期 */
+  /** 方法 */
+  /**部门选择回调 */
+  searchCommonData(res: { [key: string]: any; detail: any }) {
+    const dep = res.detail[0]["departmentId"];
+    let data = undefined;
+    if (dep.length) {
+      data = dep[0].id;
+    }
+    this.$emit("input", data);
+    this.$emit("change", data);
+  }
+  /** 监听 */
+  get configJson() {
+    return JSON.stringify({
+      departmentId: {
+        name: "部门树结构",
+        show: this.show,
+        disabled: this.disabled,
+        showAllLevels: this.showAllLevels,
+        multiple: this.multiple,
+        code: "departmentId",
+        data: {},
+        checkStrictly: this.checkStrictly,
+        panel: this.panel,
+        key: this.value,
+        clearable: this.clearable,
+      },
+    });
+  }
+  /** 计算属性 */
+}
+</script>
+<style lang='scss' scoped></style>

package/src/packages/HtSelectUser/index.ts

@@ -0,0 +1,14 @@
+/*
+ * @Descripttion:选择部门
+ * @version:
+ * @Author: hutao
+ * @Date: 2021-11-15 15:00:57
+ * @LastEditors: hutao
+ * @LastEditTime: 2022-03-08 14:54:22
+ */
+import HtSelectUser from "./index.vue";
+(HtSelectUser as any).install = function (Vue: any) {
+
+  Vue.component("HtSelectUser", HtSelectUser);
+};
+export default HtSelectUser;

package/src/packages/HtSelectUser/index.vue

@@ -0,0 +1,86 @@
+<!--
+ * @Descripttion:部门选择 
+ * @version: 
+ * @Author: hutao
+ * @Date: 2021-12-30 14:29:14
+ * @LastEditors: hutao
+ * @LastEditTime: 2022-03-08 14:55:09
+-->
+<template>
+
+  <span v-if="readonly">
+    <div is='common-datas-info-id'
+         v-if="value"
+         :user-id="JSON.stringify([value])"></div>
+    <span v-else> </span>
+  </span>
+
+  <div v-else
+       :disabled="disabled"
+       is="common-datas-info"
+       com-style="background:#fff"
+       :config-json="configJson"
+       com-class='ht-item-common'
+       @change="searchCommonData"></div>
+
+</template>
+<script lang='ts'>
+import { Component, Prop, Vue } from "vue-property-decorator";
+interface State {
+  /** 数据状态 */
+  loading: boolean;
+}
+@Component({
+  name: "HtSelectUser",
+})
+export default class HtSelectUser extends Vue {
+  @Prop() value!: string;
+  /** 是否禁用 */
+  @Prop() disabled?: boolean;
+  /** 是否可以清除 */
+  @Prop() clearable?: boolean;
+  @Prop({ default: true }) show?: boolean;
+  @Prop({ default: false }) multiple?: boolean;
+  @Prop({ default: true }) showAllLevels?: boolean;
+  @Prop({ default: true }) checkStrictly?: boolean;
+  /* 是否只读 */
+  @Prop({ default: false }) readonly?: boolean;
+  @Prop({ default: false }) panel?: boolean;
+  /** 数据 */
+  state: State = {
+    loading: false,
+  };
+  /** 生命周期 */
+  /** 方法 */
+  /**部门选择回调 */
+  searchCommonData(res: { [key: string]: any; detail: any }) {
+    const dep = res.detail[0]["departmentId"];
+    let data = undefined;
+    if (dep.length) {
+      data = dep[0].id;
+    }
+    this.$emit("input", data);
+    this.$emit("change", data);
+  }
+  /** 监听 */
+  get configJson() {
+    return JSON.stringify({
+      departmentUser: {
+        name: "部门树结构",
+        show: this.show,
+        disabled: this.disabled,
+        showAllLevels: this.showAllLevels,
+        multiple: this.multiple,
+        code: "departmentUser",
+        data: {},
+        checkStrictly: this.checkStrictly,
+        panel: this.panel,
+        key: this.value,
+        clearable: this.clearable,
+      },
+    });
+  }
+  /** 计算属性 */
+}
+</script>
+<style lang='scss' scoped></style>

package/src/packages/HtTable/index.vue

@@ -5,7 +5,7 @@
  * @Author: hutao
  * @Date: 2021-11-11 11:23:24
  * @LastEditors: hutao
- * @LastEditTime: 2022-03-02 14:38:49
+ * @LastEditTime: 2022-03-09 15:07:20
 -->
 <template>
   <div v-loading="state.loading"
@@ -50,7 +50,7 @@
                          :resizable="false"
                          v-if="checked"
                          :reserve-selection="reserveSelection"
-                         :selectable="selectable"
+                         :selectable="(row)=>row.selectable!==false"
                          type='selection'>
         </el-table-column>
         <el-table-column v-if="!hideOrder"
@@ -69,12 +69,12 @@
 
             </slot>
           </template>
-          <template slot-scope="{row,column,rowIndex}">
+          <template slot-scope="{row,column,$index}">
             <slot name="body_order"
                   :row="row"
                   :column="column"
-                  :rowIndex="rowIndex">
-              {{(state.pageInfo.currentPage-1)*state.pageInfo.pageSize+(scope.$index+1)}}
+                  :$index="$index">
+              {{(state.pageInfo.currentPage-1)*state.pageInfo.pageSize+($index+1)}}
             </slot>
 
           </template>
@@ -115,6 +115,7 @@
 
                   <div v-if="getPropByPath(row,item.key)"
                        is='common-datas-info-id'
+                       :hide-code="item.hideCode"
                        :user-id="item.commonType==='userId'?JSON.stringify([getPropByPath(row,item.key)]):'[]'"
                        :department-id="item.commonType==='departmentId'?JSON.stringify([getPropByPath(row,item.key)]):'[]'"
                        :role-id="item.commonType==='roleId'?JSON.stringify([getPropByPath(row,item.key)]):'[]'"

package/src/packages/index.ts

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-10-21 10:08:41
  * @LastEditors: hutao
- * @LastEditTime: 2022-02-11 14:29:18
+ * @LastEditTime: 2022-03-08 14:57:05
  */
 
 // 导入组件
@@ -19,10 +19,13 @@ import HtUpload from './HtUpload/index'
 import HtMd from './HtMd/index'
 import HtCountDown from './HtCountDown/index'
 import HtUploadFiles from './HtUploadFiles/index'
+import HtSelectBaseData from './HtSelectBaseData/index'
+import HtSelectOrg from './HtSelectOrg/index'
+import HtSelectUser from './HtSelectUser/index'
 
 
 // 存储组件列表
-const components = [HtSelectTable, HtPagination, HtTable, HtExport, HtUpload, HtMd, HtCountDown, HtUploadFiles]
+const components = [HtSelectTable, HtPagination, HtTable, HtExport, HtUpload, HtMd, HtCountDown, HtUploadFiles, HtSelectBaseData, HtSelectOrg, HtSelectUser]
 // 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
 const install = function (Vue: any) {
   // 判断是否安装
@@ -38,6 +41,7 @@ export default {
   // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
   install,
   // 以下是具体的组件列表
-  HtSelectTable, HtPagination, HtTable, HtExport, HtUpload, HtMd, HtCountDown, HtUploadFiles
+  HtSelectTable, HtPagination, HtTable, HtExport, HtUpload, HtMd, HtCountDown, HtUploadFiles,
+  HtSelectBaseData, HtSelectOrg, HtSelectUser
 }
 

package/src/packages/type.ts

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-10-25 17:05:17
  * @LastEditors: hutao
- * @LastEditTime: 2022-02-14 09:39:55
+ * @LastEditTime: 2022-03-08 14:40:00
  */
 /** 初始的默认条数 */
 export const defalutPageSize = 10
@@ -73,6 +73,8 @@ export interface Column {
   type?: 'userId' | 'org' | 'time' | 'common' | 'boolean' | 'img' | 'file';
   /**    只有当type='common'时候有效  数据类型个ca common里面的一样但不包括时间 时间使用time  */
   commonType?: 'userId' | 'departmentId' | 'baseDataId' | 'roleId' | 'baseDataName' | 'baseDataValue';
+  /** 当type===common时候 设置是否隐藏基础数据的value */
+  hideCode?: boolean;
   showOverflowTooltip?: boolean;
   /** 筛选时候是否禁用 */
   disabled?: boolean;

package/src/views/About.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2022-02-14 10:13:10
+ * @LastEditTime: 2022-03-09 15:08:19
 -->
 <template>
   <div>
@@ -29,6 +29,7 @@
            :subfield="true"></ht-md> -->
     <div ref="ht-pdf">
       <HtTable :data="state.data"
+               :checked="true"
                :height="200"
                uuId="54598fs1okdsfsdfk2"
                :showFilter="true"
@@ -82,7 +83,7 @@ export default class Index extends Vue {
     data: [
       {
         name: "胡涛",
-
+        selectable: true,
         age: 12,
         sex: "e49961a4f385e5d341ce3a01ee674c90ea9e037b734228fe26753a01ee674c90,e49961a4f385e5d341ce3a01ee674c90ea9e037b734228fe26753a01ee674c90",
         id: 1,
@@ -92,6 +93,7 @@ export default class Index extends Vue {
       {
         name: "胡涛",
         age: 12,
+        selectable: false,
         sex: "e49961a4f385e5d341ce3a01ee674c90ea9e037b734228fe26753a01ee674c90",
         id: 2,
         test: { title: "测试" },