From b1413f021ee6e6f7105318af3be620633a1baeac Mon Sep 17 00:00:00 2001 From: Ricky <hk_ricky@163.com> Date: 星期二, 22 六月 2021 14:04:14 +0800 Subject: [PATCH] 增加字典标签样式回显 --- ruoyi-ui/src/views/system/dict/index.vue | 15 ++++++++++----- 1 files changed, 10 insertions(+), 5 deletions(-) diff --git a/ruoyi-ui/src/views/system/dict/index.vue b/ruoyi-ui/src/views/system/dict/index.vue index a52df7b..97d321a 100644 --- a/ruoyi-ui/src/views/system/dict/index.vue +++ b/ruoyi-ui/src/views/system/dict/index.vue @@ -123,7 +123,11 @@ </router-link> </template> </el-table-column> - <el-table-column label="状态" align="center" prop="status" :formatter="statusFormat" /> + <el-table-column label="状态" align="center" prop="status"> + <template slot-scope="scope"> + <dict-tag :options="statusOptions" :value="scope.row.status"/> + </template> + </el-table-column> <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" /> <el-table-column label="创建时间" align="center" prop="createTime" width="180"> <template slot-scope="scope"> @@ -190,9 +194,14 @@ <script> import { listType, getType, delType, addType, updateType, exportType, refreshCache } from "@/api/system/dict/type"; +// 字典标签组件(使用频繁可在全局挂载) +import DictTag from '@/components/DictTag' export default { name: "Dict", + components: { + DictTag + }, data() { return { // 遮罩层 @@ -256,10 +265,6 @@ this.loading = false; } ); - }, - // 字典状态字典翻译 - statusFormat(row, column) { - return this.selectDictLabel(this.statusOptions, row.status); }, // 取消按钮 cancel() { -- Gitblit v1.9.2