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

src/assets/icons/svg/left-arrow.svg

+<?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

src/assets/icons/svg/right-arrow.svg

+<?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

src/components/CategoryTree/index.vue

@@ -11,7 +11,6 @@
         <el-input v-model="searchValue"
           :placeholder="placeholder"
           clearable
-          size="small"
           prefix-icon="el-icon-search" />
       </div>
       <div class="scroll" :class="{'row_gap': rowGap}">
@@ -145,7 +144,6 @@ export default {
       // 上次点击的行对象-唯一值
       lastRowId: null,
       // 分页参数
-      
       queryParams: {
         pageNum: 1,
         pageSize: 10
@@ -179,7 +177,7 @@ export default {
       if (this.lastRow) {
         this.$refs.tree.setCurrentKey(null)
         this.lastRow = null
-        this.$emit('input', '')
+        this.$emit('update:modelValue', '')
         this.$emit('search')
       }
     },
@@ -192,7 +190,7 @@ export default {
       } else {
         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')
     },
     // tree 筛选节点

src/views/bi/competitor/cmm/LineAndBar.vue

@@ -111,7 +111,7 @@ const setOptions = () => {
       }
     },
     grid: {
-      top: '9%',
+      top: '12%',
       left: '3%',
       right: '3%',
       bottom: '3%',

src/views/bi/product/index.vue

@@ -16,7 +16,6 @@
         class="right_col">
         <el-form :model="queryParams"
           ref="queryForm"
-          size="small"
           :inline="true"
           v-show="showSearch"
           label-width="68px">
@@ -113,8 +112,8 @@
 
         <pagination v-show="total > 0"
           :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
+          v-model:page="queryParams.pageNum"
+          v-model:limit="queryParams.pageSize"
           @pagination="getProductList" />
       </el-col>
     </el-row>
@@ -134,7 +133,8 @@ const defaultProps = reactive({ // 系列树默认取值字段
 const nodeKey = ref('seriesId')// 系列树主键字段
 const queryParams = reactive({ // 查询参数
   pageNum: 1,
-  pageSize: 10
+  pageSize: 10,
+  seriesId: '',
 })
 const productList = ref([]) // 商品列表
 const loading = ref(true) // 表格遮罩层
@@ -167,6 +167,7 @@ const getProductList = () => {
 }
 /** 搜索表单触发操作 */
 const handleQuery = () => {
+  console.log('queryParams', queryParams)
   queryParams.pageNum = 1;
   getProductList();
 }

src/views/bi/sale/index.vue

@@ -424,7 +424,7 @@ const getSaleList = async (item) => {
     }
   })
   // 默认先显示销售量数据
-  
+
   item.chartData.data = item.chartData.saleCount
 
   item.loading = false
@@ -665,21 +665,7 @@ 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--border::after {
@@ -693,4 +679,7 @@ init()
       color: rgba(255, 0, 0, 0.437);
     }
   }
+
+
+  
 </style>
\ No newline at end of file