|
@@ -1,8 +1,13 @@
|
1
|
1
|
<template>
|
2
|
2
|
<div class="app-container">
|
3
|
|
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="128px">
|
4
|
|
- <el-form-item label="合同id" prop="contractId">
|
5
|
|
- <el-input v-model="queryParams.contractId" placeholder="请输入合同id" clearable @keyup.enter.native="handleQuery" />
|
|
3
|
+ <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="108px">
|
|
4
|
+ <el-form-item label="合同名称" prop="contractId">
|
|
5
|
+ <el-select v-model="queryParams.contractId" clearable filterable remote reserve-keyword placeholder="请输入合同名称"
|
|
6
|
+ :remote-method="remoteMethod" :loading="loading" style="width: 400px;" @change="handleQuery">
|
|
7
|
+ <el-option v-for="contract in contractList" :key="contract.contractId"
|
|
8
|
+ :label="contract.contractName" :value="contract.contractId">
|
|
9
|
+ </el-option>
|
|
10
|
+ </el-select>
|
6
|
11
|
</el-form-item>
|
7
|
12
|
<el-form-item label="预计退还日期" prop="returnTime">
|
8
|
13
|
<el-date-picker clearable v-model="queryParams.returnTime" type="date" value-format="yyyy-MM-dd"
|
|
@@ -180,6 +185,7 @@
|
180
|
185
|
|
181
|
186
|
<script>
|
182
|
187
|
import { listDeposit, getDeposit, delDeposit, addDeposit, updateDeposit } from "@/api/oa/deposit/deposit";
|
|
188
|
+import { listContract } from "@/api/oa/contract/contract";
|
183
|
189
|
import depositForm from '../../flowable/form/finance/depositForm.vue';
|
184
|
190
|
|
185
|
191
|
export default {
|
|
@@ -238,7 +244,8 @@ export default {
|
238
|
244
|
},
|
239
|
245
|
// 表单校验
|
240
|
246
|
rules: {
|
241
|
|
- }
|
|
247
|
+ },
|
|
248
|
+ contractList:[]
|
242
|
249
|
};
|
243
|
250
|
},
|
244
|
251
|
created() {
|
|
@@ -358,7 +365,16 @@ export default {
|
358
|
365
|
this.download('oa/deposit/export', {
|
359
|
366
|
...this.queryParams
|
360
|
367
|
}, `deposit_${new Date().getTime()}.xlsx`)
|
361
|
|
- }
|
|
368
|
+ },
|
|
369
|
+ remoteMethod(val) {
|
|
370
|
+ listContract({
|
|
371
|
+ pageNum: 1,
|
|
372
|
+ pageSize: 20,
|
|
373
|
+ contractName: val
|
|
374
|
+ }).then(res => {
|
|
375
|
+ this.contractList = res.rows;
|
|
376
|
+ })
|
|
377
|
+ },
|
362
|
378
|
}
|
363
|
379
|
};
|
364
|
380
|
</script>
|