fix: 修复样式,补充国际化,清除console

This commit is contained in:
@changcode
2021-08-25 16:19:44 +08:00
parent 6b2fadaaff
commit faa6a330d1
8 changed files with 35 additions and 16 deletions

View File

@@ -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) {

View File

@@ -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()
} }

View File

@@ -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">

View File

@@ -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 => {

View File

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

View File

@@ -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()
}) })

View File

@@ -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: {

View File

@@ -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;