调拨单新增查询条件

src/views/purchase/transferOrder/index.vue

@@ -5,12 +5,9 @@
         <el-row :gutter="10">
           <el-col :span="1.5">
             <el-form-item label="调出库存组织">
-              <el-input
-              v-model="queryParams.dckczz"
-              size="small"
-              clearable
-              style="width: 200px"
-              />
+              <el-select clearable size="small" v-model="queryParams.deliveryInventoryOrg" @focus="chooseRefer('ORG_PARAM', true, '调出库存组织')" style="width: 200px">
+                <el-option v-for="item in chuOrgOptions" :key="item.id" :label="item.name" :value="item.id" />
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="1.5">
@@ -18,37 +15,32 @@
               <el-date-picker
                style="width: 240px"
                size="small"
+               clearable
+               value-format="yyyy-MM-dd"
                 v-model="queryParams.billDate"
                 type="date">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="1.5">
-            <el-form-item label="交易类型">
-              <el-input
-              v-model="queryParams.jylx"
-              size="small"
-              placeholder=""
-              clearable
-              style="width: 200px"
-              />
+            <el-form-item label="订单类型">
+              <el-select v-model="queryParams.billType" size="small" style="width: 200px" clearable>
+                <el-option v-for="dict in dict.type.sys_allot_billtype" :key="dict.value" :label="dict.label" :value="dict.value">
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="1.5">
             <el-form-item label="调入库存组织">
-              <el-input
-              v-model="queryParams.chkczz"
-              size="small"
-              placeholder=""
-              clearable
-              style="width: 200px"
-              />
+              <el-select clearable size="small" v-model="queryParams.storageInventoryOrg" @focus="chooseRefer('ORG_PARAM', true, '调入库存组织')" style="width: 200px">
+                <el-option v-for="item in ruOrgOptions" :key="item.id" :label="item.name" :value="item.id" />
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="1.5">
             <el-form-item label="" label-width="20px">
-              <el-button type="primary" size="small" icon="el-icon-search" plain>搜索</el-button>
-              <el-button size="small" icon="el-icon-refresh" plain>重置</el-button>
+              <el-button type="primary" size="small" icon="el-icon-search" plain @click="searchList">搜索</el-button>
+              <el-button size="small" icon="el-icon-refresh" plain @click="resetList">重置</el-button>
             </el-form-item>
           </el-col>
         </el-row>
@@ -304,18 +296,22 @@
     </div>
 
     <Add v-model="isList" v-if="!isList" :pageStu="page" :disable="disable" :row="rowDetail" @refresh="getList"/>
+    <Refers ref="refer" @doSubmit="selectionsToInput" :single="true"/>
   </div>
 </template>
 
 <script>
 import Add from './add.vue'
 import CollapseTransition from '@/components/MyCollapse/collapse.vue'
+import Refers from '@/components/Refers/refers.vue'
 import {getOrderList, delOrder} from '@/api/purchase/transferOrder.js'
 export default {
   name: 'transferOrder',
+  dicts: ['sys_allot_billtype'],
   components: {
     Add,
-    CollapseTransition
+    CollapseTransition,
+    Refers
   },
   data() {
     return {
@@ -325,20 +321,25 @@ export default {
       // 页面状态
       page: '',
       queryParams: {
-        dckczz: '',
+        deliveryInventoryOrg: '',
         billDate: '',
-        jylx: '',
-        chkczz: '',
-        code: '',
+        billType: '',
         storageInventoryOrg: '',
         pageNum: 1,
-        pageSize: 10
+        pageSize: 5
+      },
+      referCondition: {
+        type: '',
+        isPage: true,
+        title: '',
       },
       options: [{
         value: '1', label: '是',
       }, {
         value: '0', label: '否'
       }],
+      chuOrgOptions: [],
+      ruOrgOptions: [],
       tableList: [],
       total: 0,
       materialInfo: [],
@@ -354,6 +355,20 @@ export default {
     this.getList(this.queryParams)
   },
   methods: {
+    searchList() {
+      this.getList(this.queryParams)
+    },
+    resetList() {
+      this.queryParams = {
+        deliveryInventoryOrg: '',
+        billDate: '',
+        billType: '',
+        storageInventoryOrg: '',
+        pageNum: 1,
+        pageSize: 5
+      }
+      this.getList(this.queryParams)
+    },
     getList(params){
       getOrderList(params).then(res => {
         if (res.code === 200) {
@@ -409,7 +424,23 @@ export default {
     },
     drop() {
       this.expanded = !this.expanded
-    }
+    },
+    chooseRefer(type, isPage, title) {
+      this.referCondition.type = type
+      this.referCondition.isPage = isPage
+      this.referCondition.title = title
+      this.$refs.refer.init(this.referCondition)
+    },
+    selectionsToInput(selection) {
+      if (this.referCondition.title == '调出库存组织') {
+        this.chuOrgOptions = selection
+        this.queryParams.deliveryInventoryOrg = selection[0].id
+      }
+      if (this.referCondition.title == '调入库存组织') {
+        this.ruOrgOptions = selection
+        this.queryParams.storageInventoryOrg = selection[0].id
+      }
+    },
   }
 
 }