页面初始化就就加载加液的下拉选

src/views/home/index.vue

@@ -14,6 +14,14 @@ onMounted(async () => {
   loading.value = true
   await getSolutionList()
   loading.value = false
+  for (const data of channelList.value) {
+    if (data.solutionId && data.concentration) {
+      volumeMap.value[data.channelCode] = await queryCraftList({
+        solutionId: data.solutionId,
+        concentration: Number(data.concentration),
+      })
+    }
+  }
 })
 
 const channelList = ref<System.ChannelState[]>([])
@@ -65,7 +73,7 @@ const receiveOkHandle = async (data: Log.LogItem & { channelCode: 'CHANNEL_1' |
 
 <template lang="pug">
   div.home-container(v-loading="loading")
-    el-card(v-for="item in channelList" :key="item.channelCode")
+    el-card(v-for="item in channelList.sort((a,b)=>a.channelCode.localeCompare(b.channelCode))" :key="item.channelCode")
       div.top-box
         p.title {{channelMap[item.channelCode]}}
         div.solution-box(@click="() => receiveHandle(item)")