11/18 页面优化高级查询

dev_unify
wangwei 8 months ago
parent 9b650ced25
commit 2447a79911

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<el-card> <el-card>
<el-form v-if="queryList && queryList.length > 0" :model="filterQuery" label-width="120px" v-show="showSearch"> <el-form v-if="queryList && queryList.length > 0" :model="filterQuery" label-width="120px">
<!-- <el-row>--> <!-- <el-row>-->
<!-- <el-col :span="6">--> <!-- <el-col :span="6">-->
<!-- <el-form-item label="供应商:">--> <!-- <el-form-item label="供应商:">-->
@ -85,6 +85,7 @@
<!-- </el-row>--> <!-- </el-row>-->
<el-row style=" display:flex; flex-wrap: wrap; "> <el-row style=" display:flex; flex-wrap: wrap; ">
<template v-for="(item, index) in queryList" > <template v-for="(item, index) in queryList" >
<div v-if="showSearch || item.isImport">
<el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`" :key="item.id"> <el-form-item v-if="item.columnType == 'input' && executeEval(row,item.expression,true)" :label="item.columnDesc+`:`" :key="item.id">
<el-input <el-input
v-model="filterQuery[item.columnName]" v-model="filterQuery[item.columnName]"
@ -150,6 +151,7 @@
:placeholder="item.columnDesc" :placeholder="item.columnDesc"
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
</div>
</template> </template>
</el-row> </el-row>
</el-form> </el-form>
@ -157,7 +159,7 @@
<div class="top-right-btn"> <div class="top-right-btn">
<el-button-group style="display:flex;"> <el-button-group style="display:flex;">
<el-button icon="el-icon-view" type="primary" @click="hideSearch">/</el-button> <el-button icon="el-icon-view" type="primary" @click="hideSearch"></el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button> <el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="el-icon-search" @click="search"></el-button> <el-button type="primary" icon="el-icon-search" @click="search"></el-button>
<!-- <el-button type="primary" icon="search" @click="lockProducts('3')" v-if="isSpCombine"></el-button>--> <!-- <el-button type="primary" icon="search" @click="lockProducts('3')" v-if="isSpCombine"></el-button>-->
@ -386,7 +388,7 @@ import {
export default { export default {
data() { data() {
return { return {
showSearch: true, showSearch: false,
filterQuery: { filterQuery: {
lockStatus: null, lockStatus: null,
unionCode: null, unionCode: null,
@ -403,6 +405,7 @@ export default {
companyName: null, companyName: null,
unitFk: null, unitFk: null,
userFlag: 0, userFlag: 0,
productType:1
}, },
cpSpData:{ cpSpData:{
customerId:null customerId:null
@ -482,6 +485,7 @@ export default {
limit: 20, limit: 20,
addType: 1, addType: 1,
userFlag: 0, userFlag: 0,
productType:1
}; };
this.total = 0; this.total = 0;
this.list = []; this.list = [];

@ -2,7 +2,7 @@
<div> <div>
<el-card> <el-card>
<el-form v-if="queryList && queryList.length > 0" :model="filterQuery" size="mini" label-width="120px" <el-form v-if="queryList && queryList.length > 0" :model="filterQuery" size="mini" label-width="120px"
v-show="showSearch"> >
<!-- <el-row>--> <!-- <el-row>-->
<!-- <el-col :span="6">--> <!-- <el-col :span="6">-->
<!-- <el-form-item label="物资编码:">--> <!-- <el-form-item label="物资编码:">-->
@ -61,6 +61,7 @@
<!-- </el-row>--> <!-- </el-row>-->
<el-row style=" display:flex; flex-wrap: wrap; "> <el-row style=" display:flex; flex-wrap: wrap; ">
<template v-for="(item, index) in queryList"> <template v-for="(item, index) in queryList">
<div v-if="showSearch || item.isImport">
<el-form-item <el-form-item
v-if="item.columnType == 'input' && item.columnName !='queryName' && executeEval(row,item.expression,true)" v-if="item.columnType == 'input' && item.columnName !='queryName' && executeEval(row,item.expression,true)"
:label="item.columnDesc+`:`" :key="item.id"> :label="item.columnDesc+`:`" :key="item.id">
@ -152,12 +153,13 @@
:placeholder="item.columnDesc" :placeholder="item.columnDesc"
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
</div>
</template> </template>
</el-row> </el-row>
</el-form> </el-form>
<div class="top-right-btn"> <div class="top-right-btn">
<el-button-group style="display:flex;"> <el-button-group style="display:flex;">
<el-button icon="el-icon-view" type="primary" @click="hideSearch">/</el-button> <el-button icon="el-icon-view" type="primary" @click="hideSearch"></el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button> <el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="el-icon-search" @click="search"></el-button> <el-button type="primary" icon="el-icon-search" @click="search"></el-button>
<el-button type="primary" icon="el-icon-bottom-right" @click="selectProduct()"></el-button> <el-button type="primary" icon="el-icon-bottom-right" @click="selectProduct()"></el-button>
@ -523,7 +525,7 @@ import {
export default { export default {
data() { data() {
return { return {
showSearch: true, showSearch: false,
filterQuery: { filterQuery: {
unionCode: null, unionCode: null,
udiCode: null, udiCode: null,

@ -2,7 +2,7 @@
<!-- 物资入院申请 --> <!-- 物资入院申请 -->
<div> <div>
<el-card class="el-card"> <el-card class="el-card">
<el-form v-if="queryList && queryList.length > 0" :model="filterQuery" label-width="100px" v-show="showSearch"> <el-form v-if="queryList && queryList.length > 0" :model="filterQuery" label-width="100px" >
<!-- <el-row>--> <!-- <el-row>-->
<!-- <el-col :span="8">--> <!-- <el-col :span="8">-->
<!-- <el-form-item label="DI产品标识:">--> <!-- <el-form-item label="DI产品标识:">-->
@ -64,6 +64,7 @@
<!-- </el-row>--> <!-- </el-row>-->
<el-row style=" display:flex; flex-wrap: wrap; "> <el-row style=" display:flex; flex-wrap: wrap; ">
<template v-for="(item, index) in queryList"> <template v-for="(item, index) in queryList">
<div v-if="showSearch || item.isImport">
<el-form-item <el-form-item
v-if="item.columnType == 'input' && item.columnName !='queryName' && executeEval(row,item.expression,true)" v-if="item.columnType == 'input' && item.columnName !='queryName' && executeEval(row,item.expression,true)"
:label="item.columnDesc+`:`" :key="item.id"> :label="item.columnDesc+`:`" :key="item.id">
@ -155,6 +156,7 @@
:placeholder="item.columnDesc" :placeholder="item.columnDesc"
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
</div>
</template> </template>
</el-row> </el-row>
</el-form> </el-form>
@ -162,7 +164,7 @@
<div class="top-right-btn"> <div class="top-right-btn">
<el-button-group style="display: flex"> <el-button-group style="display: flex">
<el-button icon="el-icon-view" type="primary" @click="hideSearch" <el-button icon="el-icon-view" type="primary" @click="hideSearch"
>显示/隐藏搜索栏 >高级查询
</el-button </el-button
> >
<el-button type="primary" icon="el-icon-refresh" @click="onReset" <el-button type="primary" icon="el-icon-refresh" @click="onReset"
@ -442,7 +444,7 @@ import store from "@/store";
export default { export default {
data() { data() {
return { return {
showSearch: true, showSearch: false,
thisDetail: null, thisDetail: null,
filterQuery: { filterQuery: {
sourceType: 1, sourceType: 1,

Loading…
Cancel
Save