htui-yllkbz 1.3.36 → 1.3.39

package/package.json

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

package/src/packages/HtBaseData/index.vue

@@ -11,8 +11,10 @@
       <el-cascader
         v-if="!state.configJson['departmentId'].panel"
         :disabled="!!disabled"
+        :append-to-body="appendToBody"
         class="component-item"
         :class="comClass"
+        style="width:100%"
         :style="comStyle || ''"
         :filterable="!state.configJson['departmentId'].multiple"
         :clearable="state.configJson['departmentId'].clearable"
@@ -38,7 +40,9 @@
       <el-cascader-panel
         v-if="state.configJson['departmentId'].panel"
         class="component-item"
+        :append-to-body="appendToBody"
         :class="comClass"
+        style="width:100%"
         :style="comStyle || ''"
         :placeholder="placeholder || `请选择部门`"
         v-model="state.selectVal['departmentId']"
@@ -63,11 +67,13 @@
     <!-- 选择人员 -->
     <el-select
       v-model="state.selectVal['userId']"
+      :popper-append-to-body="appendToBody"
       :placeholder="placeholder || '请选择人员'"
       :filterable="!state.configJson['userId'].multiple"
       :disabled="!!disabled"
       :style="comStyle || ''"
       class="component-item"
+      style="width:100%"
       @click.native="selectClick($event)"
       v-if="state.configJson['userId'] && state.configJson['userId'].show"
       :multiple="state.configJson['userId'].multiple"
@@ -111,9 +117,11 @@
       "
     >
       <el-cascader
+        :append-to-body="appendToBody"
         v-if="!state.configJson['departmentUser'].panel"
         :disabled="!!disabled"
         class="component-item"
+        style="width:100%"
         :filterable="!state.configJson['departmentUser'].multiple"
         :class="comClass"
         :style="comStyle || ''"
@@ -145,7 +153,7 @@
               float: left;
               width: 14px;
               height: 14px;
-              background: #4ecc7a;
+              background: var(--primary);
               line-height: 34px;
               margin-top: 10px;
               border-radius: 10px;
@@ -171,9 +179,11 @@
       </el-cascader>
       <el-cascader-panel
         v-else
+        :append-to-body="appendToBody"
         :style="panStyle"
         :filterable="!state.configJson['departmentUser'].multiple"
         class="component-item"
+        style="width:100%"
         :placeholder="placeholder || `请选择部门下人员`"
         v-model="state.selectVal['departmentUser']"
         :props="{
@@ -198,7 +208,7 @@
               float: left;
               width: 14px;
               height: 14px;
-              background: #4ecc7a;
+              background: var(--primary);
               line-height: 34px;
               margin-top: 10px;
               border-radius: 10px;
@@ -228,6 +238,7 @@
       <!-- 选择严重等级 -->
       <template v-if="item.code == 'SeverityLevel'">
         <el-select
+          :popper-append-to-body="appendToBody"
           v-if="state.configJson[item.code] && state.configJson[item.code].show"
           v-model="state.selectVal[item.code]"
           :disabled="!!disabled"
@@ -236,6 +247,7 @@
           :placeholder="placeholder || '请选择严重等级'"
           :filterable="!state.configJson[item.code].multiple"
           class="component-item"
+          style="width:100%"
           @click.native="selectClick($event)"
           @change="setSelctItem(item.code)"
         >
@@ -263,6 +275,7 @@
       <!-- 选择响应列表 -->
       <template v-else-if="item.code == 'ResponseList'">
         <el-select
+          :popper-append-to-body="appendToBody"
           v-if="state.configJson[item.code] && state.configJson[item.code].show"
           v-model="state.selectVal[item.code]"
           :key="item.id"
@@ -302,12 +315,14 @@
           v-if="state.configJson[item.code] && state.configJson[item.code].show"
         >
           <el-cascader
+            :append-to-body="appendToBody"
             v-if="!state.configJson[item.code].panel"
             :placeholder="placeholder || `请选择${item.name}`"
             :disabled="!!disabled"
             class="component-item"
             :style="comStyle || ''"
             :key="item.id"
+            style="width:100%"
             :filterable="!state.configJson[item.code].multiple"
             :clearable="state.configJson[item.code].clearable"
             @click.native="selectClick($event)"
@@ -329,9 +344,11 @@
           ></el-cascader>
           <el-cascader-panel
             v-else
+            :append-to-body="appendToBody"
             @click.native="selectClick($event)"
             :placeholder="placeholder || `请选择${item.name}`"
             class="component-item"
+            style="width:100%"
             :key="item.id"
             :style="panStyle"
             v-model="state.selectVal[item.code]"
@@ -534,6 +551,7 @@ export default class CommonDatas extends Vue {
   @Prop() org?: string;
   /** 是否禁用 */
   @Prop() disabled?: string;
+  @Prop({ default: true }) appendToBody?: boolean;
 
   /** 人员 */
   /** 数据 */
@@ -907,7 +925,7 @@ export default class CommonDatas extends Vue {
 }
 </style>
 <style lang="scss">
-$primary-color: #4ecc7a;
+$primary-color: var(--primary);
 .component-item .el-input--suffix .el-input__inner {
   background: none;
   height: 32px !important;

package/src/packages/HtMd/index.vue

@@ -4,24 +4,26 @@
  * @Author: hutao
  * @Date: 2021-12-21 16:24:07
  * @LastEditors: hutao
- * @LastEditTime: 2021-12-22 09:58:44
+ * @LastEditTime: 2022-07-18 14:59:56
 -->
 <template>
-  <mavon-editor v-model="state.content"
-                :subfield="subfield"
-                default_open="{}"
-                ref="md"
-                @save="save"
-                :placeholder="placeholder"
-                :editable="!disabled"
-                @imgAdd="addImg"
-                @change="change" />
+  <mavon-editor
+    v-model="state.content"
+    :subfield="subfield"
+    default_open="{}"
+    ref="md"
+    @save="save"
+    :placeholder="placeholder"
+    :editable="!disabled"
+    @imgAdd="addImg"
+    @change="change"
+  />
 </template>
-<script lang='ts'>
-import { Component, Prop, Vue, Watch } from "vue-property-decorator";
-import mavonEditor from "mavon-editor";
-import "mavon-editor/dist/css/index.css";
-import { _axios } from "vue-kst-auth";
+<script lang="ts">
+import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
+import mavonEditor from 'mavon-editor';
+import 'mavon-editor/dist/css/index.css';
+import { _axios } from 'vue-kst-auth';
 Vue.use(mavonEditor);
 interface State {
   /** 数据状态 */
@@ -43,7 +45,7 @@ export default class HtMd extends Vue {
   /** 数据 */
   state: State = {
     loading: false,
-    content: "",
+    content: '',
   };
   /** 生命周期 */
   created() {
@@ -53,17 +55,17 @@ export default class HtMd extends Vue {
   /**  添加图片 */
   addImg(e: number, f: File) {
     if (this.changImg) {
-      this.$emit("callBackImg", e, f);
+      this.$emit('callBackImg', e, f);
       return;
     }
     const formdata = new FormData();
-    formdata.append("file", f);
+    formdata.append('file', f);
     //将下面上传接口替换为你自己的服务器接口
     _axios({
-      url: "/files/api/filing/file/upload",
-      method: "post",
+      url: '/files/api/filing/file/upload',
+      method: 'post',
       data: formdata,
-      headers: { "Content-Type": "multipart/form-data" },
+      headers: { 'Content-Type': 'multipart/form-data' },
     }).then((res) => {
       if (res.status === 200) {
         (this.$refs.md as any).$img2Url(
@@ -72,28 +74,25 @@ export default class HtMd extends Vue {
         );
       }
     });
-
     //
   }
   /** 实时改变 */
   change(e: string, text: string) {
-    this.$emit("input", e);
-
-    this.$emit("change", e, text);
-
+    this.$emit('input', e);
+    this.$emit('change', e, text);
     //
   }
   /**  保存数据 */
   save(e: string, text: string) {
-    this.$emit("save", e, text);
+    this.$emit('save', e, text);
   }
 
   /** 监听 */
-  @Watch("value", { deep: true })
+  @Watch('value', { deep: true })
   onContent(val: string) {
     this.state.content = val;
   }
   /** 计算属性 */
 }
 </script>
-<style lang='scss' scoped></style>
+<style lang="scss" scoped></style>

package/src/packages/HtSelectBaseData/index.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-12-30 15:47:47
  * @LastEditors: hutao
- * @LastEditTime: 2022-07-17 11:34:00
+ * @LastEditTime: 2022-08-07 15:09:05
 -->
 
 <template>
@@ -20,6 +20,7 @@
       <HtBaseData
         v-else
         :org="org"
+        :appendToBody="appendToBody"
         :placeholder="placeholder"
         :hide-code="hideCode"
         :disabled="disabled"
@@ -82,6 +83,7 @@ export default class HtSelectBaseData extends Vue {
   @Prop({ default: false }) multiple!: boolean;
   @Prop({ default: false }) checkStrictly!: boolean;
   @Prop({ default: true }) showAllLevels!: boolean;
+  @Prop({ default: true }) appendToBody?: boolean;
   /** 数据 */
   state: State = {
     loading: false,

package/src/packages/HtSelectOrg/index.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-12-30 14:29:14
  * @LastEditors: hutao
- * @LastEditTime: 2022-07-17 11:32:50
+ * @LastEditTime: 2022-08-07 15:05:01
 -->
 <template>
   <span v-if="readonly">
@@ -20,6 +20,7 @@
     :org="org"
     :placeholder="placeholder"
     :disabled="disabled"
+    :appendToBody="appendToBody"
     com-style="background:#fff"
     :config-json="configJson"
     com-class="ht-item-common"
@@ -53,6 +54,7 @@ export default class HtSelectOrg extends Vue {
   @Prop({ default: false }) multiple?: boolean;
   @Prop({ default: true }) showAllLevels?: boolean;
   @Prop({ default: true }) checkStrictly?: boolean;
+  @Prop({ default: true }) appendToBody?: boolean;
   @Prop() collapseTags!: boolean;
   /* 是否只读 */
   @Prop({ default: false }) readonly?: boolean;

package/src/packages/HtSelectUser/index.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-12-30 14:29:14
  * @LastEditors: hutao
- * @LastEditTime: 2022-07-17 11:33:13
+ * @LastEditTime: 2022-08-07 15:04:46
 -->
 <template>
   <span v-if="readonly">
@@ -21,6 +21,7 @@
     :placeholder="placeholder"
     :disabled="disabled"
     com-style="background:#fff"
+    :appendToBody="appendToBody"
     :config-json="configJson"
     com-class="ht-item-common"
     @change="searchCommonData"
@@ -57,6 +58,7 @@ export default class HtSelectUser extends Vue {
   @Prop({ default: false }) readonly?: boolean;
   @Prop({ default: false }) panel?: boolean;
   @Prop({ default: false }) collapseTags?: boolean;
+  @Prop({ default: true }) appendToBody?: boolean;
   /** 数据 */
   state: State = {
     loading: false,

package/src/packages/common.ts

@@ -0,0 +1,70 @@
+/*
+ * @Descripttion: 
+ * @version: 
+ * @Author: hutao
+ * @Date: 2022-07-18 15:01:02
+ * @LastEditors: hutao
+ * @LastEditTime: 2022-07-18 15:03:00
+ */
+import moment from "moment";
+
+/**    生成唯一Id
+ * @params e 生成的id位数 默认32
+ */
+export const randomString = (e = 32) => {
+  /** 生成格式17位的时间YYYY-MM-DD HH:mm:ss.SSS加(e-17)位的随机数 */
+  const t = "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz23456789",
+    a = t.length;
+  const now = moment().format('YYYYMMDDHHmmssSSS')
+  let n = "";
+  if (e > 17) {
+    n = now
+
+    for (let i = 0; i < (e - 17); i++) {
+      n += t.charAt(Math.floor(Math.random() * a));
+    }
+  }
+  else if (e === 17) {
+    n = now
+  }
+  else {
+    for (let i = 0; i < e; i++) {
+      n += t.charAt(Math.floor(Math.random() * a));
+    }
+  }
+
+  return n;
+}
+/** 时间计算
+@params fromDate 开始时间
+@params toDate 结束时间
+ */
+export const dateLess = (fromDate: string, toDate: string) => {
+  if (fromDate && toDate) {
+    const date = new Date(fromDate);
+    const date2 = new Date(toDate);
+    const s1: number = date.getTime(),
+      s2 = date2.getTime();
+    const total: number = (s2 - s1) / 1000;
+    const day: number = parseInt((total / (24 * 60 * 60)).toString()); //计算整数天数
+    const afterDay: number = total - day * 24 * 60 * 60; //取得算出天数后剩余的秒数
+    const hour: number = parseInt((afterDay / (60 * 60)).toString()); //计算整数小时数
+    const afterHour = total - day * 24 * 60 * 60 - hour * 60 * 60; //取得算出小时数后剩余的秒数
+    const min: number = parseInt((afterHour / 60).toString()); //计算整数分
+    const afterMin: number =
+      parseInt((total - day * 24 * 60 * 60 - hour * 60 * 60 - min * 60).toString()); //取得算出分后剩余的秒数
+    if (day === 0) {
+      if (hour === 0) {
+        return min + "分" + afterMin + "秒";
+      } else {
+        return hour + "小时" + min + "分" + afterMin + "秒";
+      }
+    } else {
+      return day + "天" + hour + "小时" + min + "分" + afterMin + "秒";
+    }
+  }
+  else {
+    return "-"
+  }
+
+}

package/src/packages/style.scss

@@ -11,3 +11,46 @@
     float: right;
   }
 }
+.component-item {
+  width: 100%;
+  + .component-item {
+    margin-top: 10px;
+  }
+}
+.item-origin {
+  border-radius: 50%;
+  border-width: 0px 7px;
+  margin-right: 6px;
+  border-style: solid;
+}
+$primary-color: var(--primary);
+.component-item .el-input--suffix .el-input__inner {
+  background: none;
+  height: 32px !important;
+}
+.component-item .is-disabled .el-input__inner {
+  background: #f5f5f5;
+}
+.ht-user-dot {
+  padding: 0;
+  margin: 0;
+  float: left;
+  width: 14px;
+  height: 14px;
+  background: $primary-color;
+  line-height: 34px;
+  margin-top: 10px;
+  border-radius: 10px;
+  margin-right: 4px;
+}
+.ht-user-name {
+  padding: 0;
+  margin: 0;
+  float: left;
+}
+.ht-user-dot-disabled {
+  background: #ccc;
+}
+.ht-user-disabled {
+  color: #ddd;
+}