凭证选择修改

src/views/accounting/attachment/index.vue

@@ -161,16 +161,19 @@
       >
         <el-row>
           <el-col :span="8">
-            <!-- <el-form-item label="凭证号" prop="voucherNum">
-              <el-input v-model="form.voucherNum" placeholder="请输入凭证号" />
-            </el-form-item> -->
-            <el-form-item label="会计凭证" prop="voucherId">
-              <el-select v-model="form.voucherId" placeholder="请选择会计凭证">
+            <el-form-item label="会计凭证" prop="voucherNum">
+              <el-select
+                v-model="form.voucherNum"
+                filterable
+                placeholder="请选择会计凭证"
+                value-key="id"
+                @change="handleSelectVoucher"
+              >
                 <el-option
                   v-for="item in kjpzOptions"
                   :key="item.id"
                   :label="item.voucherNum"
-                  :value="item.id"
+                  :value="item"
                 >
                 </el-option>
               </el-select>
@@ -372,6 +375,11 @@ export default {
       this.form.fileName = res.data.name;
       this.form.fileSize = res.data.size;
     },
+    //凭证选择
+    handleSelectVoucher(val) {
+      this.form.voucherId = val.id;
+      this.form.voucherNum = val.voucherNum;
+    },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate((valid) => {