style: 调整I18N列表页面表头最小宽度

This commit is contained in:
@changcode
2021-11-04 11:23:08 +08:00
parent 6cb602218e
commit ab211e91ef
2 changed files with 13 additions and 9 deletions

View File

@@ -2,7 +2,7 @@
<div class="right-box right-box-dc" v-clickoutside="{obj:editGlobalization,func:clickOutside}"> <div class="right-box right-box-dc" v-clickoutside="{obj:editGlobalization,func:clickOutside}">
<!-- begin--标题--> <!-- begin--标题-->
<div class="right-box__header"> <div class="right-box__header">
<div class="header__title">{{editGlobalization.id ? ($t("i18n.editI18n")) : $t("i18n.createI18n")}}</div> <div class="header__title">{{editGlobalization.id ? ($t("config.menus.editI18n")) : $t("config.menus.createI18n")}}</div>
<div class="header__operation"> <div class="header__operation">
<span v-cancel="{obj: editGlobalization, func: esc}"><i class="nz-icon nz-icon-close"></i></span> <span v-cancel="{obj: editGlobalization, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
</div> </div>
@@ -11,13 +11,13 @@
<div class="right-box__container"> <div class="right-box__container">
<div class="container__form"> <div class="container__form">
<el-form label-width="120px" size="small" :model="editGlobalization" label-position = "top" ref="globalizationForm"> <el-form label-width="120px" size="small" :model="editGlobalization" label-position = "top" ref="globalizationForm">
<el-form-item :label='$t("i18n.name")' prop="name"> <el-form-item :label='$t("config.menus.name")' prop="name">
<el-input placeholder="" maxlength="64" show-word-limit v-model="editGlobalization.name" size="small" id="dc-box-input-name"></el-input> <el-input placeholder="" maxlength="64" show-word-limit v-model="editGlobalization.name" size="small" id="dc-box-input-name"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label='$t("i18n.code")' prop="code"> <el-form-item :label='$t("config.menus.code")' prop="code">
<el-input placeholder="" maxlength="64" show-word-limit v-model="editGlobalization.code" size="small" id="dc-box-input-code"></el-input> <el-input placeholder="" maxlength="64" show-word-limit v-model="editGlobalization.code" size="small" id="dc-box-input-code"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('i18n.lang')" prop="lang"> <el-form-item :label="$t('config.menus.lang')" prop="lang">
<el-select id="account-input-language" <el-select id="account-input-language"
class="right-box__select" class="right-box__select"
v-model="editGlobalization.lang" v-model="editGlobalization.lang"
@@ -31,7 +31,7 @@
</template> </template>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label='$t("i18n.value")' prop="value"> <el-form-item :label='$t("config.menus.value")' prop="value">
<el-input placeholder="" maxlength="64" show-word-limit v-model="editGlobalization.value" size="small" id="dc-box-input-value"></el-input> <el-input placeholder="" maxlength="64" show-word-limit v-model="editGlobalization.value" size="small" id="dc-box-input-value"></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item :label='$t("i18n.remark")' prop="remark">--> <!-- <el-form-item :label='$t("i18n.remark")' prop="remark">-->

View File

@@ -89,23 +89,27 @@ export default {
width: 80, width: 80,
sortable: 'custom' sortable: 'custom'
}, { }, {
label: this.$t('i18n.name'), label: this.$t('config.menus.name'),
prop: 'name', prop: 'name',
show: true, show: true,
minWidth: 150,
sortable: 'custom' sortable: 'custom'
}, { }, {
label: this.$t('i18n.code'), label: this.$t('config.menus.code'),
prop: 'code', prop: 'code',
show: true, show: true,
minWidth: 150,
sortable: 'custom' sortable: 'custom'
}, { }, {
label: this.$t('i18n.lang'), label: this.$t('config.menus.lang'),
prop: 'lang', prop: 'lang',
show: true, show: true,
minWidth: 150,
sortable: 'custom' sortable: 'custom'
}, { }, {
label: this.$t('i18n.value'), label: this.$t('config.menus.value'),
prop: 'value', prop: 'value',
minWidth: 150,
show: true show: true
} }
// , { // , {