审批流程修改

src/views/accounting/flow/index.vue

@@ -77,7 +77,6 @@
 
     <!-- 列表 -->
     <el-table v-loading="loading" :data="list">
-      <!-- <el-table-column label="主键Id" align="center" prop="id" /> -->
       <el-table-column label="OA/ERP流程编号" align="center" prop="flowCode" />
       <el-table-column label="凭证号" align="center" prop="voucherNum" />
       <el-table-column label="业务类型" align="center" prop="businessType">
@@ -180,8 +179,22 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="凭证号" prop="voucherNum">
+            <el-form-item label="会计凭证" prop="voucherNum">
-              <el-input v-model="form.voucherNum" placeholder="请输入凭证号" />
+              <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"
+                >
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -205,11 +218,6 @@
           </el-col>
         </el-row>
         <el-row>
-          <!-- <el-col :span="8">
-            <el-form-item label="文件地址" prop="fileUrl">
-              <el-input v-model="form.fileUrl" placeholder="请输入文件地址" />
-            </el-form-item>
-          </el-col> -->
           <el-col :span="8">
             <el-form-item label="流程号" prop="flowId">
               <el-input v-model="form.flowId" placeholder="请输入流程号" />
@@ -270,6 +278,7 @@ import {
   downloadXml,
 } from "@/api/accounting/flow";
 import { getAccessToken, getTenantId } from "@/utils/auth";
+import { getVoucherPage } from "@/api/accounting/voucher";
 
 export default {
   name: "Flow",
@@ -328,10 +337,12 @@ export default {
         Authorization: "Bearer " + getAccessToken(),
         "tenant-id": getTenantId(),
       }, // 设置上传的请求头
+      kjpzOptions: [], //会计凭证
     };
   },
   created() {
     this.getList();
+    this.getKJPZ();
   },
   methods: {
     /** 查询列表 */
@@ -344,6 +355,12 @@ export default {
         this.loading = false;
       });
     },
+    //获取会计凭证
+    getKJPZ() {
+      getVoucherPage().then((res) => {
+        this.kjpzOptions = res.data.list || [];
+      });
+    },
     openLink(fileUrl) {
       window.open(fileUrl);
     },
@@ -352,7 +369,6 @@ export default {
       this.open = false;
       this.reset();
     },
-
     /** 取消按钮 */
     cancel1() {
       this.open1 = false;
@@ -408,6 +424,11 @@ export default {
         this.title = "修改审批流程";
       });
     },
+    //凭证选择
+    handleSelectVoucher(val) {
+      this.form.voucherId = val.id;
+      this.form.voucherNum = val.voucherNum;
+    },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate((valid) => {