Selaa lähdekoodia

修改合同保证金

余思翰 11 kuukautta sitten
vanhempi
commit
fcb9622ad5
1 muutettua tiedostoa jossa 21 lisäystä ja 5 poistoa
  1. 21
    5
      oa-ui/src/views/oa/deposit/contract.vue

+ 21
- 5
oa-ui/src/views/oa/deposit/contract.vue Näytä tiedosto

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

Loading…
Peruuta
Tallenna