2021-09-13

1. tab切换并请求接口使用计算属性导致每次切换tab页签时出现卡顿现象
   （注意：页面动态循环且数据量大时才会出现卡顿）–解决方案禁止使用计算数据熏染tab中title
   • 后端返回数据量较大且未作分页时table列表熏染html页面出现卡顿较慢/影响体验 --解决方案前端做table列表假分页
   • table列表请求（网络慢）导致响应慢一定需要加loading优化
   • 下载/导出报文数据量大导致前端响应超时（点击导出按钮后响应超时但后端还在生成报文中,再次点击下载又重新生成报文响应超时…） --解决方案后端拆分成两个接口异步，前端先调状态接口查看 生成中、未生成、完成（与后端约code）然后再去执行下载操作
   • table列表前端需要做码值转换（例prop=type 1\2\3 1=日 2=季 3=年）转换后会直接修改table列表原数组 假如编辑详情是通过row传值过去在 保存修改 通过Object.assign({},row)浅拷贝方式转码值回去
   • table列表label宽度设置宽度后，如果label名称很长宽度不够时会导致高度撑开影响页面布局，根据label中字段length的长度设置宽度
     例 <el-table-column v-for=’(item,i) in columns’ :key=‘i’
     :prop=‘item.prop’ :label=‘item.label’
     :min-width=‘item.label.length<=4?100%’:(item.label.length>4&item.label.length<10?150:300)