test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(接口测试): 环境中变量填写样式问题

This commit is contained in:
chenjianxing 2020-10-30 11:42:37 +08:00
parent e9d13d89d9
commit 6416f6c2fc
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/business/components/api/test/components/ApiVariableInput.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="variable-input"> <div class="variable-input" :class="{'show-copy': !showCopy}">
<el-input class="el-input__inner_pd" :disabled="isReadOnly" :value="value" v-bind="$attrs" :size="size" @change="change" @input="input"/> <el-input class="el-input__inner_pd" :disabled="isReadOnly" :value="value" v-bind="$attrs" :size="size" @change="change" @input="input"/>
<div :class="{'hidden': !showVariable}" class="variable-combine" v-if="value"> <div :class="{'hidden': !showVariable}" class="variable-combine" v-if="value">
<div v-if="showCopy" class="variable">{{variable}}</div> <div v-if="showCopy" class="variable">{{variable}}</div>
@ -75,13 +75,20 @@
</script> </script>
<style scoped> <style scoped>
.variable-input { .variable-input {
position: relative; position: relative;
} }
.el-input__inner_pd >>> .el-input__inner { .el-input__inner_pd >>> .el-input__inner {
padding-right: 135px; padding-right: 135px;
} }
.show-copy .el-input__inner_pd >>> .el-input__inner {
padding-right: 0px;
}
.variable-combine { .variable-combine {
color: #7F7F7F; color: #7F7F7F;
max-width: 80px; max-width: 80px;