添加了公共搜索方法,然后点击了表格上面的搜索条件后,这里的公共搜索条件不存在了

这里添加了公共搜索方法,然后点击了表格上面的搜索条件后,这里的公共搜索条件不存在了

http://localhost:8000/admin/Mywork/index?search[0][field]=work_id&search[0][val]=35&search[0][operator]=%3D&search[0][render]=tags
这个是点击搜索之前
http://localhost:8000/admin/Mywork/index?search[0][field]=work.title&search[0][val]=1&search[0][operator]=LIKE
这个是点击搜索之后

3个回答默认排序 投票数排序
YANG001
YANG001
这家伙很懒,什么也没写~
1月前

设置公共搜索数据,首先考虑使用 query,具体看文档;其次是 baTable.setComSearchData 方法,都不能满足你的需求时,利用前置钩子 return false 不执行原公共搜索,并参考原公共搜索重写自定义的搜索事件

cong
cong
这家伙很懒,什么也没写~
1月前


在前置方法里这么添加就可以了

财迷脸皮厚
财迷脸皮厚
这家伙很懒,什么也没写~
1月前

已解决
再表格里添加表格头部表单前置操作,然后把数据加入到公共搜索里好了

小郑小郑一口不剩
小郑小郑一口不剩回复财迷脸皮厚
这家伙很懒,什么也没写~
5天前

你好,能请教下你是怎么写的吗?

财迷脸皮厚
财迷脸皮厚回复小郑小郑一口不剩
这家伙很懒,什么也没写~
2天前
language 复制代码
<template>
    <div class="default-main ba-table-box">
        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />

        <!-- 表格顶部菜单 -->
        <!-- 自定义按钮请使用插槽,甚至公共搜索也可以使用具名插槽渲染,参见文档 -->
        <TableHeader
            :buttons="['refresh', 'add', 'edit', 'delete', 'comSearch', 'quickSearch', 'columnDisplay']"
            :quick-search-placeholder="t('Quick search placeholder', { fields: t('finance.wallet.quick Search Fields') })"
        ></TableHeader>

        <!-- 表格 -->
        <!-- 表格列有多种自定义渲染方式,比如自定义组件、具名插槽等,参见文档 -->
        <!-- 要使用 el-table 组件原有的属性,直接加在 Table 标签上即可 -->
        <Table ref="tableRef"></Table>

        <!-- 表单 -->
        <PopupForm />
    </div>
</template>

cleanXss
import { onMounted, provide, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import PopupForm from './popupForm.vue'
import { baTableApi } from '/@/api/common'
import { defaultOptButtons } from '/@/components/table'
import TableHeader from '/@/components/table/header/index.vue'
import Table from '/@/components/table/index.vue'
import baTableClass from '/@/utils/baTable'
import {useRoute} from 'vue-router'
defineOptions({
    name: 'finance/wallet',
})

const { t } = useI18n()
const tableRef = ref()
const optButtons: OptButton[] = defaultOptButtons(['edit', 'delete'])
const route = useRoute()
var wallet_type = route.params.wallet_type
console.log(wallet_type,'32323')
/**
 * baTable 内包含了表格的所有数据且数据具备响应性,然后通过 provide 注入给了后代组件
 */
const baTable = new baTableClass(
    new baTableApi('/admin/finance.Wallet/'),
    {
        pk: 'wallet_id',
        column: [
            { type: 'selection', align: 'center', operator: false },
            { label: t('finance.wallet.wallet_id'), prop: 'wallet_id', align: 'center', width: 70, operator: 'RANGE', sortable: 'custom' },
            { label: t('finance.wallet.member__member_name'), prop: 'member.member_name', align: 'center', operatorPlaceholder: t('Fuzzy query'), render: 'tags', operator: 'LIKE' },
            { label: "代理等级", prop: 'member.agent_name', align: 'center', operatorPlaceholder: t('Fuzzy query'), render: 'tags', operator: 'LIKE' },
            { label: t('finance.wallet.wallet_no'), prop: 'wallet_no', align: 'center', operatorPlaceholder: t('Fuzzy query'), operator: 'LIKE', sortable: false },
            {
                label: t('finance.wallet.wallet_type'),
                prop: 'wallet_type',
                align: 'center',
                render: 'tag',
                sortable: false,
                replaceValue: { '3': t('finance.wallet.wallet_type 3'), '4': t('finance.wallet.wallet_type 4') },
                show:wallet_type=="3,4,5"?true:false,
                operator:wallet_type=="3,4,5"?"eq":false
            },
            {
                label: t('finance.wallet.price'),
                prop: 'price',
                align: 'center',
                operator: false,
                sortable: false,
                formatter(row, column, cellValue, index) {
                    return row.calculation+row.price+' 元'
                },
            },
            {
                label: t('finance.wallet.existing_price'),
                prop: 'existing_price',
                align: 'center',
                operatorPlaceholder: t('Fuzzy query'),
                operator: false,
                sortable: false,
                formatter(row, column, cellValue, index) {
                    return row.existing_price+' 元'
                },
            },
            {
                label: t('finance.wallet.payment_voucher'),
                prop: 'payment_voucher',
                align: 'center',
                render: 'image',
                operator: false,
                show:wallet_type==1?true:false
            },
            { label: t('finance.wallet.remark'), prop: 'remark', align: 'center', sortable: false },
            { label: t('finance.wallet.create_time'), prop: 'create_time', align: 'center', render: 'datetime', operator: 'RANGE', width: 160, timeFormat: 'yyyy-mm-dd hh:MM:ss' },
            //{ label: t('finance.wallet.update_time'), prop: 'update_time', align: 'center', render: 'datetime', operator: 'RANGE', sortable: 'custom', width: 160, timeFormat: 'yyyy-mm-dd hh:MM:ss' },
            //{ label: t('Operate'), align: 'center', width: 100, render: 'buttons', buttons: optButtons, operator: false },
        ],
        dblClickNotEditColumn: ["all"],
        defaultOrder: { prop: 'create_time', order: 'desc' },
        showComSearch: true,
    },
    {
        defaultItems: { calculation: '1', wallet_type: '1' },
    },
    {
        onTableHeaderAction({event,data}){
            if (data.event == 'com-search') {
                console.log(data.data)
                console.log(wallet_type)
                if(wallet_type==1){
                    var array ={
                        field:"wallet_type",
                        val:[1,2],
                        render:"tags",
                        operator:"IN"
                    }
                }else if(wallet_type=="3,4,5"){
                    var array ={
                        field:"wallet_type",
                        val:wallet_type.split(",").map(Number),
                        render:"tags",
                        operator:"IN"
                    }
                }else{
                    var array ={
                        field:"wallet_type",
                        val:wallet_type,
                        render:"tags",
                        operator:"="
                    }
                }
                data.data.push(array)
                baTable.table.filter!.search = data.data
            }


        }
    }
)

provide('baTable', baTable)

onMounted(() => {
    baTable.table.ref = tableRef.value
    baTable.mount()
    if(wallet_type==1){
        baTable.table.filter!.search = [{field:'wallet_type',val:[1,2],operator:'IN',render:'tags'}]
    }else if(wallet_type=="3,4,5"){
        baTable.table.filter!.search = [{field:'wallet_type',val:[3,4,5],operator:'IN',render:'tags'}]
    }else{
        baTable.table.filter!.search = [{field:'wallet_type',val:wallet_type,operator:'=',render:'tags'}]
    }
    baTable.getIndex()?.then(() => {
        baTable.initSort()
        baTable.dragSort()
    })
})
cleanXss

<style scoped lang="scss"></style>
财迷脸皮厚
财迷脸皮厚回复小郑小郑一口不剩
这家伙很懒,什么也没写~
2天前

代码已上

请先登录
0
1
0
6