提交 c8964e1a authored 作者: lidongxu's avatar lidongxu

refactor(promotion): 调整:店内执行上报填充模式的常规陈列的样式

上级 29d1bf3a
...@@ -50,7 +50,8 @@ const props = defineProps({ ...@@ -50,7 +50,8 @@ const props = defineProps({
} }
}) })
const queryParams = reactive({ const queryParams = reactive({
salesMonth: '', // 当月
salesMonth: new Date(),
deptName: '', deptName: '',
dealerCN: '', dealerCN: '',
lineNameLike: '', lineNameLike: '',
......
...@@ -40,7 +40,10 @@ ...@@ -40,7 +40,10 @@
<template #header="{ column }"> <template #header="{ column }">
<!-- 只为特定公式列添加问号图标 --> <!-- 只为特定公式列添加问号图标 -->
<span class="formula-column"> <span class="formula-column">
{{ column.label }} <div class="column">
<p>{{ column.label }}</p>
<p v-if="col.subLabel">{{ col.subLabel }}</p>
</div>
<el-tooltip v-if="col.type === 'formula'" <el-tooltip v-if="col.type === 'formula'"
:content="col.formulaStr" :content="col.formulaStr"
placement="top"> placement="top">
...@@ -128,6 +131,7 @@ const emit = defineEmits(['updateColumns', 'getTableList', 'updateShowSearch']) ...@@ -128,6 +131,7 @@ const emit = defineEmits(['updateColumns', 'getTableList', 'updateShowSearch'])
/*************** 工具栏 ***************/ /*************** 工具栏 ***************/
// 切换平铺/填报模式 // 切换平铺/填报模式
const operation = ref('展示模式'); const operation = ref('展示模式');
// const operation = ref('填报模式');
const tableRef = ref(null) const tableRef = ref(null)
const checkTableColumns = async () => { const checkTableColumns = async () => {
// 通知外面传入 tableColumns / chooseColumns 数据源 // 通知外面传入 tableColumns / chooseColumns 数据源
...@@ -184,6 +188,19 @@ const getTableList = () => { ...@@ -184,6 +188,19 @@ const getTableList = () => {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.column {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
p {
margin: 0;
font-size: 12px;
color: #606266;
}
}
.el-icon { .el-icon {
margin-left: 2px; margin-left: 2px;
} }
...@@ -220,19 +237,27 @@ const getTableList = () => { ...@@ -220,19 +237,27 @@ const getTableList = () => {
width: 100% !important; width: 100% !important;
padding: 10px; padding: 10px;
/* 非 disabled 状态下的背景颜色 */ ::v-deep(.el-select__wrapper) {
&.no-disabled { border: 4px solid var(--el-background-editor-cell) !important;
background-color: var(--el-background-editor-cell);
} }
/* 非 disabled 状态下的背景颜色 */
/* &.no-disabled {
background-color: ;
} */
} }
.el-input { .el-input {
padding: 10px; padding: 10px;
&.no-disabled { ::v-deep(.el-input__wrapper) {
background-color: var(--el-background-editor-cell); border: 4px solid var(--el-background-editor-cell) !important;
} }
/* &.no-disabled {
background-color: var(--el-background-editor-cell);
} */
} }
.date-picker { .date-picker {
...@@ -253,11 +278,13 @@ const getTableList = () => { ...@@ -253,11 +278,13 @@ const getTableList = () => {
/* 填报模式-单元格 */ /* 填报模式-单元格 */
&.cell-no-padding { &.cell-no-padding {
/* 无上下内边距 */ /* 无上下内边距 */
::v-deep(.el-table__row) { ::v-deep(.el-table__row) {
.el-table__cell { .el-table__cell {
padding: 0; padding: 0;
.cell{
.cell {
padding: 0 !important; padding: 0 !important;
} }
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论