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

NEZ-1143 fix： Alert rule页面Expression输入框元素位置错误

Browse Source
This commit is contained in:
zhangyu
2021-11-01 09:57:30 +08:00
parent f5ba781413
commit 709f60062a
3 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
View File

@@ -733,4 +733,7 @@ export default {
text-overflow:ellipsis; text-overflow:ellipsis;
white-space:nowrap white-space:nowrap
} }
/deep/ .query-row .metric-selector-input-box {
width: calc(100% - 120px);
}
</style> </style>

3
nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
View File

@@ -235,4 +235,7 @@ export default {
/deep/ .metric-selector-title{ /deep/ .metric-selector-title{
margin-left: 0 !important; margin-left: 0 !important;
} }
/deep/ .query-row .metric-selector-input-box {
width: calc(100% - 120px);
}
</style> </style>

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

@@ -84,7 +84,7 @@
</el-col> </el-col>
<el-col <el-col
:class="plugins.indexOf('metric-selector') > -1 ?'metric-selector-input-box':'metric-null-input-box'" :class="plugins.indexOf('metric-selector') > -1 ?'metric-selector-input-box':'metric-null-input-box'"
:style="{'width':plugins.indexOf('metric-selector') > -1 ? 'calc(100% - 160px)':'100%',height: '100%',}"> :style="{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