北投装饰物资管理系统web端

生活消费 · 房产家居 案例ID: 185186
联系该工程师
微信扫码,建群沟通
作者: 小屁宇 - 4年经验- 广西凌郎科技有限公司

案例介绍

项目:
北投装饰物资管理系统web端(WebAPP、Vue)
项目简介:
北投装饰物资管理是流程管理、物资查询、订单跟踪为一体的管理平台,该平台分为pc端和web端,是针对企业内部的管理平台。
负责模块:
工作台、项目档案、项目质检资料、填报进度
技术栈:
vue、vue-router、vuex、axios、vant、echarts、less、vue-qrcode-reader
技术描述:
1、使用lib-flexible、postcss-pxtorem做屏幕自适应,通过postcss-pxtorem把px转成rem单位,lib-flexble动态设置rem的屏幕占比,由此实现rem布局;
2、根据UI图,使用less和vant组件编写页面样式和组件功能,并修改组件class源样式,使页面符合设计要求;
3、使用flex布局,在父元素设置justify-content属性使商品展示自动分配间距,使模块有序的排列,实现页面自适应;
4、使用van-pull-refresh组件包裹van-list组件配合refresh事件和load事件,实现上拉加载、下拉刷新,并用keep-live做数据缓存,优化页面性能;
5、封装axios,设置请求拦截、响应拦截,封装post和get方法,并根据不同页面划分不同的模块,并引入post和get方法,获取后端数据;
6、设置路由守卫,判断to即将要进入的页面是否需要登录,如果不需要用next()跳转到相应界面,反则进入到登录页面。
7、echarts通过clear()方法实现清空画布,防止下拉框柱状图交互的时候,柱状图出现数据错乱;
8、把协议设置成https,并结合vue-qrcode-reader组件获取到摄像头权限,实现h5扫一扫功能;

相似案例推荐

  • 我在家官网

    我在家官网

    我在家平台商城,提供toC端用户家居查询、购买、售后等支持,

  • 金科天壹府

    金科天壹府

    金科天壹府位于重庆璧山区,还没有交房,属于前期设计服务阶段。

  • 家政服务预约平台

    家政服务预约平台

    项目类型:家政服务预约平台 核心功能: 1. 家政服

  • 安居网

    安居网

    ➢ 安居网是一个以装修为目的在线oto平台,是一家专注于,

  • 威商户

    威商户

    1.概述:为商户赋能,提供商户服务、商场管理功能(客流分析、

  • 58 同城宝实时数仓 2.0

    58 同城宝实时数仓 2.0

    数据接入 ios/android/pc/h5 -> 日

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
微信沟通 联系需求方端客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×