WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化组件

Browse Source
This commit is contained in:
qq787203167
2022-01-25 18:02:07 +08:00
parent 435378ebe7
commit 038bb33e57
4 changed files with 153 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/components/search/index.vue
+44 -10
View File
@@ -2,12 +2,37 @@
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :md="6" :sm="8" v-for="(item,index) in searchList" :key="index" style="line-height: 48px">
<div class="box-title-text">
<div class="box-title-text" v-if="item.field_show_type == 'text'">
<div class="title-text">
<span>{{item.enName}}</span><br>
<span>{{item.name}}</span>
<span>{{item.db_field_en_name}}</span><br>
<span>{{item.db_field_txt}}</span>
</div>
<a-input class="box-input" :placeholder="item.placeholder" v-model="queryParam[item.attrModel]"></a-input>
<a-input class="box-input" :placeholder="item.placeholder" v-model="queryParam[item.db_field_name]"></a-input>
</div>
<div class="box-title-text" v-else-if="item.field_show_type == 'list_multi'">
<div class="title-text">
<span>{{item.db_field_en_name}}</span><br>
<span>{{item.db_field_txt}}</span>
</div>
<j-multi-select-tag class="box-input" v-model="queryParam[item.db_field_name]"
:placeholder="$t('selectStatus')" :type="'select'"
:triggerChange="false" :dictCode="item.dict_field"/>
</div>
<div class="box-title-text" v-else-if="item.field_show_type == 'date'">
<div class="title-text">
<span>{{item.db_field_en_name}}</span><br>
<span>{{item.db_field_txt}}</span>
</div>
<a-date-picker class="box-input" v-model="queryParam[item.db_field_name]"/>
</div>
<div class="box-title-text" v-else-if="item.field_show_type == 'list'">
<div class="title-text">
<span>{{item.db_field_en_name}}</span><br>
<span>{{item.db_field_txt}}</span>
</div>
<j-dict-select-tag class="box-input" v-model="queryParam[item.db_field_name]"
:placeholder="$t('selectStatus')" :type="'select'"
:triggerChange="false" :dictCode="item.dict_field"/>
</div>
</a-col>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
@@ -34,6 +59,10 @@
url: {
type: Object,
default: {}
},
flag: {
type: String,
default: ''
}
},
data() {
@@ -42,7 +71,7 @@
}
},
mounted() {
this.getHeader()
this.getSeach()
},
methods: {
searchQuery() {
@@ -52,11 +81,13 @@
this.queryParam = {}
eventBUs.$emit('searchQuery', this.queryParam)
},
getHeader() {
let params = {}
getAction(this.url.searchHeader, params).then((res) => {
getSeach() {
let params = {
flag: this.flag
}
getAction(this.url.seachList, params).then((res) => {
if (res.success) {
this.searchList = res.result
}
})
}
@@ -69,9 +100,12 @@
line-height: 1.4;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.title-text {
width: 20%;
min-width: 90px;
display: inline-block;
font-weight: bold;
font-size: 14px;
@@ -80,7 +114,7 @@
.box-input {
display: inline-block;
width: 80%;
width: 70%;
height: 38px;
margin-top: 2px;
}