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

style(display_schedule): 修复:店内执行上报_上传表格确认弹窗里的表格锁定头部行,并支持横向滚动条显示

上级 7840e7c4
...@@ -41,8 +41,6 @@ ...@@ -41,8 +41,6 @@
placeholder="请选择筛选状态" placeholder="请选择筛选状态"
@change="handleChange" @change="handleChange"
clearable> clearable>
<el-option label="全部"
value="全部" />
<el-option label="未执行" <el-option label="未执行"
value="未执行" /> value="未执行" />
</el-select> </el-select>
......
...@@ -139,6 +139,7 @@ ...@@ -139,6 +139,7 @@
:close-on-press-escape="false" :close-on-press-escape="false"
draggable draggable
overflow overflow
body-class="dialog-table-container"
@close="handleDialogCloseUpload"> @close="handleDialogCloseUpload">
<div class="table-container"> <div class="table-container">
<!-- 计划表格 --> <!-- 计划表格 -->
...@@ -306,6 +307,7 @@ const downloadTable = async () => { ...@@ -306,6 +307,7 @@ const downloadTable = async () => {
const res = await downloadDisplayScheduleTable({ const res = await downloadDisplayScheduleTable({
...props.params, ...props.params,
salesMonth: parseTime(props.params.salesMonth, '{y}-{m}'), salesMonth: parseTime(props.params.salesMonth, '{y}-{m}'),
rqStatus: props.params.rqStatus === '全部' ? null : props.params.rqStatus,
pageNum: null, pageNum: null,
pageSize: null, pageSize: null,
pageType: typeObj[props.tabsType] pageType: typeObj[props.tabsType]
...@@ -657,22 +659,37 @@ const tableRowStyle = ({ row }) => { ...@@ -657,22 +659,37 @@ const tableRowStyle = ({ row }) => {
} }
// 上传表格确认框内表格的样式
.el-table {
::v-deep(.error-row) { </style>
--el-table-tr-bg-color: var(--el-color-error-light-9);
}
/* 灰色过期行颜色 */ <style lang="scss">
::v-deep(.timeout-row) { // 上传表格确认框内表格的样式
--el-table-tr-bg-color: var(--el-timeout-row); .dialog-table-container {
} overflow-y: hidden !important;
// 消除滚动条
::-webkit-scrollbar {
display: none;
} }
</style> .table-container {
height: 100%;
overflow-y: scroll;
.el-table {
::v-deep(.error-row) {
--el-table-tr-bg-color: var(--el-color-error-light-9);
}
/* 灰色过期行颜色 */
::v-deep(.timeout-row) {
--el-table-tr-bg-color: var(--el-timeout-row);
}
}
}
}
<style lang="scss">
/* 表格弹窗 */ /* 表格弹窗 */
.table-dialog-modal { .table-dialog-modal {
padding: 0; padding: 0;
......
...@@ -83,7 +83,6 @@ ...@@ -83,7 +83,6 @@
isLoading.value = true isLoading.value = true
const res = await getDisplayList({ const res = await getDisplayList({
...params.value, ...params.value,
rqStatus: params.value.rqStatus === '全部' ? '' : params.value.rqStatus,
salesMonth: parseTime(params.value.salesMonth, '{y}-{m}') salesMonth: parseTime(params.value.salesMonth, '{y}-{m}')
}) })
res.data.rows.forEach(item => { res.data.rows.forEach(item => {
......
...@@ -104,7 +104,6 @@ ...@@ -104,7 +104,6 @@
isLoading.value = true isLoading.value = true
const res = await getDisplayScheduleList({ const res = await getDisplayScheduleList({
...params.value, ...params.value,
rqStatus: params.value.rqStatus === '全部' ? '' : params.value.rqStatus,
salesMonth: parseTime(params.value.salesMonth, '{y}-{m}') salesMonth: parseTime(params.value.salesMonth, '{y}-{m}')
}) })
// 处理日期格式 // 处理日期格式
......
...@@ -78,7 +78,6 @@ ...@@ -78,7 +78,6 @@
isLoading.value = true isLoading.value = true
const res = await getDisplayScheduleDetail({ const res = await getDisplayScheduleDetail({
...params.value, ...params.value,
rqStatus: params.value.rqStatus === '全部' ? '' : params.value.rqStatus,
salesMonth: parseTime(params.value.salesMonth, '{y}-{m}') salesMonth: parseTime(params.value.salesMonth, '{y}-{m}')
}) })
res.data.rows.forEach(item => { res.data.rows.forEach(item => {
......
...@@ -73,7 +73,6 @@ ...@@ -73,7 +73,6 @@
isLoading.value = true isLoading.value = true
getSixLittleDiamondsPlanList({ getSixLittleDiamondsPlanList({
...params.value, ...params.value,
rqStatus: params.value.rqStatus === '全部' ? '' : params.value.rqStatus,
salesMonth: parseTime(params.value.salesMonth, '{y}-{m}') salesMonth: parseTime(params.value.salesMonth, '{y}-{m}')
}).then(res => { }).then(res => {
isLoading.value = false isLoading.value = false
......
...@@ -108,7 +108,6 @@ ...@@ -108,7 +108,6 @@
isLoading.value = true isLoading.value = true
const res = await getSnackPlanList({ const res = await getSnackPlanList({
...params.value, ...params.value,
rqStatus: params.value.rqStatus === '全部' ? '' : params.value.rqStatus,
salesMonth: parseTime(params.value.salesMonth, '{y}-{m}') salesMonth: parseTime(params.value.salesMonth, '{y}-{m}')
}) })
res.data.rows.forEach(item => { res.data.rows.forEach(item => {
......
...@@ -72,7 +72,6 @@ ...@@ -72,7 +72,6 @@
isLoading.value = true isLoading.value = true
getThreeMetersTwoSecondsPlanList({ getThreeMetersTwoSecondsPlanList({
...params.value, ...params.value,
rqStatus: params.value.rqStatus === '全部' ? '' : params.value.rqStatus,
salesMonth: proxy.parseTime(params.value.salesMonth, '{y}-{m}') salesMonth: proxy.parseTime(params.value.salesMonth, '{y}-{m}')
}).then(res => { }).then(res => {
isLoading.value = false isLoading.value = false
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论