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

style: asset 批量修改样式调整

Browse Source
This commit is contained in:
@changcode
2021-09-27 17:11:08 +08:00
parent c1ed41785a
commit 2bf2ca0504
3 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -316,11 +316,13 @@
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
.api-select.right-public-box-select-top.right-public-box-dropdown-top { .api-select.right-public-box-select-top.right-public-box-dropdown-top {
.el-scrollbar__view.el-select-dropdown__list {
width: 210px; width: 210px;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
} }
}
.dc-dropdown.right-public-box-dropdown-top,.right-public-box-select-top.right-public-box-dropdown-top { .dc-dropdown.right-public-box-dropdown-top,.right-public-box-select-top.right-public-box-dropdown-top {
margin: 5px 0 !important; margin: 5px 0 !important;
} }

8
nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
View File

@@ -43,8 +43,8 @@
<el-form-item :label="$t('asset.pin')" prop="authPin"> <el-form-item :label="$t('asset.pin')" prop="authPin">
<el-input v-model="editData.authPin" size="small" type="password" autocomplete="new-password"/> <el-input v-model="editData.authPin" size="small" type="password" autocomplete="new-password"/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('asset.port')" prop="authProtocolPort"> <el-form-item :label="$t('asset.port')" prop="port">
<el-input v-model="editData.authProtocolPort" size="small"/> <el-input v-model="editData.port" size="small"/>
</el-form-item> </el-form-item>
</template> </template>
@@ -130,6 +130,7 @@
v-model="label.value[0]" v-model="label.value[0]"
:type="JSON.parse(label.param).subType === assetConstants.labelSubTypeData.date ? 'dateRange' : 'datetimerange'" :type="JSON.parse(label.param).subType === assetConstants.labelSubTypeData.date ? 'dateRange' : 'datetimerange'"
placeholder="" placeholder=""
popper-class="right-box-select-top right-public-box-dropdown-top"
size="small" size="small"
style="width: 100%"> style="width: 100%">
</my-date-picker> </my-date-picker>
@@ -140,6 +141,7 @@
v-model="label.value[0]" v-model="label.value[0]"
:type="JSON.parse(label.param).subType" :type="JSON.parse(label.param).subType"
placeholder="" placeholder=""
popper-class="right-box-select-top right-public-box-dropdown-top"
size="small" size="small"
style="width: 100%" style="width: 100%"
value-format="yyyy-MM-dd"> value-format="yyyy-MM-dd">
@@ -161,7 +163,7 @@
:options="fieldGroupData" :options="fieldGroupData"
:props="labelCascProp" :props="labelCascProp"
class="hide-input" class="hide-input"
popper-class="prevent-clickoutside right-public-box-dropdown-top limit-height" popper-class="prevent-clickoutside right-public-box-select-top.right-public-box-dropdown-top limit-height"
size="small" size="small"
@change="addLabel" @change="addLabel"
></el-cascader> ></el-cascader>

2
nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
View File

@@ -108,7 +108,7 @@
</el-checkbox-group> </el-checkbox-group>
</template> </template>
<template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.SELECT"> <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.SELECT">
<el-select v-model="label.value[0]" class="right-box__select" popper-class="right-box-select-format-dropdown prevent-clickoutside" size="small"> <el-select v-model="label.value[0]" class="right-box__select" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" size="small">
<el-option v-for="item in JSON.parse(label.param).items" :key="item.name" :label="item.name" :value="item.name"></el-option> <el-option v-for="item in JSON.parse(label.param).items" :key="item.name" :label="item.name" :value="item.name"></el-option>
</el-select> </el-select>
</template> </template>