htui-yllkbz 2.0.2 → 2.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "htui-yllkbz",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "port": "8082",
   "typings": "types/index.d.ts",
   "main": "lib/htui.common.js",
@@ -54,4 +54,4 @@
     "typescript": "~3.9.3",
     "vue-template-compiler": "^2.6.11"
   }
-}
+}

package/src/App.vue

@@ -8,13 +8,14 @@
 -->
 <template>
   <div id="app">
-    <HtButtonText @click="handelClick">编辑</HtButtonText>
+    <!-- 111 -->
+    <!-- <HtButtonText @click="handelClick">编辑</HtButtonText>
 
     <HtButtonText type='delete'>编辑</HtButtonText>
     <HtSelectUser :isTag="true"
                   v-model="state.value"
                   :readonly="true">
-    </HtSelectUser>
+    </HtSelectUser> -->
     <!-- <iframe
       id="mainFrame"
       name="mainFrame"
@@ -81,11 +82,15 @@
       v-model="state.value"
       data-type-id="SeverityLevel"
     ></ht-select-base-data>  -->
-    <ht-select-base-data :onlyParent="true"
-                         v-model="state.value"
-                         :dataTypeId="'TextList'"></ht-select-base-data>
-    <ht-select-base-data :parentId="state.value"
-                         :dataTypeId="'TextList'"></ht-select-base-data>
+    <!-- <ht-select-base-data
+      :onlyParent="true"
+      v-model="state.value"
+      :dataTypeId="'TextList'"
+    ></ht-select-base-data>
+    <ht-select-base-data
+      :parentId="state.value"
+      :dataTypeId="'TextList'"
+    ></ht-select-base-data> -->
 
     <router-view></router-view>
   </div>

package/src/packages/HtButtonText/index.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2022-09-28 10:24:08
  * @LastEditors: hutao
- * @LastEditTime: 2025-03-31 15:29:34
+ * @LastEditTime: 2025-03-31 16:12:14
 -->
 <template>
   <el-button :loading="loading"

package/src/packages/HtSelectBaseData/index.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-12-30 15:47:47
  * @LastEditors: hutao
- * @LastEditTime: 2025-02-10 14:30:46
+ * @LastEditTime: 2025-03-31 16:23:07
 -->
 
 <template>
@@ -43,12 +43,12 @@
                       :base-data-id="!byCode ? value : undefined"
                       :base-data-value="byCode ? value : undefined"
                       :base-data-info="true"
-                      com-style="font-size:12px"
-                      style="font-size:12px">
+                      com-style="font-size:var(--font-size-content)"
+                      style="font-size:var(--font-size-content)">
       </HtShowBaseData>
 
       <!-- <div is='common-datas-info-id'
-           com-style="font-size:12px"
+           com-style="font-size:var(--font-size-content)"
            v-if="this.value"
            :hide-code="hideCode"
            :base-data-id='this.value'

package/src/packages/HtSelectDevice/index.ts

@@ -0,0 +1,13 @@
+/*
+ * @Descripttion:markdown 编辑器
+ * @version:
+ * @Author: hutao
+ * @Date: 2021-11-15 15:00:57
+ * @LastEditors: hutao
+ * @LastEditTime: 2021-12-21 16:24:26
+ */
+import HtSelectDevice from "./index.vue";
+(HtSelectDevice as any).install = function (Vue: any) {
+  Vue.component("HtSelectDevice", HtSelectDevice);
+};
+export default HtSelectDevice;

package/src/packages/HtSelectDevice/index.vue

@@ -0,0 +1,81 @@
+<!--
+ * @Descripttion:markdown编辑器 
+ * @version: 
+ * @Author: hutao
+ * @Date: 2021-12-21 16:24:07
+ * @LastEditors: hutao
+ * @LastEditTime: 2024-12-20 14:54:36
+-->
+<template>
+  <asset-select-assets-plus
+    :multiple="true"
+    :asset-type="'2'"
+    title="添加运维设备"
+    @callback="changeAsset"
+  >
+    <slot></slot>
+  </asset-select-assets-plus>
+</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";
+
+Vue.use(mavonEditor);
+interface State {
+  /** 数据状态 */
+  loading: boolean;
+  content: string;
+}
+@Component({
+  name: "HtSelectDevice",
+  components: {},
+})
+export default class HtMd extends Vue {
+  /**  是否加载图片的回调  callBackImg*/
+  @Prop() changImg!: boolean;
+  /**  是否禁用 */
+  @Prop() disabled!: boolean;
+  /**  v-model处理数据 */
+  @Prop() value!: string;
+  /**  placeholder */
+  @Prop() placeholder!: string;
+  /**  是否隐藏右侧预览界面 */
+  @Prop() subfield!: boolean;
+  @Prop({ default: "file-management-service" }) proxy?: string;
+  /** 数据 */
+  state: State = {
+    loading: false,
+    content: "",
+  };
+  /** 生命周期 */
+  created() {
+    this.state.content = this.value;
+  }
+  /** 方法 */
+  changeAsset(data: any) {
+    console.log(data);
+  }
+  /** 实时改变 */
+  change(e: string, text: string) {
+    this.$emit("input", e);
+    this.$emit("change", e, text);
+    //
+  }
+  /**  保存数据 */
+  save(e: string, text: string) {
+    this.$emit("save", e, text);
+  }
+
+  /** 监听 */
+  @Watch("value", { deep: true })
+  onContent(val: string) {
+    this.state.content = val;
+  }
+  /** 计算属性 */
+}
+</script>
+<style lang="scss">
+@import url("/publicData/styles/theme/index.css");
+</style>

package/src/packages/HtUploadFiles/index.vue

@@ -16,33 +16,53 @@
 -->
 <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>
+    <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:12px;color:#999" class="el-upload__text">
+      <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
+      <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>
+          <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>
+    <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';
+import { _axios } from "vue-kst-auth";
+import { Component, Prop, Vue, Watch } from "vue-property-decorator";
 interface State {
   /** 数据状态 */
   loading: boolean;
@@ -67,7 +87,7 @@ interface CreateAttachmentDto {
   sortNum?: number;
 }
 @Component({
-  name: 'HtUploadFiles',
+  name: "HtUploadFiles",
 })
 export default class HtUploadFiles extends Vue {
   @Prop() value!: string | string[];
@@ -83,7 +103,7 @@ export default class HtUploadFiles extends Vue {
   /** 数据 */
   state: State = {
     loading: false,
-    fileSrc: '',
+    fileSrc: "",
     fileToken: [],
     filesInfo: [],
     dialogVisible: false,
@@ -98,11 +118,11 @@ export default class HtUploadFiles extends Vue {
   /** 附件上传之前的判断 */
   beforeUpload(file: File) {
     const isLt10MB = file.size / 1024 / 1024 < 5;
-    const arr = ['jpg', 'png', 'xlsx', 'lsx', 'doc', 'pdf'];
-    const lastArr = file.name.split('.');
+    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!');
+      this.$message.error("大小不能超过 5MB!");
     }
     if (arr.includes(type)) {
       return true;
@@ -162,33 +182,33 @@ export default class HtUploadFiles extends Vue {
   get fileList() {
     return [];
   }
-  @Watch('state.filesInfo')
+  @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());
+      this.$emit("input", arr.toString());
+      this.$emit("change", arr.toString());
     }
     if (this.isArray) {
-      this.$emit('change', val);
+      this.$emit("change", val);
     }
   }
-  @Watch('filesInfo', { immediate: true })
+  @Watch("filesInfo", { immediate: true })
   onArrValue(val: CreateAttachmentDto[]) {
     if (this.isArray) {
       this.state.filesInfo = val || [];
     }
   }
-  @Watch('value', { immediate: true })
+  @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.state.fileToken = val.split(",");
       }
 
       this.getAllFileInfo();

package/src/packages/index.ts

@@ -44,6 +44,7 @@ import HtPopover from './HtPopover'
 import HtTimeLine from './HtTimeLine'
 import HtTimeLineItem from './HtTimeLineItem'
 import HtRealTime from './HtRealTime'
+import HtSelectDevice from './HtSelectDevice'
 // import HtOffice from './HtOffice'
 
 
@@ -52,7 +53,7 @@ import HtRealTime from './HtRealTime'
 
 
 // 存储组件列表
-const components = [HtRealTime,HtButtonText, HtDialog,HtRow, HtTimeLineItem, HtCol, HtTimeLine, HtBread, HtPopover, HtModel, HtMenu, HtSelectCategory, HtSelectUnit, HtSelectPosition, HtMore, HtSelectTimeSlot, HtSelectCron, HtBaseData, HtDrawer, HtShowBaseType, HtSelectTable, HtPagination, HtTable, HtExport, HtUpload, HtMd, HtCountDown, HtUploadFiles, HtSelectBaseData, HtSelectOrg, HtSelectUser, HtShowBaseData, HtOrgInfo]
+const components = [HtSelectDevice, HtRealTime, HtButtonText, HtDialog, HtRow, HtTimeLineItem, HtCol, HtTimeLine, HtBread, HtPopover, HtModel, HtMenu, HtSelectCategory, HtSelectUnit, HtSelectPosition, HtMore, HtSelectTimeSlot, HtSelectCron, HtBaseData, HtDrawer, HtShowBaseType, HtSelectTable, HtPagination, HtTable, HtExport, HtUpload, HtMd, HtCountDown, HtUploadFiles, HtSelectBaseData, HtSelectOrg, HtSelectUser, HtShowBaseData, HtOrgInfo]
 // 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
 const install = function (Vue: any) {
   // 判断是否安装
@@ -68,9 +69,9 @@ export default {
   // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
   install,
   // 以下是具体的组件列表
-  HtRow,HtButtonText, HtCol, HtRealTime, HtModel, HtBread, HtPopover,
+  HtRow, HtButtonText, HtCol, HtRealTime, HtModel, HtBread, HtPopover,
   HtSelectTable, HtSelectPosition, HtPagination, HtShowBaseType, HtTable, HtExport, HtUpload, HtMd, HtCountDown, HtUploadFiles, HtMore,
   HtSelectUnit, HtSelectCategory, HtMenu,
-  HtSelectBaseData, HtSelectOrg,HtDialog, HtTimeLine, HtTimeLineItem, HtSelectUser, HtShowBaseData, HtOrgInfo, HtBaseData, HtDrawer, HtSelectCron, HtSelectTimeSlot
+  HtSelectBaseData, HtSelectOrg, HtDialog, HtTimeLine, HtTimeLineItem, HtSelectUser, HtShowBaseData, HtOrgInfo, HtBaseData, HtDrawer, HtSelectCron, HtSelectTimeSlot
 }