保险H5页面、新增模板设计记录

保险的前端H5页面一般内容就是投保人，被保人，姓名出生年月，投保日期等等，加上一些其他的信息
然后每次业务方新增一个新的保险的页面，最初是需要重新，新写一个页面

后面觉得过于耗费人力，考虑设置几个不同的模板，这样只需要后端管理系统新增即可，无需前端系统再进行新的开发

比如，投被保人相同的模板，保险起止期默认一年的模板，短期旅游险相关类似模板

之后，每次新增H5页面的时候，可以在页面设置投保页面所需的所有内容，具体如下
投保人信息（包括姓名，出生年月，电话）
被保人信息
保险起止期
投保申明链接，条款链接
投保人年龄限制多少岁到多少岁

支付方式也可以设置

增加个表设计

1，出单模板信息表

TEMPLATE_LIB_ID VARCHAR2(50) N 模板库代码
PAGE_TEMPLATE_ID VARCHAR2(50) N 模板代码

PAGE_TEMPLATE_NAME VARCHAR2(50) N 模板名称

2，账号信息表

出单账号
产品代码
产品名称
产品描述
出单模板
支付方式
保险费
标准保险费
标准保险费说明
备注
最大保险期限日
最大保险期限月
最大可承保日期（日）
最大可承保日期（月）
被保人最大年龄
被保人最小年龄
被保人限制性别(0:无限制;1:男;2:女)
投保最大年龄
投保最小年龄
投保人限制性别(0:无限制;1:男;2:女)
投保人声明
0无效,1有效
1模板产品,0个性产品
折前金额
活动起期
活动止期
保费折扣比例

保险H5页面、新增模板设计记录相关推荐

H5使用Canvas模板设计签名并将图片保存到本地
最近在工作中遇到一个需求,自定义签名并将签名返回到页面上,为了方便以后遇到这种请求不在到处找资料,所以就想把这个需求记录下来 h5的Canvas自定义模板页面代码:canvas前端代码: <d ...
H5页面新增二维码、条形码扫描识别功能
创建扫描成功回调 onmarked(type, result) {// let {barcode} = thislet text = '未知: ';switch(type){case plus.bar ...
手把手教你如何设置H5页面动画效果
"H5",这个由HTML5简化而来的词汇,借由微信这个移动社交平台,正在走进更多人的视野.本文聚焦于基于微信传播的H5页面的动画设计,希望与大家进行交流探讨. 首先我们选择H5页面 ...
html5页面跳转方式,H5页面跳转的交互设计方法
今年做了大量的H5项目,遇到了很多坑,有自家的也有第三方的,在这个过程中get到了一些之前不具备的知识,所以这一篇,就简单分享一下这方面的话题吧. 一.传统的MPA 首先,说一个比较古老的东西,叫做M ...
h5页面保存img_如何设计H5编辑器中的模版库并实现自动生成封面图
往期精选 H5编辑器的图片上传和图片库设计方案如何实现H5编辑器的实时预览和真机扫码预览功能在线IDE开发入门之从零实现一个在线代码编辑器基于React+Koa实现一个h5页面可视化编辑器-Do ...
使用现有模板制作一个简单的H5页面
https://blog.csdn.net/yql_617540298/article/details/107677993这里介绍了很多制作H5页面的平台,这次,我打算动手尝试一下,我选择了" ...
移动端web设计尺寸_移动端H5页面的设计稿尺寸大小规范
当我们在做手机端H5网页设计稿时(当然包含微信端的H5网页设计),如果没有做过类似的移动端的设计,UI设计师和前端工程师肯定会纠结的.如果是app设计师,就不会那么纠结啦. 那么多手机屏幕尺寸,设计稿 ...
移动端H5页面关于软键盘的一些踩坑记录
最近一个项目需要做一个留言的功能,需求很简单,点击留言按钮底部弹出留言框,然后发送留言给后台就行了,还有一个就是页面要实现复制功能.讨论需求的时候我预想到了手机上软键盘的弹出可能会有一些bug,不过需 ...
Epub360教你招聘H5页面设计与制作
随着移动互联网的兴起,招聘的载体及互动形式等都发生了变化.如何在海量招聘信息中脱颖而出,成为了很多HR非常头疼的问题.那么,HR怎么做才能精准高效地引起求职者的注意力呢?当然是做个H5页面啦! 不会做 ...
11-课程详情页面静态化-课程信息模板设计
4.3 课程信息模板设计在确定了静态化所需要的数据模型之后,就可以编写页面模板了,课程详情页面由多个静态化页面组成,所以我们需要创建多个页面模板,本章节创建课程详情页面的主模板,即课程信息模板. ...

保险H5页面、新增模板设计记录

保险H5页面、新增模板设计记录相关推荐

最新文章

热门文章