bxs-tools-ui 3.3.2 → 3.4.0

package/packages/product-info/components/product-insurance-form.vue

@@ -0,0 +1,360 @@
+<template>
+  <van-form ref="insuranceForm" :class="formClassList" :show-error="false" @submit.native.prevent="closeKeyBoard()">
+    <template v-for="ele in ins.eleOrderList">
+      <van-field v-if="['cmCommonTitle'].includes(ele.componentName)" :key="ele.key" :name="ele.key" :rules="getElementRules(ele)">
+        <template #input>
+          <CommonTitle
+            v-model="ele.value"
+            :key="`${productKey}_${ins.key}_${ele.key}`"
+            :name="ele.key"
+            :code="ins.code"
+            :huomian-tag="getInsuranceTitleHmTag(ins)"
+            :status-tag="getInsuranceSaleStatusTag(ins)"
+            :huomian-tips="showHuomianTips && getHuomianTips(ins, ele)"
+            :label="ele.labelName"
+            :style="{
+              fontSize: '17px',
+              fontWeight: 'bold'
+            }"
+            :disabled="getElementDisabled(ele)"
+            :always-show-checkbox="isGroupSub"
+            :data-stat-id="`product_insurance_${ele.key}`"
+            @change="onTitleChange(ele)"
+            @openCrmPerson="$emit('openCrmPerson')"
+          />
+        </template>
+      </van-field>
+
+      <template v-if="isInsuranceChecked && !ele.isHide && ele.componentName !== 'cmCommonTitle'">
+        <van-field
+          v-if="['cmCommonInput'].includes(ele.componentName)"
+          v-model.number="ele.value"
+          :ref="ins.key + ele.key + 'item'"
+          :key="ins.key + ele.key"
+          :id="`id_${ins.key}_${ele.key}`"
+          :type="ele.inputType || 'tel'"
+          :class="{
+            'van-field-unit': activeInputKey === ins.key + ele.key && numberUnitStr
+          }"
+          :prop="ele.key"
+          :label="ele.labelName"
+          :placeholder="ele.placeholder"
+          :disabled="getElementDisabled(ele)"
+          :readonly="getElementDisabled(ele)"
+          :maxlength="ele.maxlength || 9"
+          :rules="getElementRules(ele)"
+          autocomplete="off"
+          input-align="right"
+          error-message-align="right"
+          clearable
+          :inputmode="ele.inputType || 'text'"
+          @focus="
+            activeInputKey = ins.key + ele.key
+            numberUnitStr = getAmountUnit(ele)
+          "
+          @blur="activeInputKey = ''"
+          @input="numberUnitStr = getAmountUnit(ele)"
+          @change="emitChange(ele)"
+          @clear="emitChange(ele)"
+        >
+          <template v-if="!ele.isDisabled" #right-icon>
+            <i class="icon iconfont icon-edit" style="font-size: 20px;" @click="onClickIcon(`id_${ins.key}_${ele.key}`)" />
+          </template>
+        </van-field>
+        <div v-if="activeInputKey === ins.key + ele.key && numberUnitStr" :key="ins.key + ele.key + 'unit'" class="bxt-ins-unit-tips">
+          <em />
+          <span>
+            {{ numberUnitStr }}
+          </span>
+        </div>
+        <div v-if="getRecommendValues(ele)" :key="ins.key + ele.key + 'recommend'" class="bxt-ins-recommend-values">
+          <span v-for="v in getRecommendValues(ele)" :key="v" @click="onClickRecommendValue(v, ele)">
+            {{ v }}
+          </span>
+        </div>
+
+        <CommonRadio
+          v-if="['cmCommonRadioBtn'].includes(ele.componentName)"
+          v-model="ele.value"
+          class="bxt-ins-form-radio-btn"
+          :key="ins.key + ele.key"
+          :name="ele.key"
+          :label="ele.labelName"
+          :disabled="getElementDisabled(ele)"
+          :readonly="getElementDisabled(ele)"
+          :rules="getElementRules(ele)"
+          :options="ele.opts.filter(o => !o.isHide && !o.isDisabled && !o.isInvalid)"
+          input-align="right"
+          border
+          :data-stat-id="`product_insurance_${ele.key}`"
+          @input="emitChange(ele)"
+        />
+
+        <van-field
+          v-if="['cmCommonRadio'].includes(ele.componentName)"
+          class="bxt-ins-form-radio"
+          :key="ins.key + ele.key"
+          :name="ele.key"
+          :label="ele.labelName"
+          :rules="getElementRules(ele)"
+        >
+          <template #input>
+            <van-radio-group v-model="ele.value" :disabled="getElementDisabled(ele)" @change="emitChange(ele)">
+              <van-radio
+                v-for="opt in ele.opts"
+                :id="`${productKey}_${ins.key}_${ele.key}_${opt.val}`"
+                :key="opt.val"
+                :name="typeof ele.value === 'number' && !isNaN(Number(opt.val)) ? opt.val * 1 : opt.val"
+                :disabled="opt.val != ele.value && opt.isDisabled"
+                :label-disabled="opt.val != ele.value && opt.isDisabled"
+              >
+                <template #icon="props">
+                  <van-icon v-if="props.checked" class-prefix="iconfont icon" name="multiple_choice" size="20px" />
+                  <van-icon v-else class-prefix="iconfont icon" name="choose_none_line" size="20px" />
+                </template>
+                <div class="bxt-ins-form-radio-content">
+                  <span v-if="opt.code" class="bxt-ins-form-radio--code">{{ opt.code }}</span>
+                  <span
+                    class="bxt-ins-form-radio--tx"
+                    :class="[genInsuranceHmTag(opt) || getInsuranceSaleStatusTagByKey(opt.val) ? 'bxt-ins-form-radio--width' : '']"
+                  >
+                    {{ opt.desc }}
+                  </span>
+                  <span v-if="getInsuranceSaleStatusTagByKey(opt.val)" class="bxt-ins-form-radio--sale-tag">
+                    {{ getInsuranceSaleStatusTagByKey(opt.val) }}
+                  </span>
+                  <span v-if="genInsuranceHmTag(opt)" class="bxt-ins-form-radio--tag">
+                    {{ genInsuranceHmTag(opt) }}
+                  </span>
+                </div>
+              </van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+
+        <CommonSelect
+          v-if="['cmCommonSelect'].includes(ele.componentName)"
+          v-model="ele.value"
+          :key="ele.componentName + ins.key + ele.key"
+          :name="ele.key"
+          :label="ele.labelName"
+          :placeholder="ele.placeholder"
+          :disabled="getElementDisabled(ele)"
+          :readonly="getElementDisabled(ele)"
+          :rules="getElementRules(ele)"
+          :options="ele.opts.filter(o => !o.isHide && !o.isDisabled && !o.isInvalid)"
+          :right-icon="getElementDisabled(ele) ? '' : 'arrow'"
+          input-align="right"
+          border
+          :data-stat-id="`product_insurance_${ele.key}`"
+          @change="emitChange(ele)"
+        />
+
+        <div :key="`${ins.key}${ele.key}_note`" v-if="ele.note" class="bxt-form-item-label-note">
+          {{ ele.note }}
+        </div>
+      </template>
+    </template>
+  </van-form>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+import { Component, Prop } from 'vue-property-decorator'
+import { get as _get } from 'lodash'
+import { convertEleOrderListToObj } from 'packages/bxs-utils/index'
+import CommonTitle from '../../../src/components/common/common-title.vue'
+import CommonRadio from '../../../src/components/common/common-radio.vue'
+import CommonSelect from '../../../src/components/common/common-select.vue'
+
+@Component({
+  name: 'ProductInsuranceForm',
+  components: {
+    CommonTitle,
+    CommonRadio,
+    CommonSelect
+  }
+})
+export default class ProductInsuranceForm extends Vue {
+  activeInputKey = ''
+  numberUnitStr = ''
+
+  @Prop({ required: true })
+  ins!: any
+
+  /** 险种表单场景：normal 普通险 | groupSub 组合子险 */
+  @Prop({ default: 'normal' })
+  insMode!: string
+
+  @Prop({ default: null })
+  productKey!: number | string
+
+  @Prop({ default: () => [] })
+  mulInsOrderList!: any[]
+
+  @Prop({ default: () => ({}) })
+  personData!: any
+
+  @Prop({ default: () => ({}) })
+  recommendValues!: any
+
+  @Prop({ default: () => ({}) })
+  insuranceSaleStatus!: any
+
+  @Prop({ default: false })
+  showHuomianTips!: boolean
+
+  @Prop({ default: false })
+  isFollow!: boolean
+
+  /** 组合险 locked：其他子险 title 不可点 */
+  @Prop({ default: false })
+  lockTitleClick!: boolean
+
+  get isGroupSub() {
+    return this.insMode === 'groupSub'
+  }
+
+  get formClassList() {
+    return [
+      'bxt-product-info-form',
+      `bxt-product-insurance-id-${this.ins.key}`,
+      this.isGroupSub ? 'bxt-product-group-sub' : '',
+      this.isGroupSub ? 'bxt-product-insurance-type-group' : '',
+      this.isFollow ? 'bxt-product-info-form-follow' : ''
+    ]
+  }
+
+  get isInsuranceChecked() {
+    const titleEle = (this.ins.eleOrderList || []).find(e => e.key === 'title')
+    return this.ins.key === 'common' || (!!titleEle && titleEle.value)
+  }
+
+  validate() {
+    const form: any = this.$refs.insuranceForm
+    return form && form.validate ? form.validate() : Promise.resolve()
+  }
+
+  emitChange(ele) {
+    this.$emit('change', { insData: this.ins, eleData: ele })
+  }
+  onTitleChange(ele) {
+    if (this.isGroupSub) {
+      this.$emit('title-change', { insData: this.ins, eleData: ele })
+    } else {
+      this.emitChange(ele)
+    }
+  }
+  onClickIcon(id) {
+    const inputDom: any = document.querySelector(`#${id}`)
+    if (inputDom) {
+      inputDom.focus()
+    }
+  }
+  closeKeyBoard() {
+    const activeElement: any = document.activeElement
+    if (!activeElement) {
+      return false
+    }
+    activeElement.blur()
+    return false
+  }
+  getElementRules(ele) {
+    let _rules = ele.rules || []
+    if (ele.isIgnoreValidate) {
+      _rules = []
+    }
+    return _rules
+  }
+  getElementDisabled(ele) {
+    if (ele.key === 'title' && this.lockTitleClick) {
+      return true
+    }
+    const opts = (ele.opts || []).filter(o => !o.isHide && !o.isDisabled && !o.isInvalid)
+    return ele.isDisabled || (opts.length === 1 && _get(opts, '[0].val') === ele.value)
+  }
+  genInsuranceHmTag(opt) {
+    const refInsurance = (this.mulInsOrderList || []).find(ins => ins.key === opt.val)
+    if (!refInsurance || !refInsurance.huomian) {
+      return ''
+    }
+    if (refInsurance.huomian === 'beiHuomian') {
+      return '被保人'
+    }
+    return '投保人'
+  }
+  getInsuranceTitleHmTag(insurance) {
+    if (!insurance.huomian) {
+      return ''
+    }
+    if (insurance.huomian === 'beiHuomian') {
+      return '被保人'
+    }
+    return '投保人'
+  }
+  getInsuranceSaleStatusTagByKey(key: string | number) {
+    const map = this.insuranceSaleStatus
+    if (!map || typeof map !== 'object' || key === undefined || key === null) {
+      return ''
+    }
+    const status = map[key] ?? map[String(key)]
+    if (status === undefined || status === null) {
+      return ''
+    }
+    return Number(status) === 2 ? '停' : ''
+  }
+  getInsuranceSaleStatusTag(insurance) {
+    return this.getInsuranceSaleStatusTagByKey(insurance.key)
+  }
+  getHuomianTips(insurance, element) {
+    const personOrderList = _get(this.personData, 'personOrderList') || []
+    const applicationInfo = personOrderList.find(p => p.key === 'applicantInfo')
+    const applicationTitle = _get(applicationInfo, 'eleOrderList', []).find(e => e.key === 'title')
+    const applicationSame = _get(applicationInfo, 'eleOrderList', []).find(e => e.key === 'applicantAndInsuredSame')
+    if (!(['touHuomian', 'shuangHuomian'].includes(insurance.huomian) && element.isDisabled)) {
+      return ''
+    }
+    if (!_get(applicationTitle, 'value')) {
+      return '<em>设置</em>投保人信息后选择'
+    }
+    if (_get(applicationSame, 'value') && !insurance.allowSamePerson) {
+      return '投被保人为同一人，<em>修改</em>投保人信息后选择'
+    }
+    return '当前投保人不能加该险种，<em>修改</em>投保人信息后选择'
+  }
+  getAmountUnit(ele) {
+    let digits = isNaN(ele.value * 1) ? 0 : Math.floor(Math.log10(ele.value) + 1)
+    switch (digits) {
+      case 5:
+        return '万'
+      case 6:
+        return '十万'
+      case 7:
+        return '百万'
+      case 8:
+        return '千万'
+      case 9:
+        return '亿'
+      default:
+        return ''
+    }
+  }
+  getRecommendValues(ele) {
+    if (!['baoe', 'baof'].includes(ele.key) || ele.isDisabled) {
+      return null
+    }
+    const insurance = convertEleOrderListToObj(this.ins)
+    return this.recommendValues && this.recommendValues[insurance.key]
+  }
+  onClickRecommendValue(value, ele) {
+    ele.value = value
+    this.emitChange(ele)
+    this.$nextTick(() => {
+      const ref: any = this.$refs[this.ins.key + ele.key + 'item']
+      const ref0 = Array.isArray(ref) ? ref[0] : ref
+      if (ref0 && ref0.validate) {
+        ref0.validate()
+      }
+    })
+  }
+}
+</script>

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

@@ -6,6 +6,7 @@
 <script lang="ts">
 import Vue from 'vue'
 import { Component } from 'vue-property-decorator'
+import { Toast } from 'vant'
 import QS from 'qs'
 import { getPlanbookData } from '../../../src/api/planbook.js'
 import { get as _get } from 'lodash'
@@ -24,9 +25,6 @@ export default class ProductInfoDemo extends Vue {
   groupKey = null
   productKey = null
   created() {
-    if (!this.URL_PARAM.publicPbUuid) {
-      this.URL_PARAM.publicPbUuid = '5d6499946bbb47bb8f6a286e9d4eee77'
-    }
     document.body.style.backgroundColor = '#f2f2f2'
     this.getPlanbookData()
   }
@@ -35,7 +33,8 @@ export default class ProductInfoDemo extends Vue {
   }
   getPlanbookData() {
     getPlanbookData({
-      publicPbUuid: this.URL_PARAM.publicPbUuid
+      insuranceTypeId: this.URL_PARAM.planbookId || 13767,
+      resultUuid: this.URL_PARAM.uuid
     })
       .then(async (data: any) => {
         await initPageData(data)
@@ -58,7 +57,7 @@ export default class ProductInfoDemo extends Vue {
   }
   cgProduct(product, obj, inst) {
     if (obj.type === 'change') {
-      this.$toast(`${_get(obj, 'insData.eleOrderList[0].labelName')} -> ${_get(obj, 'eleData.labelName')}: ${_get(obj, 'eleData.value')}`)
+      Toast(`${_get(obj, 'insData.eleOrderList[0].labelName')} -> ${_get(obj, 'eleData.labelName')}: ${_get(obj, 'eleData.value')}`)
     }
   }
 }

package/packages/product-info/handler.js

@@ -0,0 +1,307 @@
+/**
+ * product-info 辅助
+ * - 组合险 UI 状态（不进产品数据 / 试算）
+ * - 推荐保额保费、自定义结果元素
+ */
+import { get as _get } from 'lodash'
+import { initElementValidateRules } from 'packages/bxs-utils/index'
+import { createdProductDataToCalc } from 'packages/planbook-input/helper.js'
+import { getPlanbookRecommendData } from '../../src/api/planbook.js'
+
+export function getTitleEle(ins) {
+  return (ins.eleOrderList || []).find(e => e.key === 'title')
+}
+
+export function isTitleChecked(ins) {
+  const t = getTitleEle(ins)
+  return !!(t && t.value)
+}
+
+export function isTitleEnabled(ins) {
+  const t = getTitleEle(ins)
+  return !!(t && !t.isDisabled)
+}
+
+/** title 已选中且不可改（锁定勾选） */
+export function isTitleLockedChecked(ins) {
+  const t = getTitleEle(ins)
+  return !!(t && t.value === true && t.isDisabled === true)
+}
+
+export function getCheckedIds(siblings) {
+  return siblings.filter(isTitleChecked).map(s => s.key)
+}
+
+export function isCheckboxGroup(siblings) {
+  return siblings.some(s => !!s.isCheckbox)
+}
+
+/** 非 checkbox：多个选中时只保留第一个 */
+export function enforceSingleSelect(siblings) {
+  if (isCheckboxGroup(siblings)) {
+    return
+  }
+  const checked = siblings.filter(isTitleChecked)
+  if (checked.length <= 1) {
+    return
+  }
+  const keepKey = checked[0].key
+  checked.forEach(s => {
+    if (s.key !== keepKey) {
+      const t = getTitleEle(s)
+      if (t) {
+        t.value = false
+      }
+    }
+  })
+}
+
+export function setAllTitles(siblings, value) {
+  siblings.forEach(s => {
+    const t = getTitleEle(s)
+    if (t) {
+      t.value = value
+    }
+  })
+}
+
+/** 快照：组合子险 title 是否可选、是否选中 */
+export function snapshotGroupTitleEnabledMap(list) {
+  const map = {}
+  const insuranceList = list || []
+  insuranceList.forEach(ins => {
+    if (!ins.groupKey) {
+      return
+    }
+    const t = getTitleEle(ins)
+    if (t) {
+      map[ins.key] = {
+        enabled: !t.isDisabled,
+        checked: !!t.value
+      }
+    }
+  })
+  return map
+}
+
+/**
+ * 找出「原先选中 → 现在不可选」的组合子险名称（用于 Toast）
+ * 未选中的子险变为不可选时不提示
+ */
+export function getGroupSubsBecameUnselectable(list, prevSnapshotMap) {
+  const names = []
+  const insuranceList = list || []
+  insuranceList.forEach(ins => {
+    const prev = prevSnapshotMap && prevSnapshotMap[ins.key]
+    const wasChecked = !!(prev && prev.checked)
+    if (!ins.groupKey || !wasChecked) {
+      return
+    }
+    const t = getTitleEle(ins)
+    if (t && t.isDisabled && !t.value) {
+      names.push(t.labelName || ins.name || String(ins.key))
+    }
+  })
+  return names
+}
+
+/** 按 id 列表写 title；disabled 的不会勾上 */
+export function applySelectedIds(siblings, selectedIds) {
+  const idSet = new Set((selectedIds || []).map(String))
+  siblings.forEach(s => {
+    const t = getTitleEle(s)
+    if (!t) {
+      return
+    }
+    t.value = idSet.has(String(s.key)) && !t.isDisabled
+  })
+  return getCheckedIds(siblings)
+}
+
+/**
+ * 按 mulInsOrderList 首次出现顺序构建 groupUiState Map
+ * - 若有 title.value===true 且 isDisabled===true：active=true，locked=true，selectedIds 取第一个该险种 id
+ *   locked：组开关开启且不可关，其他子险 title 不可点
+ * - 否则 selectedIds：优先用当前 title 选中；否则回退 prev，并剔除已 disabled 的 id
+ */
+export function buildGroupUiState(list, prevMap, options = {}) {
+  const { isInit } = options
+  const next = new Map()
+  const insuranceList = (list || []).filter(ins => ins.groupKey)
+  insuranceList.forEach(ins => {
+    const gk = String(ins.groupKey)
+    if (next.has(gk)) {
+      return
+    }
+    const siblings = insuranceList.filter(i => String(i.groupKey) === gk)
+    const lockedChecked = siblings.find(isTitleLockedChecked)
+    if (lockedChecked) {
+      next.set(gk, {
+        active: true,
+        locked: true,
+        selectedIds: [lockedChecked.key],
+        groupName: ins.groupName
+      })
+      return
+    }
+    enforceSingleSelect(siblings)
+
+    const enabled = siblings.filter(isTitleEnabled)
+    const enabledKeySet = new Set(enabled.map(s => String(s.key)))
+    const pickEnabledIds = ids => (ids || []).filter(id => enabledKeySet.has(String(id)))
+
+    const selectedFromTitle = pickEnabledIds(getCheckedIds(siblings))
+    const prev = prevMap && prevMap.get(gk)
+    const allDisabled = enabled.length === 0
+
+    let active = false
+    if (allDisabled) {
+      active = false
+    } else if (isInit || !prev) {
+      active = selectedFromTitle.length > 0
+    } else {
+      active = prev.active || selectedFromTitle.length > 0
+    }
+
+    const selectedIds = selectedFromTitle.length > 0 ? selectedFromTitle : pickEnabledIds(prev && Array.isArray(prev.selectedIds) ? prev.selectedIds : [])
+
+    next.set(gk, {
+      active,
+      locked: false,
+      selectedIds,
+      groupName: ins.groupName
+    })
+  })
+  return next
+}
+
+/** 普通险在前，组合险在后（组序 = groupKey 首次出现） */
+export function buildDisplayBlocks(list, groupUiState, normalizeIns) {
+  const normals = []
+  const groups = []
+  const visited = new Set()
+  const insuranceList = list || []
+  insuranceList.forEach(ins => {
+    if (!ins.groupKey) {
+      normalizeIns && normalizeIns(ins)
+      normals.push({ type: 'normal', ins })
+      return
+    }
+    const gk = String(ins.groupKey)
+    if (visited.has(gk)) {
+      return
+    }
+    visited.add(gk)
+    const insList = insuranceList.filter(i => String(i.groupKey) === gk)
+    insList.forEach(i => normalizeIns && normalizeIns(i))
+    const state = groupUiState && groupUiState.get(gk)
+    groups.push({
+      type: 'group',
+      groupKey: gk,
+      groupName: (state && state.groupName) || ins.groupName || '',
+      insList
+    })
+  })
+  return normals.concat(groups)
+}
+
+/**
+ * 拉取并过滤推荐保额/保费（读写共用传入的 cache 对象）
+ * @returns {Promise<{ recommendValues: object, cacheKey: string, fromCache?: boolean } | null>}
+ */
+export async function fetchRecommendValues({ inputData, groupKey, productKey, productData, cache }) {
+  const requestDataToCalc = await createdProductDataToCalc(inputData, { groupKey, productKey }).catch(() => null)
+  if (!_get(requestDataToCalc, 'jd')) {
+    return null
+  }
+  const inputDataToCalc = JSON.parse(requestDataToCalc.jd)
+  const calcList = _get(inputDataToCalc, 'productGroupList[0].prodOrderList[0].mulInsOrderList') || []
+  const reqParams = calcList.map(ins => ({
+    insuranceId: ins.key,
+    period: ins.pPeriod,
+    calMethod: ins.calMethod || ins.feeType || ins.feeBaseType
+  }))
+  const cacheKey = JSON.stringify(reqParams)
+  if (cache && cache[cacheKey]) {
+    return { recommendValues: cache[cacheKey], fromCache: true, cacheKey }
+  }
+  const data = await getPlanbookRecommendData(reqParams)
+  const recommendValues = (data || []).reduce((obj, ele) => Object.assign(obj, { [ele.insuranceId]: ele.valueList }), {})
+  const mulInsOrderList = _get(productData, 'mulInsOrderList') || []
+  mulInsOrderList
+    .filter(ins => ins.eleOrderList && recommendValues[ins.key])
+    .forEach(ins => {
+      const calMethod = ins.calMethod || ins.feeType || ins.feeBaseType
+      const key = calMethod === 'baof2baoe' ? 'baof' : 'baoe'
+      const ele = ins.eleOrderList.find(e => e.key === key)
+      if (!ele) {
+        return
+      }
+      if (ele.min && !isNaN(Number(ele.min))) {
+        recommendValues[ins.key] = (recommendValues[ins.key] || []).filter(v => v >= ele.min)
+      }
+      if (ele.max && !isNaN(Number(ele.max))) {
+        recommendValues[ins.key] = (recommendValues[ins.key] || []).filter(v => v <= ele.max)
+      }
+    })
+  if (cache) {
+    cache[cacheKey] = recommendValues
+  }
+  return { recommendValues, cacheKey, fromCache: false }
+}
+
+/**
+ * 为选中险种写入/更新自定义保费 inputResult；未选中则清掉元素（值回写到 ins.inputResult）
+ */
+export function createInsuranceInputResultEle(productData, options = {}) {
+  const { allowCustomResult, insData, eleData } = options
+  const list = _get(productData, 'mulInsOrderList')
+  if (allowCustomResult && list) {
+    list.forEach(ins => {
+      const isCommon = ins.key === 'common'
+      const checked = isTitleChecked(ins)
+      const isCurrentIns = !!(insData && eleData && insData.key === ins.key)
+      const shouldSkipUpdate = isCurrentIns && eleData.key !== 'calMethod'
+      const shouldClear = !isCommon && !checked
+      const shouldWrite = !isCommon && checked && !shouldSkipUpdate
+      const eleOrderList = _get(ins, 'eleOrderList') || []
+      const existingInputResult = eleOrderList.find(e => e.key === 'inputResult')
+      const existingInputResultValue = existingInputResult ? existingInputResult.value : null
+
+      if (shouldClear) {
+        if (existingInputResult) {
+          ins.inputResult = existingInputResultValue
+        }
+        ins.eleOrderList = eleOrderList.filter(e => e.key !== 'inputResult')
+      }
+
+      if (shouldWrite) {
+        const calMethod = eleOrderList.find(e => e.key === 'calMethod')
+        const baof = eleOrderList.find(e => e.key === 'baof') || eleOrderList.find(e => e.key === 'payModePremium')
+        const labelName = calMethod ? (calMethod.value === 'baof2baoe' ? '保额' : '保费') : baof ? '保额' : '保费'
+        let value = existingInputResult ? ins.inputResult : ins.inputResult === undefined ? null : ins.inputResult
+        if (isCurrentIns && eleData.key === 'inputResult') {
+          value = eleData.value
+        }
+        const inputResult = {
+          componentName: 'cmCommonInput',
+          placeholder: `按照保单填写${labelName}`,
+          isHide: !productData.inputResultSwitch,
+          key: 'inputResult',
+          labelName: `自定义${labelName}`,
+          inputType: 'text',
+          required: false,
+          regExp: '/^\\d{1,}(\\.\\d{1,2})?$/',
+          regExpMessage: '请输入1-2位小数的值',
+          value
+        }
+        inputResult.rules = initElementValidateRules(inputResult)
+        delete ins.inputResult
+        ins.eleOrderList = eleOrderList.filter(e => e.key !== 'inputResult')
+        if (productData.inputResultSwitch) {
+          ins.eleOrderList.push(inputResult)
+        }
+      }
+    })
+  }
+}