n20-common-lib 3.0.86 → 3.0.88

package/src/components/HandlingAdvice/index.vue

@@ -33,9 +33,9 @@
         </el-form-item>
       </el-form>
       <ExpandablePane v-if="otherAttDataA.length > 0" title="自定义项" :default-expand="true">
-        <el-form ref="approveBtnGroup" label-position="right" :label-width="labelWidth">
+        <el-form ref="approveBtnGroup" label-position="top">
           <div
-            class="p-b-lg p-t-lg p-r-lg"
+            class="p-b-s p-t-s"
             style="max-height: 350px; overflow-y: auto; border: 1px dashed var(--border-color-base); border-radius: 5px"
           >
             <show-other-att-new
@@ -44,7 +44,6 @@
               :other-att-data-a="otherAttDataA"
               :proc-inst-id="procInstId || this.$route.query.processInstanceId"
               :required="true"
-              :label-width="labelWidth"
             />
           </div>
         </el-form>
@@ -70,10 +69,7 @@ export default {
       type: String,
       default: '85%'
     },
-    labelWidth: {
-      type: String,
-      default: '12em'
-    },
+
     afterGetConf: {
       type: Function,
       default: undefined
@@ -112,77 +108,108 @@ export default {
   },
   methods: {
     /**
-     *
-     * @param typeCode {String} 业务类型编码
+     * 获取办理意见配置
+     * @param {String} typeCode - 业务类型编码
+     * @param {String} procInstId - 流程实例ID，用于回显历史数据
      */
     async getHandlingAdvice(typeCode, procInstId) {
       try {
-        const { code, data } = await axios.post(
-          `/bems/activiti/admin/todo/isFlowStartWithOptions`,
-          { typeCode },
-          {
-            noMsg: true
-          }
-        )
-        // data.whether = true
-        // data.optionsRequired = true
-
-        if (code === 200) {
-          this.otherAttDataA = data.customizationList || []
-          this.whether = data.whether
-          this.optionsRequired = data.optionsRequired
-          if (data.optionsRequired) {
-            this.placeholder = '请选择或输入意见（必填）'
-          } else {
-            this.placeholder = '请选择或输入意见（选填）'
-          }
-          this.visible = data.whether === true || this.otherAttDataA.length > 0
-          this.flowOptions = data?.opinions?.map((d) => {
-            return {
-              label: d,
-              value: d
-            }
-          })
-          if (!data.whether && this.afterGetConf && this.otherAttDataA.length === 0) {
-            this.afterGetConf()
-          }
-        }
-        // 回显操作
+        // 1. 获取办理意见配置
+        await this.fetchHandlingAdviceConfig(typeCode)
+
+        // 2. 回显历史数据（编辑场景）
         if (procInstId) {
-          const { data: data1 } = await axios.get(
-            `/bems/activiti/sample/getStartEventFlowHistory/${procInstId}`,
-            {},
-            {
-              noMsg: true
-            }
-          )
-          this.reason = data1?.suggestion || ''
-          this.reasonSelect = data1?.suggestion || ''
-          if (data1 && data1.flowHistoryCfgs && data1.flowHistoryCfgs.length > 0) {
-            this.otherAttDataA = this.otherAttDataA.map((item) => {
-              const bcData = data1.flowHistoryCfgs.find((item2) => {
-                return item2.cfgKey === item.cfgKey
-              })
-              return {
-                ...item,
-                cfgVal: ['31'].includes(item.cfgType) ? bcData.cfgVal.split(',') : bcData.cfgVal,
-                cfgText: ['31'].includes(item.cfgType) ? bcData.cfgText && bcData.cfgText.split(',') : bcData.cfgText,
-                selectList: ['31'].includes(item.cfgType) ? bcData.cfgVal.split(',') : undefined,
-                checkList: ['32'].includes(item.cfgType) ? bcData.cfgVal.split(',') : undefined,
-                cfgHasRemark: bcData.cfgHasRemark,
-                cfgRemark: bcData.cfgRemark
-              }
-            })
-          }
+          await this.loadFlowHistory(procInstId)
         }
-        // 重新执行一次 使数据更新
-        this.$refs.showOtherAttNew && this.$refs.showOtherAttNew.getData(this.otherAttDataA)
+
+        // 3. 更新子组件数据
+        this.updateOtherAttData()
       } catch (error) {
-        if (this.afterGetConf) {
-          this.afterGetConf()
-        }
+        // 异常时执行回调
+        this.afterGetConf?.()
+      }
+    },
+
+    /** 获取办理意见配置接口 */
+    async fetchHandlingAdviceConfig(typeCode) {
+      const { code, data } = await axios.post(
+        `/bems/activiti/admin/todo/isFlowStartWithOptions`,
+        { typeCode },
+        { noMsg: true }
+      )
+
+      if (code !== 200) return
+
+      // 设置自定义项列表
+      this.otherAttDataA = data.customizationList || []
+      // 是否显示意见输入
+      this.whether = data.whether
+      // 意见是否必填
+      this.optionsRequired = data.optionsRequired
+
+      // 设置占位提示
+      this.placeholder = data.optionsRequired ? '请选择或输入意见（必填）' : '请选择或输入意见（选填）'
+      // 显示弹窗条件：需要输入意见 或 存在自定义项
+      this.visible = data.whether === true || this.otherAttDataA.length > 0
+      // 转换意见选项为下拉格式
+      this.flowOptions = data?.opinions?.map((d) => ({ label: d, value: d })) || []
+
+      // 无需弹窗时直接执行回调
+      if (!data.whether && this.afterGetConf && this.otherAttDataA.length === 0) {
+        this.afterGetConf()
       }
     },
+
+    /** 加载流程历史数据用于回显 */
+    async loadFlowHistory(procInstId) {
+      const { data: historyData } = await axios.get(
+        `/bems/activiti/sample/getStartEventFlowHistory/${procInstId}`,
+        {},
+        { noMsg: true }
+      )
+
+      // 回显意见内容
+      this.reason = historyData?.suggestion || ''
+      this.reasonSelect = historyData?.suggestion || ''
+
+      // 回显自定义项数据
+      if (historyData?.flowHistoryCfgs?.length > 0) {
+        this.otherAttDataA = this.mergeHistoryToCustomization(historyData.flowHistoryCfgs)
+      }
+    },
+
+    /** 将历史数据合并到自定义项配置 */
+    mergeHistoryToCustomization(flowHistoryCfgs) {
+      const CFG_TYPE = {
+        MULTI_SELECT: '31', // 多选下拉
+        CHECKBOX: '32' // 复选框
+      }
+
+      return this.otherAttDataA.map((item) => {
+        const historyItem = flowHistoryCfgs.find((h) => h.cfgKey === item.cfgKey)
+        if (!historyItem) return item
+
+        const isMultiSelect = item.cfgType === CFG_TYPE.MULTI_SELECT
+        const isCheckbox = item.cfgType === CFG_TYPE.CHECKBOX
+        const cfgValArray = historyItem.cfgVal?.split(',') || []
+        const cfgTextArray = historyItem.cfgText?.split(',') || []
+
+        return {
+          ...item,
+          cfgVal: isMultiSelect ? cfgValArray : historyItem.cfgVal,
+          cfgText: isMultiSelect ? cfgTextArray : historyItem.cfgText,
+          selectList: isMultiSelect ? cfgValArray : undefined,
+          checkList: isCheckbox ? cfgValArray : undefined,
+          cfgHasRemark: historyItem.cfgHasRemark,
+          cfgRemark: historyItem.cfgRemark
+        }
+      })
+    },
+
+    /** 更新子组件数据 */
+    updateOtherAttData() {
+      this.$refs.showOtherAttNew?.getData(this.otherAttDataA)
+    },
     changeReasonSelect(val) {
       this.reason = val
     },

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/Pivot/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <Dialog class="n20-pivot-dialog" width="90%" max-dialog :visible.sync="visibleC" title="数据透视分析中心">
+  <Dialog class="n20-pivot-dialog" width="95%" max-dialog :visible.sync="visibleC" title="数据透视分析中心">
     <div class="n20-pivot-container">
       <!-- 左侧报表清单 -->
       <div class="pivot-sidebar-left" :class="{ collapsed: isLeftSidebarCollapsed }">
@@ -70,12 +70,14 @@
         <!-- 内容头部工具栏 -->
         <div class="main-toolbar">
           <div class="toolbar-left">
-            <h2 class="report-title">{{ currentReport.name }}</h2>
-            <div class="add-to-home-btn" @click="handleAddToHome">
-              <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
-                <path d="M7 1V13M1 7H13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-              </svg>
-              <span>添加到首页</span>
+            <div >
+              <h2 class="report-title">{{ currentReport.name }}</h2>
+              <div class="add-to-home-btn" @click="handleAddToHome">
+                <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
+                  <path d="M7 1V13M1 7H13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                </svg>
+                <span>添加到首页</span>
+              </div>
             </div>
             <div class="report-stats">
               <span class="stat-item">计算耗时：{{ calculateTime }} ms</span>
@@ -404,7 +406,7 @@
 
 <script>
 import Dialog from '../Dialog/index.vue'
-import ViewToggle from './ViewToggle.vue'
+import ViewToggle from '../ViewToggle/index.vue'
 import XEUtils from 'xe-utils'
 import importG from '../../utils/importGlobal.js'
 
@@ -1373,10 +1375,13 @@ export default {
 }
 
 .report-title {
+  color: var(--text-1, #1d2129);
+  /* 18/CN-Medium */
+  font-family: 'PingFang SC';
   font-size: 18px;
+  font-style: normal;
   font-weight: 500;
-  color: #1d2129;
-  margin: 0;
+  line-height: 26px; /* 144.444% */
 }
 
 .add-to-home-btn {

package/src/components/TablePro/index.vue

@@ -243,12 +243,23 @@ export default {
         this.$refs.vxeTable.clearCheckboxRow()
         this.$emit('selection-change-method', [])
       }
+      // 数据更新后重新设置合并单元格
+      this.$nextTick(() => {
+        if (this.mergeCells && this.mergeCells.length > 0 && this.$refs.vxeTable) {
+          this.$refs.vxeTable.setMergeCells(this.mergeCells)
+        }
+      })
     }
   },
   activated() {
     this.$refs.vxeTable.loadData(this.data)
+    // 数据更新后重新设置合并单元格
+    this.$nextTick(() => {
+      if (this.mergeCells && this.mergeCells.length > 0 && this.$refs.vxeTable) {
+        this.$refs.vxeTable.setMergeCells(this.mergeCells)
+      }
+    })
   },
-  mounted() {},
   methods: {
     // 全选
     toggleAllSelection() {

package/src/components/TableProOperateColumn/OperateBtns.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex-box flex-v flex-c">
+  <div class="flex-box flex-v flex-c table-operate-btns__wrapper">
     <childrenOperateBtn :btn-list="dfBtns" :row="row" @command="(c) => $emit('command', c)" />
     <el-dropdown v-if="moreBtns.length" class="m-l-b" @command="(c) => $emit('command', c)">
       <el-button class="n20-icon-moren" size="mini" type="text" />
@@ -16,15 +16,27 @@
                   :command="item2.command"
                   :disabled="item2.disabled | dbdBtn(row)"
                 >
-                  <el-link v-if="item2.type" :type="item2.type" :underline="false">{{ item2.label }}</el-link>
-                  <template v-else>{{ item2.label }}</template>
+                  <el-badge v-if="resolveBadge(item2)" :value="resolveBadge(item2)" :max="item2.badgeMax || 99">
+                    <el-link v-if="item2.type" :type="item2.type" :underline="false">{{ item2.label }}</el-link>
+                    <template v-else>{{ item2.label }}</template>
+                  </el-badge>
+                  <template v-else>
+                    <el-link v-if="item2.type" :type="item2.type" :underline="false">{{ item2.label }}</el-link>
+                    <template v-else>{{ item2.label }}</template>
+                  </template>
                 </el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
           </el-dropdown-item>
           <el-dropdown-item v-else :key="item.label" :command="item.command" :disabled="item.disabled | dbdBtn(row)">
-            <el-link v-if="item.type" :type="item.type" :underline="false">{{ item.label }}</el-link>
-            <template v-else>{{ item.label }}</template>
+            <el-badge v-if="resolveBadge(item)" :value="resolveBadge(item)" :max="item.badgeMax || 99">
+              <el-link v-if="item.type" :type="item.type" :underline="false">{{ item.label }}</el-link>
+              <template v-else>{{ item.label }}</template>
+            </el-badge>
+            <template v-else>
+              <el-link v-if="item.type" :type="item.type" :underline="false">{{ item.label }}</el-link>
+              <template v-else>{{ item.label }}</template>
+            </template>
           </el-dropdown-item>
         </template>
       </el-dropdown-menu>
@@ -83,6 +95,14 @@ export default {
     }
   },
   methods: {
+    resolveBadge(item) {
+      if (!item.badge) return null
+      if (typeof item.badge === 'function') {
+        const val = item.badge(this.row)
+        return val || val === 0 ? val : null
+      }
+      return item.badge
+    },
     hasBtn(isHas, row) {
       if (isHas === undefined || isHas === null) {
         return true

package/src/components/TableProOperateColumn/childrenOperateBtn.vue

@@ -6,35 +6,88 @@
           v-if="shouldShowChildren(item.children, row)"
           :key="item.label"
           class="m-l-b"
-          @command="c => $emit('command', c)"
+          @command="(c) => $emit('command', c)"
         >
           <div class="flex-box flex-v">
-            <el-link
-              :key="item.label"
-              :class="i ? 'm-l-b' : ''"
-              :disabled="item.disabled | dbdBtn(row)"
-              :underline="false"
-              type="primary"
-              @click="$emit('command', item.command)"
+            <el-badge
+              v-if="resolveBadge(item)"
+              :value="resolveBadge(item)"
+              :max="item.badgeMax || 99"
+              class="operate-btn-badge"
             >
-              <span v-if="item.tip" v-title="`${item.tip}`">{{ item.label }}</span>
-              <span v-else>{{ item.label }}</span>
-            </el-link>
+              <el-link
+                :key="item.label"
+                :class="i ? 'm-l-b' : ''"
+                :disabled="item.disabled | dbdBtn(row)"
+                :underline="false"
+                type="primary"
+                @click="$emit('command', item.command)"
+              >
+                <span v-if="item.tip" v-title="`${item.tip}`">{{ item.label }}</span>
+                <span v-else>{{ item.label }}</span>
+              </el-link>
+            </el-badge>
+            <template v-else>
+              <el-link
+                :key="item.label"
+                :class="i ? 'm-l-b' : ''"
+                :disabled="item.disabled | dbdBtn(row)"
+                :underline="false"
+                type="primary"
+                @click="$emit('command', item.command)"
+              >
+                <span v-if="item.tip" v-title="`${item.tip}`">{{ item.label }}</span>
+                <span v-else>{{ item.label }}</span>
+              </el-link>
+            </template>
             <i class="el-icon-arrow-down color-primary" />
           </div>
           <el-dropdown-menu slot="dropdown" class="text-c">
-            <el-dropdown-item
-              v-for="childItem in item.children"
-              v-if="shouldShowButton(childItem, row)"
-              :key="childItem.label"
-              :command="childItem.command"
-              :disabled="childItem.disabled | dbdBtn(row)"
-            >
-              <el-link v-if="childItem.type" :type="childItem.type" :underline="false">{{ childItem.label }}</el-link>
-              <template v-else>{{ childItem.label }}</template>
-            </el-dropdown-item>
+            <template v-for="childItem in item.children">
+              <el-dropdown-item
+                v-if="shouldShowButton(childItem, row)"
+                :key="childItem.label"
+                :command="childItem.command"
+                :disabled="childItem.disabled | dbdBtn(row)"
+              >
+                <el-badge
+                  v-if="resolveBadge(childItem)"
+                  :value="resolveBadge(childItem)"
+                  :max="childItem.badgeMax || 99"
+                >
+                  <el-link v-if="childItem.type" :type="childItem.type" :underline="false">{{
+                    childItem.label
+                  }}</el-link>
+                  <template v-else>{{ childItem.label }}</template>
+                </el-badge>
+                <template v-else>
+                  <el-link v-if="childItem.type" :type="childItem.type" :underline="false">{{
+                    childItem.label
+                  }}</el-link>
+                  <template v-else>{{ childItem.label }}</template>
+                </template>
+              </el-dropdown-item>
+            </template>
           </el-dropdown-menu>
         </el-dropdown>
+        <el-badge
+          v-else-if="resolveBadge(item)"
+          :value="resolveBadge(item)"
+          :max="item.badgeMax || 99"
+          class="operate-btn-badge"
+        >
+          <el-link
+            :key="item.label"
+            :class="i ? 'm-l-b' : ''"
+            :disabled="item.disabled | dbdBtn(row)"
+            :type="item.type || 'primary'"
+            :underline="false"
+            @click="$emit('command', item.command)"
+          >
+            <span v-if="item.tip" v-title="`${item.tip}`">{{ item.label }}</span>
+            <span v-else>{{ item.label }}</span>
+          </el-link>
+        </el-badge>
         <el-link
           v-else
           :key="item.label"
@@ -77,6 +130,14 @@ export default {
     }
   },
   methods: {
+    resolveBadge(item) {
+      if (!item.badge) return null
+      if (typeof item.badge === 'function') {
+        const val = item.badge(this.row)
+        return val || val === 0 ? val : null
+      }
+      return item.badge
+    },
     shouldShowButton(childItem, row) {
       if (childItem.isHas === undefined) {
         return true
@@ -98,11 +159,8 @@ export default {
       if (!children || children.length === 0) {
         return false
       }
-      return children.some(child => this.shouldShowButton(child, row))
+      return children.some((child) => this.shouldShowButton(child, row))
     }
   }
 }
 </script>
-
-<style lang="less" scoped></style>
-> >

package/src/components/Tabs/index.vue

@@ -11,9 +11,9 @@
       >
         <template slot="label">
           <span v-if="item.icon" :class="item.icon"></span>
-          <sup v-if="item.badge && typeof item.badge === 'boolean'" class="el-tabs__item-badge"></sup>
+          <sup v-if="item.badge === true" class="el-tabs__item-badge"></sup>
           <el-tooltip
-            v-else-if="item.badge && item.tooltip"
+            v-else-if="item.badge > 0 && item.tooltip"
             :content="getTooltipContent(item.tooltip)"
             placement="top"
             :popper-class="'n20-tabs-tooltip'"
@@ -21,7 +21,7 @@
           >
             <span class="el-tabs__item-badge-count">{{ badgeText(item.badge) }}</span>
           </el-tooltip>
-          <span v-else-if="item.badge" class="el-tabs__item-badge-count">{{ badgeText(item.badge) }}</span>
+          <span v-else-if="item.badge > 0" class="el-tabs__item-badge-count">{{ badgeText(item.badge) }}</span>
           <span v-if="item.content" v-title="`${item.content}`"> {{ item.name }}</span>
           <span v-else>{{ item.name }}</span>
         </template>

package/src/components/TertiaryTab/index.vue

@@ -12,7 +12,7 @@
         <span v-if="item.icon" :class="item.icon"></span>
         <sup v-if="item.badge && typeof item.badge === 'boolean'" class="el-tabs__item-badge"></sup>
         <el-tooltip
-          v-else-if="item.badge && item.tooltip"
+          v-else-if="item.badge > 0 && item.tooltip"
           :content="getTooltipContent(item.tooltip)"
           placement="top"
           :popper-class="'n20-tertiary-tab-tooltip'"
@@ -20,7 +20,7 @@
         >
           <span class="el-tabs__item-badge-count">{{ badgeText(item.badge) }}</span>
         </el-tooltip>
-        <span v-else-if="item.badge" class="el-tabs__item-badge-count">{{ badgeText(item.badge) }}</span>
+        <span v-else-if="item.badge > 0" class="el-tabs__item-badge-count">{{ badgeText(item.badge) }}</span>
         <span v-if="item.content" v-title="`${item.content}`"> {{ item.name }}</span>
         <span v-else>{{ item.name }}</span>
       </template>

package/src/components/Upload/uploadMsg.vue

@@ -258,6 +258,8 @@ export default {
     handleClose() {
       this.progressV = false
       this.$emit('clearFiles')
+      this.page.current = 1
+      this.page.pageSize = 20
     },
     getList() {
       const startIndex = (this.page.current - 1) * this.page.pageSize

package/src/components/v3/SecondaryTab/index.vue

@@ -40,7 +40,7 @@
           <span v-if="item.icon" :class="item.icon"></span>
           <sup v-if="item.badge && typeof item.badge === 'boolean'" class="el-tabs__item-badge"></sup>
           <el-tooltip
-            v-else-if="item.badge && item.tooltip"
+            v-else-if="item.badge > 0 && item.tooltip"
             :content="getTooltipContent(item.tooltip)"
             placement="top"
             :popper-class="'n20-secondary-tab-tooltip'"
@@ -48,7 +48,7 @@
           >
             <span class="el-tabs__item-badge-count">{{ badgeText(item.badge) }}</span>
           </el-tooltip>
-          <span v-else-if="item.badge" class="el-tabs__item-badge-count">{{ badgeText(item.badge) }}</span>
+          <span v-else-if="item.badge > 0" class="el-tabs__item-badge-count">{{ badgeText(item.badge) }}</span>
           <span v-if="item.content" v-title="`${item.content}`"> {{ item.name }}</span>
           <span v-else>{{ item.name }}</span>
         </template>
@@ -92,7 +92,7 @@ export default {
   },
   methods: {
     badgeText(badge) {
-      if (typeof badge === 'number') {
+      if (badge && typeof badge === 'number') {
         return badge > 99 ? '99+' : badge
       }
       return badge