This commit is contained in:
bb_pan 2025-12-04 13:51:50 +08:00
parent 75d8c06e92
commit 2e45ea90b8
5 changed files with 57 additions and 4 deletions

View File

@ -185,3 +185,16 @@ aside {
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
.my-select-dropdown {
min-width: none !important;
width: 240px !important;
}
.option-text {
display: inline-block;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

View File

@ -6,16 +6,26 @@
<el-form-item label="项目名称" prop="proCode"> <el-form-item label="项目名称" prop="proCode">
<el-select <el-select
clearable clearable
filterable
placeholder="请选择项目名称" placeholder="请选择项目名称"
v-model="queryParams.proCode" v-model="queryParams.proCode"
style="width: 240px" style="width: 240px"
popper-class="my-select-dropdown"
> >
<el-option <el-option
:key="item.proCode" :key="item.proCode"
:label="item.proName" :label="item.proName"
:value="item.proCode" :value="item.proCode"
v-for="item in useProjectList" v-for="item in useProjectList"
/> >
<el-tooltip
effect="dark"
:content="item.proName"
placement="right"
>
<span class="option-text">{{ item.proName }}</span>
</el-tooltip>
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>

View File

@ -6,16 +6,26 @@
<el-form-item label="项目名称" prop="proCode"> <el-form-item label="项目名称" prop="proCode">
<el-select <el-select
clearable clearable
filterable
placeholder="请选择项目名称" placeholder="请选择项目名称"
v-model="queryParams.proCode" v-model="queryParams.proCode"
style="width: 240px" style="width: 240px"
popper-class="my-select-dropdown"
> >
<el-option <el-option
:key="item.proCode" :key="item.proCode"
:label="item.proName" :label="item.proName"
:value="item.proCode" :value="item.proCode"
v-for="item in useProjectList" v-for="item in useProjectList"
/> >
<el-tooltip
effect="dark"
:content="item.proName"
placement="right"
>
<span class="option-text">{{ item.proName }}</span>
</el-tooltip>
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>

View File

@ -23,7 +23,9 @@
<el-select <el-select
style="width: 240px" style="width: 240px"
clearable clearable
filterable
placeholder="请选择项目名称" placeholder="请选择项目名称"
popper-class="my-select-dropdown"
v-model="queryParams.proCode" v-model="queryParams.proCode"
> >
<el-option <el-option
@ -31,7 +33,15 @@
:label="item.proName" :label="item.proName"
:value="item.proCode" :value="item.proCode"
v-for="item in useProjectList" v-for="item in useProjectList"
/> >
<el-tooltip
effect="dark"
:content="item.proName"
placement="right"
>
<span class="option-text">{{ item.proName }}</span>
</el-tooltip>
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>

View File

@ -23,7 +23,9 @@
<el-select <el-select
style="width: 240px" style="width: 240px"
clearable clearable
filterable
placeholder="请选择项目名称" placeholder="请选择项目名称"
popper-class="my-select-dropdown"
v-model="queryParams.proCode" v-model="queryParams.proCode"
> >
<el-option <el-option
@ -31,7 +33,15 @@
:label="item.proName" :label="item.proName"
:value="item.proCode" :value="item.proCode"
v-for="item in useProjectList" v-for="item in useProjectList"
/> >
<el-tooltip
effect="dark"
:content="item.proName"
placement="right"
>
<span class="option-text">{{ item.proName }}</span>
</el-tooltip>
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>