DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(crm/contract/detail): 给业务员下拉框添加自定义样式

Browse Source 
新增了业务员选择框的专属样式，设置了默认背景色、边框样式，聚焦时切换为白色背景并恢复文本正常展示
This commit is contained in:
王文昊
2026-07-06 17:32:56 +08:00
parent 93bb094566
commit b49209bc1a
1 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
klp-ui/src/views/crm/contract/detail/index.vue
View File

@@ -134,7 +134,7 @@
<!-- 业务员 --> <!-- 业务员 -->
<el-table-column label="业务员" width="110"> <el-table-column label="业务员" width="110">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.salesman" size="small" style="width: 100%" @change="saveRow(scope.row)"> <el-select v-model="scope.row.salesman" size="small" class="editable-cell" style="width: 100%" @change="saveRow(scope.row)">
<el-option v-for="item in dict.type.wip_pack_saleman" :key="item.value" :label="item.label" :value="item.value" /> <el-option v-for="item in dict.type.wip_pack_saleman" :key="item.value" :label="item.label" :value="item.value" />
</el-select> </el-select>
</template> </template>
@@ -770,6 +770,22 @@ export default {
white-space: normal; white-space: normal;
} }
/* 业务员下拉框样式 */
.select-salesman ::v-deep .el-input__inner {
background-color: #f3f0ff;
border-color: transparent;
padding: 0 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select-salesman ::v-deep .el-input__inner:focus {
border-color: #5F7BA0;
background-color: #fff;
overflow: visible;
white-space: normal;
}
/* 日期选择器样式 */ /* 日期选择器样式 */
.editable-cell-date ::v-deep .el-input__inner { .editable-cell-date ::v-deep .el-input__inner {
background-color: #e6f7ff; background-color: #e6f7ff;