fetch(modify):修改bug

src/views/order-management/order-list/index.vue

@@ -74,11 +74,31 @@
               :label="t('orderManagement.createForm.iotCardId')"
               prop="iot_card_id"
             >
-              <ElInputNumber
+              <ElSelect
                 v-model="createForm.iot_card_id"
+                filterable
+                remote
+                reserve-keyword
                 :placeholder="t('orderManagement.createForm.iotCardIdPlaceholder')"
+                :remote-method="searchIotCards"
+                :loading="cardSearchLoading"
                 style="width: 100%"
-              />
+                clearable
+              >
+                <ElOption
+                  v-for="card in iotCardOptions"
+                  :key="card.id"
+                  :label="`${card.iccid} (${card.msisdn || '无接入号'})`"
+                  :value="card.id"
+                >
+                  <div style="display: flex; justify-content: space-between">
+                    <span>{{ card.iccid }}</span>
+                    <span style="color: var(--el-text-color-secondary); font-size: 12px">
+                      {{ card.msisdn || '无接入号' }}
+                    </span>
+                  </div>
+                </ElOption>
+              </ElSelect>
             </ElFormItem>
             <ElFormItem
               v-if="createForm.order_type === 'device'"
@@ -200,7 +220,7 @@
 <script setup lang="ts">
   import { h } from 'vue'
   import { useI18n } from 'vue-i18n'
-  import { OrderService } from '@/api/modules'
+  import { OrderService, CardService } from '@/api/modules'
   import { ElMessage, ElMessageBox, ElTag } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import type {
@@ -211,7 +231,8 @@
     OrderType,
     BuyerType,
     OrderPaymentMethod,
-    OrderCommissionStatus
+    OrderCommissionStatus,
+    StandaloneIotCard
   } from '@/types/api'
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
@@ -342,6 +363,35 @@
 
   const orderList = ref<Order[]>([])
 
+  // IoT卡搜索相关
+  const iotCardOptions = ref<StandaloneIotCard[]>([])
+  const cardSearchLoading = ref(false)
+
+  // 搜索IoT卡（根据ICCID）
+  const searchIotCards = async (query: string) => {
+    if (!query) {
+      iotCardOptions.value = []
+      return
+    }
+
+    cardSearchLoading.value = true
+    try {
+      const res = await CardService.getStandaloneIotCards({
+        iccid: query,
+        page: 1,
+        page_size: 20
+      })
+      if (res.code === 0) {
+        iotCardOptions.value = res.data.items || []
+      }
+    } catch (error) {
+      console.error('Search IoT cards failed:', error)
+      iotCardOptions.value = []
+    } finally {
+      cardSearchLoading.value = false
+    }
+  }
+
   // 格式化货币 - 将分转换为元
   const formatCurrency = (amount: number): string => {
     return `¥${(amount / 100).toFixed(2)}`
@@ -554,8 +604,29 @@
   }
 
   // 显示创建订单对话框
-  const showCreateDialog = () => {
+  const showCreateDialog = async () => {
     createDialogVisible.value = true
+    // 默认加载20条IoT卡数据
+    await loadDefaultIotCards()
+  }
+
+  // 加载默认IoT卡列表
+  const loadDefaultIotCards = async () => {
+    cardSearchLoading.value = true
+    try {
+      const res = await CardService.getStandaloneIotCards({
+        page: 1,
+        page_size: 20
+      })
+      if (res.code === 0) {
+        iotCardOptions.value = res.data.items || []
+      }
+    } catch (error) {
+      console.error('Load default IoT cards failed:', error)
+      iotCardOptions.value = []
+    } finally {
+      cardSearchLoading.value = false
+    }
   }
 
   // 对话框关闭后的清理
@@ -568,6 +639,9 @@
     createForm.package_ids = []
     createForm.iot_card_id = null
     createForm.device_id = null
+
+    // 清空IoT卡搜索结果
+    iotCardOptions.value = []
   }
 
   // 创建订单