fix: 国际化
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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()
|
||||
})
|
||||
}
|
||||
|
||||
@@ -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')
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user