重构入库和发货页面的UI布局,使用卡片式设计提升视觉效果和用户体验: 1. 将表单和记录列表分别放入卡片容器中 2. 添加查询表单和刷新按钮功能 3. 使用网格布局展示待操作任务卡片 4. 为不同优先级任务添加视觉区分 5. 优化滚动条样式和空状态提示 6. 统一两个页面的样式和交互逻辑
开发
# 克隆项目
git clone https://gitee.com/KonBAI-Q/klp-flowable-plus.git
# 进入项目目录
cd klp-ui
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com
# 启动服务
npm run dev
浏览器访问 http://localhost:80
发布
# 构建测试环境
npm run build:stage
# 构建生产环境
npm run build:prod