n20-common-lib 3.2.54 → 3.2.56

package/src/components/FileUploadTable/index.vue

@@ -32,11 +32,15 @@
       :height="height"
       border
       @selection-change="(selection) => (selectionList = selection)"
-      @sort-change="onSortChange"
     >
       <slot name="selection-column">
         <el-table-column type="selection" width="50" align="center" />
       </slot>
+      <el-table-column :label="'排序' | $lc" width="50" align="center">
+        <template slot-scope="{ row }">
+          <i class="n20-icon-tuodong file-upload-table__drag-handle" :data-row-key="row[keys.rowKey]"></i>
+        </template>
+      </el-table-column>
       <template v-if="dataPorp.slotHeader">
         <el-table-column
           v-for="item in dataPorp.slotHeader"
@@ -320,13 +324,15 @@
 </template>
 
 <script>
-import aiCheckDialog from './aiCheckDialog.vue'
-import getJsonc from '../../assets/getJsonc.js'
 import _axios from 'axios'
 import dayjs from 'dayjs'
+import Sortable from 'sortablejs'
+import 'viewerjs/dist/viewer.css'
 import XEUtils from 'xe-utils'
 
-import 'viewerjs/dist/viewer.css'
+import aiCheckDialog from './aiCheckDialog.vue'
+
+import getJsonc from '../../assets/getJsonc.js'
 import auth from '../../utils/auth'
 import axios from '../../utils/axios'
 import { $lc } from '../../utils/i18n/index'
@@ -402,7 +408,7 @@ export default {
     },
     action: {
       type: String,
-      default: '/bems/1.0/attach'
+      default: '/neams/eamsbaserecord/batchSavejson'
     },
     batchPrintMethod: {
       type: Function,
@@ -510,7 +516,8 @@ export default {
       officeStatus: false,
       batchUploading: false,
       // 批量上传使用的文件数据（避免直接修改计算属性）
-      _batchFileData: null
+      _batchFileData: null,
+      sortable: null
     }
   },
   computed: {
@@ -553,32 +560,64 @@ export default {
       },
       immediate: true,
       deep: true
+    },
+    tableKey() {
+      this.initSortable()
     }
   },
   mounted() {
     this.getConfiguration()
+    this.initSortable()
+  },
+  beforeDestroy() {
+    this.destroySortable()
   },
   methods: {
-    // 点击附件名称表头排序（替代原拖动排序）
-    onSortChange({ prop, order }) {
-      // 仅处理附件名称列；order 为 null（取消排序）时不处理
-      if (prop !== this.keys.name || !order) {
-        return
-      }
-      const nameKey = this.keys.name
-      // 与显示一致：去除扩展名后再比较
-      const stripName = (v) => (v == null ? '' : String(v).replace(/\.[A-z0-9]+$/, ''))
-      const dir = order === 'ascending' ? 1 : -1
-      const sorted = [...this.tableData].sort(
-        (a, b) => stripName(a[nameKey]).localeCompare(stripName(b[nameKey]), 'zh-CN', { numeric:true }) * dir
-      )
-      // 原地更新 tableData（沿用现有 splice 修改 prop 数组的模式）
-      this.tableData.splice(0, this.tableData.length, ...sorted)
-      this.$emit('sort', this.tableData.slice())
-      this.saveFileSort().catch(() => {
-        this.$message.error($lc('附件排序保存失败'))
+    initSortable() {
+      this.$nextTick(() => {
+        this.destroySortable()
+
+        const $tbody = this.$refs.elTable?.$el?.querySelector('.el-table__body-wrapper > table > tbody')
+        if (!$tbody) {
+          return
+        }
+
+        this.sortable = Sortable.create($tbody, {
+          handle: '.file-upload-table__drag-handle',
+          ghostClass: 'file-upload-table__sortable-ghost',
+          setData(dataTransfer) {
+            dataTransfer.setData('Text', '')
+          },
+          onEnd: ({ oldIndex, newIndex }) => {
+            if (
+              oldIndex === newIndex ||
+              oldIndex === undefined ||
+              newIndex === undefined ||
+              oldIndex < 0 ||
+              newIndex < 0
+            ) {
+              return
+            }
+
+            const targetRow = this.tableData.splice(oldIndex, 1)[0]
+            if (!targetRow) {
+              return
+            }
+            this.tableData.splice(newIndex, 0, targetRow)
+            this.$emit('sort', this.tableData.slice())
+            this.saveFileSort().catch(() => {
+              this.$message.error($lc('附件排序保存失败'))
+            })
+          }
+        })
       })
     },
+    destroySortable() {
+      if (this.sortable) {
+        this.sortable.destroy()
+        this.sortable = null
+      }
+    },
     async saveFileSort() {
       const sortList = this.tableData
         .map((row, index) => ({
@@ -629,7 +668,7 @@ export default {
         })
       } else {
         if (!this.AIOptions.bussType) {
-          this.$message.error($lc("请先配置bussType"))
+          this.$message.error($lc('请先配置bussType'))
           return false
         }
         let { data, code } = await axios.post(
@@ -653,7 +692,7 @@ export default {
     // ai识别
     async AiFn(row) {
       if (!this.AIOptions.bussType) {
-        this.$message.error($lc("请先配置bussType"))
+        this.$message.error($lc('请先配置bussType'))
         return false
       }
       const { data, code } = await axios.post(
@@ -740,7 +779,7 @@ export default {
       if (code === 200) {
         let aDom = document.createElement('a')
         aDom.href = data
-        aDom.download = '批量附件.pdf'
+            aDom.download = $lc('批量附件.pdf')
         aDom.click()
 
         this.$nextTick(() => {
@@ -822,11 +861,7 @@ export default {
             return
           }
           let placeholderIndex = this.tableData.findIndex(
-            (item) =>
-              item[this.keys.type] === type &&
-              !item[this.keys.url] &&
-              !item[this.keys.name] &&
-              !item._name
+            (item) => item[this.keys.type] === type && !item[this.keys.url] && !item[this.keys.name] && !item._name
           )
           if (placeholderIndex > -1) {
             this.tableData.splice(placeholderIndex, 1)
@@ -1006,9 +1041,11 @@ export default {
         type: 'error',
         confirmButtonText: $lc('确认'),
         cancelButtonText: $lc('取消')
-      }).then(() => {
-        this.$emit('delete-rows', this.selectionList)
-      }).catch(() => undefined)
+      })
+        .then(() => {
+          this.$emit('delete-rows', this.selectionList)
+        })
+        .catch(() => undefined)
     },
 
     async getFileInfo(row, type) {
@@ -1231,4 +1268,21 @@ export default {
   right: 46px;
   top: 10px;
 }
+
+.file-upload-table__drag-handle {
+  display: inline-block;
+  color: #909399;
+  font-size: 16px;
+  cursor: move;
+}
+
+.file-upload-table__drag-handle:hover {
+  color: #606266;
+}
+
+.file-upload-table__sortable-ghost {
+  opacity: 0.8;
+  color: #fff !important;
+  background: #42b983 !important;
+}
 </style>

package/src/components/LoginSetting/index.vue

@@ -149,7 +149,7 @@ export default {
       })
       for (const i of _this.checkedList) {
         if (!this.LOGIN_MODE) this.LOGIN_MODE = i
-        else this.LOGIN_MODE += $lc(',') + i
+        else this.LOGIN_MODE += ',' + i
       }
     },
     getdata(list) {
@@ -158,7 +158,7 @@ export default {
         if (i.pmName === 'LOGIN_MODE') {
           _this.LOGIN_MODE = i.pmValue
           _this.LOGIN_MODE_ID = i.pmId
-          _this.checkedList = i.pmValue.split($lc(','))
+          _this.checkedList = i.pmValue.split(',')
         } else if (i.pmName === 'MAIN_PAGE_TEXT') {
           _this.loginModel.MAIN_PAGE_TEXT = i.pmValue
           _this.MAIN_PAGE_TEXT_ID = i.pmId
@@ -201,7 +201,9 @@ export default {
         if (type) {
           if (this.imgSize < size) {
             await this.$confirm(
-              `当前图片尺寸大于建议大小（${screen.width}*${screen.height}），将以填充的方式进行处理，是否继续？`,
+              `${$lc('当前图片尺寸大于建议大小（')}${screen.width}*${screen.height}${$lc(
+                '），将以填充的方式进行处理，是否继续？'
+              )}`,
               $lc('提示'),
               {
                 type: 'warning'
@@ -210,7 +212,9 @@ export default {
             this.$refs.bgUpload.$refs.upload.submit()
           } else if (this.imgSize >= size) {
             await this.$confirm(
-              `当前图片尺寸小于建议大小（${screen.width}*${screen.height}），可能会发生失真，是否继续？`,
+              `${$lc('当前图片尺寸小于建议大小（')}${screen.width}*${screen.height}${$lc(
+                '），可能会发生失真，是否继续？'
+              )}`,
               $lc('提示'),
               {
                 type: 'warning'
@@ -221,7 +225,9 @@ export default {
         } else {
           if (this.logoSize < size) {
             await this.$confirm(
-              `当前图片尺寸大于建议大小（108*30px），将以填充的方式进行处理，是否继续？`,
+              `${$lc('当前图片尺寸大于建议大小（')}108*30px${$lc(
+                '），将以填充的方式进行处理，是否继续？'
+              )}`,
               $lc('提示'),
               {
                 type: 'warning'
@@ -229,9 +235,13 @@ export default {
             )
             this.$refs.logUpload.$refs.upload.submit()
           } else if (this.logoSize >= size) {
-            await this.$confirm(`当前图片尺寸小于建议大小（108*30px），可能会发生失真，是否继续？`, $lc('提示'), {
-              type: 'warning'
-            })
+            await this.$confirm(
+              `${$lc('当前图片尺寸小于建议大小（')}108*30px${$lc('），可能会发生失真，是否继续？')}`,
+              $lc('提示'),
+              {
+                type: 'warning'
+              }
+            )
             this.$refs.logUpload.$refs.upload.submit()
           }
         }
@@ -317,7 +327,7 @@ export default {
       }
       for (const i of e) {
         if (!this.LOGIN_MODE) this.LOGIN_MODE = i
-        else this.LOGIN_MODE += $lc(',') + i
+        else this.LOGIN_MODE += ',' + i
       }
     }
   }

package/src/components/LoginTemporary/form.vue

@@ -403,9 +403,7 @@ export default {
               { loading: this.loadingSub }
             )
             .then(() => {
-              this.$message.success(
-                `${typeName}: ${this.form[type]} 验证码发送成功`
-              )
+              this.$message.success(`${typeName}: ${this.form[type]} ${$lc('验证码发送成功')}`)
             })
             .catch(() => {
               clearTimeout(this.setTimeNum)
@@ -470,7 +468,7 @@ export default {
             })
         } else {
           // 当重新请求大于3次,抛出错误
-          this.$message.warning(`登录失败，请重新登录！`)
+          this.$message.warning($lc('登录失败，请重新登录！'))
           this.getAzCount = 0
           reject()
         }

package/src/components/LoginTemporary/index.vue

@@ -44,7 +44,7 @@
           <a
             class="login-form-download el-icon-bottom"
             href="https://down.360safe.com/se/360se13.1.5101.0.exe"
-            download="启程浏览器.exe"
+            :download="`${$lc('启程浏览器')}.exe`"
             >{{ '下载' | $lc }}</a
           >
           <span>{{ '启程浏览器' | $lc }}</span>

package/src/components/LoginTemporary/retrievePw.vue

@@ -31,12 +31,12 @@
         <el-form-item class="m-b" :label="'账号' | $lc">
           <el-input v-model="username" :placeholder="'请输入账号' | $lc" />
         </el-form-item>
-        <el-form-item class="m-b" label="uk验证" prop="code">
+        <el-form-item class="m-b" :label="$lc('UK验证')" prop="code">
           <br />
           <div v-if="checkCert" class="filed-tips">{{ '该账号未开启UK校验！' | $lc }}</div>
           <div v-if="ukCode !== 1">
             <div :class="ukCode ? 'success-tips' : 'filed-tips'">
-              {{ ukCode ? '验证成功！' : '验证失败！' }}
+              {{ $lc(ukCode ? '验证成功！' : '验证失败！') }}
             </div>
             <div v-show="!ukCode" class="filed-tips">{{ '自助找回密码失败，请联系管理员' | $lc }}</div>
           </div>
@@ -79,19 +79,19 @@ export default {
     const lengthToFirstPassword = (rule, value, callback) => {
       if (value) {
         if (this.dataForm.maxLength < value.length || this.dataForm.minLength > value.length) {
-          callback(new Error(`密码长度为${this.dataForm.minLength}-${this.dataForm.maxLength}!`))
+          callback(new Error(`${$lc('密码长度为')}${this.dataForm.minLength}-${this.dataForm.maxLength}!`))
         } else if (
           Number(this.dataForm.passwordStrength) === 2 &&
           !/^(((?=.*[0-9])(?=.*[a-zA-Z])|(?=.*[0-9])(?=.*[^\s0-9a-zA-Z])|(?=.*[a-zA-Z])(?=.*[^\s0-9a-zA-Z]))[^\s]+)$/.test(
             value
           )
         ) {
-          callback(new Error(`密码至少包括数字,字母,特殊符号其中两种`))
+          callback(new Error($lc('密码至少包括数字,字母,特殊符号其中两种')))
         } else if (
           Number(this.dataForm.passwordStrength) === 3 &&
           !/^(?=.*\d)(?=.*[a-zA-Z])(?=.*[~!@#$%^&*])[\da-zA-Z~!@#$%^&*]{0,}$/.test(value)
         ) {
-          callback(new Error(`密码同时包括包括数字,字母,特殊符号三种`))
+          callback(new Error($lc('密码同时包括包括数字,字母,特殊符号三种')))
         } else {
           callback()
         }
@@ -215,12 +215,12 @@ export default {
               noMsg: true
             })
             .then(() => {
-              this.$message.success(`${typeName}: ${this.updateForm[type]} 验证码发送成功`)
+              this.$message.success(`${typeName}: ${this.updateForm[type]} ${$lc('验证码发送成功')}`)
             })
             .catch(() => {
               clearTimeout(this.setTimeNum)
               this.codeNum = $lc('验证码')
-              this.$message.warning(`${typeName}: ${this.updateForm[type]} 验证码发送失败`)
+              this.$message.warning(`${typeName}: ${this.updateForm[type]} ${$lc('验证码发送失败')}`)
             })
         }
       })
@@ -268,7 +268,7 @@ export default {
         data.sign = this.sign
         data.certDn = this.certDn
         axios.post(`/bems/prod_1.0/uas/api/authorization/password/reset`, data, { loading: false }).then((res) => {
-          this.$message.success(`密码更新成功！`)
+          this.$message.success($lc('密码更新成功！'))
           this.type = 'phone'
         })
       })

package/src/components/Pivot/ChartView.vue

@@ -6,7 +6,7 @@
       <div ref="chartContainer" class="chart-container"></div>
     </div>
     <div v-else class="empty-state">
-      <Empty type="noData2" :height="200" :width="200" content="暂无数据" />
+      <Empty type="noData2" :height="200" :width="200" :content="$lc('暂无数据')" />
     </div>
   </div>
 </template>

package/src/components/Pivot/TableView.vue

@@ -87,7 +87,7 @@
 
           <!-- 空状态 -->
           <template #empty>
-            <Empty type="noData2" :height="200" :width="200" content="暂无数据" />
+            <Empty type="noData2" :height="200" :width="200" :content="$lc('暂无数据')" />
           </template>
         </vxe-table>
       </div>

package/src/components/Pivot/index.vue

@@ -617,7 +617,7 @@ export default {
       const metrics = (this.currentReport.metrics || []).filter((m) => m && m.prop)
       if (metrics.length === 0) return ''
       const firstMetric = this.columns.find((c) => c.prop === metrics[0].prop)
-      return firstMetric ? `${firstMetric.label}（人民币）` : ''
+      return firstMetric ? `${firstMetric.label}${$lc('（人民币）')}` : ''
     },
 
     // 获取第一个维度标签
@@ -682,7 +682,9 @@ export default {
             html += `<div style="display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:4px;">`
             html += `<div style="display:flex;align-items:center;gap:8px;">`
             html += `<span style="font-size:12px;color:#1d2129;font-weight:600;font-family:'Open Sans',sans-serif;">${value}</span>`
-            html += `<span style="font-size:12px;color:#4e5969;font-family:'PingFang SC',sans-serif;">${groupCount} 笔</span>`
+            html += `<span style="font-size:12px;color:#4e5969;font-family:'PingFang SC',sans-serif;">${groupCount} ${$lc(
+              '笔'
+            )}</span>`
             html += `</div>`
             html += `</div>`
 
@@ -704,7 +706,9 @@ export default {
             html += `</div>`
             html += `<div style="display:flex;align-items:center;gap:8px;">`
             html += `<span style="font-size:12px;color:#1d2129;font-weight:600;font-family:'Open Sans',sans-serif;">${value}</span>`
-            html += `<span style="font-size:12px;color:#4e5969;font-family:'PingFang SC',sans-serif;">${groupCount} 笔</span>`
+            html += `<span style="font-size:12px;color:#4e5969;font-family:'PingFang SC',sans-serif;">${groupCount} ${$lc(
+              '笔'
+            )}</span>`
             html += `</div>`
             html += `</div>`
           })
@@ -1236,7 +1240,7 @@ export default {
     // 添加新报表
     addNewReport() {
       const newReport = this.getDefaultReport()
-      newReport.name = `报表清单 ${this.reportList.length + 1}`
+      newReport.name = `${$lc('报表清单')} ${this.reportList.length + 1}`
       this.reportList.push(newReport)
       this.currentReportIndex = this.reportList.length - 1
       this.saveToStorage()
@@ -1269,9 +1273,9 @@ export default {
     },
 
     handleDeleteReport(report) {
-      this.$confirm(`确定要删除报表"${report.name}"吗？`, $lc("提示"), {
-        confirmButtonText: $lc("确定"),
-        cancelButtonText: $lc("取消"),
+      this.$confirm($lc('确定要删除报表“NAME”吗？').replace('NAME', report.name), $lc('提示'), {
+        confirmButtonText: $lc('确定'),
+        cancelButtonText: $lc('取消'),
         type: 'warning'
       })
         .then(() => {

package/src/components/ProFilterView/index.vue

@@ -58,10 +58,11 @@
             <i class="v3-icon-find"></i>
             <div style="margin-left: 8px">
               {{
-                `视图数据范围（${
+                $lc('视图数据范围（N）').replace(
+                  'N',
                   (selectItem.keyIds && selectItem.keyIds.length) ||
-                  (this.conditionGroups && this.conditionGroups.length)
-                }）`
+                    (this.conditionGroups && this.conditionGroups.length)
+                )
               }}
             </div>
           </div>

package/src/components/SelectDatePickerPro/halfYearPicker.vue

@@ -11,14 +11,14 @@
       <div class="el-date-picker__header el-date-picker__header--bordered">
         <button
           type="button"
-          aria-label="前一年"
+        :aria-label="$lc('前一年')"
           class="el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-d-arrow-left"
           @click="prev"
         ></button>
         <span role="button" class="el-date-picker__header-label" @click="handleYear">{{ year }}{{ '年' | $lc }}</span>
         <button
           type="button"
-          aria-label="后一年"
+        :aria-label="$lc('后一年')"
           class="el-picker-panel__icon-btn el-date-picker__next-btn el-icon-d-arrow-right"
           @click="next"
         ></button>
@@ -104,7 +104,7 @@ export default {
           const [, year, startMonth] = startDateMatch
           this.year = year
           this.halfYear = startMonth === '01' ? 1 : 2
-          this.showValue = `${year} 年 ${startMonth === '01' ? $lc("上半年") : $lc("下半年")}`
+          this.showValue = `${year} ${$lc('年')} ${startMonth === '01' ? $lc("上半年") : $lc("下半年")}`
         } else {
           this.showValue = ''
         }
@@ -133,7 +133,7 @@ export default {
       this.halfYear = i + 1
       let arr = [`${this.year}-${i === 0 ? '01' : '07'}`, `${this.year}-${i === 0 ? '06' : '12'}`]
       this.showHalfYear = false
-      this.showValue = `${this.year} 年 ${i === 0 ? $lc("上半年") : $lc("下半年")}`
+      this.showValue = `${this.year} ${$lc('年')} ${i === 0 ? $lc("上半年") : $lc("下半年")}`
       // 6月最后一天是30 12月最后一天是31
       this.$emit('input', { startDate: arr[0] + '-01', endDate: i === 0 ? arr[1] + '-30' : arr[1] + '-31' })
       this.$emit('change', { startDate: arr[0] + '-01', endDate: i === 0 ? arr[1] + '-30' : arr[1] + '-31' })

package/src/components/SelectDatePickerPro/index.vue

@@ -19,7 +19,7 @@
       v-if="type === $lc('周') && selectList.includes(type)"
       key="week"
       v-model="week"
-      format="yyyy 第 WW 周"
+      :format="$lc('yyyy 第 WW 周')"
       type="week"
       v-bind="$attrs"
       :picker-options="attrs"

package/src/components/SelectDatePickerPro/quarterDatePicker.vue

@@ -12,14 +12,14 @@
       <div class="el-date-picker__header el-date-picker__header--bordered">
         <button
           type="button"
-          aria-label="前一年"
+        :aria-label="$lc('前一年')"
           class="el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-d-arrow-left"
           @click="prev"
         ></button>
         <span role="button" class="el-date-picker__header-label" @click="handleYear">{{ year }}{{ '年' | $lc }}</span>
         <button
           type="button"
-          aria-label="后一年"
+        :aria-label="$lc('后一年')"
           class="el-picker-panel__icon-btn el-date-picker__next-btn el-icon-d-arrow-right"
           @click="next"
         ></button>
@@ -177,9 +177,9 @@ export default {
       },
       get() {
         if (this.value.startDate && this.value.endDate) {
-          return `${dayjs(this.value.startDate).year()} 年 第${this.getChinese(
+          return `${dayjs(this.value.startDate).year()} ${$lc('年')} ${$lc('第')}${this.getChinese(
             dayjs(this.value.endDate).quarter()
-          )}季度`
+          )}${$lc('季度')}`
         } else {
           return ''
         }
@@ -233,7 +233,7 @@ export default {
       that.season = i + 1
       let arr = that.valueArr[i].split(' - ')
       that.showSeason = false
-      this.showValue = `${this.year} 年 ${this.season} 季度`
+      this.showValue = `${this.year} ${$lc('年')} ${this.season} ${$lc('季度')}`
       that.$emit('input', { startDate: this.year + '-' + arr[0], endDate: this.year + '-' + arr[1] })
       that.$emit('change', { startDate: this.year + '-' + arr[0], endDate: this.year + '-' + arr[1] }) // 每次选择时间都将当前选择时间发送到父组件
     },

package/src/components/TableSetSize/index.vue

@@ -8,8 +8,8 @@
       @mouseleave="hoverIconKey = null"
     ></i>
     <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item command="small">{{ _lang === 'zh' ? '默认' : 'small' }}</el-dropdown-item>
-      <el-dropdown-item command="mini">{{ _lang === 'zh' ? '紧凑' : 'mini' }}</el-dropdown-item>
+      <el-dropdown-item command="small">{{ $lc('默认') }}</el-dropdown-item>
+      <el-dropdown-item command="mini">{{ $lc('紧凑') }}</el-dropdown-item>
     </el-dropdown-menu>
   </el-dropdown>
 </template>

package/src/components/Upload/index.vue

@@ -245,7 +245,7 @@ export default {
           sizeNum = parseFloat(size)
         }
         if (file.size > sizeNum) {
-          this.$message.error($lc('文件大小不能超过 ') + size + '！')
+          this.$message.error($lc('文件大小不能超过') + ' ' + size + '！')
           return false
         }
       }

package/src/components/operatingStatus/index.vue

@@ -3,7 +3,7 @@
     <el-carousel-item v-for="tip in tips" :key="tip.id">
       <div v-if="tip.isShow === '1'" v-title:br="list" :class="`tip_color_${tip.style || 'default'}`">
         {{ tip.busNname }}{{ enumData[tip.busState] }}{{ tip.busCode.includes('CENTER') ? '(' + tip.currency + ')' : ''
-        }}{{ tip.isError === '1' ? '(有异常)' : '' }}
+        }}{{ tip.isError === '1' ? $lc('（有异常）') : '' }}
       </div>
     </el-carousel-item>
   </el-carousel>

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

@@ -13,7 +13,7 @@
           </div>
           <el-divider direction="vertical"></el-divider>
           <el-button type="text" class="toggle-btn" @click="toggleCollapse">
-            {{ showAllTypes ? '收起未传类型' : '展开全部' }}
+            {{ $lc(showAllTypes ? '收起未传类型' : '展开全部') }}
             <i :class="['el-icon-arrow-down', { 'is-reverse': showAllTypes }]"></i>
           </el-button>
         </div>