htui-yllkbz 1.3.32 → 1.3.36

package/src/packages/HtSelectBaseData/index.vue

@@ -4,32 +4,40 @@
  * @Author: hutao
  * @Date: 2021-12-30 15:47:47
  * @LastEditors: hutao
- * @LastEditTime: 2022-06-12 09:45:43
+ * @LastEditTime: 2022-07-17 11:34:00
 -->
 
 <template>
   <div>
     <template v-if="!readonly">
-      <el-select value=""
-                 v-if="!dataTypeId"
-                 :disabled="disabled"
-                 style="width:100%"
-                 placeholder="请选择"></el-select>
-      <HtBaseData v-else
-                  :disabled="disabled"
-                  com-style="background:#fff"
-                  :config-json="configJson"
-                  @change="getCommonData"></HtBaseData>
-
+      <el-select
+        value=""
+        v-if="!dataTypeId"
+        :disabled="disabled"
+        style="width:100%"
+        placeholder="请选择"
+      ></el-select>
+      <HtBaseData
+        v-else
+        :org="org"
+        :placeholder="placeholder"
+        :hide-code="hideCode"
+        :disabled="disabled"
+        com-style="background:#fff"
+        :config-json="configJson"
+        @change="getCommonData"
+      ></HtBaseData>
     </template>
     <div v-else>
-      <HtShowBaseData v-if="this.value"
-                      :hide-code="hideCode"
-                      :show-all-level="showAllLevels"
-                      :base-data-id='this.value'
-                      :base-data-info='true'
-                      com-style="font-size:12px"
-                      style="font-size:12px">
+      <HtShowBaseData
+        v-if="this.value"
+        :hide-code="hideCode"
+        :show-all-level="showAllLevels"
+        :base-data-id="this.value"
+        :base-data-info="true"
+        com-style="font-size:12px"
+        style="font-size:12px"
+      >
       </HtShowBaseData>
       <!-- <div is='common-datas-info-id'
            com-style="font-size:12px"
@@ -38,21 +46,19 @@
            :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";
-import HtShowBaseData from "@/packages/HtShowBaseData";
-import HtBaseData from "@/packages/HtBaseData";
+<script lang="ts">
+import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
+import HtShowBaseData from '@/packages/HtShowBaseData';
+import HtBaseData from '@/packages/HtBaseData';
 interface State {
   /** 数据状态 */
   loading: boolean;
   value?: string;
 }
 @Component({
-  name: "HtSelectBaseData",
+  name: 'HtSelectBaseData',
   components: {
     HtShowBaseData,
     HtBaseData,
@@ -60,6 +66,8 @@ interface State {
 })
 export default class HtSelectBaseData extends Vue {
   @Prop() value!: string;
+  @Prop() org?: string;
+  @Prop() placeholder?: string;
   /** 是否禁用 */
   @Prop({ default: false }) disabled?: boolean;
   /* 是否只读 */
@@ -77,7 +85,7 @@ export default class HtSelectBaseData extends Vue {
   /** 数据 */
   state: State = {
     loading: false,
-    value: "",
+    value: '',
   };
   /** 生命周期 */
   created() {
@@ -102,13 +110,13 @@ export default class HtSelectBaseData extends Vue {
         data = dep[0].id;
       }
     }
-    this.$emit("input", data);
-    this.$emit("change", data, dep);
+    this.$emit('input', data);
+    this.$emit('change', data, dep);
     // this.$emit("input", id);
     // this.$emit("change", id, data[this.dataTypeId][0]);
   }
   /** 监听 */
-  @Watch("value")
+  @Watch('value')
   onValue(val: string) {
     this.state.value = val;
   }
@@ -116,10 +124,10 @@ export default class HtSelectBaseData extends Vue {
   /** 选项列表 */
   /** 基础组件应用json */
   get configJson() {
-    const { dataTypeId = "", value } = this;
+    const { dataTypeId = '', value } = this;
     const body: { [key: string]: any } = {};
     body[dataTypeId] = {
-      name: "cece",
+      name: 'cece',
       show: true,
       filterable: true,
       clearable: this.clearable,
@@ -137,4 +145,4 @@ export default class HtSelectBaseData extends Vue {
   }
 }
 </script>
-<style lang='scss' scoped></style>
+<style lang="scss" scoped></style>

package/src/packages/HtSelectOrg/index.vue

@@ -4,33 +4,38 @@
  * @Author: hutao
  * @Date: 2021-12-30 14:29:14
  * @LastEditors: hutao
- * @LastEditTime: 2022-06-12 09:52:13
+ * @LastEditTime: 2022-07-17 11:32:50
 -->
 <template>
   <span v-if="readonly">
-
-    <HtShowBaseData v-if="value"
-                    :department-id="JSON.stringify([value])"></HtShowBaseData>
+    <HtShowBaseData
+      v-if="value"
+      :org="org"
+      :department-id="JSON.stringify([value])"
+    ></HtShowBaseData>
     <span v-else> </span>
   </span>
-  <HtBaseData v-else
-              :disabled="disabled"
-              com-style="background:#fff"
-              :config-json="configJson"
-              com-class='ht-item-common'
-              @change="searchCommonData"></HtBaseData>
-
+  <HtBaseData
+    v-else
+    :org="org"
+    :placeholder="placeholder"
+    :disabled="disabled"
+    com-style="background:#fff"
+    :config-json="configJson"
+    com-class="ht-item-common"
+    @change="searchCommonData"
+  ></HtBaseData>
 </template>
-<script lang='ts'>
-import { Component, Prop, Vue } from "vue-property-decorator";
-import HtShowBaseData from "@/packages/HtShowBaseData";
-import HtBaseData from "@/packages/HtBaseData";
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-property-decorator';
+import HtShowBaseData from '@/packages/HtShowBaseData';
+import HtBaseData from '@/packages/HtBaseData';
 interface State {
   /** 数据状态 */
   loading: boolean;
 }
 @Component({
-  name: "HtSelectOrg",
+  name: 'HtSelectOrg',
   components: {
     HtShowBaseData,
     HtBaseData,
@@ -40,6 +45,8 @@ export default class HtSelectOrg extends Vue {
   @Prop() value!: string;
   /** 是否禁用 */
   @Prop() disabled?: boolean;
+  @Prop() placeholder?: string;
+  @Prop() org?: string;
   /** 是否可以清除 */
   @Prop() clearable?: boolean;
   @Prop({ default: true }) show?: boolean;
@@ -58,7 +65,7 @@ export default class HtSelectOrg extends Vue {
   /** 方法 */
   /**部门选择回调 */
   searchCommonData(res: any) {
-    const dep = res["departmentId"];
+    const dep = res['departmentId'];
 
     let data = undefined;
     if (dep.length) {
@@ -72,19 +79,19 @@ export default class HtSelectOrg extends Vue {
         data = dep[0].id;
       }
     }
-    this.$emit("input", data);
-    this.$emit("change", data);
+    this.$emit('input', data);
+    this.$emit('change', data);
   }
   /** 监听 */
   get configJson() {
     return JSON.stringify({
       departmentId: {
-        name: "部门树结构",
+        name: '部门树结构',
         show: this.show,
         disabled: this.disabled,
         showAllLevels: this.showAllLevels,
         multiple: this.multiple,
-        code: "departmentId",
+        code: 'departmentId',
         data: {},
         checkStrictly: this.checkStrictly,
         collapseTags: this.collapseTags,
@@ -97,4 +104,4 @@ export default class HtSelectOrg extends Vue {
   /** 计算属性 */
 }
 </script>
-<style lang='scss' scoped></style>
+<style lang="scss" scoped></style>

package/src/packages/HtSelectUser/index.vue

@@ -4,33 +4,38 @@
  * @Author: hutao
  * @Date: 2021-12-30 14:29:14
  * @LastEditors: hutao
- * @LastEditTime: 2022-06-12 09:52:33
+ * @LastEditTime: 2022-07-17 11:33:13
 -->
 <template>
-
   <span v-if="readonly">
-    <HtShowBaseData v-if="value"
-                    :user-id="JSON.stringify([value])"></HtShowBaseData>
+    <HtShowBaseData
+      v-if="value"
+      :user-id="JSON.stringify([value])"
+      :org="org"
+    ></HtShowBaseData>
     <span v-else> </span>
   </span>
-  <HtBaseData v-else
-              :disabled="disabled"
-              com-style="background:#fff"
-              :config-json="configJson"
-              com-class='ht-item-common'
-              @change="searchCommonData"></HtBaseData>
-
+  <HtBaseData
+    v-else
+    :org="org"
+    :placeholder="placeholder"
+    :disabled="disabled"
+    com-style="background:#fff"
+    :config-json="configJson"
+    com-class="ht-item-common"
+    @change="searchCommonData"
+  ></HtBaseData>
 </template>
-<script lang='ts'>
-import { Component, Prop, Vue } from "vue-property-decorator";
-import HtShowBaseData from "@/packages/HtShowBaseData";
-import HtBaseData from "@/packages/HtBaseData";
+<script lang="ts">
+import { Component, Prop, Vue } from 'vue-property-decorator';
+import HtShowBaseData from '@/packages/HtShowBaseData';
+import HtBaseData from '@/packages/HtBaseData';
 interface State {
   /** 数据状态 */
   loading: boolean;
 }
 @Component({
-  name: "HtSelectUser",
+  name: 'HtSelectUser',
   components: {
     HtShowBaseData,
     HtBaseData,
@@ -38,8 +43,10 @@ interface State {
 })
 export default class HtSelectUser extends Vue {
   @Prop() value!: string;
+  @Prop() org!: string;
   /** 是否禁用 */
   @Prop() disabled?: boolean;
+  @Prop() placeholder?: string;
   /** 是否可以清除 */
   @Prop() clearable?: boolean;
   @Prop({ default: true }) show?: boolean;
@@ -58,7 +65,7 @@ export default class HtSelectUser extends Vue {
   /** 方法 */
   /**部门选择回调 */
   searchCommonData(res: any) {
-    const dep = res["departmentUser"];
+    const dep = res['departmentUser'];
 
     let data = undefined;
     if (dep.length) {
@@ -72,19 +79,19 @@ export default class HtSelectUser extends Vue {
         data = dep[0].id;
       }
     }
-    this.$emit("input", data);
-    this.$emit("change", data);
+    this.$emit('input', data);
+    this.$emit('change', data);
   }
   /** 监听 */
   get configJson() {
     return JSON.stringify({
       departmentUser: {
-        name: "部门树结构",
+        name: '部门树结构',
         show: this.show,
         disabled: this.disabled,
         showAllLevels: this.showAllLevels,
         multiple: this.multiple,
-        code: "departmentUser",
+        code: 'departmentUser',
         data: {},
         checkStrictly: false,
         panel: this.panel,
@@ -97,4 +104,4 @@ export default class HtSelectUser extends Vue {
   /** 计算属性 */
 }
 </script>
-<style lang='scss' scoped></style>
+<style lang="scss" scoped></style>