产品查询界面新增后端筛选

廖井涛

2025-09-25 7cedba2d5860249ba2d1481b6f63e7891c0b21bf

 north-glass-erp/northglass-erp/src/views/sd/product/SelectProduct.vue

@@ -9,7 +9,6 @@
import {useRouter} from  'vue-router'
import {columnDrop2,sortable2} from "@/hook/columnMove"
import  useUserInfo from "@/stores/userInfo"
import Sortable from 'sortablejs'
import BasicTable from '@/components/sd/product/BasicTable.vue'
import {VXETable} from "vxe-table";
import {useI18n} from "vue-i18n";
@@ -26,10 +25,19 @@
  rowIndex:{}
})

let sortData = ref({
  field:'id',
  order:null
})

let glassType = ref([])

const getProduct = () => {
  request.post(`/product/1/100/${productGlassTypeStore.GlassType}`,filterData.value).then((res) => {
  const config = {
    filter: filterData.value,
    sort: sortData.value
  }
  request.post(`/product/1/100/${productGlassTypeStore.GlassType}`,config).then((res) => {
    if(res.code==200){
      pageTotal.value=res.data.total
      xGrid.value.loadData(res.data.data)
@@ -107,7 +115,11 @@
  }
  if(pageState!==null){
    gridOptions.loading=true
    request.post(`/product/${pageNum}/100/${productGlassTypeStore.GlassType}`,filterData.value).then((res) => {
    const config = {
      filter: filterData.value,
      sort: sortData.value
    }
    request.post(`/product/${pageNum}/100/${productGlassTypeStore.GlassType}`,config).then((res) => {
      try{
        if(res.code==200){
          if(pageState){
@@ -138,8 +150,12 @@
})


const config = {
  filter: filterData.value,
  sort: sortData.value
}
//第一次加载数据
request.post(`/product/1/100/${productGlassTypeStore.GlassType}`,filterData.value).then((res) => {
request.post(`/product/1/100/${productGlassTypeStore.GlassType}`,config).then((res) => {
  if(res.code==200){
    pageTotal.value=res.data.total
    produceList = produceList.value.concat(deepClone(res.data.data))
@@ -200,6 +216,9 @@
  filterConfig: {   //筛选配置项
    remote: true
  },
  sortConfig: {   //排序配置项
    remote: true//是否服务端排序
  },
  customConfig: {
    storage: true
  },
@@ -217,7 +236,7 @@
    {field: 'productName', title: t('product.productName'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: false},
    {field: 'productAbbreviation', title:t('product.msg.productAbbreviation'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: false},
    {field: 'basicGlassType.typeName', title: t('product.typeName'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: false},
    {field: 'query', title: t('product.query'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: false},
    {field: 'query', title: t('product.query'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true},
    {field: 'remarks', title: t('basicData.remarks'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: false},
    {field: 'creator', title: t('product.creator'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: false},
    {field: 'createTime', title: t('basicData.creationTime'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: false}
@@ -297,7 +316,12 @@
  return regex.test(value); // 返回true/false
}


const gridEvents = {
  sortChange ({ field, order }) {
    sortData.value = {field,order}
    getProduct()
  }
}



@@ -324,6 +348,7 @@
        class="mytable-scrollbar"
        ref="xGrid"
        v-bind="gridOptions"
        v-on="gridEvents"
        @scroll ="scrollEvnt"
    >
      <!--      @toolbar-button-click="toolbarButtonClickEvent"-->