htui-yllkbz 1.5.29 → 1.5.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "htui-yllkbz",
-  "version": "1.5.29",
+  "version": "1.5.31",
   "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/packages/HtModel/index.vue

@@ -4,66 +4,57 @@
  * @Author: hutao
  * @Date: 2022-09-28 10:24:08
  * @LastEditors: hutao
- * @LastEditTime: 2023-04-24 13:58:59
+ * @LastEditTime: 2024-10-15 08:59:33
 -->
 <template>
-  <el-dialog
-    :visible.sync="state.visible"
-    :fullscreen="fullscreen"
-    :top="top"
-    :custom-class="customClass"
-    :append-to-body="appendToBody"
-    :close-on-press-escape="closeOnPressEscape"
-    :destroy-on-close="destroyOnClose"
-    :modal-append-to-body="modalAppendToBody"
-    :close-on-click-modal="closeOnClickModal"
-    :modal="modal"
-    :lock-scroll="lockScroll"
-    @close="close"
-    :width="width"
-    class="ht-model"
-    :center="center"
-    :show-close="showClose"
-    :before-close="beforClose"
-    :withHeader="withHeader"
-    :wrapperClosable="wrapperClosable"
-  >
+  <el-dialog :visible.sync="state.visible"
+             :fullscreen="fullscreen"
+             :top="top"
+             :custom-class="customClass"
+             :append-to-body="appendToBody"
+             :close-on-press-escape="closeOnPressEscape"
+             :destroy-on-close="destroyOnClose"
+             :modal-append-to-body="modalAppendToBody"
+             :close-on-click-modal="closeOnClickModal"
+             :modal="modal"
+             :lock-scroll="lockScroll"
+             @close="close"
+             :width="width"
+             class="ht-model"
+             :center="center"
+             :show-close="showClose"
+             :before-close="beforClose"
+             :withHeader="withHeader"
+             :wrapperClosable="wrapperClosable">
     <span slot="title">
-      <slot name="title"
-        ><span style="font-size:18px;font-weight:bold;padding:0px 0 0 12px">{{
+      <slot name="title"><span style="font-size:18px;font-weight:bold;padding:0px 0 0 12px">{{
           title
-        }}</span></slot
-      >
+        }}</span></slot>
     </span>
-    <div style="padding:0 12px"><slot></slot></div>
-    <span
-      slot="footer"
-      class="dialog-footer ht-model-footer"
-      :style="!footerRight ? 'text-align:left' : ''"
-    >
-      <slot name="footer" v-if="withFooter">
+    <div class="ht-model-body">
+      <slot></slot>
+    </div>
+    <span slot="footer"
+          class="dialog-footer ht-model-footer"
+          :style="!footerRight ? 'text-align:left' : ''">
+      <slot name="footer"
+            v-if="withFooter">
         <template>
-          <el-button
-            style="margin-right:12px;"
-            type="primary"
-            :loading="loading"
-            :disabled="disabled"
-            @click="onOk"
-            >{{ okText }}</el-button
-          >
-          <el-button
-            :loading="loading"
-            style="margin-right:6px"
-            @click="onCancel"
-            >{{ cancelText }}</el-button
-          >
+          <el-button style="margin-right:12px;"
+                     type="primary"
+                     :loading="loading"
+                     :disabled="disabled"
+                     @click="onOk">{{ okText }}</el-button>
+          <el-button :loading="loading"
+                     style="margin-right:6px"
+                     @click="onCancel">{{ cancelText }}</el-button>
         </template>
       </slot>
     </span>
   </el-dialog>
 </template>
 <script lang="ts">
-import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
+import { Component, Prop, Vue, Watch } from "vue-property-decorator";
 interface State {
   /** 数据状态 */
   loading: boolean;
@@ -71,12 +62,12 @@ interface State {
   visible: boolean;
 }
 @Component({
-  name: 'HtModel',
+  name: "HtModel",
   components: {},
 })
 export default class Index extends Vue {
   /** 抽屉尺寸 */
-  @Prop({ default: '500px' }) width!: string;
+  @Prop({ default: "500px" }) width!: string;
   /** 标题 */
   @Prop() title!: string;
   @Prop() loading!: boolean;
@@ -87,7 +78,7 @@ export default class Index extends Vue {
   @Prop() fullscreen!: boolean;
   @Prop() lockScroll!: boolean;
   @Prop() center!: boolean;
-  @Prop({ default: '120px' }) top!: string;
+  @Prop({ default: "120px" }) top!: string;
   @Prop({ default: false }) closeOnClickModal!: boolean;
 
   @Prop({ default: true }) appendToBody!: boolean;
@@ -110,8 +101,8 @@ export default class Index extends Vue {
   @Prop({ default: true }) withFooter!: boolean;
   /** footer的按钮是否靠右 */
   @Prop({ default: true }) footerRight!: boolean;
-  @Prop({ default: '保存' }) okText?: string;
-  @Prop({ default: '取消' }) cancelText?: string;
+  @Prop({ default: "保存" }) okText?: string;
+  @Prop({ default: "取消" }) cancelText?: string;
   /** 数据 */
   state: State = {
     loading: false,
@@ -123,24 +114,24 @@ export default class Index extends Vue {
     this.state.visible = false;
   }
   onOk() {
-    this.$emit('onOk', true);
+    this.$emit("onOk", true);
   }
   close() {
-    this.$emit('onCancel', false);
+    this.$emit("onCancel", false);
   }
 
   /** 监听 */
-  @Watch('value', { immediate: true })
+  @Watch("value", { immediate: true })
   getVisible(val: boolean, old: boolean) {
     if (val !== old) {
       this.state.visible = val;
     }
   }
   /** 监听 */
-  @Watch('state.visible', { immediate: true })
+  @Watch("state.visible", { immediate: true })
   setVisible(val: boolean) {
-    this.$emit('input', val);
-    this.$emit('change', val);
+    this.$emit("input", val);
+    this.$emit("change", val);
   }
   /** 计算属性 */
 }

package/src/packages/HtShowBaseData/index.vue

@@ -273,7 +273,7 @@ export default class CommonDatas extends Vue {
   /** 计算属性 */
   /** 基础数据 */
   get baseDataItem() {
-    console.log('this.state.baseDataItem',this.state.baseDataItem);
+    // console.log('this.state.baseDataItem',this.state.baseDataItem);
     return this.state.baseDataItem || {};
   }
   /** 获取严重等级 */

package/src/packages/style.scss

@@ -1,5 +1,6 @@
 .ht-contnet {
   position: relative;
+
   .ht-close {
     position: absolute;
     padding: 0px;
@@ -11,30 +12,38 @@
     float: right;
   }
 }
+
 .component-item {
   width: 100%;
-  + .component-item {
+
+  +.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-height .el-input--suffix .el-input__inner {
   background: none;
   height: 32px !important;
 }
+
 .component-item-heightAuto .el-input--suffix .el-input__inner {
   background: none;
- 
+
 }
+
 .component-item .is-disabled .el-input__inner {
   background: #f5f5f5;
 }
+
 .ht-user-dot {
   padding: 0;
   margin: 0;
@@ -47,69 +56,79 @@ $primary-color: var(--primary);
   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;
 }
 
-.ht-row{
+.ht-row {
   position: relative;
   box-sizing: border-box;
   // &:after {
-   
+
   //  };
   // &:before {
   //   display: table;
   //   content: "";
   // };
- 
-  }
-  
-  .ht-row::before,.ht-row::after{
-    display: table;
-    content: "";
-  }
-  .ht-row::after{
-    clear: both;
-  }
-.ht-row--flex{
+
+}
+
+.ht-row::before,
+.ht-row::after {
+  display: table;
+  content: "";
+}
+
+.ht-row::after {
+  clear: both;
+}
+
+.ht-row--flex {
   display: flex;
 }
+
 [class*=ht-col-] {
   float: left;
   box-sizing: border-box;
-  }
+}
 
-  .ht-breadcrumb{
-    .el-breadcrumb__item{
-      color: #333;
-      .is-link{
-        font-weight: 400;
-        color: #333;
-      }
-    }
-    .ht-breadcrumb-item{
+.ht-breadcrumb {
+  .el-breadcrumb__item {
+    color: #333;
+
+    .is-link {
+      font-weight: 400;
       color: #333;
     }
-    .ht-is-link span{
-      &:hover{
-        color:var(--primary);
-        cursor: pointer;
-      }
-    }
   }
-  .ht-model{
-    .el-dialog{
-      .el-dialog__body{
-        padding: 12px !important;
-      }
+
+  .ht-breadcrumb-item {
+    color: #333;
+  }
+
+  .ht-is-link span {
+    &:hover {
+      color: var(--primary);
+      cursor: pointer;
     }
   }
+}
 
+.ht-model {
+  .el-dialog {
+    .el-dialog__body {
+      padding: 16px !important;
+    }
+  }
+}