|  |  | 
 |  |  | <template> | 
 |  |  |   <div class="app-container"> | 
 |  |  |     <el-form :model="searchForm" :inline="true"> | 
 |  |  |       <el-form-item label="采购合同号"> | 
 |  |  |         <el-input | 
 |  |  |           v-model="searchForm.purchaseContractNumber" | 
 |  |  |           style="width: 240px" | 
 |  |  |           placeholder="输入采购合同号搜索" | 
 |  |  |           @change="handleQuery" | 
 |  |  |           clearable | 
 |  |  |           :prefix-icon="Search" | 
 |  |  |         /> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="供应商名称"> | 
 |  |  |         <el-input | 
 |  |  |           v-model="searchForm.searchText" | 
 |  |  | 
 |  |  | const total = ref(0); | 
 |  |  | const { form: searchForm } = useFormData({ | 
 |  |  |   searchText: undefined, | 
 |  |  |    purchaseContractNumber: undefined, | 
 |  |  |   paymentDate: [], | 
 |  |  |   paymentDateStart: undefined, | 
 |  |  |   paymentDateEnd: undefined, |