Browse Source

分类选择弹窗-增加等待状态

jingbb 10 months ago
parent
commit
dcf34dde14
1 changed files with 55 additions and 17 deletions
  1. 55 17
      src/views/production/Popup/ClassNamePopup.vue

+ 55 - 17
src/views/production/Popup/ClassNamePopup.vue

@@ -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: {