htui-yllkbz 1.3.87 → 1.3.88

package/package.json

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

package/src/App.vue

@@ -4,49 +4,17 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2023-01-09 16:52:40
+ * @LastEditTime: 2023-01-15 16:24:16
 -->
 <template>
   <div id="app">
     <el-button type="" @click="test">测试</el-button>
-    <HtSelectBaseData
-      dataTypeId="chengbenzhongxin"
-      v-model="state.value"
-      :multiple="false"
-      @change="change"
-    ></HtSelectBaseData>
-    <HtSelectBaseData
-      :byCode="true"
-      :multiple="false"
-      :clearable="true"
-      dataTypeId="SeverityLevel"
-      v-model="state.value"
-      @change="change"
-    ></HtSelectBaseData>
-    <HtSelectUser
-      :clearable="true"
-      :multiple="true"
-      :heightAuto="true"
-      :checkStrictly="false"
-      v-model="state.value"
-      @change="testuser"
-    ></HtSelectUser>
-    <!-- <HtSelectOrg :clearable="true"
-                 v-model="state.value"
-                 @change="testuser"></HtSelectOrg> -->
-    ------------- ----------
-    <HtSelectTimeSlot
-      v-model="state.timeValue"
-      :width="'60px'"
-    ></HtSelectTimeSlot>
-    <HtSelectTimeSlot
-      v-model="state.timeValue"
-      :readonly="true"
-      :width="'60px'"
-    ></HtSelectTimeSlot>
+
     <ul>
       <li>8888<HtMore></HtMore></li>
     </ul>
+    <HtSelectPosition v-model="state.value"></HtSelectPosition>
+    <HtSelectPosition :readonly="true" v-model="state.value"></HtSelectPosition>
     <router-view></router-view>
   </div>
 </template>
@@ -58,7 +26,9 @@ import HtSelectOrg from '@/packages/HtSelectOrg';
 import HtSelectUser from '@/packages/HtSelectUser';
 import HtShowBaseType from '@/packages/HtShowBaseType';
 import HtSelectTimeSlot from '@/packages/HtSelectTimeSlot';
+import HtSelectPosition from '@/packages/HtSelectPosition';
 import HtMore from '@/packages/HtMore';
+import HtSelectUnit from '@/packages/HtSelectUnit';
 import { mgr } from '@/plugins/oidc-client';
 @Component({
   components: {
@@ -68,12 +38,282 @@ import { mgr } from '@/plugins/oidc-client';
     HtSelectUser,
     HtSelectTimeSlot,
     HtMore,
+    HtSelectUnit,
+    HtSelectPosition,
   },
 })
 export default class App extends Vue {
   state = {
-    value: ['95bd1bfd-59d8-f88b-2b65-39f97d1da058'],
+    value: '',
     timeValue: undefined,
+    options: [
+      {
+        value: 'zhinan',
+        label: '指南',
+        children: [
+          {
+            value: 'shejiyuanze',
+            label: '设计原则',
+            children: [
+              {
+                value: 'yizhi',
+                label: '一致',
+              },
+              {
+                value: 'fankui',
+                label: '反馈',
+              },
+              {
+                value: 'xiaolv',
+                label: '效率',
+              },
+              {
+                value: 'kekong',
+                label: '可控',
+              },
+            ],
+          },
+          {
+            value: 'daohang',
+            label: '导航',
+            children: [
+              {
+                value: 'cexiangdaohang',
+                label: '侧向导航',
+              },
+              {
+                value: 'dingbudaohang',
+                label: '顶部导航',
+              },
+            ],
+          },
+        ],
+      },
+      {
+        value: 'zujian',
+        label: '组件',
+        children: [
+          {
+            value: 'basic',
+            label: 'Basic',
+            children: [
+              {
+                value: 'layout',
+                label: 'Layout 布局',
+              },
+              {
+                value: 'color',
+                label: 'Color 色彩',
+              },
+              {
+                value: 'typography',
+                label: 'Typography 字体',
+              },
+              {
+                value: 'icon',
+                label: 'Icon 图标',
+              },
+              {
+                value: 'button',
+                label: 'Button 按钮',
+              },
+            ],
+          },
+          {
+            value: 'form',
+            label: 'Form',
+            children: [
+              {
+                value: 'radio',
+                label: 'Radio 单选框',
+              },
+              {
+                value: 'checkbox',
+                label: 'Checkbox 多选框',
+              },
+              {
+                value: 'input',
+                label: 'Input 输入框',
+              },
+              {
+                value: 'input-number',
+                label: 'InputNumber 计数器',
+              },
+              {
+                value: 'select',
+                label: 'Select 选择器',
+              },
+              {
+                value: 'cascader',
+                label: 'Cascader 级联选择器',
+              },
+              {
+                value: 'switch',
+                label: 'Switch 开关',
+              },
+              {
+                value: 'slider',
+                label: 'Slider 滑块',
+              },
+              {
+                value: 'time-picker',
+                label: 'TimePicker 时间选择器',
+              },
+              {
+                value: 'date-picker',
+                label: 'DatePicker 日期选择器',
+              },
+              {
+                value: 'datetime-picker',
+                label: 'DateTimePicker 日期时间选择器',
+              },
+              {
+                value: 'upload',
+                label: 'Upload 上传',
+              },
+              {
+                value: 'rate',
+                label: 'Rate 评分',
+              },
+              {
+                value: 'form',
+                label: 'Form 表单',
+              },
+            ],
+          },
+          {
+            value: 'data',
+            label: 'Data',
+            children: [
+              {
+                value: 'table',
+                label: 'Table 表格',
+              },
+              {
+                value: 'tag',
+                label: 'Tag 标签',
+              },
+              {
+                value: 'progress',
+                label: 'Progress 进度条',
+              },
+              {
+                value: 'tree',
+                label: 'Tree 树形控件',
+              },
+              {
+                value: 'pagination',
+                label: 'Pagination 分页',
+              },
+              {
+                value: 'badge',
+                label: 'Badge 标记',
+              },
+            ],
+          },
+          {
+            value: 'notice',
+            label: 'Notice',
+            children: [
+              {
+                value: 'alert',
+                label: 'Alert 警告',
+              },
+              {
+                value: 'loading',
+                label: 'Loading 加载',
+              },
+              {
+                value: 'message',
+                label: 'Message 消息提示',
+              },
+              {
+                value: 'message-box',
+                label: 'MessageBox 弹框',
+              },
+              {
+                value: 'notification',
+                label: 'Notification 通知',
+              },
+            ],
+          },
+          {
+            value: 'navigation',
+            label: 'Navigation',
+            children: [
+              {
+                value: 'menu',
+                label: 'NavMenu 导航菜单',
+              },
+              {
+                value: 'tabs',
+                label: 'Tabs 标签页',
+              },
+              {
+                value: 'breadcrumb',
+                label: 'Breadcrumb 面包屑',
+              },
+              {
+                value: 'dropdown',
+                label: 'Dropdown 下拉菜单',
+              },
+              {
+                value: 'steps',
+                label: 'Steps 步骤条',
+              },
+            ],
+          },
+          {
+            value: 'others',
+            label: 'Others',
+            children: [
+              {
+                value: 'dialog',
+                label: 'Dialog 对话框',
+              },
+              {
+                value: 'tooltip',
+                label: 'Tooltip 文字提示',
+              },
+              {
+                value: 'popover',
+                label: 'Popover 弹出框',
+              },
+              {
+                value: 'card',
+                label: 'Card 卡片',
+              },
+              {
+                value: 'carousel',
+                label: 'Carousel 走马灯',
+              },
+              {
+                value: 'collapse',
+                label: 'Collapse 折叠面板',
+              },
+            ],
+          },
+        ],
+      },
+      {
+        value: 'ziyuan',
+        label: '资源',
+        children: [
+          {
+            value: 'axure',
+            label: 'Axure Components',
+          },
+          {
+            value: 'sketch',
+            label: 'Sketch Templates',
+          },
+          {
+            value: 'jiaohu',
+            label: '组件交互文档',
+          },
+        ],
+      },
+    ],
   };
   /** 生命周期 */
   created() {

package/src/packages/HtSelectPosition/index.ts

@@ -0,0 +1,14 @@
+/*
+ * @Descripttion:选择资产单位
+ * @version:
+ * @Author: hutao
+ * @Date: 2021-11-15 15:00:57
+ * @LastEditors: hutao
+ * @LastEditTime: 2023-01-15 14:45:42
+ */
+import HtSelectPosition from "./index.vue";
+(HtSelectPosition as any).install = function (Vue: any) {
+
+  Vue.component("HtSelectPosition", HtSelectPosition);
+};
+export default HtSelectPosition;

package/src/packages/HtSelectPosition/index.vue

@@ -0,0 +1,203 @@
+<!--
+ * @Descripttion:位置选择 
+ * @version: 
+ * @Author: hutao
+ * @Date: 2021-12-30 14:29:14
+ * @LastEditors: hutao
+ * @LastEditTime: 2023-01-15 16:06:20
+-->
+<template>
+  <span v-if="readonly">
+    {{ state.positionName }}
+  </span>
+  <el-cascader
+    v-else
+    :size="size"
+    popper-class="ht-cascader-poper"
+    :placeholder="placeholder || `请选择`"
+    :disabled="!!disabled"
+    class="component-item"
+    style="width:100%"
+    :filterable="true"
+    :clearable="clearable"
+    :collapse-tags="collapseTags"
+    :show-all-levels="showAllLevels"
+    :props="{
+      label: defalutName,
+      value: 'id',
+      expandTrigger: 'click',
+      emitPath: false,
+      checkStrictly: checkStrictly,
+      multiple: multiple,
+    }"
+    ref="HtSelectPosition"
+    v-model="state.value"
+    :options="options"
+    @change="handleChange"
+  >
+  </el-cascader>
+</template>
+<script lang="ts">
+import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
+import { _axios } from 'vue-kst-auth';
+interface State {
+  /** 数据状态 */
+  loading: boolean;
+  value: any;
+  positionName?: string;
+  /** 所有位置 */
+  allPositionList: any[];
+  /** 所有分类 */
+  unitCategory: any[];
+}
+@Component({
+  name: 'HtSelectPosition',
+})
+export default class HtSelectUser extends Vue {
+  @Prop() value!: string;
+  @Prop() org!: string;
+  @Prop() size!: string;
+  /** 是否禁用 */
+  @Prop() disabled?: boolean;
+  @Prop() heightAuto?: boolean;
+  @Prop() placeholder?: string;
+  /** 是否可以清除 */
+  @Prop() clearable?: boolean;
+  @Prop({ default: true }) show?: boolean;
+  @Prop({ default: false }) multiple?: boolean;
+  @Prop({ default: true }) showAllLevels?: boolean;
+  @Prop({ default: false }) checkStrictly?: boolean;
+  /* 是否只读 */
+  @Prop({ default: false }) readonly?: boolean;
+  @Prop({ default: false }) panel?: boolean;
+  @Prop({ default: false }) collapseTags?: boolean;
+  @Prop({ default: true }) appendToBody?: boolean;
+  @Prop({ default: 'name' }) defalutName?: string;
+  /** 父级id */
+  @Prop() parentId?: string;
+  /** 用途 */
+  @Prop() purposeCode?: string;
+
+  /* 单位分类id */
+  @Prop() categoyId?: string;
+  /** 是否只选择分类列表 */
+  @Prop({ default: false }) onlyCategoy?: string;
+  /** 数据 */
+  state: State = {
+    loading: false,
+    value: undefined,
+    positionName: undefined,
+    allPositionList: [],
+    unitCategory: [],
+  };
+  /** 生命周期 */
+  created() {
+    //
+  }
+  /** 根据id获取单个 */
+  getSingle(val?: string) {
+    if (val) {
+      /** 有数据就缓存 没有数据就调用接口 */
+      const positionName = window.sessionStorage.getItem(`position${val}`);
+      if (positionName) {
+        this.state.positionName = positionName;
+      } else {
+        _axios
+          .get(
+            `/PositionManagement/api/position-management/position/get?id=${val}`
+          )
+          .then((res) => {
+            const data = res.data;
+            this.state.positionName = `${data.displayName}${
+              data.positionCode ? `(${data.positionCode})` : ''
+            }`;
+            /** 缓存位置信息 */
+            window.sessionStorage.setItem(
+              `position${val}`,
+              this.state.positionName
+            );
+          });
+      }
+    } else {
+      this.state.positionName = '';
+    }
+  }
+
+  /** 获取单位列表 */
+  getAllList(org: string) {
+    _axios
+      .post(
+        '/PositionManagement/api/position-management/position/get-list-all',
+        {
+          parentId: this.parentId,
+          manageOrganizationUnitId: org,
+          positionPurposeCode: this.purposeCode,
+          isTree: true,
+        }
+      )
+      .then((res) => {
+        const data = res.data.items || [];
+
+        this.state.allPositionList = data;
+      });
+  }
+  /** 方法 */
+  /**选择回调 */
+  handleChange(e?: string | string[]) {
+    const allData = [...this.state.allPositionList];
+    if (!e || !e.length) {
+      this.$emit('input', e);
+      this.$emit('change', e);
+    } else {
+      let seletId: any = {};
+      if (Array.isArray(e)) {
+        e.forEach((item) => {
+          seletId = { ...seletId, [item]: true };
+        });
+      } else {
+        seletId = { [e]: true };
+      }
+      const data = allData.filter((item) => seletId[item.id]);
+      this.$emit('input', e, data);
+      this.$emit('change', e, data);
+    }
+  }
+  @Watch('value', { immediate: true })
+  setValue(val: any) {
+    this.state.value = val;
+    if (this.readonly) {
+      this.getSingle(val);
+    } else {
+      // this.getAllList(this.org);
+    }
+  }
+  @Watch('org', { immediate: true })
+  getList(val: any) {
+    if (this.readonly) {
+      //
+    } else {
+      this.getAllList(val);
+    }
+  }
+  formatData(data: any[]) {
+    for (let i = 0; i < data.length; i++) {
+      const item = data[i];
+      item.name = `${item.displayName}${
+        item.positionCode ? `(${item.positionCode})` : ''
+      }`;
+      if (item.children.length < 1) {
+        item.children = undefined;
+      } else {
+        this.formatData(item.children);
+      }
+    }
+    return data;
+  }
+  get options() {
+    const { allPositionList } = this.state;
+    const allData = this.formatData(allPositionList);
+    return allData;
+  }
+}
+</script>
+<style lang="scss" scoped></style>

package/src/packages/HtSelectUnit/index.ts

@@ -0,0 +1,14 @@
+/*
+ * @Descripttion:选择资产单位
+ * @version:
+ * @Author: hutao
+ * @Date: 2021-11-15 15:00:57
+ * @LastEditors: hutao
+ * @LastEditTime: 2023-01-12 16:58:07
+ */
+import HtSelectUnit from "./index.vue";
+(HtSelectUnit as any).install = function (Vue: any) {
+
+  Vue.component("HtSelectUnit", HtSelectUnit);
+};
+export default HtSelectUnit;