bxs-tools-ui 3.2.0 → 3.3.0

package/packages/adjust-baoe/index.vue

@@ -83,15 +83,14 @@
   </div>
 </template>
 <script lang="ts">
-import QS from 'qs';
-import { Vue, Component, Prop, Watch } from 'vue-property-decorator';
-import cloneDeep from 'lodash/cloneDeep';
-import { Toast } from 'vant';
-import { convertPersonData, convertProductData } from 'packages/bxs-utils/planbook/index';
-import { PLANBOOK_API_HOSTNAME } from '@src/js/variables.js';
-import './index.css';
+import { Vue, Component, Prop, Watch } from 'vue-property-decorator'
+import cloneDeep from 'lodash/cloneDeep'
+import { Toast } from 'vant'
+import { validateAdjustBaoe } from '../../src/api/adjust-baoe.js'
+import { convertPersonData, convertProductData } from 'packages/bxs-utils/planbook/index'
+import './index.less'
 
-Vue.use(Toast);
+Vue.use(Toast)
 @Component({})
 export default class AdjustBaoe extends Vue {
   @Prop({
@@ -99,50 +98,50 @@ export default class AdjustBaoe extends Vue {
     default: () => ({}),
     required: true
   })
-  inputData: any;
+  inputData: any
   @Prop({
     type: Object,
     default: () => ({})
   })
-  params: any;
+  params: any
   @Prop({
     type: String,
     default: () => 'Table',
     validator: value => {
-      return ['Table', 'Form'].includes(value);
+      return ['Table', 'Form'].includes(value)
     }
   })
-  submoduleName: any;
+  submoduleName: any
   @Prop({
     type: Boolean,
     default: true
   })
-  footer: boolean;
+  footer: boolean
 
-  hasAdjustBaoe = false;
-  subName = 'Table';
-  defaultAdjustRecord = null;
-  adjustBaoeInsTitles = {};
-  adjustBaoeData = null;
-  formData = null;
+  hasAdjustBaoe = false
+  subName = 'Table'
+  defaultAdjustRecord = null
+  adjustBaoeInsTitles = {}
+  adjustBaoeData = null
+  formData = null
 
   get personData() {
-    return this.inputData && this.inputData.personData;
+    return this.inputData && this.inputData.personData
   }
   get insurerInfo() {
-    return convertPersonData(this.personData, 'insuredInfo');
+    return convertPersonData(this.personData, 'insuredInfo')
   }
   get groupData() {
-    return this.inputData && this.inputData.productGroupList.find(g => g.key === this.params.groupKey);
+    return this.inputData && this.inputData.productGroupList.find(g => g.key === this.params.groupKey)
   }
   get productData() {
-    return this.groupData && this.groupData.prodOrderList.find(p => p.key === this.params.productKey);
+    return this.groupData && this.groupData.prodOrderList.find(p => p.key === this.params.productKey)
   }
 
   get adjustBaoeTable() {
-    const { insurerInfo, productData, defaultAdjustRecord, adjustBaoeInsTitles, adjustBaoeData } = this;
+    const { insurerInfo, productData, defaultAdjustRecord, adjustBaoeInsTitles, adjustBaoeData } = this
     if (!(productData && productData.mulInsOrderList && productData.mulInsOrderList.length)) {
-      return null;
+      return null
     }
     const options = [
       {
@@ -150,18 +149,18 @@ export default class AdjustBaoe extends Vue {
         age: '年龄',
         ...adjustBaoeInsTitles
       }
-    ];
-    let adjustRecord = null;
+    ]
+    let adjustRecord = null
     for (let k = insurerInfo.age + 1; k <= 105; k++) {
       if (adjustBaoeData && adjustBaoeData.length) {
         if (adjustRecord) {
-          const currentAdjustBaoeData = adjustBaoeData.find(ad => ad.age > adjustRecord.age);
+          const currentAdjustBaoeData = adjustBaoeData.find(ad => ad.age > adjustRecord.age)
           if (currentAdjustBaoeData && k === Number(currentAdjustBaoeData.age)) {
-            adjustRecord = currentAdjustBaoeData;
+            adjustRecord = currentAdjustBaoeData
           }
         } else {
           if (k >= adjustBaoeData[0].age) {
-            adjustRecord = adjustBaoeData[0];
+            adjustRecord = adjustBaoeData[0]
           }
         }
       }
@@ -169,128 +168,116 @@ export default class AdjustBaoe extends Vue {
         ...(adjustRecord || defaultAdjustRecord),
         year: options.length,
         age: k
-      });
+      })
     }
-    return options;
+    return options
   }
 
   @Watch('subName', {})
   watchMName(val: Boolean) {
-    this.$emit('update:submoduleName', val);
+    this.$emit('update:submoduleName', val)
   }
 
   created() {
-    this.hasAdjustBaoe = this.productData.mulInsOrderList.some(ins => !!ins.adjustBaoe);
+    this.hasAdjustBaoe = this.productData.mulInsOrderList.some(ins => !!ins.adjustBaoe)
     if (!this.hasAdjustBaoe) {
-      this.$toast('缺少调整保额的配置');
-      return;
+      this.$toast('缺少调整保额的配置')
+      return
     }
     if (this.submoduleName) {
-      this.subName = this.submoduleName;
+      this.subName = this.submoduleName
     }
-    this.defaultAdjustRecord = this.genAdjustRecord(this.productData.mulInsOrderList);
-    this.adjustBaoeInsTitles = this.getAdjustBaoeInsTitles(this.productData.mulInsOrderList, this.defaultAdjustRecord);
-    this.adjustBaoeData = this.productData.adjustBaoeData;
+    this.defaultAdjustRecord = this.genAdjustRecord(this.productData.mulInsOrderList)
+    this.adjustBaoeInsTitles = this.getAdjustBaoeInsTitles(this.productData.mulInsOrderList, this.defaultAdjustRecord)
+    this.adjustBaoeData = this.productData.adjustBaoeData
   }
   genAdjustRecord(insList) {
     if (!insList) {
-      return null;
+      return null
     }
-    const adjustRecord = {};
+    const adjustRecord = {}
     insList.map((ins, idx, arr) => {
-      const titleUi = ins.eleOrderList.find(e => e.key === 'title');
+      const titleUi = ins.eleOrderList.find(e => e.key === 'title')
       if (!(ins.adjustBaoe && !ins.groupKey && titleUi && titleUi.value)) {
-        return;
+        return
       }
-      let groupChecked;
+      let groupChecked
       if (ins.isGroup) {
         groupChecked = arr.find(groupIns => {
-          const insuranceIdUi = ins.eleOrderList.find(e => e.key === 'insuranceId');
-          return insuranceIdUi && groupIns.key == insuranceIdUi.value;
-        });
+          const insuranceIdUi = ins.eleOrderList.find(e => e.key === 'insuranceId')
+          return insuranceIdUi && groupIns.key == insuranceIdUi.value
+        })
       }
-      const adjustKey = `baoe_${(groupChecked || ins).code || (groupChecked || ins).key}`;
-      const baoeUi = ins.eleOrderList.find(e => e.key === 'baoe');
-      adjustRecord[adjustKey] = baoeUi && baoeUi.value ? baoeUi.value : 0;
-    });
-    return adjustRecord;
+      const adjustKey = `baoe_${(groupChecked || ins).code || (groupChecked || ins).key}`
+      const baoeUi = ins.eleOrderList.find(e => e.key === 'baoe')
+      adjustRecord[adjustKey] = baoeUi && baoeUi.value ? baoeUi.value : 0
+    })
+    return adjustRecord
   }
   getAdjustBaoeInsTitles(insList, adjustRecord) {
-    const adjustData = {};
+    const adjustData = {}
     for (let k in adjustRecord) {
-      const insData = insList.find(ins => ins[ins.code ? 'code' : 'key'] == k.replace(/baoe_/, ''));
+      const insData = insList.find(ins => ins[ins.code ? 'code' : 'key'] == k.replace(/baoe_/, ''))
       if (insData) {
-        adjustData[k] = /(\(|\（)([^\(\（]+)(\)|\）)$/.exec(insData.name) ? /(\(|\（)([^\(\（]+)(\)|\）)$/.exec(insData.name)[2] : insData.name;
+        adjustData[k] = /(\(|\（)([^\(\（]+)(\)|\）)$/.exec(insData.name) ? /(\(|\（)([^\(\（]+)(\)|\）)$/.exec(insData.name)[2] : insData.name
       }
     }
-    return adjustData;
+    return adjustData
   }
   isModifyValue(adjust, key) {
-    return this.adjustBaoeData && this.adjustBaoeData.some(ad => ad.age === adjust.age && ad[key] !== this.defaultAdjustRecord[key]);
+    return this.adjustBaoeData && this.adjustBaoeData.some(ad => ad.age === adjust.age && ad[key] !== this.defaultAdjustRecord[key])
   }
 
   checkAdjustBaoe() {
-    const { params, personData, productData } = this;
-    const cloneProductData = convertProductData(cloneDeep(productData));
-    const cloneAdjustBaoeData = cloneDeep(this.adjustBaoeData);
-    this.updateData(this.formData);
+    const { params, personData, productData } = this
+    const cloneProductData = convertProductData(cloneDeep(productData))
+    const cloneAdjustBaoeData = cloneDeep(this.adjustBaoeData)
+    this.updateData(this.formData)
     if (!this.adjustBaoeData) {
-      return Promise.resolve();
+      return Promise.resolve()
     }
-    const deleteProdKeys = ['hadChoice', 'hide', 'totalBaof', 'insShowArr', 'autoImport', 'accountData', 'adjustBaoeData'];
+    const deleteProdKeys = ['hadChoice', 'hide', 'totalBaof', 'insShowArr', 'autoImport', 'accountData', 'adjustBaoeData']
     deleteProdKeys.forEach(ele => {
-      delete cloneProductData[ele];
-    });
+      delete cloneProductData[ele]
+    })
     cloneProductData.mulInsOrderList?.forEach(ins => {
-      const deleteInsKeys = ['isFollowing', 'pPeriodDesc', 'baoeDesc', 'baofDesc', 'iDurationDesc', 'isCheckbox', 'groupKey', 'groupName'];
+      const deleteInsKeys = ['isFollowing', 'pPeriodDesc', 'baoeDesc', 'baofDesc', 'iDurationDesc', 'isCheckbox', 'groupKey', 'groupName']
       deleteInsKeys.forEach(ele => {
-        delete ins[ele];
-      });
-    });
-    const url = `${PLANBOOK_API_HOSTNAME}/planBook/${params.publicPbUuid ? 'public' : 'V2'}/validateAccount/-1/low`;
-    return fetch(url, {
-      method: 'POST',
-      credentials: 'include',
-      headers: {
-        Accept: 'application/json, text/plain, */*',
-        'Content-Type': 'application/x-www-form-urlencoded'
-      },
-      body: QS.stringify({
-        jd: JSON.stringify({
-          insuranceTypeId: params.planbookId * 1,
-          publicPbUuid: params.publicPbUuid,
-          personData: {
-            personOrderList: convertPersonData(
-              personData,
-              personData.personOrderList.map(p => p.key)
-            )
-          },
-          productGroupList: [
-            {
-              key: params.groupKey,
-              prodOrderList: [
-                {
-                  ...cloneProductData,
-                  adjustBaoeData: this.adjustBaoeData
-                }
-              ]
-            }
-          ]
-        })
+        delete ins[ele]
       })
     })
-      .then(response => response.json())
-      .then(({ success, data, info }: any) => {
-        if (!success || !data || data === -1) {
-          this.adjustBaoeData = cloneAdjustBaoeData;
-          this.$toast(info);
-          return Promise.reject();
-        }
-        return Promise.resolve(data);
-      })
-      .catch(err => {
-        console.log(err);
-      });
+    return validateAdjustBaoe(
+      {
+        insuranceTypeId: params.planbookId * 1,
+        publicPbUuid: params.publicPbUuid,
+        personData: {
+          personOrderList: convertPersonData(
+            personData,
+            personData.personOrderList.map(p => p.key)
+          )
+        },
+        productGroupList: [
+          {
+            key: params.groupKey,
+            prodOrderList: [
+              {
+                ...cloneProductData,
+                adjustBaoeData: this.adjustBaoeData
+              }
+            ]
+          }
+        ]
+      },
+      {
+        publicPbUuid: params.publicPbUuid
+      }
+    ).catch(err => {
+      this.adjustBaoeData = cloneAdjustBaoeData
+      if (err) {
+        this.$toast(err)
+      }
+      console.log(err)
+    })
   }
   updateData(values) {
     if (
@@ -298,88 +285,88 @@ export default class AdjustBaoe extends Vue {
         .filter(key => key.match('new') && values[key])
         .every(key => values[key] === values[key.replace('new', '')])
     ) {
-      return;
+      return
     }
-    const temp = {};
+    const temp = {}
     for (let k in values) {
       if (!k.match('new')) {
-        temp[k] = values[`new${k}`] || values[k];
+        temp[k] = values[`new${k}`] || values[k]
       }
     }
     if (!this.adjustBaoeData) {
-      this.adjustBaoeData = [temp];
-      return;
+      this.adjustBaoeData = [temp]
+      return
     }
-    const index = this.adjustBaoeData.findIndex(a => a.age === temp.age);
+    const index = this.adjustBaoeData.findIndex(a => a.age === temp.age)
     if (index > -1) {
-      this.adjustBaoeData.splice(index, 1, temp);
+      this.adjustBaoeData.splice(index, 1, temp)
     } else {
-      this.adjustBaoeData.push(temp);
+      this.adjustBaoeData.push(temp)
     }
-    this.adjustBaoeData = this.adjustBaoeData.sort((a, b) => a.age - b.age);
+    this.adjustBaoeData = this.adjustBaoeData.sort((a, b) => a.age - b.age)
   }
   onClickEditIcon(id) {
-    const inputDom: any = document.querySelector(`#${id}`);
-    inputDom.focus();
+    const inputDom: any = document.querySelector(`#${id}`)
+    inputDom.focus()
   }
   onClickToForm(item, index) {
     if (index === 0) {
-      return;
+      return
     }
-    const temp = { ...item };
-    delete temp.year;
+    const temp = { ...item }
+    delete temp.year
     for (let k in temp) {
       if (!['age'].includes(k)) {
-        temp[`new${k}`] = null;
+        temp[`new${k}`] = null
       }
     }
-    this.formData = temp;
-    this.goToForm();
+    this.formData = temp
+    this.goToForm()
   }
 
   goToTable() {
-    this.subName = 'Table';
+    this.subName = 'Table'
   }
   goToForm() {
-    this.subName = 'Form';
+    this.subName = 'Form'
   }
   tableConfirm() {
-    return this.$emit('confirm', this.adjustBaoeData, this);
+    return this.$emit('confirm', this.adjustBaoeData, this)
   }
   formConfirm() {
-    const refForm: any = this.$refs.Form;
+    const refForm: any = this.$refs.Form
     return refForm
       .validate()
       .then(() => {
         this.checkAdjustBaoe().then(
           () => {
-            this.goToTable();
+            this.goToTable()
           },
           err => {
-            this.$toast('调整保额：Error');
-            console.log(err);
+            this.$toast('调整保额：Error')
+            console.log(err)
           }
-        );
+        )
       })
       .catch(err => {
-        console.log(err);
-      });
+        console.log(err)
+      })
   }
   confirm() {
     if (this.subName === 'Form') {
-      this.formConfirm();
-      return Promise.reject();
+      this.formConfirm()
+      return Promise.reject()
     }
-    this.tableConfirm();
-    return Promise.resolve(this.adjustBaoeData);
+    this.tableConfirm()
+    return Promise.resolve(this.adjustBaoeData)
   }
   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
   }
 }
 </script>

package/packages/adjust-baoe/readme.md

@@ -28,16 +28,7 @@ export default {
 
 ```html
 <template>
-  <CommonPopup
-    v-model="isShowAdjustBaoe"
-    title="调整保额"
-    height="90%"
-    closeable
-    position="bottom"
-    get-container="body"
-    :showFooter="false"
-    :z-index="100"
-  >
+  <CommonPopup v-model="isShowAdjustBaoe" title="调整保额" height="90%" closeable position="bottom" get-container="body" :showFooter="false" :z-index="100">
     <AdjustBaoe
       v-if="isShowAdjustBaoe"
       ref="AdjustBaoe"
@@ -73,21 +64,21 @@ export default {
 </template>
 
 <script>
-import { AdjustBaoe } from 'bxs-tools-ui';
-
-export default {
-  components: { AdjustBaoe },
-  data() {
-    return {
-      submoduleName: 'Table'
-    };
-  },
-  methods: {
-    onConfirm(adjustBaoeData, inst) {
-      console.log(adjustBaoeData);
+  import { AdjustBaoe } from 'bxs-tools-ui';
+
+  export default {
+    components: { AdjustBaoe },
+    data() {
+      return {
+        submoduleName: 'Table'
+      };
+    },
+    methods: {
+      onConfirm(adjustBaoeData, inst) {
+        console.log(adjustBaoeData);
+      }
     }
-  }
-};
+  };
 </script>
 ```
 
@@ -109,37 +100,36 @@ export default {
 
 ### Attributes
 
-| 参数 | 说明 | 类型 | 默认值 | 备注 |
-| --- | --- | --- | --- | --- |
-| `inputData` | 必传，计划书数据，需符合计划书数据结构 | Object | `{}` | — |
-| `params` | 必传，需有 `groupKey` / `productKey` 才能正常定位产品 | Object | `{}` | 见 Params 对象 |
-| `submoduleName` | 可选，当前子模块名称，支持 `.sync` 双向绑定 | String | `Table` | `Table` / `Form` |
-| `footer` | 可选，是否显示底部按钮 | Boolean | `true` | — |
-
+| 参数            | 说明                                                  | 类型    | 默认值  | 备注             |
+| --------------- | ----------------------------------------------------- | ------- | ------- | ---------------- |
+| `inputData`     | 必传，计划书数据，需符合计划书数据结构                | Object  | `{}`    | —                |
+| `params`        | 必传，需有 `groupKey` / `productKey` 才能正常定位产品 | Object  | `{}`    | 见 Params 对象   |
+| `submoduleName` | 可选，当前子模块名称，支持 `.sync` 双向绑定           | String  | `Table` | `Table` / `Form` |
+| `footer`        | 可选，是否显示底部按钮                                | Boolean | `true`  | —                |
 
 #### Params 对象
 
-| 参数 | 说明 | 类型 |
-| --- | --- | --- |
-| `planbookId` | 计划书 ID | Number |
-| `groupKey` | 产品组的 key | String / Number |
-| `productKey` | 产品的 key | Number |
-| `publicPbUuid` | 公开计划书的 uuid；传入时调用 public 接口进行保额校验 | String |
+| 参数           | 说明                                                  | 类型            |
+| -------------- | ----------------------------------------------------- | --------------- |
+| `planbookId`   | 计划书 ID                                             | Number          |
+| `groupKey`     | 产品组的 key                                          | String / Number |
+| `productKey`   | 产品的 key                                            | Number          |
+| `publicPbUuid` | 公开计划书的 uuid；传入时调用 public 接口进行保额校验 | String          |
 
 ---
 
 ### Methods
 
-| 方法名 | 说明 | 参数 |
-| --- | --- | --- |
-| `goToTable` | 从 Form 子模块返回 Table 子模块 | — |
-| `confirm` | 自动触发 Table / Form 的确定事件；当前为 Table 时返回调整保额数据 | — |
+| 方法名      | 说明                                                              | 参数 |
+| ----------- | ----------------------------------------------------------------- | ---- |
+| `goToTable` | 从 Form 子模块返回 Table 子模块                                   | —    |
+| `confirm`   | 自动触发 Table / Form 的确定事件；当前为 Table 时返回调整保额数据 | —    |
 
 ---
 
 ### Events
 
-| 事件名 | 说明 | 回调参数 |
-| --- | --- | --- |
-| `confirm` | 确定事件；`footer` 为 `true` 时，Table 子模块底部确定按钮的回调（Form 子模块的确定不触发此事件，仅切回 Table） | `Function(adjustBaoeData, 模块实例)` |
-| `update:submoduleName` | 子模块切换时触发，配合 `:submoduleName.sync` 使用 | 当前子模块名称（`'Table'` / `'Form'`） |
+| 事件名                 | 说明                                                                                                           | 回调参数                               |
+| ---------------------- | -------------------------------------------------------------------------------------------------------------- | -------------------------------------- |
+| `confirm`              | 确定事件；`footer` 为 `true` 时，Table 子模块底部确定按钮的回调（Form 子模块的确定不触发此事件，仅切回 Table） | `Function(adjustBaoeData, 模块实例)`   |
+| `update:submoduleName` | 子模块切换时触发，配合 `:submoduleName.sync` 使用                                                              | 当前子模块名称（`'Table'` / `'Form'`） |

package/packages/business-card/demo/index.vue

@@ -4,9 +4,9 @@
   </div>
 </template>
 <script lang="ts">
-import Vue from 'vue';
-import { Component } from 'vue-property-decorator';
-import BusinessCard from '../index.vue';
+import Vue from 'vue'
+import { Component } from 'vue-property-decorator'
+import BusinessCard from '../index.vue'
 
 @Component({
   components: {
@@ -20,20 +20,20 @@ export default class BusinessCardDemo extends Vue {
     rank: '代理人代理人',
     rankIcon: '//media.winbaoxian.com/autoUpload/activity/diamond_362dcf9f4453ded.png',
     mobile: '13023690000'
-  };
+  }
   buttonData = {
     tx: '编辑名片11'
     // bg: '#0dd',
     // color: '#d0d'
-  };
+  }
 
   created() {}
 
   avatarHandler() {
-    console.log('avatarHandler');
+    console.log('avatarHandler')
   }
   buttonHandler() {
-    console.log('buttonHandler');
+    console.log('buttonHandler')
   }
 }
 </script>