bxs-tools-ui 3.2.1 → 3.3.0

package/packages/add-and-take/demo/index.vue

@@ -84,22 +84,22 @@
   </div>
 </template>
 <script>
-import Vue from 'vue';
-import Vant, { Toast } from 'vant';
-import QS from 'qs';
-import { get as _get } from 'lodash';
-import { getPlanbookData } from 'packages/planbook-input/api.js';
-import { convertPersonData, convertProductData } from 'packages/bxs-utils/planbook/index.ts';
-import { initPageData, setPageDataBaseOnResult, doubleCalcProductData } from 'packages/planbook-input/helper.js';
-import { convertInputDataToResultData } from 'packages/planbook-input/components/handler.js';
-import { initAddAndTakePopupConfig } from 'packages/add-and-take/handler.ts';
-import { ADD_AND_TAKE_TITLE_MAP } from 'packages/add-and-take/constant.ts';
+import Vue from 'vue'
+import Vant, { Toast } from 'vant'
+import QS from 'qs'
+import { get as _get } from 'lodash'
+import { getPlanbookData } from '../../../src/api/planbook.js'
+import { convertPersonData, convertProductData } from 'packages/bxs-utils/planbook/index.ts'
+import { initPageData, doubleCalcProductData } from 'packages/planbook-input/helper.js'
+import { convertInputDataToResultData } from 'packages/planbook-input/components/handler.js'
+import { initAddAndTakePopupConfig } from 'packages/add-and-take/handler.ts'
+import { ADD_AND_TAKE_TITLE_MAP } from 'packages/add-and-take/constant.ts'
 
-import JsonTree from 'vue-json-tree';
-import CommonPopup from '@src/components/common/common-popup.vue';
-import AddAndTake from '../index.vue';
+import JsonTree from 'vue-json-tree'
+import CommonPopup from '../../../src/components/common/common-popup.vue'
+import AddAndTake from '../index.vue'
 
-Vue.use(Vant);
+Vue.use(Vant)
 export default {
   components: {
     CommonPopup,
@@ -112,45 +112,48 @@ export default {
       tabIndex: 1,
       planbookData: null,
       takePopupConfig: initAddAndTakePopupConfig()
-    };
+    }
   },
   computed: {
+    exportData() {
+      return _get(this, 'planbookData.exportData')
+    },
     inputData() {
-      return _get(this, 'planbookData.initData.inputData');
+      return _get(this, 'planbookData.initData.inputData')
     },
     groupData() {
-      return _get(this, 'inputData.productGroupList[0]');
+      return _get(this, 'inputData.productGroupList[0]')
     },
     productData() {
-      return _get(this, 'groupData.prodOrderList[0]');
+      return _get(this, 'groupData.prodOrderList[0]')
     },
     insuredAge() {
-      const { inputData } = this;
-      const insuredInfo = convertPersonData(inputData.personData, 'insuredInfo');
-      return insuredInfo.age;
+      const { inputData } = this
+      const insuredInfo = convertPersonData(inputData.personData, 'insuredInfo')
+      return insuredInfo.age
     },
     reduceBaofInsuranceData() {
-      const productData = convertProductData(this.productData);
-      const mulInsOrderList = _get(productData, 'mulInsOrderList') || [];
-      return mulInsOrderList.find(ins => ins.reduceBaof && ins.reduceBaofData);
+      const productData = convertProductData(this.productData)
+      const mulInsOrderList = _get(productData, 'mulInsOrderList') || []
+      return mulInsOrderList.find(ins => ins.reduceBaof && ins.reduceBaofData)
     },
     accountInsuranceData() {
-      const productData = convertProductData(this.productData);
-      const mulInsOrderList = _get(productData, 'mulInsOrderList') || [];
-      return mulInsOrderList.find(ins => ins.account && ins.accountData);
+      const productData = convertProductData(this.productData)
+      const mulInsOrderList = _get(productData, 'mulInsOrderList') || []
+      return mulInsOrderList.find(ins => ins.account && ins.accountData)
     }
   },
   created() {
-    this.getPlanbookData();
+    this.getPlanbookData()
   },
   methods: {
     getUrlParam() {
-      return QS.parse(`${location.href.split('?')[1]}`) || {};
+      return QS.parse(`${location.href.split('?')[1]}`) || {}
     },
     getPlanbookData() {
-      const self = this;
-      const { URL_PARAM } = self;
-      const { planbookId, publicPbUuid, uuid } = URL_PARAM;
+      const self = this
+      const { URL_PARAM } = self
+      const { planbookId, publicPbUuid, uuid } = URL_PARAM
       return getPlanbookData({
         insuranceTypeId: planbookId || 13767,
         resultUuid: uuid,
@@ -158,20 +161,19 @@ export default {
         // publicPbUuid: '5d6499946bbb47bb8f6a286e9d4eee77'
       })
         .then(async data => {
-          await initPageData(data);
-          setPageDataBaseOnResult(data);
-          self.planbookData = data;
-          await self.autoImportData();
-          self.onChangeTab(1);
+          await initPageData(data)
+          self.planbookData = data
+          await self.autoImportData()
+          self.onChangeTab(1)
         })
         .catch(error => {
-          Toast('请求错误');
-          console.log(error);
-        });
+          Toast('请求错误')
+          console.log(error)
+        })
     },
     autoImportData() {
-      const { URL_PARAM, inputData } = this;
-      const { planbookId, publicPbUuid } = URL_PARAM;
+      const { URL_PARAM, exportData, inputData } = this
+      const { planbookId, publicPbUuid } = URL_PARAM
       if (inputData) {
         const gPromises = inputData.productGroupList
           .filter(g => g.prodOrderList)
@@ -179,35 +181,36 @@ export default {
             const pPromises = g.prodOrderList.map(p => {
               return doubleCalcProductData(inputData, {
                 planbookId: Number(planbookId) || 13767,
+                executeSource: exportData ? 'import' : 'init',
                 publicPbUuid,
                 groupKey: g.key,
                 productKey: p.key,
                 isIgnoreError: true
-              });
-            });
-            return Promise.all(pPromises);
-          });
-        return Promise.all(gPromises);
+              })
+            })
+            return Promise.all(pPromises)
+          })
+        return Promise.all(gPromises)
       }
-      return Promise.resolve();
+      return Promise.resolve()
     },
     onChangeTab(index) {
       if (index === 1) {
         if (this.reduceBaofInsuranceData) {
-          this.openAddAndTakePopup(this.reduceBaofInsuranceData, 'reduceBaofData');
+          this.openAddAndTakePopup(this.reduceBaofInsuranceData, 'reduceBaofData')
         }
         if (this.accountInsuranceData) {
-          this.openAddAndTakePopup(this.accountInsuranceData, 'accountData');
+          this.openAddAndTakePopup(this.accountInsuranceData, 'accountData')
         }
-        this.takePopupConfig.visible = false;
+        this.takePopupConfig.visible = false
       }
     },
     openAddAndTakePopup(insurance, name) {
-      const { URL_PARAM, inputData, groupData, productData, insuredAge } = this;
-      const { uuid: resultUuid } = URL_PARAM;
+      const { URL_PARAM, inputData, groupData, productData, insuredAge } = this
+      const { uuid: resultUuid } = URL_PARAM
       if (insurance && insurance[name]) {
-        const isReduceBaof = name === 'reduceBaofData';
-        const type = isReduceBaof ? 'reduceBaof' : insurance[name].accountPart;
+        const isReduceBaof = name === 'reduceBaofData'
+        const type = isReduceBaof ? 'reduceBaof' : insurance[name].accountPart
         const takePopupConfig = {
           visible: true,
           title: ADD_AND_TAKE_TITLE_MAP[type],
@@ -240,80 +243,80 @@ export default {
             customRate: 0.047
           },
           params: {}
-        };
-        const resultData = convertInputDataToResultData(inputData);
+        }
+        const resultData = convertInputDataToResultData(inputData)
         if (resultData) {
           takePopupConfig.inputData = {
             personData: resultData.personData,
             productGroupList: resultData.productGroupList
-          };
-          const productGroupList = (resultData.productGroupList || []).filter(g => g.prodOrderList);
+          }
+          const productGroupList = (resultData.productGroupList || []).filter(g => g.prodOrderList)
           productGroupList.forEach(g => {
-            const product = g.prodOrderList.find(p => p.key === takePopupConfig.productKey && p.hadChoice && p.mulInsOrderList);
+            const product = g.prodOrderList.find(p => p.key === takePopupConfig.productKey && p.hadChoice && p.mulInsOrderList)
             product.mulInsOrderList.forEach(ins => {
-              const { key, account, accountData, reduceBaof, reduceBaofData, duplicateReduceBaofData } = ins;
+              const { key, account, accountData, reduceBaof, reduceBaofData, duplicateReduceBaofData } = ins
               if (name === 'reduceBaofData') {
                 if (account && accountData) {
-                  takePopupConfig.accountData = accountData;
-                  takePopupConfig.accountInsuranceId = key;
+                  takePopupConfig.accountData = accountData
+                  takePopupConfig.accountInsuranceId = key
                 }
               } else {
                 if (reduceBaof && reduceBaofData) {
-                  takePopupConfig.reduceBaofData = reduceBaofData;
-                  takePopupConfig.reduceBaofData2 = duplicateReduceBaofData;
-                  takePopupConfig.reduceBaofInsuranceId = key;
+                  takePopupConfig.reduceBaofData = reduceBaofData
+                  takePopupConfig.reduceBaofData2 = duplicateReduceBaofData
+                  takePopupConfig.reduceBaofInsuranceId = key
                 }
               }
-            });
-          });
+            })
+          })
         }
-        this.takePopupConfig = takePopupConfig;
+        this.takePopupConfig = takePopupConfig
       }
     },
     confirmAddAndTake(data) {
-      const { reduceBaofData, reduceBaofData2, reduceBaofInsuranceId, accountData, accountInsuranceId } = data;
+      const { reduceBaofData, reduceBaofData2, reduceBaofInsuranceId, accountData, accountInsuranceId } = data
       this.productData.mulInsOrderList.forEach(ins => {
         if (ins.key === reduceBaofInsuranceId) {
           if (reduceBaofData) {
-            ins.reduceBaofData = reduceBaofData;
+            ins.reduceBaofData = reduceBaofData
           }
           if (reduceBaofData2) {
-            ins.duplicateReduceBaofData = reduceBaofData2;
+            ins.duplicateReduceBaofData = reduceBaofData2
           }
         }
         if (ins.key === accountInsuranceId) {
           if (accountData) {
-            ins.accountData = accountData;
+            ins.accountData = accountData
           }
         }
-      });
-      this.takePopupConfig = initAddAndTakePopupConfig();
-      console.log(data);
-      Toast('追加领取成功');
+      })
+      this.takePopupConfig = initAddAndTakePopupConfig()
+      console.log(data)
+      Toast('追加领取成功')
     },
     onClickNormalConfirm() {
-      const refAddAndTake = this.$refs.AddAndTake;
+      const refAddAndTake = this.$refs.AddAndTake
       refAddAndTake
         .confirm()
         .then(data => {
-          this.confirmAddAndTake(data);
+          this.confirmAddAndTake(data)
         })
         .catch(error => {
-          console.log(error);
-        });
+          console.log(error)
+        })
     },
     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
         }
       }
     }
   }
-};
+}
 </script>
 <style>
 .bxt_addtake_demo {

package/packages/add-and-take/handler.ts

@@ -1,7 +1,7 @@
 import { formatNumberToThousand } from 'packages/bxs-utils/planbook/index'
 import { get as _get } from 'lodash'
 
-export function initAddAndTakePopupConfig () {
+export function initAddAndTakePopupConfig() {
   return {
     visible: false,
     title: '',
@@ -24,22 +24,22 @@ export function initAddAndTakePopupConfig () {
   }
 }
 
-export function initDefaultAddAndTakeData (type) {
-  const data : any = {
+export function initDefaultAddAndTakeData(type) {
+  const data: any = {
     accountPart: type,
     accountName: '',
-    addAndTakeData: [],
+    addAndTakeData: []
   }
   if (['addAndTake', 'add'].includes(data.accountPart)) {
     data.addAndTakeData.push({
       key: 'add',
-      adjustData: [],
+      adjustData: []
     })
   }
   if (['addAndTake', 'take', 'reduceBaof'].includes(data.accountPart)) {
     data.addAndTakeData.push({
       key: 'take',
-      adjustData: [],
+      adjustData: []
     })
   }
   return data
@@ -59,17 +59,14 @@ export function initInterestData(data) {
     if (k === 'rate') {
       data[k].title = '账户利率'
       if (data[k].opts) {
-        data[k].opts.forEach((o) => {
+        data[k].opts.forEach(o => {
           o.description = getBonusDesc(o)
         })
       }
     }
     if (k === 'bonusRateData') {
       for (const kk in data[k]) {
-        if (
-          data[k][kk]
-          && ['highestEndBonusRate', 'highestYearBonusRate', 'latestEndBonusRate', 'latestYearBonusRate'].includes(kk)
-        ) {
+        if (data[k][kk] && ['highestEndBonusRate', 'highestYearBonusRate', 'latestEndBonusRate', 'latestYearBonusRate'].includes(kk)) {
           data[k][kk] = Number((data[k][kk] * 100).toFixed(0))
         }
       }
@@ -87,7 +84,7 @@ export function getBonusDesc(option) {
 }
 
 export function initInterestFormValues(values, data) {
-  const formData : any = {
+  const formData: any = {
     bonus: null,
     customBonusRate: null,
     rate: null,
@@ -101,7 +98,7 @@ export function initInterestFormValues(values, data) {
     monthRate: null
   }
   if (data) {
-    Object.keys(formData).forEach((k) => {
+    Object.keys(formData).forEach(k => {
       if (data[k]) {
         if (['bonus', 'rate', 'takeType', 'bonusTake', 'pensionTake'].includes(k)) {
           formData[k] = data[k].value
@@ -112,7 +109,7 @@ export function initInterestFormValues(values, data) {
     })
   }
   if (values) {
-    Object.keys(values).forEach((k) => {
+    Object.keys(values).forEach(k => {
       if (values[k]) {
         formData[k] = values[k]
       }
@@ -142,14 +139,14 @@ export function initInterestFormValues(values, data) {
 }
 
 export function convertInterestFormValues(values, data) {
-  let formValues : any = {}
+  let formValues: any = {}
   if (values) {
     formValues = values
 
     const _rate = _get(data, 'rate.opts[3].value')
     const _highestYearBonusRate = _get(data, 'bonusRateData.highestYearBonusRate')
     const _highestEndBonusRate = _get(data, 'bonusRateData.highestEndBonusRate')
-  
+
     const { bonus, customBonusRate, rate, customRate } = values
     const _yearBonusRate = bonus === '_custom' ? customBonusRate || _highestYearBonusRate : null
     const _endBonusRate = bonus === '_custom' ? customBonusRate || _highestEndBonusRate : null
@@ -165,19 +162,19 @@ export function convertInterestFormValues(values, data) {
   return formValues
 }
 
-export function getBeginYearOpts(values, options : any = {}) {
+export function getBeginYearOpts(values, options: any = {}) {
   const { data, startPolicyNo, startIndex, age, adjustData } = options
   if (!data) {
     return []
   }
   const maxLength = data.reduce((a, b) => Math.max(a, b.values.length), 0)
-  let yearOptions : any = []
+  let yearOptions: any = []
   for (let i = 0; i < maxLength; i++) {
     const year = i + (startPolicyNo || 1)
     if (year >= values.beginYear) {
       yearOptions.push({
         val: year,
-        desc: `第${year}年, ${age + (startIndex || 0) + i + 1}岁`,
+        desc: `第${year}年, ${age + (startIndex || 0) + i + 1}岁`
       })
     }
   }
@@ -196,16 +193,16 @@ export function rebuildAccountDataBySetting(values, accountData) {
     return accountData
   }
 
-  const adjustYears : any = []
+  const adjustYears: any = []
   const tempAddAndTake = _addAndTakeData.find(a => a.key === values.type)
   const adjustData = _get(tempAddAndTake, 'adjustData') || []
-  adjustData.map((ad) => {
+  adjustData.map(ad => {
     for (let k = ad[0]; k <= ad[1]; k++) {
       adjustYears.push([
         k, // 开始年度
         k, // 结束年度
         ad[2], // 金额
-        ad[3], // 用途
+        ad[3] // 用途
       ])
     }
   })
@@ -222,11 +219,11 @@ export function rebuildAccountDataBySetting(values, accountData) {
   }
   adjustYears.sort((a, b) => a[0] - b[0])
 
-  const tempAdjust : any = []
-  adjustYears.forEach((item : any) => {
+  const tempAdjust: any = []
+  adjustYears.forEach((item: any) => {
     const length = tempAdjust.length
-    const last : any = length && tempAdjust[length - 1]
-    if (last && (last[2] + last[3]) === (item[2] + item[3]) && last[1] + 1 === item[0]) {
+    const last: any = length && tempAdjust[length - 1]
+    if (last && last[2] + last[3] === item[2] + item[3] && last[1] + 1 === item[0]) {
       last[1] = item[0]
       return
     }
@@ -234,11 +231,10 @@ export function rebuildAccountDataBySetting(values, accountData) {
   })
   if (tempAddAndTake) {
     tempAddAndTake.adjustData = tempAdjust.filter(ad => !!ad[2])
-  }
-  else {
+  } else {
     accountData.addAndTakeData.push({
       key: values.type,
-      adjustData: tempAdjust.filter(ad => !!ad[2]),
+      adjustData: tempAdjust.filter(ad => !!ad[2])
     })
   }
   return accountData
@@ -248,8 +244,8 @@ export function rebuildAccountDataByResult(detailsData, accountData, options = {
   if (!detailsData || !accountData || !accountData.addAndTakeData) {
     return accountData
   }
-  const columnKey = _get(options, 'columnKey');
-  accountData.addAndTakeData.forEach((item) => {
+  const columnKey = _get(options, 'columnKey')
+  accountData.addAndTakeData.forEach(item => {
     const correspondingDetailsDataKey = columnKey || item.key
     const detailData = detailsData.find(e => e.key === correspondingDetailsDataKey)
     const values = detailData && detailData.values
@@ -258,21 +254,21 @@ export function rebuildAccountDataByResult(detailsData, accountData, options = {
       item.adjustData = []
       return
     }
-    const adjustData : any = []
+    const adjustData: any = []
     values.forEach((ele, index) => {
       if (!ele) {
         return
       }
-      const lastAdjustData : any = adjustData[Math.max(0, adjustData.length - 1)]
+      const lastAdjustData: any = adjustData[Math.max(0, adjustData.length - 1)]
       if (lastAdjustData && lastAdjustData[1] === index && lastAdjustData[2] === ele && (!details || details[index] === lastAdjustData[3])) {
         lastAdjustData[1] = index + 1
         return
       }
-      const adjustDataItem : any = [
+      const adjustDataItem: any = [
         index + 1, // 开始年度
         index + 1, // 结束年度
         ele, // 金额
-        details && details[index] ? details[index] : '', // 用途
+        details && details[index] ? details[index] : '' // 用途
       ]
       adjustData.push(adjustDataItem)
     })
@@ -281,12 +277,12 @@ export function rebuildAccountDataByResult(detailsData, accountData, options = {
   return accountData
 }
 
-export function getEnsureCanTakeAmount(initialData, options : any = {}) {
+export function getEnsureCanTakeAmount(initialData, options: any = {}) {
   if (!initialData || !options) {
     return 0
   }
-  const { beginYear, endYear } : any = options
-  const rate : any = options.rate + 1
+  const { beginYear, endYear }: any = options
+  const rate: any = options.rate + 1
   const accountValue = initialData.find(ele => ele.uniKey === 'account_value_1')
   let ensureAmount = 0
   if (beginYear && endYear && rate && accountValue && accountValue.values) {
@@ -299,10 +295,7 @@ export function getEnsureCanTakeAmount(initialData, options : any = {}) {
   const numMaxlength = accountValue && accountValue.values ? accountValue.values.length : 0
   if (beginYear && endYear && numMaxlength && endYear <= numMaxlength) {
     for (let i = endYear + 1; i <= numMaxlength; i++) {
-      ensureAmount = Math.min(
-        ensureAmount,
-        accountValue.values[i - 1] / (endYear - beginYear + 1) / rate ** (i - (beginYear + endYear - 1) / 2),
-      )
+      ensureAmount = Math.min(ensureAmount, accountValue.values[i - 1] / (endYear - beginYear + 1) / rate ** (i - (beginYear + endYear - 1) / 2))
     }
   }
 
@@ -311,31 +304,33 @@ export function getEnsureCanTakeAmount(initialData, options : any = {}) {
 }
 
 export function calcColumnsWidth(tableData) {
-  const widthObj : any = {}
+  const widthObj: any = {}
   if (tableData && tableData.length) {
     const keys = Object.keys(tableData[0]).concat('purpose', 'purpose2')
-    keys.forEach((k) => {
+    keys.forEach(k => {
       widthObj[k] = 0
     })
-    keys.forEach((k) => {
-      tableData.filter((e, i) => i !== 0).forEach((e, i) => {
-        let contentCount = 0
-        if (['purpose', 'purpose2'].includes(k)) {
-          if (e[k]) {
-            contentCount = e[k].length * 10 / 12 + 0.5
+    keys.forEach(k => {
+      tableData
+        .filter((e, i) => i !== 0)
+        .forEach((e, i) => {
+          let contentCount = 0
+          if (['purpose', 'purpose2'].includes(k)) {
+            if (e[k]) {
+              contentCount = (e[k].length * 10) / 12 + 0.5
+            }
+          } else {
+            contentCount = formatNumberToThousand(e[k]).length * 0.5 + 0.5
           }
-        } else {
-          contentCount = formatNumberToThousand(e[k]).length * 0.5 + 0.5
-        }
-        widthObj[k] = Math.max(contentCount, widthObj[k])
-      })
+          widthObj[k] = Math.max(contentCount, widthObj[k])
+        })
     })
     for (const k in widthObj) {
       if (['take', 'draw_value'].includes(k)) {
-        widthObj[k] += (widthObj.purpose || 0)
+        widthObj[k] += widthObj.purpose || 0
       }
       if (['draw_value2'].includes(k)) {
-        widthObj[k] += (widthObj.purpose2 || 0)
+        widthObj[k] += widthObj.purpose2 || 0
       }
     }
     for (const k in widthObj) {

package/packages/add-and-take/index.less

@@ -0,0 +1,69 @@
+@import (reference) 'variables.less';
+@import 'color.less';
+
+.bxt_add_and_take {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: white;
+
+  & .bxt_add_and_take_tips {
+    margin-bottom: 8px;
+    font-size: 13px;
+    text-align: center;
+    color: var(--bxt-text-patch);
+  }
+
+  & .bxt_add_and_take_footer {
+    .bxt-safe-area-inset-bottom();
+
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    padding: 7px 16px;
+    background: white;
+    box-shadow: 0 -6px 10px 0 rgba(23, 32, 77, 0.05);
+    box-sizing: border-box;
+    z-index: 2;
+
+    & .bxt_add_and_take_footer_wrapper {
+      display: flex;
+      font-size: 14px;
+      line-height: 20px;
+
+      & .bxt_item {
+        flex: 1;
+        margin-right: 12px;
+        padding: 7px 0;
+        color: var(--bxt-text-primary);
+        border: 1px solid var(--bxt-line-split);
+        background: white;
+        border-radius: 8px;
+        text-align: center;
+      }
+
+      & .bxt_item.primary {
+        color: white;
+        border: 1px solid var(--bxt-primary);
+        background: var(--bxt-primary);
+      }
+
+      & .bxt_item.minor {
+        color: var(--bxt-primary);
+        border: 1px solid var(--bxt-primary);
+        background: white;
+      }
+
+      & .bxt_item.disabled {
+        color: white;
+        border: 1px solid transparent;
+        background: rgba(2, 92, 234, 0.3);
+      }
+
+      & .bxt_item:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+}