|
@@ -4,12 +4,39 @@
|
|
|
width="60%"
|
|
|
:visible="visible"
|
|
|
:maskClosable="false"
|
|
|
+
|
|
|
switchFullscreen
|
|
|
@cancel="handleCancel"
|
|
|
@ok='handleOk'
|
|
|
>
|
|
|
<a-card :bordered="false" class="top" style="margin-bottom:1%;margin-top:1%">
|
|
|
- <a-form-model ref="formRef">
|
|
|
+ <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"
|
|
@@ -17,6 +44,7 @@
|
|
|
id='sonList1'
|
|
|
:columns="columns"
|
|
|
rowKey="rowIndex"
|
|
|
+ :loading="loading"
|
|
|
:dataSource="dataSource"
|
|
|
:pagination="pagination"
|
|
|
:scroll="{ x: 800, y: 300 }"
|
|
@@ -44,6 +72,7 @@
|
|
|
return {
|
|
|
visible:false,
|
|
|
selectedRowKeys:[],
|
|
|
+ loading:false,
|
|
|
selectedRows:[],
|
|
|
dataSource:[],
|
|
|
pagination:{
|
|
@@ -83,12 +112,6 @@
|
|
|
dataIndex: 'Code',
|
|
|
ellipsis: true,
|
|
|
},
|
|
|
- {
|
|
|
- title: 'Code',
|
|
|
- align:"center",
|
|
|
- dataIndex: 'Code',
|
|
|
- ellipsis: true,
|
|
|
- },
|
|
|
]
|
|
|
}
|
|
|
},
|
|
@@ -114,7 +137,9 @@
|
|
|
this.queryParam.Org = data
|
|
|
this.selectedRowKeys = []
|
|
|
this.selectedRows = []
|
|
|
+ this.loading = true
|
|
|
getAction('/production/safetyStock/selectProject',this.queryParam).then(res=>{
|
|
|
+ this.loading = false
|
|
|
if(res.success){
|
|
|
this.dataSource = res.result.records
|
|
|
this.pagination = {
|
|
@@ -137,6 +162,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: {
|