修改参数项收集清单添加的搜索布局
This commit is contained in:
@@ -1,94 +1,58 @@
|
||||
<template>
|
||||
<div class='diolag-area'>
|
||||
<a-spin :spinning='spinLoading'>
|
||||
<a-form-model
|
||||
@keyup.enter.native="searchQuery"
|
||||
class='tag-module'
|
||||
ref='ruleForm'
|
||||
:model='form'
|
||||
:rules='rules'
|
||||
:label-col='labelCol'
|
||||
:wrapper-col='wrapperCol'
|
||||
>
|
||||
<a-row :gutter='24'>
|
||||
<a-col :span='9'>
|
||||
<a-form layout="inline" @keyup.enter.native="searchQuery">
|
||||
<a-row :gutter="24">
|
||||
<a-col :md="12" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text" :title="$t('NiONumber')">{{$t('NiONumber')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" :prop='region'>
|
||||
<!-- <a-input class="box-input"-->
|
||||
<!-- :disabled="disabled"-->
|
||||
<!-- v-model="formInline[item.db_field_name]"-->
|
||||
<!-- :placeholder="$t('PleaseEnter')+item.db_field_txt"/>-->
|
||||
<a-form-model-item class="itemModel">
|
||||
<a-input class="box-input" :title="$t('pleaseEnter')+$t('ParameterName')"
|
||||
v-model='form.nioNumber' :placeholder="$t('pleaseEnter')+$t('NiONumber')"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
<!-- <a-form-model-item ref='region' :label="$t('NiONumber')" prop='region' >-->
|
||||
<!-- <a-input-->
|
||||
<!-- v-model='form.nioNumber' :placeholder="$t('pleaseEnter')+$t('NiONumber')" />-->
|
||||
<!-- </a-form-model-item>-->
|
||||
</a-col>
|
||||
<a-col :span='9'>
|
||||
<a-col :md="12" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text" :title="$t('ParameterName')">{{$t('ParameterName')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" :prop='region'>
|
||||
<!-- <a-input class="box-input"-->
|
||||
<!-- :disabled="disabled"-->
|
||||
<!-- v-model="formInline[item.db_field_name]"-->
|
||||
<!-- :placeholder="$t('PleaseEnter')+item.db_field_txt"/>-->
|
||||
<a-form-model-item class="itemModel">
|
||||
<a-input class="box-input"
|
||||
v-model='form.paramsName' :title="$t('pleaseEnter')+$t('ParameterName')" :placeholder="$t('pleaseEnter')+$t('ParameterName')" />
|
||||
v-model='form.paramsName' :title="$t('pleaseEnter')+$t('ParameterName')"
|
||||
:placeholder="$t('pleaseEnter')+$t('ParameterName')"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
<!-- <a-form-model-item ref='paramsTemplateName' :label="$t('ParameterName')" prop='paramsTemplateName'>-->
|
||||
<!-- <a-input-->
|
||||
<!-- v-model='form.paramsName' :placeholder="$t('pleaseEnter')+$t('ParameterName')" />-->
|
||||
<!-- </a-form-model-item>-->
|
||||
</a-col>
|
||||
<a-col :span='6' style='margin-top: 5px'>
|
||||
<a-button class='box-button' type='primary' @click='searchQuery'>{{ $t('query') }}</a-button>
|
||||
<a-button class='box-button' style='margin-left: 8px' @click='searchReset'>{{ $t('reset') }}</a-button>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter='24'>
|
||||
<a-col :span='10'>
|
||||
<a-col :md="12" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text" :title="$t('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" :prop='region'>
|
||||
<!-- <a-input class="box-input"-->
|
||||
<!-- :disabled="disabled"-->
|
||||
<!-- v-model="formInline[item.db_field_name]"-->
|
||||
<!-- :placeholder="$t('PleaseEnter')+item.db_field_txt"/>-->
|
||||
<a-form-model-item class="itemModel">
|
||||
<j-dict-select-tag class="box-input" v-model='form.dutyTerritory'
|
||||
style='width: 83%'
|
||||
:placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
|
||||
:type="'select'"
|
||||
:title="$t('PleaseSelect')+$t('areaOfResponsibility')"
|
||||
:triggerChange='false' :dictCode="'duty_territory'"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
<!-- <a-form-model-item ref='region' :label="$t('areaOfResponsibility')" prop='region'>-->
|
||||
<!-- <a-form-model-item class='itemModel' prop='region'>-->
|
||||
<!-- <j-dict-select-tag class='box-input' v-model='form.dutyTerritory'-->
|
||||
<!-- :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"-->
|
||||
<!-- :type="'select'"-->
|
||||
<!-- :triggerChange='false' :dictCode="'duty_territory'" />-->
|
||||
<!-- </a-form-model-item>-->
|
||||
<!-- </a-form-model-item>-->
|
||||
</a-col>
|
||||
<a-col :span='9'>
|
||||
<a-col :md="12" :sm="8">
|
||||
<span style="float: right;overflow: hidden;margin-right: 16px;margin-bottom: 20px"
|
||||
class="table-page-search-submitButtons">
|
||||
<a-button class='box-button' type='primary' @click='searchQuery'>{{ $t('query') }}</a-button>
|
||||
<a-button class='box-button' style='margin-left: 8px' @click='searchReset'>{{ $t('reset') }}</a-button>
|
||||
</span>
|
||||
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</a-form>
|
||||
</a-spin>
|
||||
<a-table
|
||||
class='table-area'
|
||||
@@ -172,7 +136,7 @@ export default {
|
||||
spinLoading: false,
|
||||
confirmLoading: false,
|
||||
templatetitle: '',
|
||||
selectedRowKeys: [],
|
||||
selectedRowKeys: []
|
||||
}
|
||||
},
|
||||
props: {
|
||||
@@ -314,7 +278,7 @@ export default {
|
||||
watch: {
|
||||
paramsManifest(val) {
|
||||
this.loadData()
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -336,10 +300,12 @@ export default {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
|
||||
.drawer-bootom-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.box-title-text {
|
||||
line-height: 1.4;
|
||||
display: flex;
|
||||
@@ -423,6 +389,9 @@ export default {
|
||||
line-height: 6px;
|
||||
color: #fff;
|
||||
}
|
||||
.box-button {
|
||||
height: 38px;
|
||||
}
|
||||
</style>
|
||||
<style lang='less'>
|
||||
.area-module {
|
||||
|
||||
Reference in New Issue
Block a user