This commit is contained in:
parent
75d8c06e92
commit
2e45ea90b8
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue