项目介绍：公寓民宿预定平台，提供公寓、客栈、民宿、短租房、短租公寓、日租房、家庭旅馆、别墅等多种住宿体验 项目职责：1.根据Tabbar构建页面级组件，初步搭建组件路由 2.城市搜索相关功能的实现以及酒店信息的动态渲染 3.登录功能的实现 技术要点：1. 本项目中用到了vue3使用vue-cli 搭建整个项目的结构 2. 用html5+ css3 结合 vant-ui 对页面 UI 框架进行页面布局。（首页tab栏切换） 3.利用vuex 进行状态管理 vue-router 实现路由的跳转，v-for 渲染页面 ,vue-axios 获取的数据，实现详情页跳转 4. 利用防抖进行搜索优化，提升用户体验 5.通过节流方式获取登录验证码，利用cookie和localStorage对token值进行存储，以及路由守卫对token的校验 6. 使用TS利于代码后期维护，使用webpack 打包工具打包实现代码压缩

项目介绍： 根据客户需求，对不同的产品进行风险评估以及根据不同条件进行要货模拟，从而为客户打造安全、专业的产品风 险评估及模拟系统。 项目职责： 我在该项目中主要负责要货段，涉及产品的经营模拟、订单号录入、产品线河流图等 需求和技术要点： 1.用html5+ css3 结合 ElementUI 对页面 UI 框架进行页面布局,如该项目中要货经营模块中Tab栏的横向切换， 分别展示要货经营信息页面、要货经营模拟页面、要货经营评估页面、客户信息页面 2.要货风险评估页面的权限管理：需求是根据不同角色给予该角色的一些操作权限，如在该项目需求中只需要对供应经理一角色赋予对该页面的新增、删除、查看功能，其他角色需要置灰处理并提示。这就涉及到两个组件的传值，一个是当前页面的角色列表组件，一个是模拟结果展示的组件，这里就用到了$eventBus.$emit来触发事件，$eventBus.$on来监听事件，通过bus通信将角色列表的对象传值到模拟结果组件并接收，通过循环和判断进行data属性值的修改，进而控制当前功能是否置灰以及是否给出提示。 3.BOQ号和BOQ版本号的录入：需求是初始页面客户手动点击新增按钮，新增一行BOQ号和BOQ版本号的列表形式的表单，手动输入BOQ号和BOQ版本号，在点击生成决策时需要对BOQ号和BOQ版本号的合规性进行校验，这里调用中台服务，根据中台返回的提示信息，将提示语以弹窗形式显示到页面，如果校验失败提示录入失败的信息，如果校验成功显示录入成功的信息，并调回显服务更新列表。 4.产品线河流图：需求是显示每个产品在不同阶段的状态，并可以修改某个产品在该阶段的状态。us需求是点击齿轮设置并弹窗，生成横向表头为阶段，纵向表头为产品的列表，并根据中台服务返回，显示是否必定勾选、是否可勾选、是否置灰，进而改变河流图每条河流节点的状态以及显示几条河流。这里主要用到了河流图的插件，在拉取代码运行前需要手动引入带有河流图插件的node_modules包。

项目介绍：1.厂端可维护各经销商月度指标，并下发给经销商 2.经销商可提报下月常规计划和特殊计划，到期自动转计划订单，也可当月提报增补订单 3.厂端业务对订单进行审核后，DMS（汽车经销商管理系统）将订单信息推送给SAP（生产管理系统），在SAP中进行订单配车、发运、结算流程 项目模块：1.整车基础参数管理 2.销售计划管理 3.销售订单管理 4.大客户订单管理 6.经销商库存管理 7.实销管理 8.资金管理 责任描述：在项目中主要负责整车基础参数管理模块，该模块有5个子模块； 1.整车物料查看：页面分为上下两个功能区，上半区是查询条件区（车系、车型、配置等）及操作按钮区（查询、重置、导入、导出），下半区是列表展示区。利用ElementUI中的Table、From、Switch等ui组件搭建静态页面，使用axios插件请求服务器接口，展示整车详细物料信息，含车系、车型、配置、选装、内饰、外饰等；通过接收的参数，展示是否可订购（控制此物料是否可面向经销商进行批售操作）；物料对应的市场指导价由后台传入 2.整车物料价格查询：根据条件查询，可筛选出所有物料信息以及物料的市场指导价信息，逻辑处理中用到了数组过滤filter、字符查找indexOf等方法；接口方面前期用到mock模拟接口； 3.计划提报时间设置：根据需求设置经销商特殊计划、常规计划提报时间段；提报时间段可按年月、时间段维度设置；时间区域的判断主要是通过时间戳做对比，即使用new Datad搭配getTime；点击“新增”弹出“计划提报时间新增”页面，点击“编辑”弹出“计划提报时间编辑”页面，通过bus通信、父子通信等等实现组件之间的数据传递，完成相关逻辑 4.折扣政策设置：厂端维护订单现金折让折扣政策；可按物料的维度维护；点击“重置”按钮，将查询条件区的查询条件重置为默认值；点击“新增”按钮，弹出“数据导入”页面，导入折扣政策设置；点击“编辑”按钮：弹出“折扣政策编辑”，编辑折扣政策设置； 5.整车特殊采购价格维护：厂家维护经销商、物料一单一价的采购价格；经销商代码：文本输入，支持模糊查询，支持批量查询，批量查询时，可输入多个完整的经销商代码用“，”隔开，默认为空；下发状态：下拉查询，值为：待下发、已下发，默认为全部；物料编码、物料描述：文本输入，支持模糊查询，默认为空；点击“导出”按钮：按照列表字段顺序导出已查询到的数据至excel中 项目中遇到的问题及解决思路： 1.当用户网页请求时，首屏加载时间比较长 解决思路：开启Gzip，可以大大提高用户的页面加载速度，因为gzip的体积比原文件小很多。项目打包时 对webpack进行特殊设置，安装插件（compression-webpack-plugin）;打包同时生成两份文件，一份为 正常的文件，另一个为gz压缩后的文件，部署时将其全部部署至服务端。之后在nginx配置中使用： gzip_static on，该属性能够静态加载本地的gz文件，这样就完成了gzip。 2.关于vue使用history模式打包到服务器出现白屏问题 解决思路：路由配置默认是hash模式，此时你可以选择默认模式，把mode:history删除，如果非要使用 history模式需要你在服务端添加一个覆盖所有情况的候选资源，如果服务器上没有配置值nginx，然后你 还要看你打包的位置是否是服务器的根目录；