bxs-tools-ui 3.2.0 → 3.3.0

package/packages/planbook-input/components/product-table.vue

@@ -120,6 +120,7 @@
     >
       <ProductInfo
         ref="productInfo"
+        :user="user"
         :input-data="inputData"
         :verify-data="verifyData"
         :group-key="params.groupKey"
@@ -192,23 +193,23 @@
   </div>
 </template>
 <script lang="ts">
-import Vue from 'vue';
-import QS from 'qs';
-import { Component, Prop, Watch } from 'vue-property-decorator';
-import { get as _get, cloneDeep } from 'lodash';
-import { initAddAndTakePopupConfig } from 'packages/add-and-take/handler.ts';
-import { ADD_AND_TAKE_TITLE_MAP } from 'packages/add-and-take/constant.ts';
-import { calculateProductData } from '../helper.js';
-import { convertInputDataToResultData } from './handler';
+import Vue from 'vue'
+import QS from 'qs'
+import { Component, Prop, Watch } from 'vue-property-decorator'
+import { get as _get, cloneDeep } from 'lodash'
+import { initAddAndTakePopupConfig } from 'packages/add-and-take/handler.ts'
+import { ADD_AND_TAKE_TITLE_MAP } from 'packages/add-and-take/constant.ts'
+import { calcProductData } from '../helper.js'
+import { convertInputDataToResultData } from './handler'
 
-import CommonPopup from '@src/components/common/common-popup.vue';
-import ProductInfo from 'packages/product-info/index.vue';
-import AddAndTake from 'packages/add-and-take/index.vue';
-import AdjustBaoe from 'packages/adjust-baoe/index.vue';
+import CommonPopup from '../../../src/components/common/common-popup.vue'
+import ProductInfo from 'packages/product-info/index.vue'
+import AddAndTake from 'packages/add-and-take/index.vue'
+import AdjustBaoe from 'packages/adjust-baoe/index.vue'
 
-import './product-table.css';
+import './product-table.less'
 
-const { insuranceId } = QS.parse(`${location.href.split('?')[1]}`) || {};
+const { insuranceId } = QS.parse(`${location.href.split('?')[1]}`) || {}
 
 function initPopupConf() {
   return {
@@ -217,7 +218,7 @@ function initPopupConf() {
     title: '',
     type: '',
     data: {}
-  };
+  }
 }
 
 @Component({
@@ -230,39 +231,44 @@ function initPopupConf() {
   }
 })
 export default class BxtProductTable extends Vue {
+  @Prop({
+    default: () => ({})
+  })
+  user: any
+
   @Prop({
     default: ''
   })
-  resultUuid: any;
+  resultUuid: any
 
   @Prop({
     default: () => ({})
   })
-  inputData: any;
+  inputData: any
 
   @Prop({
     default: () => ({})
   })
-  verifyData: any;
+  verifyData: any
   @Prop({
     default: () => ({})
   })
-  params: any;
+  params: any
 
   get personData() {
-    return _get(this, 'inputData.personData');
+    return _get(this, 'inputData.personData')
   }
   get groupData() {
-    const productGroupList = _get(this, 'inputData.productGroupList') || [];
-    return productGroupList.find(g => g.key === this.params.groupKey);
+    const productGroupList = _get(this, 'inputData.productGroupList') || []
+    return productGroupList.find(g => g.key === this.params.groupKey)
   }
   get productData() {
-    const prodOrderList = _get(this, 'groupData.prodOrderList') || [];
-    return prodOrderList.find(p => p.key === this.params.productKey);
+    const prodOrderList = _get(this, 'groupData.prodOrderList') || []
+    return prodOrderList.find(p => p.key === this.params.productKey)
   }
   get isShowAdjustBaoe() {
-    const mulInsOrderList = _get(this, 'productData.mulInsOrderList') || [];
-    return mulInsOrderList.find(ins => !!ins.adjustBaoe);
+    const mulInsOrderList = _get(this, 'productData.mulInsOrderList') || []
+    return mulInsOrderList.find(ins => !!ins.adjustBaoe)
   }
 
   @Watch('popupConf.prodVisible', {
@@ -271,42 +277,42 @@ export default class BxtProductTable extends Vue {
   })
   switchProductSheet(val: boolean) {
     if (this.popupConf.type !== 'ProductInfo') {
-      return;
+      return
     }
     if (val) {
-      this.backupProductData = cloneDeep(this.productData);
-      return;
+      this.backupProductData = cloneDeep(this.productData)
+      return
     }
-    this.closeProductSheet();
-    this.isCkConfirm = false;
+    this.closeProductSheet()
+    this.isCkConfirm = false
   }
 
-  popupConf = initPopupConf();
-  takePopupConfig = initAddAndTakePopupConfig();
+  popupConf = initPopupConf()
+  takePopupConfig = initAddAndTakePopupConfig()
   // 区分是否是单击确定按钮
-  isCkConfirm = false;
-  backupProductData: any = null;
-  addAndTakeTitleMap = ADD_AND_TAKE_TITLE_MAP;
+  isCkConfirm = false
+  backupProductData: any = null
+  addAndTakeTitleMap = ADD_AND_TAKE_TITLE_MAP
   reCalculateProductData(inputData, params, resolve, reject) {
-    return calculateProductData(inputData, params)
+    return calcProductData(inputData, params)
       .then(resolve)
-      .catch(reject);
+      .catch(reject)
   }
   isShowDeleteBtn() {
-    let index = this.groupData && this.groupData.prodOrderList && this.groupData.prodOrderList.findIndex(p => p.key === this.params.productKey);
-    return this.productData.hadChoice && !this.productData.required && index >= this.groupData.defNum;
+    let index = this.groupData && this.groupData.prodOrderList && this.groupData.prodOrderList.findIndex(p => p.key === this.params.productKey)
+    return this.productData.hadChoice && !this.productData.required && index >= this.groupData.defNum
   }
   closeProductSheet() {
     // 单击确定按钮关闭时，不用还原数据
     if (!this.isCkConfirm) {
       for (let k in this.backupProductData) {
-        this.productData[k] = this.backupProductData[k];
+        this.productData[k] = this.backupProductData[k]
       }
     }
   }
   deleteProduct() {
-    this.productData.hadChoice = false;
-    this.productData.totalBaof = null;
+    this.productData.hadChoice = false
+    this.productData.totalBaof = null
   }
   modify() {
     this.popupConf = {
@@ -314,7 +320,7 @@ export default class BxtProductTable extends Vue {
       title: this.productData.titleName,
       type: 'ProductInfo',
       data: {}
-    };
+    }
   }
   confirm(prod) {
     this.$emit(
@@ -324,46 +330,46 @@ export default class BxtProductTable extends Vue {
         productKey: this.params.productKey
       },
       this
-    );
+    )
   }
   close() {
-    this.isCkConfirm = true;
-    this.popupConf = initPopupConf();
+    this.isCkConfirm = true
+    this.popupConf = initPopupConf()
   }
 
   fnShowAddAndTake(ins, name) {
     if (ins.isGroup) {
-      return false;
+      return false
     }
-    const { productData, params } = this;
-    const hasInterest = params.interestProductList && params.interestProductList.includes(productData.key);
-    const isProductChecked = productData.hadChoice;
-    let titleEle = ins.eleOrderList.find(ele => ele.key === 'title');
-    let isInsuranceChecked = titleEle && titleEle.value;
+    const { productData, params } = this
+    const hasInterest = params.interestProductList && params.interestProductList.includes(productData.key)
+    const isProductChecked = productData.hadChoice
+    let titleEle = ins.eleOrderList.find(ele => ele.key === 'title')
+    let isInsuranceChecked = titleEle && titleEle.value
     if (ins.groupKey) {
-      const groupInsurance = productData.mulInsOrderList.find(item => item.key === ins.groupKey);
+      const groupInsurance = productData.mulInsOrderList.find(item => item.key === ins.groupKey)
       if (groupInsurance) {
-        titleEle = groupInsurance.eleOrderList.find(ele => ele.key === 'title');
-        const insuranceIdEle = groupInsurance.eleOrderList.find(ele => ele.key === 'insuranceId');
-        isInsuranceChecked = titleEle && titleEle.value && insuranceIdEle.value === ins.key;
+        titleEle = groupInsurance.eleOrderList.find(ele => ele.key === 'title')
+        const insuranceIdEle = groupInsurance.eleOrderList.find(ele => ele.key === 'insuranceId')
+        isInsuranceChecked = titleEle && titleEle.value && insuranceIdEle.value === ins.key
       }
     }
     if (name === 'accountData') {
-      return hasInterest && isProductChecked && isInsuranceChecked && ins.accountData && ins.accountData.accountPart;
+      return hasInterest && isProductChecked && isInsuranceChecked && ins.accountData && ins.accountData.accountPart
     }
     if (name === 'reduceBaofData') {
-      return hasInterest && isProductChecked && isInsuranceChecked && ins.reduceBaof && ins.reduceBaofData;
+      return hasInterest && isProductChecked && isInsuranceChecked && ins.reduceBaof && ins.reduceBaofData
     }
-    return false;
+    return false
   }
   openAddAndTakePopup(ins, name) {
-    const { resultUuid, inputData, params } = this;
+    const { resultUuid, inputData, params } = this
     if (ins[name]) {
-      const resultData = convertInputDataToResultData(inputData);
-      const { groupKey, productKey } = params;
-      const isReduceBaof = name === 'reduceBaofData';
-      const type = isReduceBaof ? 'reduceBaof' : ins[name].accountPart;
-      const scene = !resultUuid ? 1 : Number(insuranceId) === ins.key ? 5 : 2;
+      const resultData = convertInputDataToResultData(inputData)
+      const { groupKey, productKey } = params
+      const isReduceBaof = name === 'reduceBaofData'
+      const type = isReduceBaof ? 'reduceBaof' : ins[name].accountPart
+      const scene = !resultUuid ? 1 : Number(insuranceId) === ins.key ? 5 : 2
 
       const mocktAccountData = {
         accountPart: 'addAndTake',
@@ -380,7 +386,7 @@ export default class BxtProductTable extends Vue {
             ]
           }
         ]
-      };
+      }
       const mocktReduceBaofData = {
         accountPart: 'take',
         addAndTakeData: [
@@ -392,7 +398,7 @@ export default class BxtProductTable extends Vue {
             ]
           }
         ]
-      };
+      }
       const mocktReduceBaofData2 = {
         accountPart: 'take',
         addAndTakeData: [
@@ -403,7 +409,7 @@ export default class BxtProductTable extends Vue {
           //   ]
           // }
         ]
-      };
+      }
 
       const takePopupConfig: any = {
         visible: true,
@@ -421,22 +427,22 @@ export default class BxtProductTable extends Vue {
         reduceBaofData2: ins.duplicateReduceBaofData || mocktReduceBaofData2,
         [isReduceBaof ? 'reduceBaofInsuranceId' : 'accountInsuranceId']: ins.key,
         interestData: null
-      };
+      }
 
       if (resultData) {
         // 投保页追加领取、减保领取
         if (takePopupConfig.scene === 1) {
-          takePopupConfig.groupKey = groupKey;
-          takePopupConfig.productKey = productKey;
+          takePopupConfig.groupKey = groupKey
+          takePopupConfig.productKey = productKey
           takePopupConfig.inputData = {
             personData: resultData.personData,
             productGroupList: resultData.productGroupList
-          };
+          }
         }
         // 结果页追加领取、减保领取
         if (takePopupConfig.scene === 2) {
-          takePopupConfig.productKey = productKey;
-          takePopupConfig.resultUuid = resultUuid;
+          takePopupConfig.productKey = productKey
+          takePopupConfig.resultUuid = resultUuid
           // takePopupConfig.resultUuid = 'e34ac050a9f14bc2a821dd6833f803cf', // 7080-追加领取 uuid（测试）
           // takePopupConfig.resultUuid = 'a25ae1bc496045248bb4082e31fa2aec', // 11661-减保领取 uuid（测试）
           // takePopupConfig.resultUuid = 'c387da25d0f34d35a4e40d1a1d27c5cb', // 5167-减保领取 uuid（测试）
@@ -444,11 +450,11 @@ export default class BxtProductTable extends Vue {
         }
         // 产品利益对比追加领取、减保领取
         if (takePopupConfig.scene === 5) {
-          takePopupConfig.resultUuid = resultUuid;
+          takePopupConfig.resultUuid = resultUuid
         }
 
         if ([1, 2].includes(takePopupConfig.scene)) {
-          const productGroupList: any = resultData.productGroupList || [];
+          const productGroupList: any = resultData.productGroupList || []
           productGroupList
             .filter(g => g.prodOrderList)
             .forEach(g => {
@@ -460,19 +466,19 @@ export default class BxtProductTable extends Vue {
                     .forEach(item => {
                       if (name === 'reduceBaofData') {
                         if (item.account && item.accountData) {
-                          takePopupConfig.accountData = item.accountData;
-                          takePopupConfig.accountInsuranceId = item.key;
+                          takePopupConfig.accountData = item.accountData
+                          takePopupConfig.accountInsuranceId = item.key
                         }
                       } else {
                         if (item.reduceBaof && item.reduceBaofData) {
-                          takePopupConfig.reduceBaofData = item.reduceBaofData;
-                          takePopupConfig.reduceBaofData2 = item.duplicateReduceBaofData;
-                          takePopupConfig.reduceBaofInsuranceId = item.key;
+                          takePopupConfig.reduceBaofData = item.reduceBaofData
+                          takePopupConfig.reduceBaofData2 = item.duplicateReduceBaofData
+                          takePopupConfig.reduceBaofInsuranceId = item.key
                         }
                       }
-                    });
-                });
-            });
+                    })
+                })
+            })
         }
 
         if ([2, 5].includes(takePopupConfig.scene)) {
@@ -483,34 +489,34 @@ export default class BxtProductTable extends Vue {
             customRate: 0.047,
             yearBonusRate: 1.2,
             endBonusRate: 1.2
-          };
+          }
         }
       }
-      this.takePopupConfig = takePopupConfig;
+      this.takePopupConfig = takePopupConfig
     }
   }
   addAndTakeConfirm(data) {
-    const { productData } = this;
-    const { type, accountData, accountInsuranceId, reduceBaofData, reduceBaofData2, reduceBaofInsuranceId, interestData } = data;
+    const { productData } = this
+    const { type, accountData, accountInsuranceId, reduceBaofData, reduceBaofData2, reduceBaofInsuranceId, interestData } = data
     productData.mulInsOrderList.forEach(ins => {
       if (ins.key === accountInsuranceId) {
-        ins.accountData = accountData;
+        ins.accountData = accountData
       }
       if (ins.key === reduceBaofInsuranceId) {
-        ins.reduceBaofData = reduceBaofData;
-        ins.duplicateReduceBaofData = reduceBaofData2;
+        ins.reduceBaofData = reduceBaofData
+        ins.duplicateReduceBaofData = reduceBaofData2
       }
-    });
-    this.takePopupConfig = initAddAndTakePopupConfig();
-    console.log(interestData);
+    })
+    this.takePopupConfig = initAddAndTakePopupConfig()
+    console.log(interestData)
   }
   closeAddAndTake() {
-    const { $refs, takePopupConfig } = this;
+    const { $refs, takePopupConfig } = this
     if (!takePopupConfig.visible) {
-      const refAddAndTake = $refs.AddAndTake;
+      const refAddAndTake = $refs.AddAndTake
       if (refAddAndTake && refAddAndTake.subName === 'Form') {
-        refAddAndTake.goToTable();
-        takePopupConfig.visible = true;
+        refAddAndTake.goToTable()
+        takePopupConfig.visible = true
       }
     }
   }
@@ -519,24 +525,24 @@ export default class BxtProductTable extends Vue {
       prodVisible: false,
       ADEVisible: true,
       title: '调整保额'
-    };
+    }
   }
   adjustBaoeConfirm(data) {
-    this.productData.adjustBaoeData = data;
-    console.log(data);
-    this.popupConf = initPopupConf();
+    this.productData.adjustBaoeData = data
+    console.log(data)
+    this.popupConf = initPopupConf()
   }
   getAdjustBaoeInsTitle(insList, key) {
     if (key === 'age') {
-      return '年龄';
+      return '年龄'
     }
     const insData = insList.find(function(ins, i) {
-      return ins[ins.code ? 'code' : 'key'] == key.replace(/baoe_/, '');
-    });
+      return ins[ins.code ? 'code' : 'key'] == key.replace(/baoe_/, '')
+    })
     if (!insData) {
-      return '';
+      return ''
     }
-    return /(\(|\（)([^\(\（]+)(\)|\）)$/.exec(insData.name) ? /(\(|\（)([^\(\（]+)(\)|\）)$/.exec(insData.name)[2] : insData.name;
+    return /(\(|\（)([^\(\（]+)(\)|\）)$/.exec(insData.name) ? /(\(|\（)([^\(\（]+)(\)|\）)$/.exec(insData.name)[2] : insData.name
   }
 }
 </script>

package/packages/planbook-input/demo/index.vue

@@ -2,9 +2,9 @@
   <PlanbookInput></PlanbookInput>
 </template>
 <script lang="ts">
-import Vue from 'vue';
-import { Component } from 'vue-property-decorator';
-import PlanbookInput from '../index.vue';
+import Vue from 'vue'
+import { Component } from 'vue-property-decorator'
+import PlanbookInput from '../index.vue'
 
 @Component({
   components: {