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

新增了业务员选择框的专属样式,设置了默认背景色、边框样式,聚焦时切换为白色背景并恢复文本正常展示
This commit is contained in:
王文昊
2026-07-06 17:32:56 +08:00
parent 93bb094566
commit b49209bc1a

View File

@@ -134,7 +134,7 @@
<!-- 业务员 -->
<el-table-column label="业务员" width="110">
<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-select>
</template>
@@ -770,6 +770,22 @@ export default {
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 {
background-color: #e6f7ff;