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

@@ -9,6 +9,10 @@ import user from './user/zh'
import scheduler from './scheduling/zh'
import dept from './dept/zh'
import dict from './dict/zh'
import redis from './redis/zh'
import log from './log/zh'
import notice from './notice/zh'
import record from './record/zh'
export default {
...zhLocale,
@@ -21,5 +25,9 @@ export default {
...user,
...scheduler,
...dept,
...dict
...dict,
...redis,
...log,
...notice,
...record
}

View File

@@ -9,6 +9,10 @@ import user from './user/en'
import scheduler from './scheduling/en'
import dept from './dept/en'
import dict from './dict/en'
import redis from './redis/en'
import log from './log/en'
import notice from './notice/en'
import record from './record/en'
export default {
...enLocale,
@@ -21,5 +25,9 @@ export default {
...user,
...scheduler,
...dept,
...dict
...dict,
...redis,
...log,
...notice,
...record
}

View File

@@ -9,6 +9,10 @@ import user from './user/in'
import scheduler from './scheduling/in'
import dept from './dept/in'
import dict from './dict/in'
import redis from './redis/in'
import log from './log/in'
import notice from './notice/in'
import record from './record/in'
export default {
...idLocale,
@@ -21,5 +25,9 @@ export default {
...user,
...scheduler,
...dept,
...dict
...dict,
...redis,
...log,
...notice,
...record
}

View File

@@ -0,0 +1,13 @@
export default {
'Log': {
'level': 'Log Level',
'search': 'Search',
'content': 'Log Content',
'link_id': 'Link ID',
'link_id_msg': 'Please enter the link ID',
'time': 'Time',
'start_time': 'Start Time',
'to': 'To',
'end_time': 'End Time'
}
}

View File

@@ -0,0 +1,13 @@
export default {
'Log': {
'level': 'Tingkat Log',
'search': 'Mencari',
'content': 'Catat Konten',
'link_id': 'ID Tautan',
'link_id_msg': 'Silakan masukkan ID tautan',
'time': 'Waktu',
'start_time': 'Waktu Mulai',
'to': '-',
'end_time': 'Akhir Waktu'
}
}

View File

@@ -0,0 +1,13 @@
export default {
'Log': {
'level': '日志级别',
'search': '模糊搜索',
'content': '日志内容',
'link_id': '链路ID',
'link_id_msg': '请输入链路ID',
'time': '时间',
'start_time': '开始时间',
'to': '至',
'end_time': '结束时间'
}
}

View File

@@ -0,0 +1,33 @@
export default {
'Notice': {
'title': 'Message Notification',
'table': {
'notice_title': 'notice title',
'notice_content': 'notice content',
'notice_type': 'notice type',
'have_read': 'have read',
'read_time': 'read time',
'deal_status': 'deal status',
'create_time': 'create time',
'see': 'View',
'deal': 'Handle',
'input_tip': 'Please enter the title',
'batch_reader': 'Batch Read'
},
'reader': {
'title': 'Message Detail',
'label': 'Title',
'type': 'Message Type',
'deal_status': 'Deal Status',
'create_time': 'Create Time',
'content': 'Content'
},
'icon': {
'empty_msg': 'No Information',
'see_more': 'View More'
},
'rules': {
'NotNull': 'Cannot be empty'
}
}
}

View File

@@ -0,0 +1,33 @@
export default {
'Notice': {
'title': 'Pemberitahuan',
'table': {
'notice_title': 'judul pesan',
'notice_content': 'informasi',
'notice_type': 'jenis informasi',
'have_read': 'status baca',
'read_time': 'waktu membaca',
'deal_status': 'status pemrosesan',
'create_time': 'waktu penciptaan',
'see': 'Memeriksa',
'deal': 'Beroperasi',
'input_tip': 'Silakan masukkan judul',
'batch_reader': 'Bacaan Batch'
},
'reader': {
'title': 'Detail Pesan',
'label': 'Judul',
'type': 'Jenis Informasi',
'content': 'Isi',
'deal_status': 'Status Pemrosesan',
'create_time': 'Waktu Penciptaan'
},
'icon': {
'empty_msg': 'Tidak Ada Informasi',
'see_more': 'Lagi'
},
'rules': {
'NotNull': 'Tidak dapat kosong'
}
}
}

View File

@@ -0,0 +1,33 @@
export default {
'Notice': {
'title': '消息通知',
'table': {
'notice_title': '信息标题',
'notice_content': '信息内容',
'notice_type': '信息类型',
'have_read': '读取状态',
'read_time': '读取时间',
'deal_status': '处理状态',
'create_time': '创建时间',
'see': '查看',
'deal': '处理',
'input_tip': '请输入标题',
'batch_reader': '批量已读'
},
'reader': {
'title': '消息详情',
'label': '标题',
'type': '信息类型',
'deal_status': '处理情况',
'create_time': '创建时间',
'content': '内容'
},
'icon': {
'empty_msg': '暂无信息',
'see_more': '查看更多'
},
'rules': {
'NotNull': '不能为空'
}
}
}

View File

@@ -0,0 +1,13 @@
export default {
'SysParam': {
'table': {
'code': 'code',
'name': 'name',
'values': 'value',
'description': 'remark'
},
'rules': {
'NotNull': 'Cannot be empty'
}
}
}

View File

@@ -0,0 +1,13 @@
export default {
'SysParam': {
'table': {
'code': 'kode',
'name': 'nama',
'values': 'nilai',
'description': 'Catatan'
},
'rules': {
'NotNull': 'Tidak dapat kosong'
}
}
}

View File

@@ -0,0 +1,13 @@
export default {
'SysParam': {
'table': {
'code': '编码',
'name': '名称',
'values': '值',
'description': '备注'
},
'rules': {
'NotNull': '不能为空'
}
}
}

View File

@@ -0,0 +1,20 @@
export default {
'Record': {
'title': 'External System Interface Records',
'table': {
'interact_name': 'interact name',
'code': 'code',
'message': 'message',
'request_param': 'request',
'response_param': 'response',
'record_time': 'record time',
'direction': 'direction',
'is_success': 'request state',
'blurry': 'Fuzzy Query',
'search_msg': 'name or code'
},
'rules': {
'NotNull': 'Cannot be empty'
}
}
}

View File

@@ -0,0 +1,20 @@
export default {
'Record': {
'title': 'Catatan Antarmuka Sistem Eksternal',
'table': {
'interact_name': 'nama berinteraksi',
'code': 'kode',
'message': 'pesan',
'request_param': 'meminta',
'response_param': 'tanggapan',
'record_time': 'mencatat waktu',
'direction': 'arah',
'is_success': 'keadaan permintaan',
'blurry': 'Kueri Fuzzy',
'search_msg': 'nama atau kode'
},
'rules': {
'NotNull': 'Tidak dapat kosong'
}
}
}

View File

@@ -0,0 +1,20 @@
export default {
'Record': {
'title': '外部系统接口记录',
'table': {
'interact_name': '对接名称',
'code': '响应编码',
'message': '响应信息',
'request_param': '请求报文',
'response_param': '响应结果',
'record_time': '记录时间',
'direction': '请求方向',
'is_success': '请求状态',
'blurry': '模糊查询',
'search_msg': '对接名称/内容'
},
'rules': {
'NotNull': '不能为空'
}
}
}

View File

@@ -0,0 +1,34 @@
export default {
'Redis': {
'title1': 'Basic Information',
'redis_version': 'Redis Version',
'redis_mode': 'Run Mode',
'tcp_port': 'Port',
'connected_clients': 'Client Number',
'standalone': 'Standalone',
'cluster': 'Cluster',
'running': 'Running Time(Day)',
'memory_use': 'Use Memory',
'cpu': 'Use CPU',
'memory': 'Memory Allocation',
'AOF': 'AOF Enable',
'RDB': 'RDB Success',
'keys': 'Key Number',
'io': 'Network I/O',
'left_title': 'Command Statistics',
'right_title': 'Memory Information',
'memory_consumption': 'Memory Consumption',
'pake': 'Threshold',
'command': 'Command',
'batch_del': 'Batch Delete',
'key_type': 'Key Type',
'value2': 'Value',
'no_expired': 'Never Go Out Of Date',
'expired': 'Expired',
'clear': 'Clear Data',
'expiration': 'Expiration Time',
'unit': 's',
'msg1': 'This operation will permanently delete the redis cache data. Do you want to continue?',
'msg2': 'Undelete'
}
}

View File

@@ -0,0 +1,34 @@
export default {
'Redis': {
'title1': 'Informasi Dasar',
'redis_version': 'Redis Versi',
'redis_mode': 'Modus Operasi',
'tcp_port': 'Pelabuhan',
'connected_clients': 'Jumlah Klien',
'standalone': 'Mandiri',
'cluster': 'Gugus',
'running': 'Jam Operasional(Langit)',
'memory_use': 'Gunakan Memori',
'cpu': 'Gunakan CPU',
'memory': 'Konfigurasi Memori',
'AOF': 'Apakah AOF Diaktifkan',
'RDB': 'RDB Kesuksesan',
'keys': 'Key kuantitas',
'io': 'jaringan I/O',
'left_title': 'Statistik Perintah',
'right_title': 'Informasi Memori',
'memory_consumption': 'Konsumsi Memori',
'pake': 'Puncak',
'command': 'Memesan',
'batch_del': 'Penghapusan Batch',
'key_type': 'Key Jenis',
'value2': 'Value',
'no_expired': 'Abadi',
'expired': 'Kedaluwarsa',
'clear': 'Hapus Data',
'expiration': 'Kedaluwarsa',
'unit': 's',
'msg1': 'Operasi ini akan menghapus data cache redis secara permanen. Apakah Anda ingin melanjutkan?',
'msg2': 'Batalkan penghapusan'
}
}

View File

@@ -0,0 +1,34 @@
export default {
'Redis': {
'title1': '基本信息',
'redis_version': 'Redis版本',
'redis_mode': '运行模式',
'tcp_port': '端口',
'connected_clients': '客户端数',
'standalone': '单机',
'cluster': '集群',
'running': '运行时间(天)',
'memory_use': '使用内存',
'cpu': '使用CPU',
'memory': '内存配置',
'AOF': 'AOF是否开启',
'RDB': 'RDB是否成功',
'keys': 'Key数量',
'io': '网络入口/出口',
'left_title': '命令统计',
'right_title': '内存信息',
'memory_consumption': '内存消耗',
'pake': '峰值',
'command': '命令',
'batch_del': '批量删除',
'key_type': 'Key 类型',
'value2': 'Value 值',
'no_expired': '永不过时',
'expired': '已过期',
'clear': '清除数据',
'expiration': '过期时间',
'unit': '秒',
'msg1': '此操作将永久删除该redis缓存数据, 是否继续?',
'msg2': '已取消删除'
}
}

View File

@@ -3,18 +3,16 @@
<div class="head-container">
<el-form
:inline="true"
class="demo-form-inline"
label-position="right"
label-width="90px"
label-width="=100px"
label-suffix=":"
>
<el-form-item label="日志级别">
<el-form-item :label="$t('Log.level')">
<el-select
v-model="query.level"
clearable
size="mini"
placeholder="日志级别"
class="filter-item"
:placeholder="$t('Log.level')"
>
<el-option
v-for="item in levelOptions"
@@ -23,34 +21,34 @@
/>
</el-select>
</el-form-item>
<el-form-item label="模糊搜索">
<el-form-item :label="$t('Log.search')">
<el-input
v-model="query.message"
clearable
size="mini"
placeholder="日志内容"
:placeholder="$t('Log.content')"
/>
</el-form-item>
<el-form-item label="链路ID">
<el-form-item :label="$t('Log.link_id')">
<el-input
v-model="query.tlogTraceId"
clearable
size="mini"
placeholder="请输入链路ID"
:placeholder="$t('Log.link_id_msg')"
/>
</el-form-item>
<el-form-item label="时间">
<el-form-item :label="$t('Log.time')">
<el-date-picker
v-model="query.createTime"
type="datetimerange"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期">
:range-separator="$t('Log.to')"
:start-placeholder="$t('Log.start_time')"
:end-placeholder="$t('Log.end_time')">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" size="mini" @click="queryData">
查询
{{ $t('common.Query') }}
</el-button>
</el-form-item>
</el-form>

View File

@@ -7,24 +7,24 @@
<div style="margin: 5px" v-loading="loading">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane :label="d.label" :name="d.value" v-for="d in dict.notice_type" :key="d.id">
<el-empty v-if="notReadMsgList && notReadMsgList[d.value-1] && notReadMsgList[d.value-1].length === 0" description="暂无信息" ></el-empty>
<el-empty v-if="notReadMsgList && notReadMsgList[d.value-1] && notReadMsgList[d.value-1].length === 0" :description="$t('Notice.icon.empty_msg')" />
<div v-for="o in notReadMsgList[d.value-1]" :key="o.notice_id">
<a href="javascript:" @click="showMessage(o)">
<el-row @click="showMessage">
<el-col :span="6">
<el-tag type="danger">{{ dict.label.notice_type[o.notice_type] }}</el-tag>
</el-col>
<el-col :span="9" style="font-weight: bolder">{{o.notice_title}}</el-col>
<el-col :span="9" style="color: #cccccc">{{o.create_time}}</el-col>
<el-col :span="9" style="font-weight: bolder">{{ o.notice_title }}</el-col>
<el-col :span="9" style="color: #cccccc">{{ o.create_time }}</el-col>
</el-row>
<el-divider ></el-divider>
<el-divider />
</a>
</div>
</el-tab-pane>
</el-tabs>
<div style="text-align: right">
<el-button type="text" @click="visible = !visible">取消</el-button>
<el-button type="text" @click="toSiteMessage" >查看更多>></el-button>
<el-button type="text" @click="visible = !visible">{{ $t('common.Cancel') }}</el-button>
<el-button type="text" @click="toSiteMessage">{{ $t('Notice.icon.see_more') }}>></el-button>
</div>
</div>
<span slot="reference" @click="fetchNotice">

View File

@@ -1,6 +1,6 @@
<template>
<el-dialog
title="消息详情"
:title="$t('Notice.reader.title')"
:visible.sync="visible"
:modal-append-to-body="false"
:append-to-body="true"
@@ -10,14 +10,14 @@
<el-descriptions-item>
<template slot="label">
<i class="el-icon-user"></i>
标题
{{ $t('Notice.reader.label') }}
</template>
{{message.notice_title}}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-mobile-phone"></i>
信息类型
{{ $t('Notice.reader.type') }}
</template>
<el-tag size="small" type="danger">
{{ dict.label.notice_type[message.notice_type] }}
@@ -26,14 +26,14 @@
<el-descriptions-item>
<template slot="label">
<i class="el-icon-location-outline"></i>
创建时间
{{ $t('Notice.reader.create_time') }}
</template>
{{ message.create_time }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<i class="el-icon-tickets"></i>
处理情况
{{ $t('Notice.reader.deal_status') }}
</template>
<el-tag size="small" type="warning">
{{ dict.label.deal_status[message.deal_status] }}
@@ -42,14 +42,14 @@
<el-descriptions-item>
<template slot="label">
<i class="el-icon-office-building"></i>
内容
{{ $t('Notice.reader.content') }}
</template>
{{message.notice_content}}
</el-descriptions-item>
</el-descriptions>
</div>
<span slot="footer" class="dialog-footer">
<el-button type="primary" size="mini" @click="handleCancel"> </el-button>
<el-button type="primary" size="mini" @click="handleCancel">{{ $t('common.Confirm') }}</el-button>
</span>
</el-dialog>
</template>

View File

@@ -6,26 +6,24 @@
<!-- 搜索 -->
<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('Notice.table.notice_title')">
<el-input
v-model="query.notice_title"
clearable
size="mini"
placeholder="请输入标题"
:placeholder="$t('Notice.table.input_tip')"
@keyup.enter.native="crud.toQuery"
/>
</el-form-item>
<el-form-item label="信息类型">
<el-form-item :label="$t('Notice.table.notice_type')">
<el-select
v-model="query.notice_type"
clearable
size="mini"
placeholder="信息类型"
:placeholder="$t('Notice.table.notice_type')"
class="filter-item"
@change="hand"
>
@@ -36,12 +34,12 @@
/>
</el-select>
</el-form-item>
<el-form-item label="读取状态">
<el-form-item :label="$t('Notice.table.read_time')">
<el-select
v-model="query.have_read"
clearable
size="mini"
placeholder="读取状态"
:placeholder="$t('Notice.table.read_time')"
class="filter-item"
@change="hand"
>
@@ -52,12 +50,12 @@
/>
</el-select>
</el-form-item>
<el-form-item label="处理情况">
<el-form-item :label="$t('Notice.table.deal_status')">
<el-select
v-model="query.deal_status"
clearable
size="mini"
placeholder="处理情况"
:placeholder="$t('Notice.table.deal_status')"
class="filter-item"
@change="hand"
>
@@ -82,7 +80,7 @@
:disabled="crud.selections.length === 0"
@click="changeRead(crud.selections)"
>
批量已读
{{ $t('Notice.table.batch_reader') }}
</el-button>
</crudOperation>
<!--表单组件-->
@@ -117,44 +115,84 @@
</el-dialog>
<!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
<el-table-column type="selection" width="55" />
<el-table-column prop="notice_title" label="信息标题" :min-width="flexWidth('notice_title',crud.data,'信息标题')" />
<el-table-column prop="notice_content" label="信息内容" :min-width="flexWidth('notice_content',crud.data,'信息内容')" />
<el-table-column prop="notice_type" label="信息类型" :min-width="flexWidth('notice_type',crud.data,'信息类型')">
<el-table-column
type="selection"
width="55"
/>
<el-table-column
prop="notice_title"
:label="$t('Notice.table.notice_title')"
:min-width="flexWidth('notice_title',crud.data,$t('Notice.table.notice_title'))"
/>
<el-table-column
prop="notice_content"
:label="$t('Notice.table.notice_content')"
show-overflow-tooltip
min-width="100px"
/>
<el-table-column
prop="notice_type"
:label="$t('Notice.table.notice_type')"
:min-width="flexWidth('notice_type',crud.data,$t('Notice.table.notice_type'))"
>
<template slot-scope="scope">
<el-tag v-if="scope.row.notice_type == 1" type="danger">{{ dict.label.notice_type[scope.row.notice_type] }}</el-tag>
<el-tag v-else type="warning">{{ dict.label.notice_type[scope.row.notice_type] }}</el-tag>
</template>
</el-table-column>
<el-table-column prop="have_read" label="读取状态" :min-width="flexWidth('have_read',crud.data,'读取状态')" >
<el-table-column
prop="have_read"
:label="$t('Notice.table.have_read')"
:min-width="flexWidth('have_read',crud.data,$t('Notice.table.have_read'))"
>
<template slot-scope="scope">
<el-tag v-if="scope.row.have_read == 1" type="danger">{{ dict.label.have_read_type[scope.row.have_read] }}</el-tag>
<el-tag v-else type="success">{{ dict.label.have_read_type[scope.row.have_read] }}</el-tag>
</template>
</el-table-column>
<el-table-column prop="read_time" label="读取时间" :min-width="flexWidth('read_time',crud.data,'读取时间')" />
<el-table-column prop="deal_status" label="处理状态" :min-width="flexWidth('deal_status',crud.data,'处理状态')" >
<el-table-column
prop="read_time"
:label="$t('Notice.table.read_time')"
:min-width="flexWidth('read_time',crud.data,$t('Notice.table.read_time'))"
/>
<el-table-column
prop="deal_status"
:label="$t('Notice.table.deal_status')"
:min-width="flexWidth('deal_status',crud.data,$t('Notice.table.deal_status'))"
>
<template slot-scope="scope">
<el-tag v-if="scope.row.deal_status == 1" type="info">{{ dict.label.deal_status[scope.row.deal_status] }}</el-tag>
<el-tag v-else>{{ dict.label.deal_status[scope.row.deal_status] }}</el-tag>
</template>
</el-table-column>
<el-table-column prop="create_time" label="创建时间" :min-width="flexWidth('create_time',crud.data,'创建时间')" />
<el-table-column v-permission="[]" label="操作" width="230px" align="center" fixed="right">
<el-table-column
prop="create_time"
:label="$t('Notice.table.create_time')"
:min-width="flexWidth('create_time',crud.data,$t('Notice.table.create_time'))"
/>
<el-table-column
v-permission="[]"
:label="$t('common.Operate')"
width="260px"
align="center"
fixed="right"
>
<template slot-scope="scope">
<el-button
type="text"
slot="left"
type="text"
icon="el-icon-view"
@click="show(scope.row)">
查看
@click="show(scope.row)"
>
{{ $t('Notice.table.see') }}
</el-button>
<el-button
type="text"
slot="left"
type="text"
icon="el-icon-help"
@click="deal(scope.row)">
处理
@click="deal(scope.row)"
>
{{ $t('Notice.table.deal') }}
</el-button>
<udOperation
:data="scope.row"
@@ -179,6 +217,7 @@ import crudOperation from '@crud/CRUD.operation.vue'
import udOperation from '@crud/UD.operation.vue'
import pagination from '@crud/Pagination.vue'
import { NOTICE_SHOW_MESSAGE, NOTICE_MESSAGE_UPDATE } from './VueBaseCode'
import i18n from "@/i18n";
const defaultForm = { notice_id: null, notice_title: null, notice_content: null, notice_type: null, have_read: null, read_time: null, deal_status: null, create_time: null }
export default {
@@ -188,7 +227,7 @@ export default {
mixins: [presenter(), header(), form(defaultForm), crud()],
cruds() {
return CRUD({
title: '消息通知',
title: i18n.t('Notice.title'),
url: 'api/notice',
idField: 'notice_id',
sort: 'notice_id,desc',
@@ -226,6 +265,15 @@ export default {
]
}}
},
computed: {
computedFormLabelWidth() {
const item = localStorage.getItem('lang')
if (item === 'in') {
return `150px`
}
return `100px`
}
},
methods: {
// 钩子在获取表格数据之前执行false 则代表不获取数据
[CRUD.HOOK.beforeRefresh]() {
@@ -257,7 +305,7 @@ export default {
param.have_read = '2'
crudNotice.changeRead(param).then(() => {
this.$bus.emit(NOTICE_MESSAGE_UPDATE)
this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
this.crud.notify(i18n.t('common.Operation_success'), CRUD.NOTIFICATION_TYPE.SUCCESS)
this.crud.toQuery()
})
}

View File

@@ -4,39 +4,39 @@
<el-col :span="24" class="card-box">
<el-card>
<div slot="header">
<span>基本信息</span>
<span>{{ $t('Redis.title1') }}</span>
</div>
<div class="el-table el-table--enable-row-hover el-table--medium">
<table cellspacing="0" style="width: 100%">
<tbody>
<tr>
<td><div class="cell">Redis版本:</div></td>
<td><div class="cell">{{ $t('Redis.redis_version') }}:</div></td>
<td><div v-if="cache.info" class="cell">{{ cache.info.redis_version }}</div></td>
<td><div class="cell">运行模式:</div></td>
<td><div v-if="cache.info" class="cell">{{ cache.info.redis_mode == "standalone" ? "单机" : "集群" }}</div></td>
<td><div class="cell">端口:</div></td>
<td><div class="cell">{{ $t('Redis.redis_mode') }}:</div></td>
<td><div v-if="cache.info" class="cell">{{ cache.info.redis_mode == "standalone" ? $t('Redis.standalone') : $t('Redis.cluster') }}</div></td>
<td><div class="cell">{{ $t('Redis.tcp_port') }}:</div></td>
<td><div v-if="cache.info" class="cell">{{ cache.info.tcp_port }}</div></td>
<td><div class="cell">客户端数:</div></td>
<td><div class="cell">{{ $t('Redis.connected_clients') }}:</div></td>
<td><div v-if="cache.info" class="cell">{{ cache.info.connected_clients }}</div></td>
</tr>
<tr>
<td><div class="cell">运行时间():</div></td>
<td><div class="cell">{{ $t('Redis.running') }}:</div></td>
<td><div v-if="cache.info" class="cell">{{ cache.info.uptime_in_days }}</div></td>
<td><div class="cell">使用内存:</div></td>
<td><div class="cell">{{ $t('Redis.memory_use') }}:</div></td>
<td><div v-if="cache.info" class="cell">{{ cache.info.used_memory_human }}</div></td>
<td><div class="cell">使用CPU:</div></td>
<td><div class="cell">{{ $t('Redis.cpu') }}:</div></td>
<td><div v-if="cache.info" class="cell">{{ parseFloat(cache.info.used_cpu_user_children).toFixed(2) }}</div></td>
<td><div class="cell">内存配置:</div></td>
<td><div class="cell">{{ $t('Redis.memory') }}:</div></td>
<td><div v-if="cache.info" class="cell">{{ cache.info.maxmemory_human }}</div></td>
</tr>
<tr>
<td><div class="cell">AOF是否开启:</div></td>
<td><div v-if="cache.info" class="cell">{{ cache.info.aof_enabled === "0" ? "否" : "是" }}</div></td>
<td><div class="cell">RDB是否成功:</div></td>
<td><div class="cell">{{ $t('Redis.AOF') }}:</div></td>
<td><div v-if="cache.info" class="cell">{{ cache.info.aof_enabled === "0" ? $t('common.No') : $t('common.Yes') }}</div></td>
<td><div class="cell">{{ $t('Redis.RDB') }}:</div></td>
<td><div v-if="cache.info" class="cell">{{ cache.info.rdb_last_bgsave_status }}</div></td>
<td><div class="cell">Key数量:</div></td>
<td><div class="cell">{{ $t('Redis.keys') }}:</div></td>
<td><div v-if="cache.dbSize" class="cell">{{ cache.dbSize }} </div></td>
<td><div class="cell">网络入口/出口:</div></td>
<td><div class="cell">{{ $t('Redis.io') }}:</div></td>
<td><div v-if="cache.info" class="cell">{{ cache.info.instantaneous_input_kbps }}kps/{{ cache.info.instantaneous_output_kbps }}kps</div></td>
</tr>
</tbody>
@@ -47,7 +47,7 @@
<el-col :span="12" class="card-box">
<el-card>
<div slot="header"><span>命令统计</span></div>
<div slot="header"><span>{{ $t('Redis.left_title') }}</span></div>
<div class="el-table el-table--enable-row-hover el-table--medium">
<div ref="commandstats" style="height: 420px" />
</div>
@@ -57,7 +57,7 @@
<el-col :span="12" class="card-box">
<el-card>
<div slot="header">
<span>内存信息</span>
<span>{{ $t('Redis.right_title') }}</span>
</div>
<div class="el-table el-table--enable-row-hover el-table--medium">
<div ref="usedmemory" style="height: 420px" />
@@ -67,7 +67,8 @@
<el-col :span="24" class="card-box">
<el-card>
<el-button size="mini" :disabled="delBtlStatu" type="danger" style="margin-bottom: 10px" @click="batchDel">批量删除</el-button>
<el-button size="mini" :disabled="delBtlStatu" type="danger" style="margin-bottom: 10px" @click="batchDel">
{{ $t('Redis.batch_del') }}</el-button>
<el-table
:data="keyAndValues"
row-key="id"
@@ -76,26 +77,26 @@
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column prop="key" label="Key" width="200" :show-overflow-tooltip="true" />
<el-table-column prop="dataType" label="Key 类型" width="100" />
<el-table-column prop="value" label="Value" :show-overflow-tooltip="true" />
<el-table-column prop="expire" label="过期时间" width="200">
<el-table-column prop="dataType" :label="$t('Redis.key_type')" width="100" />
<el-table-column prop="value" :label="$t('Redis.value2')" :show-overflow-tooltip="true" />
<el-table-column prop="expire" :label="$t('Redis.expiration')" width="200">
<template slot-scope="scope">
<el-tag>
<span v-if="scope.row.expire === -1">
永不过时
{{ $t('Redis.no_expired') }}
</span>
<span v-else-if="scope.row.expire === -2">
已过期
{{ $t('Redis.expired') }}
</span>
<span v-else>
{{ scope.row.expire }}
{{ scope.row.expire }}{{ $t('Redis.unit') }}
</span>
</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" width="150px" align="center">
<el-table-column :label="$t('common.Operate')" width="150px" align="center">
<template slot-scope="scope">
<el-button type="danger" size="mini" @click="clearRedisData(scope.row)">清除数据</el-button>
<el-button type="danger" size="mini" @click="clearRedisData(scope.row)">{{ $t('Redis.clear') }}</el-button>
</template>
</el-table-column>
</el-table>
@@ -108,6 +109,7 @@
<script>
import { getCache, getKeyDefineList, getKeyValueList, batch } from '@/api/system/redis'
import echarts from 'echarts'
import i18n from "@/i18n";
export default {
name: 'Redis',
data() {
@@ -156,7 +158,7 @@ export default {
},
series: [
{
name: '命令',
name: i18n.t('Redis.command'),
type: 'pie',
roseType: 'radius',
radius: [15, 95],
@@ -175,7 +177,7 @@ export default {
},
series: [
{
name: '峰值',
name: i18n.t('Redis.pake'),
type: 'gauge',
min: 0,
max: 1000,
@@ -185,7 +187,7 @@ export default {
data: [
{
value: parseFloat(this.cache.info.used_memory_human),
name: '内存消耗'
name: i18n.t('Redis.memory_consumption')
}
]
}
@@ -194,7 +196,6 @@ export default {
})
// 查询 Redis Key 模板列表
getKeyDefineList().then(res => {
console.log(res)
this.keyDefineList = res.info
this.keyDefineListLoad = false
})
@@ -204,9 +205,9 @@ export default {
})
},
clearRedisData(row) {
this.$confirm('此操作将永久删除该redis缓存数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
this.$confirm(i18n.t('Redis.msg1'), i18n.t('common.Tips'), {
confirmButtonText: i18n.t('common.Confirm'),
cancelButtonText: i18n.t('common.Cancel'),
type: 'warning'
}).then(() => {
const ids = []
@@ -214,26 +215,25 @@ export default {
batch(ids).then(res => {
this.$message({
type: 'success',
message: '删除成功!'
message: i18n.t('common.Operation_success')
})
location.reload()
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
message: i18n.t('Redis.msg2')
})
})
},
handleSelectionChange(val) {
console.log(val)
this.multipleSelection = val
this.delBtlStatu = val.length == 0
},
batchDel() {
this.$confirm('此操作将永久删除' + this.multipleSelection.length + '条缓存数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
this.$confirm(i18n.t('common.Tip1') + this.multipleSelection.length + i18n.t('common.Tip2'), i18n.t('common.Tips'), {
confirmButtonText: i18n.t('common.Confirm'),
cancelButtonText: i18n.t('common.Cancel'),
type: 'warning'
}).then(() => {
const ids = []
@@ -243,14 +243,14 @@ export default {
batch(ids).then(res => {
this.$message({
type: 'success',
message: '删除成功!'
message: i18n.t('common.Operation_success')
})
location.reload()
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
message: i18n.t('Redis.msg2')
})
})
}

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',