htui-yllkbz 1.3.26 → 1.3.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "htui-yllkbz",
-  "version": "1.3.26",
+  "version": "1.3.29",
   "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-15 16:04:55
 -->
 <template>
   <div id="app">
@@ -19,6 +19,9 @@
                       @change="change"></HtSelectBaseData>
     <HtSelectOrg :clearable="true"
                  @change="testuser"></HtSelectOrg>
+    -------------
+    <HtShowBaseType value="DeviceSystemType"></HtShowBaseType>
+    ----------
     <router-view></router-view>
   </div>
 </template>
@@ -27,11 +30,13 @@
 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 {

package/src/packages/HtBaseData/index.vue

@@ -659,6 +659,7 @@ export default class CommonDatas extends Vue {
     let checkList = [];
     if (ref && ref.getCheckedNodes() && ref.getCheckedNodes()[0] !== null) {
       checkList = ref.getCheckedNodes();
+      this.state.selectValData[key] = [checkList[0].data];
     } else if (
       ref &&
       ref.getCheckedNodes() &&

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
 }