refactor(wms): 重构发货计划列表为卡片布局并优化选择逻辑

将表格布局改为卡片布局，提升用户体验。修改选择逻辑以适配卡片布局，同时更新相关样式。替换测试框架为Jest并添加日期格式化测试用例。

klp-ui/package.json

@@ -10,7 +10,7 @@
     "stage": "vue-cli-service serve --mode stage",
     "preview": "node build/index.js --preview",
     "lint": "eslint --ext .js,.vue src",
-    "test": "vitest"
+    "test": "jest --maxWorkers=4"
   },
   "husky": {
     "hooks": {
@@ -94,6 +94,7 @@
     "connect": "3.6.6",
     "eslint": "7.15.0",
     "eslint-plugin-vue": "7.2.0",
+    "jest": "^30.2.0",
     "lint-staged": "10.5.3",
     "playwright": "^1.57.0",
     "runjs": "4.4.2",