对照设计图调整搜索中心

This commit is contained in:
qq787203167
2022-04-15 13:58:07 +08:00
parent 8555e25354
commit 1ce2e8e0f1
3 changed files with 44 additions and 18 deletions
@@ -272,11 +272,11 @@
align: 'center', align: 'center',
dataIndex: 'region' dataIndex: 'region'
}, },
{ // {
title: this.$t('functionalAreas'), // title: this.$t('functionalAreas'),
align: 'center', // align: 'center',
dataIndex: 'function_territory' // dataIndex: 'function_territory'
}, // },
{ {
title: this.$t('technicalField'), title: this.$t('technicalField'),
align: 'center', align: 'center',
@@ -29,10 +29,20 @@
:placeholder="$t('pleaseEnter')+$t('searchContent')" :placeholder="$t('pleaseEnter')+$t('searchContent')"
@search="wholeOnSearch" @search="wholeOnSearch"
></a-input-search> ></a-input-search>
<span v-if="active === $t('whole') || active === $t('DocumentLibrary')" class="textSearch" <a-button class="textSearch"
@click="wholeTextSearch(selectValueTwo)">{{$t('searchInResults')}}</span> v-if="active === $t('whole') || active === $t('DocumentLibrary')"
<span v-if="active === $t('whole') || active === $t('DocumentLibrary')" class="textSearch" @click="wholeTextSearch(selectValueTwo)"
@click="ResetSearch()">{{$t('reset')}}</span> >{{$t('searchInResults')}}
</a-button>
<a-button class="textSearch"
v-if="active === $t('whole') || active === $t('DocumentLibrary')"
@click="ResetSearch()"
>{{$t('reset')}}
</a-button>
<!-- <span v-if="active === $t('whole') || active === $t('DocumentLibrary')" class="textSearch"-->
<!-- @click="wholeTextSearch(selectValueTwo)">{{$t('searchInResults')}}</span>-->
<!-- <span v-if="active === $t('whole') || active === $t('DocumentLibrary')" class="textSearch"-->
<!-- @click="ResetSearch()">{{$t('reset')}}</span>-->
</div> </div>
</div> </div>
<div class="search-center-content"> <div class="search-center-content">
@@ -174,10 +184,12 @@
.search-detail { .search-detail {
display: flex; display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
//justify-content: center; //justify-content: center;
.search-detail-wrap { .search-detail-wrap {
display: flex; display: flex;
justify-content: space-between;
.search-detail-title { .search-detail-title {
width: 120px; width: 120px;
@@ -208,11 +220,12 @@
} }
.inputSearch { .inputSearch {
width: 400px; width: 608px;
} }
.input-group { .input-group {
width: 488px; width: 608px;
display: inline-block;
} }
</style> </style>
<style> <style>
@@ -250,7 +263,20 @@
line-height: 40px; line-height: 40px;
display: inline-block; display: inline-block;
margin-left: 8px; margin-left: 8px;
color: #21c9cc; /*color: #21c9cc;*/
cursor: pointer; cursor: pointer;
height: 40px;
} }
.textSearch .ant-btn {
height: 40px;
}
.search-header-left .ant-tabs-nav-wrap {
display: flex;
justify-content: center;
}
</style>
<style>
</style> </style>
@@ -63,12 +63,12 @@
<div class="title-text"> <div class="title-text">
<span class="title-text-text" :title="$t('StudioEngineer')">{{$t('StudioEngineer')}}</span> <span class="title-text-text" :title="$t('StudioEngineer')">{{$t('StudioEngineer')}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="'StudioEngineer'"> <a-form-model-item class="itemModel" :prop="'studioEngineerName'">
<PersonnelSelection :query="{db_field_name:'studioEngineer',db_field_txt:$t('StudioEngineer')}" <PersonnelSelection :query="{db_field_name:'studioEngineer',db_field_txt:$t('StudioEngineer')}"
:personneQuery="formInline" :personneQuery="formInline"
@change="PersonnelSelectionChange" @change="PersonnelSelectionChange"
:disabled="disabled" :disabled="disabled"
v-model="formInline.studioEngineer"/> v-model="formInline.studioEngineerName"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
@@ -79,13 +79,13 @@
<div class="title-text"> <div class="title-text">
<span class="title-text-text" :title="$t('certifiedEngineer')">{{$t('certifiedEngineer')}}</span> <span class="title-text-text" :title="$t('certifiedEngineer')">{{$t('certifiedEngineer')}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="'certificationEngineer'"> <a-form-model-item class="itemModel" :prop="'certificationEngineerName'">
<PersonnelSelection <PersonnelSelection
:query="{db_field_name:'certificationEngineer',db_field_txt:$t('certifiedEngineer')}" :query="{db_field_name:'certificationEngineer',db_field_txt:$t('certifiedEngineer')}"
:personneQuery="formInline" :personneQuery="formInline"
@change="PersonnelSelectionChange" @change="PersonnelSelectionChange"
:disabled="disabled" :disabled="disabled"
v-model="formInline.certificationEngineer"/> v-model="formInline.certificationEngineerName"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
@@ -245,7 +245,7 @@
}) })
}, },
PersonnelSelectionChange(value, id) { PersonnelSelectionChange(value, id) {
this.formInline[value + '_id'] = id this.formInline[value] = id
this.formInline = { ...this.formInline } this.formInline = { ...this.formInline }
} }
} }