gitee/vben-web
1
0
Fork 1
mirror of https://gitee.com/vben/vben-web.git synced 2026-10-06 14:13:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

用户增加多条件查询

Browse Source
This commit is contained in:
vben
2025-12-29 09:11:59 +08:00
parent da2be9c452
commit 16b02dbf75
6 changed files with 43 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web-ele/src/app.scss
+1 -1
View File
@@ -26,7 +26,7 @@
.more-params {
padding-top: 8px;
margin-top: 8px;
margin-bottom: 8px;
border: 1px dashed #409eff;
}
apps/web-ele/src/views/bpm/bus/main/index.vue
+10 -10
View File
@@ -92,6 +92,16 @@ const closeFlowTmplModal = (item: any) => {
</div>
<el-card style="height: 100%" body-style="height: 100%" class="box-card flex-1 overflow-hidden">
<template #header>
<div v-show="moreParams" ref="moreParamsDiv" class="more-params">
<el-form :inline="true" label-width="100px">
<el-form-item label="更多参数1">
<el-input v-model="state.form.xxx" placeholder="更多参数1" />
</el-form-item>
<el-form-item label="更多参数2">
<el-input v-model="state.form.yyy" placeholder="更多参数2" />
</el-form-item>
</el-form>
</div>
<div class="flex justify-between">
<el-space>
<el-input style="width: 180px" v-model="state.form.name" placeholder="输入名称回车查询" clearable @keyup.enter="listQuery(state)" />
@@ -103,16 +113,6 @@ const closeFlowTmplModal = (item: any) => {
<el-button icon="Delete" type="danger" plain @click="listDelete(state)" :disabled="state.multiple">删除 </el-button>
</el-space>
</div>
<div v-show="moreParams" ref="moreParamsDiv" class="more-params">
<el-form :inline="true" label-width="100px">
<el-form-item label="更多参数1">
<el-input v-model="state.form.xxx" placeholder="更多参数1" />
</el-form-item>
<el-form-item label="更多参数2">
<el-input v-model="state.form.yyy" placeholder="更多参数2" />
</el-form-item>
</el-form>
</div>
</template>
<el-table
apps/web-ele/src/views/bpm/bus/tmpl/index.vue
+10 -10
View File
@@ -68,6 +68,16 @@ function handleEdit(row: any) {
</div>
<el-card style="height: 100%" body-style="height: 100%" class="box-card flex-1 overflow-hidden">
<template #header>
<div v-show="moreParams" ref="moreParamsDiv" class="more-params">
<el-form :inline="true" label-width="100px">
<el-form-item label="更多参数1">
<el-input v-model="state.form.xxx" placeholder="更多参数1" />
</el-form-item>
<el-form-item label="更多参数2">
<el-input v-model="state.form.yyy" placeholder="更多参数2" />
</el-form-item>
</el-form>
</div>
<div class="flex justify-between">
<el-space>
<el-input style="width: 180px" v-model="state.form.name" placeholder="输入名称回车查询" clearable @keyup.enter="listQuery(state)" />
@@ -79,16 +89,6 @@ function handleEdit(row: any) {
<el-button icon="Delete" type="danger" plain @click="listDelete(state)" :disabled="state.multiple">删除 </el-button>
</el-space>
</div>
<div v-show="moreParams" ref="moreParamsDiv" class="more-params">
<el-form :inline="true" label-width="100px">
<el-form-item label="更多参数1">
<el-input v-model="state.form.xxx" placeholder="更多参数1" />
</el-form-item>
<el-form-item label="更多参数2">
<el-input v-model="state.form.yyy" placeholder="更多参数2" />
</el-form-item>
</el-form>
</div>
</template>
<el-table
apps/web-ele/src/views/demo/single/main/edit.vue
+3
View File
@@ -33,6 +33,9 @@ const save = async () => {
<el-form-item label="XX名称" prop="name" :rules="[{ required: true, message: 'XX名称不能为空' }]">
<el-input v-model="form.name" />
</el-form-item>
<el-form-item label="XX时间" prop="aaa">
<el-date-picker v-model="form.aaa" type="date" value-format="YYYY-MM-DD HH:mm:ss" />
</el-form-item>
<el-form-item label="备注" prop="notes">
<el-input v-model="form.notes" :rows="3" type="textarea" />
</el-form-item>
apps/web-ele/src/views/sys/user/index.vue
+19 -13
View File
@@ -114,10 +114,26 @@ const isActive = (value: any) => {
<Pane>
<el-card class="box-card" style="height: 100%" body-style="height: 100%">
<template #header>
<div v-show="moreParams" ref="moreParamsDiv" class="more-params">
<el-form :inline="true" label-width="80px">
<el-form-item label="用户账号">
<el-input v-model="state.form.username" placeholder="用户账号" />
</el-form-item>
<el-form-item label="手机号">
<el-input v-model="state.form.monum" placeholder="手机号" />
</el-form-item>
<el-form-item label="邮箱">
<el-input v-model="state.form.email" placeholder="用户邮箱" />
</el-form-item>
<el-form-item label="备注">
<el-input v-model="state.form.notes" placeholder="备注" />
</el-form-item>
</el-form>
</div>
<div class="flex justify-between">
<el-space>
<!-- <VbenAvatar alt="测试" src="http://localhost:5666/api/tool/oss/main/show?id=1977195329891160064" class="size-8" dot />-->
<el-input style="width: 180px" v-model="state.form.name" placeholder="输入用户名称回车查询" clearable @keyup.enter="listQuery(state)" />
<el-input style="width: 180px" v-model="state.form.name" placeholder="输入用户昵称回车查询" clearable @keyup.enter="listQuery(state)" />
<el-button type="primary" @click="listQuery(state)" icon="Search"> 查询</el-button>
<el-button class="more-button" :icon="moreParams ? 'ArrowUp' : 'ArrowDown'" plain @click="moreParams = !moreParams" />
</el-space>
@@ -127,20 +143,10 @@ const isActive = (value: any) => {
<el-option label="抽屉编辑" value="D" />
<el-option label="页签编辑" value="T" />
</el-select>
<el-button icon="Plus" v-access:code="['sys:user:page']" type="success" plain @click="editOpen({ depid: state.form.depid })">新增 </el-button>
<el-button icon="Delete" v-access:code="['sys:dept:page']" type="danger" plain @click="listDelete(state)" :disabled="state.multiple">删除 </el-button>
<el-button icon="Plus" v-access:code="['sys:user:edit']" type="success" plain @click="editOpen({ depid: state.form.depid })">新增 </el-button>
<el-button icon="Delete" v-access:code="['sys:user:delete']" type="danger" plain @click="listDelete(state)" :disabled="state.multiple">删除 </el-button>
</el-space>
</div>
<div v-show="moreParams" ref="moreParamsDiv" class="more-params">
<el-form :inline="true" label-width="100px">
<el-form-item label="更多参数1">
<el-input v-model="state.form.xxx" placeholder="更多参数1" />
</el-form-item>
<el-form-item label="更多参数2">
<el-input v-model="state.form.yyy" placeholder="更多参数2" />
</el-form-item>
</el-form>
</div>
</template>
<el-table
apps/web-ele/types/auto-imports.d.ts
Vendored
-3
View File
@@ -6,9 +6,7 @@
export {}
declare global {
const EffectScope: typeof import('vue')['EffectScope']
const ElLoading: typeof import('element-plus/es')['ElLoading']
const ElMessage: typeof import('element-plus/es')['ElMessage']
const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
@@ -322,7 +320,6 @@ declare module 'vue' {
interface ComponentCustomProperties {
readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
readonly ElMessage: UnwrapRef<typeof import('element-plus/es')['ElMessage']>
readonly ElMessageBox: UnwrapRef<typeof import('element-plus/es')['ElMessageBox']>
readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']>
readonly autoResetRef: UnwrapRef<typeof import('@vueuse/core')['autoResetRef']>