保险产品详情页

README.md

 # Agera-cli 移动端项目模版
 
-版本: 2019-6-1
+最近更新: 2019-7-12
+
+
+## 前言
+
+前人栽树，后人乘凉。Agera的主要目的是
+
+基于客户通项目封装，设计参考交银e保通，交银爱行销
+
+Agera一期，要建立稳定的演示环境，演示在线投保（包括空中签名、保单签收），培训，绩效查询，行销工具
+
+## 一期进度
+
+### 已完成
+
+命令行工具
+
+脚手架RN 0.59.5
+
+全局设置
+redux-persist
+navigation redux
+theme
+路由跳转传参
+屏幕宽度
+状态栏高度适配
+App字体大小控制
+热更新升级
+组件示例
+
+mock
+
+decorator
+
+homePage
+
+userPage
+
+ServicePage
+
+InsureList
+
+policyPage
+
+Insure config
+
+
+
+
+### 待开发
+
+ReceiptPage
+
+paymentPage
+
+trainPage
+
+achievement
+
+原生webview
+
+原生启动图
+
+原生相册、拍照
+
+原生ocr
+
+原生人脸识别
+
+原生签名
+
+嵌入太平头条、健康讲堂、祝福卡
+
+导入 邀请有礼、健步行、周周乐
+
 
 ## 依赖库
 
@@ -24,7 +98,7 @@
 
 
 
-## 初始化
+## 如何使用
 
 使用 agera-cli buildApp 初始化项目后，
 安装依赖
@@ -56,7 +130,7 @@ Android studio打开android目录下 build.gradle
 路由导航
 主题切换
 
-### 原生
+### 原生组件
 
 原生组件使用示例：
 
@@ -70,7 +144,7 @@ Android studio打开android目录下 build.gradle
 启动页
 webview
 
-### JS
+### JS组件
 
 JS组件使用示例：
 按钮

ios/BasicApp.xcodeproj/project.pbxproj

@@ -1120,6 +1120,10 @@
 						CreatedOnToolsVersion = 6.2;
 						TestTargetID = 13B07F861A680F5B00A75B9A;
 					};
+					13B07F861A680F5B00A75B9A = {
+						DevelopmentTeam = K3P7TW9FM8;
+						ProvisioningStyle = Manual;
+					};
 					2D02E47A1E0B4A5D006451C7 = {
 						CreatedOnToolsVersion = 8.2.1;
 						ProvisioningStyle = Automatic;
@@ -1911,8 +1915,10 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_STYLE = Manual;
 				CURRENT_PROJECT_VERSION = 1;
 				DEAD_CODE_STRIPPING = NO;
+				DEVELOPMENT_TEAM = K3P7TW9FM8;
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
 					"$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
@@ -1934,8 +1940,9 @@
 					"-ObjC",
 					"-lc++",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.basicapp;
+				PRODUCT_BUNDLE_IDENTIFIER = com.cntaiping.tpapptest;
 				PRODUCT_NAME = BasicApp;
+				PROVISIONING_PROFILE_SPECIFIER = tpapptestDep20181207;
 				VERSIONING_SYSTEM = "apple-generic";
 			};
 			name = Debug;
@@ -1944,7 +1951,10 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_IDENTITY = "iPhone Distribution";
+				CODE_SIGN_STYLE = Manual;
 				CURRENT_PROJECT_VERSION = 1;
+				DEVELOPMENT_TEAM = K3P7TW9FM8;
 				HEADER_SEARCH_PATHS = (
 					"$(inherited)",
 					"$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
@@ -1966,8 +1976,9 @@
 					"-ObjC",
 					"-lc++",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.basicapp;
+				PRODUCT_BUNDLE_IDENTIFIER = com.cntaiping.tpapptest;
 				PRODUCT_NAME = BasicApp;
+				PROVISIONING_PROFILE_SPECIFIER = tpapptestADHoc20181207;
 				VERSIONING_SYSTEM = "apple-generic";
 			};
 			name = Release;

ios/BasicApp.xcodeproj/xcshareddata/xcschemes/BasicApp.xcscheme

@@ -80,9 +80,9 @@
       </AdditionalOptions>
    </TestAction>
    <LaunchAction
-      buildConfiguration = "Debug"
-      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
-      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      buildConfiguration = "Release"
+      selectedDebuggerIdentifier = ""
+      selectedLauncherIdentifier = "Xcode.IDEFoundation.Launcher.PosixSpawn"
       launchStyle = "0"
       useCustomWorkingDirectory = "NO"
       ignoresPersistentStateOnLaunch = "NO"

ios/BasicApp/Info.plist

@@ -3,9 +3,9 @@
 <plist version="1.0">
 <dict>
 	<key>CFBundleDevelopmentRegion</key>
-	<string>en</string>
+	<string>zh_CN</string>
 	<key>CFBundleDisplayName</key>
-	<string>{{appName}}</string>
+	<string>Agera</string>
 	<key>CFBundleExecutable</key>
 	<string>$(EXECUTABLE_NAME)</string>
 	<key>CFBundleIdentifier</key>
@@ -17,7 +17,7 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>1.0</string>
+	<string>1.0.0</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
@@ -38,7 +38,7 @@
 		</dict>
 	</dict>
 	<key>NSLocationWhenInUseUsageDescription</key>
-	<string></string>
+	<string>测试权限</string>
 	<key>UIAppFonts</key>
 	<array>
 		<string>AntDesign.ttf</string>
@@ -66,8 +66,6 @@
 	<key>UISupportedInterfaceOrientations</key>
 	<array>
 		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
 	<key>UIViewControllerBasedStatusBarAppearance</key>
 	<false/>

src/BasicNavigator/navigationStack.js

@@ -25,6 +25,7 @@ import RatingPage from '../pages/ratingDemo';
 import SliderPage from '../pages/sliderDemo';
 import TooltipPage from '../pages/tooltipDemo';
 import InsuranceDetail from '../pages/InsuranceList/InsuranceDetail';
+import ProductDetailPage from '../pages/insurePage/ProductDetailPage';
 
 import { initialRouteName, RootPageInitialName } from '../utils/constants';
 import { TabOptions } from '../components/TabOptions';
@@ -132,6 +133,9 @@ const navigator = createStackNavigator({
   InsuranceDetail: {
     screen: InsuranceDetail,
   },
+  ProductDetailPage: {
+    screen: ProductDetailPage,
+  },
 }, {
   initialRouteName,
   headerMode: 'none',

src/pages/Agera-App-Insure/config/index.js

+// @flow
+
+export const productDetail = 'productDetail';
+export const fillInfo = 'fillInfo';
+export const healthNotification = 'healthNotification';
+export const payment = 'payment';
+export const receipt = 'receipt';
+// layout type
+export const BANNER = 'banner';
+export const TITLE = 'title';
+export const LIST_ITEM = 'listItem';
+export const CHOOSE = 'choose';
+
+const initConfig = {
+  insuranceProcess: [
+    productDetail,
+    fillInfo,
+    healthNotification,
+    payment,
+    receipt,
+  ],
+  layout: [
+    {
+      type: BANNER, // 组件类型
+      key: BANNER, // 组件的唯一标识，用来串联 layout, rules
+      uri: '', // banner需要装填数据 uri,展示的图片链接
+      width: 100, //图片宽度
+      height: 100, // 图片高度
+    },
+    {
+      type: TITLE,
+      key: TITLE,
+      h1: '', // title需要装填数据 主标题
+      h2: '', // title需要装填数据 副标题
+      label: [], // 多个展示标签
+      labelColor: '', //颜色
+    },
+    {
+      type: LIST_ITEM,
+      key: LIST_ITEM,
+      title: {
+        icon: '', //左侧icon
+        h1: '', //主标题
+        rightIcon: '', //右侧icon
+        rightText: '', //右侧文字
+        onPress: () => {}, //点击事件
+      },
+      data: [{ key: '', value: '' }],
+    },
+    {
+      type: CHOOSE,
+      key: CHOOSE,
+      title: {
+        icon: '', //左侧icon
+        h1: '', //主标题
+        rightIcon: '', //右侧icon
+        rightText: '', //右侧文字
+        onPress: () => {}, //点击事件
+      },
+      text: '', // 选择框显示标题
+      values: [], // 选择框数据集合
+      source: {}, //修改源对象
+      setKey: '', //修改源对象内的属性名称
+      onChange: () => {}, //选中事件
+      onWillChange: () => {}, // 选中前执行事件
+    },
+  ],
+  rules: [
+    {
+      layoutKey: CHOOSE, // 串联 key 为 choose的组件
+      range: [], // [min , max]   [a,b,c,d] 只允许包含在 a\b\c\d内
+    },
+  ],
+}
+
+export const BaseConfig = {
+  '200000156': initConfig,
+  '200000155': initConfig,
+  '200000152': initConfig,
+};
+
+// 订单
+export type Order = {
+  oid : string, // 唯一标识
+  orderno : string, // 订单号
+  uid : string, // 用户id
+  memberid : string, //关联关系,
+  channel : string, // 渠道
+  company : string, // 承保机构Id
+  orderstatus : string, //订单状态
+  ordertype : string, // 订单类型
+  orderprem : string, // 保费，用户付出的钱 元
+  orderamnt : string, // 保额，赔付的金额 元,
+  strmakedate : string, // 创建时间 年 月 日
+  invitecode : string, // 邀请号,
+}
+
+//支付信息
+export type Payment = {
+  bankcode : string, // 银行编号
+  bankname : string, // 银行名称
+  name : string, // 开户名
+  bankaccount : string, // 银行账号
+  paymode : string, // 支付方式
+  payprem : string, // 支付金额
+  appmobile : string, // 联系方式
+  status : string, // 支付状态,
+  message : string, // 支付备注
+  strpaymentdate : string, // 开始支付时间
+  repaymode : string, //退款方式,
+  outpayflag : string, // 外部渠道标识,
+}
+
+//受益人
+export type Bnf = {
+  bid : string, // 受益人id
+  bnftype : string, // 受益人类型  0 法定
+  bnfno : string, // 受益人编号
+  bnfgrade : string, //受益人级别
+  relationtoinsured : string, // 与被保人关系
+  bnflot : string, // 受益份额
+  sequenceno : string, //显示顺序
+  name : string, // 受益人名字
+  gender : string, // 性别
+  birthday : string, // 生日
+  idtype : string, // 证件类型
+  idno : string, // 证件号
+  isauthentication : string, //是否认证用户,
+  infrontimg : string, // 正面证件照片
+  inbackimg : string, // 反面证件照
+  nativeplace : string, // 籍贯
+}
+
+export type PDetail = {
+  province : string, //省编号
+  city : string, //市 编号
+  county : string, //区/县 编号
+  postaladdress : string, //详细地址
+  zipcode : string, //邮编
+  stature : string, //身高
+  avoirdupois : string, //体重
+  familyyearincome : string, //家庭收入
+  salary : string, //工资
+  mobile : string, //手机
+  phone : string, //固定电话
+}
+
+// 用户
+export type Person = {
+  uid : string, //用户ID
+  name : string, //用户
+  gender : string, //性别,
+  birthday : string, //生日
+  idvalid : string, //实名认证
+  cardusefuldate : string, //证件有效期
+  idtype : string, //证件类型
+  idno : string, //证件号
+  nativeplace : string, //籍贯,
+  ssflag : string, //是否有社保,
+  infrontimg : string, // 证件照正面
+  inbackimg : string, // 证件照反面
+  currenttype : string, // 税收居民类型
+  detail : PDetail, // 通讯信息
+}
+
+//健告输入
+export type Customerimpart = {
+  impartcode : string, // 健康告知项编号
+  impartver : string, // 健康告知项版本,
+  impartcontent : string, //告知内容
+  impartparams : string, // 用户输入信息,
+  impartexplanation : string, //输入参数,
+}
+
+// 投保人
+export type Applicant = {
+  aid : string, // 唯一标识
+  orderId : Array<string>, // 订单ID集合
+  ldperson : Person, //用户信息
+  lccustomerimpart : Array<Customerimpart>, //健康告知
+};
+
+export type Insured = {
+  insureId : string, // 唯一标识
+  orderUUID : Array<string>, // 订单ID集合
+  lcinsured : Person, //用户信息
+  lccustomerimpart : Array<Customerimpart>, //健康告知
+  bnfs : Array<Bnf>, //受益人
+};
+
+//险种计划，计划包含产品
+export type Plan = {
+  pId : string, //唯一标识
+  prem : string, // 保费 元
+  amnt : string, // 保额 元,
+  products : Array<string>, // 保险产品ID
+  contplancode : string, // 计划编号,
+  contplanname : string, // 计划名称,
+  mult : string, // 份数
+  payintv : string, // 缴费方式 12 年缴，1月缴，0趸缴
+  insuyear : string, //保障期间 106 终身,
+  insuyearflag : string, // 保障期间单位   Y 年 ， A 岁,
+  payendyear : string, // 缴费期间
+  payendyearflag : string, // 缴费期间单位 Y 年 ， A 岁,
+  hospitalbnfflag : string, // 是否有住院津贴   N;不选择Y:选择,
+  livegetmode : string, //生存金领取方式
+  deadgetmode : string, //身故金领取方式
+  bonusgetmode : string, //红利金领取方式
+  getyear : string, // 领取 年龄,
+  getyearflag : string, //领取 年龄标记 符合领取年龄 ,
+  getendperiod : string, // 领取年期,
+  getendunit : string, //领取年期 单位,
+}
+
+// 责任
+export type Duty = {
+  dutycode : string, //责任编码
+  prem : string, //基本保费 用户付出的
+  amnt : string, //实际保额 赔付的
+  getlimit : string, //免赔天数
+  deductible : string, //免赔金额 元
+  getrate : string, //免赔比例
+}
+
+//保险产品
+export type Product = {
+  productId : string, // 唯一标识
+  planids : Array<string>, // 关联险种计划ID集合
+  polno : string, //保单险种号码
+  riskcode : string, //险种编码
+  riskname : string, //险种名称
+  ismainriskflag : string, //主附险标志
+  payintv : string, //缴费方式  12 年缴，1月缴，0趸缴
+  payendyearflag : string, //缴费期间
+  payendyear : string, //缴费期间单位 Y 年 ， A 岁
+  insuyearflag : string, //保险年期单位
+  insuyear : string, //保险年期
+  amnt : string, //保额 赔付,
+  prem : string, //保费, 用户支付
+  mult : string, //份数,
+  getyear : string, //领取年龄
+  getintv : string, //年金领取频次
+  getendperiod : string, //领取期间,
+  getendunit : string, //领取期间单位,
+  livegetmode : string, //生存金领取方式
+  deadgetmode : string, //身故金领取方式,
+  bonusgetmode : string, //红利金领取方式
+  calflg : string, //保额报费计算方式 G保额算保费，P 保费算保额
+  pubamntflag : string, //是否公共保额 Y--是，N--否
+  pubamnt : string, //公共保额
+  dutys : Array<Duty>, // 责任列表
+  discountsave : string, //折扣率
+};
+
+
+// 保单
+export type Policy = {
+  pid : string, //唯一标识
+  order : Order, // 订单
+  payment : Payment, // 支付信息
+  applicant : Applicant, //投保人
+  insureds : Array<Insured>, //被保人集合
+  bnfs : Array<Bnf>, // 受益人
+  plans : Array<Plan>, // 保险计划
+  // 目前的产品，products暂时不储存数据，所有产品数据储存在计划中
+  products : Array<Product>,
+}
+
+export default {};

src/pages/Agera-App-Insure/index.js

@@ -3,16 +3,136 @@ import React from 'react';
 import {
   View,
 } from 'react-native';
+import FastImage from 'react-native-fast-image';
 import Text from '../../components/Text';
+import {
+  BANNER, TITLE, LIST_ITEM, CHOOSE,
+} from './config';
+import BasicIcon from "../../components/BasicIcon";
+import { ListItem } from "react-native-elements";
 
+function renderBanner(props) {
+  console.log('renderBanner:', props);
+  return (
+    <FastImage
+      style={{ width: props.width, height: props.height }}
+      source={{
+        uri: props.uri,
+        priority: FastImage.priority.normal,
+      }}
+      resizeMode={FastImage.resizeMode.stretch}
+    />
+  );
+}
 
-function renderPageByConfig(config) {
+function renderTitle(props) {
+  console.log('renderTitle:', props);
   return (
-    <View>
-      <Text>组件</Text>
+    <View
+      style={{
+        height: props.height || 100,
+        paddingLeft: 15,
+      }}
+    >
+      <Text style={{
+        color: '#333',
+        fontSize: 18,
+        marginTop:15,
+      }}
+      >
+        {props.h1}
+      </Text>
+      <Text style={{
+        marginTop:10,
+        color: '#999',
+        fontSize: 13,
+      }}
+      >
+        {props.h2}
+      </Text>
+      <View style={{
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingTop: 9,
+      }}
+      >
+        {
+          props.label.map((item, index) => (
+            <View
+              style={{
+                borderColor: props.labelColor,
+                borderWidth: 1,
+                marginRight: 10,
+              }}
+            >
+              <Text style={{
+                color: props.labelColor,
+              }}
+              >
+                {item}
+              </Text>
+            </View>
+          ))
+        }
+      </View>
     </View>
   );
 }
+function renderListItem(props) {
+
+  return(
+    <View>
+      {
+    <ListItem
+      key={`renderListItem${index}`}
+      containerStyle={{
+        borderBottomWidth: index < props.data.length - 1 ? 0.3 : 0,
+        borderBottomColor: '#ccc',
+      }}
+      title={item.title}
+      titleStyle={{ color: '#666', fontSize: 14 }}
+      leftElement={(
+        <FastImage
+          style={{ width: 24, height: 24 }}
+          source={{
+            uri: item.imgUrl,
+            priority: FastImage.priority.normal,
+          }}
+          resizeMode={FastImage.resizeMode.stretch}
+        />
+      )}
+      rightElement={(
+        <BasicIcon
+          suite="Ionicons"
+          name="ios-arrow-forward"
+          size={24}
+          color="#666"
+        />
+      )}
+    />}
+    </View>
+  )
+}
+
+
+export function renderPageByConfig(config, renderCustomView?) {
+  switch (config.type) {
+  case BANNER:
+    return renderBanner;
+  case TITLE:
+    return renderTitle;
+    case LIST_ITEM:
+    return renderListItem;
+  case CHOOSE:
+  default:
+    return () => {
+      // 有自定义方法执行传入的渲染方法
+      if (renderCustomView) {
+        renderCustomView(config);
+      }
+    };
+  }
+}
 
 export default {
   renderPageByConfig,

src/pages/home/home.json

@@ -4,7 +4,7 @@
     "title": "",
     "data": [
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/dawanqu1.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/dawanqu1.png",
         "tagUrl": "https://mp.weixin.qq.com/s/IUlnN-Yh12reG96WlMCCgQ",
         "pageType": "HTML",
         "authorization": "",
@@ -17,7 +17,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/tuangou1.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/tuangou1.png",
         "tagUrl": "http://mall.itaiping.com/itaiping-mobile/activityPage.html?activityIndex=0&activitySign=tuangou",
         "pageType": "HTML",
         "authorization": "",
@@ -30,7 +30,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/ttcjbanner.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/ttcjbanner.png",
         "tagUrl": "34",
         "pageType": "RN",
         "authorization": "",
@@ -43,7 +43,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/banner04.jpg",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/banner04.jpg",
         "tagUrl": "",
         "pageType": "",
         "authorization": "",
@@ -68,7 +68,7 @@
     "title": "",
     "data": [
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_service_wodebaodan.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_service_wodebaodan.png",
         "tagUrl": "InsuranceList",
         "pageType": "native",
         "authorization": "1",
@@ -81,7 +81,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_service_baoan.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_service_baoan.png",
         "tagUrl": "23",
         "pageType": "RN",
         "authorization": "",
@@ -94,7 +94,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_service_toubaojincheng.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_service_toubaojincheng.png",
         "tagUrl": "ClaimSearch",
         "pageType": "native",
         "authorization": "1",
@@ -107,20 +107,20 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_service_shishidai.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_service_shishidai.png",
         "tagUrl": "22",
         "pageType": "RN",
         "authorization": "1",
         "login": "1",
         "title": "实时贷",
-        "detail": "menu=service&banner=http://58.49.129.4/static/rn/src/img/pic_shishidai_banner2.png&content=借款人(保险服务密码所有人)以在太平人寿保险有限公司所持有的可借款保险合同的现金价值为质，同意开通“实时货”业务并在“实时货”业务有效期内可向保险公司申请借、还款。\n注：货款时，仅支持投、被保人均为本人及投保人为本人、协议签订及申请借款时被保人为未成年人的保单。\n",
+        "detail": "menu=service&banner=https://ecustomer.tp95589.com/static/rn/src/img/pic_shishidai_banner2.png&content=借款人(保险服务密码所有人)以在太平人寿保险有限公司所持有的可借款保险合同的现金价值为质，同意开通“实时货”业务并在“实时货”业务有效期内可向保险公司申请借、还款。\n注：货款时，仅支持投、被保人均为本人及投保人为本人、协议签订及申请借款时被保人为未成年人的保单。\n",
         "titleColor": "#333333",
         "detailColor": "",
         "badge": "",
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_service_huizhihuifang.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_service_huizhihuifang.png",
         "tagUrl": "Receipt",
         "pageType": "native",
         "authorization": "1",
@@ -133,7 +133,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_service_baodanxuqijiaofei.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_service_baodanxuqijiaofei.png",
         "tagUrl": "RenewalPolicy",
         "pageType": "native",
         "authorization": "1",
@@ -146,7 +146,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_service_wodebaozhang.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_service_wodebaozhang.png",
         "tagUrl": "AssetList",
         "pageType": "native",
         "authorization": "1",
@@ -159,7 +159,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_service_tuanxianlipeishenqing.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_service_tuanxianlipeishenqing.png",
         "tagUrl": "21",
         "pageType": "RN",
         "authorization": "1",
@@ -184,7 +184,7 @@
     "title": "活动",
     "data": [
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/pic_banner_activity_invite6.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/pic_banner_activity_invite6.png",
         "tagUrl": "29",
         "pageType": "RN",
         "authorization": "",
@@ -197,7 +197,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/zhouzhoule.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/zhouzhoule.png",
         "tagUrl": "34",
         "pageType": "RN",
         "authorization": "",
@@ -210,7 +210,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/pic_banner_activity_running6.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/pic_banner_activity_running6.png",
         "tagUrl": "30",
         "pageType": "RN",
         "authorization": "",
@@ -223,7 +223,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/qiandaoyoujiang.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/qiandaoyoujiang.png",
         "tagUrl": "26",
         "pageType": "RN",
         "authorization": "",
@@ -248,7 +248,7 @@
     "title": "增值服务",
     "data": [
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/pic_home_shop_huiyuan2.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/pic_home_shop_huiyuan2.png",
         "tagUrl": "http://sit1.tp95589.com/healthCenterWeb/#/index?firstVC=1",
         "pageType": "HTML",
         "authorization": "",
@@ -261,7 +261,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/pic_home_shop_haiwai2.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/pic_home_shop_haiwai2.png",
         "tagUrl": "http://smarket.tp95589.com/itaiping-mobile/voucherCenter/index?firstVC=1",
         "pageType": "HTML",
         "authorization": "",
@@ -274,7 +274,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/pic_home_shop_fupin2.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/pic_home_shop_fupin2.png",
         "tagUrl": "http://smarket.tp95589.com/itaiping-mobile/scoreService.html?firstVC=1",
         "pageType": "HTML",
         "authorization": "",

src/pages/home/user.json

@@ -4,7 +4,7 @@
     "title": "",
     "data": [
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_bd_baozhangzhong3.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_bd_baozhangzhong3.png",
         "tagUrl": "InsuranceList",
         "pageType": "native",
         "authorization":"1",
@@ -17,7 +17,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_bd_yizhongzhi3.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_bd_yizhongzhi3.png",
         "tagUrl": "InsuranceList",
         "pageType": "native",
         "authorization":"1",
@@ -30,7 +30,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_sc_wodebaodan3.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_sc_wodebaodan3.png",
         "tagUrl": "InsuranceList",
         "pageType": "native",
         "authorization":"1",
@@ -43,7 +43,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_sc_gouwuche3.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_sc_gouwuche3.png",
         "tagUrl": "http://smarket.tp95589.com/itaiping-mobile/myCart?firstVC=1",
         "pageType": "HTML",
         "authorization":"",
@@ -56,7 +56,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_sc_daifukuan3.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_sc_daifukuan3.png",
         "tagUrl": "http://itaiping.tp95589.com/mobile/userCenter/myOrder.html?status=1&firstVC=1",
         "pageType": "HTML",
         "authorization":"",
@@ -69,7 +69,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_sc_dingdan3.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_sc_dingdan3.png",
         "tagUrl": "http://itaiping.tp95589.com/mobile/userCenter/myOrder.html?firstVC=1",
         "pageType": "HTML",
         "authorization":"",
@@ -94,7 +94,7 @@
     "title": "会员权益",
     "data": [
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_vip_task3.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_vip_task3.png",
         "tagUrl": "24",
         "pageType": "RN",
         "authorization":"",
@@ -107,7 +107,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_vip_coupon3.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_vip_coupon3.png",
         "tagUrl": "MyCoupon",
         "pageType": "native",
         "authorization":"",
@@ -120,7 +120,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_vip_invite3.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_vip_invite3.png",
         "tagUrl": "29",
         "pageType": "RN",
         "authorization":"",
@@ -133,7 +133,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/yueyuechoujiang.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/yueyuechoujiang.png",
         "tagUrl": "34",
         "pageType": "RN",
         "authorization":"",
@@ -158,7 +158,7 @@
     "title": "",
     "data": [
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_mine_conacts3.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_mine_conacts3.png",
         "tagUrl": "PersonInfo",
         "pageType": "native",
         "authorization":"",
@@ -171,7 +171,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_mine_safe3.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_mine_safe3.png",
         "tagUrl": "SecurityCenter",
         "pageType": "native",
         "authorization":"",
@@ -184,7 +184,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_mine_information3.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_mine_information3.png",
         "tagUrl": "Feedback",
         "pageType": "native",
         "authorization":"",
@@ -197,7 +197,7 @@
         "icon": ""
       },
       {
-        "imgUrl": "http://58.49.129.4/static/rn/src/img/icon_mine_information3.png",
+        "imgUrl": "https://ecustomer.tp95589.com/static/rn/src/img/icon_mine_information3.png",
         "tagUrl": "HelpCenter",
         "pageType": "native",
         "authorization":"",

src/pages/insurePage/ProductDetailPage.js

+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow
+ */
+
+import React, { Component } from 'react';
+import {
+  View,
+} from 'react-native';
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { SpringScrollView } from 'react-native-spring-scrollview';
+import { CommonLottieHeader } from 'react-native-spring-scrollview/Customize/CommonLottieHeader';
+import { pop } from '../../BasicNavigator/actions';
+import NavigationBar from '../../components/NavigationBar';
+import BackButton from '../../components/BackButton';
+import Styles from '../../theme/Styles';
+import decorator from '../../utils/decorator';
+import {
+  BANNER, CHOOSE, BaseConfig, LIST_ITEM, TITLE,
+} from '../Agera-App-Insure/config';
+import { renderPageByConfig } from '../Agera-App-Insure';
+
+type Props = {
+  routes: Array,
+  popTo: () => void,
+  blueId: string,
+};
+
+@decorator
+class ProductDetailPage extends Component {
+  constructor(props:Props) {
+    super(props);
+    /*    {
+      blueId: '200000156',
+        company: 'PROPERTY',
+      iconUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201906/03/1babf50701374e79b2d0e1758d7e6d42.png',
+      detail: {
+      name: '“驾乘至尊宝”驾乘人员人身意外综合保险',
+        description: '不限被保险人、最高50万保障',
+        detailsPageWxshareUrl: '',
+        guaranteeContent: '[{"text":[{"name":"驾乘意外身故、残疾","value":"25万元/份"},{"name":"驾乘意外伤害医疗","value":"1万元/份"}]},{"text":[{"name":"驾乘意外身故、残疾","value":"50万元/份"},{"name":"驾乘意外伤害医疗","value":"3万元/份"}]}]',
+        bannerIconUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201901/01/dbf8648cdca04b20af889f07e3938b5f.png',
+        productIntroductionUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201906/11/1755eb7f49934157b6fc65f09ef9015a.png',
+        serviceProcessUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201906/11/2c0eb0145bf1498bb677897a8b03b179.png',
+        importantNotificationUrl: '',
+        tagNameList: [
+        '1-75周岁',
+      ],
+    },
+    }*/
+    const pageConfig = BaseConfig[props.navigation.state.params.blueId];
+    const { params } = props.navigation.state;
+    pageConfig.layout.forEach((lay, index) => {
+      console.log(lay);
+      const data = this.translateDataToConfig(lay, params);
+      pageConfig.layout[index] = { ...lay, ...data };
+    });
+
+    this.state = {
+      params,
+      config: pageConfig,
+    };
+
+    console.log('ProductDetailPage', this.state);
+  }
+
+  translateDataToConfig = (lay, params) => {
+    const { name, description, tagNameList,bannerIconUrl } = params.detail
+    switch (lay.type) {
+    case BANNER:
+      return {
+        uri: bannerIconUrl,
+        width: global.SCREEN_WIDTH,
+        height: global.SCREEN_WIDTH * 180 / 375,
+      };
+    case TITLE:
+      return {
+        h1: name, // title需要装填数据 主标题
+        h2: description, // title需要装填数据 副标题
+        label: tagNameList, // 多个展示标签
+        labelColor: '#cf4100', //颜色
+      };
+    case LIST_ITEM:
+      return {};
+    case CHOOSE:
+      return {};
+    default:
+      return {};
+    }
+  }
+
+  translateDataToRules = (lay, rul, params) => {
+    switch (lay.type) {
+      case BANNER:
+        return {};
+      case TITLE:
+        return {};
+      case LIST_ITEM:
+        return {};
+      case CHOOSE:
+        return {};
+      default:
+        return {};
+    }
+  }
+
+  render() {
+    const { config } = this.state
+    return (
+      <View style={Styles.container}>
+        <NavigationBar
+          left={<BackButton />}
+          title="太平保险"
+        />
+        <SpringScrollView
+          ref={(com) => (this.scrollView = com)}
+          styles={Styles.container}
+          inverted={false}
+          //onRefresh={this._onRefresh}
+          //onLoading={this._onLoading}
+          // allLoaded={this.state.allLoaded}
+          refreshHeader={CommonLottieHeader}
+          //loadingFooter={CommonLottieFooter}
+        >
+          {config.layout.map((lay, index) => (
+            renderPageByConfig(lay)(lay)
+          ))}
+        </SpringScrollView>
+      </View>
+
+    );
+  }
+}
+
+function propsMapping(props) {
+  const { nav } = props;
+  return {
+    routes: nav ? nav.routes : [],
+  };
+}
+function actionMapping(dispatch) {
+  return {
+    popTo: compose(dispatch, pop),
+  };
+}
+
+export default connect(propsMapping, actionMapping)(ProductDetailPage);

src/utils/api/localData.js

@@ -26,7 +26,7 @@ export default {
       nextDate: '2020年7月2日',
       birthday: '1980年1月1日',
       gender: '男',
-      idno: '31029******7792',
+      idNo: '31029******7792',
       mobile: '18588880005',
     },
     {
@@ -47,7 +47,7 @@ export default {
       nextDate: '2020年5月12日',
       birthday: '1980年1月1日',
       gender: '男',
-      idno: '31029******7792',
+      idNo: '31029******7792',
       mobile: '18588880005',
     },
   ],
@@ -78,34 +78,36 @@ export default {
       company: 'PENSION',
       iconUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201906/03/fd0db92ce55645b3b00c4035d25902c7.png',
       detail: {
-        name: '“驾乘至尊宝”驾乘人员人身意外综合保险',
-        description: '不限被保险人、最高50万保障',
+        name: '“爱飞翔”航空意外保险计划',
+        description: '3.99元震撼低价、全年100万元保障',
         detailsPageWxshareUrl: '',
-        guaranteeContent: '[{"text":[{"name":"驾乘意外身故、残疾","value":"25万元/份"},{"name":"驾乘意外伤害医疗","value":"1万元/份"}]},{"text":[{"name":"驾乘意外身故、残疾","value":"50万元/份"},{"name":"驾乘意外伤害医疗","value":"3万元/份"}]}]',
-        bannerIconUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201901/01/dbf8648cdca04b20af889f07e3938b5f.png',
-        productIntroductionUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201906/11/1755eb7f49934157b6fc65f09ef9015a.png',
-        serviceProcessUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201906/11/2c0eb0145bf1498bb677897a8b03b179.png',
-        importantNotificationUrl: '',
+        guaranteeContent: '[{"text":[{"name":"航空意外身故、伤残","value":"100万元/份"}]}]',
+        bannerIconUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201901/01/340dc870750b41e492ac9ee88b5aae2a.png',
+        productIntroductionUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201906/12/be5dfbf9afc74ef99fdc39bef66ef292.png',
+        serviceProcessUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201906/12/be5dfbf9afc74ef99fdc39bef66ef292.png',
+        importantNotificationUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201906/12/438000682508403caf62a15878c9416d.png',
         tagNameList: [
-          '1-75周岁',
+          '超低价',
+          '0-80周岁',
         ],
       },
     },
     {
       blueId: '200000152',
       company: 'LIFE',
-      iconUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201906/03/dac832df067341aa958e417b909573c9.png',
+      iconUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201906/14/9933f8eb198f4e9b9c72bc3ef1a867d6.png',
       detail: {
-        name: '“驾乘至尊宝”驾乘人员人身意外综合保险',
-        description: '不限被保险人、最高50万保障',
+        name: '学生住院医疗&意外险',
+        description: '疾病住院、意外医疗多重保障，最高享6万元住院医疗',
         detailsPageWxshareUrl: '',
-        guaranteeContent: '[{"text":[{"name":"驾乘意外身故、残疾","value":"25万元/份"},{"name":"驾乘意外伤害医疗","value":"1万元/份"}]},{"text":[{"name":"驾乘意外身故、残疾","value":"50万元/份"},{"name":"驾乘意外伤害医疗","value":"3万元/份"}]}]',
-        bannerIconUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201901/01/dbf8648cdca04b20af889f07e3938b5f.png',
-        productIntroductionUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201906/11/1755eb7f49934157b6fc65f09ef9015a.png',
-        serviceProcessUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201906/11/2c0eb0145bf1498bb677897a8b03b179.png',
-        importantNotificationUrl: '',
+        guaranteeContent: '[{"text": [{"name":"住院医疗", "value":"6万元/份"},{"name":"意外医疗","value":"5000元/份"},{"name":"意外身故","value":"5万元/份"},{"name":"意外残疾","value":"5万元/份"}]}]',
+        bannerIconUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201906/12/8cffbf808b584ff6b0a4fa3082c151d2.png',
+        productIntroductionUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201905/06/500622b8641c46eeadf0a8cf6460ba04.png',
+        serviceProcessUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201905/06/b51ca9e95aab49cc8bb44fe8eda16583.png',
+        importantNotificationUrl: 'https://ecustomer.tp95589.com/static/insurance_img/201905/06/97de2b11f574471facbe4577b97c3879.png',
         tagNameList: [
-          '1-75周岁',
+          '5-16周岁',
+          '学生专享',
         ],
       },
     },