/interview

A interview project based on vue 2.x

Primary LanguageVue

Web FrontEnd Interview Project

It's a vue 2.x project built with ElementUI and Axios. You can only develop in the same framework, please check your task here.

Project Setup

nodejs is required

npm install
#or 
yarn install

Compiles and hot-reloads for development

npm run serve
#or 
yarn serve

Compiles and minifies for production

npm run build
#or 
yarn build

开发任务

接口定义

参见api.http,说明:使用VS Code可以调试http格式接口文档,但是本文档中的地址外网无法访问,仅供开发参考,开发时使用mock json即可。

接口中各字段定义,参见src/views/StockReport.js

界面需求

  • 库存查询界面(PageLevel1),如下图 level1
  1. 支持储位号、托盘号、成品料号、项目名称、箱号、SN、工单号查询报表,接口名称:bydGbWarehouseStock_getStockReportL1ByPage
  2. 报表需要分页,使用bydGbWarehouseStock_getStockReportL1Count接口获取所有数量;
  3. 点击储位号或托盘号的链接,进入库存查询详情界面(PageLevel2),调用bydGbWarehouseStock_getStockReportL2接口传递当前点击的储位号和托盘号获取PageLevel2的数据;
  4. 点击导出按钮,导出public/mock/export.xlsx表供用户下载
  • 库存查询详情界面(PageLevel2),如下图 level2
  1. 点返回链接,页面跳转库存查询界面(PageLevel1)
  2. 点击导出按钮,导出public/mock/export.xlsx表供用户下载

Mock Dev

In file app.js:

  • Development: set mock to true
  • Production: set mock to false