|
@@ -9,23 +9,50 @@
|
|
|
@ok='handleOk'
|
|
|
>
|
|
|
<a-card :bordered="false" class="top" style="margin-bottom:1%;margin-top:1%">
|
|
|
- <a-form-model ref="formRef">
|
|
|
- <a-table
|
|
|
- ref="table"
|
|
|
- size="middle"
|
|
|
- bordered
|
|
|
- id='sonList1'
|
|
|
- :columns="columns"
|
|
|
- rowKey="rowIndex"
|
|
|
- :dataSource="dataSource"
|
|
|
- :pagination="pagination"
|
|
|
- :scroll="{ x: 800, y: 300 }"
|
|
|
- :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
|
|
|
- @change="handleTableChange"
|
|
|
- :customRow ="clickRow"
|
|
|
- >
|
|
|
- </a-table>
|
|
|
- </a-form-model>
|
|
|
+ <div class="table-page-search-wrapper">
|
|
|
+ <a-form layout="inline" @keyup.enter.native="searchQuery">
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :md="8" :sm="24">
|
|
|
+ <a-form-item label="名称">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.name" ></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="8" :sm="24">
|
|
|
+ <a-form-item label="编码">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.code" ></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="8" :sm="24">
|
|
|
+ <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
|
|
+ <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
|
|
|
+ <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
|
|
|
+ <!-- <a @click="handleToggleSearch" style="margin-left: 8px">
|
|
|
+ {{ toggleSearchStatus ? '收起' : '展开' }}
|
|
|
+ <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
|
|
|
+ </a> -->
|
|
|
+ </span>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </a-form>
|
|
|
+ </div>
|
|
|
+ <a-form-model ref="formRef">
|
|
|
+ <a-table
|
|
|
+ ref="table"
|
|
|
+ size="middle"
|
|
|
+ bordered
|
|
|
+ id='sonList1'
|
|
|
+ :columns="columns"
|
|
|
+ rowKey="rowIndex"
|
|
|
+ :dataSource="dataSource"
|
|
|
+ :loading="loading"
|
|
|
+ :pagination="pagination"
|
|
|
+ :scroll="{ x: 800, y: 300 }"
|
|
|
+ :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
|
|
|
+ @change="handleTableChange"
|
|
|
+ :customRow ="clickRow"
|
|
|
+ >
|
|
|
+ </a-table>
|
|
|
+ </a-form-model>
|
|
|
</a-card >
|
|
|
</a-modal>
|
|
|
</template>
|
|
@@ -46,6 +73,7 @@
|
|
|
selectedRowKeys:[],
|
|
|
selectedRows:[],
|
|
|
dataSource:[],
|
|
|
+ loading:false,
|
|
|
pagination:{
|
|
|
current: 1,
|
|
|
pageSize: 5,
|
|
@@ -108,7 +136,9 @@
|
|
|
this.queryParam.Org = data
|
|
|
this.selectedRowKeys = []
|
|
|
this.selectedRows = []
|
|
|
+ this.loading = true
|
|
|
getAction('/production/safetyStock/selectCategory',this.queryParam).then(res=>{
|
|
|
+ this.loading = false
|
|
|
if(res.success){
|
|
|
this.dataSource = res.result.records
|
|
|
this.pagination = {
|
|
@@ -131,6 +161,14 @@
|
|
|
this.selectedRowKeys = selectedRowKeys;
|
|
|
this.selectedRows = selectionRows;
|
|
|
},
|
|
|
+ searchQuery(){
|
|
|
+ this.getData(this.queryParam.Org)
|
|
|
+ },
|
|
|
+ searchReset(){
|
|
|
+ this.queryParam.name = ''
|
|
|
+ this.queryParam.code = ''
|
|
|
+ this.getData(this.queryParam.Org)
|
|
|
+ },
|
|
|
clickRow(record, index){
|
|
|
return {
|
|
|
on: {
|