style(接口自动化): DUBBO协议接口 显示样式修改
This commit is contained in:
parent
ce7600bad4
commit
dff4904efb
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<el-dialog :close-on-click-modal="false" :title="$t('api_test.api_import.title')" width="30%"
|
||||
<el-dialog :close-on-click-modal="false" :title="$t('api_test.automation.scenario_import')" width="30%"
|
||||
:visible.sync="visible" class="api-import" v-loading="result.loading" @close="close">
|
||||
|
||||
<div class="header-bar">
|
||||
|
|
|
@ -1,28 +1,30 @@
|
|||
<template>
|
||||
<el-form :model="config" :rules="rules" ref="config" label-width="100px" size="small" :disabled="isReadOnly">
|
||||
<el-row>
|
||||
<div class="dubbo-form-description" v-if="description">
|
||||
{{ description }}
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-form-item label="Protocol" prop="protocol" class="dubbo-form-item">
|
||||
<el-select v-model="config.protocol" class="select-100" clearable>
|
||||
<el-option v-for="p in protocols" :key="p" :label="p" :value="p"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="Group" prop="group" class="dubbo-form-item">
|
||||
<el-input v-model="config.group" maxlength="300" show-word-limit
|
||||
:placeholder="$t('commons.input_content')"/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="Namespace" prop="namespace" class="dubbo-form-item">
|
||||
<el-input v-model="config.namespace" maxlength="300" show-word-limit
|
||||
:placeholder="$t('commons.input_content')"/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="Timeout" prop="timeout" class="dubbo-form-item">
|
||||
<el-input type="number" v-model="config.timeout" :placeholder="$t('commons.input_content')"/>
|
||||
</el-form-item>
|
||||
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item label="Address" prop="address" class="dubbo-form-item-long">
|
||||
<el-input v-model="config.address" maxlength="300" show-word-limit
|
||||
:placeholder="$t('commons.input_content')"/>
|
||||
|
@ -38,8 +40,9 @@
|
|||
:placeholder="$t('commons.input_content')"/>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
|
|
@ -1,13 +1,15 @@
|
|||
<template>
|
||||
|
||||
<el-form :model="consumer" :rules="rules" ref="consumer" label-width="100px" size="small" :disabled="isReadOnly">
|
||||
<el-row>
|
||||
<div class="dubbo-form-description" v-if="description">
|
||||
{{ description }}
|
||||
</div>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item label="Timeout" prop="timeout" class="dubbo-form-item">
|
||||
<el-input type="number" v-model="consumer.timeout" :placeholder="$t('commons.input_content')"/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="Version" prop="version" class="dubbo-form-item">
|
||||
<el-input v-model="consumer.version" maxlength="30" show-word-limit
|
||||
:placeholder="$t('commons.input_content')"/>
|
||||
|
@ -21,7 +23,8 @@
|
|||
<el-input v-model="consumer.cluster" maxlength="300" show-word-limit
|
||||
:placeholder="$t('commons.input_content')"/>
|
||||
</el-form-item>
|
||||
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item label="Group" prop="group" class="dubbo-form-item">
|
||||
<el-input v-model="consumer.group" maxlength="300" show-word-limit
|
||||
:placeholder="$t('commons.input_content')"/>
|
||||
|
@ -42,6 +45,7 @@
|
|||
<el-option v-for="option in loadBalances" :key="option" :label="option" :value="option"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
</template>
|
||||
|
|
|
@ -117,7 +117,7 @@
|
|||
|
||||
<style scoped>
|
||||
.get-provider {
|
||||
margin-bottom: 22px;
|
||||
margin: 5px 5px 10px;
|
||||
}
|
||||
|
||||
.select-100 {
|
||||
|
|
|
@ -1,8 +1,11 @@
|
|||
<template>
|
||||
<el-form :model="registry" :rules="rules" ref="registry" label-width="100px" size="small" :disabled="isReadOnly">
|
||||
<el-row>
|
||||
<div class="dubbo-form-description" v-if="description">
|
||||
{{ description }}
|
||||
</div>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item label="Protocol" prop="protocol" class="dubbo-form-item">
|
||||
<el-select v-model="registry.protocol" class="select-100" clearable>
|
||||
<el-option v-for="p in protocols" :key="p" :label="p" :value="p"/>
|
||||
|
@ -23,7 +26,8 @@
|
|||
<el-input v-model="registry.password" maxlength="30" show-word-limit show-password autocomplete="new-password"
|
||||
:placeholder="$t('commons.input_content')"/>
|
||||
</el-form-item>
|
||||
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item label="Address" prop="address" class="dubbo-form-item-long">
|
||||
<el-input v-model="registry.address" maxlength="300" show-word-limit
|
||||
:placeholder="$t('commons.input_content')"/>
|
||||
|
@ -32,6 +36,7 @@
|
|||
<el-form-item label="Timeout" prop="timeout" class="dubbo-form-item">
|
||||
<el-input type="number" v-model="registry.timeout" :placeholder="$t('commons.input_content')"/>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
|
|
Loading…
Reference in New Issue