fix: 修复样式,补充国际化,清除console
This commit is contained in:
@@ -1414,7 +1414,7 @@ export default {
|
|||||||
|
|
||||||
// 设置图表的尺寸
|
// 设置图表的尺寸
|
||||||
setChartSize (item, index) {
|
setChartSize (item, index) {
|
||||||
console.log(item)
|
// console.log(item)
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
const chartBox = document.getElementById('chart-' + item.id)
|
const chartBox = document.getElementById('chart-' + item.id)
|
||||||
if (chartBox) {
|
if (chartBox) {
|
||||||
|
|||||||
@@ -46,7 +46,7 @@ export default {
|
|||||||
initData: {
|
initData: {
|
||||||
immediate: true,
|
immediate: true,
|
||||||
handler () {
|
handler () {
|
||||||
console.log(this.initData)
|
// console.log(this.initData)
|
||||||
if (this.initData) {
|
if (this.initData) {
|
||||||
this.mapParam = JSON.parse(JSON.stringify(this.initData))
|
this.mapParam = JSON.parse(JSON.stringify(this.initData))
|
||||||
this.lnglat = this.mapParam.longitude + ',' + this.mapParam.latitude
|
this.lnglat = this.mapParam.longitude + ',' + this.mapParam.latitude
|
||||||
@@ -151,7 +151,7 @@ export default {
|
|||||||
return new Promise(resolve => {
|
return new Promise(resolve => {
|
||||||
this.$get('/sysConfig?paramKey=map_center_config').then(response => {
|
this.$get('/sysConfig?paramKey=map_center_config').then(response => {
|
||||||
if (response.code == 200) {
|
if (response.code == 200) {
|
||||||
console.log(response)
|
// console.log(response)
|
||||||
this.mapParam = JSON.parse(response.data.paramKey.map_center_config)
|
this.mapParam = JSON.parse(response.data.paramKey.map_center_config)
|
||||||
resolve()
|
resolve()
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-popover :placement="placement" popper-class="nz-pop nz-pop-select-panel" ref="selectPanelPopBox" transition="slide" v-model="popBox.show" width="400" :disabled="disabled">
|
<el-popover :placement="placement" popper-class="nz-pop nz-pop-select-panel" ref="selectPanelPopBox" transition="slide" v-model="popBox.show" width="310" :disabled="disabled">
|
||||||
<div>
|
<div>
|
||||||
<div class="pop-item-wider">
|
<div class="pop-item-wider">
|
||||||
|
|
||||||
|
|||||||
@@ -118,7 +118,7 @@ export default {
|
|||||||
if (this.editDc.id) {
|
if (this.editDc.id) {
|
||||||
const param = { ...this.editDc }
|
const param = { ...this.editDc }
|
||||||
const attr = this.$refs.latlngPicker.getAttribute()
|
const attr = this.$refs.latlngPicker.getAttribute()
|
||||||
console.log(attr)
|
// console.log(attr)
|
||||||
param.latitude = attr.latitude
|
param.latitude = attr.latitude
|
||||||
param.longitude = attr.longitude
|
param.longitude = attr.longitude
|
||||||
this.$put('/dc', param).then(response => {
|
this.$put('/dc', param).then(response => {
|
||||||
|
|||||||
@@ -266,7 +266,7 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
copyValue (item) {
|
copyValue (item) {
|
||||||
const str = item
|
const str = item
|
||||||
console.log(str)
|
// console.log(str)
|
||||||
const domUrl = document.createElement('input')
|
const domUrl = document.createElement('input')
|
||||||
domUrl.value = JSON.stringify(str)
|
domUrl.value = JSON.stringify(str)
|
||||||
domUrl.id = 'creatDom'
|
domUrl.id = 'creatDom'
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<div class="profile-left">
|
<div class="profile-left">
|
||||||
<div class="profile-left__header">
|
<div class="profile-left__header">
|
||||||
<div class="profile-left__header-avatar">
|
<div class="profile-left__header-avatar">
|
||||||
<span>{{userList.name.substr(0, 1)}}</span>
|
<span>{{profileName}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="profile-left__header-username">
|
<div class="profile-left__header-username">
|
||||||
<el-popover
|
<el-popover
|
||||||
@@ -181,6 +181,8 @@ export default {
|
|||||||
],
|
],
|
||||||
// 后台数据
|
// 后台数据
|
||||||
userList: {},
|
userList: {},
|
||||||
|
// 头像 name
|
||||||
|
profileName: '',
|
||||||
rules: {
|
rules: {
|
||||||
oldPassword: [
|
oldPassword: [
|
||||||
{ required: true, message: this.$t('validate.required') }
|
{ required: true, message: this.$t('validate.required') }
|
||||||
@@ -209,6 +211,8 @@ export default {
|
|||||||
this.tableProfile[1].prop = this.userList.email
|
this.tableProfile[1].prop = this.userList.email
|
||||||
this.tableProfile[2].prop = this.userList.mobile
|
this.tableProfile[2].prop = this.userList.mobile
|
||||||
this.tableProfile[3].prop = this.userList.source
|
this.tableProfile[3].prop = this.userList.source
|
||||||
|
const name = this.userList.name.substr(0, 1)
|
||||||
|
this.profileName = name
|
||||||
}
|
}
|
||||||
resolve()
|
resolve()
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -355,9 +355,9 @@ export default {
|
|||||||
],
|
],
|
||||||
selectValue: this.$t('project.metrics.metrics'),
|
selectValue: this.$t('project.metrics.metrics'),
|
||||||
selectIcon: 'nz-icon nz-icon-Metrics',
|
selectIcon: 'nz-icon nz-icon-Metrics',
|
||||||
fromData: {
|
// fromData: {
|
||||||
status: ''
|
// status: ''
|
||||||
},
|
// },
|
||||||
showMetrics: true,
|
showMetrics: true,
|
||||||
promqlCount: 1,
|
promqlCount: 1,
|
||||||
promqlKeys: [],
|
promqlKeys: [],
|
||||||
@@ -400,7 +400,7 @@ export default {
|
|||||||
this.getPanelData()
|
this.getPanelData()
|
||||||
this.queryMetrics()
|
this.queryMetrics()
|
||||||
this.promqlKeys.push(getUUID())
|
this.promqlKeys.push(getUUID())
|
||||||
this.fromData.status = this.searchMetrics[0].label
|
// this.fromData.status = this.searchMetrics[0].label
|
||||||
this.selectMetricsLogs()
|
this.selectMetricsLogs()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|||||||
@@ -9,17 +9,17 @@
|
|||||||
<template v-else>
|
<template v-else>
|
||||||
<div class="top-tool-left">
|
<div class="top-tool-left">
|
||||||
<select-panel ref="selectPanel" :filter-panel="filterPanel" :panel-data="panelData" :panel-lock="panelLock" :placement="'bottom-start'"
|
<select-panel ref="selectPanel" :filter-panel="filterPanel" :panel-data="panelData" :panel-lock="panelLock" :placement="'bottom-start'"
|
||||||
:show-panel="showPanel" style="width: 300px;display: inline-block" @deletePanel="del" @editPanel="edit" @selectPanel="panelChange">
|
:show-panel="showPanel" style="display: inline-block;padding: 0" @deletePanel="del" @editPanel="edit" @selectPanel="panelChange">
|
||||||
<template v-slot:header>
|
<template v-slot:header>
|
||||||
<div class="panel-select-header">
|
<div class="panel-select-header">
|
||||||
<el-input id="panel-list-search" v-model="filterPanel" :placeholder="$t('overall.search')" clearable size="mini" style="width: 340px;"></el-input>
|
<el-input id="panel-list-search" v-model="filterPanel" :placeholder="$t('overall.search')" clearable size="mini" style="width: 286px;"></el-input>
|
||||||
<!-- <span id="panel-list-toadd" v-has="'panel_add'" :title='$t("dashboard.panel.createPanelTitleSec")' class="panel-select-add" @click="toAdd"><i class="nz-icon nz-icon-plus"></i></span>-->
|
<!-- <span id="panel-list-toadd" v-has="'panel_add'" :title='$t("dashboard.panel.createPanelTitleSec")' class="panel-select-add" @click="toAdd"><i class="nz-icon nz-icon-plus"></i></span>-->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:trigger>
|
<template v-slot:trigger>
|
||||||
<el-input v-model="showPanel.name" class="panel-name" placeholder="" readonly="readonly" size="small">
|
<i style="color: #BEBEBE" class="el-icon-menu"></i>
|
||||||
<i slot="prefix" class="el-icon-menu"></i>
|
<span style="display: inline-block;padding: 0 7px">{{showPanel.name}}</span>
|
||||||
</el-input>
|
<i style="font-size: 12px;color: #BEBEBE;" class="nz-icon nz-icon-arrow-down"></i>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:tail>
|
<template v-slot:tail>
|
||||||
<div class="panel-select-tail">
|
<div class="panel-select-tail">
|
||||||
@@ -902,8 +902,22 @@ export default {
|
|||||||
.panel-name {
|
.panel-name {
|
||||||
.el-input__prefix {
|
.el-input__prefix {
|
||||||
line-height: 32px;
|
line-height: 32px;
|
||||||
|
font-size: 16px;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
}
|
}
|
||||||
|
.el-input__suffix {
|
||||||
|
line-height: 32px;
|
||||||
|
font-size: 12px;
|
||||||
|
top: 3px;
|
||||||
|
color: #BEBEBE;
|
||||||
|
}
|
||||||
|
.el-input__inner {
|
||||||
|
border: none !important;
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: Roboto-Medium;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.panel-select-header {
|
.panel-select-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -911,6 +925,7 @@ export default {
|
|||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
.panel-select-tail {
|
.panel-select-tail {
|
||||||
|
border-top: 1px solid #DEDEDE;
|
||||||
.panel-select-add {
|
.panel-select-add {
|
||||||
line-height: 32px;
|
line-height: 32px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
|
|||||||
Reference in New Issue
Block a user