Browse Source

项目列表-增加筛选条件

jingbb 11 tháng trước cách đây
mục cha
commit
bc02bf206f
1 tập tin đã thay đổi với 40 bổ sung7 xóa
  1. 40 7
      src/views/production/Popup/projectPopup.vue

+ 40 - 7
src/views/production/Popup/projectPopup.vue

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