提交 2a16818c authored 作者: lidongxu's avatar lidongxu

fix(sale): 尝试修复移动端适配表格滚动条问题

暂时没解决,默认和官网一样,在合计行上面展示滚动条
上级 384bd3d7
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1730360428889" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4246" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M735.208665 65.582671l-446.41733 446.417329 446.41733 446.417329z" p-id="4247"></path></svg>
\ No newline at end of file
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1730360422962" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2273" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M288.791335 65.582671l446.41733 446.417329-446.41733 446.417329z" p-id="2274"></path></svg>
\ No newline at end of file
...@@ -11,7 +11,6 @@ ...@@ -11,7 +11,6 @@
<el-input v-model="searchValue" <el-input v-model="searchValue"
:placeholder="placeholder" :placeholder="placeholder"
clearable clearable
size="small"
prefix-icon="el-icon-search" /> prefix-icon="el-icon-search" />
</div> </div>
<div class="scroll" :class="{'row_gap': rowGap}"> <div class="scroll" :class="{'row_gap': rowGap}">
...@@ -145,7 +144,6 @@ export default { ...@@ -145,7 +144,6 @@ export default {
// 上次点击的行对象-唯一值 // 上次点击的行对象-唯一值
lastRowId: null, lastRowId: null,
// 分页参数 // 分页参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10 pageSize: 10
...@@ -179,7 +177,7 @@ export default { ...@@ -179,7 +177,7 @@ export default {
if (this.lastRow) { if (this.lastRow) {
this.$refs.tree.setCurrentKey(null) this.$refs.tree.setCurrentKey(null)
this.lastRow = null this.lastRow = null
this.$emit('input', '') this.$emit('update:modelValue', '')
this.$emit('search') this.$emit('search')
} }
}, },
...@@ -192,7 +190,7 @@ export default { ...@@ -192,7 +190,7 @@ export default {
} else { } else {
this.lastRowId = row[this.nodeKey] this.lastRowId = row[this.nodeKey]
} }
this.$emit('input', this.lastRowId ? row[this.nodeKey] : '') this.$emit('update:modelValue', this.lastRowId ? row[this.nodeKey] : '')
this.$emit('search') this.$emit('search')
}, },
// tree 筛选节点 // tree 筛选节点
......
...@@ -111,7 +111,7 @@ const setOptions = () => { ...@@ -111,7 +111,7 @@ const setOptions = () => {
} }
}, },
grid: { grid: {
top: '9%', top: '12%',
left: '3%', left: '3%',
right: '3%', right: '3%',
bottom: '3%', bottom: '3%',
......
...@@ -16,7 +16,6 @@ ...@@ -16,7 +16,6 @@
class="right_col"> class="right_col">
<el-form :model="queryParams" <el-form :model="queryParams"
ref="queryForm" ref="queryForm"
size="small"
:inline="true" :inline="true"
v-show="showSearch" v-show="showSearch"
label-width="68px"> label-width="68px">
...@@ -113,8 +112,8 @@ ...@@ -113,8 +112,8 @@
<pagination v-show="total > 0" <pagination v-show="total > 0"
:total="total" :total="total"
:page.sync="queryParams.pageNum" v-model:page="queryParams.pageNum"
:limit.sync="queryParams.pageSize" v-model:limit="queryParams.pageSize"
@pagination="getProductList" /> @pagination="getProductList" />
</el-col> </el-col>
</el-row> </el-row>
...@@ -134,7 +133,8 @@ const defaultProps = reactive({ // 系列树默认取值字段 ...@@ -134,7 +133,8 @@ const defaultProps = reactive({ // 系列树默认取值字段
const nodeKey = ref('seriesId')// 系列树主键字段 const nodeKey = ref('seriesId')// 系列树主键字段
const queryParams = reactive({ // 查询参数 const queryParams = reactive({ // 查询参数
pageNum: 1, pageNum: 1,
pageSize: 10 pageSize: 10,
seriesId: '',
}) })
const productList = ref([]) // 商品列表 const productList = ref([]) // 商品列表
const loading = ref(true) // 表格遮罩层 const loading = ref(true) // 表格遮罩层
...@@ -167,6 +167,7 @@ const getProductList = () => { ...@@ -167,6 +167,7 @@ const getProductList = () => {
} }
/** 搜索表单触发操作 */ /** 搜索表单触发操作 */
const handleQuery = () => { const handleQuery = () => {
console.log('queryParams', queryParams)
queryParams.pageNum = 1; queryParams.pageNum = 1;
getProductList(); getProductList();
} }
......
...@@ -665,20 +665,6 @@ init() ...@@ -665,20 +665,6 @@ init()
} }
} }
/* 合计行在滚动条下面解决 */
::v-deep(.el-table) {
overflow: auto;
.el-table__body-wrapper,
.el-table__header-wrapper,
.el-table__footer-wrapper {
overflow: visible;
}
.el-table::after {
position: relative !important;
}
}
/* 网页刚加载时表格最右侧的竖线去掉 */ /* 网页刚加载时表格最右侧的竖线去掉 */
.el-table--group::after, .el-table--group::after,
...@@ -693,4 +679,7 @@ init() ...@@ -693,4 +679,7 @@ init()
color: rgba(255, 0, 0, 0.437); color: rgba(255, 0, 0, 0.437);
} }
} }
</style> </style>
\ No newline at end of file
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论