htui-yllkbz 1.3.25 → 1.3.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "htui-yllkbz",
-  "version": "1.3.25",
+  "version": "1.3.28",
   "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-10 10:39:13
+ * @LastEditTime: 2022-05-15 16:04:55
 -->
 <template>
   <div id="app">
@@ -17,6 +17,11 @@
                       :multiple="false"
                       v-model="state.value"
                       @change="change"></HtSelectBaseData>
+    <HtSelectOrg :clearable="true"
+                 @change="testuser"></HtSelectOrg>
+    -------------
+    <HtShowBaseType value="DeviceSystemType"></HtShowBaseType>
+    ----------
     <router-view></router-view>
   </div>
 </template>
@@ -24,10 +29,14 @@
 <script lang="ts">
 import { Component, Vue } from "vue-property-decorator";
 import HtSelectBaseData from "@/packages/HtSelectBaseData";
+import HtSelectOrg 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 {
@@ -54,6 +63,9 @@ export default class App extends Vue {
   change() {
     // console.log("eeee", e);
   }
+  testuser() {
+    //console.log("eee", e);
+  }
   test(e: any) {
     //mgr.removeUser();
     // mgr.events.

package/src/packages/HtBaseData/index.vue

@@ -652,7 +652,8 @@ export default class CommonDatas extends Vue {
   }
   /** 设置下拉数据(级联选择) */
   setSelctData(key: string, e?: string) {
-    const value = e ? e : this.state.selectVal[key];
+    const value = e || this.state.selectVal[key];
+
     const ref: any | undefined = (this.$refs[key] as any)[0] || this.$refs[key];
 
     let checkList = [];
@@ -681,6 +682,9 @@ export default class CommonDatas extends Vue {
         }
       );
     }
+    if (!e && !this.state.selectVal[key]) {
+      this.state.selectValData[key] = [];
+    }
     this.$emit("change", this.state.selectValData);
   }
   /** 基础数据递归处理 */

package/src/packages/HtShowBaseType/index.ts

@@ -0,0 +1,15 @@
+/*
+ * @Descripttion: 基础数据展示组件
+ * @version: 
+ * @Author: hutao
+ * @Date: 2022-04-12 17:34:51
+ * @LastEditors: hutao
+ * @LastEditTime: 2022-05-15 14:54:08
+ */
+
+import HtShowBaseType from "./index.vue";
+(HtShowBaseType as any).install = function (Vue: any) {
+
+  Vue.component("HtShowBaseType", HtShowBaseType);
+};
+export default HtShowBaseType;

package/src/packages/HtShowBaseType/index.vue

@@ -0,0 +1,69 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: hutao
+ * @Date: 2022-05-15 14:53:15
+ * @LastEditors: hutao
+ * @LastEditTime: 2022-05-15 16:06:01
+-->
+<template>
+  <span>{{state.value}}</span>
+</template>
+
+<script lang="ts">
+import { Vue, Prop, Component, Watch } from "vue-property-decorator";
+import { baseConfig } from "vue-kst-auth";
+
+interface State {
+  value: string;
+}
+
+@Component({
+  name: "HtShowBaseType",
+})
+export default class HtShowBaseType extends Vue {
+  /** 查找不到为空时显示 */
+  @Prop() value?: string;
+
+  /** 人员 */
+  /** 数据 */
+  state: State = {
+    value: "",
+  };
+  /** 生命周期 */
+  created() {
+    //
+  }
+  /** 方法 */
+
+  @Watch("value", { immediate: true })
+  setText(val: string) {
+    this.state.value = "";
+    if (!val) {
+      return;
+    }
+    if (!baseConfig.getLoginState()) {
+      return;
+    }
+    const data = window.localStorage.getItem("commonDatas");
+
+    if (data) {
+      const dictionaryCategory =
+        JSON.parse(data)["dictionaryCategory"]["items"];
+      const item = dictionaryCategory.find((item: any) => item.code === val);
+      this.state.value = item?.name || "";
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.show-common-item {
+  display: inline-block;
+  .item {
+    + .item {
+      padding-left: 10px;
+    }
+  }
+}
+</style>

package/src/packages/index.ts

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