bxs-tools-ui 3.2.0 → 3.3.0

package/packages/insure-calculate/readme.md

@@ -45,31 +45,31 @@ export default {
 </template>
 
 <script>
-import { InsureCalculate } from 'bxs-tools-ui';
-
-export default {
-  components: { InsureCalculate },
-  data() {
-    return {
-      productId: '102163',
-      calculateData: {},
-      planParams: {
-        detail_age: '30周岁',
-        detail_sex: '1'
-      }
-    };
-  },
-  methods: {
-    // 主动获取当前试算数据（调用组件 confirm 方法）
-    getCalculateData() {
-      this.$refs.insureCalculate.confirm().then(({ t_version, code, data }) => {
-        console.log(t_version, data);
-      });
+  import { InsureCalculate } from 'bxs-tools-ui';
+
+  export default {
+    components: { InsureCalculate },
+    data() {
+      return {
+        productId: '102163',
+        calculateData: {},
+        planParams: {
+          detail_age: '30周岁',
+          detail_sex: '1'
+        }
+      };
     },
-    onClose() {},
-    onSure() {}
-  }
-};
+    methods: {
+      // 主动获取当前试算数据（调用组件 confirm 方法）
+      getCalculateData() {
+        this.$refs.insureCalculate.confirm().then(({ t_version, code, data }) => {
+          console.log(t_version, data);
+        });
+      },
+      onClose() {},
+      onSure() {}
+    }
+  };
 </script>
 ```
 
@@ -77,67 +77,63 @@ export default {
 
 ### Attributes
 
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| `calculateData` | 必传，试算组件原始数据 | Object | `{}` |
-| `productId` | 必传，试算产品 ID | String / Number | — |
-| `uuid` | 可选，C 端用户 uuid；传入后跳过内部自动获取用户信息接口 | String | — |
-| `planParams` | 必传，初始化参数，见 PlanParams 对象 | Object | — |
-| `lsTime` | 可选，本地缓存时长（分钟） | Number | `10` |
-| `isDev` | 可选，是否为开发环境；默认根据 `window.location.port` 自动判断，可手动覆盖 | Boolean | — |
-| `isShowDuty` | 可选，是否展示试算责任 | Boolean | `false` |
-| `showHeader` | 可选，是否展示顶部标题栏 | Boolean | `false` |
-| `title` | 可选，顶部标题，`showHeader` 为 `true` 时有效 | String | `''` |
-| `showFooter` | 可选，是否展示底部确定按钮 | Boolean | `false` |
-| `appid` | 可选，ToB 环境变量，用于判断是否为 ToB 环境 | String | `''` |
-| `openId` | 可选，ToB 环境变量；未获取到 `uuid` 时用于替代 `userUuid` | String | `''` |
-
+| 参数            | 说明                                                                       | 类型            | 默认值  |
+| --------------- | -------------------------------------------------------------------------- | --------------- | ------- |
+| `calculateData` | 必传，试算组件原始数据                                                     | Object          | `{}`    |
+| `productId`     | 必传，试算产品 ID                                                          | String / Number | —       |
+| `uuid`          | 可选，C 端用户 uuid；传入后跳过内部自动获取用户信息接口                    | String          | —       |
+| `planParams`    | 必传，初始化参数，见 PlanParams 对象                                       | Object          | —       |
+| `lsTime`        | 可选，本地缓存时长（分钟）                                                 | Number          | `10`    |
+| `isDev`         | 可选，是否为开发环境；默认根据 `window.location.port` 自动判断，可手动覆盖 | Boolean         | —       |
+| `isShowDuty`    | 可选，是否展示试算责任                                                     | Boolean         | `false` |
+| `showHeader`    | 可选，是否展示顶部标题栏                                                   | Boolean         | `false` |
+| `title`         | 可选，顶部标题，`showHeader` 为 `true` 时有效                              | String          | `''`    |
+| `showFooter`    | 可选，是否展示底部确定按钮                                                 | Boolean         | `false` |
+| `appid`         | 可选，ToB 环境变量，用于判断是否为 ToB 环境                                | String          | `''`    |
+| `openId`        | 可选，ToB 环境变量；未获取到 `uuid` 时用于替代 `userUuid`                  | String          | `''`    |
 
 #### calculateData 对象
 
-| 参数 | 说明 | 类型 |
-| --- | --- | --- |
-| `widgets` | 页面渲染数据，见 widgets 对象 | Array |
-| `current_data` | 当前选项映射值，元素见 current_data 对象 | Array |
-| `total_premium` | 试算保费（保留字段） | Number |
-| `product_id` | 当前试算产品 ID（保留字段） | String |
-| `risk_premiums` | 试算附加险相关信息（保留字段） | Array |
-| `terms` | 险种说明（保留字段） | Array |
-
+| 参数            | 说明                                     | 类型   |
+| --------------- | ---------------------------------------- | ------ |
+| `widgets`       | 页面渲染数据，见 widgets 对象            | Array  |
+| `current_data`  | 当前选项映射值，元素见 current_data 对象 | Array  |
+| `total_premium` | 试算保费（保留字段）                     | Number |
+| `product_id`    | 当前试算产品 ID（保留字段）              | String |
+| `risk_premiums` | 试算附加险相关信息（保留字段）           | Array  |
+| `terms`         | 险种说明（保留字段）                     | Array  |
 
 #### widgets 对象（单项）
 
-| 参数 | 说明 | 类型 |
-| --- | --- | --- |
-| `cal_key` | 是否与保费相关；`1` 相关，`0` 不相关 | Number |
-| `hidden` | 是否隐藏；`0` 展示，`1` 隐藏 | Number |
-| `key` | 取值 key，与 `opts` 联合使用：`opts[key]` | Number |
-| `label` | 试算因子名称 | String |
-| `opts` | 试算因子取值范围，以 `key` 为索引的对象，取当前值用 `opts[key]` | Object |
-| `riskCode` | 险种 code | String |
-| `type` | 映射的前端组件类型 | String |
-
+| 参数       | 说明                                                            | 类型   |
+| ---------- | --------------------------------------------------------------- | ------ |
+| `cal_key`  | 是否与保费相关；`1` 相关，`0` 不相关                            | Number |
+| `hidden`   | 是否隐藏；`0` 展示，`1` 隐藏                                    | Number |
+| `key`      | 取值 key，与 `opts` 联合使用：`opts[key]`                       | Number |
+| `label`    | 试算因子名称                                                    | String |
+| `opts`     | 试算因子取值范围，以 `key` 为索引的对象，取当前值用 `opts[key]` | Object |
+| `riskCode` | 险种 code                                                       | String |
+| `type`     | 映射的前端组件类型                                              | String |
 
 #### current_data 对象（单项）
 
-| 参数 | 说明 | 类型 |
-| --- | --- | --- |
-| `k` | 试算因子 Java 名称，对应 `widgets.key` | String |
-| `risk` | 险种 code，对应 `widgets.riskCode` | String |
-| `v` | 当前选项值，对应 `widgets.opts` 中的某个值 | String |
-| `age` | calendar 组件特有，当前年龄数值（保留字段） | Number |
-| `sv` | calendar 组件特有，可选年龄范围（保留字段） | String |
-
+| 参数   | 说明                                        | 类型   |
+| ------ | ------------------------------------------- | ------ |
+| `k`    | 试算因子 Java 名称，对应 `widgets.key`      | String |
+| `risk` | 险种 code，对应 `widgets.riskCode`          | String |
+| `v`    | 当前选项值，对应 `widgets.opts` 中的某个值  | String |
+| `age`  | calendar 组件特有，当前年龄数值（保留字段） | Number |
+| `sv`   | calendar 组件特有，可选年龄范围（保留字段） | String |
 
 #### PlanParams 对象
 
-| 参数 | 说明 | 类型 |
-| --- | --- | --- |
-| `detail_age` | 被保人年龄，如 `'50周岁'` 或 `'1990-06-17'`；无限制不传 | String |
-| `detail_sex` | 被保人性别，`'1'` 男 / `'2'` 女；无限制不传 | String |
-| `detail_relation` | 投被保人关系；非本人：`'-1'`；本人：`'1'`；其他关系见备注；不限制：`''` / `undefined` / `null` | String |
-| `detail_applicant_age` | 投保人年龄，格式同 `detail_age`；无限制不传 | String |
-| `detail_applicant_sex` | 投保人性别，格式同 `detail_sex`；无限制不传 | String |
+| 参数                   | 说明                                                                                           | 类型   |
+| ---------------------- | ---------------------------------------------------------------------------------------------- | ------ |
+| `detail_age`           | 被保人年龄，如 `'50周岁'` 或 `'1990-06-17'`；无限制不传                                        | String |
+| `detail_sex`           | 被保人性别，`'1'` 男 / `'2'` 女；无限制不传                                                    | String |
+| `detail_relation`      | 投被保人关系；非本人：`'-1'`；本人：`'1'`；其他关系见备注；不限制：`''` / `undefined` / `null` | String |
+| `detail_applicant_age` | 投保人年龄，格式同 `detail_age`；无限制不传                                                    | String |
+| `detail_applicant_sex` | 投保人性别，格式同 `detail_sex`；无限制不传                                                    | String |
 
 > `detail_relation` 其他关系值：`'14'` 丈夫 / `'15'` 妻子 / `'16'` 儿子 / `'17'` 女儿 / `'18'` 父亲 / `'19'` 母亲
 
@@ -147,61 +143,58 @@ export default {
 
 #### 组件实例方法（通过 `$refs` 调用）
 
-| 方法名 | 说明 | 出参 |
-| --- | --- | --- |
+| 方法名    | 说明                                 | 出参                                                                                                                              |
+| --------- | ------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------- |
 | `confirm` | 主动获取当前试算数据，不触发试算请求 | Promise `{ t_version, code: 200, data }`；`data` 含 `widgets / total_premium / terms / product_id / current_data / risk_premiums` |
 
 #### 工具函数（从 `bxs-utils` 导入，非组件实例方法）
 
-| 方法名 | 说明 | 入参 | 出参 |
-| --- | --- | --- | --- |
-| `insureCalculate` | 执行试算，返回完整的试算数据 | `urlParams`, `postParams`, `planParams` | Promise `{ code, data }`；`code === 200` 表示成功；`data` 含 `widgets / total_premium / terms / product_id / current_data` |
-| `checkInsureCalculate` | 校验试算是否成功 | `urlParams`, `postParams`, `planParams` | Promise `{ code, data }`；`code === 200` 表示试算成功 |
-
+| 方法名                 | 说明                         | 入参                                    | 出参                                                                                                                       |
+| ---------------------- | ---------------------------- | --------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
+| `insureCalculate`      | 执行试算，返回完整的试算数据 | `urlParams`, `postParams`, `planParams` | Promise `{ code, data }`；`code === 200` 表示成功；`data` 含 `widgets / total_premium / terms / product_id / current_data` |
+| `checkInsureCalculate` | 校验试算是否成功             | `urlParams`, `postParams`, `planParams` | Promise `{ code, data }`；`code === 200` 表示试算成功                                                                      |
 
 #### urlParams 对象
 
-| 参数 | 说明 | 类型 |
-| --- | --- | --- |
-| `uuid` | C 端必传，用户 uuid | String |
-| `appid` | ToB 必传，作为 url 中 `appId` 字段传递 | String |
+| 参数     | 说明                                             | 类型   |
+| -------- | ------------------------------------------------ | ------ |
+| `uuid`   | C 端必传，用户 uuid                              | String |
+| `appid`  | ToB 必传，作为 url 中 `appId` 字段传递           | String |
 | `openId` | ToB 选传，未获取到 `uuid` 时作为 `userUuid` 传递 | String |
 
-
 #### postParams 对象
 
-| 参数 | 说明 | 类型 |
-| --- | --- | --- |
-| `product_id` | 产品 ID | String |
-| `current_data` | 当前试算因子对象，默认 `null` | Object |
-| `scenario` | 固定值 `'h5Widget'`，可不传（已兼容） | String |
-
+| 参数           | 说明                                  | 类型   |
+| -------------- | ------------------------------------- | ------ |
+| `product_id`   | 产品 ID                               | String |
+| `current_data` | 当前试算因子对象，默认 `null`         | Object |
+| `scenario`     | 固定值 `'h5Widget'`，可不传（已兼容） | String |
 
 #### 时间单位说明
 
-| 值 | 含义 |
-| --- | --- |
-| `30D` | 30 天 |
-| `12M` | 12 个月 |
-| `1Y` | 趸交或 1 年交 |
-| `20Y` | 20 年 |
-| `70A` | 至 70 周岁 |
-| `100O` | 终生 |
+| 值     | 含义          |
+| ------ | ------------- |
+| `30D`  | 30 天         |
+| `12M`  | 12 个月       |
+| `1Y`   | 趸交或 1 年交 |
+| `20Y`  | 20 年         |
+| `70A`  | 至 70 周岁    |
+| `100O` | 终生          |
 
 ---
 
 ### Events
 
-| 事件名 | 说明 | 回调参数 |
-| --- | --- | --- |
-| `closeInsureCalculate` | `showHeader` 为 `true` 时，点击关闭按钮触发 | — |
-| `sureInsureCalculate` | `showFooter` 为 `true` 时，点击确定按钮触发 | — |
+| 事件名                 | 说明                                        | 回调参数 |
+| ---------------------- | ------------------------------------------- | -------- |
+| `closeInsureCalculate` | `showHeader` 为 `true` 时，点击关闭按钮触发 | —        |
+| `sureInsureCalculate`  | `showFooter` 为 `true` 时，点击确定按钮触发 | —        |
 
 ---
 
 ### Slot
 
-| 插槽名 | 说明 |
-| --- | --- |
+| 插槽名   | 说明                                                                                        |
+| -------- | ------------------------------------------------------------------------------------------- |
 | `header` | 自定义顶部内容，`showHeader` 为 `true` 时生效；不传则展示默认标题栏（含标题文字和关闭按钮） |
-| `footer` | 自定义底部内容，`showFooter` 为 `true` 时生效；不传则展示默认确定按钮 |
+| `footer` | 自定义底部内容，`showFooter` 为 `true` 时生效；不传则展示默认确定按钮                       |

package/packages/person-info/crm-popup.vue

@@ -79,15 +79,16 @@
   </CommonPopup>
 </template>
 <script lang="ts">
-import Vue from 'vue';
-import { Component, Prop, Watch } from 'vue-property-decorator';
-import { get as _get } from 'lodash';
-import { parseTime, IS_LOCALHOST_ENV } from '@src/js/utils.js';
-import { convertEleOrderListToObj, deepCopy, getAgeFromBirth } from 'packages/bxs-utils/index';
+import Vue from 'vue'
+import { Component, Prop, Watch } from 'vue-property-decorator'
+import { get as _get, cloneDeep } from 'lodash'
+import { parseTime } from '../../src/js/utils.js'
+import { IS_LOCALHOST_ENV } from '../../src/js/variables.js'
+import { convertEleOrderListToObj, getAgeFromBirth } from 'packages/bxs-utils/index'
 
-import CommonPopup from '@src/components/common/common-popup.vue';
-import CommonRadio from '@src/components/common/common-radio.vue';
-import CommonAgeBirthday from '@src/components/common/common-age-birthday.vue';
+import CommonPopup from '../../src/components/common/common-popup.vue'
+import CommonRadio from '../../src/components/common/common-radio.vue'
+import CommonAgeBirthday from '../../src/components/common/common-age-birthday.vue'
 
 @Component({
   name: 'BxtCrmPersonPop',
@@ -98,33 +99,33 @@ import CommonAgeBirthday from '@src/components/common/common-age-birthday.vue';
   }
 })
 export default class BxtCrmPersonPop extends Vue {
-  title = '';
-  currentValue = false;
-  currentPersonData = deepCopy(this.personData);
-  canImportCrm = !!(window.appBridge && window.appBridge.checkAppFeature('CRM_IMPORT'));
+  title = ''
+  currentValue = false
+  currentPersonData = cloneDeep(this.personData)
+  canImportCrm = !!(window.appBridge && window.appBridge.checkAppFeature('CRM_IMPORT'))
 
   @Prop({
     default: false
   })
-  value: boolean;
+  value: boolean
 
   @Prop({
     default: () => ({})
   })
-  personData: any;
+  personData: any
 
   @Prop({
     default: () => ({})
   })
-  params: any;
+  params: any
 
   get personForm() {
-    return convertEleOrderListToObj(this.currentPersonData);
+    return convertEleOrderListToObj(this.currentPersonData)
   }
 
   get birthdayElement() {
-    const elementList = _get(this, 'currentPersonData.eleOrderList') || [];
-    return elementList.find(e => e.key === 'birthday');
+    const elementList = _get(this, 'currentPersonData.eleOrderList') || []
+    return elementList.find(e => e.key === 'birthday')
   }
 
   @Watch('value', {
@@ -133,7 +134,7 @@ export default class BxtCrmPersonPop extends Vue {
   })
   watchValue(value: boolean, oValue: boolean) {
     if (this.currentValue !== value) {
-      this.currentValue = value;
+      this.currentValue = value
     }
   }
   @Watch('currentValue', {
@@ -142,37 +143,37 @@ export default class BxtCrmPersonPop extends Vue {
   })
   watchCurrentValue(value: boolean, oValue: boolean) {
     if (!value) {
-      this.$emit('input', false);
+      this.$emit('input', false)
     }
   }
 
   created() {
-    const { currentPersonData } = this;
+    const { currentPersonData } = this
     const TITLE_NANES = {
       insuredInfo: '被保人',
       applicantInfo: '投保人',
       spouseInfo: '投保人配偶'
-    };
-    this.title = TITLE_NANES[currentPersonData.key] || currentPersonData.label || '';
-    currentPersonData.createArchive = currentPersonData.createArchive || false;
+    }
+    this.title = TITLE_NANES[currentPersonData.key] || currentPersonData.label || ''
+    currentPersonData.createArchive = currentPersonData.createArchive || false
   }
 
   getElementRules(ele) {
-    const { currentPersonData, personForm } = this;
-    let rules: any = [];
+    const { currentPersonData, personForm } = this
+    let rules: any = []
     if (currentPersonData.createArchive) {
       if (ele.key === 'name') {
-        rules = [{ required: true, message: '请输入姓名' }];
+        rules = [{ required: true, message: '请输入姓名' }]
       }
       if (ele.key === 'age') {
-        rules = [{ validator: () => !!personForm.birthday, message: '请输入生日' }];
+        rules = [{ validator: () => !!personForm.birthday, message: '请输入生日' }]
       }
     }
-    return rules;
+    return rules
   }
 
   onClickImportCrm(ele) {
-    const self = this;
+    const self = this
     if (ele.key === 'name') {
       if (self.canImportCrm) {
         if (IS_LOCALHOST_ENV) {
@@ -181,98 +182,98 @@ export default class BxtCrmPersonPop extends Vue {
             cid: 'efb4324d73f947d09e8a1833ec12abc923',
             name: '艾力卡木',
             sex: 1
-          });
-          return;
+          })
+          return
         }
-        window.appBridge.importContact('recipient');
+        window.appBridge.importContact('recipient')
         window.appBridge.onContactImport(info => {
-          self.setCrmPersonData(info);
-        });
-        window.WeiyiStatSDK && window.WeiyiStatSDK.submit('khlbdr');
-        return;
+          self.setCrmPersonData(info)
+        })
+        window.WeiyiStatSDK && window.WeiyiStatSDK.submit('khlbdr')
+        return
       }
     }
   }
   setCrmPersonData(info) {
-    const self = this;
-    const copyPersonData = deepCopy(self.currentPersonData);
-    let isImportSuccess = true;
-    copyPersonData.cid = info.cid;
+    const self = this
+    const copyPersonData = cloneDeep(self.currentPersonData)
+    let isImportSuccess = true
+    copyPersonData.cid = info.cid
     copyPersonData.eleOrderList.map(ele => {
       if (ele.key === 'birthday') {
-        return;
+        return
       }
       if (ele.key === 'age' && info.birthday) {
-        const age = getAgeFromBirth(info.birthday);
-        const sexUi = copyPersonData.eleOrderList.find(ele => ele.key === 'sex');
-        const birthdayUi = copyPersonData.eleOrderList.find(ele => ele.key === 'birthday');
+        const age = getAgeFromBirth(info.birthday)
+        const sexUi = copyPersonData.eleOrderList.find(ele => ele.key === 'sex')
+        const birthdayUi = copyPersonData.eleOrderList.find(ele => ele.key === 'birthday')
         if (ele.options.find(e => e.val === age)) {
-          birthdayUi.value = parseTime(info.birthday, '{y}/{m}/{d}');
-          ele.value = age;
-          return;
+          birthdayUi.value = parseTime(info.birthday, '{y}/{m}/{d}')
+          ele.value = age
+          return
         }
-        isImportSuccess = false;
+        isImportSuccess = false
         if (TITLE_NANES[copyPersonData.key]) {
-          self.$toast(`${TITLE_NANES[copyPersonData.key]}年龄超出投保范围：${ele.options[0].val}-${ele.options[ele.options.length - 1].val}岁`);
+          self.$toast(`${TITLE_NANES[copyPersonData.key]}年龄超出投保范围：${ele.options[0].val}-${ele.options[ele.options.length - 1].val}岁`)
         }
-        return;
+        return
       }
       if (ele.key === 'sex' && info.sex) {
-        const option = ele.options.find(o => o.val === info.sex);
+        const option = ele.options.find(o => o.val === info.sex)
         if (copyPersonData.key === 'insuredInfo' && !option) {
-          isImportSuccess = false;
-          self.$toast(`被保人只能为"${ele.options[0].val == 1 ? '男' : '女'}性"`);
-          return;
+          isImportSuccess = false
+          self.$toast(`被保人只能为"${ele.options[0].val == 1 ? '男' : '女'}性"`)
+          return
         }
-        ele.value = info.sex;
-        return;
+        ele.value = info.sex
+        return
       }
       if (ele.key === 'title') {
-        ele.value = true;
-        return;
+        ele.value = true
+        return
       }
       if (info[ele.key]) {
-        ele.value = info[ele.key];
+        ele.value = info[ele.key]
       }
-    });
+    })
     if (isImportSuccess) {
-      self.currentPersonData = copyPersonData;
+      self.currentPersonData = copyPersonData
     }
   }
   closeSheet() {
-    this.currentValue = false;
+    this.currentValue = false
   }
   confirm() {
-    const { personData, personForm } = this;
-    const refPersonForm: any = this.$refs.personForm;
+    const { personData, personForm } = this
+    const refPersonForm: any = this.$refs.personForm
     refPersonForm
       .validate()
       .then(() => {
-        const keys = ['createArchive', 'cid'];
+        const keys = ['createArchive', 'cid']
         keys.forEach(k => {
-          personData[k] = personForm[k];
-        });
+          personData[k] = personForm[k]
+        })
         personData.eleOrderList.forEach(ele => {
           if (ele.key === 'title') {
-            ele.value = true;
-            return;
+            ele.value = true
+            return
           }
-          ele.value = personForm[ele.key];
-        });
-        this.$emit('change');
-        this.closeSheet();
+          ele.value = personForm[ele.key]
+        })
+        this.$emit('change')
+        this.closeSheet()
       })
       .catch(err => {
-        console.log(err);
-      });
+        console.log(err)
+      })
   }
   closeKeyBoard() {
-    const activeElement: any = document.activeElement;
+    const activeElement: any = document.activeElement
     if (!activeElement) {
-      return false;
+      return false
     }
-    activeElement.blur();
-    return false;
+    activeElement.blur()
+    return false
   }
 }
 </script>

package/packages/person-info/demo/index.vue

@@ -4,12 +4,12 @@
   </div>
 </template>
 <script lang="ts">
-import Vue from 'vue';
-import { Component } from 'vue-property-decorator';
-import QS from 'qs';
-import { PLANBOOK_API_HOSTNAME } from '@src/js/variables.js';
-import { initPageData } from '../../planbook-input/helper';
-import PersonInfo from '../index.vue';
+import Vue from 'vue'
+import { Component } from 'vue-property-decorator'
+import QS from 'qs'
+import { getPlanbookData } from '../../../src/api/planbook.js'
+import { initPageData } from '../../planbook-input/helper'
+import PersonInfo from '../index.vue'
 
 @Component({
   components: {
@@ -17,49 +17,37 @@ import PersonInfo from '../index.vue';
   }
 })
 export default class PersonInfoDemo extends Vue {
-  URL_PARAM: any = this.getUrlParam();
-  inputData = null;
-  verifyData = null;
-  personData = null;
+  URL_PARAM: any = this.getUrlParam()
+  inputData = null
+  verifyData = null
+  personData = null
   created() {
     if (!this.URL_PARAM.publicPbUuid) {
-      this.URL_PARAM.publicPbUuid = '5d6499946bbb47bb8f6a286e9d4eee77';
+      this.URL_PARAM.publicPbUuid = '5d6499946bbb47bb8f6a286e9d4eee77'
     }
-    document.body.style.backgroundColor = '#f2f2f2';
-    this.getPlanbookData();
+    document.body.style.backgroundColor = '#f2f2f2'
+    this.getPlanbookData()
   }
   getUrlParam() {
-    return QS.parse(`${location.href.split('?')[1]}`) || {};
+    return QS.parse(`${location.href.split('?')[1]}`) || {}
   }
   getPlanbookData() {
-    fetch(`${PLANBOOK_API_HOSTNAME}/planBook/public/init`, {
-      method: 'POST',
-      credentials: 'include',
-      headers: {
-        Accept: 'application/json, text/plain, */*',
-        'Content-Type': 'application/x-www-form-urlencoded'
-      },
-      body: QS.stringify({
-        publicPbUuid: this.URL_PARAM.publicPbUuid
-      })
+    getPlanbookData({
+      publicPbUuid: this.URL_PARAM.publicPbUuid
     })
-      .then(response => response.json())
-      .then(async ({ success, data }: any) => {
-        if (!success || !data) {
-          return;
-        }
-        await initPageData(data);
-        this.inputData = data.initData.inputData;
-        this.verifyData = data.verifyData;
-        this.personData = data.initData.inputData.personData.personOrderList[0];
-        document.title = `DEMO（人员）：${data.title}`;
+      .then(async (data: any) => {
+        await initPageData(data)
+        this.inputData = data.initData.inputData
+        this.verifyData = data.verifyData
+        this.personData = data.initData.inputData.personData.personOrderList[0]
+        document.title = `DEMO（人员）：${data.title}`
       })
       .catch(error => {
-        console.log(error);
-      });
+        console.log(error)
+      })
   }
   changePersonInfo(personData, eleData) {
-    this.$toast(`${eleData.label} -> ${eleData.value}`);
+    this.$toast(`${eleData.label} -> ${eleData.value}`)
   }
 }
 </script>

package/packages/person-info/index-inline.less

@@ -0,0 +1,11 @@
+@import 'color.less';
+
+.bxt-person-info {
+  & .van-form {
+    background: #fff;
+
+    & .van-cell::after {
+      border-bottom: 0;
+    }
+  }
+}