fix: 国际化

This commit is contained in:
2024-04-02 09:30:01 +08:00
parent 7fed531835
commit 093e03f0fd
24 changed files with 537 additions and 130 deletions

View File

@@ -5,22 +5,20 @@
<div v-if="crud.props.searchToggle">
<el-form
:inline="true"
class="demo-form-inline"
label-position="right"
label-width="90px"
label-suffix=":"
>
<el-form-item label="模糊查询">
<el-form-item :label="$t('Record.table.blurry')">
<el-input
v-model="query.blurry"
clearable
size="mini"
placeholder="对接名称/内容"
:placeholder="$t('Record.table.search_msg')"
@keyup.enter.native="crud.toQuery"
/>
</el-form-item>
<el-form-item label="请求方向">
<el-select v-model="query.interact_direction" placeholder="请求方向" clearable>
<el-form-item :label="$t('Record.table.direction')">
<el-select v-model="query.interact_direction" :placeholder="$t('Record.table.direction')" clearable>
<el-option
v-for="item in dict.interact_direction"
:key="item.value"
@@ -40,29 +38,28 @@
:before-close="crud.cancelCU"
:visible.sync="crud.status.cu > 0"
:title="crud.status.title"
width="550px"
width="580px"
>
<el-form ref="form" :model="form" :rules="rules" size="mini" label-width="100px">
<el-form-item label="对接名称">
<el-form ref="form" :model="form" :rules="rules" size="mini" label-width="120px">
<el-form-item :label="$t('Record.table.interact_name')">
<el-input v-model="form.interact_name" style="width: 370px;" disabled/>
</el-form-item>
<el-form-item label="响应编码">
<el-form-item :label="$t('Record.table.code')">
<el-input v-model="form.code" style="width: 370px;" disabled/>
</el-form-item>
<el-form-item label="响应信息">
<el-form-item :label="$t('Record.table.message')">
<el-input v-model="form.message" style="width: 370px;" disabled/>
</el-form-item>
<el-form-item label="请求报文">
<el-form-item :label="$t('Record.table.request_param')">
<el-input v-model="formattedRequestParam" :autosize="{ minRows: 3 }" type="textarea" style="width: 370px;"/>
</el-form-item>
<el-form-item label="响应结果">
<el-form-item :label="$t('Record.table.response_param')">
<el-input v-model="formattedResponseParam" :autosize="{ minRows: 3 }" type="textarea" style="width: 370px;" disabled/>
</el-form-item>
<el-form-item label="记录时间">
<el-form-item :label="$t('Record.table.record_time')">
<el-input v-model="form.record_time" style="width: 370px;" disabled/>
</el-form-item>
<el-form-item label="请求方向">
<!-- <el-input v-model="form.direction" style="width: 370px;" disabled/>-->
<el-form-item :label="$t('Record.table.direction')">
<el-select
disabled
v-model="form.direction"
@@ -81,8 +78,8 @@
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="text" @click="crud.cancelCU">取消</el-button>
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
<el-button type="text" @click="crud.cancelCU">{{ $t('common.Cancel') }}</el-button>
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">{{ $t('common.Confirm') }}</el-button>
</div>
</el-dialog>
<!--表格渲染-->
@@ -97,39 +94,39 @@
<el-table-column type="selection" width="55" />
<el-table-column
prop="interact_name"
label="对接名称"
:min-width="flexWidth('interact_name',crud.data,'对接名称')"
:label="$t('Record.table.interact_name')"
:min-width="flexWidth('interact_name',crud.data,$t('Record.table.interact_name'))"
/>
<el-table-column prop="code" label="响应编码" :min-width="flexWidth('code',crud.data,'响应编码')" />
<el-table-column prop="message" label="响应信息" :min-width="flexWidth('message',crud.data,'响应信息')" />
<el-table-column prop="code" :label="$t('Record.table.code')" :min-width="flexWidth('code',crud.data,$t('Record.table.code'))" />
<el-table-column prop="message" :label="$t('Record.table.message')" :min-width="flexWidth('message',crud.data,$t('Record.table.message'))" />
<el-table-column
prop="request_param"
label="请求报文"
:label="$t('Record.table.request_param')"
show-overflow-tooltip
:min-width="200"
/>
<el-table-column
prop="response_param"
label="响应结果"
:label="$t('Record.table.response_param')"
show-overflow-tooltip
:min-width="200"
/>
<el-table-column
prop="record_time"
label="记录时间"
:min-width="flexWidth('record_time',crud.data,'记录时间')"
:label="$t('Record.table.record_time')"
:min-width="flexWidth('record_time',crud.data,$t('Record.table.record_time'))"
/>
<el-table-column prop="direction" label="方向" :min-width="100">
<el-table-column prop="direction" :label="$t('Record.table.direction')" :min-width="100">
<template slot-scope="scope">
{{ dict.label.interact_direction[scope.row.direction] }}
</template>
</el-table-column>
<el-table-column prop="is_success" label="请求状态" :min-width="flexWidth('is_success',crud.data,'是否成功')">
<el-table-column prop="is_success" :label="$t('Record.table.is_success')" :min-width="flexWidth('is_success',crud.data,$t('Record.table.is_success'))">
<template slot-scope="scope">
{{ scope.row.is_success ? '成功' : '失败'}}
{{ scope.row.is_success ? $t('common.Success') : $t('common.Fail')}}
</template>
</el-table-column>
<el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right">
<el-table-column v-permission="[]" :label="$t('common.Operate')" width="120px" align="center" fixed="right">
<template slot-scope="scope">
<udOperation
:data="scope.row"
@@ -151,6 +148,7 @@ import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation'
import pagination from '@crud/Pagination'
import i18n from "@/i18n";
const defaultForm = {
interact_id: null,
@@ -170,7 +168,7 @@ export default {
mixins: [presenter(), header(), form(defaultForm), crud()],
cruds() {
return CRUD({
title: '外部系统接口记录',
title: i18n.t('Record.title'),
url: 'api/sysInteractRecord',
idField: 'interact_id',
sort: 'interact_id,desc',