style: topologyL5,batchaddEndpoint,agent,logtab 下拉选择器样式调整

This commit is contained in:
@changcode
2021-09-28 10:15:53 +08:00
parent e9dfbc7270
commit 2e8a2dde5f
5 changed files with 9 additions and 6 deletions

View File

@@ -12,7 +12,7 @@
<el-dropdown trigger="click" size="small" placement="bottom-start" v-has="'topo_icon_list'"> <el-dropdown trigger="click" size="small" placement="bottom-start" v-has="'topo_icon_list'">
<span class="el-dropdown-title"><i class="iconfont icon-cube"></i> <i <span class="el-dropdown-title"><i class="iconfont icon-cube"></i> <i
class="nz-icon nz-icon-arrow-down"></i></span> class="nz-icon nz-icon-arrow-down"></i></span>
<el-dropdown-menu slot="dropdown" @click="dropdownClick"> <el-dropdown-menu slot="dropdown" @click="dropdownClick" class="right-public-box-select-top right-public-box-dropdown-top">
<div style="height: 450px" v-loading="imgageLoading"> <div style="height: 450px" v-loading="imgageLoading">
<el-card shadow="hover" style="height:420px;width:284px;overflow-y: auto" <el-card shadow="hover" style="height:420px;width:284px;overflow-y: auto"
class="project-topology-add-node"> class="project-topology-add-node">
@@ -57,6 +57,7 @@
<div class="full pr10"> <div class="full pr10">
<el-select v-model="lineName" size="small" <el-select v-model="lineName" size="small"
:popper-append-to-body="false" :popper-append-to-body="false"
popper-class="right-public-box-select-top right-public-box-dropdown-top"
@change="changeTopologyOpt(lineName,'lineName')"> @change="changeTopologyOpt(lineName,'lineName')">
<div slot="prefix"> <div slot="prefix">
<div class="icon-item" style="width: 100%;padding: 0"> <div class="icon-item" style="width: 100%;padding: 0">
@@ -279,6 +280,7 @@
<el-col :span="4" class="upload-pic-label">{{ $t('overall.folder') }}</el-col> <el-col :span="4" class="upload-pic-label">{{ $t('overall.folder') }}</el-col>
<el-col :span="20"> <el-col :span="20">
<el-autocomplete <el-autocomplete
popper-class="right-public-box-select-top right-public-box-dropdown-top"
:maxlength="64" show-word-limit :maxlength="64" show-word-limit
class="inline-input" class="inline-input"
v-model="uploadPic.unit" v-model="uploadPic.unit"

View File

@@ -26,6 +26,7 @@
title="ChartSearch" title="ChartSearch"
key-field="id" key-field="id"
show-field="name" show-field="name"
:width="625"
v-model="batchEndpoint.moduleIds" v-model="batchEndpoint.moduleIds"
class="form-control" class="form-control"
:result-format="resultFormat" :result-format="resultFormat"
@@ -44,6 +45,7 @@
title="ChartSearch" title="ChartSearch"
key-field="id" key-field="id"
show-field="name" show-field="name"
:width="625"
v-model="batchEndpoint.assetIds" v-model="batchEndpoint.assetIds"
class="form-control" class="form-control"
:result-format="resultFormat" :result-format="resultFormat"

View File

@@ -55,7 +55,6 @@
:language="language" :language="language"
title="ChartSearch" title="ChartSearch"
key-field="id" key-field="id"
:width="626"
show-field="name" show-field="name"
v-model="editEndpoint.assetId" v-model="editEndpoint.assetId"
class="form-control" class="form-control"

View File

@@ -49,7 +49,7 @@
<div class="right-box-sub-title">{{$t('config.agent.agent.download')}}</div> <div class="right-box-sub-title">{{$t('config.agent.agent.download')}}</div>
<div style="margin-bottom: 20px;width: 100%"></div> <div style="margin-bottom: 20px;width: 100%"></div>
<el-form-item :label="$t('config.agent.agent.osType')" class="half-form-item" prop="osType"> <el-form-item :label="$t('config.agent.agent.osType')" class="half-form-item" prop="osType">
<el-select v-model="agentParam.osType" class="right-box-row-with-btn" placeholder=""> <el-select v-model="agentParam.osType" style="z-index: 9999 !important;" class="right-box-row-with-btn" popper-class="right-public-box-select-top right-public-box-dropdown-top" placeholder="">
<el-option v-for="item in osTypes" :key="item.name" :label="item.label" :value="item.name"> <el-option v-for="item in osTypes" :key="item.name" :label="item.label" :value="item.name">
<span class="panel-dropdown-label-txt" >{{item.label}}</span> <span class="panel-dropdown-label-txt" >{{item.label}}</span>
</el-option> </el-option>
@@ -62,14 +62,14 @@
<div style="margin-bottom: 20px;width: 100%"></div> <div style="margin-bottom: 20px;width: 100%"></div>
<el-form-item :label="$t('config.dc.dc')" class="half-form-item" prop="dc"> <el-form-item :label="$t('config.dc.dc')" class="half-form-item" prop="dc">
<el-select v-model="agentParam.dc" class="right-box-row-with-btn" placeholder=""> <el-select v-model="agentParam.dc" style="z-index: 9999 !important;" class="right-box-row-with-btn" popper-class="right-public-box-select-top right-public-box-dropdown-top" placeholder="">
<el-option v-for="item in allDc" :key="item.id" :label="item.name" :value="item.id"> <el-option v-for="item in allDc" :key="item.id" :label="item.name" :value="item.id">
<span class="panel-dropdown-label-txt" >{{item.name}}</span> <span class="panel-dropdown-label-txt" >{{item.name}}</span>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('config.agent.agent.type')" class="half-form-item" prop="type"> <el-form-item :label="$t('config.agent.agent.type')" class="half-form-item" prop="type">
<el-select v-model="agentParam.type" class="right-box-row-with-btn" placeholder=""> <el-select v-model="agentParam.type" style="z-index: 9999 !important;" class="right-box-row-with-btn" popper-class="right-public-box-select-top right-public-box-dropdown-top" placeholder="">
<el-option v-for="item in agent2.theData" :key="item.value" :label="item.label" :value="item.value" :disabled="federationEnabled && item.value == 2"> <el-option v-for="item in agent2.theData" :key="item.value" :label="item.label" :value="item.value" :disabled="federationEnabled && item.value == 2">
<span class="panel-dropdown-label-txt" >{{item.label}}</span> <span class="panel-dropdown-label-txt" >{{item.label}}</span>
</el-option> </el-option>

View File

@@ -29,7 +29,7 @@
</div> </div>
<div class="log-operation"> <div class="log-operation">
<span class="operation-label">{{$t('overall.limit')}}:</span> <span class="operation-label">{{$t('overall.limit')}}:</span>
<el-select v-model="limit" size="small" style="width: 100px;"> <el-select v-model="limit" size="small" style="width: 100px;" popper-class="right-public-box-select-top right-public-box-dropdown-top">
<el-option v-for="option in limitOptions" :key="option" :value="option"></el-option> <el-option v-for="option in limitOptions" :key="option" :value="option"></el-option>
</el-select> </el-select>
</div> </div>