Fix 修复Table组件 重置按钮不起作用的问题

UI/VAG.VUE/src/components/table/VbDataTable.vue

@@ -49,8 +49,8 @@ const props = withDefaults(
 		searchFormRowItems?: VbFormRowItem[]
 		searchFormItems?: VbFormItem[]
 		searchFormSpan?: number
-		customSearchFun?: () => void
-		resetSearchFormFun?: () => void
+		customSearchFun?: (query?: any) => void
+		resetSearchFormFun?: (query: any) => void
 		/* left toolbar */
 		handleBtns?: ToolBtn[]
 		handlePerm?: string
@@ -177,8 +177,8 @@ const emits = defineEmits<{
 const tableBoxRef = ref()
 const tableContentRef = ref()
 const id = ref("")
-
-const { data, queryParams, searchFormRowItems, searchFormItems } = toRefs(props)
+const emptyQueryParams = JSON.stringify(props.queryParams ? props.queryParams : {})
+const { data, searchFormRowItems, searchFormItems } = toRefs(props)
 const leftFixedRef = ref()
 const tableResponsiveRef = ref()
 const rightFixedRef = ref()
@@ -250,6 +250,15 @@ const loading: WritableComputedRef<boolean> = computed({
 		emits("update:loading", value)
 	}
 })
+const _innerQueryParams = ref<any>()
+const innerQueryParams: WritableComputedRef<any> = computed({
+	get(): boolean {
+		return _innerQueryParams.value ?? props.queryParams
+	},
+	set(value: any): void {
+		_innerQueryParams.value = value
+	}
+})
 
 const rowColumns = computed(() => {
 	const rowCols: Header[] = []
@@ -381,7 +390,7 @@ const defaultHandleFuns = {
 		if (props.exportUrl) {
 			download(
 				props.exportUrl,
-				{ ...queryParams },
+				{ ...innerQueryParams },
 				`${props.exportName ? props.exportName + "_" : ""}${new Date().getTime()}.xlsx`
 			)
 		} else {
@@ -396,8 +405,11 @@ const resetData = () => {
 
 const remote = (id?: string) => {
 	const params = props.noPage
-		? queryParams.value
-		: Object.assign({ pageIndex: currentPage.value, pageSize: pageSize.value }, queryParams.value)
+		? innerQueryParams.value
+		: Object.assign(
+				{ pageIndex: currentPage.value, pageSize: pageSize.value },
+				innerQueryParams.value
+			)
 	if (sortParams.value.length) {
 		sortParams.value.forEach((v: any) => {
 			if (v.order && v.label) {
@@ -468,8 +480,8 @@ const remote = (id?: string) => {
 			loading.value = false
 			if (props.isLazy) {
 				if (props.isLazySearch) {
-					Object.keys(queryParams.value).forEach((v) => {
-						queryParams.value[v] = undefined
+					Object.keys(innerQueryParams.value).forEach((v) => {
+						innerQueryParams.value[v] = undefined
 					})
 					if (!data.length) {
 						const item = {}
@@ -563,7 +575,7 @@ const loadHandleBtns = () => {
 }
 const customSearch = () => {
 	if (props.customSearchFun) {
-		props.customSearchFun()
+		props.customSearchFun(innerQueryParams.value)
 	} else {
 		search()
 	}
@@ -589,6 +601,12 @@ function calcTableBoxStyle() {
 	}
 	return style
 }
+function query(query?: any) {
+	if (query) {
+		innerQueryParams.value = Object.assign({}, query)
+	}
+	search()
+}
 function search(isReset = true) {
 	if (isReset) {
 		resetData()
@@ -600,6 +618,9 @@ function search(isReset = true) {
 		remote(props.isLazy ? props.rootId : undefined)
 	}
 }
+function getQueryParams() {
+	return innerQueryParams.value
+}
 function getSelected() {
 	return getSelecteds()[0]
 }
@@ -614,7 +635,7 @@ function getData() {
 }
 provide(symbolKeys.tableBox, tableBoxRef)
 provide(symbolKeys.searchFrom, {
-	queryParams,
+	queryParams: innerQueryParams,
 	searchFormRowItems,
 	searchFormItems,
 	searchFormSpan: props.searchFormSpan
@@ -753,7 +774,8 @@ const onRowDbClick = (v: any) => {
 	props.rowDbClick && props.rowDbClick(row)
 }
 const onReset = () => {
-	props.resetSearchFormFun && props.resetSearchFormFun()
+	innerQueryParams.value = JSON.parse(emptyQueryParams)
+	props.resetSearchFormFun && props.resetSearchFormFun(innerQueryParams.value)
 	customSearch()
 }
 const onTreeToggle = (v: any) => {
@@ -902,14 +924,22 @@ onMounted(init)
 onUnmounted(() => {
 	tableResponsiveRef.value?.removeEventListener("scroll", onFixedScrollX, true)
 })
-watch(() => props.queryParams, customSearch, { deep: props.autoSearch })
+watch(
+	() => props.queryParams,
+	(val: any) => {
+		innerQueryParams.value = val
+		customSearch()
+	},
+	{ deep: props.autoSearch }
+)
 defineExpose({
 	tableRef: tableBoxRef,
-	search,
+	query,
 	getSelected,
 	getSelectedIds,
 	getSelecteds,
 	getData,
+	getQueryParams,
 	defaultHandleFuns
 })
 </script>

UI/VAG.VUE/src/components/table/partials/toolbar/TableSearchFrom.vue

@@ -47,7 +47,6 @@ function resetForm() {
 	searchFormRef.value.clearValidate()
 	searchFormRef.value.resetFields()
 	VbUtil.EventHandlerUtil.trigger(tableBox.value, "vbtable.reset")
-	setTimeout(query, 100)
 }
 </script>
 

UI/VAG.VUE/src/core/utils/index.ts

@@ -65,17 +65,17 @@ export function resetForm(this: any, refName: string) {
 // 添加日期范围
 export function addDateRange(params?: any, dateRange?: any[], propName?: string) {
 	const search = params
-	search.params =
-		typeof search.params === "object" && search.params !== null && !Array.isArray(search.params)
-			? search.params
-			: {}
+	// search.params =
+	// 	typeof search.params === "object" && search.params !== null && !Array.isArray(search.params)
+	// 		? search.params
+	// 		: {}
 	dateRange = Array.isArray(dateRange) ? dateRange : []
 	if (typeof propName === "undefined") {
-		search.params.beginTime = dateRange[0] || ""
-		search.params.endTime = dateRange[1] || ""
+		search.beginTime = dateRange[0] || ""
+		search.endTime = dateRange[1] || ""
 	} else {
-		search.params["begin" + propName] = dateRange[0] || ""
-		search.params["end" + propName] = dateRange[1] || ""
+		search["begin" + propName] = dateRange[0] || ""
+		search["end" + propName] = dateRange[1] || ""
 	}
 	return search
 }

UI/VAG.VUE/src/views/dev-tools/gen/_ImportTable.vue

@@ -66,8 +66,9 @@ const { queryParams, emptyFormData } = toRefs(opts)
 const form = ref<any>(emptyFormData.value)
 
 /** 查询按钮 */
-function handleQuery() {
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	tableRef.value?.query(query)
 }
 /** 查询重置按钮 */
 function resetQuery() {}

UI/VAG.VUE/src/views/dev-tools/gen/index.vue

@@ -112,8 +112,9 @@ const editTableRef = ref()
 const editTableData = ref<any>({})
 
 /** 查询按钮 */
-function handleQuery() {
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	tableRef.value?.query(query)
 }
 /** 查询重置按钮 */
 function resetQuery() {}

UI/VAG.VUE/src/views/schedule/job/index.vue

@@ -271,13 +271,12 @@ function submitForm() {
 	}
 }
 /** 查询按钮 */
-function handleQuery() {
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	tableRef.value?.query(query)
 }
 /** 查询重置按钮 */
-function resetQuery() {
-	queryParams.value = opts.queryParams
-}
+function resetQuery() {}
 
 function handleStart(row: any) {
 	message

UI/VAG.VUE/src/views/system/api/index.vue

@@ -185,8 +185,9 @@ function submitForm() {
 	}
 }
 /** 查询按钮 */
-function handleQuery() {
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	tableRef.value?.query(query)
 }
 /** 查询重置按钮 */
 function resetQuery() {}

UI/VAG.VUE/src/views/system/config/index.vue

@@ -112,8 +112,9 @@ function handleDelete(rows: any[]) {
 	tableRef.value.defaultHandleFuns.handleDelete("", rows)
 }
 /** 搜索按钮操作 */
-function handleQuery() {
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	tableRef.value?.query(query)
 }
 /** 重置按钮操作 */
 function resetQuery() {

UI/VAG.VUE/src/views/system/dict/_data.vue

@@ -119,8 +119,9 @@ function handleDelete(rows: any[]) {
 	tableRef.value.defaultHandleFuns.handleDelete("", rows)
 }
 /** 搜索按钮操作 */
-function handleQuery() {
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	tableRef.value?.query(query)
 }
 /** 重置按钮操作 */
 function resetQuery() {

UI/VAG.VUE/src/views/system/dict/index.vue

@@ -22,8 +22,7 @@ const opts = reactive({
 	queryParams: {
 		dictName: undefined,
 		dictType: undefined,
-		status: undefined,
-		dateRangeCreateTime: []
+		status: undefined
 	},
 	searchFormItems: [
 		{
@@ -64,27 +63,6 @@ const opts = reactive({
 				placeholder: "请选择状态",
 				dictType: "sys_common_status"
 			}
-		},
-		{
-			field: "createTime",
-			label: "创建时间",
-			required: false,
-			component: "D",
-			class: "w-100",
-			placeholder: "请选择创建时间",
-			props: {
-				type: "daterange",
-				valueFormat: "YYYY-MM-DD",
-				rangeSeparator: "-",
-				startPlaceholder: "开始日期",
-				endPlaceholder: "结束日期"
-			},
-			listeners: {
-				change: (v: any) => {
-					queryParams.value.dateRangeCreateTime = v
-				}
-			},
-			span: 5
 		}
 	],
 	permission: permissionNames.SystemDict,
@@ -132,15 +110,12 @@ function handleDelete(rows: any[]) {
 	tableRef.value.defaultHandleFuns.handleDelete("", rows)
 }
 /** 搜索按钮操作 */
-function handleQuery() {
-	addDateRange(queryParams.value, queryParams.value.dateRangeCreateTime)
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	tableRef.value?.query(query)
 }
 /** 重置按钮操作 */
-function resetQuery() {
-	queryParams.value.dateRangeCreateTime = [] as any
-	addDateRange(queryParams.value, queryParams.value.dateRangeCreateTime)
-}
+function resetQuery() {}
 
 /** 提交按钮 */
 function submitForm() {

UI/VAG.VUE/src/views/system/log/login.vue

@@ -2,6 +2,7 @@
 import apis from "@a"
 import { permissionNames } from "@@/services/PermissionNames"
 import dayjs from "dayjs"
+//const emptyQueryParams = JSON.stringify(props.queryParams ? props.queryParams : {})
 
 const tableRef = ref()
 const opts = reactive<any>({
@@ -17,7 +18,7 @@ const opts = reactive<any>({
 	],
 	queryParams: {
 		ipaddr: undefined,
-		userName: undefined,
+		username: undefined,
 		status: undefined,
 		dateRange: []
 	},
@@ -36,7 +37,7 @@ const opts = reactive<any>({
 			}
 		},
 		{
-			field: "userName",
+			field: "username",
 			label: "用户名称",
 			placeholder: "请输入用户名称",
 			required: false,
@@ -78,7 +79,8 @@ const opts = reactive<any>({
 					//dateRange.value = v
 					queryParams.value.dateRange = v
 				}
-			}
+			},
+			span: 6
 		}
 	] as any,
 	permission: permissionNames.SystemLoginLog,
@@ -98,13 +100,15 @@ const opts = reactive<any>({
 	deleteEntityFun: apis.system.loginLogApi.delLog
 })
 const { queryParams } = toRefs(opts)
-function handleQuery() {
-	addDateRange(queryParams.value, queryParams.value.dateRange)
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	addDateRange(query, query.dateRange)
+	tableRef.value?.query(query)
 }
-function resetQuery() {
-	queryParams.value.dateRange = []
-	addDateRange(queryParams.value, queryParams.value.dateRange)
+function resetQuery(query: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	query.dateRange = []
+	addDateRange(query, query.dateRange)
 }
 // function handleDelete(rows: any) {
 //   const infoIds = rows.map((v: any) => v.infoId)
@@ -168,6 +172,8 @@ function handleUnlock(row: any) {
 			key-field="infoId"
 			:handle-perm="opts.permission"
 			:handle-funs="opts.handleFuns"
+			sort-field="loginTime"
+			sort-order="desc"
 			:search-form-items="opts.searchFormItems"
 			:columns="opts.columns"
 			:custom-btns="opts.customBtns"

UI/VAG.VUE/src/views/system/log/oper.vue

@@ -20,11 +20,12 @@ const tableRef = ref()
 const opts = reactive<any>({
 	columns: [
 		// { field: "title", name: `系统模块` },
-		{ field: "operUrl", name: `请求地址` },
-		{ field: "operatorType", name: `请求类型`, width: 120 },
-		{ field: "status", name: `请求状态`, width: 120 },
-		{ field: "operIp", name: `主机`, width: 180 },
-		{ field: "operLocation", name: `操作地点`, width: 180 },
+		{ field: "operUrl", name: `请求地址`, isSort: true },
+		{ field: "requestMethod", name: `请求类型`, width: 100, isSort: true },
+		{ field: "operIp", name: `主机`, width: 150 },
+		{ field: "operLocation", name: `操作地点`, width: 160 },
+		{ field: "operatorType", name: `操作类型`, width: 100, isSort: true },
+		{ field: "status", name: `操作状态`, width: 100, isSort: true },
 		{ field: "operName", name: `操作人员`, width: 120, isSort: true },
 		{ field: "operTime", name: `操作日期`, width: 185, isSort: true },
 		{ field: "actions", name: `操作`, width: 100 }
@@ -63,6 +64,16 @@ const opts = reactive<any>({
 				}
 			}
 		},
+		{
+			field: "operatorType",
+			label: "操作类型",
+			required: false,
+			component: "Dict",
+			props: {
+				placeholder: "请选择操作类型",
+				dictType: "sys_oper_type"
+			}
+		},
 		{
 			field: "status",
 			label: "操作状态",
@@ -73,16 +84,6 @@ const opts = reactive<any>({
 				dictType: "sys_common_status"
 			}
 		},
-		// {
-		// 	field: "businessType",
-		// 	label: "操作类型",
-		// 	required: false,
-		// 	component: "Dict",
-		// 	props: {
-		// 		placeholder: "请选择操作类型",
-		// 		dictType: "sys_oper_type"
-		// 	}
-		// },
 		{
 			field: "dateRange",
 			label: "操作时间",
@@ -103,7 +104,8 @@ const opts = reactive<any>({
 					//dateRange.value = v
 					queryParams.value.dateRange = v
 				}
-			}
+			},
+			span: 6
 		}
 	],
 	permission: permissionNames.SystemOperLog,
@@ -118,13 +120,15 @@ const opts = reactive<any>({
 })
 const { queryParams } = toRefs(opts)
 
-function handleQuery() {
-	addDateRange(queryParams.value, queryParams.value.dateRange)
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	addDateRange(query, query.dateRange)
+	tableRef.value?.query()
 }
-function resetQuery() {
-	queryParams.value.dateRange = []
-	addDateRange(queryParams.value, queryParams.value.dateRange)
+function resetQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	query.dateRange = []
+	addDateRange(query, query.dateRange)
 }
 
 function handleClean() {

UI/VAG.VUE/src/views/system/menu/index.vue

@@ -116,13 +116,12 @@ const opts = reactive({
 const { queryParams, emptyFormData } = toRefs(opts)
 const form = ref<any>(emptyFormData.value)
 /** 搜索按钮操作 */
-function handleQuery() {
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	tableRef.value?.query(query)
 }
 /** 重置按钮操作 */
-function resetQuery() {
-	//
-}
+function resetQuery() {}
 
 const menuOptions = ref<any>([])
 const apiOptions = ref<any>([])

UI/VAG.VUE/src/views/system/notice/index.vue

@@ -95,13 +95,12 @@ const opts = reactive({
 })
 const { queryParams, emptyFormData, form } = toRefs(opts)
 /** 搜索按钮操作 */
-function handleQuery() {
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	tableRef.value?.query(query)
 }
 /** 重置按钮操作 */
-function resetQuery() {
-	//
-}
+function resetQuery() {}
 
 /** 修改按钮操作 */
 function handleUpdate(row: any) {

UI/VAG.VUE/src/views/system/org/index.vue

@@ -103,13 +103,12 @@ const { queryParams, emptyFormData } = toRefs(opts)
 const form = ref(emptyFormData.value)
 
 /** 搜索按钮操作 */
-function handleQuery() {
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	tableRef.value?.query(query)
 }
 /** 重置按钮操作 */
-function resetQuery() {
-	//
-}
+function resetQuery() {}
 
 const orgOptions = ref<any>([])
 function reset() {

UI/VAG.VUE/src/views/system/post/index.vue

@@ -129,14 +129,16 @@ function submitForm() {
 	}
 }
 /** 查询按钮 */
-function handleQuery() {
-	addDateRange(queryParams.value, queryParams.value.dateRange)
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	addDateRange(query, query.dateRange)
+	tableRef.value?.query()
 }
 /** 查询重置按钮 */
-function resetQuery() {
-	queryParams.value.dateRange = []
-	addDateRange(queryParams.value, queryParams.value.dateRange)
+function resetQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	query.dateRange = []
+	addDateRange(query, query.dateRange)
 }
 const formItems = ref([
 	{

UI/VAG.VUE/src/views/system/role/index.vue

@@ -56,7 +56,7 @@ const opts = reactive({
 		roleName: undefined,
 		roleKey: undefined,
 		status: undefined,
-		dateRangeCreateTime: undefined
+		dateRange: undefined
 	},
 	searchFormItems: [
 		{
@@ -99,7 +99,7 @@ const opts = reactive({
 			}
 		},
 		{
-			field: "dateRangeCreateTime",
+			field: "dateRange",
 			label: "创建时间",
 			class: "w-100",
 			required: false,
@@ -114,7 +114,7 @@ const opts = reactive({
 			},
 			listeners: {
 				change: (v: any) => {
-					queryParams.value.dateRangeCreateTime = v
+					queryParams.value.dateRange = v
 				}
 			},
 			span: 5
@@ -264,16 +264,17 @@ const { queryParams, emptyFormData } = toRefs(opts)
 const form = ref<any>(emptyFormData.value)
 
 /** 搜索按钮操作 */
-function handleQuery() {
-	addDateRange(queryParams.value, queryParams.value.dateRangeCreateTime)
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	addDateRange(query, query.dateRange)
+	tableRef.value?.query()
 }
 
 /** 重置按钮操作 */
-function resetQuery() {
-	queryParams.value.dateRangeCreateTime = [] as any
-	addDateRange(queryParams.value, queryParams.value.dateRangeCreateTime)
-	//
+function resetQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	query.dateRange = []
+	addDateRange(query, query.dateRange)
 }
 
 /** 添加角色 */

UI/VAG.VUE/src/views/system/user/index.vue

@@ -113,13 +113,15 @@ const tableOpts = reactive({
 	}
 })
 const { permission, columns, queryParams, searchFormItems, handleFuns } = toRefs(tableOpts)
-function handleQuery() {
-	addDateRange(queryParams.value, queryParams.value.dateRange)
-	tableRef.value?.search()
+function handleQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	addDateRange(query, query.dateRange)
+	tableRef.value?.query()
 }
-function resetQuery() {
-	queryParams.value.dateRange = []
-	addDateRange(queryParams.value, queryParams.value.dateRange)
+function resetQuery(query?: any) {
+	query = query || tableRef.value?.getQueryParams() || queryParams.value
+	query.dateRange = []
+	addDateRange(query, query.dateRange)
 	queryParams.value.orgId = undefined
 	orgTreeRef.value?.setCurrentKey("")
 }