refactor(deviceManagement): 替换国际化文本为中文并优化组件样式
重构设备管理相关视图组件,将国际化文本替换为中文显示,优化按钮样式和布局。主要变更包括:
1. 将按钮文本从$t('btn.xxx')替换为中文
2. 调整部分组件的样式和布局
3. 统一使用el-image替换ImagePreview组件
4. 优化树选择组件实现
5. 调整对话框的关闭行为和样式
这些变更加强了用户体验一致性,移除了国际化依赖,使界面更符合中文用户习惯。
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user