feat(KLPService选择组件): 新增分页控制参数，支持全量加载选项

1. 为CustomerSelect和OrderSelect组件新增pager参数，默认开启分页模式
2. 分页模式下保持每页10条的远程搜索逻辑，非分页模式下加载全量10000条数据
3. 调整OrderSelect组件的加载状态绑定方式，统一使用v-loading指令
4. 为OrderSelect新增mounted钩子，非分页模式下初始化加载全量订单数据

klp-ui/src/components/KLPService/CustomerSelect/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-select filterable v-model="_customerId" remote :remote-method="remoteSearchCustomer" :style="style" :loading="customerLoading" placeholder="请选择客户">
+  <el-select filterable v-model="_customerId" :remote="pager" :remote-method="pager ? remoteSearchCustomer : undefined" :style="style" v-loading="customerLoading" placeholder="请选择客户">
     <el-option v-for="item in customerList" :key="item[bindField]" :label="item.companyName" :value="item[bindField]" />
   </el-select>
 </template>
@@ -21,6 +21,10 @@
       style: {
         type: Object,
         default: () => ({})
+      },
+      pager: {
+        type: Boolean,
+        default: true
       }
     },
     computed: {
@@ -51,7 +55,7 @@
     methods: {
       remoteSearchCustomer(query) {
         this.customerLoading = true;
-        listCustomer({ companyName: query, pageNum: 1, pageSize: 10 }).then(response => {
+        listCustomer({ companyName: query, pageNum: 1, pageSize: this.pager ? 10 : 10000 }).then(response => {
           this.customerList = response.rows;
         }).finally(() => {
           this.customerLoading = false;

klp-ui/src/components/KLPService/OrderSelect/index.vue

@@ -2,11 +2,11 @@
   <el-select
     v-model="innerValue"
     filterable
-    remote
+    :remote="pager"
+    :remote-method="pager ? remoteMethod : undefined"
     reserve-keyword
     placeholder="输入订单号搜索"
-    :remote-method="remoteMethod"
+    v-loading="loading"
-    :loading="loading"
   >
     <el-option
       v-for="item in options"
@@ -25,6 +25,10 @@ export default {
     value: {
       type: String,
       default: ''
+    },
+    pager: {
+      type: Boolean,
+      default: true
     }
   },
   data() {
@@ -55,13 +59,31 @@ export default {
   //     this.$emit('input', newVal)
   //   }
   // },
+  mounted() {
+    if (!this.pager) {
+      this.loading = true
+      listPurchaseOrder({
+        pageNum: 1,
+        pageSize: 10000
+      }).then(res => {
+        this.options = res.rows.map(item => ({
+          value: item.orderId,
+          label: item.orderCode
+        }))
+      }).catch(error => {
+        console.error('订单加载失败:', error)
+      }).finally(() => {
+        this.loading = false
+      })
+    }
+  },
   methods: {
     remoteMethod(query) {
       if (query !== '') {
         this.loading = true
         listPurchaseOrder({
           pageNum: 1,
-          pageSize: 10,
+          pageSize: this.pager ? 10 : 10000,
           orderCode: query
         }).then(res => {
           this.loading = false