refactor(deviceManagement): 替换国际化文本为中文并优化组件样式

重构设备管理相关视图组件,将国际化文本替换为中文显示,优化按钮样式和布局。主要变更包括:
1. 将按钮文本从$t('btn.xxx')替换为中文
2. 调整部分组件的样式和布局
3. 统一使用el-image替换ImagePreview组件
4. 优化树选择组件实现
5. 调整对话框的关闭行为和样式

这些变更加强了用户体验一致性,移除了国际化依赖,使界面更符合中文用户习惯。
This commit is contained in:
2025-09-26 17:30:54 +08:00
parent 25a6ae2980
commit 5e252eccae
20 changed files with 336 additions and 353 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div>
<div class="app-container">
<el-form :model="queryParams" label-position="right" inline ref="queryRef" v-show="showSearch" @submit.prevent>
<el-form-item label="检查项名称" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入设备类型名称" clearable />
@@ -17,15 +17,15 @@
</el-form-item>
<el-form-item>
<el-button icon="el-icon-search" type="primary" @click="handleQuery">{{ $t('btn.search') }}</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">{{ $t('btn.reset') }}</el-button>
<el-button icon="el-icon-search" type="primary" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 工具区域 -->
<el-row :gutter="15" class="mb10">
<el-col :span="1.5">
<el-button type="primary" v-hasPermi="['deviceManagement:deviceinspect:add']" plain icon="el-icon-plus" @click="handleAdd">
{{ $t('btn.add') }}
<el-button type="primary" plain icon="el-icon-plus" @click="handleAdd">
新增
</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
@@ -43,7 +43,7 @@
<el-table-column prop="name" label="名称" width="480" v-if="columns_showColumn('id')" />
<el-table-column prop="image" label="图片" align="center" v-if="columns_showColumn('image')">
<template slot-scope="scope">
<ImagePreview :src="scope.row.image"></ImagePreview>
<el-image :src="scope.row.image"></el-image>
</template>
</el-table-column>
<el-table-column prop="type" label="类别" align="center" :show-overflow-tooltip="true" v-if="columns_showColumn('type')">
@@ -70,14 +70,12 @@
size="small"
icon="el-icon-edit"
title="编辑"
v-hasPermi="['deviceManagement:deviceinspect:edit']"
@click="handleUpdate(scope.row)"></el-button>
<el-button
type="danger"
size="small"
icon="el-icon-delete"
title="删除"
v-hasPermi="['deviceManagement:deviceinspect:delete']"
@click="handleDelete(scope.row)"></el-button>
</template>
</el-table-column>
@@ -85,7 +83,7 @@
<pagination :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
<!-- 添加或修改设备检查项对话框 -->
<el-dialog :title="title" :lock-scroll="false" v-model="open">
<el-dialog :title="title" :lock-scroll="false" :visible.sync="open">
<!-- 基本信息 -->
<el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
<el-row :gutter="20">
@@ -140,7 +138,7 @@
<el-button type="success" @click="submitForm">完成</el-button>
</template>
</el-dialog>
<el-dialog title="检查项表单配置" :lock-scroll="false" v-model="open_form">
<el-dialog title="检查项表单配置" :lock-scroll="false" append-to-body :visible.sync="open_form">
<formconfig v-bind:message="parentMessage"></formconfig>
<template slot="footer">
<el-button type="success" @click="open_form = false">完成</el-button>