n20-common-lib 2.22.17 → 2.22.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "2.22.17",
+  "version": "2.22.19",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/ApprovalButtons/showOtherAttrNew.vue

@@ -1,16 +1,16 @@
 <template>
   <div
     class="w-100p flex-box"
-    style="
-      flex-wrap: wrap;
-      display: grid;
-      grid-template-columns: repeat(2, 1fr);
-      gap: 16px;
-      padding: 0;
-      overflow-x: hidden;
-    "
+    :style="{
+      display: 'grid',
+      flexWrap: 'wrap',
+      gridTemplateColumns: `repeat(${columns}, 1fr)`,
+      gap: '16px',
+      padding: '0',
+      overflowX: 'hidden'
+    }"
   >
-    <div v-for="(item, i) in otherAttData" :key="i" class="flex-box flex-v" style="width: 100%; padding: 0 20px">
+    <div v-for="(item, i) in otherAttData" :key="i" class="flex-box" style="width: 100%; padding: 0 20px">
       <el-form-item
         class="m-r-ss m-b-s"
         :label-width="labelWidth"
@@ -20,12 +20,7 @@
         <span slot="label">
           <span
             v-title="item.cfgName"
-            style="
-              display: inline-block;
-              white-space: nowrap;
-              overflow: hidden;
-              text-overflow: ellipsis;
-            "
+            style="display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
             :style="{ maxWidth: labelWidth }"
           >
             <span v-if="required" style="color: red">*</span>
@@ -93,13 +88,13 @@
         v-model="item.cfgVal"
         :type="'textarea'"
         placeholder="请输入"
-        class="w-100p m-r-ss m-b-s flex-1"
+        class="w-100p m-r-s m-b-s flex-1"
         clearable
       />
       <el-input
         v-if="item.cfgHasRemark === '1' && !['11', '12'].includes(item.cfgType)"
         v-model="item.cfgRemark"
-        class="w-100p m-r-ss m-b-s flex-1"
+        class="w-100p m-r-lg m-b-s flex-1"
         placeholder="请输入备注"
       />
     </div>
@@ -118,6 +113,10 @@ export default {
       type: [String, Number],
       default: ''
     },
+    columns: {
+      type: Number,
+      default: 1
+    },
     form: {
       type: Object,
       default: () => ({})

package/src/components/HandlingAdvice/index.vue

@@ -44,6 +44,7 @@
               :other-att-data-a="otherAttDataA"
               :proc-inst-id="procInstId || this.$route.query.processInstanceId"
               :required="true"
+              :columns="columns"
               :label-width="labelWidth"
             />
           </div>
@@ -74,6 +75,10 @@ export default {
       type: String,
       default: '12em'
     },
+    columns: {
+      type: Number,
+      default: 1
+    },
     afterGetConf: {
       type: Function,
       default: undefined

package/src/components/InputNumber/README.md

@@ -0,0 +1,112 @@
+# InputNumber 数字输入框组件
+
+数字输入框组件，支持金额、比率、纯数字三种类型，提供千分位格式化、小数位控制等功能。
+
+## 基础用法
+
+```vue
+<template>
+  <!-- 金额类型（默认） -->
+  <InputNumber v-model="money" type="money" />
+  
+  <!-- 比率类型 -->
+  <InputNumber v-model="rate" type="rate" />
+  
+  <!-- 纯数字类型 -->
+  <InputNumber v-model="num" type="number" />
+</template>
+```
+
+## 属性说明
+
+| 属性名          | 类型            | 默认值               | 说明                                |
+| ------------ | ------------- | ----------------- | --------------------------------- |
+| value        | Number/String | undefined         | 绑定值                               |
+| type         | String        | 'money'           | 输入框类型，可选值：'money'、'rate'、'number' |
+| maxlength    | Number        | 16                | 最大输入长度                            |
+| min          | Number        | -9999999999999.99 | 最小值限制                             |
+| max          | Number        | 9999999999999.99  | 最大值限制                             |
+| step         | Number        | 1                 | 步进值，按上下箭头时的增减幅度                   |
+| stepStrictly | Boolean       | false             | 是否严格按步进值递增/递减                     |
+| disabled     | Boolean       | undefined         | 是否禁用                              |
+| isClearable  | Boolean       | false             | 是否可清空                             |
+| placeholder  | String        | '请输入'             | 占位提示文本                            |
+| dNum         | Number        | undefined         | 小数位数，优先级低于format                  |
+| format       | String        | undefined         | 格式化字符串，如'0.00'表示保留2位小数            |
+| suffix       | String        | '%'               | 后缀文本，仅在type='rate'时有效             |
+| rangeAuto    | Boolean       | false             | 是否自动处理范围值                         |
+
+## 类型说明
+
+### money（金额类型）
+
+- **默认值**：保留2位小数
+- **千分位格式化**：启用（如：1,234.56）
+- **适用场景**：金额、价格等需要千分位展示的数值
+
+### rate（比率类型）
+
+- **默认值**：保留4位小数
+- **千分位格式化**：启用
+- **后缀**：默认显示%符号
+- **适用场景**：利率、比率等百分比数值
+
+### number（纯数字类型）
+
+- **默认值**：保留2位小数（可通过dNum或format属性自定义）
+- **千分位格式化**：禁用
+- **适用场景**：普通数值输入，如数量、计数等不需要千分位格式化的场景
+- **特点**：与money类型相比，唯一的区别是不显示千分位逗号分隔符
+
+## 事件
+
+| 事件名    | 说明          | 回调参数 |
+| ------ | ----------- | ---- |
+| input  | 值改变时触发      | 当前值  |
+| change | 值改变且失去焦点时触发 | 当前值  |
+| blur   | 失去焦点时触发     | -    |
+| clear  | 清空时触发       | -    |
+
+## 方法
+
+| 方法名   | 说明       |
+| ----- | -------- |
+| focus | 使输入框获得焦点 |
+
+## 使用示例
+
+### 金额输入
+
+```vue
+<InputNumber v-model="amount" type="money" :min="0" :max="1000000" />
+```
+
+### 比率输入
+
+```vue
+<InputNumber v-model="interestRate" type="rate" suffix="%" />
+```
+
+### 纯数字输入（无千分位）
+
+```vue
+<InputNumber v-model="quantity" type="number" :step="1" :min="0" />
+```
+
+### 自定义小数位
+
+```vue
+<!-- 使用dNum属性 -->
+<InputNumber v-model="value" type="money" :dNum="4" />
+
+<!-- 使用format属性（优先级更高） -->
+<InputNumber v-model="value" type="money" format="0.0000" />
+```
+
+### 步进控制
+
+```vue
+<!-- 启用步进严格模式 -->
+<InputNumber v-model="value" type="number" :step="0.5" :stepStrictly="true" />
+```
+

package/src/components/InputNumber/index.vue

@@ -43,11 +43,17 @@ export default {
       type: [Number, String],
       default: undefined
     },
+    /**
+     * 输入框类型
+     * - money: 金额类型，默认保留2位小数，启用千分位格式化
+     * - rate: 比率类型，默认保留4位小数，显示%后缀
+     * - number: 纯数字类型，不启用千分位格式化
+     */
     type: {
       type: String,
       default: 'money',
       validator(v) {
-        return ['money', 'rate'].includes(v)
+        return ['money', 'rate', 'number'].includes(v)
       }
     },
     maxlength: {
@@ -122,6 +128,12 @@ export default {
         return $lc('请输入')
       }
     },
+    /**
+     * 计算小数位数
+     * - 优先使用format属性解析
+     * - 其次使用dNum属性
+     * - 根据type类型设置默认值：rate=4, money=2, number=2
+     */
     fNum() {
       if (this.format) {
         let i_f = this.format.indexOf('.')
@@ -133,7 +145,8 @@ export default {
       if (this.type === 'rate') {
         return 4
       }
-      if (this.type === 'money') {
+      // number类型不限制小数位，默认返回2
+      if (this.type === 'money' || this.type === 'number') {
         return 2
       }
       return 2
@@ -142,6 +155,24 @@ export default {
   watch: {
     value: {
       handler(val) {
+        // number类型不启用千分位格式化，但应用小数位限制
+        if (this.type === 'number') {
+          if (val === undefined || val === null) {
+            this.valueStr = ''
+          } else if (this.rangeAuto) {
+            // rangeAuto模式下，仅当小数位不足时补零
+            let nF = N.toString(val).split('.')[1] || ''
+            if (nF.length < this.fNum) {
+              this.valueStr = N.subFixed(val, this.fNum)
+            } else {
+              this.valueStr = N.toString(val)
+            }
+          } else {
+            // 非rangeAuto模式，强制应用小数位
+            this.valueStr = N.subFixed(val, this.fNum)
+          }
+          return
+        }
         if (this.rangeAuto) {
           if (val || val === 0) {
             let nF = N.toString(val).split('.')[1] || ''
@@ -161,7 +192,10 @@ export default {
     focusFn() {
       this.isFocus = true
       if (!this.disabled && this.valueStr) {
-        this.valueStr = this.valueStr.replace(/,/g, '')
+        // number类型不处理千分位（因为根本没有千分位）
+        if (this.type !== 'number') {
+          this.valueStr = this.valueStr.replace(/,/g, '')
+        }
         this.preValue = this.valueStr
       }
     },
@@ -186,8 +220,10 @@ export default {
             val = this.max
           }
           if (this.rangeAuto) {
+            // rangeAuto模式下，直接转换为字符串，不固定小数位
             this.valueStr = N.toString(val)
           } else {
+            // 应用小数位限制（number类型默认2位）
             this.valueStr = N.subFixed(val, this.fNum)
           }
         }
@@ -220,14 +256,30 @@ export default {
       }
 
       let nStr
-      if (this.rangeAuto) {
+      // number类型不启用千分位格式化，但应用小数位限制
+      if (this.type === 'number') {
+        if (this.stepStrictly) {
+          let stepCount = val / this.step
+          if (val % this.step !== 0) {
+            val = Math.round(stepCount) * this.step
+          }
+        }
+        if (val < this.min) {
+          val = this.min
+        } else if (val > this.max) {
+          val = this.max
+        }
+        // 应用小数位限制（默认2位）
+        nStr = N.subFixed(val, this.fNum)
+        this.valueStr = nStr
+      } else if (this.rangeAuto) {
         nStr = N.toString(val)
         this.valueStr = N.addThousands(valStr)
       } else {
         if (this.stepStrictly) {
-          let N = val / this.step
+          let stepCount = val / this.step
           if (val % this.step !== 0) {
-            val = Math.round(N) * this.step
+            val = Math.round(stepCount) * this.step
           }
         }
         if (val < this.min) {