bxs-tools-ui 3.2.0 → 3.3.0

package/packages/product-info/index.vue

@@ -70,8 +70,8 @@
               clearable
               :inputmode="ele.inputType || 'text'"
               @focus="
-                activeInputKey = ins.key + ele.key;
-                numberUnitStr = getAmountUnit(ele);
+                activeInputKey = ins.key + ele.key
+                numberUnitStr = getAmountUnit(ele)
               "
               @blur="activeInputKey = ''"
               @input="numberUnitStr = getAmountUnit(ele)"
@@ -181,25 +181,19 @@
   </div>
 </template>
 <script lang="ts">
-import Vue from 'vue';
-import { Component, Prop } from 'vue-property-decorator';
-import { get as _get } from 'lodash';
-import { PLANBOOK_API_HOSTNAME } from '@src/js/variables.js';
-import {
-  productDataHandler,
-  verifyProductRules,
-  clearAddAndTakeAndAdjustBaoeData,
-  initElementValidateRules,
-  convertEleOrderListToObj
-} from 'packages/bxs-utils/index';
-import { createdProductDataToCalc } from 'packages/planbook-input/helper.js';
+import Vue from 'vue'
+import { Component, Prop } from 'vue-property-decorator'
+import { get as _get } from 'lodash'
+import { getPlanbookRecommendData } from '../../src/api/planbook.js'
+import { productDataHandler, multipleInsuredHandler, verifyProductRules, initElementValidateRules, convertEleOrderListToObj } from 'packages/bxs-utils/index'
+import { createdProductDataToCalc } from 'packages/planbook-input/helper.js'
 
-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';
-import CommonAgeBirthday from '@src/components/common/common-age-birthday.vue';
+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'
+import CommonAgeBirthday from '../../src/components/common/common-age-birthday.vue'
 
-import './index.css';
+import './index.less'
 
 @Component({
   name: 'BxtProductInfo',
@@ -211,103 +205,108 @@ import './index.css';
   }
 })
 export default class BxtProductInfo extends Vue {
-  activeInputKey = '';
-  numberUnitStr = '';
-  recommendValues = {};
-  recommendValuesCache = {};
-  isShowCustomValueTips = true;
+  activeInputKey = ''
+  numberUnitStr = ''
+  recommendValues = {}
+  recommendValuesCache = {}
+  isShowCustomValueTips = true
 
   @Prop({
     default: () => ({})
   })
-  inputData: any;
+  user: any
 
   @Prop({
     default: () => ({})
   })
-  verifyData: any;
+  inputData: any
+
+  @Prop({
+    default: () => ({})
+  })
+  verifyData: any
 
   @Prop({
     default: null
   })
-  groupKey!: number | string;
+  groupKey!: number | string
 
   @Prop({
     default: null
   })
-  productKey!: number | string;
+  productKey!: number | string
 
   @Prop({
     default: true
   })
-  showRecommendValue!: boolean;
+  showRecommendValue!: boolean
 
   @Prop({
     default: () => ({})
   })
-  params: any;
+  params: any
 
   get personData() {
-    return this.inputData && this.inputData.personData;
+    return this.inputData && this.inputData.personData
   }
   get groupData() {
-    return this.inputData && this.inputData.productGroupList && this.inputData.productGroupList.find(g => g.key === this.groupKey);
+    return this.inputData && this.inputData.productGroupList && this.inputData.productGroupList.find(g => g.key === this.groupKey)
   }
   get productData() {
-    return this.groupData && this.groupData.prodOrderList && this.groupData.prodOrderList.find(p => p.key === this.productKey);
+    return this.groupData && this.groupData.prodOrderList && this.groupData.prodOrderList.find(p => p.key === this.productKey)
   }
   get productForm() {
-    let productForm: any = {};
+    let productForm: any = {}
     this.productData &&
       this.productData.mulInsOrderList.map(ins => {
-        productForm[ins.key] = {};
+        productForm[ins.key] = {}
         ins.eleOrderList.map(ele => {
-          productForm[ins.key][ele.key] = ele.value;
-        });
-      });
-    return productForm;
+          productForm[ins.key][ele.key] = ele.value
+        })
+      })
+    return productForm
   }
   get filterInsuranceList() {
-    const list = this.productData && this.productData.mulInsOrderList.filter(ins => !ins.groupKey);
+    const list = this.productData && this.productData.mulInsOrderList.filter(ins => !ins.groupKey)
     // 下拉框根据条件改单选（按钮）。From hyw
     if (list) {
       list.forEach(ins => {
         if (!ins.eleOrderList) {
-          return;
+          return
         }
         ins.eleOrderList.forEach(ele => {
           if (ele.componentName !== 'cmCommonSelect' || !ele.opts) {
-            return;
+            return
           }
           if (ele.opts.length === 1) {
-            return;
+            return
           }
           if (ele.opts.length < 6 && !ele.opts.some(o => o.desc && String(o.desc).length >= 10)) {
-            ele.componentName = 'cmCommonRadioBtn';
+            ele.componentName = 'cmCommonRadioBtn'
           }
-        });
-      });
+        })
+      })
     }
-    return list;
+    return list
   }
 
   created() {
-    this.init();
+    this.init()
   }
   async init() {
-    const { productData } = this;
-    this.requiestRecommendValues();
-    const errorMsg = await this.changeProduct(productData, {});
-    this.$emit('change', productData, { errorMsg }, this);
+    const { productData } = this
+    this.requiestRecommendValues()
+    const errorMsg = await this.changeProduct(productData, {})
+    this.$emit('change', productData, { errorMsg }, this)
   }
   onChange(options: any = {}) {
-    options.type = 'change';
-    const { type, insData, eleData } = options;
+    options.type = 'change'
+    const { type, insData, eleData } = options
     if (!['title'].includes(eleData.key)) {
-      this.requiestRecommendValues();
+      this.requiestRecommendValues()
     }
     this.$nextTick(async () => {
-      const errorMsg = await this.changeProduct(this.productData, options);
+      const errorMsg = await this.changeProduct(this.productData, options)
       this.$emit(
         'change',
         this.productData,
@@ -318,36 +317,37 @@ export default class BxtProductInfo extends Vue {
           errorMsg
         },
         this
-      );
-    });
+      )
+    })
   }
   onClickIcon(id) {
-    const inputDom: any = document.querySelector(`#${id}`);
-    inputDom.focus();
+    const inputDom: any = document.querySelector(`#${id}`)
+    inputDom.focus()
   }
   async changeProduct(productData, options) {
-    const { $listeners, inputData, verifyData, personData, groupKey, productKey, params } = this;
-    const { type, insData, eleData } = options;
-    const planbookId = _get(params, 'planbookId');
-    const publicPbUuid = _get(params, 'publicPbUuid');
-    const productVerifyData = _get(verifyData, `[${productKey}]`);
+    const { $listeners, user, inputData, verifyData, personData, groupKey, productKey, params } = this
+    const { type, insData, eleData } = options
+    const planbookId = _get(params, 'planbookId')
+    const publicPbUuid = _get(params, 'publicPbUuid')
+    const productVerifyData = _get(verifyData, `[${productKey}]`)
     const eventTarget = {
       insuranceKey: _get(insData, 'key') || null,
       insuranceCode: _get(insData, 'code') || null,
       elementKey: _get(eleData, 'key') || null
-    };
-
-    if (type === 'change') {
-      clearAddAndTakeAndAdjustBaoeData(productData);
+    }
+    if (productData.multipleInsured) {
+      multipleInsuredHandler(productData, personData)
     }
     await productDataHandler(productData, productVerifyData, personData, {
+      user,
       planbookId,
+      executeSource: 'userAction',
       eventTarget
-    });
+    })
     if (type === 'change') {
-      this.createInsuranceInputResultEle(insData, eleData);
+      this.createInsuranceInputResultEle(insData, eleData)
     } else {
-      this.createInsuranceInputResultEle();
+      this.createInsuranceInputResultEle()
     }
 
     let errorMsg: any = verifyProductRules({
@@ -355,263 +355,251 @@ export default class BxtProductInfo extends Vue {
       productData,
       insData,
       eleData
-    });
+    })
     if (!errorMsg) {
       await this.validate()
         .then(async () => {
-          const hasRevalidateFlag = (_get(productData, 'mulInsOrderList') || []).some(ins => ins.revalidateFlag);
+          const hasRevalidateFlag = (_get(productData, 'mulInsOrderList') || []).some(ins => ins.revalidateFlag)
           if (hasRevalidateFlag && $listeners.reCalculate) {
             await new Promise<any>((resolve, reject) => {
               this.$emit(
                 'reCalculate',
                 inputData,
                 {
+                  user,
                   planbookId,
                   publicPbUuid,
                   groupKey,
                   productKey,
+                  executeSource: 'userAction',
                   isIgnoreError: true,
                   eventTarget
                 },
                 resolve,
                 reject
-              );
+              )
             }).catch(err => {
-              errorMsg = _get(err, '[0].message') || _get(err, 'message');
-            });
+              errorMsg = _get(err, '[0].message') || _get(err, 'message')
+            })
             await productDataHandler(productData, productVerifyData, personData, {
+              user,
               planbookId,
+              executeSource: 'userAction',
               eventTarget
-            });
+            })
           }
         })
-        .catch(() => {});
+        .catch(() => {})
     }
-    return errorMsg;
+    return errorMsg
   }
   isInsuranceChecked(ins) {
-    let titleEle = ins.eleOrderList.find(e => e.key === 'title');
-    return ins.key === 'common' || (!!titleEle && titleEle.value);
+    let titleEle = ins.eleOrderList.find(e => e.key === 'title')
+    return ins.key === 'common' || (!!titleEle && titleEle.value)
   }
   isNextInsuranceFollow(ins) {
-    let index = this.productData.mulInsOrderList.findIndex(i => i.key === ins.key);
+    let index = this.productData.mulInsOrderList.findIndex(i => i.key === ins.key)
     return (
       this.productData.mulInsOrderList[index + 1] &&
       !this.productData.mulInsOrderList[index + 1].groupKey &&
       this.productData.mulInsOrderList[index + 1].isFollowing
-    );
+    )
   }
   getElementRules(ele) {
-    let _rules = ele.rules || [];
+    let _rules = ele.rules || []
     if (ele.isIgnoreValidate) {
-      _rules = [];
+      _rules = []
     }
-    return _rules;
+    return _rules
   }
   getElementDisabled(ele) {
-    const opts = (ele.opts || []).filter(o => !o.isHide && !o.isDisabled && !o.isInvalid);
-    return ele.isDisabled || (opts.length === 1 && _get(opts, '[0].val') === ele.value);
+    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.productData.mulInsOrderList.find(ins => ins.key === opt.val);
+    const refInsurance = this.productData.mulInsOrderList.find(ins => ins.key === opt.val)
     if (!refInsurance) {
-      return '';
+      return ''
     }
     if (!refInsurance.huomian || refInsurance.isGroup) {
-      return '';
+      return ''
     }
     if (refInsurance.huomian === 'beiHuomian') {
-      return '被保人';
+      return '被保人'
     }
-    return '投保人';
+    return '投保人'
   }
   getInsuranceTitleHmTag(insurance) {
     if (!insurance.huomian || insurance.isGroup) {
-      return '';
+      return ''
     }
     if (insurance.huomian === 'beiHuomian') {
-      return '被保人';
+      return '被保人'
     } else {
-      return '投保人';
+      return '投保人'
     }
   }
   /** params.insuranceSaleStatus: { [insuranceKey]: number }，值为 2 表示停售（与 cmCommonTitle、cmCommonRadio 选项 val 一致） */
   getInsuranceSaleStatusTagByKey(key: string | number) {
-    const map = _get(this, 'params.insuranceSaleStatus');
+    const map = _get(this, 'params.insuranceSaleStatus')
     if (!map || typeof map !== 'object' || key === undefined || key === null) {
-      return '';
+      return ''
     }
-    const status = map[key] ?? map[String(key)];
+    const status = map[key] ?? map[String(key)]
     if (status === undefined || status === null) {
-      return '';
+      return ''
     }
-    return Number(status) === 2 ? '停' : '';
+    return Number(status) === 2 ? '停' : ''
   }
   getInsuranceSaleStatusTag(insurance) {
-    return this.getInsuranceSaleStatusTagByKey(insurance.key);
+    return this.getInsuranceSaleStatusTagByKey(insurance.key)
   }
   getHuomianTips(insurance, element) {
-    const personOrderList = this.inputData.personData.personOrderList;
-    const applicationInfo = personOrderList.find(p => p.key === 'applicantInfo');
-    const applicationTitle = applicationInfo && applicationInfo.eleOrderList.find(e => e.key === 'title');
-    const applicationSame = applicationInfo && applicationInfo.eleOrderList.find(e => e.key === 'applicantAndInsuredSame');
+    const personOrderList = this.inputData.personData.personOrderList
+    const applicationInfo = personOrderList.find(p => p.key === 'applicantInfo')
+    const applicationTitle = applicationInfo && applicationInfo.eleOrderList.find(e => e.key === 'title')
+    const applicationSame = applicationInfo && applicationInfo.eleOrderList.find(e => e.key === 'applicantAndInsuredSame')
     if (!(['touHuomian', 'shuangHuomian'].includes(insurance.huomian) && element.isDisabled)) {
-      return '';
+      return ''
     }
     if (!(applicationTitle && applicationTitle.value)) {
-      return '<em>设置</em>投保人信息后选择';
+      return '<em>设置</em>投保人信息后选择'
     }
     if (applicationSame && applicationSame.value && !insurance.allowSamePerson) {
-      return '投被保人为同一人，<em>修改</em>投保人信息后选择';
+      return '投被保人为同一人，<em>修改</em>投保人信息后选择'
     }
-    return '当前投保人不能加该险种，<em>修改</em>投保人信息后选择';
+    return '当前投保人不能加该险种，<em>修改</em>投保人信息后选择'
   }
   getAmountUnit(ele) {
-    let digits = isNaN(ele.value * 1) ? 0 : Math.floor(Math.log10(ele.value) + 1);
+    let digits = isNaN(ele.value * 1) ? 0 : Math.floor(Math.log10(ele.value) + 1)
     switch (digits) {
       case 5:
-        return '万';
+        return '万'
       case 6:
-        return '十万';
+        return '十万'
       case 7:
-        return '百万';
+        return '百万'
       case 8:
-        return '千万';
+        return '千万'
       case 9:
-        return '亿';
+        return '亿'
       default:
-        return '';
+        return ''
     }
   }
   async validate() {
-    const { $refs, filterInsuranceList } = this;
-    const insKeys: any = filterInsuranceList.map(ins => ins.key);
+    const { $refs, filterInsuranceList } = this
+    const insKeys: any = filterInsuranceList.map(ins => ins.key)
     return new Promise((resolve, reject) => {
       setTimeout(() => {
-        const promises = [];
+        const promises = []
         for (const k of insKeys) {
-          const _ref = _get($refs, `insuranceForm${k}[0]`);
+          const _ref = _get($refs, `insuranceForm${k}[0]`)
           if (_ref) {
-            promises.push(_ref?.validate());
+            promises.push(_ref?.validate())
           }
         }
         Promise.all(promises)
           .then(() => resolve([]))
-          .catch(error => reject(error));
-      }, 200);
-    });
+          .catch(error => reject(error))
+      }, 200)
+    })
   }
   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
   }
   getRecommendValues(ins, ele) {
-    if (!['baoe', 'baof'].includes(ele.key)) {
-      return null;
+    if (!['baoe', 'baof'].includes(ele.key) || ele.isDisabled) {
+      return null
     }
-    const insurance = convertEleOrderListToObj(ins);
-    return this.recommendValues && this.recommendValues[insurance.isGroup ? insurance.insuranceId : insurance.key];
+    const insurance = convertEleOrderListToObj(ins)
+    return this.recommendValues && this.recommendValues[insurance.isGroup ? insurance.insuranceId : insurance.key]
   }
   async requiestRecommendValues() {
-    const self = this;
-    const { showRecommendValue, recommendValuesCache, inputData, groupData, productData } = self;
+    const self = this
+    const { showRecommendValue, recommendValuesCache, inputData, groupData, productData } = self
     if (!showRecommendValue) {
-      return;
+      return
     }
-    const url = `${PLANBOOK_API_HOSTNAME}/planBook/input/calculate/recommend`;
-    const calcData = await createdProductDataToCalc(inputData, {
+    const requestDataToCalc: any = await createdProductDataToCalc(inputData, {
       groupKey: groupData.key,
       productKey: productData.key
-    }).catch(() => {});
-
-    const reqParams: any = [];
-    const calcInputData = calcData && JSON.parse(calcData.jd);
-    const calcProductData = calcInputData && calcInputData.productGroupList[0].prodOrderList[0];
-    if (calcProductData && calcProductData.mulInsOrderList) {
-      calcProductData.mulInsOrderList.forEach(ins => {
-        reqParams.push({
-          insuranceId: ins.key,
-          period: ins.pPeriod,
-          calMethod: ins.calMethod || ins.feeType || ins.feeBaseType
-        });
-      });
-    }
+    }).catch(() => {})
+    const reqParams: any = []
+    const inputDataToCalc = requestDataToCalc && JSON.parse(requestDataToCalc.jd)
+    const mulInsOrderList = _get(inputDataToCalc, 'productGroupList[0].prodOrderList[0].mulInsOrderList') || []
+    mulInsOrderList.forEach(ins => {
+      reqParams.push({
+        insuranceId: ins.key,
+        period: ins.pPeriod,
+        calMethod: ins.calMethod || ins.feeType || ins.feeBaseType
+      })
+    })
 
     if (recommendValuesCache[JSON.stringify(reqParams)]) {
-      self.recommendValues = recommendValuesCache[JSON.stringify(reqParams)];
-      return;
+      self.recommendValues = recommendValuesCache[JSON.stringify(reqParams)]
+      return
     }
 
-    return fetch(url, {
-      method: 'POST',
-      credentials: 'include',
-      headers: {
-        Accept: 'application/json, text/plain, */*',
-        'Content-Type': 'application/json;'
-      },
-      body: JSON.stringify(reqParams)
-    })
-      .then(response => response.json())
-      .then(({ success, data, info }: any) => {
-        if (!success || !data) {
-          self.$toast(info);
-          return Promise.reject();
-        }
-        let recommendValues = data.reduce((obj, ele) => {
+    return getPlanbookRecommendData(reqParams)
+      .then((data: any) => {
+        const recommendValues = data.reduce((obj, ele) => {
           return Object.assign(obj, {
             [ele.insuranceId]: ele.valueList
-          });
-        }, {});
+          })
+        }, {})
 
         // 推荐金额，根据最小值和最大值进行过滤。From hyw
-        const mulInsOrderList = productData && productData.mulInsOrderList ? productData.mulInsOrderList : [];
+        const mulInsOrderList = _get(productData, 'mulInsOrderList') || []
         mulInsOrderList
           .filter(ins => ins.eleOrderList && ins.eleOrderList.length)
           .filter(ins => recommendValues[ins.key])
           .map(ins => {
-            const calMethod = ins.calMethod || ins.feeType || ins.feeBaseType;
-            const key = calMethod === 'baof2baoe' ? 'baof' : 'baoe';
-            const ele = ins.eleOrderList.find(ele => ele.key === key);
+            const calMethod = ins.calMethod || ins.feeType || ins.feeBaseType
+            const key = calMethod === 'baof2baoe' ? 'baof' : 'baoe'
+            const ele = ins.eleOrderList.find(ele => ele.key === key)
             if (ele) {
               if (ele.min && !isNaN(Number(ele.min))) {
-                recommendValues[ins.key] = (recommendValues[ins.key] || []).filter(v => v >= 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);
+                recommendValues[ins.key] = (recommendValues[ins.key] || []).filter(v => v <= ele.max)
               }
             }
-          });
-        self.recommendValues = recommendValues;
-        recommendValuesCache[JSON.stringify(reqParams)] = recommendValues;
+          })
+        self.recommendValues = recommendValues
+        recommendValuesCache[JSON.stringify(reqParams)] = recommendValues
+      })
+      .catch(info => {
+        self.$toast(info)
+        console.log(info)
       })
-      .catch(error => {
-        console.log(error);
-      });
   }
   onClickRecommendValue(value, ins, ele) {
-    const self = this;
-    ele.value = value;
+    const self = this
+    ele.value = value
     self.onChange({
       insData: ins,
       eleData: ele
-    });
+    })
 
     self.$nextTick(() => {
-      const ref = self.$refs[ins.key + ele.key + 'item'];
-      const ref0 = ref && ref[0];
+      const ref = self.$refs[ins.key + ele.key + 'item']
+      const ref0 = ref && ref[0]
       if (ref0) {
-        ref0.validate();
+        ref0.validate()
       }
-    });
+    })
   }
   createInsuranceInputResultEle(insData?: any, eleData?: any) {
-    const { params, productData } = this;
+    const { params, productData } = this
     if (!params.allowCustomResult) {
-      return;
+      return
     }
 
     productData.mulInsOrderList
@@ -619,25 +607,25 @@ export default class BxtProductInfo extends Vue {
       .forEach(ins => {
         // 需要特别注意组合险的情况
         if (ins.groupKey) {
-          return;
+          return
         }
         if (ins.key === 'common') {
-          return;
+          return
         }
         if (insData && eleData && !insData.isGroup && insData.key === ins.key && eleData.key !== 'calMethod') {
-          return;
+          return
         }
 
-        const calMethod = ins.eleOrderList.find(e => e.key === 'calMethod');
-        const baof = ins.eleOrderList.find(e => e.key === 'baof') || ins.eleOrderList.find(e => e.key === 'payModePremium');
-        let inputResult = ins.eleOrderList.find(e => e.key === 'inputResult');
-        const labelName = calMethod ? (calMethod.value === 'baof2baoe' ? '保额' : '保费') : baof ? '保额' : '保费';
-        let value = ins.inputResult === undefined ? null : ins.inputResult;
+        const calMethod = ins.eleOrderList.find(e => e.key === 'calMethod')
+        const baof = ins.eleOrderList.find(e => e.key === 'baof') || ins.eleOrderList.find(e => e.key === 'payModePremium')
+        let inputResult = ins.eleOrderList.find(e => e.key === 'inputResult')
+        const labelName = calMethod ? (calMethod.value === 'baof2baoe' ? '保额' : '保费') : baof ? '保额' : '保费'
+        let value = ins.inputResult === undefined ? null : ins.inputResult
         if (inputResult) {
-          value = inputResult.value;
+          value = inputResult.value
         }
         if (insData && eleData && insData.key === ins.key && eleData.key === 'inputResult') {
-          value = eleData.value;
+          value = eleData.value
         }
         inputResult = {
           componentName: 'cmCommonInput',
@@ -650,15 +638,15 @@ export default class BxtProductInfo extends Vue {
           regExp: '/^\\d{1,}(\\.\\d{1,2})?$/',
           regExpMessage: '请输入1-2位小数的值',
           value
-        };
-        inputResult.rules = initElementValidateRules(inputResult);
-        delete ins.inputResult;
-        ins.eleOrderList = ins.eleOrderList.filter(e => e.key !== 'inputResult');
+        }
+        inputResult.rules = initElementValidateRules(inputResult)
+        delete ins.inputResult
+        ins.eleOrderList = ins.eleOrderList.filter(e => e.key !== 'inputResult')
 
         if (productData.inputResultSwitch) {
-          ins.eleOrderList.push(inputResult);
+          ins.eleOrderList.push(inputResult)
         }
-      });
+      })
   }
 }
 </script>