htui-yllkbz 1.3.27 → 1.3.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "htui-yllkbz",
-  "version": "1.3.27",
+  "version": "1.3.30",
   "port": "8082",
   "typings": "types/index.d.ts",
   "main": "lib/htui.common.js",

package/src/App.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2022-05-11 17:52:26
+ * @LastEditTime: 2022-05-17 11:31:05
 -->
 <template>
   <div id="app">
@@ -13,12 +13,17 @@
     <HtSelectBaseData dataTypeId="chengbenzhongxin"
                       v-model="state.value"
                       @change="change"></HtSelectBaseData>
-    <HtSelectBaseData dataTypeId="positions"
-                      :multiple="false"
-                      v-model="state.value"
-                      @change="change"></HtSelectBaseData>
+
     <HtSelectOrg :clearable="true"
+                 :multiple="true"
+                 v-model="state.value"
                  @change="testuser"></HtSelectOrg>
+    <!-- <HtSelectOrg :clearable="true"
+                 v-model="state.value"
+                 @change="testuser"></HtSelectOrg> -->
+    -------------
+
+    ----------
     <router-view></router-view>
   </div>
 </template>
@@ -26,17 +31,20 @@
 <script lang="ts">
 import { Component, Vue } from "vue-property-decorator";
 import HtSelectBaseData from "@/packages/HtSelectBaseData";
-import HtSelectOrg from "@/packages/HtSelectUser";
+import HtSelectOrg from "@/packages/HtSelectOrg";
+import HtSelectUser from "@/packages/HtSelectUser";
+import HtShowBaseType from "@/packages/HtShowBaseType";
 import { mgr } from "@/plugins/oidc-client";
 @Component({
   components: {
     HtSelectBaseData,
     HtSelectOrg,
+    HtShowBaseType,
   },
 })
 export default class App extends Vue {
   state = {
-    value: undefined,
+    value: ["95bd1bfd-59d8-f88b-2b65-39f97d1da058"],
   };
   /** 生命周期 */
   created() {
@@ -58,8 +66,8 @@ export default class App extends Vue {
   change() {
     // console.log("eeee", e);
   }
-  testuser() {
-    //console.log("eee", e);
+  testuser(e: any) {
+    console.log("eee", e);
   }
   test(e: any) {
     //mgr.removeUser();

package/src/packages/HtBaseData/index.vue

@@ -12,7 +12,7 @@
                    class="component-item"
                    :class="comClass"
                    :style="comStyle || ''"
-                   filterable
+                   :filterable="!state.configJson['departmentId'].multiple"
                    :clearable="state.configJson['departmentId'].clearable"
                    :placeholder="`请选择部门`"
                    :collapse-tags="state.configJson['departmentId'].collapseTags"
@@ -632,6 +632,7 @@ export default class CommonDatas extends Vue {
   /** 动态设置显示面板位置 */
 
   selectClick(e: any) {
+    console.log("ee", e);
     // 下拉选择框列表
     //const list = window.document.getElementsByClassName("el-select-dropdown");
     // (list as any).forEach((element: any) => {
@@ -653,20 +654,25 @@ export default class CommonDatas extends Vue {
   /** 设置下拉数据(级联选择) */
   setSelctData(key: string, e?: string) {
     const value = e || this.state.selectVal[key];
-
+    const multiple = this.state.configJson[key].multiple;
     const ref: any | undefined = (this.$refs[key] as any)[0] || this.$refs[key];
-
-    let checkList = [];
-    if (ref && ref.getCheckedNodes() && ref.getCheckedNodes()[0] !== null) {
+    let checkList: any[] = [];
+    if (multiple) {
       checkList = ref.getCheckedNodes();
-    } else if (
-      ref &&
-      ref.getCheckedNodes() &&
-      ref.getCheckedNodes()[0] === null
-    ) {
-      checkList = [ref.panel.getNodeByValue(value)];
-    }
+    } else {
+      if (ref && ref.getCheckedNodes() && ref.getCheckedNodes()[0] !== null) {
+        //checkList = ref.getCheckedNodes();
 
+        checkList = [ref.panel.getNodeByValue(value)];
+        //this.state.selectValData[key] = [checkList[0].data];
+      } else if (
+        ref &&
+        ref.getCheckedNodes() &&
+        ref.getCheckedNodes()[0] === null
+      ) {
+        checkList = [ref.panel.getNodeByValue(value)];
+      }
+    }
     /** 过滤在多选模式下，Tag时触发删除 */
     const checkNodes = checkList.filter((item: any) => {
       return value?.includes(item.data.id);
@@ -685,7 +691,10 @@ export default class CommonDatas extends Vue {
     if (!e && !this.state.selectVal[key]) {
       this.state.selectValData[key] = [];
     }
-    this.$emit("change", this.state.selectValData);
+    this.$emit(
+      "change",
+      this.state.selectValData[key] ? this.state.selectValData : { [key]: [] }
+    );
   }
   /** 基础数据递归处理 */
   recursion(data: Array<BaseDataDto>) {

package/src/packages/HtSelectUser/index.vue

@@ -85,7 +85,7 @@ export default class HtSelectUser extends Vue {
         multiple: this.multiple,
         code: "departmentUser",
         data: {},
-        checkStrictly: this.checkStrictly,
+        checkStrictly: false,
         panel: this.panel,
         key: this.value,
         clearable: this.clearable,

package/src/packages/HtShowBaseType/index.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2022-05-15 14:53:15
  * @LastEditors: hutao
- * @LastEditTime: 2022-05-15 15:56:08
+ * @LastEditTime: 2022-05-15 16:06:01
 -->
 <template>
   <span>{{state.value}}</span>
@@ -36,7 +36,7 @@ export default class HtShowBaseType extends Vue {
   }
   /** 方法 */
 
-  @Watch("value")
+  @Watch("value", { immediate: true })
   setText(val: string) {
     this.state.value = "";
     if (!val) {
@@ -46,6 +46,7 @@ export default class HtShowBaseType extends Vue {
       return;
     }
     const data = window.localStorage.getItem("commonDatas");
+
     if (data) {
       const dictionaryCategory =
         JSON.parse(data)["dictionaryCategory"]["items"];