!61 fix:修复部分菜单功能下下拉菜单宽度过窄导致选中内容看不到

Merge pull request !61 from 李大饼/abp
This commit is contained in:
橙子
2024-10-12 13:22:33 +00:00
committed by Gitee
2 changed files with 264 additions and 249 deletions

View File

@@ -26,3 +26,12 @@ watch(()=>token.value,async (newValue,oldValue)=>{
})
</script>
<style>
.el-form--inline {
.el-form-item {
.el-input, .el-cascader, .el-select, .el-autocomplete {
width: 180px;
}
}
}
</style>

View File

@@ -71,6 +71,11 @@
:show-overflow-tooltip="true" />
<el-table-column label="用户昵称" align="center" key="nick" prop="nick" v-if="columns[2].visible"
:show-overflow-tooltip="true" />
<el-table-column label="性别" align="center" key="sex" prop="sex" v-if="columns[7].visible">
<template #default="scope">
<dict-tag :options="sys_user_sex" :value="scope.row.sex" />
</template>
</el-table-column>
<el-table-column label="部门" align="center" key="deptName" prop="deptName" v-if="columns[3].visible"
:show-overflow-tooltip="true" />
<el-table-column label="手机号码" align="center" key="phone" prop="phone" v-if="columns[4].visible"
@@ -278,13 +283,14 @@ const upload = reactive({
});
// 列显隐信息
const columns = ref([
{ key: 0, label: `用户编号`, visible: true },
{ key: 0, label: `用户编号`, visible: false },
{ key: 1, label: `用户名称`, visible: true },
{ key: 2, label: `用户昵称`, visible: true },
{ key: 3, label: `部门`, visible: true },
{ key: 4, label: `手机号码`, visible: true },
{ key: 5, label: `状态`, visible: true },
{ key: 6, label: `创建时间`, visible: true }
{ key: 6, label: `创建时间`, visible: true },
{ key: 7, label: `性别`, visible: true }
]);
const data = reactive({