perf: 调整panel表格、大图样式，英文国际化替换
This commit is contained in:
chenjinsong
@@ -419,20 +419,20 @@ li{
|
||||
/* end--顶部工具栏*/
|
||||
|
||||
/* start--内容*/
|
||||
.content-right>.el-table{
|
||||
.nz-table.el-table{
|
||||
border: none;
|
||||
font-size: 12px;
|
||||
}
|
||||
.content-right .el-table::before {
|
||||
.nz-table.el-table::before {
|
||||
height: 0;
|
||||
}
|
||||
.content-right .el-table--border::after, .el-table--group::after {
|
||||
.nz-table .el-table--border::after, .el-table--group::after {
|
||||
width: 0;
|
||||
}
|
||||
.content-right .el-table__header {
|
||||
.nz-table .el-table__header {
|
||||
line-height: 36px;
|
||||
}
|
||||
.content-right .el-table .el-table__header th {
|
||||
.nz-table.el-table .el-table__header th {
|
||||
color: #666666;
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
@@ -440,24 +440,24 @@ li{
|
||||
border-bottom: 1px solid #d4d4d4;
|
||||
|
||||
}
|
||||
.content-right .el-table .el-table__header th:first-of-type {
|
||||
.nz-table.el-table .el-table__header th:first-of-type {
|
||||
border-left: none;
|
||||
}
|
||||
.content-right .el-table .el-table__header th:nth-last-child(2) {
|
||||
.nz-table.el-table .el-table__header th:nth-last-child(2) {
|
||||
border-right: none;
|
||||
}
|
||||
.content-right .el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
|
||||
.nz-table.el-table--border td, .el-table--border th, .nz-table .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
|
||||
border-right: none;
|
||||
}
|
||||
.content-right .el-table td {
|
||||
.nz-table.el-table td {
|
||||
padding: 0;
|
||||
}
|
||||
.content-right>.el-table th {
|
||||
.nz-table.el-table th {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
//小信息栏边框
|
||||
.content-right>.el-table th .cell{
|
||||
.nz-table.el-table th .cell{
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display:flex;
|
||||
@@ -465,14 +465,11 @@ li{
|
||||
border-right: 1px solid #d4d4d4;
|
||||
box-shadow: inset -1px -2px 1px 0 rgba(0,0,0,0.11), inset 2px 2px 1px 0 rgba(255,255,255,0.50);
|
||||
}
|
||||
.content-right>.el-table th:first-of-type .cell{
|
||||
padding-left: 0;
|
||||
}
|
||||
.content-right>.el-table td .cell{
|
||||
.nz-table.el-table td .cell{
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
}
|
||||
.content-right .el-table__row td:first-of-type {
|
||||
.nz-table .el-table__row td:first-of-type {
|
||||
padding-left: 38px;
|
||||
}
|
||||
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow { /*覆盖tooltip小三角颜色*/
|
||||
@@ -482,10 +479,10 @@ li{
|
||||
display: inline-block;
|
||||
width: 38px;
|
||||
text-align: center;
|
||||
border-right: 1px solid #d4d4d4;
|
||||
border-right: 2px solid #d4d4d4;
|
||||
box-sizing: border-box;
|
||||
box-shadow: inset -1px -2px 1px 0 rgba(0,0,0,0.11), inset 2px 2px 1px 0 rgba(255,255,255,0.5);
|
||||
float: left;
|
||||
margin-left: -10px;
|
||||
}
|
||||
.nz-table-gear>i {
|
||||
cursor: pointer;
|
||||
|
||||
@@ -7,6 +7,9 @@
|
||||
.clearfix{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.dialog-tool {
|
||||
margin-right: 40px;
|
||||
}
|
||||
.chart-table {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
@@ -35,7 +35,7 @@
|
||||
<div class="mt-10">
|
||||
<!--
|
||||
<el-table size="small" :loading="tableLoading">-->
|
||||
<el-table :data="seriesItem" height="350" border class="chart-table-col" v-loading="tableLoading">
|
||||
<el-table class="nz-table" :data="seriesItem" height="350" border v-loading="tableLoading">
|
||||
<el-table-column prop="metric" :label="$t('dashboard.panel.chartTableColumn.metric')" ></el-table-column>
|
||||
<el-table-column prop="label" :label="$t('dashboard.panel.chartTableColumn.label')" ></el-table-column>
|
||||
<el-table-column prop="time" :label="$t('dashboard.panel.chartTableColumn.time')" width="145" ></el-table-column>
|
||||
@@ -44,28 +44,20 @@
|
||||
</div>
|
||||
<!--全屏-->
|
||||
<el-dialog :title="$t('dashboard.panel.view')" :visible.sync="screenModal" width="96%" @close="screenModal = false" >
|
||||
<div class="clearfix element-top-border">
|
||||
<div class="float-left table-title">
|
||||
{{data.title}}
|
||||
</div>
|
||||
<div class="float-right edit">
|
||||
<el-date-picker size="small" ref="calendar" format="yyyy/MM/dd HH:mm" @change="dateChange" v-model="searchTime" type="datetimerange" :picker-options="pickerOptions" :range-separator="$t('dashboard.panel.to')" :start-placeholder="$t('dashboard.panel.startTime')" :end-placeholder="$t('dashboard.panel.endTime')" align="right">
|
||||
</el-date-picker>
|
||||
<span @click="refreshChart" :title="$t('dashboard.refresh')" class="set-icon" @click.native="refreshChart">
|
||||
<i class="el-icon-refresh-right"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div slot="title">
|
||||
{{data.title}}
|
||||
<div class="float-right panel-calendar dialog-tool">
|
||||
<el-date-picker prefix-icon=" " size="mini" class="nz-dashboard-picker" ref="calendar" format="yyyy/MM/dd HH:mm" @change="dateChange" v-model="searchTime" type="datetimerange" :picker-options="pickerOptions" :range-separator="$t('dashboard.panel.to')" :start-placeholder="$t('dashboard.panel.startTime')" :end-placeholder="$t('dashboard.panel.endTime')" align="right">
|
||||
</el-date-picker>
|
||||
<!--<button @click="refreshChart" type="button" class="nz-btn nz-btn-size-normal nz-btn-style-light"><i style="font-size: 14px;" class="el-icon-refresh-right"></i></button>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-10">
|
||||
<el-table :data="seriesItem" height="350" border class="chart-table-col" v-loading="tableLoading">
|
||||
<el-table class="nz-table" :data="seriesItem" height="350" border v-loading="tableLoading">
|
||||
<el-table-column prop="metric" :label="$t('dashboard.panel.chartTableColumn.metric')" ></el-table-column>
|
||||
<el-table-column prop="label" :label="$t('dashboard.panel.chartTableColumn.label')" ></el-table-column>
|
||||
<el-table-column prop="time" :label="$t('dashboard.panel.chartTableColumn.time')" width="145" ></el-table-column>
|
||||
<el-table-column prop="value" :label="$t('dashboard.panel.chartTableColumn.value')" ></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class=" element-bottom-border"></div>
|
||||
<span slot="footer" class="dialog-footer"></span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -97,6 +97,9 @@
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.dialog-tool {
|
||||
margin-right: 40px;
|
||||
}
|
||||
.line-chart-block-modal {
|
||||
.line-area {
|
||||
box-sizing: border-box;
|
||||
|
||||
@@ -36,9 +36,10 @@
|
||||
width="90%"
|
||||
@close="screenModal = false"
|
||||
@opened="initDialog">
|
||||
<el-row class="element-top-border" >
|
||||
<div class="float-right pt10" >
|
||||
<el-date-picker size="small" ref="calendar"
|
||||
<div slot="title">
|
||||
{{data.title}}
|
||||
<div class="float-right panel-calendar dialog-tool">
|
||||
<el-date-picker ref="calendar" prefix-icon=" " size="mini" class="nz-dashboard-picker"
|
||||
format="yyyy/MM/dd HH:mm"
|
||||
@change="dateChange"
|
||||
v-model="searchTime"
|
||||
@@ -49,12 +50,10 @@
|
||||
:end-placeholder="$t('dashboard.panel.endTime')"
|
||||
align="right">
|
||||
</el-date-picker>
|
||||
<!--<button @click="refreshChart" type="button" class="nz-btn nz-btn-size-normal nz-btn-style-light"><i style="font-size: 14px;" class="el-icon-refresh-right"></i></button>-->
|
||||
</div>
|
||||
</el-row>
|
||||
</div>
|
||||
<div class="line-area " ref="screenShowArea" id="screenShowArea"></div>
|
||||
<div class=" element-bottom-border" ></div>
|
||||
<span slot="footer" class="dialog-footer" ></span>
|
||||
|
||||
</el-dialog>
|
||||
<!--</Modal>-->
|
||||
</div>
|
||||
@@ -231,19 +230,18 @@ export default {
|
||||
chartId='screenShowArea';
|
||||
}
|
||||
var chartWidth = ele.clientWidth;
|
||||
//let chartTitle = this.handleLineFeed(chartInfo.title,chartWidth);
|
||||
var title = {
|
||||
text: chartInfo.title || null,
|
||||
textAlign: 'left',
|
||||
useHTML: true,
|
||||
textStyle: {
|
||||
//display: 'inline-block',//无此属性
|
||||
width: '60%',
|
||||
fontStyle:'normal',
|
||||
fontWeight:'normal'
|
||||
}
|
||||
};
|
||||
var option = {
|
||||
title: {
|
||||
text: chartInfo.title || null,
|
||||
textAlign: 'left',
|
||||
useHTML: true,
|
||||
textStyle: {
|
||||
//display: 'inline-block',//无此属性
|
||||
width: '60%',
|
||||
fontStyle:'normal',
|
||||
fontWeight:'normal'
|
||||
}
|
||||
},
|
||||
color: ['#7bbfea', '#b3424a', '#f05b72', '#596032', '#bd6758',
|
||||
'#cd9a5b', '#918597', '#70a19f', '#005344', '#FF00FF',
|
||||
'#f7acbc', '#5f5d46', '#66ffff', '#ccFF66', '#f47920',
|
||||
@@ -472,6 +470,7 @@ export default {
|
||||
});
|
||||
*/
|
||||
this.echartStore.clear();
|
||||
option.title = title;
|
||||
this.echartStore.setOption(option);//创建图表
|
||||
this.echartStore.hideLoading();
|
||||
this.echartStore.resize({height:chartInfo.height});//,width:`${ele.clientWidth-100}`}
|
||||
@@ -523,6 +522,7 @@ export default {
|
||||
*/
|
||||
// eslint-disable-next-line
|
||||
this.echartModalStore.clear();
|
||||
option.title = {};
|
||||
this.echartModalStore.setOption(option);//显示全屏界面
|
||||
this.echartModalStore.hideLoading();
|
||||
this.echartModalStore.resize({height:chartInfo.height});//,width:`${ele.clientWidth-100}`}
|
||||
|
||||
@@ -1,131 +1,135 @@
|
||||
import enLocale from 'element-ui/lib/locale/lang/en' //引入element语言包
|
||||
const en = {
|
||||
//命名原则
|
||||
//创建使用New
|
||||
//表示创建状态用Created，如创建时间Created Time
|
||||
//告警使用Alert，而不是Alarm
|
||||
//账号用Account，username、password等都属于account的一部分
|
||||
// A user is the person who uses the account, the account is an inanimate object that is merely registered to an e-mail address.
|
||||
overall:{
|
||||
dashboard:'Dashboard',
|
||||
project:'Projects',
|
||||
alert: "Alert",
|
||||
asset:'Assets',
|
||||
config:'Config',
|
||||
create: 'Create',
|
||||
edit: 'Edit',
|
||||
delete: 'Delete',
|
||||
dashboard:'Dashboards',//'仪表盘'
|
||||
project:'Projects',//'系统'
|
||||
alert: 'Alerts',//"告警"
|
||||
asset:'Assets', //'资产'
|
||||
config:'Settings', //'设置'
|
||||
create: 'New', //'新增'
|
||||
edit: 'Edit', //'编辑'
|
||||
delete: 'Delete', //'删除'
|
||||
view: 'View',
|
||||
esc: 'Esc',
|
||||
cancel: 'Cancel',
|
||||
save: 'Save',
|
||||
search: 'Search',
|
||||
add: "Add",
|
||||
option: "Option",
|
||||
clearAll: "Clear All",
|
||||
clear: "Clear",
|
||||
name: 'Name',
|
||||
cover: 'Cover',
|
||||
signOut: 'Sign Out',
|
||||
select: 'Select',
|
||||
ok: 'Ok',
|
||||
all: 'All',
|
||||
other: "Other"
|
||||
esc: 'Cancel', //'取消'
|
||||
cancel: 'Cancel', //'取消'
|
||||
save: 'Save', //'保存'
|
||||
search: 'Search', //'搜索'
|
||||
add: 'Create', //"新增"
|
||||
option: 'Operation', //"操作"
|
||||
clearAll: 'Clear All', //"清空"
|
||||
clear: 'Clear', //"清除"
|
||||
name: 'Name', //'名称'
|
||||
cover: 'Override', //'覆盖'
|
||||
signOut: 'Logout',//'登出'
|
||||
select: 'Select',//'选择'
|
||||
ok: 'Ok',//OK
|
||||
all: 'All',//'全选'
|
||||
other: 'Others'//"其他"
|
||||
},
|
||||
dashboard:{
|
||||
title:'Dashboard',
|
||||
panel:{
|
||||
title:'Panel',
|
||||
title:'Panel', //'面板'
|
||||
searchItem:{
|
||||
name:'name'
|
||||
},
|
||||
//面板-侧滑框
|
||||
createPanelTitle: "Create Panel",
|
||||
selectPanelTitle:"Select Panel",
|
||||
createPanelTitleSec:"Create New Panel",
|
||||
editPanelTitle: "Panel",
|
||||
createPanelTitle: 'New Panel', //"新增面板"
|
||||
selectPanelTitle:'Select', //"选择面板"
|
||||
createPanelTitleSec:'New Panel',//"新增面板"
|
||||
editPanelTitle: 'Panel', //"面板"
|
||||
panelForm:{
|
||||
panelName:"Panel Name",
|
||||
panelId:"ID"
|
||||
panelName:'Panel Name', //"面板名称"
|
||||
panelId:"ID" //ID
|
||||
},
|
||||
//图表-侧滑框
|
||||
createChartTitle: "Create Chart",
|
||||
editChartTitle: "Edit Chart",
|
||||
createChartTitle: 'New Chart', //"新增图表"
|
||||
editChartTitle: 'Edit',//"编辑图表"
|
||||
chartForm:{
|
||||
chartId:"ID",
|
||||
chartName:"Chart Name",
|
||||
type:"Type",
|
||||
typeVal:{
|
||||
line:{
|
||||
label:"Line"
|
||||
label:'Line Chart' //"曲线图"
|
||||
},
|
||||
bar:{
|
||||
label:"Bar"
|
||||
label:'Histogram' //"柱状图"
|
||||
},
|
||||
table:{
|
||||
label:"Table"
|
||||
label:'Table' //"表格"
|
||||
}
|
||||
},
|
||||
width:"Width",
|
||||
high:"Height",
|
||||
metric:"Metric",
|
||||
addMetric:"Add Metric",
|
||||
width:'Width', //"宽"
|
||||
high:'High', //"高"
|
||||
metric:'Metric', //"指标"
|
||||
addMetric:'Add metric', //"添加指标"
|
||||
},
|
||||
chartTableColumn:{
|
||||
metric:'metric',
|
||||
label:'label',
|
||||
time:'time',
|
||||
value:'value',
|
||||
metric:'Metric', //'指标'
|
||||
label:'Label', //'标签'
|
||||
time:'Time', //'时间'
|
||||
value:'Value', //'值'
|
||||
},
|
||||
startTime:'startTime',
|
||||
endTime:'endTime',
|
||||
to:'To',
|
||||
recOne:'recent hour',
|
||||
recFour:'recent 4 hours',
|
||||
recOneDay:'recent day',
|
||||
yesterday:'yesterday',
|
||||
recSevenDay:'recent week',
|
||||
recOneMonth:'recent month',
|
||||
curMonth:'this month',
|
||||
lastMonth:'last month',
|
||||
startTime:'Start time', //'开始时间'
|
||||
endTime:'End time',//'结束时间'
|
||||
to:'To', //To
|
||||
recOne:'Last 1 hour', //'最近1小时'
|
||||
recFour:'Last 4 hours',//'最近4小时'
|
||||
recOneDay:'Last 1 day',//'最近1日'
|
||||
yesterday:'Yesterday', //'昨日'
|
||||
recSevenDay:'最近7日',// Last 7 days
|
||||
recOneMonth:'Last 1 month',//'最近1月'
|
||||
curMonth:'This month',//'本月'
|
||||
lastMonth:'Last month',//'上月'
|
||||
refreshInterval:{
|
||||
never:'never',
|
||||
oneMinute:'1 min',
|
||||
threeMinutes:'3 mins',
|
||||
fiveMinutes:'5 mins',
|
||||
tenMinutes:'10 mins',
|
||||
never:'Never', //'从不'
|
||||
oneMinute:'1 minute', // 1 minute
|
||||
threeMinutes:'3 minutes', //'3分钟'
|
||||
fiveMinutes:'5 minutes', //'5分钟'
|
||||
tenMinutes:'10 minutes', //'10分钟'
|
||||
},
|
||||
view:'View',
|
||||
confirm:'Ok',
|
||||
cancel:'Cancel'
|
||||
view:'View',//'查看'
|
||||
confirm:'Ok',// OK
|
||||
cancel:'Cancel'//'取消'
|
||||
},
|
||||
metric:{
|
||||
name:"Metric",
|
||||
normal:"Normal",
|
||||
expert:"Expert",
|
||||
label:"MetricLabel",
|
||||
addMetric:"Create Metric",
|
||||
expertTip:"Please enter an expression",
|
||||
goPanelTip:"Go to the panel to view the created chart ?",
|
||||
previewChart:"Preview Chart",
|
||||
singleChartShow:"Single Graph Display",
|
||||
multiChartsShow:"Multi Graph Display",
|
||||
createPanel:"Create Panel",
|
||||
selectPanel:"Select Panel",
|
||||
saveChartToPanel:"Save Chart To Panel"
|
||||
name:'Metric Name', //"指标名称"
|
||||
normal:'Normal', //"普通"
|
||||
expert:"Expert",// Expert
|
||||
label:'Label', //"指标标签"
|
||||
addMetric:'Add Metric',//"添加指标"
|
||||
expertTip:'Add expression',//"请输入表达式"
|
||||
goPanelTip:"View created panel?",//View created panel?
|
||||
previewChart:'Preview',//"预览图表"
|
||||
singleChartShow:'Signle chart',//"单图展示"
|
||||
multiChartsShow:'Multiple charts',//"多图展示"
|
||||
createPanel:'New panel', //"创建面板"
|
||||
selectPanel:'Exist panel',//"选择已有面板"
|
||||
saveChartToPanel:"Save chart to panel"//Save chart to panel.
|
||||
},
|
||||
metricPreview:{
|
||||
title:'Metric Preview',
|
||||
title:'Metric preview',//'指标预览'
|
||||
},
|
||||
refresh:'refresh',
|
||||
edit:'edit',
|
||||
delete:'delete',
|
||||
screen:'fullScreen'
|
||||
|
||||
refresh:'Refresh',//'刷新'
|
||||
edit:'Edit',//'编辑'
|
||||
delete:'Delete',//'删除'
|
||||
screen:'Full screen'//'全屏'
|
||||
},
|
||||
validate: { //校验规则
|
||||
required: 'Required',
|
||||
number: 'Must be a number',
|
||||
email:'E-mail is invalid',
|
||||
tel:'Phone number is invalid',
|
||||
host:'IP Address is invalid',
|
||||
fileSize:'upload file is too large',
|
||||
port:'Port is invalide',
|
||||
special:'Has special characters',
|
||||
required: 'Required',//'必填项'
|
||||
number: 'Numberic',//'必须是数字'
|
||||
email:'Invalid email',//'不合法的E-mail地址'
|
||||
tel:'Invalid phone number',//'不合法的电话号码'
|
||||
host:'Invalid IP',//'不合法的IP'
|
||||
fileSize:'文件过大',//File exceed max size.
|
||||
port:'Invalid Port',
|
||||
config: {
|
||||
account: {
|
||||
|
||||
@@ -133,296 +137,294 @@ const en = {
|
||||
}
|
||||
},
|
||||
search: {
|
||||
searchTip: 'Press Enter or click to search',
|
||||
recentSearch: 'Recent Searches',
|
||||
noRecentSearch: 'No Recent Searches'
|
||||
searchTip: 'Enter to search',//'点击或回车执行搜索'
|
||||
recentSearch: 'Search history',//'搜索记录'
|
||||
noRecentSearch: 'No Recent Search'//'无搜索记录'
|
||||
},
|
||||
tip: {
|
||||
confirmDelete: "Confirm Delete?",
|
||||
assetConfirmDelete: 'The associated Endpoints and Alerts will also be deleted, confirm delete?',
|
||||
yes: "Yes",
|
||||
no: "No",
|
||||
deleteSuccess: "Successfully Deleted",
|
||||
saveSuccess: "Successfully Saved",
|
||||
coverSuccess: 'Successfully Covered',
|
||||
refreshLater:'Please refresh later'
|
||||
confirmDelete: "Are you sure you want to delete?", //Are you sure you want to delete?
|
||||
assetConfirmDelete: 'Related endpoints and alerts will be removed, are you sure you want to delete this asset?',//Related endpoints and alerts will be removed, are you sure you want to delete this asset?
|
||||
yes: 'Yes', //"是"
|
||||
no: "No",//No
|
||||
deleteSuccess: 'Delete success',//"删除成功"
|
||||
saveSuccess: 'Save success', //"保存成功"
|
||||
coverSuccess: 'Override success',//'覆盖成功'
|
||||
refreshLater:'Refresh later'//'请稍后刷新'
|
||||
},
|
||||
asset:{
|
||||
asset: 'Asset',
|
||||
EditAsset:'Edit Asset',
|
||||
asset: 'Asset',//'资产'
|
||||
EditAsset:'Edit asset',//'编辑资产'
|
||||
createAssetTab:{
|
||||
title:'Create Asset',
|
||||
sn:'SN',
|
||||
host:'Host',
|
||||
state:'State',
|
||||
selectTip:'please select',
|
||||
inStock: 'In Stock',
|
||||
notInStock: 'Not In Stock',
|
||||
assetInfo:'Asset Info',
|
||||
assetType:'Asset Type',
|
||||
title:'New asset',//'新增资产'
|
||||
sn:'SN',//SN
|
||||
host:'Host',//'Host'
|
||||
state:'Status',//'状态'
|
||||
selectTip:'Please select',//'请选择'
|
||||
inStock: 'In stock',//'在库'
|
||||
notInStock: 'Not in stock',//'出库'
|
||||
assetInfo:'Asset information',//'资产信息'
|
||||
assetType:'Asset type',//'资产类型'
|
||||
assetTypeTab:{
|
||||
assetType:'Asset Type',
|
||||
addAssetType:'Add Asset Type',
|
||||
existAssetType:'Exist Asset Type'
|
||||
assetType:'Asset type',//'资产类型'
|
||||
addAssetType:'New asset type',//'新增资产类型'
|
||||
existAssetType:'Existed asset type'//'已存在的资产类型'
|
||||
},
|
||||
vendor:'Vendor/Model',
|
||||
vendor:'Vendor',//'厂商/型号'
|
||||
vendorTab:{
|
||||
vendor:'Vendor/Model',
|
||||
vendorName:'New Vendor',
|
||||
existVendor:'Exist Vendor',
|
||||
modelName:'New Model',
|
||||
existModel:'Exist Model'
|
||||
vendor:'Vendor/Model',//'厂商/型号'
|
||||
vendorName:'New vendor',//'新厂商'
|
||||
existVendor:'Existed vendor',//'已有厂商'
|
||||
modelName:'New model',//'新型号'
|
||||
existModel:'Existed model'//'已有型号'
|
||||
},
|
||||
purchaseDate:'Purchase',
|
||||
dataSelectTip:'please select data',
|
||||
purchaseDate:'Purchase date',//'购买日期'
|
||||
dataSelectTip:'Please select date',//'请选择日期'
|
||||
dc:'DC',
|
||||
dcName:'DC Name',
|
||||
dcName:'Datacenter name',//'DC名称'
|
||||
AddIdcTab:{
|
||||
title:'Add DC',
|
||||
dcName:'DC Name',
|
||||
location:'Location',
|
||||
principal:'Principal',
|
||||
tel:'Tel'
|
||||
title:'New Datacenter',//'新增DC'
|
||||
dcName:'Datacenter name',//'DC名称'
|
||||
location:'Location',//'地区'
|
||||
principal:'Principal',//'负责人'
|
||||
tel:'Telephone'//'电话'
|
||||
},
|
||||
editIdcTab:{
|
||||
title:'Edit IDC',
|
||||
dcName:'DC Name',
|
||||
location:'Location',
|
||||
principal:'Principal',
|
||||
tel:'Tel'
|
||||
title:'Edit Datacenter',//'编辑DC'
|
||||
dcName:'Datacenter name',//'DC名称'
|
||||
location:'Location',//'地区'
|
||||
principal:'Principal',//'负责人'
|
||||
tel:'Telephone'//'电话'
|
||||
},
|
||||
location:'Location',
|
||||
principal:'Principal',
|
||||
tel:'Tel',
|
||||
cabinet: 'Cabinet',
|
||||
location:'Location',//'地区'
|
||||
principal:'Principal',//'负责人'
|
||||
tel:'Telephone',//'电话'
|
||||
cabinet: 'Cabinet',//'机柜'
|
||||
AddCabinetTab:{
|
||||
title:'Add Cabinet',
|
||||
name:'Name',
|
||||
uSize:'U Size',
|
||||
remark:'Desc',
|
||||
title:'New cabinet',//'新增机柜'
|
||||
name:'Name',//'名称'
|
||||
uSize:'U size',//'U位'
|
||||
remark:'Description',//'描述'
|
||||
DC:'DC',
|
||||
},
|
||||
editCabinetTab:{
|
||||
title:'Edit Cabinet',
|
||||
name:'Name',
|
||||
uSize:'U Size',
|
||||
remark:'Desc',
|
||||
title:'Edit cabinet',//'编辑机柜'
|
||||
name:'Name',//'名称'
|
||||
uSize:'U size',//'U位'
|
||||
remark:'Description',//'描述'
|
||||
DC:'DC',
|
||||
},
|
||||
uSize:'U Size',
|
||||
remark:'Desc',
|
||||
cli:'CLI Account',
|
||||
loginType:'Login Type',
|
||||
password:'Password',
|
||||
ssh:'SSH-Key',
|
||||
account:'Account',
|
||||
port:'Port',
|
||||
upload:'Upload',
|
||||
clickToUpload:'Upload',
|
||||
clickToCover:'Cover',
|
||||
sshKeyWasConfig:'SSH-KEY has been configured',
|
||||
uSize:'U size',//'U位'
|
||||
remark:'Description',//'描述'
|
||||
cli:'CLI account',//'CLI账号'
|
||||
loginType:'Login type',//'登录类型'
|
||||
password:'Password',//'密码'
|
||||
ssh:'SSH key',//'SSH-Key'
|
||||
account:'User name',//'用户名'
|
||||
port:'Port',//'端口'
|
||||
upload:'Upload',//'上传'
|
||||
clickToUpload:'Upload',//'上传'
|
||||
clickToCover:'Cover',//'覆盖'
|
||||
sshKeyWasConfig:'SSH-KEY configured',//'SSH-KEY已配置'
|
||||
exporter:'Exporter'
|
||||
},
|
||||
editAssetTab:{
|
||||
title:'Create Asset',
|
||||
sn:'SN',
|
||||
host:'Host',
|
||||
state:'State',
|
||||
modelId:'ModelId',
|
||||
alert:'Alert',
|
||||
assetInfo:'资产信息',
|
||||
assetType:'资产类型',
|
||||
vendor:'厂商/型号',
|
||||
title:'New asset',//'新增资产'
|
||||
sn:'SN',//SN
|
||||
host:'Host',//'Host'
|
||||
state:'State',//'状态'
|
||||
modelId:'Module',//'组件'
|
||||
alert:'Alert information',//'告警信息'
|
||||
assetInfo:'Asset information',//'资产信息'
|
||||
assetType:'Asset type',//'资产类型'
|
||||
vendor:'Vendor',//'厂商/型号'
|
||||
vendorTab:{
|
||||
vendor:'厂商/型号',
|
||||
vendorName:'新厂商名称',
|
||||
existVendor:'已有厂商',
|
||||
modelName:'新型号名称',
|
||||
existModel:'已有型号'
|
||||
vendor:'Vendor/Model',//'厂商/型号'
|
||||
vendorName:'New vendor',//'新厂商'
|
||||
existVendor:'Existed vendor',//'已有厂商'
|
||||
modelName:'New model',//'新型号'
|
||||
existModel:'Existed model'//'已有型号'
|
||||
},
|
||||
purchaseDate:'Purchase',
|
||||
dataSelectTip:'please select data',
|
||||
purchaseDate:'Purchase date',//'购买日期'
|
||||
dataSelectTip:'Please select date',//'请选择日期'
|
||||
dc:'DC',
|
||||
dcName:'DC Name',
|
||||
dcName:'DC name',//'DC名称'
|
||||
AddIdcTab:{
|
||||
title:'+Add IDC',
|
||||
dcName:'DC Name',
|
||||
location:'Location',
|
||||
principal:'负责人',
|
||||
tel:'Tel'
|
||||
title:'New Datacenter',//'新增DC'
|
||||
dcName:'DC name',//'DC名称'
|
||||
location:'Location',//'地区'
|
||||
principal:'Principal',//'负责人'
|
||||
tel:'Telephone'//'电话'
|
||||
},
|
||||
editIdcTab:{
|
||||
title:'Edit IDC',
|
||||
dcName:'DC Name',
|
||||
location:'Location',
|
||||
principal:'负责人',
|
||||
tel:'Tel'
|
||||
title:'Edit DC',//'编辑DC'
|
||||
dcName:'DC name',//'DC名称'
|
||||
location:'Location',//'地区'
|
||||
principal:'Principal',//'负责人'
|
||||
tel:'Telephone'//'电话'
|
||||
},
|
||||
location:'Location',
|
||||
principal:'负责人',
|
||||
tel:'Tel',
|
||||
cabinet: '机柜',
|
||||
location:'Location',//'地区'
|
||||
principal:'Principal',//'负责人'
|
||||
tel:'Telephone',//'电话'
|
||||
cabinet: 'Cabinet',//'机柜'
|
||||
AddCabinetTab:{
|
||||
title:'+Add机柜',
|
||||
name:'Name',
|
||||
uSize:'U Size',
|
||||
remark:'Desc',
|
||||
DC:'DC',
|
||||
title:'New cabinet',//'新增机柜'
|
||||
name:'Name',//'名称'
|
||||
uSize:'U size',//'U位'
|
||||
remark:'Description',//'描述'
|
||||
DC:'DC',//DC
|
||||
},
|
||||
editCabinetTab:{
|
||||
title:'Edit Cabinet',
|
||||
name:'Name',
|
||||
uSize:'U Size',
|
||||
remark:'Desc',
|
||||
DC:'DC',
|
||||
title:'Edit cabinet',//'编辑机柜'
|
||||
name:'Name',//'名称'
|
||||
uSize:'U size',//'U位'
|
||||
remark:'Description',//'描述'
|
||||
DC:'DC',//DC
|
||||
},
|
||||
uSize:'U Size',
|
||||
remark:'Desc',
|
||||
cli:'CLI Account',
|
||||
loginType:'登录方式',
|
||||
password:'password',
|
||||
ssh:'SSH私钥',
|
||||
account:'Account',
|
||||
port:'Port',
|
||||
upload:'Upload',
|
||||
clickToUpload:'点击上传'
|
||||
uSize:'U size',//'U位'
|
||||
remark:'Description',//'描述'
|
||||
cli:'CLI account',//'CLI账号'
|
||||
loginType:'Login type',//'登录类型'
|
||||
password:'Password',//'密码'
|
||||
ssh:'SSH-Key',//'SSH-Key'
|
||||
account:'Username',//'用户名'
|
||||
port:'Port',//'端口'
|
||||
upload:'Upload',//'上传'
|
||||
clickToUpload:'Upload',//'上传'
|
||||
},
|
||||
tableTitle: {
|
||||
id: 'ID',
|
||||
assetType: 'Asset Type',
|
||||
device: 'SN',
|
||||
host: 'Host',
|
||||
assetState: 'State',
|
||||
modules: 'Modules',
|
||||
alerts: 'Alerts',
|
||||
dataCenter: 'Data Center',
|
||||
cabinet: 'Cabinet',
|
||||
model: 'Model',
|
||||
manufacturer: 'Vendor',
|
||||
procurementDate: 'Purchase',
|
||||
principal: 'Principal',
|
||||
principalTel: 'Tel',
|
||||
option: "Option"
|
||||
id: 'ID',//ID
|
||||
assetType: 'Asset type',//'资产类型'
|
||||
device: 'SN',//SN
|
||||
host: 'Host',//'Host'
|
||||
assetState: 'State',//'状态'
|
||||
modules: 'Module',//'组件'
|
||||
alerts: 'Alert information',//'告警信息'
|
||||
dataCenter: 'DC',//DC
|
||||
cabinet: 'Cabinet',//'机柜'
|
||||
model: 'Model',//'型号'
|
||||
manufacturer: 'Manufacturer',//'厂商'
|
||||
procurementDate: 'Purchase date',//'购买日期'
|
||||
principal: 'Principal',//'负责人'
|
||||
principalTel: 'Telephone',//'电话'
|
||||
option: 'Operation'//"操作"
|
||||
},
|
||||
tagTableTitle: {
|
||||
projectName: '项目名称',
|
||||
moduleName: 'Module Name',
|
||||
endPoint: 'EndPoint',
|
||||
alert: 'alert',
|
||||
projectName: 'Project name',//'系统名称'
|
||||
moduleName: 'Module name',//'组件名称'
|
||||
endPoint: 'End point',//'EndPoint'
|
||||
alert: 'Alert',//'告警'
|
||||
},
|
||||
|
||||
},
|
||||
config: {
|
||||
config: "Config",
|
||||
config: 'Settings',//"设置"
|
||||
account: {
|
||||
accountList: "Account List",
|
||||
accountList: 'Account list',//"用户列表"
|
||||
//列表表头
|
||||
account: "Account",
|
||||
language: "Language",
|
||||
receiver: "Receiver",
|
||||
createTime: "Create Time",
|
||||
enable: "Enable",
|
||||
option: "Option",
|
||||
|
||||
//侧滑框
|
||||
accountId: "Accound ID",
|
||||
createAccount: "Create Account",
|
||||
editAccount: "Edit Account",
|
||||
notCurrentlySupport: 'Not currently supported',
|
||||
password: 'Password'
|
||||
account: 'Account',//"用户"
|
||||
language: 'Language',//"语言"
|
||||
receiver: 'Account group',//"用户组"
|
||||
createTime: 'Create time',//"创建时间"
|
||||
enable: 'Available',//"可用"
|
||||
option: 'Operation',//"操作"
|
||||
//侧滑框//
|
||||
accountId: 'Account ID',//"用户ID"
|
||||
createAccount: 'New account',//"新增用户"
|
||||
editAccount: 'Edit account',//"编辑用户"
|
||||
notCurrentlySupport: 'Not available',//'暂不支持'
|
||||
password: 'Password'//'密码'
|
||||
},
|
||||
promServer: {
|
||||
promServerList: "Prometheus Server",
|
||||
promServerList: 'Prometheus server',//"Prometheus Server"
|
||||
//侧滑框
|
||||
promId: "Prometheus Server ID",
|
||||
createProm: "Create Prometheus Server",
|
||||
editProm: "Edit Prometheus Server",
|
||||
type: "Type"
|
||||
promId: 'Prometheus server ID',//"Prometheus Server ID"
|
||||
createProm: 'New prometheus server',//"新增Prometheus Server"
|
||||
editProm: 'Edit prometheus server',//"修改Prometheus Server"
|
||||
type: 'Type'//"类别"
|
||||
},
|
||||
},
|
||||
alert: {
|
||||
alert: "Alert",
|
||||
message: 'Message',
|
||||
rule: 'Rule',
|
||||
alertList: "Alert Message",
|
||||
alertConfig: "Alert Rule",
|
||||
alertName: "Alert Name",
|
||||
severity: "Severity",
|
||||
description: "Desc",
|
||||
summary: "Summary",
|
||||
startAt: "Start Time",
|
||||
endAt: "End Time",
|
||||
alert: 'Alert',//"告警"
|
||||
message: 'Message',//'信息'
|
||||
rule: 'Rule',//'规则'
|
||||
alertList: 'Alert information',//"告警信息"
|
||||
alertConfig: 'Alert rule',//"告警规则"
|
||||
alertName: 'Alert name',//"告警名称"
|
||||
severity: 'Level',//"等级"
|
||||
description: 'Description',//"描述"
|
||||
summary: 'Summary',//"概要"
|
||||
startAt: 'Start time',//"开始时间"
|
||||
endAt: 'End time',//"结束时间"
|
||||
list: {
|
||||
//表头
|
||||
linked: "Linked",
|
||||
type: "Type",
|
||||
state: "Status",
|
||||
charts: "Charts",
|
||||
|
||||
linked: 'Linked',//"关联"
|
||||
type: 'Type',//"类别"
|
||||
state: 'State',//"状态"
|
||||
charts: 'Charts',//"图表"
|
||||
//表内容
|
||||
projectAlert: "Project Alert",
|
||||
moduleAlert: "Module Alert",
|
||||
deviceAlert: "Device Alert",
|
||||
pending: "Pending",
|
||||
expired: "Expired"
|
||||
projectAlert: 'Project alert',//"系统告警"
|
||||
moduleAlert: 'Module alert',//"组件告警"
|
||||
deviceAlert: 'Device alert',//"设备告警"
|
||||
pending: 'Pending',//"待处理"
|
||||
expired: 'Expired'//"已过期"
|
||||
},
|
||||
config: {
|
||||
name: "Name",
|
||||
receiver: "Receiver",
|
||||
expr: "Expr",
|
||||
for: "For (s)",
|
||||
link: 'Link',
|
||||
option: "Option",
|
||||
alertConfig: "Alert Rule",
|
||||
createAlertConfig: "Create Alert Rule",
|
||||
editAlertConfig: "Edit Alert Rule",
|
||||
medium: "Medium",
|
||||
high: "High",
|
||||
low: "Low",
|
||||
name: 'Name',//"名称"
|
||||
receiver: 'User group',//"用户组"
|
||||
expr: 'Expression',//"表达式"
|
||||
for: "For (s)",//For (s)
|
||||
link: 'Link',//'关联'
|
||||
option: 'Operation',//"操作"
|
||||
alertConfig: 'Alert rule',//"告警规则"
|
||||
createAlertConfig: 'New alert rule',//"新增告警规则"
|
||||
editAlertConfig: 'Edit alert rule',//"修改告警规则"
|
||||
medium: 'Medium',//"中"
|
||||
high: 'High',//"高"
|
||||
low: 'Low',//"低"
|
||||
typeOption: {
|
||||
project: 'Project',
|
||||
module: 'Module',
|
||||
asset: 'Asset'
|
||||
project: 'Project',//'系统'
|
||||
module: 'Module',//'组件'
|
||||
asset: 'Device'//'设备'
|
||||
}
|
||||
}
|
||||
},
|
||||
project: {
|
||||
project: {
|
||||
project: "Project",
|
||||
projectName: "Project Name",
|
||||
editProject: "Edit Project",
|
||||
description: "Description",
|
||||
createProject: "Create Project"
|
||||
project: 'Project',//"系统"
|
||||
projectName: 'Project name',//"系统名称"
|
||||
editProject: 'Edit project',//"编辑系统"
|
||||
description: 'Description',//"描述"
|
||||
createProject: 'New project'//"新增系统"
|
||||
},
|
||||
module: {
|
||||
module: "Module",
|
||||
moduleName: "Module Name",
|
||||
editModule: "Edit Module",
|
||||
description: "Description",
|
||||
createModule: "Create Module",
|
||||
module: 'Module',//"组件"
|
||||
moduleName: 'Module name',//"组件名称"
|
||||
editModule: 'Edit module',//"编辑组件"
|
||||
description: 'Description',//"描述"
|
||||
createModule: 'New module',//"新增组件"
|
||||
tip: {
|
||||
defaultEndpointSet: "Default Endpoint Set",
|
||||
relation: "Endpoints associated with Module will reference Port/Path/Param by default"
|
||||
defaultEndpointSet: 'Default endpoint settings',//"默认的Endpoint设置"
|
||||
relation: 'Module associated Endpoint will configure the following ports/paths/parameters by default'//"组件关联的Endpoint将默认配置以下端口/路径/参数"
|
||||
}
|
||||
},
|
||||
endpoint: {
|
||||
createEndpoint: "Create Endpoint",
|
||||
editEndpoint: "Edit Endpoint",
|
||||
endpoint: "Endpoint",
|
||||
endpointId: "Endpoint ID",
|
||||
host: "Host",
|
||||
port: "Port",
|
||||
param: "Param",
|
||||
path: "Path",
|
||||
asset: "Asset",
|
||||
lastUpdate: "Last Update",
|
||||
moduleParameter: "Module's Parameter"
|
||||
createEndpoint: 'New Endpoint',//"新增Endpoint"
|
||||
editEndpoint: 'Edit Endpoint',//"编辑Endpoint"
|
||||
endpoint: 'Endpoint',//"Endpoint"
|
||||
endpointId: 'Endpoint ID',//"Endpoint ID"
|
||||
host: 'Host',//"Host"
|
||||
port: 'Port',//"端口"
|
||||
param: 'Parameter',//"参数"
|
||||
path: 'Path',//"路径"
|
||||
asset: 'Device',//"设备"
|
||||
lastUpdate: 'Last update time',//"最后更新时间"
|
||||
moduleParameter: 'Module parameter'//"组件参数"
|
||||
},
|
||||
metrics: {
|
||||
metrics: "Metrics",
|
||||
name: 'Name',
|
||||
type: 'Type',
|
||||
description: 'Desc'
|
||||
metrics: 'Metrics',//"指标"
|
||||
name: 'Name',//'名称'
|
||||
type: 'Type',//'类型'
|
||||
description: 'Description'//'描述'
|
||||
}
|
||||
},
|
||||
...enLocale
|
||||
|
||||
@@ -33,6 +33,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
class="nz-table"
|
||||
:data="tableData"
|
||||
border
|
||||
tooltip-effect="light"
|
||||
|
||||
@@ -21,6 +21,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
class="nz-table"
|
||||
:data="tableData"
|
||||
border
|
||||
tooltip-effect="light"
|
||||
|
||||
@@ -41,6 +41,7 @@
|
||||
</div>
|
||||
|
||||
<el-table
|
||||
class="nz-table"
|
||||
height="calc(100% - 65px)"
|
||||
style="width: 100%;"
|
||||
:data="tableData"
|
||||
|
||||
@@ -33,6 +33,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
class="nz-table"
|
||||
:data="tableData"
|
||||
border
|
||||
height="calc(100% - 65px)"
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
</button>
|
||||
<div class="top-tool-search float-right"><search-input :searchMsg="searchMsg" @search="search"></search-input></div>
|
||||
</div>
|
||||
<el-table :data="tableData" border height="calc(100% - 65px)" style="width: 100%;">
|
||||
<el-table :data="tableData" border height="calc(100% - 65px)" style="width: 100%;" class="nz-table">
|
||||
<el-table-column :resizable="false" v-for="(item, index) in tablelable" v-if="item.show" :width="item.width" :key="`col-${index}`" :label="item.label">
|
||||
<template slot="header" slot-scope="scope">
|
||||
<template v-if="index==0">
|
||||
|
||||
@@ -706,13 +706,14 @@ export default {
|
||||
color: #F0BF84;
|
||||
}
|
||||
.nz-dashboard-picker {}
|
||||
.panel-calendar .el-range-editor--mini.el-input__inner{
|
||||
height: 25px !important;
|
||||
border-color: #d8d8d8;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<style lang="scss">
|
||||
.panel-calendar .el-range-editor--mini.el-input__inner{
|
||||
height: 25px !important;
|
||||
border-color: #d8d8d8;
|
||||
}
|
||||
.panel-calendar .el-range-editor--mini .el-range__close-icon {
|
||||
line-height: 18px;
|
||||
}
|
||||
@@ -723,7 +724,7 @@ export default {
|
||||
line-height: 17px;
|
||||
}
|
||||
.panel-calendar .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
|
||||
width: 300px;
|
||||
width: 310px;
|
||||
padding-right: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
@@ -36,6 +36,7 @@
|
||||
</div>
|
||||
<el-table
|
||||
:data="metricsTableData"
|
||||
class="nz-table"
|
||||
border
|
||||
height="calc(100% - 65px)"
|
||||
style="width: 100%;">
|
||||
|
||||
Reference in New Issue
Block a user