出单协议下拉选择

src/views/receivable/documentary/index.vue

@@ -29,8 +29,9 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="出单协议">
-                <el-select v-model="receivableForm.agreementId" placeholder="请选择" clearable>
-                  <el-option label="1" value="1"></el-option>
+                <el-select v-model="receivableForm.agreementId" placeholder="请选择" clearable filterable>
+                  <el-option v-for="item in agreementList" :key="item.id" :value="item.id"
+                  :label="item.agreementTitle"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
@@ -219,8 +220,9 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="出单协议">
-                <el-select v-model="receivableForm.agreementId" placeholder="请选择" clearable>
-                  <el-option label="1" value="1"></el-option>
+                <el-select v-model="receivableForm.agreementId" placeholder="请选择" clearable filterable>
+                  <el-option v-for="item in agreementList" :key="item.id" :value="item.id"
+                  :label="item.agreementTitle"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
@@ -668,6 +670,19 @@ const toEdit = (row: any) => {
     }
   })
 }
+// 获取协议列表
+const agreementList = ref()
+const getagreementList = () => {
+  api.agreementApi.agreementList({
+    isExternal: '0',
+    pages: 1,
+    size: 1000,
+  }).then((res: any) => {
+    if (res.code == 200) {
+      agreementList.value = res.data.records
+    }
+  })
+}
 let options = ref([])
 const handleInvoice = () => {
   if (selectedList.value.length < 1) {
@@ -1166,6 +1181,7 @@ onMounted(() => {
   initDept();
   getOtherReceivableList();
   getreceivedAmountTotal();
+  getagreementList();
 })
 
 </script>

src/views/receivable/handingFee/index.vue

@@ -25,8 +25,9 @@
 
             <el-col :span="8">
               <el-form-item label="出单协议">
-                <el-select v-model="receivableForm.agreementId" placeholder="请选择" clearable>
-                  <el-option label="1" value="1"></el-option>
+                <el-select v-model="receivableForm.agreementId" placeholder="请选择" clearable filterable>
+                  <el-option v-for="item in agreementList" :key="item.id" :value="item.id"
+                  :label="item.agreementTitle"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
@@ -221,8 +222,9 @@
 
             <el-col :span="8">
               <el-form-item label="出单协议">
-                <el-select v-model="receivableForm.agreementId" placeholder="请选择" clearable>
-                  <el-option label="1" value="1"></el-option>
+                <el-select v-model="receivableForm.agreementId" placeholder="请选择" clearable filterable>
+                  <el-option v-for="item in agreementList" :key="item.id" :value="item.id"
+                  :label="item.agreementTitle"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
@@ -588,7 +590,19 @@ const toDelete = (ids) => {
     })
   })
 }
-
+// 获取协议列表
+const agreementList = ref()
+const getagreementList = () => {
+  api.agreementApi.agreementList({
+    isExternal: '0',
+    pages: 1,
+    size: 1000,
+  }).then((res: any) => {
+    if (res.code == 200) {
+      agreementList.value = res.data.records
+    }
+  })
+}
 let ReceiveDataRef1 = ref()
 let ReceiveDataRef2 = ref()
 // 选中的数据
@@ -1165,6 +1179,7 @@ onMounted(() => {
   initDept();
   getCommissionReceivableList();
   getreceivedAmountTotal()
+  getagreementList()
 })
 </script>