gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 样式调整

Browse Source
This commit is contained in:
@changcode
2021-09-02 15:37:01 +08:00
parent 1afdff8de1
commit bb5f8cfd0a
3 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
nezha-fronted/src/assets/css/common/rightBoxCommon.scss
View File

@@ -74,6 +74,13 @@
height: 32px; height: 32px;
} }
.input-box { .input-box {
.logsLabel.el-textarea {
.el-textarea__inner {
width: 509px;
height: 32px;
padding: 5px 70px 4px 10px;
}
}
.el-textarea { .el-textarea {
.el-textarea__inner { .el-textarea__inner {
width: 517px; width: 517px;

1
nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue
View File

@@ -390,7 +390,6 @@ 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.selectMetricsLogs() this.selectMetricsLogs()
}, },
methods: { methods: {

6
nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
View File

@@ -51,7 +51,7 @@
<el-row v-if="plugins.indexOf('metric-input') > -1 || plugins.indexOf('metric-selector') > -1" <el-row v-if="plugins.indexOf('metric-input') > -1 || plugins.indexOf('metric-selector') > -1"
style="width: 100%;"> style="width: 100%;">
<el-col <el-col
:class="[plugins.indexOf('metric-selector') > -1 ?'metric-selector-title':'metric-null-title']"> :class="[plugins.indexOf('metric-selector') > -1 ?'metric-selector-title':'metric-null-title']" :style="type === 'log'? 'width: 108px;' : 'width: 100px;'">
<el-dropdown class="metric-selector" v-if="plugins.indexOf('metric-selector') > -1"> <el-dropdown class="metric-selector" v-if="plugins.indexOf('metric-selector') > -1">
<el-dropdown-menu style="display: none"></el-dropdown-menu> <el-dropdown-menu style="display: none"></el-dropdown-menu>
<span :class="{'expr-title':projectRightBox}" style="cursor: pointer;" @click="toggleDropdown">{{type === 'log' ? $t("overall.logLabels") : $t("overall.metric") }}&nbsp;<i <span :class="{'expr-title':projectRightBox}" style="cursor: pointer;" @click="toggleDropdown">{{type === 'log' ? $t("overall.logLabels") : $t("overall.metric") }}&nbsp;<i
@@ -85,8 +85,8 @@
:style="{'width':plugins.indexOf('metric-selector') > -1 ? 'calc(100% - 160px)':'100%',height: '100%',}"> :style="{'width':plugins.indexOf('metric-selector') > -1 ? 'calc(100% - 160px)':'100%',height: '100%',}">
<div class="input-box" @click="dropDownVisible=false" v-if="plugins.indexOf('metric-input') > -1"> <div class="input-box" @click="dropDownVisible=false" v-if="plugins.indexOf('metric-input') > -1">
<!--<editor :styleType="styleType" :metric-list="metricStore" :historyParam="historyParam" v-model="expressionList[index]" ref="editor" @on-enter="expressionChange" @on-blur="expressionChange" ></editor>--> <!--<editor :styleType="styleType" :metric-list="metricStore" :historyParam="historyParam" v-model="expressionList[index]" ref="editor" @on-enter="expressionChange" @on-blur="expressionChange" ></editor>-->
<el-input v-model="expressionList[index]" @input="metricKeyDown" type="textarea" :maxlength="styleType === 3 ? 512 : 4096" show-word-limit <el-input v-model="expressionList[index]" @input="metricKeyDown" type="textarea" :maxlength="styleType === 3 ? 512 : 4096" show-word-limit
:autosize="{ minRows: 1, maxRows: 6}" class="not-fixed-height no-resize" ref="elInput"></el-input> :autosize="{ minRows: 1, maxRows: 6}" class="not-fixed-height no-resize" :class="{ 'logsLabel' : type === 'log'}" ref="elInput"></el-input>
<div class="append-msg error" v-if="errorMsg"><span>{{errorMsg}}</span></div> <div class="append-msg error" v-if="errorMsg"><span>{{errorMsg}}</span></div>
<div class="append-msg error" v-if="appendMsg"><span>{{appendMsg}}</span></div> <div class="append-msg error" v-if="appendMsg"><span>{{appendMsg}}</span></div>
</div> </div>