|
@@ -1,26 +1,28 @@
|
|
|
<template>
|
|
|
<div id="menu-table">
|
|
|
<el-table :data="data" row-key="_id" border>
|
|
|
- <el-table-column align="center" label="菜单名称" prop="name"></el-table-column>
|
|
|
- <el-table-column align="center" label="父级菜单" prop="parent_name"></el-table-column>
|
|
|
- <el-table-column align="center" label="图标" width="80">
|
|
|
+ <el-table-column align="center" :label="$t('pages.menus.name')" prop="name"></el-table-column>
|
|
|
+ <el-table-column align="center" :label="$t('pages.menus.parentName')" prop="parent_name"></el-table-column>
|
|
|
+ <el-table-column align="center" :label="$t('pages.menus.icon')" width="80">
|
|
|
<template #default="{ row }"><span :class="['iconfont', row.icon]"></span></template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" label="顺序" sortable prop="order_num" width="80"></el-table-column>
|
|
|
- <el-table-column align="center" label="路由地址" prop="path"></el-table-column>
|
|
|
- <el-table-column align="center" label="组件地址" prop="component"></el-table-column>
|
|
|
- <el-table-column align="center" label="菜单类型" prop="type">
|
|
|
+ <el-table-column align="center" :label="$t('pages.menus.order_num')" sortable prop="order_num" width="80"></el-table-column>
|
|
|
+ <el-table-column align="center" :label="$t('pages.menus.path')" prop="path"></el-table-column>
|
|
|
+ <el-table-column align="center" :label="$t('pages.menus.component')" prop="component"></el-table-column>
|
|
|
+ <el-table-column align="center" :label="$t('pages.menus.parentName')" prop="type">
|
|
|
<template #default="{ row }">{{ getType(row) }} </template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" label="状态" prop="is_use" width="80">
|
|
|
+ <el-table-column align="center" :label="$t('pages.menus.is_use')" prop="is_use" width="80">
|
|
|
<template #default="{ row }">{{ getStatus(row) }} </template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" label="备注" prop="remark"> </el-table-column>
|
|
|
- <el-table-column align="center" label="操作">
|
|
|
+ <el-table-column align="center" :label="$t('pages.menus.remark')" prop="remark"> </el-table-column>
|
|
|
+ <el-table-column align="center" :label="$t('common.opera')">
|
|
|
<template #default="{ row }">
|
|
|
- <el-link :underline="false" type="primary" size="mini" @click="toUpdate(row)" style="margin-right: 10px">修改</el-link>
|
|
|
- <el-link :underline="false" type="primary" size="mini" @click="toAddNext(row)" style="margin-right: 10px">添加下一级</el-link>
|
|
|
- <el-link :underline="false" type="danger" size="mini" @click="toDelete(row)">删除</el-link>
|
|
|
+ <el-link :underline="false" type="primary" size="mini" @click="toUpdate(row)" style="margin-right: 10px">{{ $t('common.update') }}</el-link>
|
|
|
+ <el-link :underline="false" type="primary" size="mini" @click="toAddNext(row)" style="margin-right: 10px">
|
|
|
+ {{ $t('pages.menus.addNext') }}
|
|
|
+ </el-link>
|
|
|
+ <el-link :underline="false" type="danger" size="mini" @click="toDelete(row)">{{ $t('common.delete') }}</el-link>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -33,6 +35,7 @@ const typeList = inject('typeList', [])
|
|
|
const toUpdate = inject('toUpdate')
|
|
|
const toAddNext = inject('toAddNext')
|
|
|
const toDelete = inject('toDelete')
|
|
|
+const { t } = useI18n()
|
|
|
const getType = (row) => {
|
|
|
let word = ''
|
|
|
const r = typeList.find((f) => f.value === row.type)
|
|
@@ -43,10 +46,10 @@ const getStatus = (row) => {
|
|
|
let word = ''
|
|
|
switch (row.is_use) {
|
|
|
case '0':
|
|
|
- word = '启用'
|
|
|
+ word = t('common.is_use_use')
|
|
|
break
|
|
|
case '1':
|
|
|
- word = '禁用'
|
|
|
+ word = t('common.is_use_notUse')
|
|
|
break
|
|
|
|
|
|
default:
|