bxs-tools-ui 3.2.0 → 3.3.0

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

@@ -52,16 +52,16 @@
 </template>
 
 <script>
-import Vue from 'vue';
-import Vant from 'vant';
-import { Toast, Dialog } from 'vant';
-import { get as _get, cloneDeep } from 'lodash';
-import { initInsuranceInterest, getInsuranceInterestDetail } from './api.ts';
-import { PURPOSE_OPTIONS } from './constant.ts';
+import Vue from 'vue'
+import Vant from 'vant'
+import { Toast, Dialog } from 'vant'
+import { get as _get, cloneDeep } from 'lodash'
+import { initInsuranceInterest, getInsuranceInterestDetail } from '../../src/api/add-and-take.js'
+import { PURPOSE_OPTIONS } from './constant.ts'
 
-import InterestForm from './components/interest-form.vue';
-import InterestItems from './components/interest-items.vue';
-import InterestTable from './components/interest-table.vue';
+import InterestForm from './components/interest-form.vue'
+import InterestItems from './components/interest-items.vue'
+import InterestTable from './components/interest-table.vue'
 import {
   convertInterestFormValues,
   initInterestData,
@@ -69,10 +69,10 @@ import {
   initInterestFormValues,
   rebuildAccountDataByResult,
   rebuildAccountDataBySetting
-} from './handler';
-import './index.css';
+} from './handler'
+import './index.less'
 
-Vue.use(Vant);
+Vue.use(Vant)
 export default {
   components: {
     InterestItems,
@@ -130,102 +130,102 @@ export default {
       addAndTakeDetailData: null,
       formData: {},
       interestFormValue: {}
-    };
+    }
   },
   computed: {
     cpInputData() {
-      return cloneDeep(this.inputData);
+      return cloneDeep(this.inputData)
     },
     productData() {
-      const { cpInputData, groupKey, productKey } = this;
-      const groupData = (_get(cpInputData, 'productGroupList') || []).find(g => g.key === groupKey);
-      return (_get(groupData, 'prodOrderList') || []).find(p => p.key === productKey);
+      const { cpInputData, groupKey, productKey } = this
+      const groupData = (_get(cpInputData, 'productGroupList') || []).find(g => g.key === groupKey)
+      return (_get(groupData, 'prodOrderList') || []).find(p => p.key === productKey)
     },
     insuranceKey() {
-      return this.type === 'reduceBaof' ? this.reduceBaofInsuranceId : this.accountInsuranceId;
+      return this.type === 'reduceBaof' ? this.reduceBaofInsuranceId : this.accountInsuranceId
     },
     knowledgeData() {
-      return _get(this, 'interestInitData.knowledgeData') || [];
+      return _get(this, 'interestInitData.knowledgeData') || []
     },
     minTakeYear() {
-      const { type, periodNum, knowledgeData } = this;
-      let minYear = 0;
+      const { type, periodNum, knowledgeData } = this
+      let minYear = 0
       if (type === 'reduceBaof') {
-        minYear = Number(periodNum);
-        const startTime = knowledgeData.find(e => e.key === 'start_time');
-        const startTimeValue = Number(_get(startTime, 'value'));
+        minYear = Number(periodNum)
+        const startTime = knowledgeData.find(e => e.key === 'start_time')
+        const startTimeValue = Number(_get(startTime, 'value'))
         if (startTimeValue && startTimeValue !== -1) {
-          minYear = startTimeValue || 0;
+          minYear = startTimeValue || 0
         }
       }
-      return Math.max(minYear, 0);
+      return Math.max(minYear, 0)
     },
     isShowTips() {
-      const mulInsOrderList = _get(this.productData, 'mulInsOrderList') || [];
-      const hasReduceBaof = mulInsOrderList.find(ins => ins.reduceBaof && ins.reduceBaofData);
-      const hasAccountTake = mulInsOrderList.find(ins => ins.account && ins.accountData);
-      return hasReduceBaof && hasAccountTake;
+      const mulInsOrderList = _get(this.productData, 'mulInsOrderList') || []
+      const hasReduceBaof = mulInsOrderList.find(ins => ins.reduceBaof && ins.reduceBaofData)
+      const hasAccountTake = mulInsOrderList.find(ins => ins.account && ins.accountData)
+      return hasReduceBaof && hasAccountTake
     }
   },
   watch: {
     subName: {
       handler(name) {
-        this.$emit('update:submoduleName', name);
+        this.$emit('update:submoduleName', name)
       }
     }
   },
   created() {
-    this.subName = this.submoduleName;
-    this.addAndTakeRecordData = this.initAddAndTakeRecordData();
-    this.getInitInterestData();
+    this.subName = this.submoduleName
+    this.addAndTakeRecordData = this.initAddAndTakeRecordData()
+    this.getInitInterestData()
   },
   methods: {
     initAddAndTakeRecordData() {
-      const { type, accountData, reduceBaofData } = this;
-      let recordData = ['reduceBaof'].includes(type) ? reduceBaofData : accountData;
+      const { type, accountData, reduceBaofData } = this
+      let recordData = ['reduceBaof'].includes(type) ? reduceBaofData : accountData
       if (!_get(recordData, 'addAndTakeData.length')) {
-        recordData = initDefaultAddAndTakeData(type);
+        recordData = initDefaultAddAndTakeData(type)
         if (_get(recordData, 'accountName')) {
-          recordData.accountName = _get(recordData, 'accountName');
+          recordData.accountName = _get(recordData, 'accountName')
         }
       }
-      return cloneDeep(recordData);
+      return cloneDeep(recordData)
     },
     getInitInterestData() {
-      const { scene, resultUuid, productKey, insuranceKey, interestData, currentReduceBaofData2 } = this;
+      const { scene, resultUuid, productKey, insuranceKey, interestData, currentReduceBaofData2 } = this
       const reqParams = {
         uuid: resultUuid,
         pbData: resultUuid ? '' : JSON.stringify(this.getPureInputDataForRequest()),
         productId: productKey,
         insuranceId: insuranceKey
-      };
+      }
       return initInsuranceInterest(reqParams, { scene })
         .then(data => {
           if (data) {
-            this.interestInitData = initInterestData(data);
-            this.interestFormValue = initInterestFormValues(interestData, this.interestInitData);
+            this.interestInitData = initInterestData(data)
+            this.interestFormValue = initInterestFormValues(interestData, this.interestInitData)
             if (data.duplicateFlag) {
               if (!_get(currentReduceBaofData2, 'addAndTakeData.length')) {
-                this.currentReduceBaofData2 = initDefaultAddAndTakeData('take');
+                this.currentReduceBaofData2 = initDefaultAddAndTakeData('take')
               }
             }
-            this.getAddAndTakeData();
+            this.getAddAndTakeData()
           }
         })
         .catch(error => {
-          let errorMsg = '';
+          let errorMsg = ''
           if (error && typeof error === 'string') {
-            errorMsg = error;
+            errorMsg = error
           }
           if (errorMsg) {
-            Toast(error);
+            Toast(error)
           }
-          console.log(error);
-        });
+          console.log(error)
+        })
     },
     async getAddAndTakeData(newRecordData = null, oFormValue, params = {}) {
-      const self = this;
-      const columnKey = _get(params, 'columnKey');
+      const self = this
+      const columnKey = _get(params, 'columnKey')
       const {
         scene,
         resultUuid,
@@ -241,9 +241,9 @@ export default {
         currentReduceBaofData2,
         addAndTakeRecordData,
         interestInitData
-      } = self;
+      } = self
 
-      const _formValus = await self.validateInterestFormValues().catch(() => {});
+      const _formValus = await self.validateInterestFormValues().catch(() => {})
       if (_formValus) {
         const {
           bonus,
@@ -258,11 +258,11 @@ export default {
           bonusShowSelector,
           yearRate,
           monthRate
-        } = _formValus;
-        const effectAddAndTakeData = _get(newRecordData || addAndTakeRecordData, 'addAndTakeData') || null;
-        const reduceAddAndTakeData = _get(addAndTakeRecordData, 'addAndTakeData') || null;
-        const reduce2AddAndTakeData = _get(currentReduceBaofData2, 'addAndTakeData') || null;
-        const isReduceBaof = type === 'reduceBaof';
+        } = _formValus
+        const effectAddAndTakeData = _get(newRecordData || addAndTakeRecordData, 'addAndTakeData') || null
+        const reduceAddAndTakeData = _get(addAndTakeRecordData, 'addAndTakeData') || null
+        const reduce2AddAndTakeData = _get(currentReduceBaofData2, 'addAndTakeData') || null
+        const isReduceBaof = type === 'reduceBaof'
         const reqParams = {
           uuid: resultUuid,
           pbData: resultUuid ? '' : JSON.stringify(this.getPureInputDataForRequest()),
@@ -280,34 +280,34 @@ export default {
           bonusShowSelector,
           yearRate,
           monthRate
-        };
+        }
         // 这里是为支持双减保领取，即保证和红利两档都可以领取
         if (isReduceBaof) {
           if (!columnKey) {
-            reqParams.drawData = effectAddAndTakeData;
-            reqParams.duplicateDrawData = reduce2AddAndTakeData;
+            reqParams.drawData = effectAddAndTakeData
+            reqParams.duplicateDrawData = reduce2AddAndTakeData
           }
           if (columnKey === 'draw_value') {
-            reqParams.drawData = effectAddAndTakeData;
-            reqParams.duplicateDrawData = reduce2AddAndTakeData;
+            reqParams.drawData = effectAddAndTakeData
+            reqParams.duplicateDrawData = reduce2AddAndTakeData
           }
           if (columnKey === 'draw_value2') {
-            reqParams.drawData = reduceAddAndTakeData;
-            reqParams.duplicateDrawData = _get(newRecordData || currentReduceBaofData2, 'addAndTakeData') || null;
+            reqParams.drawData = reduceAddAndTakeData
+            reqParams.duplicateDrawData = _get(newRecordData || currentReduceBaofData2, 'addAndTakeData') || null
           }
         } else {
-          reqParams.addAndTakeData = effectAddAndTakeData;
+          reqParams.addAndTakeData = effectAddAndTakeData
         }
 
         if (!isReduceBaof && reduceBaofData) {
-          reqParams.drawData = reduceBaofData.addAndTakeData;
-          reqParams.duplicateDrawData = _get(reduceBaofData2, 'addAndTakeData');
-          reqParams.drawInsuranceId = reduceBaofInsuranceId;
+          reqParams.drawData = reduceBaofData.addAndTakeData
+          reqParams.duplicateDrawData = _get(reduceBaofData2, 'addAndTakeData')
+          reqParams.drawInsuranceId = reduceBaofInsuranceId
         }
 
         // 减保1领取，清空减保2领取的数据
         if (newRecordData && columnKey === 'draw_value') {
-          reqParams.duplicateDrawData = initDefaultAddAndTakeData('take').addAndTakeData;
+          reqParams.duplicateDrawData = initDefaultAddAndTakeData('take').addAndTakeData
         }
 
         return getInsuranceInterestDetail(reqParams, {
@@ -316,15 +316,15 @@ export default {
         })
           .then(data => {
             if (data) {
-              self.addAndTakeDetailData = data;
-              self.addAndTakeRecordData = rebuildAccountDataByResult(data, cloneDeep(addAndTakeRecordData), { columnKey: isReduceBaof ? 'draw_value' : null });
-              self.currentReduceBaofData2 = rebuildAccountDataByResult(data, cloneDeep(currentReduceBaofData2), { columnKey: 'draw_value2' });
-              return Promise.resolve(data);
+              self.addAndTakeDetailData = data
+              self.addAndTakeRecordData = rebuildAccountDataByResult(data, cloneDeep(addAndTakeRecordData), { columnKey: isReduceBaof ? 'draw_value' : null })
+              self.currentReduceBaofData2 = rebuildAccountDataByResult(data, cloneDeep(currentReduceBaofData2), { columnKey: 'draw_value2' })
+              return Promise.resolve(data)
             }
-            return Promise.reject();
+            return Promise.reject()
           })
           .catch(error => {
-            const errMessage = error.info || '请求错误';
+            const errMessage = error.info || '请求错误'
             if (errMessage.match(/账户余额不足|不满足最大领取金额/)) {
               return new Promise((resolve, reject) => {
                 Dialog.confirm({
@@ -333,51 +333,51 @@ export default {
                     '切换演示情形后，不满足领取设置要求（将出现余额不足或超过最大领取金额限制），请确认是否清空已设置的领取金额重新进行领取设置？如不清空，则本演示情形不展示领取后数据。'
                 })
                   .then(() => {
-                    const _addAndTakeData = _get(cloneDeep(effectAddAndTakeData), 'addAndTakeData') || [];
-                    const _hasTakeData = _addAndTakeData.some(e => e.adjustData && e.adjustData.length);
-                    self.addAndTakeRecordData = initDefaultAddAndTakeData(type);
+                    const _addAndTakeData = _get(cloneDeep(effectAddAndTakeData), 'addAndTakeData') || []
+                    const _hasTakeData = _addAndTakeData.some(e => e.adjustData && e.adjustData.length)
+                    self.addAndTakeRecordData = initDefaultAddAndTakeData(type)
                     // 避免 getAddAndTakeData 循环调用
                     if (_hasTakeData) {
-                      self.getAddAndTakeData();
+                      self.getAddAndTakeData()
                     }
                     // 账户余额不足，或不满足最大领取金额，减保领取、账户领取的数据都要清空。
                     if (isReduceBaof) {
                       if (currentAccountData) {
-                        self.currentAccountData = initDefaultAddAndTakeData(currentAccountData.accountPart);
+                        self.currentAccountData = initDefaultAddAndTakeData(currentAccountData.accountPart)
                       }
                     } else {
                       if (currentReduceBaofData) {
-                        self.currentReduceBaofData = initDefaultAddAndTakeData(currentReduceBaofData.accountPart);
-                        self.currentReduceBaofData2 = initDefaultAddAndTakeData('take');
+                        self.currentReduceBaofData = initDefaultAddAndTakeData(currentReduceBaofData.accountPart)
+                        self.currentReduceBaofData2 = initDefaultAddAndTakeData('take')
                       }
                     }
-                    resolve();
+                    resolve()
                   })
                   .catch(() => {
-                    self.interestFormValue = convertInterestFormValues(oFormValue || self.interestFormValue, interestInitData);
-                    resolve();
-                  });
-              });
+                    self.interestFormValue = convertInterestFormValues(oFormValue || self.interestFormValue, interestInitData)
+                    resolve()
+                  })
+              })
             }
-            Toast(errMessage);
-            return Promise.reject();
-          });
+            Toast(errMessage)
+            return Promise.reject()
+          })
       }
-      return Promise.reject();
+      return Promise.reject()
     },
     getPureInputDataForRequest() {
-      const { cpInputData, groupKey, productData } = this;
-      const _inputData = cloneDeep(cpInputData);
-      const _productData = cloneDeep(productData);
+      const { cpInputData, groupKey, productData } = this
+      const _inputData = cloneDeep(cpInputData)
+      const _productData = cloneDeep(productData)
       const data = {
         insuranceTypeId: null,
         personData: null,
         productGroupList: []
-      };
+      }
       if (_inputData && _productData) {
-        data.insuranceTypeId = _inputData.insuranceTypeId;
-        delete _inputData.personData.recipientInfo;
-        data.personData = _inputData.personData;
+        data.insuranceTypeId = _inputData.insuranceTypeId
+        delete _inputData.personData.recipientInfo
+        data.personData = _inputData.personData
 
         const NONEED_PROD_KEYS = [
           'adjustBaoeData',
@@ -402,7 +402,7 @@ export default {
           'xinCodeList',
           'insShowArr',
           'restrictList'
-        ];
+        ]
         const NONEED_INS_KEYS = [
           // 'account',
           // 'accountData',
@@ -422,32 +422,32 @@ export default {
           // 'reduceBaofData',
           // 'duplicateReduceBaofData',
           'saleStatus'
-        ];
+        ]
         NONEED_PROD_KEYS.forEach(k => {
-          delete _productData[k];
-        });
+          delete _productData[k]
+        })
         _productData.mulInsOrderList.forEach(ins => {
           NONEED_INS_KEYS.forEach(k => {
-            delete ins[k];
-          });
-        });
+            delete ins[k]
+          })
+        })
         data.productGroupList.push({
           key: groupKey,
           prodOrderList: [_productData]
-        });
+        })
       }
-      return data;
+      return data
     },
     onChangeInterestFormValue(values, oValues) {
-      this.interestFormValue = values;
-      this.getAddAndTakeData(null, oValues);
+      this.interestFormValue = values
+      this.getAddAndTakeData(null, oValues)
     },
     onClickTableCell(key, item, index) {
-      const { insuredAge, interestInitData, addAndTakeDetailData, minTakeYear } = this;
+      const { insuredAge, interestInitData, addAndTakeDetailData, minTakeYear } = this
       if (index <= 0 || !['add', 'take', 'draw_value', 'draw_value2'].includes(key) || !(interestInitData && addAndTakeDetailData)) {
-        return;
+        return
       }
-      const purposeOption = PURPOSE_OPTIONS.find(o => o.val === item.purpose);
+      const purposeOption = PURPOSE_OPTIONS.find(o => o.val === item.purpose)
       const formData = {
         // WYJHS-13, 追加领取、减保领取并存，利益结果中的 take key 拆分为 take / draw_value，后者用于减保领取
         // 提交时的类型数据在外层区分，为 addAndTakeData: [{key: take},...], drawData: [{key: take}, ...]，因此 formData.type 仍是 take
@@ -458,66 +458,66 @@ export default {
         baof: Number(item[key].replace(/,/g, '')) || null,
         purpose: purposeOption ? purposeOption.val : '',
         customPurpose: item.purpose
-      };
-      const startIndex = interestInitData.startIndex || 0;
+      }
+      const startIndex = interestInitData.startIndex || 0
       if (['take'].includes(formData.type)) {
-        const maxLength = addAndTakeDetailData.reduce((a, b) => Math.max(a, b.values.length), 0);
+        const maxLength = addAndTakeDetailData.reduce((a, b) => Math.max(a, b.values.length), 0)
         if (item.year < minTakeYear) {
           if (maxLength > minTakeYear) {
-            Toast(`领取年龄必须在${insuredAge + startIndex + minTakeYear}岁到${insuredAge + startIndex + maxLength}岁之间`);
+            Toast(`领取年龄必须在${insuredAge + startIndex + minTakeYear}岁到${insuredAge + startIndex + maxLength}岁之间`)
           }
-          return;
+          return
         }
       }
-      this.formData = formData;
-      this.subName = 'Form';
+      this.formData = formData
+      this.subName = 'Form'
     },
     deleteAllData() {
-      const { addAndTakeRecordData, currentReduceBaofData2, formData } = this;
-      const _columnKey = _get(formData, 'columnKey');
+      const { addAndTakeRecordData, currentReduceBaofData2, formData } = this
+      const _columnKey = _get(formData, 'columnKey')
       if (_columnKey === 'draw_value2') {
         if (currentReduceBaofData2) {
           currentReduceBaofData2.addAndTakeData.forEach(d => {
-            d.adjustData = [];
-          });
+            d.adjustData = []
+          })
         }
       } else {
         addAndTakeRecordData.addAndTakeData.forEach(d => {
-          d.adjustData = [];
-        });
+          d.adjustData = []
+        })
       }
-      this.getAddAndTakeData();
+      this.getAddAndTakeData()
     },
     updateAdjustData(values, callback) {
-      const { addAndTakeRecordData, currentReduceBaofData2, formData } = this;
-      const _columnKey = _get(formData, 'columnKey');
-      const _currentReduceBaofData2 = currentReduceBaofData2 || initDefaultAddAndTakeData('take');
-      const _newRecordData = rebuildAccountDataBySetting(values, cloneDeep(_columnKey === 'draw_value2' ? _currentReduceBaofData2 : addAndTakeRecordData));
+      const { addAndTakeRecordData, currentReduceBaofData2, formData } = this
+      const _columnKey = _get(formData, 'columnKey')
+      const _currentReduceBaofData2 = currentReduceBaofData2 || initDefaultAddAndTakeData('take')
+      const _newRecordData = rebuildAccountDataBySetting(values, cloneDeep(_columnKey === 'draw_value2' ? _currentReduceBaofData2 : addAndTakeRecordData))
       return this.getAddAndTakeData(_newRecordData, null, { columnKey: _columnKey })
         .then(() => callback())
-        .catch(() => {});
+        .catch(() => {})
     },
     validateInterestFormValues() {
-      const _formValues = convertInterestFormValues(this.interestFormValue, this.interestInitData);
-      const _refInterestItems = this.$refs.InterestItems;
+      const _formValues = convertInterestFormValues(this.interestFormValue, this.interestInitData)
+      const _refInterestItems = this.$refs.InterestItems
       if (_refInterestItems) {
         return _refInterestItems
           .validate()
           .then(() => _formValues)
           .catch(err => {
-            Toast(err);
-          });
+            Toast(err)
+          })
       }
-      return Promise.resolve(_formValues);
+      return Promise.resolve(_formValues)
     },
     openForm(type) {
       this.formData = {
         type
-      };
-      this.subName = 'Form';
+      }
+      this.subName = 'Form'
     },
     goToTable() {
-      this.subName = 'Table';
+      this.subName = 'Table'
     },
     async tableConfirm() {
       const {
@@ -529,13 +529,13 @@ export default {
         currentReduceBaofData,
         currentReduceBaofData2,
         addAndTakeRecordData
-      } = this;
-      const _formValues = await this.validateInterestFormValues().catch(() => {});
+      } = this
+      const _formValues = await this.validateInterestFormValues().catch(() => {})
       if (!_formValues) {
-        return;
+        return
       }
-      const isReduceBaof = type === 'reduceBaof';
-      const takeDataKey = isReduceBaof ? 'reduceBaofData' : 'accountData';
+      const isReduceBaof = type === 'reduceBaof'
+      const takeDataKey = isReduceBaof ? 'reduceBaofData' : 'accountData'
       const responseData = {
         type,
         [takeDataKey]: addAndTakeRecordData,
@@ -544,24 +544,24 @@ export default {
         accountInsuranceId,
         reduceBaofInsuranceId,
         interestData: _formValues
-      };
+      }
       if (isReduceBaof) {
         // 减保领取，清空账户领取的数据
-        responseData.accountData = accountInsuranceId && accountData ? initDefaultAddAndTakeData(accountData.accountPart) : null;
+        responseData.accountData = accountInsuranceId && accountData ? initDefaultAddAndTakeData(accountData.accountPart) : null
       } else {
-        responseData.reduceBaofData = currentReduceBaofData;
-        responseData.reduceBaofData2 = reduceBaofData2;
+        responseData.reduceBaofData = currentReduceBaofData
+        responseData.reduceBaofData2 = reduceBaofData2
       }
-      this.$emit('confirm', responseData, this);
-      return responseData;
+      this.$emit('confirm', responseData, this)
+      return responseData
     },
     async confirm() {
       if (this.subName === 'Form') {
-        this.goToTable();
-        return Promise.reject();
+        this.goToTable()
+        return Promise.reject()
       }
-      return this.tableConfirm();
+      return this.tableConfirm()
     }
   }
-};
+}
 </script>